# gdb-hub / gdb__template-2-s79

- 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": "1801.6px",
      "top": "892.268px",
      "width": "118.399488px",
      "height": "187.73256318000003px",
      "transform": "none",
      "background": "rgb(158, 230, 195)",
      "backgroundColor": "rgb(158, 230, 195)",
      "clipPath": "path(\"M0,0L256,0L256,405.9096742999484L0,405.9096742999484Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1801.6px",
      "top": "2.27374e-13px",
      "width": "118.399488px",
      "height": "892.26964152px",
      "transform": "none",
      "background": "rgb(1, 41, 77)",
      "backgroundColor": "rgb(1, 41, 77)",
      "clipPath": "path(\"M0,0L256,0L256,1929.2378745143194L0,1929.2378745143194Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "1792.85px",
      "top": "938.807px",
      "width": "135.811830504px",
      "height": "94.198272px",
      "transform": "rotate(-90deg)",
      "background": "rgb(1, 41, 77)",
      "backgroundColor": "rgb(1, 41, 77)",
      "clipPath": "path(\"M128.00000006224676,0L241.09174158389789,0C311.7841894441098,0 369.0917415085626,57.30755206445275 369.0917415085626,128.00000006224676C369.0917415085626,198.69244792245874 311.7841894441098,255.9999999869115 241.09174158389789,255.9999999869115L128.00000006224676,255.9999999869115C57.30755206445275,255.9999999869115 0,198.69244792245874 0,128.00000006224676C0,57.30755206445275 57.30755206445275,0 128.00000006224676,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "04",
      "id": "0-3",
      "left": "1815.75px",
      "top": "963.90599px",
      "width": "90.0046px",
      "height": "37.6046px",
      "transform": "none",
      "color": "rgb(235, 235, 235)",
      "fontSize": "32px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/840b9829-dcda-46b9-9188-6fed1cf630c1.svg",
      "id": "0-4",
      "left": "1843.3px",
      "top": "787.072px",
      "width": "34.9039px",
      "height": "34.9039px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite",
      "id": "0-5",
      "left": "1710.94px",
      "top": "612.42373px",
      "width": "299.63px",
      "height": "25.1123px",
      "transform": "rotate(-90deg)",
      "color": "rgb(158, 230, 195)",
      "fontSize": "21px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "29.387204px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c071ce2b-b78a-4f32-8c15-e3d179aace31.svg",
      "id": "0-6",
      "left": "1700.65px",
      "top": "228.374px",
      "width": "320.197px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/86e112a6-8b23-4622-8368-bf93cbed89b0.svg",
      "id": "0-7",
      "left": "1759.07px",
      "top": "169.955px",
      "width": "203.357px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ca430d64-986b-4db7-84c0-c7386533f93e.jpg",
      "id": "0-8-0-0",
      "left": "108.0px",
      "top": "605.787px",
      "width": "549.6630048000001px",
      "height": "366.21312px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M30.000040275001545,0.0L381.0005115053393,0.0C388.9570169172057,0.0 396.5876445857728,3.1607094881033237 402.21374337490664,8.786808405434243C407.8398422922375,14.412907322765166 411.00055178034086,22.04353486313524 411.00055178034086,30.000040275001545L411.00055178034086,336.2130797290869C411.00055178034086,344.16958514095325 407.8398422922375,351.80021268132333 402.21374337490664,357.4263115986542C396.5876445857728,363.0524105159851 388.9570169172057,366.21312000408847 381.0005115053393,366.21312000408847L30.000040275001545,366.21312000408847C22.04353486313524,366.21312000408847 14.412907322765166,363.0524105159851 8.786808405434243,357.4263115986542C3.1607094881033237,351.80021268132333 0.0,344.16958514095325 0.0,336.2130797290869L0.0,30.000040275001545C0.0,22.04353486313524 3.1607094881033237,14.412907322765166 8.786808405434243,8.786808405434243C14.412907322765166,3.1607094881033237 22.04353486313524,0.0 30.000040275001545,0.0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/388b9efd-26c2-4559-86dd-d7b23857de45.jpg",
      "id": "0-9-0-0",
      "left": "490.5342px",
      "top": "605.787px",
      "width": "549.6630048000001px",
      "height": "366.21312px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M30.000040275001545,0.0L381.0005115053393,0.0C388.9570169172057,0.0 396.5876445857728,3.1607094881033237 402.21374337490664,8.786808405434243C407.8398422922375,14.412907322765166 411.00055178034086,22.04353486313524 411.00055178034086,30.000040275001545L411.00055178034086,336.2130797290869C411.00055178034086,344.16958514095325 407.8398422922375,351.80021268132333 402.21374337490664,357.4263115986542C396.5876445857728,363.0524105159851 388.9570169172057,366.21312000408847 381.0005115053393,366.21312000408847L30.000040275001545,366.21312000408847C22.04353486313524,366.21312000408847 14.412907322765166,363.0524105159851 8.786808405434243,357.4263115986542C3.1607094881033237,351.80021268132333 0.0,344.16958514095325 0.0,336.2130797290869L0.0,30.000040275001545C0.0,22.04353486313524 3.1607094881033237,14.412907322765166 8.786808405434243,8.786808405434243C14.412907322765166,3.1607094881033237 22.04353486313524,0.0 30.000040275001545,0.0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/23df74ec-ea00-42b0-a86b-208c060acae6.jpg",
      "id": "0-10-0-0",
      "left": "1193.81px",
      "top": "236.0px",
      "width": "909.78977782px",
      "height": "477.63968px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M29.99997065728898,0.0L713.6473751217387,0.0C721.6038619416429,0.0 729.2344719026725,3.1607021534010156 734.8605577641497,8.78678801487822C740.4866436256268,14.412873876355427 743.6473457790278,22.043483709188113 743.6473457790278,29.99997065728898L743.6473457790278,447.6397092799297C743.6473457790278,455.5961962280307 740.4866436256268,463.2268061890601 734.8605577641497,468.85289205053726C729.2344719026725,474.47897791201456 721.6038619416429,477.6396799372187 713.6473751217387,477.6396799372187L29.99997065728898,477.6396799372187C22.043483709188113,477.6396799372187 14.412873876355427,474.47897791201456 8.78678801487822,468.85289205053726C3.1607021534010156,463.2268061890601 0.0,455.5961962280307 0.0,447.6397092799297L0.0,29.99997065728898C0.0,22.043483709188113 3.1607021534010156,14.412873876355427 8.78678801487822,8.78678801487822C14.412873876355427,3.1607021534010156 22.043483709188113,0.0 29.99997065728898,0.0Z\")"
    },
    {
      "type": "TEXT",
      "text": "04",
      "id": "0-11",
      "left": "108.0px",
      "top": "105.2px",
      "width": "90.0046px",
      "height": "33.3974px",
      "transform": "none",
      "color": "rgb(158, 230, 195)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Offer Actions",
      "id": "0-12",
      "left": "108.0px",
      "top": "140.13633000000002px",
      "width": "824.376px",
      "height": "89.0667px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "74px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "104.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Insight",
      "id": "0-13",
      "left": "108.0px",
      "top": "224.39333000000002px",
      "width": "749.812px",
      "height": "89.0667px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "74px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "104.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Provide clear, actionable steps post-content for real value. Applying insights, exploring topics, or using resources, guiding their next step improves experience.",
      "id": "0-14",
      "left": "108.0px",
      "top": "364.36400000000003px",
      "width": "757.583px",
      "height": "160.2px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "24px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A well-placed CTA (subscribe, download, purchase) keeps users engaged, strengthening brand connection. Simple, beneficial next steps increase continued interaction and meaningful engagement.",
      "id": "0-15",
      "left": "1006.19px",
      "top": "645.495px",
      "width": "687.455px",
      "height": "193.2px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "24px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(235, 235, 235)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[4TlcQmvtoAJrpLaPgb95]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/78bddd39-b140-4f29-9da7-b179b34a1e4f.jpg",
      "id": "0-0",
      "left": "152.368px",
      "top": "326.615px",
      "width": "775.407px",
      "height": "276.239px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/76df0985-3709-4544-a068-668e0719dc86.jpg",
      "id": "0-1",
      "left": "152.368px",
      "top": "326.615px",
      "width": "775.407px",
      "height": "276.239px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d4b52ab6-0132-4830-ad5a-a0a1daa343d5.png",
      "left": "613.563px",
      "top": "595.812px",
      "width": "864px",
      "height": "839.16px",
      "transform": "rotate(-19.0525deg)",
      "opacity": 0.34,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "UP TO 25% OFF",
      "left": "152.226px",
      "top": "867.40433px",
      "width": "775.548px",
      "height": "59.8745px",
      "transform": "none",
      "color": "rgb(173, 191, 200)",
      "fontSize": "50px",
      "fontFamily": "Lexend Deca--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "70.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "TERMS & CONDITIONS APPLY",
      "left": "256.329669px",
      "top": "945.23766px",
      "width": "565.305px",
      "height": "29.9333px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "25px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "35.0px",
      "letterSpacing": "0.07em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "LOREMIPSUMSITE.CO",
      "left": "262.1267px",
      "top": "991.2623100000001px",
      "width": "561.497px",
      "height": "22.2627px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "26.0px",
      "letterSpacing": "0.308em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/09cf7e91-350d-4138-a0fa-63f4cf6f4ef6.png",
      "left": "-556.404px",
      "top": "573.549px",
      "width": "864px",
      "height": "839.16px",
      "transform": "rotate(-19.0525deg)",
      "opacity": 0.34,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/584b512a-ac9f-4860-a308-31a4a5667b1a.jpg",
      "left": "159.012px",
      "top": "300.5751px",
      "width": "244.382026204px",
      "height": "366.115499418px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L244.38223585890677,0.0L244.38223585890677,187.708672L0.0,187.708672Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/09d9d7f9-0b82-4feb-a2a5-3b1130309d80.jpg",
      "left": "420.896px",
      "top": "350.8194px",
      "width": "242.31503110100002px",
      "height": "363.01830633px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L242.31471198930313,0.0L242.31471198930313,187.708672L0.0,187.708672Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c3b63824-4768-4a7e-8940-2743f4b4d5cc.jpg",
      "left": "676.738px",
      "top": "361.01124px",
      "width": "-244.648924472px",
      "height": "366.515113583px",
      "transform": "scale(-1, 1) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M-0.0,-0.0L-179.38570161503011,-0.0L-179.38570161503011,-137.634943531264L-0.0,-137.634943531264Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/625ee343-021c-42dd-8b84-6963348faafc.jpg",
      "left": "159.012px",
      "top": "573.7116px",
      "width": "244.382046345px",
      "height": "366.115502196px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L244.3819711092795,0.0L244.3819711092795,187.870464L
```
_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