# gdb-hub / gdb__template-2-s44

- 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/57034d42-353a-4e2e-b61f-8bd173125463.jpg",
      "id": "0-0-0-0",
      "left": "755.513px",
      "top": "75.8656px",
      "width": "1604.95137285px",
      "height": "1069.3003887px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M39.99999599872219,0.0L1020.1788321793406,0.0C1030.7874907698313,0.0 1040.9616462434456,4.214273157284046 1048.4631005680137,11.715727610049017C1055.9645550207786,19.2171819346171 1060.1788281780625,29.39133753642834 1060.1788281780625,39.99999599872219L1060.1788281780625,888.2688039259026C1060.1788281780625,898.8774625163933 1055.9645550207786,909.0516179900077 1048.4631005680137,916.5530724427726C1040.9616462434456,924.0545267673408 1030.7874907698313,928.2688000528217 1020.1788321793406,928.2688000528217L39.99999599872219,928.2688000528217C29.39133753642834,928.2688000528217 19.2171819346171,924.0545267673408 11.715727610049017,916.5530724427726C4.214273157284046,909.0516179900077 0.0,898.8774625163933 0.0,888.2688039259026L0.0,39.99999599872219C0.0,29.39133753642834 4.214273157284046,19.2171819346171 11.715727610049017,11.715727610049017C19.2171819346171,4.214273157284046 29.39133753642834,0.0 39.99999599872219,0.0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-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-2-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-3-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": "i",
      "id": "0-4",
      "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/fa7dbeea-fee7-426c-a562-e96bb9aff217.svg",
      "id": "0-5",
      "left": "1843.3px",
      "top": "787.072px",
      "width": "34.9039px",
      "height": "34.9039px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "id": "0-6",
      "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/e82048b6-760d-446e-ade2-499eee9a67a5.svg",
      "id": "0-7",
      "left": "1700.65px",
      "top": "228.374px",
      "width": "320.197px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80b3f3ca-a292-4946-a3d6-f11160b9c205.svg",
      "id": "0-8",
      "left": "1759.07px",
      "top": "169.955px",
      "width": "203.357px",
      "height": "4px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "TEXT",
      "text": " i",
      "id": "0-9",
      "left": "108.0px",
      "top": "170.74699999999999px",
      "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": "Table",
      "id": "0-10",
      "left": "108.0px",
      "top": "205.68233px",
      "width": "819.821px",
      "height": "89.0641px",
      "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": "Topics",
      "id": "0-11",
      "left": "108.0px",
      "top": "289.78733px",
      "width": "819.821px",
      "height": "89.0641px",
      "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": "Create Valuable, Relevant Content",
      "id": "0-12",
      "left": "108.0px",
      "top": "429.96839px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/92890dae-933d-4e8f-b496-0b7d9c3d5e79.svg",
      "id": "0-13",
      "left": "108px",
      "top": "464.216px",
      "width": "667.749px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "01",
      "id": "0-14",
      "left": "721.592px",
      "top": "429.96839px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Boost SEO",
      "id": "0-15",
      "left": "108.0px",
      "top": "484.07539px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/441d622d-31a0-4422-ab43-5b26b2cd5f5a.svg",
      "id": "0-16",
      "left": "108px",
      "top": "518.324px",
      "width": "667.749px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "02",
      "id": "0-17",
      "left": "721.592px",
      "top": "484.07539px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Strengthen Brand Rep",
      "id": "0-18",
      "left": "108.0px",
      "top": "537.88139px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f2e2d979-f45b-48ae-9c9b-f9f52daddb79.svg",
      "id": "0-19",
      "left": "108px",
      "top": "572.13px",
      "width": "667.749px",
      "height": "2px",
      "transform": "rotate(1.95097e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "03",
      "id": "0-20",
      "left": "721.592px",
      "top": "537.88139px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Offer Insights",
      "id": "0-21",
      "left": "108.0px",
      "top": "591.68839px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/edcf5b3b-f3de-4765-a287-b8b14ed8b482.svg",
      "id": "0-22",
      "left": "108px",
      "top": "625.936px",
      "width": "667.749px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "04",
      "id": "0-23",
      "left": "721.592px",
      "top": "591.68839px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Engage Community.",
      "id": "0-24",
      "left": "108.0px",
      "top": "645.4943900000001px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b8c63660-0afd-4f94-a427-b5d5dfd65a4e.svg",
      "id": "0-25",
      "left": "108px",
      "top": "679.742px",
      "width": "667.749px",
      "height": "2px",
      "transform": "rotate(1.95097e-14deg)"
    },
    {
      "type": "TEXT",
      "text": "05",
      "id": "0-26",
      "left": "721.592px",
      "top": "645.4943900000001px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Share Across Channels",
      "id": "0-27",
      "left": "108.0px",
      "top": "699.3003900000001px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3b6cd572-6654-4b39-babf-6d82a1366cf1.svg",
      "id": "0-28",
      "left": "108px",
      "top": "733.549px",
      "width": "667.749px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "06",
      "id": "0-29",
      "left": "721.592px",
      "top": "699.3003900000001px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Use Blogs for Leads",
      "id": "0-30",
      "left": "108.0px",
      "top": "753.1063899999999px",
      "width": "613.592px",
      "height": "28.2108px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0e90bbe4-0e14-428e-9622-3aebe823dacd.svg",
      "id": "0-31",
      "left": "108px",
      "top": "787.355px",
      "width": "667.749px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "07",
      "id": "0-32",
      "left": "721.592px",
      "top": "753.1063899999999px",
      "width": "54.1566px",
      "height": "28.2085px",
      "transform": "none",
      "color": "rgb(1, 41, 77)",
      "fontSize": "23px",
      "fontFamily": "Montserrat--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTr
```
_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