# gdb-hub / gdb__template-2-s16

- 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": "-406.578px",
      "top": "1000.18px",
      "width": "1269.00201215px",
      "height": "865.7536px",
      "transform": "none",
      "background": "rgb(226, 224, 219)",
      "backgroundColor": "rgb(226, 224, 219)",
      "clipPath": "path(\"M187.61927906034828,0C84.00001246107003,0 0,57.30755202165844 0,128C0,198.69244797834153 84.00001246106999,256 187.61927906034825,256C291.2385456596265,256 375.2385581206965,198.6924479783416 375.23855812069655,128C375.23855812069655,57.30755202165848 291.2385456596266,0 187.6192790603483,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/32a6a210-4405-4bbb-8705-0fa6611ba949.png",
      "id": "0-1",
      "left": "76.8489px",
      "top": "606.797px",
      "width": "653.045px",
      "height": "491.565px",
      "transform": "rotate(10.1731deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9917fb00-7542-4f8b-a323-49191f42e976.png",
      "id": "0-2",
      "left": "118.145px",
      "top": "990.167px",
      "width": "662.925px",
      "height": "324.005px",
      "transform": "rotate(56.3385deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9423af38-4f44-49cc-bd58-a795597686af.svg",
      "id": "0-3",
      "left": "809.403px",
      "top": "475.099px",
      "width": "432px",
      "height": "432px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6ca2a57d-0038-4c70-9185-501dc50649d7.svg",
      "id": "0-4",
      "left": "107.994px",
      "top": "109px",
      "width": "864.002px",
      "height": "4px",
      "transform": "rotate(-0.132629deg)"
    },
    {
      "type": "TEXT",
      "text": "LITORI",
      "id": "0-5",
      "left": "809.403px",
      "top": "138.1987px",
      "width": "162.593px",
      "height": "39.3334px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NEXT",
      "id": "0-6",
      "left": "108.0px",
      "top": "52.6228px",
      "width": "193.748px",
      "height": "39.3334px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Music club benefits",
      "id": "0-7",
      "left": "107.995px",
      "top": "133.53209px",
      "width": "813.854px",
      "height": "206px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "79px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "111.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "<ul><li style=\"margin-left: 1.7em\">Build friendships</li><li style=\"margin-left: 1.7em\">Enhance musical skills</li><li style=\"margin-left: 1.7em\">Perform locally</li><li style=\"margin-left: 1.7em\">Creative outlet</li></ul>",
      "id": "0-8",
      "left": "108.0px",
      "top": "372.1997px",
      "width": "813.854px",
      "height": "223.333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "33px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(2, 58, 40)",
  "width": "1080px",
  "height": "1350px",
  "duration": 3
}

Candidates:
[9w2mmrPVPwOp9qEPNSlf]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a01fe87c-3d13-405f-be2d-4113b8b409a2.jpg",
      "id": "0-0-0",
      "left": "15.7574px",
      "top": "-18.6273px",
      "width": "784.485px",
      "height": "848.744px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "16.3025px",
      "top": "646.109px",
      "width": "783.9424134800001px",
      "height": "184.007168px",
      "transform": "none",
      "background": "rgb(113, 113, 113)",
      "backgroundColor": "rgb(113, 113, 113)",
      "clipPath": "path(\"M0,0L1090.6572521939897,0L1090.6572521939897,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "16.3025px",
      "top": "-18.6273px",
      "width": "213.658238394px",
      "height": "120.738048px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L453.01751216657044,0L453.01751216657044,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/40e55c83-52f9-4d14-ab9f-5244786294f6.svg",
      "id": "0-3",
      "left": "3.75292px",
      "top": "1015.54px",
      "width": "842.737px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b2d3597b-8df4-427e-89b1-1a000dc3ead6.png",
      "id": "0-4",
      "left": "69.8745px",
      "top": "36.1293px",
      "width": "31.1219px",
      "height": "31.083px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5d8f947d-78ed-47bd-8c7a-75502cd7e420.png",
      "id": "0-5",
      "left": "319.505px",
      "top": "682.825px",
      "width": "26.2229px",
      "height": "22.1911px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0fd0b05d-bd0e-4da4-9237-1aee394228dc.png",
      "id": "0-6",
      "left": "564.668px",
      "top": "683.678px",
      "width": "19.7739px",
      "height": "19.7739px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/826ec9b3-e4a6-4ea2-a724-95d0e1f699b9.png",
      "id": "0-7",
      "left": "75.0752px",
      "top": "682.886px",
      "width": "30.9506px",
      "height": "19.6923px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "199",
      "id": "0-8",
      "left": "115.433px",
      "top": "681.44754px",
      "width": "63.0975px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "199",
      "id": "0-9",
      "left": "355.135px",
      "top": "681.5085399999999px",
      "width": "114.179px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "199",
      "id": "0-10",
      "left": "593.388px",
      "top": "681.44754px",
      "width": "114.179px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ipsum Consect",
      "id": "0-11",
      "left": "74.3641px",
      "top": "713.1285399999999px",
      "width": "154.886px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Peaceful Small Space",
      "id": "0-12",
      "left": "74.3641px",
      "top": "870.13923px",
      "width": "286.684px",
      "height": "25.756px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "21px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "30.103712px",
      "letterSpacing": "-0.027em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CONSECT\n& CO",
      "id": "0-13",
      "left": "115.433px",
      "top": "35.30744px",
      "width": "99.1886px",
      "height": "38.5578px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "17px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "0.096em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Consect Mensa",
      "id": "0-14",
      "left": "319.505px",
      "top": "713.1285399999999px",
      "width": "174.316px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ipsum Consect",
      "id": "0-15",
      "left": "564.389px",
      "top": "713.1285399999999px",
      "width": "148.915px",
      "height": "15.2824px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "12px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "-0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Minimalist style is about simplicity, functionality, and a calming atmosphere.",
      "id": "0-16",
      "left": "74.7197px",
      "top": "909.648px",
      "width": "279.804px",
      "height": "54.864px",
      "transform": "none",
      "color": "rgb(127, 129, 132)",
      "fontSize": "11px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Viae Lorem 42, Urbs Dolor, 98",
      "id": "0-17",
      "left": "75.0752px",
      "top": "1026.5700000000002px",
      "width": "221.243px",
      "height": "11.9746px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "10px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "18.396774px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Reach us at +531-842-76 or  lorem@ipsumsite.co",
      "id": "0-18",
      "left": "433.499px",
      "top": "1026.5700000000002px",
      "width": "279.804px",
      "height": "11.9746px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "10px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "18.396774px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Modern Sofa: contemporary furniture, adds style to any room.",
      "id": "0-19",
      "left": "74.3641px",
      "top": "736.2959999999999px",
      "width": "196.227px",
      "height": "54.864px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "11px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Monochromatic finish, tapered legs reflect mid-century style.",
      "id": "0-20",
      "left": "319.505px",
      "top": "736.2959999999999px",
      "width": "195.969px",
      "height": "54.864px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "11px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Sleek, modern design & simple lines add style to any room.",
      "id": "0-21",
      "left": "564.668px",
      "top": "736.2959999999999px",
      "width": "168.479px",
      "height": "54.864px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "11px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.007em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Furniture is minimal, with simple lines. Colors are neutral, focusing on natural textures.",
      "id": "0-22",
      "left": "433.499px",
      "top": "909.648px",
      "width": "279.804px",
      "height": "54.864px",
      "transform": "none",
      "color": "rgb(127, 129, 132)",
      "fontSize": "11px",
      "fontFamily": "Prata--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.007em",
```
_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