# gdb-hub / gdb__template-2-s108

- 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": "1097.0px",
      "top": "131.0px",
      "width": "1232.0px",
      "height": "126.0px",
      "background": "#fff"
    },
    {
      "type": "GROUP",
      "left": "-8.0px",
      "top": "131.0px",
      "width": "165.0px",
      "height": "126.0px",
      "background": "#fff"
    },
    {
      "type": "TEXT_NEW",
      "text": "Gestalt",
      "left": "-1833px",
      "top": "844px",
      "width": "5696.4px",
      "height": "2092px"
    },
    {
      "type": "TEXT_NEW",
      "text": "Continuation",
      "left": "1124px",
      "top": "144px",
      "width": "834.6px",
      "height": "182px"
    },
    {
      "type": "TEXT_NEW",
      "text": "This Gestalt principle of continuation states that the human eye will follow the smoothest path. Since the eye naturally follows along a line, placing items in a series will naturally draw the eye from one item to the next. Horizontal sliders, graphs arrange with an implied line, and breadcrumbs are all real world examples of continuation. Clear continuation can override another Gestalt principle, Similarity, shown here through color.",
      "left": "1124px",
      "top": "1377px",
      "width": "926.5px",
      "height": "715px"
    },
    {
      "type": "TEXT_NEW",
      "text": "Elements arranged on a path are perceived to be more related than elements that are not.",
      "left": "1124px",
      "top": "372px",
      "width": "816px",
      "height": "234px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6f0873d7-d58f-402d-98ee-261796bfb9c9.svg",
      "left": "595.3px",
      "top": "-674px",
      "width": "320px",
      "height": "3648px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/51050b99-a742-4bc5-8919-e9443977e7d3.png",
      "left": "-1048px",
      "top": "523.4px",
      "width": "3606.5px",
      "height": "1253.3px"
    }
  ],
  "background": "#ffc700",
  "width": "2300px",
  "height": "2300px"
}

Candidates:
[DDKI9TqMfG77JxPEy8oT]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/185481f3-e90c-45c8-899e-5e7b48fca551.svg",
      "id": "0-0",
      "left": "352.652px",
      "top": "48.3576px",
      "width": "110.695px",
      "height": "74.8704px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "CONSECT",
      "id": "0-1",
      "left": "246.95px",
      "top": "138.13588000000001px",
      "width": "322.1px",
      "height": "40.2034px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "34px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "47.03705px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "CANT.",
      "id": "0-2",
      "left": "108.998px",
      "top": "493.98413px",
      "width": "73.4088px",
      "height": "15.5473px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "DESCRIP.",
      "id": "0-3",
      "left": "252.808px",
      "top": "493.98413px",
      "width": "101.552px",
      "height": "15.5473px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "P. UNID.",
      "id": "0-4",
      "left": "428.713px",
      "top": "493.98413px",
      "width": "132.257px",
      "height": "15.5473px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "IMPOR.",
      "id": "0-5",
      "left": "596.825px",
      "top": "493.98413px",
      "width": "105.07px",
      "height": "15.5473px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "1",
      "id": "0-6",
      "left": "98.510881px",
      "top": "551.81183px",
      "width": "95.7566px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "1",
      "id": "0-7",
      "left": "98.510881px",
      "top": "593.58983px",
      "width": "95.7566px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "1",
      "id": "0-8",
      "left": "98.510881px",
      "top": "635.36883px",
      "width": "95.7566px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Desarrollo web",
      "id": "0-9",
      "left": "218.106px",
      "top": "551.81183px",
      "width": "228.995px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Desarrollo dahbd",
      "id": "0-10",
      "left": "218.106px",
      "top": "593.58983px",
      "width": "228.995px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Anal\u00edtica datos",
      "id": "0-11",
      "left": "218.106px",
      "top": "635.36883px",
      "width": "228.995px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "100",
      "id": "0-12",
      "left": "479.09036000000003px",
      "top": "551.81183px",
      "width": "83.254px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "200",
      "id": "0-13",
      "left": "491.15136px",
      "top": "593.58983px",
      "width": "71.1926px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "500",
      "id": "0-14",
      "left": "465.45436px",
      "top": "635.36883px",
      "width": "96.8896px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "100",
      "id": "0-15",
      "left": "620.01436px",
      "top": "550.8508300000001px",
      "width": "83.254px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "200",
      "id": "0-16",
      "left": "632.07636px",
      "top": "592.62883px",
      "width": "71.1926px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "500",
      "id": "0-17",
      "left": "606.37936px",
      "top": "634.40783px",
      "width": "96.8896px",
      "height": "15.8284px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "13px",
      "fontFamily": "Public Sans--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "18.261204px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Subt.",
      "id": "0-18",
      "left": "479.09036000000003px",
      "top": "692.5248300000001px",
      "width": "91.3342px",
      "height": "14.9208px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "800",
      "id": "0-19",
      "left": "611.93436px",
      "top": "692.5248300000001px",
      "width": "91.3342px",
      "height": "14.9208px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "IVA 21",
      "id": "0-20",
      "left": "479.09036000000003px",
      "top": "726.4718300000001px",
      "width": "91.3342px",
      "height": "14.9208px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "168",
      "id": "0-21",
      "left": "611.93436px",
      "top": "726.4718300000001px",
      "width": "91.3342px",
      "height": "14.9208px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0.098em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "TOT.",
      "id": "0-22",
      "left": "477.716px",
      "top": "776.16813px",
      "width": "91.3342px",
      "height": "14.6558px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "968",
      "id": "0-23",
      "left": "610.56px",
      "top": "776.16813px",
      "width": "91.3342px",
      "height": "14.6558px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "12px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "17.214171px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/96b867e0-b336-4920-9638-6ba87b28d81f.svg",
      "id": "0-24",
      "left": "116.45px",
      "top": "674.216px",
      "width": "590.217px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "N\u00b0 FACT.:",
      "id": "0-25",
      "left": "111.678px",
      "top": "283.74157px",
      "width": "178.478px",
      "height": "18.5124px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "15px",
      "fontFamily": "Public Sans--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "21.599577px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "FCH:",
      "id": "0-26",
      "left": "111.678px",
      "top": "310.37557px",
      "width": "178.478px",
      "height": "18.5124px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "
```
_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