# gdb-hub / gdb__template-2-s162

- 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/668f2f50-7308-4ffe-9640-66a4a1bdc9db.svg",
      "id": "0-0",
      "left": "0px",
      "top": "109.5px",
      "width": "1920px",
      "height": "1px",
      "transform": "rotate(1.6963e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/73ddc97e-aeeb-48f1-9661-85dfb098dd01.jpg",
      "id": "0-1-0",
      "left": "960.0px",
      "top": "182.027px",
      "width": "852.0px",
      "height": "811.4489999999998px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite",
      "id": "0-2",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "309.49px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "18 Jun 27",
      "id": "0-3",
      "left": "1628.87px",
      "top": "45.62979px",
      "width": "211.978px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera",
      "id": "0-4",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "299.283px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "ABOUT",
      "id": "0-5",
      "left": "108.0px",
      "top": "352.16080000000005px",
      "width": "455.214px",
      "height": "79.3336px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "66px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "114.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera Co. creates inspiring, transformative spaces. We blend creativity with functionality, crafting environments that reflect client needs and aspirations. Founded in 2006, we lead architectural innovation.",
      "id": "0-6",
      "left": "108.0px",
      "top": "536.399px",
      "width": "666.506px",
      "height": "159.6px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "34.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[yQwnjL0lA9kMjY74Ha9Q]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "95.2696px",
      "top": "99.8779px",
      "width": "458.09904000000006px",
      "height": "583.1396270700001px",
      "transform": "none",
      "background": "rgb(6, 11, 49)",
      "backgroundColor": "rgb(6, 11, 49)",
      "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "565.039px",
      "top": "99.8779px",
      "width": "458.09904000000006px",
      "height": "583.1396270700001px",
      "transform": "none",
      "background": "rgb(6, 11, 49)",
      "backgroundColor": "rgb(6, 11, 49)",
      "clipPath": "path(\"M326.1809044413589,4.709158074042184C328.9863603152563,4.709158074042184 331.29084192595786,7.013639684743678 331.29084192595786,9.81909555864115L331.29084192595786,417.89345752014924C331.29084192595786,420.69891339404677 328.9863603152563,423.00339500474826 326.1809044413589,423.00339500474826L9.81909555864115,423.00339500474826C7.013639684743678,423.00339500474826 4.709158074042184,420.6989133940467 4.709158074042184,417.89345752014924L4.709158074042184,9.81909555864115C4.709158074042184,7.013639684743678 7.013639684743678,4.709158074042184 9.81909555864115,4.709158074042184L326.1809044413589,4.709158074042184M326.1809044413589,0L9.81909555864115,0C4.408573516124599,0 0,4.408573516124599 0,9.81909555864115L0,417.89345752014924C0,423.30397956266586 4.408573516124599,427.71255307879045 9.81909555864115,427.71255307879045L326.1809044413589,427.71255307879045C331.59142648387547,427.71255307879045 336,423.30397956266586 336,417.89345752014924L336,9.81909555864115C336,4.408573516124599 331.59142648387547,0 326.1809044413589,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2386f713-71d2-44be-8586-9ef5e478baf0.png",
      "id": "0-2",
      "left": "138.937px",
      "top": "138.179px",
      "width": "187.843px",
      "height": "252.562px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/dcd15d26-fba6-476f-a153-daff40dd34f8.png",
      "id": "0-3",
      "left": "326.78px",
      "top": "208.257px",
      "width": "157.37px",
      "height": "249.299px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5e0dbacd-6f06-439f-9645-70b49cf0bf30.png",
      "id": "0-4",
      "left": "624.021px",
      "top": "143.693px",
      "width": "176.435px",
      "height": "256.632px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8d69bbec-bf12-47a6-9219-a621b09877b3.png",
      "id": "0-5",
      "left": "820.364px",
      "top": "238.92px",
      "width": "142.642px",
      "height": "161.405px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/326c26a6-af52-4179-8c7a-089897d91b00.svg",
      "id": "0-6-0",
      "left": "673.817px",
      "top": "649.8842000000001px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/758ceb24-46a9-4f93-9e35-d9c0535ca3ad.svg",
      "id": "0-6-1",
      "left": "673.817px",
      "top": "575.3180584px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f526bbc1-8c7f-4ae3-b7d9-099200018ca8.svg",
      "id": "0-6-2",
      "left": "673.817px",
      "top": "612.8737000000001px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3f2411fb-ce77-4c53-9496-f20a0cdbf7b1.svg",
      "id": "0-7-0",
      "left": "207.945px",
      "top": "653.6632000000001px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d99b327b-fa8d-443f-92ba-cbe434742fb6.svg",
      "id": "0-7-1",
      "left": "207.945px",
      "top": "579.0970584px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a7ede92c-b940-4d9e-8ac1-69e6b2e07a6a.svg",
      "id": "0-7-2",
      "left": "207.94499999999996px",
      "top": "616.6527000000001px",
      "width": "240.542px",
      "height": "1.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/92077b2d-7d59-4e33-bd14-a8fc6c2f032e.png",
      "id": "0-8",
      "left": "236.638px",
      "top": "412.853px",
      "width": "158.74px",
      "height": "158.74px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c9059d2b-83c1-4fe7-8340-b38ce4d6a326.png",
      "id": "0-9",
      "left": "698.39px",
      "top": "424.304px",
      "width": "183.839px",
      "height": "135.838px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b2eef6ae-db24-431d-9a61-7d0b62ce3df3.png",
      "id": "0-10",
      "left": "265.202px",
      "top": "616.88px",
      "width": "34.6993px",
      "height": "64.7576px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/00540027-bd05-4705-a4e2-59d552e85f80.png",
      "id": "0-11-0",
      "left": "304.403px",
      "top": "616.88px",
      "width": "28.65719999999999px",
      "height": "37.72810000000004px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/487662ee-4c38-4289-93e1-8ead1d7ec2a7.png",
      "id": "0-12-0",
      "left": "846.495px",
      "top": "613.101px",
      "width": "28.65719999999999px",
      "height": "37.72810000000004px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c5de7742-4918-46b2-872d-0cbea08ab83b.png",
      "id": "0-13",
      "left": "344.892px",
      "top": "616.88px",
      "width": "46.3396px",
      "height": "37.7281px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8615adb9-1932-4110-b013-90b2605aba25.png",
      "id": "0-14",
      "left": "709.239px",
      "top": "613.101px",
      "width": "26.4257px",
      "height": "36.1583px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f3667908-6149-4f6f-b05d-187f37f3d87b.png",
      "id": "0-15",
      "left": "743.885px",
      "top": "612.421px",
      "width": "29.2555px",
      "height": "36.838px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/031e149c-9324-4926-adff-a7569fb5b040.png",
      "id": "0-16-0",
      "left": "781.14px",
      "top": "577.263px",
      "width": "30.5517px",
      "height": "55.4225px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/224a92df-1844-4749-af62-f3f97d8ac2a8.png",
      "id": "0-16-1-0",
      "left": "781.14px",
      "top": "577.263px",
      "width": "7.334979999999973px",
      "height": "14.178499999999985px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c351db86-eb14-4c38-bca8-833ffa2fa507.png",
      "id": "0-17",
      "left": "819.692px",
      "top": "614.139px",
      "width": "18.803px",
      "height": "33.4028px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1122px",
  "height": "793px",
  "duration": 3
}

[MPnzXfgPndUFGLVj0gpt]
{
  "components": [
    {
      "type": "GROUP",
      "left": "1030.92px",
      "top": "30.5608px",
      "width": "859.6310382300001px",
      "height": "441.34656px",
      "transform": "none",
      "background": "rgb(201, 244, 58)",
      "backgroundColor": "rgb(201, 244, 58)",
      "clipPath": "path(\"M29.582142370116433,0L469.04088712132943,0C476.8865591025483,0 484.41089277061326,3.1166810407184213 489.95862062535264,8.66440889545783C495.5063484507275,14.212136750197237 498.6230295208105,21.73647041826225 498.6230295208105,29.582142370116433L498.6230295208105,226.41785762738C498.6230295208105,234.26352957923416 495.5063484507275,241.78786324729919 489.95862062535264,247.3355911020386C484.41089277061326,252.88331895677797 476.8865591025483,255.9999999974964 469.04088712132943,255.9999999974964L29.582142370116433,255.9999999974964C21.73647041826225,255.9999999974964 14.212136750197237,252.88331895677797 8.66440889545783,247.3355911020386C3.1166810407184213,241.78786324729919 0,234.26352957923416 0,226.41785762738L0,29.582142370116433C0,21.73647041826225 3.1166810407184213,14.212136750197237 8.66440889545783,8.66440889545783C14.212136750197237,3.1166810407184213 21.73647041826225,0 29.582142370116433,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/523c29ce-8f56-4e53-b8fc-c2d9c620cfe0.svg",
      "left": "1030.92px",
      "top": "30.5608px",
      "width": "859.633px",
      "height": "441.347px"
    },
    {
      "type": "GROUP",
      "left": "1030.92px",
      "top": "491.404px",
      "width": "859.631345px",
      "height": "563.84px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M23.15548356095791,0L367.14273142457034,0C373.2839475107083,0 379.1736353628648,2.4395885767897667 383.51613089729426,6.782084111219211C387.85862640873853,11.12457
```
_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