# gdb-hub / gdb__template-2-s40

- 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/aa74b918-278b-46ea-a146-f9eeb253d5e6.png",
      "id": "0-0",
      "left": "-60.6881px",
      "top": "980.28px",
      "width": "2004.82px",
      "height": "162.615px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1aa26b2e-1b32-4df3-a6b9-99cee87b8390.png",
      "left": "81.6616px",
      "top": "245.998px",
      "width": "906.104px",
      "height": "734.282px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bbe0a3f3-8a28-4aa9-9427-b1aac190f5fb.jpg",
      "id": "0-0",
      "left": "128.621px",
      "top": "288.911px",
      "width": "820.047px",
      "height": "449.305px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/504b63d4-db90-4a52-82af-167f0ada0762.png",
      "left": "1096.04px",
      "top": "-350.053px",
      "width": "569.494px",
      "height": "559.139px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Take students on virtual field trips with the web slide. Add a link to a museum site with educational content. The site appears on the slide; students browse without leaving the deck.",
      "id": "0-0",
      "left": "1019.79px",
      "top": "568.33933px",
      "width": "818.552px",
      "height": "142.667px",
      "transform": "none",
      "color": "rgb(45, 45, 47)",
      "fontSize": "26px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/26c2f585-86e7-4456-8441-1fdb0e705c8c.svg",
      "id": "0-1-0",
      "left": "1131.742px",
      "top": "512.4069999999999px",
      "width": "594.6470000000002px",
      "height": "37.68319999999994px",
      "transform": "rotate(-1.97316deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Let's Go on a Virtual Trip",
      "id": "0-2",
      "left": "1019.79px",
      "top": "333.3511px",
      "width": "818.552px",
      "height": "158.332px",
      "transform": "none",
      "color": "rgb(45, 45, 47)",
      "fontSize": "61px",
      "fontFamily": "Homemade Apple--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "85.299332px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "1820.4px",
      "top": "19.984300000000008px",
      "width": "79.599872px",
      "height": "79.599872px",
      "transform": "none",
      "background": "rgb(64, 148, 178)",
      "backgroundColor": "rgb(64, 148, 178)",
      "clipPath": "path(\"M128,0C57.30755202165845,0 0,57.307552021658445 0,128C0,198.69244797834153 57.30755202165843,256 128,256C198.6924479783415,256 256,198.69244797834153 256,128C256,57.30755202165845 198.69244797834153,0 128,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "www",
      "id": "0-1",
      "left": "1822.0681600000003px",
      "top": "31.38px",
      "width": "69.997px",
      "height": "31.5772px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Varela Round--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "36.8564px",
      "letterSpacing": "-0.05em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(251, 247, 219)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[xvdpBykYkoPUdpRqJgsL]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c5dc02be-3341-4842-b465-28e8847f01ef.png",
      "id": "0-0",
      "left": "484.083px",
      "top": "-330.916px",
      "width": "900.9639999999999px",
      "height": "1761.5254px",
      "transform": "rotate(90deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ec56ca6d-a08e-479d-b979-37b394f5f24d.png",
      "id": "0-0",
      "left": "258.863px",
      "top": "232.656px",
      "width": "593.127px",
      "height": "809.146px",
      "transform": "rotate(90deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4fa97ef2-9486-43f6-b2aa-e2e09a08493e.png",
      "left": "-55.5172px",
      "top": "337.712px",
      "width": "192.277px",
      "height": "274.681px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3f43d7fa-b32c-4d00-a902-56048fa8b2fa.png",
      "left": "-55.5172px",
      "top": "651.009px",
      "width": "192.277px",
      "height": "274.681px",
      "transform": "rotate(-90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Start class with interesting facts, like a Today in History session. Students can guess fact/trivia details via multiple-choice slides.",
      "left": "912.363px",
      "top": "157.56833px",
      "width": "818.162px",
      "height": "105.667px",
      "transform": "none",
      "color": "rgb(45, 45, 47)",
      "fontSize": "26px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9c6e9edb-aa37-4d93-b463-82b5c598696d.svg",
      "id": "0-0-0",
      "left": "240.4999px",
      "top": "243.49370000000002px",
      "width": "594.647px",
      "height": "37.68320000000003px",
      "transform": "rotate(-1.97316deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden",
      "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "Warm-up",
      "id": "0-1",
      "left": "189.47499999999994px",
      "top": "149.7371px",
      "width": "722.888px",
      "height": "73.0326px",
      "transform": "none",
      "color": "rgb(45, 45, 47)",
      "fontSize": "61px",
      "fontFamily": "Homemade Apple--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "85.299332px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2e550249-8c20-484d-a045-dc4538957f34.jpg",
      "left": "1138.33px",
      "top": "130.21099999999998px",
      "width": "610.3326000000001px",
      "height": "974.58307611px",
      "transform": "rotate(-3.73786deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M610.3326000000001,642.1760400000001H0.0V0.0h610.3326000000001V642.1760400000001z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b080d448-c317-4b17-ab51-7836f3e87e04.png",
      "left": "1138.33px",
      "top": "309.22776px",
      "width": "610.3326000000001px",
      "height": "645.8539573200001px",
      "transform": "rotate(-3.73786deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M610.3326000000001,642.1760400000001H0.0V0.0h610.3326000000001V642.1760400000001z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9f767739-7bd5-496d-8389-9d00c34391e9.png",
      "left": "1651.58px",
      "top": "431.403px",
      "width": "165.823px",
      "height": "236.89px",
      "transform": "rotate(-92.5154deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d6a1f90f-33f0-4425-8178-370b98515de5.png",
      "id": "0-0",
      "left": "1082.39px",
      "top": "665.408px",
      "width": "148.18000000000006px",
      "height": "190.30600000000004px",
      "transform": "rotate(14.7181deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/851a96c2-1d78-4c48-8a53-65215348a73e.svg",
      "left": "330.474px",
      "top": "472.545px",
      "width": "440.889px",
      "height": "84.1697px",
      "transform": "rotate(3.97659deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Today is April 30. \nIn 1997, London's Big Ben stopped for 54 minutes.",
      "left": "231.799px",
      "top": "486.25233px",
      "width": "638.241px",
      "height": "137.067px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "34px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "48.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Guess the time it stopped?",
      "left": "280.123px",
      "top": "721.2439999999999px",
      "width": "541.592px",
      "height": "81.6px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "32px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "1820.4px",
      "top": "19.98430000000003px",
      "width": "377.95275px",
      "height": "377.95275px",
      "transform": "none",
      "background": "rgb(64, 148, 178)",
      "backgroundColor": "rgb(64, 148, 178)",
      "clipPath": "path(\"M189,0C84.61818228198005,0 0,84.61818228198004 0,189C0,293.38181771801993 84.61818228198001,378 189,378C293.38181771801993,378 378,293.38181771801993 378,189C378,84.61818228198005 293.38181771801993,0 189,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "2024.1640000000002px",
      "top": "126.3193px",
      "width": "67.894577466px",
      "height": "67.752192px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M233.62368125715045,256L22.91471053240203,256C10.28823738189479,256 0,245.7117626181052 0,233.08528946759796L0,22.91471053240203C0,10.28823738189479 10.28823738189479,0 22.91471053240203,0L233.62368125715045,0C246.2501544076577,0 256.5383917895525,10.28823738189479 256.5383917895525,22.91471053240203L256.5383917895525,233.08528946759802C256.5383917895525,245.71176261810527 246.2501544076577,256 233.62368125715045,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "1919.4677000000001px",
      "top": "120.6653px",
      "width": "79.442490322px",
      "height": "79.236352px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M203.32762374179285,25.580465511331223C218.56705000386256,25.580465511331223 231.0851501477054,38.098565655174156 231.0851501477054,53.337991917243826L231.0851501477054,202.66200808275627C231.0851501477054,217.90143434482601 218.56705000386242,230.41953448866886 203.32762374179285,230.41953448866886L53.337991917243826,230.41953448866886C38.098565655174156,230.41953448866886 25.580465511331223,217.90143434482584 25.580465511331223,202.66200808275627L25.580465511331223,53.337991917243826C25.580465511331223,38.098565655174156 38.098565655174156,25.580465511331223 53.337991917243826,25.580465511331223L203.32762374179285,25.580465511331223M203.32762374179285,0L53.337991917243826,0C23.94766984039519,0 0,23.94766984039519 0,53.337991917243826L0,202.66200808275627C0,232.05233015960496 23.94766984039519,256 53.337991917243826,256L203.32762374179285,256C232.7179458186415,256 256.66561565903675,232.05233015960496 256.66561565903675,202.66200808275627L256.66561565903675,53.337991917243826C256.6656156590366,23.94766984039519 232.7179458186415,0 203.32762374179285,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "1919.4677000000001px",
      "top": "220.2993px",
      "width": "79.442490322px",
      "height": "79.236352px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M203.32762374179285,25.580465511331223C218.56705000386256,25.580465511331223 231.0851501477054,38.098565655174156 231.0851501477054,53.337991917243826L231.0851501477054,202.66200808275627C231.0851501477054,217.90143434482601 218.56705000386242,230.41953448866886 203.32762374179285,230.41953448866886L53.337991917243826,230.41953448866886C38.098565655174156,230.41953448866886 25.580465511331223,217.90143434482584 25.580465511331223,202.66200808275627L25.580465511331223,53.337991917243826C25.580465511331223,38.098565655174156 38.098565655174156,25.580465511331223 53.337991917243826,25.580465511331223L203.32762374179285,25.580465511331223M203.32762374179285,0L53.337991917243826,0C23.94766984039519,0 0,23.94766984039519 0,53.337991917243826L0,202.66200808275627C0,232.05233015960496 23.94766984039519,256 53.337991917243826,256L203.32762374179285,256C232.7179458186415,256 256.66561565903675,232.05233015960496 256.66561565903675,202.66200808275627L256.66561565903675,53.337991917243826C256.6656156590366,23.94766984039519 232.7179458186415,0 203.32762374179285,0Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-4-0",
      "left": "2018.46px",
      "top": "220.2993px",
      "width": "79.442490322px",
      "height": "79.236352px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M203.32762374179285,25.580465511331223C218.56705000386256,25.580465511331223 231.0851501477054,38.098565655174156 231.0851501477054,53.337991917243826L231.0851501477054,202.66200808275627C231.0851501477054,217.90143434482601 218.56705000386242,230.41953448866886 203.32762374179285,230.41953448866886L53.337991917243826,230
```
_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