# gdb-hub / gdb__template-2-s13

- 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": "228.849px",
      "top": "58.4615px",
      "width": "622.30272px",
      "height": "1080.00150882px",
      "transform": "none",
      "background": "rgb(3, 88, 75)",
      "backgroundColor": "rgb(3, 88, 75)",
      "clipPath": "path(\"M85.37944615384616,5.5739300575283055C98.46153846153845,2.208531600800745 113.42473846153847,0 128.06892307692308,0C142.7136,0 156.80541538461537,1.8930292076247748 169.79150769230768,5.258435088636813C170.0681846153846,5.363637199689701 170.34436923076922,5.363637199689701 170.62055384615385,5.468765067897808C219.38904615384618,18.930440561937306 255.30929230769226,54.47754342825142 256,100.61097809488638L256,444.28625560343323L0,444.28625560343323L0,100.86602836154009C0.6907716923076923,54.26743617752477 36.058289230769226,18.720073461253925 85.37944615384616,5.5739300575283055Z\")"
    },
    {
      "type": "GROUP",
      "left": "40.3077px",
      "top": "36.8149px",
      "width": "146.83904px",
      "height": "146.83904px",
      "transform": "none",
      "background": "rgb(252, 133, 37)",
      "backgroundColor": "rgb(252, 133, 37)",
      "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/fb8b79a8-5773-4428-8d92-462114fb52ac.jpg",
      "left": "264.6px",
      "top": "46.233999999999995px",
      "width": "550.79936px",
      "height": "826.19904px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M275.39968,0.0C123.30063662771946,0.0 0.0,123.30063662771943 0.0,275.39968C0.0,427.4987233722805 123.3006366277194,550.79936 275.39968,550.79936C427.4987233722805,550.79936 550.79936,427.4987233722806 550.79936,275.39968C550.79936,123.30063662771951 427.4987233722806,0.0 275.39968,0.0Z\")"
    },
    {
      "type": "TEXT",
      "text": "MEJORA FUNCI\u00d3N RESPIRATORIA",
      "left": "246.725px",
      "top": "696.18601px",
      "width": "586.551px",
      "height": "113.2px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "43px",
      "fontFamily": "Aoboshi One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "61.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Al estirar aprendemos a respirar profundo esto nos ayuda \nmejorar nuestros \u00f3rganos internos ",
      "left": "237.787px",
      "top": "853.702343px",
      "width": "604.426px",
      "height": "129.731px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "36px",
      "fontFamily": "Raleway--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "43.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3c421003-7518-4597-bd4f-5426fdb8f50d.png",
      "left": "890.971px",
      "top": "995.039px",
      "width": "141.295px",
      "height": "23.4902px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1eca92ec-05d1-43ff-a663-a82be46e1398.svg",
      "left": "916.748px",
      "top": "744.54px",
      "width": "77.0944px",
      "height": "77.0944px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bf2f42c0-c75d-4728-bb55-69f6331aca51.svg",
      "left": "69.4528px",
      "top": "979.982px",
      "width": "77.0944px",
      "height": "77.0944px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(250, 231, 202)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[ntoY4TFeu9q8aNERY80f]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/19ebccd2-be84-43ad-b888-764ec6de3011.jpg",
      "id": "0-0",
      "left": "108.0px",
      "top": "159.283px",
      "width": "898.433px",
      "height": "761.434px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "CONTACT",
      "left": "1192.59px",
      "top": "220.9333px",
      "width": "496.36px",
      "height": "63.2665px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "53px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "91.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Office",
      "left": "1192.59px",
      "top": "482.08234000000004px",
      "width": "248.18px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem 42, Urbs Dolor, IP 98",
      "left": "1192.59px",
      "top": "530.23299px",
      "width": "433.37px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Visit our website, follow us on social media, or contact us to discuss your project. Let\u2019s build something extraordinary together.",
      "left": "1192.59px",
      "top": "333.25999px",
      "width": "581.737px",
      "height": "80px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Mail & Social",
      "left": "1192.59px",
      "top": "598.56634px",
      "width": "310.077px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsumsite.co\n@loremipsumsite",
      "left": "1192.59px",
      "top": "646.71599px",
      "width": "341.483px",
      "height": "52px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Phone/Fax",
      "left": "1192.59px",
      "top": "743.04934px",
      "width": "310.077px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "26px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "531-842-76",
      "left": "1192.59px",
      "top": "791.1999900000001px",
      "width": "248.18px",
      "height": "52px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[hH81rzxZ8FfIWQ6ThmmT]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "90.1878px",
      "top": "409.66px",
      "width": "313.07353629px",
      "height": "275.17184px",
      "transform": "none",
      "background": "rgb(215, 215, 215)",
      "backgroundColor": "rgb(215, 215, 215)",
      "clipPath": "path(\"M0,0L291.26084868736507,0L291.26084868736507,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "507.309px",
      "top": "409.66px",
      "width": "102.831104px",
      "height": "275.172419148px",
      "transform": "none",
      "background": "rgb(215, 215, 215)",
      "backgroundColor": "rgb(215, 215, 215)",
      "clipPath": "path(\"M0,0L256,0L256,685.0466440774984L0,685.0466440774984Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6c3906da-af43-4e61-983c-b1e90223cc80.svg",
      "id": "0-2",
      "left": "91.5813px",
      "top": "408.69px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "90.1878px",
      "top": "766.831px",
      "width": "634.2298173px",
      "height": "60.20864px",
      "transform": "none",
      "background": "rgb(1, 127, 56)",
      "backgroundColor": "rgb(1, 127, 56)",
      "clipPath": "path(\"M0,0L2696.674226879796,0L2696.674226879796,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/08f5e13f-95b5-4233-8fa4-a989aff69258.svg",
      "id": "0-4",
      "left": "90.1878px",
      "top": "683.862px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fc6afe11-f6f0-4363-a4c9-d64d3ec6a0c6.svg",
      "id": "0-5",
      "left": "91.5813px",
      "top": "826.069px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4d7406fd-204a-4861-a9e2-903dd02cf6e9.svg",
      "id": "0-6",
      "left": "91.5813px",
      "top": "463.584px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6269fdb6-3ac9-4dab-a0ac-17d6c2c60b68.svg",
      "id": "0-7",
      "left": "91.5813px",
      "top": "518.479px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b5e223ce-bad4-44f1-bc23-c7015e21b1f3.svg",
      "id": "0-8",
      "left": "91.5813px",
      "top": "573.373px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5a49b66e-8ada-4d77-bf16-5db40ecce101.svg",
      "id": "0-9",
      "left": "91.5813px",
      "top": "628.268px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/38db84ca-7419-43a6-ac02-1f197d13b625.svg",
      "id": "0-10",
      "left": "91.5813px",
      "top": "765.86px",
      "width": "632.837px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e65347c8-7b11-4c10-a203-6b700b41bc43.svg",
      "id": "0-11",
      "left": "521.321px",
      "top": "947.5px",
      "width": "183.952px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f6175ae2-e648-4c96-8b99-d201e6d3d924.svg",
      "id": "0-12",
      "left": "500.666px",
      "top": "82.2019px",
      "width": "55.8531px",
      "height": "65.7799px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90617b5e-a22c-42e4-b926-dae8b05cfaa4.png",
      "id": "0-13",
      "left": "109.333px",
      "top": "932.632px",
      "width": "19.1646px",
      "height": "19.4317px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4437a4a4-e86d-447d-8322-1a85125edad1.png",
      "id": "0-14",
      "left": "109.333px",
      "top": "961.151px",
      "width": "21.3647px",
      "height": "16.3974px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/68222b13-915b-4908-8a5e-13a385e17fd9.png",
      "id": "0-15",
      "left": "-118.398px",
      "top": "-127.352px",
      "width": "431.241px",
      "height": "431.241px",
      "transform": "none",
      "opacity": 0.2,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "BILL TO",
      "id": "0-16",
      "left": "109.333px",
      "top": "204.679px",
      "width": "260.04px",
      "height": "17.4978px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "15px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "23.518525px",
      "letterSpacing": "0.02em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Sacha D.",
      "id": "0-17",
      "left": "109.333px",
      "top": "243.184px",
      "width": "273.224px",
      "height": "20.6963px",
      "color": "rgb(1, 127, 56)",
      "fontSize": "17px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsumsite.co\nV. Lorem 42, U. Dolor, IP98",
      "id": "0-18",
      "left": "109.333px",
      "top": "269.35px",
      "width": "273.224px",
      "height": "41.0163px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "15px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "23.518525px",
      "letterSpacing": "0.02em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "PAY TO",
      "id": "
```
_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