# gdb-hub / gdb__template-2-s30

- 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": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2b29d52a-ec4b-4718-99e9-4d5b0f4e891e.svg",
      "id": "0-0",
      "left": "1137.07px",
      "top": "418.261px",
      "width": "75.8506px",
      "height": "75.8506px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "53184276",
      "id": "0-1",
      "left": "1241.9289999999999px",
      "top": "434.1863px",
      "width": "428.558px",
      "height": "37.6px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "32px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cfe681d7-e578-47ce-ae3b-d9a153405095.svg",
      "id": "0-2",
      "left": "1137.07px",
      "top": "531.443px",
      "width": "75.8506px",
      "height": "75.8506px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "lorem@ipsum.co",
      "id": "0-3",
      "left": "1241.9289999999999px",
      "top": "547.3679999999999px",
      "width": "428.558px",
      "height": "37.6px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "32px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b794d2e8-7908-408b-9af0-ddd5a0a00956.svg",
      "id": "0-4",
      "left": "1137.07px",
      "top": "645.034px",
      "width": "75.8506px",
      "height": "75.8506px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "loremipsumsite.co",
      "id": "0-5",
      "left": "1246.857px",
      "top": "660.96px",
      "width": "428.558px",
      "height": "37.6px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "32px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "left": "244.586px",
      "top": "403.779px",
      "width": "843.8580428399999px",
      "height": "331.58912px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L651.4921133660073,0L651.4921133660073,256L0,256Z\")"
    },
    {
      "type": "TEXT",
      "text": "INFO",
      "left": "1449.25px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REACH",
      "left": "1658.63px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FRADEL & SPIES",
      "left": "108px",
      "top": "77px",
      "width": "266.141px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "REACH US",
      "left": "292.828px",
      "top": "455.842px",
      "width": "593.8px",
      "height": "102px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "85px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "102.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "left": "292.828px",
      "top": "574.9703499999999px",
      "width": "679.014px",
      "height": "105.667px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "PG 14",
      "left": "883.315px",
      "top": "972px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "center",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[YLTk0ZRgsun7fC1Y3o32]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2f1f3df4-5ddb-4190-b533-6bce18a59b60.jpg",
      "left": "191.5px",
      "top": "500.074px",
      "width": "528.45957px",
      "height": "788.7459151800001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L353.22624,0.0L353.22624,788.7460097004474L0.0,788.7460097004474Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d6151446-2c80-49ac-978b-f23269ecaf15.jpg",
      "left": "502.141px",
      "top": "374.253px",
      "width": "641.93792px",
      "height": "802.4223999999999px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L641.93792,0.0L641.93792,788.7463133298368L0.0,788.7463133298368Z\")"
    },
    {
      "type": "TEXT",
      "text": "CREATE VISUAL HARMONY",
      "left": "1132.99px",
      "top": "433.662px",
      "width": "593.8px",
      "height": "204px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "85px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "102.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "PAGE 9",
      "left": "1658.63px",
      "top": "972px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
      "left": "1132.99px",
      "top": "650.37735px",
      "width": "679.014px",
      "height": "105.667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "INFO",
      "left": "1449.25px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CONT.",
      "left": "1658.63px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FRADEL & SPIES",
      "left": "108px",
      "top": "77px",
      "width": "266.141px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[jjbTuOTbV4LDsGaruKMe]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.00167171px",
      "height": "167.145728px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L2940.6663525932872,0L2940.6663525932872,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "108.0px",
      "top": "226.373px",
      "width": "785.8435806px",
      "height": "776.6272px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L259.03824741457294,0L259.03824741457294,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f60e0ea2-4901-4942-b3c8-0f37b97ee94e.jpg",
      "left": "78.1911px",
      "top": "258.662px",
      "width": "1068.07296px",
      "height": "712.04864px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L720.4993428887896,0.0L720.4993428887896,712.04864L0.0,712.04864Z\")"
    },
    {
      "type": "TEXT",
      "text": "ABOUT PHOTOGRAPHY",
      "left": "1004.12px",
      "top": "424.113px",
      "width": "807.879px",
      "height": "102px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "85px",
      "fontFamily": "Anton--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "102.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "PAGE 2",
      "left": "1658.63px",
      "top": "972px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "left": "1004.12px",
      "top": "538.69935px",
      "width": "775.251px",
      "height": "142.667px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "26px",
      "fontFamily": "Inter--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "INFO",
      "left": "1449.25px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "EMAIL",
      "left": "1658.63px",
      "top": "77px",
      "width": "153.371px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FRADEL & SPIES",
      "left": "108px",
      "top": "77px",
      "width": "266.141px",
      "height": "31px",
      "color": "rgb(1, 1, 1)",
      "fontSize": "26px",
      "fontFamily": "Inter--500",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "31.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(1, 1, 1)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[cbhXaOOJZn3PLrt2OvG1]
{
  "components": [
    {
      "type": "GROUP",
      "left": "5.68434e-13px",
      "width": "1920.0031958200002px",
      "height": "614.37184px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L800.0381066124339,0L800.0381066124339,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/73d18a68-a97c-4faa-b521-7edc476becdb.jpg",
      "left": "192.0000000000004px",
      "top": "762.926px",
      "width": "667.61088px",
      "height": "445.07392px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L628.9794660042655,0.0L628.979466004
```
_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
