# gdb-hub / gdb__template-2-s3

- 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",
      "id": "0-0-0",
      "left": "-48.895px",
      "top": "-86.8856px",
      "width": "935.54944px",
      "height": "1222.64982889px",
      "transform": "none",
      "background": "rgb(18, 47, 85)",
      "backgroundColor": "rgb(18, 47, 85)",
      "clipPath": "path(\"M0,0L256,0L256,334.56130955772056L0,334.56130955772056Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/88f36daf-05cf-48cd-9333-54a9f6344ac1.png",
      "id": "0-1",
      "left": "661.683px",
      "top": "400.632px",
      "width": "337.208px",
      "height": "337.208px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/653501ef-a3de-4b5b-9b7b-e23bc7b0e498.png",
      "id": "0-2",
      "left": "-51.2741px",
      "top": "547.793px",
      "width": "275.784px",
      "height": "275.784px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/69ded706-f11a-4339-8806-9d1d376ba8b1.png",
      "id": "0-3",
      "left": "77.4812px",
      "top": "37.9239px",
      "width": "103.657px",
      "height": "103.657px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b9f7f1d-d11a-4920-a284-c70e8cba6aa3.svg",
      "id": "0-4",
      "left": "63.9385px",
      "top": "927.14px",
      "width": "708.033px",
      "height": "707.628px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ff68a032-f155-4b10-9484-cb45e2544e7c.png",
      "id": "0-5",
      "left": "115.764px",
      "top": "528.0px",
      "width": "137.438px",
      "height": "135.438px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/786d0c9f-bcc5-4a43-b744-fa1c37999ff2.png",
      "id": "0-6",
      "left": "639.295px",
      "top": "74.6667px",
      "width": "77.3602px",
      "height": "73.4218px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/41f632b4-446e-4d2c-8c41-53259121d592.png",
      "id": "0-7",
      "left": "317.136px",
      "top": "67.0919px",
      "width": "61.4653px",
      "height": "58.3362px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/652b0775-ec27-48ac-91aa-09b01578fb37.png",
      "id": "0-8",
      "left": "557.879px",
      "top": "473.639px",
      "width": "46.9404px",
      "height": "44.5507px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5bdfbd7b-e430-43ea-9cd1-3800ea4fbaa8.png",
      "id": "0-9",
      "left": "258.097px",
      "top": "542.615px",
      "width": "420.116px",
      "height": "420.116px",
      "transform": "rotate(-64.7135deg) scale(1, -1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-10-0",
      "left": "328.367px",
      "top": "691.237px",
      "width": "215.94245750000002px",
      "height": "97.888px",
      "transform": "rotate(-6.94578deg)",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M282.36989916587123,0C126.4213100453017,0 0,57.30755202165844 0,128C0,198.69244797834153 126.42131004530164,256 282.36989916587123,256C438.31848828644075,256 564.7397983317425,198.6924479783416 564.7397983317425,128C564.7397983317425,57.30755202165847 438.31848828644087,0 282.36989916587123,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6896cc30-ae1b-43c3-a4a8-1cd4e15d936b.png",
      "id": "0-11",
      "left": "281.193px",
      "top": "350.659px",
      "width": "216.236px",
      "height": "275.289px",
      "transform": "rotate(12.8952deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/44e2f5bb-9d03-4a9b-978c-8949a52ede33.png",
      "id": "0-12",
      "left": "184.483px",
      "top": "187.394px",
      "width": "107.002px",
      "height": "117.423px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/afb6afc5-defb-4f87-9e7a-8ce86d318b2b.png",
      "id": "0-13",
      "left": "90.596px",
      "top": "400.632px",
      "width": "45.9364px",
      "height": "43.5978px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/83fddb47-2ee1-4d88-9bae-8981017e6645.png",
      "id": "0-14",
      "left": "482.562px",
      "top": "204.157px",
      "width": "133.748px",
      "height": "83.8966px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "816px",
  "height": "1056px",
  "duration": 3
}

Candidates:
[PjeMDYhEhTKPyREdyk8G]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3f7aef02-deb7-4fe5-9a99-6dd33088bcac.svg",
      "id": "0-0",
      "left": "-174.087px",
      "top": "458.776px",
      "width": "659.954px",
      "height": "663.574px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/307c8781-edcc-4fb8-bac9-3a950429cf41.svg",
      "id": "0-1",
      "left": "-60.0949px",
      "top": "-229.726px",
      "width": "491.625px",
      "height": "494.322px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/932ba3c4-eecd-4755-bc7f-c6a936dbcd96.svg",
      "id": "0-2",
      "left": "193.181px",
      "top": "-58.7705px",
      "width": "873.436px",
      "height": "878.226px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "391.837px",
      "top": "49.2257px",
      "width": "340.740124px",
      "height": "34.221056px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M2518.105248921442,14.815880989244674C2526.9317312129074,14.815880989244674 2534.182055952325,22.06620572866228 2534.182055952325,30.892688020127192L2534.182055952325,225.10731197987286C2534.182055952325,233.9337942713378 2526.9317312129074,241.18411901075535 2518.105248921442,241.18411901075535L30.892688020127192,241.18411901075535C22.06620572866228,241.18411901075535 14.815880989244674,233.93379427133772 14.815880989244674,225.10731197987286L14.815880989244674,30.892688020127192C14.815880989244674,22.06620572866228 22.06620572866228,14.815880989244674 30.892688020127192,14.815880989244674L2518.105248921442,14.815880989244674M2518.105248921442,0L30.892688020127192,0C13.870186458016292,0 0,13.870186458016292 0,30.892688020127192L0,225.10731197987286C0,242.1298135419838 13.870186458016292,256 30.892688020127192,256L2518.105248921442,256C2535.127750483553,256 2548.9979369415696,242.1298135419838 2548.9979369415696,225.10731197987286L2548.9979369415696,30.892688020127192C2548.9979369415696,13.870186458016292 2535.127750483553,0 2518.105248921442,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b454b60d-e0e6-4aac-b3b3-bc5bbad32917.svg",
      "id": "0-4",
      "left": "89.5433px",
      "top": "527.03px",
      "width": "643.034px",
      "height": "1px"
    },
    {
      "type": "GROUP",
      "id": "0-5-0",
      "left": "19.5319px",
      "top": "953.49px",
      "width": "775.9966241200001px",
      "height": "115.688192px",
      "transform": "none",
      "background": "rgb(252, 23, 23)",
      "backgroundColor": "rgb(252, 23, 23)",
      "clipPath": "path(\"M0,0L1717.164315001757,0L1717.164315001757,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "id": "0-6",
      "left": "89.5433px",
      "top": "1008.04333px",
      "width": "213.118px",
      "height": "16.0553px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "13px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "18.81482px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REGISTER NOW:",
      "id": "0-7",
      "left": "250.387px",
      "top": "975.324px",
      "width": "326.532px",
      "height": "17.6859px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "15px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "20.696302000000003px",
      "letterSpacing": "0.138em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum.co",
      "id": "0-8",
      "left": "495.628px",
      "top": "1008.04333px",
      "width": "236.95px",
      "height": "16.0553px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "13px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "18.81482px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-9",
      "left": "302.816px",
      "top": "1008.04333px",
      "width": "213.118px",
      "height": "16.0553px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "13px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "18.81482px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Raur",
      "id": "0-10",
      "left": "136.122px",
      "top": "42.72148px",
      "width": "99.1924px",
      "height": "22.5695px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "18px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "26.340748px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Biz",
      "id": "0-11",
      "left": "136.122px",
      "top": "65.92190000000001px",
      "width": "70.5634px",
      "height": "15.1913px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "13px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "17.874079000000002px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Startup Conf '24",
      "id": "0-12",
      "left": "89.5433px",
      "top": "142.185px",
      "width": "639.72px",
      "height": "267.114px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "79px",
      "fontFamily": "Roboto Condensed--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "85.607431px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "MARKETING EVENT",
      "id": "0-13",
      "left": "408.0px",
      "top": "58.326px",
      "width": "311.515px",
      "height": "12.7941px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "11px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "15.051856px",
      "letterSpacing": "0.138em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Online Workshop & Facilitation Tools",
      "id": "0-14",
      "left": "391.837px",
      "top": "418.919px",
      "width": "314.83px",
      "height": "71.0385px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "30px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "34.807417px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Topic:",
      "id": "0-15",
      "left": "391.837px",
      "top": "387.811682px",
      "width": "83.2244px",
      "height": "16.2215px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "14px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "16.933338px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "SAT",
      "id": "0-16",
      "left": "95.3596px",
      "top": "556.7736500000001px",
      "width": "183.949px",
      "height": "37.4941px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "31px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "38.570381000000005px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "8/25/22 10 AM",
      "id": "0-17",
      "left": "95.3596px",
      "top": "596.3442699999999px",
      "width": "183.949px",
      "height": "49.4766px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "20px",
      "fontFamily": "Roboto--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "24.459266px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Mktg Coach. Founder, Eagle Biz",
      "id": "0-18",
      "left": "391.837px",
      "top": "888.053px",
      "width": "140.664px",
      "height": "25.4006px",
      "transform"
```
_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