# gdb-hub / gdb__template-2-s195

- 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/1b40e1a7-47db-4821-b73b-ef4b8c655445.svg",
      "left": "786.991px",
      "top": "-39.7753px",
      "width": "1055.67px",
      "height": "1429.55px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a2d26c12-2ab4-45d5-bf15-e2926a71e75b.jpg",
      "id": "0-0",
      "left": "-148.766px",
      "top": "-6.86469px",
      "width": "938.756px",
      "height": "1346.57px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "-20.9711px",
      "top": "973.481px",
      "width": "1181.72584706px",
      "height": "323.99872px",
      "transform": "rotate(-6.45988deg)",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M0,0L933.7126132733001,0L933.7126132733001,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bc7bf527-8a94-4342-8930-84de854cdfea.jpg",
      "left": "183.49692px",
      "top": "1160.43px",
      "width": "449.10692621000004px",
      "height": "299.77856px",
      "transform": "rotate(-6.00583deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L355.8290292749008,0.0L355.8290292749008,299.77856L0.0,299.77856Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7cd94b72-14db-49b1-8d63-478c628aa360.png",
      "left": "113.382px",
      "top": "965.237px",
      "width": "204.433px",
      "height": "127.864px",
      "transform": "rotate(-16.3667deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/58e31c37-af0a-4871-9920-924e48a9955d.jpg",
      "left": "361.75350000000003px",
      "top": "985.591px",
      "width": "449.66784000000007px",
      "height": "299.77856px",
      "transform": "rotate(-6.00583deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L355.8290292749008,0.0L355.8290292749008,299.77856L0.0,299.77856Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/29110037-f5a0-4a1d-8db6-b646da2c2471.jpg",
      "left": "804.697px",
      "top": "843.1261999999999px",
      "width": "355.82895365px",
      "height": "533.7440159800001px",
      "transform": "rotate(-6.00583deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L355.8290292749008,0.0L355.8290292749008,299.77856L0.0,299.77856Z\")"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1350px",
  "duration": 3
}

Candidates:
[58Uk9hjmhLtCzWgSrIbB]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68c1e9b1-8362-430e-8282-3171861eabe4.png",
      "left": "79.5792px",
      "top": "94.0052px",
      "width": "322.867px",
      "height": "322.06px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "CONTACT",
      "left": "229.598px",
      "top": "381.2015px",
      "width": "935.488px",
      "height": "145.692px",
      "transform": "none",
      "color": "rgb(252, 105, 45)",
      "fontSize": "121px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "103.118568px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c7acd7b4-ae7a-43c1-be65-30163e507a4b.png",
      "left": "-130.09px",
      "top": "775.098px",
      "width": "260.181px",
      "height": "259.53px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Email",
      "left": "241.013px",
      "top": "526.9960000000001px",
      "width": "192.777px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum.co",
      "left": "473.162px",
      "top": "526.9960000000001px",
      "width": "548.145px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Web",
      "left": "241.013px",
      "top": "584.8040000000001px",
      "width": "192.777px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "www.loremipsum.co",
      "left": "473.162px",
      "top": "584.8040000000001px",
      "width": "548.145px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Tel",
      "left": "241.013px",
      "top": "642.613px",
      "width": "192.777px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "+531-842",
      "left": "473.162px",
      "top": "642.613px",
      "width": "497.851px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Addr",
      "left": "241.013px",
      "top": "700.581px",
      "width": "192.777px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "V. Lorem 42, U. Dolor, IP 98",
      "left": "473.162px",
      "top": "700.581px",
      "width": "542.183px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "28px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b24b00a7-9b01-4532-b39e-37963be77831.png",
      "left": "1179.23px",
      "top": "-89.2567px",
      "width": "632.772px",
      "height": "598.76px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7566c848-0659-4774-9163-4b28763d18ea.png",
      "left": "1060.31px",
      "top": "529.796px",
      "width": "600.543px",
      "height": "598.291px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5af73775-e01d-45e5-ab99-cc08d67b166d.png",
      "left": "1680.52px",
      "top": "409.981px",
      "width": "586.8px",
      "height": "586.8px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/45f83ec5-33b7-455c-bdcc-d7cc038352b7.png",
      "left": "634.231px",
      "top": "876.781px",
      "width": "302.589px",
      "height": "301.833px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ed4f0731-a7f6-4370-b0ac-f86f2805d575.png",
      "left": "799.067px",
      "top": "49.5932px",
      "width": "160.933px",
      "height": "160.53px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 240, 189)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[qoE5xyyT8widJcvkc11a]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/acfa84d4-9243-43f2-8503-deccb4db3059.jpg",
      "left": "351.918px",
      "top": "940.261px",
      "width": "348.14px",
      "height": "96.6088px",
      "transform": "none",
      "opacity": 0.19,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c092fb74-558e-4458-a350-f441f3e73a7e.jpg",
      "left": "203.246px",
      "top": "353.843px",
      "width": "715.755px",
      "height": "652.232px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/27db0707-8e5c-4fec-a4bc-c6ddbb042c40.png",
      "left": "999.773px",
      "top": "76.9859px",
      "width": "133.528px",
      "height": "293.468px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/17becd02-f0d7-4196-b624-ef66c768bcf3.png",
      "left": "-51.1345px",
      "top": "315.17px",
      "width": "133.528px",
      "height": "293.468px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/23080c48-908c-4b70-b596-90f6de8caa99.svg",
      "left": "-70.5585px",
      "top": "757.49px",
      "width": "360.513px",
      "height": "368.955px",
      "transform": "rotate(-12.8535deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/88179061-bbd8-4d1d-bcf4-7920335faa3e.svg",
      "left": "832.244px",
      "top": "561.099px",
      "width": "335.059px",
      "height": "342.904px",
      "transform": "rotate(-138.351deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "151.611px",
      "top": "425.08px",
      "width": "254.878464px",
      "height": "254.878464px",
      "transform": "none",
      "background": "rgb(214, 103, 38)",
      "backgroundColor": "rgb(214, 103, 38)",
      "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.30755202165844 0,128C0,198.69244797834153 57.307552021658424,256 128,256C198.69244797834153,256 256,198.6924479783416 256,128C256,57.30755202165848 198.6924479783416,0 128,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "China Noodles",
      "left": "163.393px",
      "top": "93.6876px",
      "width": "753.213px",
      "height": "277.064px",
      "transform": "none",
      "color": "rgb(123, 51, 28)",
      "fontSize": "125px",
      "fontFamily": "Yeseva One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "125.93855px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@LOREMIPSUM",
      "left": "299.09042999999997px",
      "top": "359.64365000000004px",
      "width": "485.835px",
      "height": "37.3032px",
      "transform": "none",
      "color": "rgb(123, 51, 28)",
      "fontSize": "31px",
      "fontFamily": "Arimo--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "43.6248px",
      "letterSpacing": "0.154em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "$17",
      "left": "176.535px",
      "top": "501.603px",
      "width": "205.031px",
      "height": "119.897px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "99px",
      "fontFamily": "Yeseva One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "99.91409999999999px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[2TgsV4qPpeFNgXQRCcpX]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9be7c5fe-fa19-4b1a-b7ff-56cdd7a97bf8.jpg",
      "left": "-106.90099999999951px",
      "top": "83.6749px",
      "width": "557.7273849200001px",
      "height": "371.81743203999997px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L356.22471849147723,0.0L356.22471849147723,316.63616L0.0,316.63616Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a22dbb4c-4da9-4f58-8f90-2a56a3cbcaec.jpg",
      "left": "313.89169999999996px",
      "top": "83.6749px",
      "width": "474.95424px",
      "height": "316.63616px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L356.2247184914771,0.0L356.2247184914771,316.63616L0.0,316.63616Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9f196380-c0f1-46ec-9a24-50774590a6c1.jpg",
      "left": "675.7796999999999px",
      "top": "83.6749px",
      "width": "474.95424px",
      "height": "316.63616px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L356.22471849147695,0.0L356.22471849147695,316.63616L0.0,316.63616Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://st
```
_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