# gdb-hub / gdb__template-2-s156

- taskset: [gdb-hub](https://harnessreport.com/tasks/gdb-hub.md)
- difficulty: hard
- category: design
- language: 
- runnable from the site: no
- agent timeout: 3600s

## Results by harness

_none yet_

## Instruction

```
# GDB: template-2

## Input Files

- `/workspace/inputs/input_0.png`
- `/workspace/inputs/input_1.png`
- `/workspace/inputs/input_2.png`
- `/workspace/inputs/input_3.png`
- `/workspace/inputs/input_4.png`
- `/workspace/inputs/input_5.png`
- `/workspace/inputs/input_6.png`
- `/workspace/inputs/input_7.png`
- `/workspace/inputs/input_8.png`
- `/workspace/inputs/input_9.png`
- `/workspace/inputs/input_10.png`
- `/workspace/inputs/input_11.png`
- `/workspace/inputs/input_12.png`
- `/workspace/inputs/input_13.png`
- `/workspace/inputs/input_14.png`
- `/workspace/inputs/input_15.png`
- `/workspace/inputs/input_16.png`
- `/workspace/inputs/input_17.png`
- `/workspace/inputs/input_18.png`
- `/workspace/inputs/input_19.png`
- `/workspace/inputs/input_20.png`

## Task

You are given a reference layout and a set of candidate layouts. Rank the candidates from most similar to least similar to the reference. Return the candidate IDs as a comma-separated list, most similar first.

Reference:
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "108.0px",
      "top": "108.0px",
      "width": "1704.000375px",
      "height": "864.0px",
      "transform": "none",
      "background": "rgb(204, 105, 88)",
      "backgroundColor": "rgb(204, 105, 88)",
      "clipPath": "path(\"M0,0L504.8888888888888,0L504.8888888888888,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "827.319px",
      "top": "257.847px",
      "width": "1114.33445936px",
      "height": "564.30592px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L505.5227603091479,0L505.5227603091479,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/53e166bb-4234-40ec-869e-dd58a2a7e316.jpg",
      "id": "0-2-0",
      "left": "5.68434e-14px",
      "top": "257.847px",
      "width": "848.454px",
      "height": "564.305px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5378ef13-1851-449e-ae45-7ce7685e0237.svg",
      "id": "0-3",
      "left": "-1.25056e-12px",
      "top": "150.794px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/09a5c373-3322-4666-bbdc-2c547a0475a0.svg",
      "id": "0-4",
      "left": "-1.47793e-12px",
      "top": "926.109px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "TEXT",
      "text": "Gallery",
      "id": "0-5",
      "left": "1006.98px",
      "top": "373.18506px",
      "width": "697.416px",
      "height": "99.3737px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "83px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "106.0326px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip commodo consequat.",
      "id": "0-6",
      "left": "1006.98px",
      "top": "530.52166px",
      "width": "755.006px",
      "height": "166.933px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "45.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3212be0a-d2cf-40bb-8122-03fe244b4274.svg",
      "id": "0-7",
      "left": "1637.85px",
      "top": "287.841px",
      "width": "133.095px",
      "height": "137.857px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5de13548-8452-45d5-b4b7-d7d0408c78a9.svg",
      "id": "0-8",
      "left": "1704.4px",
      "top": "740.862px",
      "width": "107.601px",
      "height": "55.4146px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[MgyO0F49XU92r6lKekXw]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/730b47a2-bae4-4ced-85db-ad56c3e674d3.jpg",
      "id": "0-0-0",
      "left": "110.5px",
      "top": "758.535px",
      "width": "1025.37px",
      "height": "321.46500000000003px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1135.87px",
      "top": "4.54747e-13px",
      "width": "676.63104px",
      "height": "1079.99829108px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L256,0L256,408.61200097172116L0,408.61200097172116Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a821c701-5624-4ddd-bac8-21120bbfa07f.jpg",
      "id": "0-2-0",
      "left": "1199.06px",
      "top": "108.0px",
      "width": "550.2429999999999px",
      "height": "600.023px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6e3c4634-9072-42c9-9e33-646e85923cc7.svg",
      "id": "0-3",
      "left": "-431px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cad34d4b-01d0-4706-a185-532e242844ad.svg",
      "id": "0-4",
      "left": "597.368px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/67f13ed6-7531-4ae3-8cf7-a327a8427ad6.svg",
      "id": "0-5",
      "left": "1271px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "TEXT",
      "text": "Intro",
      "id": "0-6",
      "left": "181.859px",
      "top": "146.1819px",
      "width": "609.667px",
      "height": "93.5511px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "78px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "109.21909000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"",
      "id": "0-7",
      "left": "1199.06px",
      "top": "754.75464px",
      "width": "550.243px",
      "height": "148.439px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "37px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "id": "0-8",
      "left": "181.859px",
      "top": "377.69033px",
      "width": "368.008px",
      "height": "327.667px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "id": "0-9",
      "left": "591.992px",
      "top": "377.69033px",
      "width": "368.008px",
      "height": "327.667px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1a209154-795d-4aa9-92d3-01ca3957ef0e.svg",
      "id": "0-10",
      "left": "775.996px",
      "top": "53.9229px",
      "width": "265.919px",
      "height": "275.434px",
      "transform": "none",
      "opacity": 0.46,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[p5nnY1IpbiCtR5lxrv67]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f1b3c763-7d2c-4e44-b5d3-58863eee5884.svg",
      "id": "0-0",
      "left": "0.0648918px",
      "top": "107.999px",
      "width": "1919.94px",
      "height": "3px",
      "transform": "rotate(-180deg)"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1149.16px",
      "top": "110.999px",
      "width": "770.83648px",
      "height": "861.0002595200001px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L256,0L256,285.9443365758544L0,285.9443365758544Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c538681a-ad90-4dda-9331-835a1e8601ea.svg",
      "id": "0-2",
      "left": "0.0648918px",
      "top": "969px",
      "width": "1919.94px",
      "height": "3px",
      "transform": "rotate(-180deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/389b7f4f-f46a-4163-b0cb-ebd8bb829886.svg",
      "id": "0-3",
      "left": "717.391px",
      "top": "536.771px",
      "width": "860.544px",
      "height": "3px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/74e5b5b3-0de3-4212-9cfe-74df820a0102.svg",
      "id": "0-4",
      "left": "-435.228px",
      "top": "540.228px",
      "width": "1083.46px",
      "height": "3px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d3050048-f805-45d4-b918-ed8155bd79ef.jpg",
      "id": "0-5-0",
      "left": "1201.24px",
      "top": "163.307px",
      "width": "666.481px",
      "height": "753.767px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-6-0",
      "left": "108.0px",
      "top": "110.999px",
      "width": "1038.1638176000001px",
      "height": "857.54368px",
      "transform": "none",
      "background": "rgb(204, 105, 88)",
      "backgroundColor": "rgb(204, 105, 88)",
      "clipPath": "path(\"M0,0L309.919775762506,0L309.919775762506,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "My Info",
      "id": "0-7",
      "left": "226.0px",
      "top": "264.13514px",
      "width": "669.96px",
      "height": "119.114px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "99px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "139.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
      "id": "0-8",
      "left": "226.0px",
      "top": "455.91166px",
      "width": "734px",
      "height": "346.933px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "45.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[Yp6QowlIV6xC5l0TSZ7K]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "1239.5px",
      "top": "4.54747e-13px",
      "width": "569.50016px",
      "height": "972.0010719100001px",
      "transform": "none",
      "background": "rgb(204, 105, 88)",
      "backgroundColor": "rgb(204, 105, 88)",
      "clipPath": "path(\"M0,0L256,0L256,436.93064091308094L0,436.93064091308094Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b1ed4a21-f7eb-4c78-b8f9-c71a9739376b.jpg",
      "id": "0-1-0",
      "left": "1280.5px",
      "top": "108.0px",
      "width": "489.0px",
      "height": "573.831px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "-4.0px",
      "top": "629.222px",
      "width": "1243.49994405px",
      "height": "450.7776px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L706.1927399856469,0L706.1927399856469,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/df46f21c-8770-4d30-9fa0-84dbc577f112.jpg",
      "id": "0-3-0",
      "left": "0.0px",
      "top": "696.0px",
      "width": "758.0px",
      "height": "384.0px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4cf87f41-cf63-4b5d-9d16-2bdb36fc2c0d.svg",
      "id": "0-4",
      "left": "-430.5px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7d2e7be4-b380-4eef-8a61-8e686d161bb0.svg",
      "id": "0-5",
      "left": "1270.5px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6f3eac43-9e0d-44b6-b578-15004cf56d7f.svg",
      "id": "0-6",
      "left": "699.5px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f72d16f5-1629-45ff-9d6c-632c5807c740.jpg",
      "id": "0-7-0",
      "left": "794.0px",
      "top": "696.0px",
      "width": "444.0px",
      "height": "384.0px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/582e19cd-35ea-4964-97ec-c51a25cf2376.svg",
      "id": "0-8",
      "left": "111px",
      "top": "972px",
      "width": "1698px",
      "height": "3px"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.",
      "id": "0-9",
      "left": "226.0px",
      "top": "366.53366px",
      "width": "836px",
      "height": "166.933px",
      "transform": "none",
      "color": "
```
_instruction cut at 16k characters_
---
Harness Report runs agent harnesses from their GitHub repos on Harbor tasks and records every model call. Every page is also `.md` and `.json`; index: https://harnessreport.com/llms.txt · MCP: https://harnessreport.com/mcp