# gdb-hub / gdb__template-2-s140

- 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/92b3670d-cde6-41c9-a2d3-70f1689e5979.jpg",
      "left": "-127.393px",
      "top": "0.0px",
      "width": "-2047.39px",
      "height": "1080.0px",
      "transform": "scale(-1, 1) rotate(0deg)",
      "opacity": 0.5,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "left": "-12.0px",
      "top": "71.9555px",
      "width": "1283.7885833px",
      "height": "377.8688px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L869.7457169067522,0L869.7457169067522,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "A pre-approved loan is necessary when making an offer.",
      "id": "0-0",
      "left": "108.0px",
      "top": "527.729px",
      "width": "529.566px",
      "height": "132.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "With Ipsum Praesenta, you can collaborate in real-time and feel like you\u2019re in the same room as your teammates or\nco-presenters.",
      "id": "0-1",
      "left": "108.0px",
      "top": "687.214px",
      "width": "529.566px",
      "height": "141.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "You will need your tax records, pay stubs, and account statements to get a\npre-approval.",
      "id": "0-0",
      "left": "742.2230000000001px",
      "top": "527.729px",
      "width": "529.566px",
      "height": "176.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "With real-time collaboration, share tasks & work simultaneously to create powerful presentations.",
      "id": "0-1",
      "left": "742.2230000000001px",
      "top": "731.214px",
      "width": "529.566px",
      "height": "105.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A pre-approval lets you know how much you can borrow, setting your budget for the buying process.",
      "id": "0-0",
      "left": "107.99999999999989px",
      "top": "240.78px",
      "width": "1059.13px",
      "height": "153.0px",
      "color": "rgb(72, 67, 67)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Pre-approve your loan.",
      "id": "0-1",
      "left": "107.99999999999989px",
      "top": "127.99999999999997px",
      "width": "1059.13px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(248, 248, 248)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[EuWiICBDmUZVsK7y9cTL]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0078e678-a74e-4050-8447-988bff8c524f.svg",
      "id": "0-0",
      "left": "568.84px",
      "top": "329.707px",
      "width": "117.196px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4ab8d49f-4a42-42aa-94f7-aa96980ae94e.svg",
      "id": "0-1",
      "left": "785.419px",
      "top": "329.707px",
      "width": "120.562px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90314381-e6cf-4bfc-aca8-d138ddb6092e.svg",
      "id": "0-2",
      "left": "974.71px",
      "top": "329.707px",
      "width": "168.297px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8260a228-9b16-4b93-8b95-14cf161c8595.svg",
      "id": "0-3",
      "left": "554.72px",
      "top": "578.28px",
      "width": "145.436px",
      "height": "145.436px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/87fe0125-6e76-4361-a9c1-05adbbf1288c.svg",
      "id": "0-4",
      "left": "772.982px",
      "top": "578.544px",
      "width": "145.436px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cdb1f63f-abf1-46fa-a4b9-3be4f282f849.svg",
      "id": "0-5",
      "left": "986.141px",
      "top": "578.28px",
      "width": "145.436px",
      "height": "145.436px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90e93ad5-1465-4d43-a2b0-88d751ede5ad.svg",
      "id": "0-6",
      "left": "1446.92px",
      "top": "329.707px",
      "width": "119.95px",
      "height": "168.297px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2917a63d-c66b-4577-b2fa-3e5030aafb07.svg",
      "id": "0-7",
      "left": "1197.23px",
      "top": "383.096px",
      "width": "182.892px",
      "height": "61.5183px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bdd1c09f-fd55-40f3-97b0-2b573e3ad1db.svg",
      "id": "0-8",
      "left": "1225.58px",
      "top": "578.544px",
      "width": "126.201px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/049b387d-b2ef-4dd9-821a-3a8dc2918fde.svg",
      "id": "0-9",
      "left": "1444.19px",
      "top": "578.544px",
      "width": "125.41px",
      "height": "144.907px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ca642614-5dd5-457a-b938-d2ca44b435da.svg",
      "id": "0-10",
      "left": "555.937px",
      "top": "818.997px",
      "width": "143.003px",
      "height": "143.003px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c3bc4cf5-1f97-463d-b4b2-d6f7c1d89182.svg",
      "id": "0-11",
      "left": "781.456px",
      "top": "826.255px",
      "width": "128.487px",
      "height": "128.487px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/04cef500-c471-4b69-b09e-1b93885696f0.svg",
      "id": "0-12",
      "left": "994.615px",
      "top": "826.255px",
      "width": "128.487px",
      "height": "128.487px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ea3e090a-62b1-4a58-bded-15b865c58c30.svg",
      "id": "0-13",
      "left": "1224.43px",
      "top": "826.255px",
      "width": "128.487px",
      "height": "128.487px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9ba75c9b-83bb-42e4-af2c-fc784fbf9372.svg",
      "id": "0-14",
      "left": "1442.65px",
      "top": "826.255px",
      "width": "128.487px",
      "height": "128.487px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6c5feecd-b85d-4c2d-8c73-7583a0da2b57.svg",
      "id": "0-15",
      "left": "0px",
      "top": "1060px",
      "width": "1920px",
      "height": "20px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ceda40a6-d4e7-476f-8bd0-364a57fe3ba9.svg",
      "id": "0-16",
      "left": "301.984px",
      "top": "329.707px",
      "width": "182.943px",
      "height": "140.035px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/98c176cb-14ce-4b93-8e6f-329134eaefa1.svg",
      "id": "0-17",
      "left": "303.616px",
      "top": "570.161px",
      "width": "181.311px",
      "height": "153.29px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d6585521-4f4c-4d2a-b2a8-3b1cdf75f810.svg",
      "id": "0-18",
      "left": "309.623px",
      "top": "801.452px",
      "width": "169.296px",
      "height": "153.29px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod.",
      "id": "0-19-0",
      "left": "429.076px",
      "top": "202.5958px",
      "width": "1061.71px",
      "height": "33.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Resources",
      "id": "0-19-1",
      "left": "539.7370000000001px",
      "top": "86.2538px",
      "width": "840.386px",
      "height": "89.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "center",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[xg0vM5FitwG5xlMBIwZH]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f8c0d6b5-7c29-41cf-ac8c-1f43640d0e53.svg",
      "id": "0-0-0",
      "left": "234.214px",
      "top": "657.528px",
      "width": "462.662px",
      "height": "462.662px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d2764302-ac2c-4212-ace8-673d0ad252c6.svg",
      "id": "0-0-1",
      "left": "234.214px",
      "top": "823.8100000000001px",
      "width": "462.662px",
      "height": "462.662px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1ba4d291-4c08-406a-9640-8e9c993596d6.jpg",
      "id": "0-1-0",
      "left": "759.336px",
      "top": "0.0px",
      "width": "475.55600000000004px",
      "height": "713.333px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5f64425a-c173-42b1-a000-506d68e97bf5.jpg",
      "id": "0-1-1",
      "left": "759.336px",
      "top": "0.0px",
      "width": "1070.0px",
      "height": "713.333px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/67163b91-f358-4b42-a76d-8fdd9e08b61d.jpg",
      "id": "0-1-2",
      "left": "759.336px",
      "top": "0.0px",
      "width": "580.3320000000001px",
      "height": "613.5820000000001px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5fd244a8-80b8-46bf-923b-ed464fa5d016.jpg",
      "id": "0-1-3",
      "left": "759.336px",
      "top": "0.0px",
      "width": "570.3320000000001px",
      "height": "380.221px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7e350ed0-b693-454f-89fa-810394f5d890.svg",
      "id": "0-2",
      "left": "0px",
      "top": "1060px",
      "width": "1920px",
      "height": "20px"
    },
    {
      "type": "TEXT",
      "text": "For clients seeking a house or downtown condo, I find the right fit.",
      "id": "0-3-0",
      "left": "108.0px",
      "top": "108.00000000000003px",
      "width": "512.76px",
      "height": "204.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "42px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "51.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Find the magic and fun in presenting with Ipsum Praesenta. C for confetti, D for drumroll, O for bubbles.",
      "id": "0-3-1",
      "left": "108.0px",
      "top": "339.485px",
      "width": "512.76px",
      "height": "141.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
```
_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