# gdb-hub / gdb__template-2-s122

- 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/fdbd6681-0946-427e-9950-4422ccbaf808.svg",
      "id": "0-0",
      "left": "139.565px",
      "top": "116.167px",
      "width": "566.935px",
      "height": "2px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a0978b65-4039-468e-b28e-1fe2ec66d266.svg",
      "id": "0-1",
      "left": "139.565px",
      "top": "116.167px",
      "width": "566.935px",
      "height": "2px"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "191.526px",
      "top": "195.979px",
      "width": "776.02048px",
      "height": "776.02048px",
      "transform": "none",
      "background": "rgb(217, 217, 217)",
      "backgroundColor": "rgb(217, 217, 217)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/598411e0-cb4a-4457-a717-ec67d4265598.svg",
      "id": "0-3",
      "left": "-139.76px",
      "top": "439.35px",
      "width": "452.718px",
      "height": "247.76px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "ramadan guide",
      "id": "0-4",
      "left": "-183.84095px",
      "top": "371.87932px",
      "width": "553.766px",
      "height": "22.2736px",
      "transform": "rotate(-90deg)",
      "color": "rgb(74, 69, 76)",
      "fontSize": "18px",
      "fontFamily": "Playfair Display--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "26.0px",
      "letterSpacing": "0.345em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/07e2b8c2-ffff-4087-be41-9bef0ef92fd7.jpg",
      "id": "0-5-0",
      "left": "139.565px",
      "top": "145.979px",
      "width": "418.329px",
      "height": "417.25px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7c1f9c2d-4dc6-44b4-9d76-15da0a733804.svg",
      "id": "0-6",
      "left": "511.762px",
      "top": "621.5px",
      "width": "568.238px",
      "height": "2px"
    },
    {
      "type": "TEXT",
      "text": "4",
      "id": "0-7",
      "left": "339.314px",
      "top": "581.47px",
      "width": "218.58px",
      "height": "229.483px",
      "transform": "none",
      "color": "rgb(74, 69, 76)",
      "fontSize": "192px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "193.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "water glasses\nat dinner.",
      "id": "0-8",
      "left": "511.762px",
      "top": "647.11px",
      "width": "449.477px",
      "height": "102.07px",
      "transform": "none",
      "color": "rgb(74, 69, 76)",
      "fontSize": "32px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "32.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Before bed, drink 4 glasses of water. It aids food processing and digestion.",
      "id": "0-9",
      "left": "238.324px",
      "top": "790.57667px",
      "width": "729.223px",
      "height": "111.706px",
      "transform": "none",
      "color": "rgb(74, 69, 76)",
      "fontSize": "21px",
      "fontFamily": "Playfair Display--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "29.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "002",
      "id": "0-10",
      "left": "825.245px",
      "top": "1004.03334px",
      "width": "142.302px",
      "height": "22.2736px",
      "transform": "none",
      "color": "rgb(74, 69, 76)",
      "fontSize": "18px",
      "fontFamily": "Playfair Display--700",
      "fontWeight": "700",
      "textAlign": "right",
      "lineHeight": "26.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-11",
      "left": "75.4651px",
      "top": "1004.03334px",
      "width": "347.567px",
      "height": "22.2736px",
      "transform": "none",
      "color": "rgb(74, 69, 76)",
      "fontSize": "18px",
      "fontFamily": "Playfair Display--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "26.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(226, 226, 226)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[BD06CCyoUmNkZS3jkOdQ]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "34.7238px",
      "top": "34.0307px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/70c61188-7ae2-4b6f-a7ac-1d1e675be451.jpg",
      "id": "0-1-0",
      "left": "45.2784px",
      "top": "44.4431px",
      "width": "297.117px",
      "height": "297.401px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "382.199px",
      "top": "34.0307px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "727.05px",
      "top": "34.0307px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-4-0",
      "left": "34.7238px",
      "top": "385.516px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-5-0",
      "left": "382.199px",
      "top": "385.516px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-6-0",
      "left": "727.05px",
      "top": "385.516px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-7-0",
      "left": "34.7238px",
      "top": "727.744px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-8-0",
      "left": "382.199px",
      "top": "727.744px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "GROUP",
      "id": "0-9-0",
      "left": "727.05px",
      "top": "727.744px",
      "width": "318.22592px",
      "height": "318.22592px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M0,0L256,0L256,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/5049b583-0567-418f-ab0c-165bbda14eca.jpg",
      "id": "0-10-0",
      "left": "392.754px",
      "top": "44.4431px",
      "width": "297.1170000000001px",
      "height": "297.401px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/293b17f6-2195-4860-9379-5f97d4736257.jpg",
      "id": "0-11-0",
      "left": "737.605px",
      "top": "44.4431px",
      "width": "297.11699999999996px",
      "height": "297.401px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/700277a2-ad48-413c-b422-5514c4b3814c.jpg",
      "id": "0-12-0",
      "left": "45.2784px",
      "top": "738.156px",
      "width": "297.117px",
      "height": "297.40100000000007px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f0d03aae-4c8e-41f8-904b-c806a6515f6d.jpg",
      "id": "0-13-0",
      "left": "392.754px",
      "top": "738.156px",
      "width": "297.1170000000001px",
      "height": "297.40100000000007px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b940d04d-a092-45f1-bc6c-0c6b858c5ee9.jpg",
      "id": "0-14-0",
      "left": "737.605px",
      "top": "738.156px",
      "width": "297.11699999999996px",
      "height": "297.40100000000007px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "VE",
      "id": "0-15",
      "left": "52.1044px",
      "top": "469.4645px",
      "width": "283.464px",
      "height": "122.569px",
      "transform": "none",
      "color": "rgb(85, 85, 85)",
      "fontSize": "102px",
      "fontFamily": "Abhaya Libre--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "143.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "R\u00cdE",
      "id": "0-16",
      "left": "427.326px",
      "top": "469.4645px",
      "width": "227.972px",
      "height": "122.569px",
      "transform": "none",
      "color": "rgb(85, 85, 85)",
      "fontSize": "102px",
      "fontFamily": "Abhaya Libre--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "143.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "OTRA",
      "id": "0-17",
      "left": "740.798px",
      "top": "481.96382px",
      "width": "290.73px",
      "height": "101.074px",
      "transform": "none",
      "color": "rgb(85, 85, 85)",
      "fontSize": "84px",
      "fontFamily": "Abhaya Libre--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "118.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(178, 215, 223)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[hyupZ8l5Whj15FGkqKUX]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/background_image_94329e42-6a45-4093-a748-346f4248706e.jpeg",
      "left": "-270.507px",
      "top": "0.0px",
      "width": "1621.01px",
      "height": "1080.0px",
      "transform": "rotate(0deg)",
      "opacity": 0.16,
      "overflow": "visible"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/bf7aff6c-c880-4538-a5d9-781089fd6a3c.png",
      "left": "-114.746px",
      "top": "14.3101px",
      "width": "1532.07px",
      "height": "1051.38px",
      "transform": "rotate(-3.9804deg)",
      "opacity": 0.06,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9c7241ad-2b75-4d93-b1d4-0ea1d16fd62a.png",
      "left": "278.78px",
      "top": "209.7px",
      "width": "522.44px",
      "height": "262.526px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "#LOREMIPSITE",
      "left": "385.832761px",
      "top": "843.24084px",
      "width": "310.107px",
      "height": "23.1177px",
      "transform": "none",
      "color": "rgb(45, 88, 137)",
      "fontSize": "19px",
      "fontFamily": "Roboto--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "31.0px",
      "letterSpacing": "0.09em",
      "textTransform": "uppercase",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "Visuals matter! Capture attention with stunning images, graphics, and videos that resonate with your audience. A picture (or video) says a thousand words!",
      "left": "242.29864px",
      "top": "563.1136700000001px",
      "width": "592.57px",
      "height": "167.741px",
      "transform": "none",
      "color": "rgb(45, 88, 137)",
      "fontSize": "30px",
      "fontFamily": "Libre Baskerville--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "33.0px",
      "letterSpacing": "-0.093em",
      "textTransform": "none",
      "fontStyle": "italic"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1080px",
  "height": "1080px",
  "duration": 3
}

[UibbhyZRpy3mbCsgpxrv]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(127, 211, 223)",
      "backgroundColor": "rgb(127, 211, 223)",
      "clipPath": "path(\"M5.703508987685951,5.703508987685951L1116.2964910123142,5.703508987685951L1116.2964910123142,1476.3789124133355L5.703508987685951,1476.3789124133355L5.703508987685951,5.703508987685951Z\")"
    },
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1110.5929820246283,1470.6754034256496L1122,1470.6754034256496L1122,1482.0824214010215L1110.5929820246283,1482.0824214010215L1110.5929820246283,1470.67
```
_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