# gdb-hub / gdb__template-2-s165

- 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/d90d396f-2b5d-44eb-aebf-3dbb0c742752.png",
      "left": "288.0px",
      "top": "0.0px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4ccf109d-855d-48d2-9187-a2dcf601db67.png",
      "left": "0px",
      "top": "0px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5871acee-f7a0-48ca-9479-1e1248b43708.png",
      "left": "0px",
      "top": "0px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/57459100-3391-4df0-afe3-b805e3eaf223.png",
      "left": "144.0px",
      "top": "143.82px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f71cde3a-2e22-493d-82e3-1bff8d1e3367.png",
      "left": "288.0px",
      "top": "143.82px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0894f4d7-aadf-49fb-a343-41c46181cb28.png",
      "left": "432.0px",
      "top": "143.82px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/73639acb-75b2-47bb-b0b5-0715c5678b5b.png",
      "left": "0.0px",
      "top": "287.64px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0e568ce6-0084-4dd4-a5d1-fe8333b1a098.png",
      "left": "144.0px",
      "top": "287.64px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/48f6dc86-416c-49d7-b6ca-d96c7fcd334e.png",
      "left": "288.0px",
      "top": "287.64px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3e250af0-cf40-4ec0-858f-5a161e2b3712.png",
      "left": "432.0px",
      "top": "287.64px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/63ffa9d7-ca52-4361-b51a-72540e034ef8.png",
      "left": "0px",
      "top": "0px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b4702f0-b0b4-4b39-acba-836e0b50a233.png",
      "left": "144.0px",
      "top": "0.0px",
      "width": "144px",
      "height": "143.82px",
      "transform": "none",
      "opacity": 0.1188,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "-65.9906px",
      "top": "134.4px",
      "width": "707.9805px",
      "height": "115.2px",
      "transform": "rotate(-31.3094deg)",
      "background": "rgb(229, 71, 71)",
      "backgroundColor": "rgb(229, 71, 71)",
      "clipPath": "path(\"M0,0L1573.291524515995,0L1573.291524515995,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "-1.0766px",
      "width": "578.1525px",
      "height": "384.0px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L385.43546067852265,0L385.43546067852265,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/eeb6e275-bbc6-4219-ac57-e85d64abdfed.svg",
      "left": "-1.0766px",
      "width": "578.153px",
      "height": "384.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c00249a8-b1aa-4ecb-b09e-7f670b5d2c54.png",
      "left": "128.832px",
      "top": "228.815px",
      "width": "25.159px",
      "height": "24.2156px",
      "transform": "rotate(-31.047deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0b5a04d5-3466-4d90-9f3b-dfd7668c1d17.png",
      "left": "145.102px",
      "top": "259.993px",
      "width": "25.159px",
      "height": "15.9131px",
      "transform": "rotate(-31.047deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/eebf5e3d-538a-4fd3-bda2-5372c12819e8.png",
      "left": "165.287px",
      "top": "282.578px",
      "width": "19.5455px",
      "height": "28.4816px",
      "transform": "rotate(-31.047deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": ": +531-842-76\n: lorem@ipsumsite.co\n: Viae Lorem 42, Urbs Dol",
      "left": "154.095px",
      "top": "133.666px",
      "width": "294.003px",
      "height": "87.8942px",
      "transform": "rotate(-31.047deg)",
      "color": "rgb(252, 241, 224)",
      "fontSize": "19px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "32.034426px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "THANKS FOR YOUR VISIT",
      "left": "202.557px",
      "top": "331.84px",
      "width": "170.886px",
      "height": "13.5801px",
      "transform": "none",
      "color": "rgb(44, 30, 30)",
      "fontSize": "11px",
      "fontFamily": "Open Sans--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "13.945638px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Liceria Co.",
      "left": "38.4px",
      "top": "32.13335px",
      "width": "225.419px",
      "height": "47.3521px",
      "transform": "rotate(-1.77636e-15deg)",
      "color": "rgb(229, 71, 71)",
      "fontSize": "39px",
      "fontFamily": "Vidaloka--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "55.324344px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Makeup Pro",
      "left": "38.4px",
      "top": "77.80575px",
      "width": "285.015px",
      "height": "29.9333px",
      "transform": "none",
      "color": "rgb(44, 30, 30)",
      "fontSize": "25px",
      "fontFamily": "Open Sans--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "35.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/48d7731e-808b-4203-9b06-dae49531372f.jpg",
      "left": "382.746px",
      "top": "210.218px",
      "width": "242.508px",
      "height": "234.93px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 241, 224)",
  "width": "576px",
  "height": "384px",
  "duration": 3
}

Candidates:
[7x6nzTmyZYrBGJIzLMzo]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b92f3cd7-9398-4d4c-8ce6-4fdae05c685b.svg",
      "id": "0-0",
      "left": "371.902px",
      "top": "701.03px",
      "width": "2764.79px",
      "height": "1467.3699999999997px",
      "transform": "rotate(-94.4098deg) rotate(0deg) scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b4f79a14-bd79-4d9d-bd67-1e4bcccae52b.png",
      "left": "1712.66px",
      "top": "862.698px",
      "width": "414.68px",
      "height": "429.72px",
      "transform": "rotate(-40.9728deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/de99164a-ce40-49bf-b88d-d3a7d02d1cb9.png",
      "left": "1320.8px",
      "top": "807.39px",
      "width": "378.471px",
      "height": "732.955px",
      "transform": "rotate(88.0068deg) scale(1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/914ae013-4906-4ec6-9cd1-60e97ed2a5e3.svg",
      "left": "76.5674px",
      "top": "825.011px",
      "width": "354.705px",
      "height": "174.773px",
      "transform": "rotate(176.966deg) scale(1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/16dcd806-0f4b-4b32-8321-a0b0bb132771.png",
      "id": "0-0",
      "left": "1160.9999px",
      "top": "221.9033px",
      "width": "608.972px",
      "height": "647.842px",
      "transform": "rotate(-76.848deg) scale(1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4e8b276d-70ad-44f2-8eb3-16f642a5e40b.svg",
      "id": "0-1-0",
      "left": "1128.4384px",
      "top": "600.751px",
      "width": "94.1685px",
      "height": "114.85400000000004px",
      "transform": "rotate(96.1599deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b891a00b-d8db-46fd-a6d4-b97fe8bfcabc.png",
      "id": "0-2",
      "left": "1292.574px",
      "top": "321.256px",
      "width": "350.757px",
      "height": "589.958px",
      "transform": "rotate(-8.67423deg) scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e51e6326-da2d-4fd8-aa33-36601932d28c.svg",
      "id": "0-3",
      "left": "1350.598px",
      "top": "219.61800000000002px",
      "width": "342.925px",
      "height": "124.7px",
      "transform": "rotate(15.6708deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68395d8e-4100-428f-acce-8ddf8a484825.svg",
      "id": "0-4",
      "left": "1578.379px",
      "top": "667.562px",
      "width": "214.866px",
      "height": "220.479px",
      "transform": "rotate(87.7223deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c380064c-0095-4b94-8398-d01740d60732.svg",
      "id": "0-5-0",
      "left": "1673.0520000000001px",
      "top": "475.69800000000004px",
      "width": "61.87779999999998px",
      "height": "75.47030000000001px",
      "transform": "rotate(175.939deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Hope you enjoyed Volume 1 of your first lesson.",
      "left": "151.094px",
      "top": "323.063px",
      "width": "678.668px",
      "height": "210px",
      "color": "rgb(250, 245, 239)",
      "fontSize": "58px",
      "fontFamily": "IBM Plex Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "70.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "See you on Vol. 2!",
      "left": "151.094px",
      "top": "583.40329px",
      "width": "706.3px",
      "height": "207.067px",
      "transform": "none",
      "color": "rgb(250, 245, 239)",
      "fontSize": "90px",
      "fontFamily": "IBM Plex Serif--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "99.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9f1e4079-869d-4c41-becb-bf7ebe00eb9d.png",
      "left": "-185.033px",
      "top": "-266.553px",
      "width": "514.447px",
      "height": "533.106px",
      "transform": "rotate(2.41935deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9521e5b3-25c7-4f69-a394-3c75cc78cd9f.png",
      "left": "203.433px",
      "top": "-325.18px",
      "width": "307.123px",
      "height": "594.78px",
      "transform": "rotate(-75.1029deg) scale(1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": ".",
      "left": "741.45px",
      "top": "59.6218px",
      "width": "58.1707px",
      "height": "70px",
      "color": "rgb(49, 159, 146)",
      "fontSize": "58px",
      "fontFamily": "IBM Plex Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "70.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": ".",
      "left": "757.45px",
      "top": "75.6218px",
      "width": "58.1707px",
      "height": "70px",
      "color": "rgb(49, 159, 146)",
      "fontSize": "58px",
      "fontFamily": "IBM Plex Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "70.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": ".",
      "left": "773.45px",
      "top": "91.6218px",
      "width": "58.1707px",
      "height": "70px",
      "color": "rgb(49, 159, 146)",
      "fontSize": "58px",
      "fontFamily": "IBM Plex Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "70.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": ".",
      "left": "789.45px",
      "top": "107.622px",
      "width": "58.1707px",
      "height": "70px",
      "color": "rgb(49, 159, 146)",
      "fontSize": "58px",
      "fontFamily": "IBM Plex Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
```
_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