# gdb-hub / gdb__template-2-s158

- 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": "72.404px",
      "top": "92.9411px",
      "width": "879.19481772px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(227, 136, 252)",
      "backgroundColor": "rgb(227, 136, 252)",
      "clipPath": "path(\"M5.703191804785247,5.703191804785247L2238.1720151194577,5.703191804785247L2238.1720151194577,1476.296808195215L5.703191804785247,1476.296808195215L5.703191804785247,5.703191804785247Z\")"
    },
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "879.19481772px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M2232.468823314672,1470.5936163904296L2243.875206924243,1470.5936163904296L2243.875206924243,1482L2232.468823314672,1482L2232.468823314672,1470.5936163904296ZM0,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,1470.5936163904296L0,1470.5936163904296L0,11.406383609570494ZM0,1470.5936163904296L11.406383609570494,1470.5936163904296L11.406383609570494,1482L0,1482L0,1470.5936163904296ZM2232.468823314672,11.406383609570494L2243.875206924243,11.406383609570494L2243.875206924243,1470.5936163904296L2232.468823314672,1470.5936163904296L2232.468823314672,11.406383609570494ZM11.406383609570494,1470.5936163904296L2232.468823314672,1470.5936163904296L2232.468823314672,1482L11.406383609570494,1482L11.406383609570494,1470.5936163904296ZM2232.468823314672,0L2243.875206924243,0L2243.875206924243,11.406383609570494L2232.468823314672,11.406383609570494L2232.468823314672,0ZM0,0L11.406383609570494,0L11.406383609570494,11.406383609570494L0,11.406383609570494L0,0ZM11.406383609570494,0L2232.468823314672,0L2232.468823314672,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,0Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "839.6722435999999px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.705793235293106,5.705793235293106L2138.28636630373,5.705793235293106L2138.28636630373,255.29420676470687L5.705793235293106,255.29420676470687L5.705793235293106,5.705793235293106Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "839.6722435999999px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M2132.5805730684365,249.5884135294138L2143.992159539023,249.5884135294138L2143.992159539023,261L2132.5805730684365,261L2132.5805730684365,249.5884135294138ZM0,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,249.58841352941374L0,249.58841352941374L0,11.411586470586212ZM0,249.58841352941374L11.411586470586212,249.58841352941374L11.411586470586212,261L0,261L0,249.5884135294138ZM2132.5805730684365,11.411586470586212L2143.992159539023,11.411586470586212L2143.992159539023,249.58841352941374L2132.5805730684365,249.58841352941374L2132.5805730684365,11.411586470586212ZM11.411586470586212,249.5884135294138L2132.5805730684365,249.5884135294138L2132.5805730684365,261L11.411586470586212,261L11.411586470586212,249.5884135294138ZM2132.5805730684365,0L2143.992159539023,0L2143.992159539023,11.411586470586212L2132.5805730684365,11.411586470586212L2132.5805730684365,0ZM0,0L11.411586470586212,0L11.411586470586212,11.411586470586212L0,11.411586470586212L0,0ZM11.411586470586212,0L2132.5805730684365,0L2132.5805730684365,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "STEM JOB",
      "left": "118.626px",
      "top": "120.41829px",
      "width": "786.406px",
      "height": "71.1073px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "59px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "83.01320299999999px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "229.036px",
      "width": "839.6714867999999px",
      "height": "426.722472px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.702757689410231,5.702757689410231L2137.148774016738,5.702757689410231L2137.148774016738,1083.2972423105898L5.702757689410231,1083.2972423105898L5.702757689410231,5.702757689410231Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "229.036px",
      "width": "839.6714867999999px",
      "height": "426.722472px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M2131.4460163273275,1077.5944846211796L2142.8515317061483,1077.5944846211796L2142.8515317061483,1089L2131.4460163273275,1089L2131.4460163273275,1077.5944846211796ZM0,11.405515378820462L11.405515378820462,11.405515378820462L11.405515378820462,1077.5944846211796L0,1077.5944846211796L0,11.405515378820462ZM0,1077.5944846211796L11.405515378820462,1077.5944846211796L11.405515378820462,1089L0,1089L0,1077.5944846211796ZM2131.4460163273275,11.405515378820462L2142.8515317061483,11.405515378820462L2142.8515317061483,1077.5944846211796L2131.4460163273275,1077.5944846211796L2131.4460163273275,11.405515378820462ZM11.405515378820462,1077.5944846211796L2131.4460163273275,1077.5944846211796L2131.4460163273275,1089L11.405515378820462,1089L11.405515378820462,1077.5944846211796ZM2131.4460163273275,0L2142.8515317061483,0L2142.8515317061483,11.405515378820462L2131.4460163273275,11.405515378820462L2131.4460163273275,0ZM0,0L11.405515378820462,0L11.405515378820462,11.405515378820462L0,11.405515378820462L0,0ZM11.405515378820462,0L2131.4460163273275,0L2131.4460163273275,11.405515378820462L11.405515378820462,11.405515378820462L11.405515378820462,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "Using similar classroom objects, build a home office with many peripherals.",
      "left": "540.63px",
      "top": "257.78833px",
      "width": "364.401px",
      "height": "204.016px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "30px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "42.006384000000004px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d52723e1-c69e-4a72-913e-5f0a8b55dbcb.png",
      "left": "453.217px",
      "top": "495.4px",
      "width": "58.6118px",
      "height": "126.728px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/23516408-622e-42f8-ab11-6de5f8a8c56c.png",
      "id": "0-0",
      "left": "323.272px",
      "top": "342.47px",
      "width": "341.221px",
      "height": "404.411px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "432.413px",
      "top": "452.16600000000005px",
      "width": "119.845888px",
      "height": "119.845888px",
      "transform": "none",
      "background": "rgb(179, 143, 252)",
      "backgroundColor": "rgb(179, 143, 252)",
      "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/0d071bc4-42db-491e-a5db-4655f98d8abc.png",
      "id": "0-2-0",
      "left": "438.265px",
      "top": "482.605px",
      "width": "111.23599999999999px",
      "height": "58.968399999999974px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5b6f3ef0-0cb2-4e7f-8e07-9263dc3c09a6.png",
      "id": "0-0",
      "left": "270.142px",
      "top": "413.154px",
      "width": "344.778px",
      "height": "419.183px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/024c5073-2360-4957-bb0e-ff1b528b10e7.png",
      "id": "0-1-0",
      "left": "331.8074px",
      "top": "464.3781px",
      "width": "221.44700000000006px",
      "height": "117.394px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden",
      "clipPath": "path(\"M0,0L725.6067070087762,0L725.6067070087762,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/15a4cd8c-f771-45bb-a74d-24ebae1277c5.png",
      "left": "112.233px",
      "top": "499.805px",
      "width": "146.715px",
      "height": "122.324px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3cfe266e-0ed8-4fe3-870b-6726bf492da6.png",
      "id": "0-0",
      "left": "229.9745px",
      "top": "433.84310999999997px",
      "width": "34.4815px",
      "height": "57.2307px",
      "transform": "rotate(90deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "197.1098px",
      "top": "453.6272px",
      "width": "42.9802422345px",
      "height": "15.163776px",
      "transform": "rotate(90deg)",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L725.6067070087762,0L725.6067070087762,256L0,256Z\")"
    }
  ],
  "background": "rgb(128, 206, 252)",
  "width": "1024px",
  "height": "768px",
  "duration": 3
}

Candidates:
[sxCRo9uHSHti0d4BYjuH]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(250, 216, 128)",
      "backgroundColor": "rgb(250, 216, 128)",
      "clipPath": "path(\"M5.703508987685951,5.703508987685951L1116.2964910123142,5.703508987685951L1116.2964910123142,1476.3789124133355L5.703508987685951,1476.3789124133355L5.703508987685951,5.703508987685951Z\")"
    },
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1110.5929820246283,1470.6754034256496L1122,1470.6754034256496L1122,1482.0824214010215L1110.5929820246283,1482.0824214010215L1110.5929820246283,1470.6754034256496ZM0,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,1470.6754034256496L0,1470.6754034256496L0,11.407017975371902ZM0,1470.6754034256496L11.407017975371902,1470.6754034256496L11.407017975371902,1482.0824214010215L0,1482.0824214010215L0,1470.6754034256496ZM1110.5929820246283,11.407017975371902L1122,11.407017975371902L1122,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,11.407017975371902ZM11.407017975371902,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,1482.0824214010215L11.407017975371902,1482.0824214010215L11.407017975371902,1470.6754034256496ZM1110.5929820246283,0L1122,0L1122,11.407017975371902L1110.5929820246283,11.407017975371902L1110.5929820246283,0ZM0,0L11.407017975371902,0L11.407017975371902,11.407017975371902L0,11.407017975371902L0,0ZM11.407017975371902,0L1110.5929820246283,0L1110.5929820246283,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,0Z\")"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.703191804785247,5.703191804785247L1008.4655595233413,5.703191804785247L1008.4655595233413,1476.296808195215L5.703191804785247,1476.296808195215L5.703191804785247,5.703191804785247Z\")"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1002.762367718556,1470.5936163904296L1014.1687513281264,1470.5936163904296L1014.1687513281264,1482L1002.762367718556,1482L1002.762367718556,1470.5936163904296ZM0,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,1470.5936163904296L0,1470.5936163904296L0,11.406383609570494ZM0,1470.5936163904296L11.406383609570494,1470.5936163904296L11.406383609570494,1482L0,1482L0,1470.5936163904296ZM1002.762367718556,11.406383609570494L1014.1687513281264,11.406383609570494L1014.1687513281264,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,11.406383609570494ZM11.406383609570494,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,1482L11.406383609570494,1482L11.406383609570494,1470.5936163904296ZM1002.762367718556,0L1014.1687513281264,0L1014.1687513281264,11.406383609570494L1002.762367718556,11.406383609570494L1002.762367718556,0ZM0,0L11.406383609570494,0L11.406383609570494,11.406383609570494L0,11.406383609570494L0,0ZM11.406383609570494,0L1002.762367718556,0L1002.762367718556,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "A keyboard has letters, numbers, and arrows to type text on the computer.",
      "left": "588.589px",
      "top": "255.21499999999997px",
      "width": "328.644px",
      "height": "248.127px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "36px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "51.085048px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2b391b2e-d127-466a-aa15-c462d8b56ced.png",
      "id": "0-0-0",
      "left": "90.7586px",
      "top": "399.033px",
      "width": "411.1px",
      "height": "137.57799999999997px",
      "transform": "rotate(0deg)",
      "
```
_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