# gdb-hub / gdb__template-2-s58

- 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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c7828020-d76e-4c3f-82be-5c7622e485f6.png",
      "id": "0-0",
      "left": "638.707px",
      "top": "135.779px",
      "width": "361.334px",
      "height": "392.221px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3e0f4eed-c019-445a-a066-778232eec345.svg",
      "id": "0-1",
      "left": "109.333px",
      "top": "169.67px",
      "width": "597.334px",
      "height": "1px",
      "transform": "rotate(-0.0451175deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/59b00ab4-8dda-41e2-a838-3149660edfaa.svg",
      "id": "0-2",
      "left": "109.333px",
      "top": "74.8722px",
      "width": "597.334px",
      "height": "1px",
      "transform": "rotate(-0.0451175deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/34c9bfe2-e596-41a7-b74c-874171adf675.png",
      "id": "0-3",
      "left": "109.333px",
      "top": "92.7326px",
      "width": "38.2991px",
      "height": "60.0771px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/135bb7ec-f035-47cc-a59b-a4c6c31ad2b8.png",
      "id": "0-4",
      "left": "687.453px",
      "top": "92.7326px",
      "width": "19.2138px",
      "height": "20.359px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-5-0",
      "left": "-44.498px",
      "top": "-20.0448px",
      "width": "904.9986508499999px",
      "height": "44.077824px",
      "transform": "none",
      "background": "rgb(238, 226, 187)",
      "backgroundColor": "rgb(238, 226, 187)",
      "clipPath": "path(\"M0,0L5256.145412773501,0L5256.145412773501,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-6-0",
      "left": "-44.498px",
      "top": "1030.41px",
      "width": "904.9986508499999px",
      "height": "44.077824px",
      "transform": "none",
      "background": "rgb(238, 226, 187)",
      "backgroundColor": "rgb(238, 226, 187)",
      "clipPath": "path(\"M0,0L5256.145412773501,0L5256.145412773501,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/79abd838-897c-4e34-9454-0d24bffadd0e.jpg",
      "id": "0-7-0-0",
      "left": "263.31719999999996px",
      "top": "506.542px",
      "width": "589.61831908px",
      "height": "393.32393394px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M121.40786484184616,9.228000617887062C140.01033846153845,3.656366471496378 161.28770959753845,0.0 182.11144723692306,0.0C202.93588492799998,0.0 222.97416456861538,3.1340319159630874 241.44012810830768,8.705678353735443C241.83355715938458,8.879847232027677 242.22628615876923,8.879847232027677 242.61901515815387,9.05389319650319C311.9668358498462,31.340564987264315 363.04470747569223,90.1910858637143 364.02688,158.9662828712203L364.02688,393.3242135039839L0.0,393.3242135039839L0.0,159.14020592187907C0.9822635310276921,89.84323976239672 51.27416612036924,30.99228868758821 121.40786484184616,9.228000617887062Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cb268bf9-8c6e-416a-ad8c-62bc7a2b0a7c.png",
      "id": "0-8",
      "left": "-99.9741px",
      "top": "536.804px",
      "width": "418.615px",
      "height": "332.799px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/69e6c13d-de98-4c93-823c-ce1f845c81e0.png",
      "id": "0-9",
      "left": "570.748px",
      "top": "313.216px",
      "width": "135.919px",
      "height": "34.3762px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "MARKETING PLAN",
      "id": "0-10",
      "left": "109.333px",
      "top": "199.31308px",
      "width": "534.85px",
      "height": "178.143px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "81px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "80.903726px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quam ex, varius ac erat non, hendrerit pretium quam. Proin laoreet vestibulum orci, quis tempor orci molestie in. Cras viverra vestibulum neque a ornare. Donec interdum nibh nec sodales.",
      "id": "0-11",
      "left": "109.333px",
      "top": "380.89596px",
      "width": "597.333px",
      "height": "88.0533px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "15px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "23.518525px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "LOREM IPSUM",
      "id": "0-12",
      "left": "165.293px",
      "top": "95.66593px",
      "width": "159.477px",
      "height": "60.0771px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "27px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "27.281489px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Jun 2026",
      "id": "0-13",
      "left": "581.7px",
      "top": "125.171px",
      "width": "124.967px",
      "height": "27.0909px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "22px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "22.577784px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "For:",
      "id": "0-14",
      "left": "109.333px",
      "top": "946.93164px",
      "width": "173.333px",
      "height": "20.2572px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "17px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "27.281489px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "By:",
      "id": "0-15",
      "left": "533.334px",
      "top": "946.93164px",
      "width": "173.333px",
      "height": "20.2572px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "17px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "27.281489px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "M. Maxwell",
      "id": "0-16",
      "left": "109.333px",
      "top": "973.048px",
      "width": "233.307px",
      "height": "27.0933px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "22px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "22.577784px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "J. Chastain",
      "id": "0-17",
      "left": "500.445px",
      "top": "973.048px",
      "width": "206.222px",
      "height": "27.0933px",
      "transform": "none",
      "color": "rgb(238, 226, 187)",
      "fontSize": "22px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "22.577784px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(86, 104, 154)",
  "width": "816px",
  "height": "1056px",
  "duration": 3
}

Candidates:
[IkboylW41PWtKLCqXvxv]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90d13872-8231-49d7-ad94-20d8b084da07.svg",
      "id": "0-0",
      "left": "0px",
      "top": "109.5px",
      "width": "1920px",
      "height": "1px",
      "transform": "rotate(1.6963e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c8c842ca-1b60-4be8-9781-c330eb482c8e.png",
      "id": "0-1-0",
      "left": "108.0px",
      "top": "163.681px",
      "width": "630.217px",
      "height": "861.8309999999999px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-2",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "299.173px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "18/06/27",
      "id": "0-3",
      "left": "1628.87px",
      "top": "45.62979px",
      "width": "183.133px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera",
      "id": "0-4",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "315.108px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8c04d71f-faee-48a8-8a93-73b707d131e9.jpg",
      "id": "0-5-0",
      "left": "754.38px",
      "top": "163.681px",
      "width": "466.75200000000007px",
      "height": "422.85699999999997px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cfe259c1-924a-4b7d-b7e6-bd45affee492.jpg",
      "id": "0-6-0",
      "left": "754.38px",
      "top": "602.655px",
      "width": "466.75200000000007px",
      "height": "422.85699999999997px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "GALLERY",
      "id": "0-7",
      "left": "1303.2px",
      "top": "357.7757px",
      "width": "547.961px",
      "height": "79.3334px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "66px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "114.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Modern Home",
      "id": "0-8",
      "left": "1303.2px",
      "top": "637.37601px",
      "width": "389.145px",
      "height": "31.2px",
      "transform": "none",
      "color": "rgb(53, 53, 53)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "justify",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem 42, Urbs Dol",
      "id": "0-9",
      "left": "1303.2px",
      "top": "682.366px",
      "width": "334.986px",
      "height": "28.68px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "24px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Design a sleek, functional, modern urban home for a dynamic city couple. Prioritize efficiency, aesthetics, seamless tech, comfort, and privacy.",
      "id": "0-10",
      "left": "1303.2px",
      "top": "750.10899px",
      "width": "486.986px",
      "height": "146.64px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "18px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "25.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[uY65k8KyBVcceanbChGq]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4611a653-ab05-45d7-9448-e51d2f3df698.png",
      "left": "-346.809px",
      "top": "794.348px",
      "width": "825.63px",
      "height": "694.561px",
      "transform": "rotate(32.1123deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5ff7ffcb-a537-4212-8325-2fd6170b7969.svg",
      "left": "1143.2px",
      "top": "80.5058px",
      "width": "224.674px",
      "height": "224.674px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "184.18px",
      "top": "540.0px",
      "width": "622.8634924200001px",
      "height": "323.99872px",
      "transform": "none",
      "background": "rgb(3, 133, 72)",
      "backgroundColor": "rgb(3, 133, 72)",
      "clipPath": "path(\"M28.44444444,0L463.69626808,0C471.24020376,0 478.47515952000003,2.9968168 483.8095276,8.33118488C489.14389572,13.665553000000001 492.14071252,20.90050872 492.14071252,28.44444444L492.14071252,227.55555556000002C492.14071252,235.09949128 489.14389572,242.334447 483.8095276,247.66881512C478.47515952000003,253.0031832 471.24020376,256 463.69626808,256L28.44444444,256C20.90050872,256 13.665553000000001,253.0031832 8.33118488,247.66881512C2.9968168,242.334447 0,235.09949128 0,227.555555
```
_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
