# gdb-hub / gdb__template-2-s98

- 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/f3e5af61-9320-49e8-bddd-65fe317ed002.jpg",
      "left": "242.0451px",
      "top": "55.1944px",
      "width": "1391.91808446px",
      "height": "927.3655742699999px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M803.186865,0.0L267.728955,0.0L0.0,463.68241316725977L267.728955,927.3648263345195L803.186865,927.3648263345195L1070.91582,463.68241316725977Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "2.84217e-14px",
      "top": "785.9670000000001px",
      "width": "270.2565px",
      "height": "234.04212900000002px",
      "transform": "none",
      "background": "rgb(128, 162, 156)",
      "backgroundColor": "rgb(128, 162, 156)",
      "clipPath": "path(\"m0 433l250-433 250 433h-500z\")"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "135.128px",
      "top": "785.9670000000001px",
      "width": "953.73074867px",
      "height": "234.042112px",
      "transform": "none",
      "background": "rgb(128, 162, 156)",
      "backgroundColor": "rgb(128, 162, 156)",
      "clipPath": "path(\"M0,0L1043.2121935232194,0L1043.2121935232194,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "left": "-613.926px",
      "top": "-160.331px",
      "width": "1227.8500000000001px",
      "height": "1063.3181000000002px",
      "transform": "rotate(-180deg)",
      "background": "rgb(138, 128, 114)",
      "backgroundColor": "rgb(138, 128, 114)",
      "clipPath": "path(\"m0 433l250-433 250 433h-500z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3f1892ad-f2a5-4820-b170-820565ca50dd.png",
      "left": "927.718px",
      "top": "864.165px",
      "width": "77.6462px",
      "height": "77.6462px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cf3768d7-b319-403d-84cc-aac897fa04da.png",
      "left": "89.0053px",
      "top": "110.135px",
      "width": "61.3165px",
      "height": "68.1294px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Apartment investment: key factors.",
      "left": "179.09px",
      "top": "847.98767px",
      "width": "728.629px",
      "height": "105.733px",
      "transform": "none",
      "color": "rgb(235, 231, 221)",
      "fontSize": "42px",
      "fontFamily": "Raleway--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "55.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "VOLUPTAS\nPROPERTY",
      "left": "175.659px",
      "top": "108px",
      "width": "219.703px",
      "height": "76px",
      "color": "rgb(235, 231, 221)",
      "fontSize": "32px",
      "fontFamily": "Belleza--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "38.0px",
      "letterSpacing": "0.1em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(235, 231, 221)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[V4Nn6PlJSx7eUY2JCPsj]
{
  "components": [
    {
      "type": "TEXT",
      "text": "El favorito de Sil\u00f3n",
      "id": "0-0-0",
      "left": "72.5px",
      "top": "150.80733px",
      "width": "427.0px",
      "height": "39.6833px",
      "color": "rgb(247, 229, 213)",
      "fontSize": "33px",
      "fontFamily": "Lobster Two--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "38.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Dulcia Et Ipsum\nViae Amet Dolor, 42, Ip, \nConsultas y pedidos: llama al 742 851 3 o escribe a sit@dolorametsi.es",
      "id": "0-0-1",
      "left": "138.0127px",
      "top": "351.603px",
      "width": "295.294px",
      "height": "47.5167px",
      "color": "rgb(247, 229, 213)",
      "fontSize": "9px",
      "fontFamily": "Open Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "12.0px",
      "letterSpacing": "0.05em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "CAPRICHO A COMPARTIR",
      "id": "0-0-2",
      "left": "112.6523px",
      "top": "216.92239999999998px",
      "width": "347.909px",
      "height": "20.6467px",
      "color": "rgb(57, 53, 49)",
      "fontSize": "17px",
      "fontFamily": "Open Sans--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "21.0px",
      "letterSpacing": "0.1em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Dulcia Et Ipsum crea d\u00f3nuts en Sil\u00f3n desde 1980, creciendo y mejorando. Con nuestro 14\u00ba local en Vista Alegre, estamos listos para todo.",
      "id": "0-0-3",
      "left": "127.10679999999999px",
      "top": "261.247px",
      "width": "320.0px",
      "height": "61.5067px",
      "color": "rgb(57, 53, 49)",
      "fontSize": "11px",
      "fontFamily": "Open Sans--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "16.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a1c1a1d1-4432-45cb-8486-3efc3cb1d837.svg",
      "id": "0-1",
      "left": "52.3729px",
      "top": "646.563px",
      "width": "710.185px",
      "height": "710.185px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(227, 97, 118)",
  "width": "816px",
  "height": "1056px",
  "duration": 3
}

[L3P5NekLECY8upy3CZQp]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/51c92a90-aab8-42eb-a9c3-23f9e2bf3bcb.jpg",
      "id": "0-0-0",
      "left": "0.0px",
      "top": "0.0px",
      "width": "733.966px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fd6e08e8-b922-4367-aafe-c599abb93efd.svg",
      "id": "0-1-0",
      "left": "204.451px",
      "top": "396.496px",
      "width": "1080.0px",
      "height": "287.00699999999995px",
      "transform": "rotate(-90deg) rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f5734740-83ea-4d1b-8b5d-1c867da117d3.png",
      "id": "0-2",
      "left": "392.996px",
      "top": "464.367px",
      "width": "514.025px",
      "height": "864px",
      "transform": "scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1933270b-0b8d-45b8-a42c-42534796f21d.png",
      "id": "0-3-0",
      "left": "-72.7329px",
      "top": "-70.0425px",
      "width": "673.6809999999999px",
      "height": "548.301px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "15",
      "id": "0-4",
      "left": "1014.79px",
      "top": "475.459px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "22",
      "id": "0-5",
      "left": "1014.79px",
      "top": "551.859px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-6-0",
      "left": "887.955px",
      "top": "212.064px",
      "width": "837.9250652500001px",
      "height": "68.3456px",
      "transform": "none",
      "background": "rgb(26, 26, 26)",
      "backgroundColor": "rgb(26, 26, 26)",
      "clipPath": "path(\"M0,0L3138.5943644988192,0L3138.5943644988192,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ece8ac32-0eb7-4382-adf1-5ee60801df57.svg",
      "id": "0-7",
      "left": "887.955px",
      "top": "855.029px",
      "width": "533.539px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9387b0ae-39fe-4aca-98da-4b7cfc437aaa.svg",
      "id": "0-8",
      "left": "887.955px",
      "top": "926.593px",
      "width": "533.539px",
      "height": "1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2ff14146-4324-4ae2-8268-928bb43ed593.png",
      "id": "0-9",
      "left": "1594.27px",
      "top": "798.273px",
      "width": "52.4156px",
      "height": "52.4156px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b13a5027-9091-4839-858d-1a2d51359764.svg",
      "id": "0-10",
      "left": "887.955px",
      "top": "775.107px",
      "width": "533.539px",
      "height": "1px"
    },
    {
      "type": "TEXT",
      "text": "M",
      "id": "0-11",
      "left": "1013.64px",
      "top": "228.653px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "2",
      "id": "0-12",
      "left": "1136.08px",
      "top": "322.23699999999997px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "9",
      "id": "0-13",
      "left": "1136.08px",
      "top": "399.05899999999997px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "16",
      "id": "0-14",
      "left": "1136.46px",
      "top": "475.459px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "23",
      "id": "0-15",
      "left": "1136.46px",
      "top": "551.859px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "10",
      "id": "0-16",
      "left": "1257.75px",
      "top": "399.05899999999997px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "T",
      "id": "0-17",
      "left": "1135.31px",
      "top": "228.653px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(252, 252, 252)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "3",
      "id": "0-18",
      "left": "1257.75px",
      "top": "322.23699999999997px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "17",
      "id": "0-19",
      "left": "1258.14px",
      "top": "475.459px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "24",
      "id": "0-20",
      "left": "1258.14px",
      "top": "551.859px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "color": "rgb(26, 26, 26)",
      "fontSize": "28px",
      "fontFamily": "Montserrat--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "39.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "W",
      "id": "0-21",
      "left": "1256.98px",
      "top": "228.653px",
      "width": "85.673px",
      "height": "33.4px",
      "transform": "none",
      "
```
_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