# gdb-hub / gdb__template-2-s70

- 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/3fb67e2d-31f6-4167-9cb3-c333ae072d0d.jpg",
      "id": "0-0-0",
      "left": "682.0px",
      "top": "108.0px",
      "width": "820.854px",
      "height": "515.111px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Our Service",
      "id": "0-1",
      "left": "1349.41px",
      "top": "222.50453px",
      "width": "570.586px",
      "height": "341.045px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "138px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "176.07208px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/beb4f0aa-e69a-4366-ba2f-69201566d655.svg",
      "id": "0-2",
      "left": "549.999px",
      "top": "685.722px",
      "width": "1370px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1996ba46-f912-4559-a760-7d292f66093f.svg",
      "id": "0-3",
      "left": "549.999px",
      "top": "969px",
      "width": "1370px",
      "height": "3px"
    },
    {
      "type": "TEXT",
      "text": "01",
      "id": "0-4",
      "left": "646.0px",
      "top": "691.5108px",
      "width": "212.939px",
      "height": "131px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "109px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "166.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.",
      "id": "0-5",
      "left": "807.838px",
      "top": "786.11099px",
      "width": "306.162px",
      "height": "160.2px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Svc 1",
      "id": "0-6",
      "left": "807.838px",
      "top": "714.05466px",
      "width": "280.31px",
      "height": "53.9231px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "45px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "75.9879px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "02",
      "id": "0-7",
      "left": "1232.85px",
      "top": "691.5108px",
      "width": "212.939px",
      "height": "131px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "109px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "166.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.",
      "id": "0-8",
      "left": "1394.69px",
      "top": "786.11099px",
      "width": "306.162px",
      "height": "160.2px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Svc 2",
      "id": "0-9",
      "left": "1394.69px",
      "top": "714.05466px",
      "width": "280.31px",
      "height": "53.9231px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "45px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "75.9879px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/669da154-4583-46a6-af1d-cc9f4ff24880.jpg",
      "id": "0-10-0",
      "left": "0.0px",
      "top": "655.722px",
      "width": "549.999px",
      "height": "424.278px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d80ba906-7471-4a2b-a2bd-c15354a35b44.jpg",
      "id": "0-11-0",
      "left": "0.0px",
      "top": "108.0px",
      "width": "593.999px",
      "height": "228.27800000000002px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.",
      "id": "0-12",
      "left": "108.0px",
      "top": "393.73094000000003px",
      "width": "416.08px",
      "height": "150.286px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "28px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[4vMwwtGyQlFjJWdyvced]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/436fa1dc-50ad-4bd8-a9a8-a5dc0b04c167.jpg",
      "id": "0-0-0",
      "left": "1227.91px",
      "top": "202.829px",
      "width": "601.567px",
      "height": "675.3040000000001px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/85c057cf-fba5-4756-beb3-462acdd60749.svg",
      "id": "0-1",
      "left": "0px",
      "top": "108.5px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/84e097db-8323-4cb5-97a6-f275f71961ca.svg",
      "id": "0-2",
      "left": "0px",
      "top": "969px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d4988c2a-d77e-4c88-8fc6-3fa201876b51.svg",
      "id": "0-3",
      "left": "594.021px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7fd13880-cad7-4671-a759-5cd336076dcb.svg",
      "id": "0-4",
      "left": "609.525px",
      "top": "626.463px",
      "width": "75.2827px",
      "height": "63.9903px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ba1691b6-b7e1-4deb-86d3-390c38860413.svg",
      "id": "0-5",
      "left": "143.657px",
      "top": "626.299px",
      "width": "63.1473px",
      "height": "63.1473px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ca69f6dc-56bd-4c01-9bfc-8807319cfdf9.svg",
      "id": "0-6",
      "left": "137.589px",
      "top": "765.962px",
      "width": "69.215px",
      "height": "53.2326px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a49efbe0-61aa-4c63-88a6-058a73f4fbdb.png",
      "id": "0-7",
      "left": "609.525px",
      "top": "754.351px",
      "width": "75.2827px",
      "height": "75.2827px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Let's Connect with Us",
      "id": "0-8",
      "left": "137.589px",
      "top": "201.293px",
      "width": "980.863px",
      "height": "301.456px",
      "transform": "none",
      "color": "rgb(204, 105, 88)",
      "fontSize": "122px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "155.61664px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Addr",
      "id": "0-9",
      "left": "717.87px",
      "top": "615.69998px",
      "width": "248.984px",
      "height": "39.358px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "33px",
      "fontFamily": "Josefin Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "V. Lorem 42, U Dol",
      "id": "0-10",
      "left": "717.87px",
      "top": "665.68242px",
      "width": "454.373px",
      "height": "28.8932px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.83716px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Website",
      "id": "0-11",
      "left": "717.601px",
      "top": "749.81898px",
      "width": "325.366px",
      "height": "39.358px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "33px",
      "fontFamily": "Josefin Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "id": "0-12",
      "left": "717.601px",
      "top": "799.80242px",
      "width": "417.414px",
      "height": "28.8932px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.83716px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum.co",
      "id": "0-13",
      "left": "242.9px",
      "top": "799.80242px",
      "width": "455.055px",
      "height": "28.8932px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.83716px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Ph.",
      "id": "0-14",
      "left": "245.934px",
      "top": "615.98398px",
      "width": "248.984px",
      "height": "39.358px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "33px",
      "fontFamily": "Josefin Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "+53184276",
      "id": "0-15",
      "left": "245.934px",
      "top": "665.96642px",
      "width": "326.747px",
      "height": "28.8932px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "24px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "33.83716px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Eml",
      "id": "0-16",
      "left": "242.9px",
      "top": "749.81898px",
      "width": "248.984px",
      "height": "39.358px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "33px",
      "fontFamily": "Josefin Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "46.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[MgyO0F49XU92r6lKekXw]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/730b47a2-bae4-4ced-85db-ad56c3e674d3.jpg",
      "id": "0-0-0",
      "left": "110.5px",
      "top": "758.535px",
      "width": "1025.37px",
      "height": "321.46500000000003px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1135.87px",
      "top": "4.54747e-13px",
      "width": "676.63104px",
      "height": "1079.99829108px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L256,0L256,408.61200097172116L0,408.61200097172116Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a821c701-5624-4ddd-bac8-21120bbfa07f.jpg",
      "id": "0-2-0",
      "left": "1199.06px",
      "top": "108.0px",
      "width": "550.2429999999999px",
      "height": "600.023px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6e3c4634-9072-42c9-9e33-646e85923cc7.svg",
      "id": "0-3",
      "left": "-431px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cad34d4b-01d0-4706-a185-532e242844ad.svg",
      "id": "0-4",
      "left": "597.368px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/67f13ed6-7531-4ae3-8cf7-a327a8427ad6.svg",
      "id": "0-5",
      "left": "1271px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "TEXT",
      "text": "Intro",
      "id": "0-6",
      "left": "181.859px",
      "top": "146.1819px",
      "width": "609.667px",
```
_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
