# gdb-hub / gdb__template-2-s17

- 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",
      "left": "586.942px",
      "top": "295.88px",
      "width": "667.42272px",
      "height": "676.1200723200001px",
      "transform": "none",
      "background": "rgb(252, 246, 233)",
      "backgroundColor": "rgb(252, 246, 233)",
      "clipPath": "path(\"M0,0L256,0L256,259.33573793434164L0,259.33573793434164Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c5a65788-f835-4bea-a237-51697a8abf1e.svg",
      "left": "586.942px",
      "top": "295.88px",
      "width": "667.423px",
      "height": "676.12px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2ee1e355-a1ee-41ed-80d2-40581187ebc9.jpg",
      "left": "871.1659999999999px",
      "top": "508.612px",
      "width": "591.0556286px",
      "height": "394.52945180999996px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L591.0562011909539,0.0L591.0562011909539,307.67872L0.0,307.67872Z\")"
    },
    {
      "type": "GROUP",
      "left": "1252.58px",
      "top": "295.88px",
      "width": "667.42272px",
      "height": "676.1200723200001px",
      "transform": "none",
      "background": "rgb(36, 49, 79)",
      "backgroundColor": "rgb(36, 49, 79)",
      "clipPath": "path(\"M0,0L256,0L256,259.33573793434175L0,259.33573793434175Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/601a34d6-6206-4e3c-8965-6a76f405d6fd.svg",
      "left": "1252.58px",
      "top": "295.88px",
      "width": "667.423px",
      "height": "676.12px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/345bc0c0-b488-44a7-a3fb-96674464c82f.jpg",
      "left": "1290.91px",
      "top": "308.65560000000005px",
      "width": "591.0556286px",
      "height": "393.79150363px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L591.0562011909539,0.0L591.0562011909539,307.67872L0.0,307.67872Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8ae8865e-208e-4ed4-8b4f-2037331f01dc.jpg",
      "left": "-91.7688px",
      "top": "295.88px",
      "width": "1014.81412516px",
      "height": "676.1194664399999px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L591.05792,0.0L591.05792,676.1191533972168L0.0,676.1191533972168Z\")"
    },
    {
      "type": "TEXT",
      "text": "PRODUCT SHOWS",
      "left": "108.0px",
      "top": "121.1734px",
      "width": "1510.75px",
      "height": "166.347px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "138px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "140.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SYNERGY",
      "left": "625.577px",
      "top": "691.32px",
      "width": "272.306px",
      "height": "44.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "<ul><li style=\"margin-left: 1.7em\">Saves 10 hrs/member weekly via streamlined workflows.</li><li style=\"margin-left: 1.7em\">Supports 5-5,000 members.</li></ul>",
      "left": "625.276px",
      "top": "827.982px",
      "width": "545.216px",
      "height": "88.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Cloud platform for remote/hybrid team collaboration & productivity.",
      "left": "625.276px",
      "top": "758.68px",
      "width": "591.36px",
      "height": "58.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "IPA",
      "left": "1291.21px",
      "top": "691.32px",
      "width": "512.641px",
      "height": "44.64px",
      "transform": "none",
      "color": "rgb(252, 246, 233)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "<ul><li style=\"margin-left: 1.7em\">Tracks key metrics instantly.</li><li style=\"margin-left: 1.7em\">Generates tailored reports for performance insights.</li></ul>",
      "left": "1291.21px",
      "top": "827.982px",
      "width": "545.216px",
      "height": "88.56px",
      "transform": "none",
      "color": "rgb(252, 246, 233)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Real-time analytics dashboard for actionable decision insights.",
      "left": "1290.61px",
      "top": "758.68px",
      "width": "591.36px",
      "height": "58.56px",
      "transform": "none",
      "color": "rgb(252, 246, 233)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 246, 233)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[Cx9Ff8CCjOUQ1U8tmdPa]
{
  "components": [
    {
      "type": "GROUP",
      "left": "534.738px",
      "top": "306.357px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/30a873df-9489-41d8-b130-751f8159547d.svg",
      "left": "534.738px",
      "top": "306.357px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "GROUP",
      "left": "-131.74px",
      "top": "487.411px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4e21b176-3417-4c14-817d-799509ab2954.svg",
      "left": "-131.74px",
      "top": "487.411px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "TEXT",
      "text": "SOLUTIONS",
      "left": "108.277px",
      "top": "121.1734px",
      "width": "803.962px",
      "height": "166.347px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "138px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "140.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NEW APPROACH:",
      "left": "112.573px",
      "top": "707.452px",
      "width": "422.165px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "We deliver product combining technology to address industry inefficiencies.",
      "left": "112.573px",
      "top": "840.4119999999999px",
      "width": "422.165px",
      "height": "88.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "USER-CENTRIC DESIGN:",
      "left": "701.156px",
      "top": "571.154px",
      "width": "422.165px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Our solution meets target audience needs, ensuring accessibility, quality, and satisfaction.",
      "left": "701.156px",
      "top": "682.754px",
      "width": "422.165px",
      "height": "118.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "left": "1165.0px",
      "top": "46.7701px",
      "width": "755.00032px",
      "height": "755.00032px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "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": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/730979fa-f2d6-470b-b1ee-16ec2dd70fce.svg",
      "left": "1165.0px",
      "top": "46.7701px",
      "width": "755.001px",
      "height": "755.001px"
    },
    {
      "type": "TEXT",
      "text": "FILL THE GAP:",
      "left": "1367.93px",
      "top": "312.311px",
      "width": "243.82px",
      "height": "92.64px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "37px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "By integrating advanced tech & sustainability, we fill market gaps, offering a scalable, reliable solution.",
      "left": "1367.93px",
      "top": "415.27099999999996px",
      "width": "422.165px",
      "height": "118.56px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "24px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 246, 233)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[mnmHy5sK5WlQcCVXFVNX]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/758e9d36-1530-4048-a262-cb7771319019.jpg",
      "id": "0-0",
      "left": "19.8571px",
      "top": "-13.0743px",
      "width": "777.857px",
      "height": "408.006px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-0",
      "left": "23.5238px",
      "top": "970.153px",
      "width": "496.667px",
      "height": "63.0px",
      "background": "rgb(249, 153, 103)"
    },
    {
      "type": "TEXT",
      "text": "42 VIAE \u2022 SITE.CO",
      "id": "0-1",
      "left": "67.52210000000001px",
      "top": "993.283px",
      "width": "410.0px",
      "height": "11.1px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "10px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "15.0px",
      "letterSpacing": "0.133em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "STRAY PETS",
      "id": "0-0",
      "left": "70.87832999999999px",
      "top": "481.16067px",
      "width": "431.036px",
      "height": "91.8933px",
      "transform": "none",
      "color": "rgb(249, 153, 103)",
      "fontSize": "37px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "48.0px",
      "letterSpacing": "0.083em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "NOT ENOUGH HOMES.",
      "id": "0-1",
      "left": "103.425px",
      "top": "585.751px",
      "width": "365.244px",
      "height": "18.24px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "16px",
      "fontFamily": "Aleo--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "20.0px",
      "letterSpacing": "0.15em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Free spay/neuter with grooming packages:\n \nFull Groom ($50)\nbath, full haircut, nail trim, ear clean\n \nTrim ($40)\nbath, haircut",
      "id": "0-2",
      "left": "90.545001px",
      "top": "623.304px",
      "width": "389.244px",
      "height": "117.76px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "10px",
      "fontFamily": "Aleo--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "15.0px",
      "letterSpacing": "0.06em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(53, 55, 66)",
  "width": "816px",
  "height": "1056px",
```
_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
