# gdb-hub / gdb__template-2-s20

- 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/4abb4fb4-3864-4ee6-aead-745aae9a8f9a.png",
      "id": "0-0",
      "left": "32.4306px",
      "top": "-51.9843px",
      "width": "206.947px",
      "height": "260.857px",
      "transform": "rotate(97.0107deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bdb68581-b8bc-4c97-9580-d3ba812ba38c.png",
      "id": "0-1",
      "left": "340.857px",
      "top": "-22.9936px",
      "width": "134.286px",
      "height": "169.268px",
      "transform": "rotate(97.0107deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2f0e35bc-6bb9-4304-90df-a5867a2332eb.png",
      "id": "0-2",
      "left": "558.434px",
      "top": "-90.5571px",
      "width": "206.947px",
      "height": "260.857px",
      "transform": "rotate(-65.3332deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0c67a11c-c438-4179-b12a-4f48d701b26b.png",
      "id": "0-3",
      "left": "603.664px",
      "top": "108.068px",
      "width": "129.518px",
      "height": "93.739px",
      "transform": "rotate(-19.9877deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-4-0",
      "left": "-6.17881px",
      "top": "964.388px",
      "width": "805.29958218px",
      "height": "109.635072px",
      "transform": "none",
      "background": "rgb(241, 120, 34)",
      "backgroundColor": "rgb(241, 120, 34)",
      "clipPath": "path(\"M0,0L1880.392753259764,0L1880.392753259764,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/265a0954-8ae1-4c1f-9b8f-3d4c833ad688.png",
      "id": "0-5",
      "left": "-31.2352px",
      "top": "907.669px",
      "width": "281.137px",
      "height": "185.039px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3d5c59cb-4292-4b94-8c1b-0e76e50007ca.png",
      "id": "0-6",
      "left": "781.333px",
      "top": "489.028px",
      "width": "229.94px",
      "height": "268.508px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7b68feee-6e77-4231-b83f-11232252ba1f.png",
      "id": "0-7",
      "left": "519.09px",
      "top": "935.55px",
      "width": "298.667px",
      "height": "138.473px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "TRUSTED CHILD CARE",
      "id": "0-8",
      "left": "81.7302px",
      "top": "503.29837000000003px",
      "width": "650.104px",
      "height": "107.231px",
      "transform": "none",
      "color": "rgb(40, 78, 128)",
      "fontSize": "47px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "50.800014000000004px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "ONLY THE BEST",
      "id": "0-9",
      "left": "246.43683000000001px",
      "top": "454.38034px",
      "width": "325.772px",
      "height": "24.1852px",
      "transform": "none",
      "color": "rgb(40, 78, 128)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "29.162971000000002px",
      "letterSpacing": "0.12em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Mon-Fri: 8 AM - 10 PM\nSat-Sun: 9 AM - 11 PM",
      "id": "0-10",
      "left": "163.81329px",
      "top": "665.7792400000001px",
      "width": "491.337px",
      "height": "57.6444px",
      "transform": "none",
      "color": "rgb(40, 78, 128)",
      "fontSize": "23px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "30.103712px",
      "letterSpacing": "0.12em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/113cf191-9a73-4d51-ad70-183520afb0bc.svg",
      "id": "0-11",
      "left": "109.333px",
      "top": "632.87px",
      "width": "594.898px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bf30be61-0208-449a-ae51-cce178fd15aa.jpg",
      "id": "0-12-0-0",
      "left": "25.155070000000002px",
      "top": "121.09506999999999px",
      "width": "304.29814600000003px",
      "height": "289.656185px",
      "transform": "rotate(-12.6735deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)"
    },
    {
      "type": "GROUP",
      "id": "0-12-1",
      "left": "111.039px",
      "top": "104.729px",
      "width": "317.030286px",
      "height": "302.388325px",
      "transform": "rotate(-12.6735deg)",
      "background": "rgb(238, 238, 238)",
      "backgroundColor": "rgb(238, 238, 238)",
      "clipPath": "path(\"M498 475H0V0h498v475zM10 465h478V10H10v455z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bfe19161-2da2-4381-a079-2d070732ab06.jpg",
      "id": "0-13-0-0",
      "left": "290.55482px",
      "top": "123.97182px",
      "width": "310.500196px",
      "height": "295.55980999999997px",
      "transform": "rotate(8.48794deg) rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)"
    },
    {
      "type": "GROUP",
      "id": "0-13-1",
      "left": "376.309px",
      "top": "107.476px",
      "width": "323.491836px",
      "height": "308.55145px",
      "transform": "rotate(8.48794deg)",
      "background": "rgb(238, 238, 238)",
      "backgroundColor": "rgb(238, 238, 238)",
      "clipPath": "path(\"M498 475H0V0h498v475zM10 465h478V10H10v455z\")"
    },
    {
      "type": "TEXT",
      "text": "Child safety and well-being are vital; a good nanny is key.",
      "id": "0-14",
      "left": "109.333px",
      "top": "748.9704px",
      "width": "594.898px",
      "height": "76.7077px",
      "transform": "none",
      "color": "rgb(40, 78, 128)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "26.340748px",
      "letterSpacing": "0.12em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-15",
      "left": "199.64483px",
      "top": "882.3964000000001px",
      "width": "419.357px",
      "height": "24.0593px",
      "transform": "none",
      "color": "rgb(40, 78, 128)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "26.340748px",
      "letterSpacing": "0.12em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(249, 188, 171)",
  "width": "816px",
  "height": "1056px",
  "duration": 3
}

Candidates:
[lDu9dR4fccyHeuB866zZ]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_a82d2100-789e-4621-b885-d8d5f058b37c.png",
      "width": "1080.0px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 0.46,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/372731da-dba2-4f69-b466-46e74c621731.png",
      "left": "264.5408681px",
      "top": "265.887px",
      "width": "550.98054px",
      "height": "548.22654px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M550.8,548.226039147548L0.0,548.226039147548L0.0,0.0L550.8,0.0L550.8,548.226039147548Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b958b2db-72bc-4768-b77b-6685845fbfb0.jpg",
      "left": "271.28431px",
      "top": "67.93299999999999px",
      "width": "531.08136px",
      "height": "931.7225700000001px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M447.10859803302895,402.9738158492211C462.64685372406376,417.14857783398514 476.4963932098919,438.12332237994144 470.3548971858697,460.06050293531797C464.71680406510023,480.19946881818584 444.8652363836159,497.7508683895737 427.8091511424696,508.2896469022756C400.8925510659158,524.9212035513275 337.9264955712936,551.9352395564297 312.0371093365827,520.2470892070482C291.9249102325712,495.6302363884418 297.2090971836339,452.4532614532317 312.1253579110451,426.6877039542855C336.12129110684856,385.2387421213456 391.78606493815846,368.71885790828725 433.82010930902646,393.21929263521423C438.52653091163734,395.9625508015912 442.98389261076653,399.2111286099311 447.10859803302895,402.9738158492211ZM245.08256709175637,448.340057842069C247.21654732193488,441.4885987969921 249.2466628656912,434.6679506640728 251.39918111980143,428.1127732171799C264.73084725200084,387.5145749576667 302.39535764605296,354.65548814889405 343.178024885843,343.466662050215C391.41118985225603,330.23364736929835 446.99690230998533,342.97366202378254 489.45961270765395,316.54438131227255C520.8243639954051,297.0224778281244 537.3921945593962,259.51073691738463 540.6562012640694,222.7101512633836C548.2368861635674,137.23962275610776 488.853677841985,53.29470826146474 408.91903773739824,22.10752961666342C328.98425729769366,-9.079497049495052 234.61992788745886,8.721765828603221 164.4388989718177,58.086789439460084C94.2577065872129,107.45196196487424 47.08304590418755,185.11121965371447 23.769642665181557,267.6892273572027C10.781596720731999,313.69387509621896 4.727116129946265,362.9430796441196 16.602745818731112,409.2473984727453C28.47822215003463,455.5510628126994 60.65939290201748,498.4128674412036 105.83045632280547,514.048745970005C133.15534947460182,523.5071277677415 164.96331920381763,530.5905345645746 193.043667241879,520.1144066429086C224.63025418628393,508.3299491258051 235.83147022125664,478.04344402458247 245.08256709175637,448.340057842069Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/07dde037-a6a2-4007-bb25-0ab1d897974a.png",
      "left": "912.62px",
      "top": "108.0px",
      "width": "59.3803px",
      "height": "59.3803px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Yoga: First Steps",
      "left": "108.0px",
      "top": "119.6511px",
      "width": "707.4px",
      "height": "319.938px",
      "transform": "none",
      "color": "rgb(138, 98, 192)",
      "fontSize": "103px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "98.0px",
      "letterSpacing": "-0.025em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "BEGINNER'S GUIDE",
      "left": "545.28908px",
      "top": "849.23755px",
      "width": "431.131px",
      "height": "125.525px",
      "transform": "none",
      "color": "rgb(138, 98, 192)",
      "fontSize": "55px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "right",
      "lineHeight": "60.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "START YOGA WITH SIMPLE BEGINNER STEPS.",
      "left": "108.0px",
      "top": "760.59999px",
      "width": "242.38px",
      "height": "212.8px",
      "transform": "none",
      "color": "rgb(26, 25, 22)",
      "fontSize": "27px",
      "fontFamily": "Montserrat--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "30.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "HEALTH YOGA",
      "left": "833.3999799999999px",
      "top": "541.39999px",
      "width": "140.84px",
      "height": "92.8px",
      "transform": "none",
      "color": "rgb(26, 25, 22)",
      "fontSize": "27px",
      "fontFamily": "Montserrat--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "30.0px",
      "letterSpacing": "0.08em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 247, 247)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[AHrEFBpAsSXWIATILS7b]
{
  "components": [
    {
      "type": "GROUP",
      "left": "108.0px",
      "top": "293.851px",
      "width": "785.86886928px",
      "height": "678.14912px",
      "transform": "none",
      "background": "rgb(75, 83, 103)",
      "backgroundColor": "rgb(75, 83, 103)",
      "clipPath": "path(\"M0,0L296.6640165134178,0L296.6640165134178,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1938a06b-3849-429b-8a01-ab0d33cb1e0b.jpg",
      "left": "170.905px",
      "top": "336.419px",
      "width": "332.31587691px",
      "height": "498.78595835000004px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L332.31606821407996,0.0L332.31606821407996,296.50688L0.0,296.50688Z\")"
    },
    {
      "type": "GROUP",
      "left": "1026.13px",
      "top": "293.851px",
      "width": "785.86886928px",
      "height": "678.14912px",
      "transform": "none",
      "background": "rgb(75, 83, 103)",
      "backgroundColor": "rgb(75, 83, 103)",
      "clipPath": "path(\"M0,0L296.6640165134178,0L296.6640165134178,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c8227bf5-9b82-4a94-953a-ae23ec141320.jpg",
      "left": "1089.04px",
      "top": "340.164px",
      "width": "445.03829520000005px",
      "height": "296.50688px",
      "transform": "rotate(0deg)",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0.0,0.0L332.31606821407996,0.0L332.31606821407996,296.50688L0.0,296.50688Z\")"
    },
    {
      "type": "TEXT",
      "text": "TEAM",
      "left": "108.0px",
      "top": "121.1734px",
      "width": "555.178px",
      "height": "166.347px",
      "transform": "none",
      "color": "rgb(36, 49, 79)",
      "fontSize": "138px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "140.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
```
_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