# gdb-hub / gdb__template-2-s54

- 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/3c253233-09f7-4eb9-ae6a-91c05acdce63.svg",
      "left": "761.1px",
      "top": "199.0px",
      "width": "1076.9px",
      "height": "354.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/29df3f18-ff43-4bc3-a215-79591c89afc4.png",
      "left": "96.2px",
      "top": "623.4px",
      "width": "1750.7px",
      "height": "375.6px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8f6ca14a-66a9-4106-9a3b-7f4ef9de563f.svg",
      "left": "361.3px",
      "top": "519.8px",
      "width": "333.9px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f8119d38-35bc-48f6-8377-06382c60b1b1.svg",
      "left": "695.0px",
      "top": "90.0px",
      "width": "0.2px",
      "height": "429.5px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1eb228fa-2c40-4503-8ef4-67f35309ed79.svg",
      "left": "689.5px",
      "top": "109.9px",
      "width": "205.8px",
      "height": "2.1px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/27949452-f4d2-4d72-b042-f1beac30c120.svg",
      "left": "894.5px",
      "top": "0.2px",
      "width": "1.2px",
      "height": "121.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1e1621c6-f1cf-4c8a-92dd-9db39b8dc15f.svg",
      "left": "365.4px",
      "top": "518.4px",
      "width": "1.9px",
      "height": "105.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/34e96daa-1e4e-464b-a72e-04f086b09f01.png",
      "left": "306.0px",
      "top": "461.4px",
      "width": "111.0px",
      "height": "116.7px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a30d1bfb-be2a-484a-abef-5b8f214be052.svg",
      "left": "674.1px",
      "top": "499.3px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a1c20983-9631-4f3e-a64e-a2c491863a1f.png",
      "left": "677.4px",
      "top": "89.4px",
      "width": "35.7px",
      "height": "37.9px",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/e0238b76-d835-4548-ac30-ba0b8629d184.svg",
      "left": "874.9px",
      "top": "88.1px",
      "width": "41.5px",
      "height": "41.4px",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Get in Touch With Us",
      "left": "96.0px",
      "top": "179.0px",
      "width": "689.1px",
      "height": "209px",
      "fontSize": "95px",
      "fontFamily": "Manrope",
      "fontWeight": 700,
      "textAlign": "left",
      "lineHeight": "110.0%"
    },
    {
      "type": "TEXT",
      "text": "+1 123 482919",
      "left": "831.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Phone",
      "left": "831.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Website",
      "left": "1373.0px",
      "top": "274.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "@prospereconomy",
      "left": "1373.0px",
      "top": "314.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Email",
      "left": "831.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "hello@prospereconomy.com",
      "left": "831.0px",
      "top": "441.0px",
      "width": "437.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "Social",
      "left": "1373.0px",
      "top": "401.0px",
      "width": "100.0px",
      "height": "24px",
      "fontSize": "20px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    },
    {
      "type": "TEXT",
      "text": "www.prosper.com",
      "left": "1373.0px",
      "top": "441.0px",
      "width": "365.0px",
      "height": "36px",
      "fontSize": "30px",
      "fontFamily": "Plus Jakarta Sans",
      "textAlign": "left",
      "lineHeight": "120.0%"
    }
  ],
  "background": "#fcf5f0",
  "width": "1920px",
  "height": "1080px"
}

Candidates:
[3OcbtlfEs722hNRt0W1P]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/36913b85-a7ac-4611-8d98-43064096c68e.svg",
      "left": "92.0px",
      "top": "188.5px",
      "width": "817.3px",
      "height": "793.8px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1bc3d4ae-1993-4b15-8795-66c098c14cb4.svg",
      "left": "1009.5px",
      "top": "540.0px",
      "width": "267.8px",
      "height": "442.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d1317cfc-541d-4179-820c-927f15ae565f.svg",
      "left": "1319.8px",
      "top": "540.0px",
      "width": "267.8px",
      "height": "442.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4242c79e-02d3-4ab4-a95a-b2c62f3988d8.svg",
      "left": "1059.6px",
      "top": "588.0px",
      "width": "165.9px",
      "height": "166.3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/240f01dd-d775-4fea-acee-78b143702eeb.svg",
      "left": "1059.6px",
      "top": "588.0px",
      "width": "165.9px",
      "height": "166.3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cae1ef60-b95a-49d6-bfc8-5ae9a5679762.svg",
      "left": "1087.3px",
      "top": "615.5px",
      "width": "110.8px",
      "height": "110.8px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/761c05a9-ff5d-435e-a83b-a97ab8a02464.svg",
      "left": "1370.5px",
      "top": "588.0px",
      "width": "166.3px",
      "height": "166.3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/90219bcb-29f7-4727-935b-a3f2b18defa0.svg",
      "left": "1370.5px",
      "top": "588.0px",
      "width": "166.3px",
      "height": "166.3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/619e0256-8e71-4c74-9983-6409a2efb4be.svg",
      "left": "1398.3px",
      "top": "615.5px",
      "width": "110.8px",
      "height": "110.8px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c7949607-33af-4363-83e6-000c2cbd823f.svg",
      "left": "1814.0px",
      "top": "632.8px",
      "width": "105.4px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0e5b7577-d40e-4085-90ad-34afc71e830e.svg",
      "left": "1810.6px",
      "top": "623.2px",
      "width": "2.7px",
      "height": "456.8px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/80992584-5de5-41e4-a430-9d8ce0fc5191.svg",
      "left": "1705.3px",
      "top": "752.8px",
      "width": "105.2px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b2b36396-afd6-42ac-993a-642fd5b613fc.svg",
      "left": "1711.5px",
      "top": "623.2px",
      "width": "2.7px",
      "height": "128.4px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/99283f59-88e2-4133-8768-bc733d86c2bd.svg",
      "left": "1693.8px",
      "top": "615.5px",
      "width": "33.2px",
      "height": "33.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/95b3140a-36b7-49c0-88fa-69725e0525bf.png",
      "left": "1685.2px",
      "top": "724.6px",
      "width": "50.1px",
      "height": "53.7px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7e42f326-7a58-4966-9d8e-700fd60259d1.png",
      "left": "1801.5px",
      "top": "622.5px",
      "width": "17.9px",
      "height": "19.2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ac742a90-79d8-4295-a1d6-2cb3ab60f54b.svg",
      "left": "1034.1px",
      "top": "114.8px",
      "width": "352.7px",
      "height": "0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/aa94ed9c-bda4-4fe5-a4c1-0c8f9f0fd42b.svg",
      "left": "1261.1px",
      "top": "0.0px",
      "width": "2.7px",
      "height": "115.0px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/24f4849e-ed27-4d3f-bea8-fddaddc2d330.png",
      "left": "1009.5px",
      "top": "84.9px",
      "width": "54.1px",
      "height": "58.5px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/77e3d940-3aa9-439c-bd49-a966c84ce981.svg",
      "left": "1617.2px",
      "top": "261.4px",
      "width": "302.2px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1636bf46-d73d-4566-b29b-7369b2e751e0.svg",
      "left": "1806.1px",
      "top": "261.4px",
      "width": "2.7px",
      "height": "186.1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/505924ef-0794-4783-9a65-8446a7352689.svg",
      "left": "1789.6px",
      "top": "430.7px",
      "width": "130.2px",
      "height": "0.1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/efd57618-a346-483e-8957-0f83a60bc43d.png",
      "left": "1575.2px",
      "top": "214.1px",
      "width": "88.1px",
      "height": "94.7px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/576bf434-246e-4900-8bad-daf460c439c1.svg",
      "left": "1789.2px",
      "top": "413.9px",
      "width": "33.2px",
      "height": "33.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/41d1ecfa-359a-4378-abbc-d034bfbdda79.svg",
      "left": "192.7px",
      "top": "332.0px",
      "width": "630.1px",
      "height": "414.9px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/860aa558-7044-4e37-a86d-09cfd75953e0.svg",
      "left": "192.5px",
      "top": "373.2px",
      "width": "630.1px",
      "height": "443.1px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/99303942-b87d-4cd5-9e62-283855dede4c.svg",
      "left": "192.5px",
      "top": "428.8px",
      "width": "630.1px",
      "height": "387.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4b58b138-29b6-4ce4-978a-4a124931d09e.svg",
      "left": "192.7px",
      "top": "816.2px",
      "width": "630.1px",
      "height": "2.6px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/513e4b1e-11bd-4983-b047-82dad4eaad2b.svg",
      "left": "192.7px",
      "top": "816.2px",
      "width": "630.1px",
      "height": "6.6px"
    },
    {
      "type": "TEXT",
      "text": "0",
      "left": "161.0px",
      "top": "803.6px",
      "width": "12.1px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "5",
      "left": "161.6px",
      "top": "734.4px",
      "width": "11.2px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "10",
      "left": "153.5px",
      "top": "665.1px",
      "width": "19.1px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "15",
      "left": "154.1px",
      "top": "595.9px",
      "width": "18.6px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "20",
      "left": "150.0px",
      "top": "526.7px",
      "width": "22.8px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "25",
      "left": "150.6px",
      "top": "457.5px",
      "width": "22.4px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "30",
      "left": "150.3px",
      "top": "388.2px",
      "width": "22.4px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "35",
      "left": "150.9px",
      "top": "319.0px",
      "width": "21.9px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "5/1/02",
      "left": "164.5px",
      "top": "830.5px",
      "width": "55.9px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "6/1/02",
      "left": "321.6px",
      "top": "830.5px",
      "width": "56.9px",
      "height": "24.7px",
      "fontSize": "18.8px",
      "fontFamily": "Manrope",
      "textAlign": "left"
    },
    {
      "type": "TEXT",
      "text": "7/1/02",
      "left": "480.3px",
      "top": "830.5px",
      "width": "54.5px",
      "hei
```
_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