# gdb-hub / gdb__template-2-s117

- 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/471e6978-a3aa-447f-a60c-69a3a375158a.jpg",
      "id": "0-0-0",
      "left": "-14.0948px",
      "top": "422.938px",
      "width": "1948.19px",
      "height": "672.918px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6b35992b-707a-44c8-ac50-048ca1c5e001.svg",
      "id": "0-1",
      "left": "2.27374e-13px",
      "top": "309.717px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "TEXT",
      "text": "Portfolio",
      "id": "0-2",
      "left": "504.529px",
      "top": "100.1819px",
      "width": "910.943px",
      "height": "93.3638px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "78px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "109.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "4.54747e-13px",
      "top": "312.217px",
      "width": "1919.99885641px",
      "height": "113.427712px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L4333.33009420552,0L4333.33009420552,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/fb6c7c85-2a7b-4a0a-9ce1-be8ea328b722.svg",
      "id": "0-4",
      "left": "4.54747e-13px",
      "top": "422.938px",
      "width": "1920px",
      "height": "3px"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3e4705b8-c55b-4ec6-86e4-0529651fb226.svg",
      "id": "0-5",
      "left": "347.42px",
      "top": "154.609px",
      "width": "312.217px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cf935934-5a40-4d85-8e53-d5af9c150480.svg",
      "id": "0-6",
      "left": "1260.36px",
      "top": "152.609px",
      "width": "312.217px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "GROUP",
      "id": "0-7-0",
      "left": "1415.47px",
      "top": "4.54747e-13px",
      "width": "504.52997829px",
      "height": "310.21824px",
      "transform": "none",
      "background": "rgb(204, 105, 88)",
      "backgroundColor": "rgb(204, 105, 88)",
      "clipPath": "path(\"M0,0L416.35133236660977,0L416.35133236660977,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/15084cf1-8040-4aac-9e2f-2be27a8528df.svg",
      "id": "0-8",
      "left": "1577.2px",
      "top": "62.3366px",
      "width": "181.065px",
      "height": "187.544px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Photos",
      "id": "0-9",
      "left": "161.177px",
      "top": "347.32738px",
      "width": "341.351px",
      "height": "35.1408px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "29px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "By: Margarita Perez",
      "id": "0-10",
      "left": "624.471px",
      "top": "347.54438px",
      "width": "671.058px",
      "height": "35.1408px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "29px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "@loremipsum",
      "id": "0-11",
      "left": "1417.53px",
      "top": "347.32738px",
      "width": "341.351px",
      "height": "35.1408px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "29px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "right",
      "lineHeight": "41.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "'22",
      "id": "0-12",
      "left": "31.9139px",
      "top": "105.81223px",
      "width": "417.437px",
      "height": "85.6245px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "71px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "100.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[m3sjENPVnjodZTJaHA8T]
{
  "components": [
    {
      "type": "TEXT",
      "text": "I Am Photographer",
      "id": "0-0",
      "left": "875.964px",
      "top": "368.3499px",
      "width": "937.536px",
      "height": "91.1003px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "76px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "106.35740399999999px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "0.0648918px",
      "top": "109.499px",
      "width": "777.43616px",
      "height": "859.50122778px",
      "transform": "none",
      "background": "rgb(204, 105, 88)",
      "backgroundColor": "rgb(204, 105, 88)",
      "clipPath": "path(\"M0,0L256,0L256,283.02343574000645L0,283.02343574000645Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/851dd8d7-6bcd-4f7c-9336-a38231b5fc58.svg",
      "id": "0-2",
      "left": "0.0648918px",
      "top": "107.999px",
      "width": "1919.94px",
      "height": "3px",
      "transform": "rotate(-180deg)"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "1341.8px",
      "top": "861.499px",
      "width": "575.268032874px",
      "height": "218.501376px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L673.993839955742,0L673.993839955742,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/97aac3b6-9198-4727-853f-8832928f5408.svg",
      "id": "0-4",
      "left": "0.0648918px",
      "top": "969px",
      "width": "1919.94px",
      "height": "3px",
      "transform": "rotate(-180deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a99f820e-706e-4383-9b8a-b6f156f99e59.svg",
      "id": "0-5",
      "left": "1270.27px",
      "top": "540.228px",
      "width": "1083.46px",
      "height": "3px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/b6de11f4-aa8b-4b44-be3f-31601a4e7b22.svg",
      "id": "0-6",
      "left": "346.999px",
      "top": "538.499px",
      "width": "858.001px",
      "height": "3px",
      "transform": "rotate(90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/3e70da1a-f883-4fb5-93ff-2a957b528212.jpg",
      "id": "0-7-0",
      "left": "0.0px",
      "top": "164.844px",
      "width": "355.871px",
      "height": "753.767px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/74d8e02b-84fe-412c-8e31-6b7271236f07.jpg",
      "id": "0-8-0",
      "left": "388.871px",
      "top": "166.116px",
      "width": "352.481px",
      "height": "753.767px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/ccbba4c1-2121-4b61-97ad-1dd195956d3f.svg",
      "id": "0-9",
      "left": "1629.43px",
      "top": "112.624px",
      "width": "181.065px",
      "height": "187.544px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "id": "0-10",
      "left": "875.964px",
      "top": "536.3636600000001px",
      "width": "848px",
      "height": "166.933px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "45.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[ydgyQEOjE9HrDQROcijn]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(252, 231, 142)",
      "backgroundColor": "rgb(252, 231, 142)",
      "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.6754034256496ZM0,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,1470.6754034256496L0,1470.6754034256496L0,11.407017975371902ZM0,1470.6754034256496L11.407017975371902,1470.6754034256496L11.407017975371902,1482.0824214010215L0,1482.0824214010215L0,1470.6754034256496ZM1110.5929820246283,11.407017975371902L1122,11.407017975371902L1122,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,11.407017975371902ZM11.407017975371902,1470.6754034256496L1110.5929820246283,1470.6754034256496L1110.5929820246283,1482.0824214010215L11.407017975371902,1482.0824214010215L11.407017975371902,1470.6754034256496ZM1110.5929820246283,0L1122,0L1122,11.407017975371902L1110.5929820246283,11.407017975371902L1110.5929820246283,0ZM0,0L11.407017975371902,0L11.407017975371902,11.407017975371902L0,11.407017975371902L0,0ZM11.407017975371902,0L1110.5929820246283,0L1110.5929820246283,11.407017975371902L11.407017975371902,11.407017975371902L11.407017975371902,0Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.705793235293106,5.705793235293106L1023.0118314055446,5.705793235293106L1023.0118314055446,255.29420676470687L5.705793235293106,255.29420676470687L5.705793235293106,5.705793235293106Z\")"
    },
    {
      "type": "GROUP",
      "left": "90.7586px",
      "top": "112.03px",
      "width": "402.8879008px",
      "height": "102.21804px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1017.3060381702514,249.5884135294138L1028.7176246408376,249.5884135294138L1028.7176246408376,261L1017.3060381702514,261L1017.3060381702514,249.5884135294138ZM0,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,249.58841352941374L0,249.58841352941374L0,11.411586470586212ZM0,249.58841352941374L11.411586470586212,249.58841352941374L11.411586470586212,261L0,261L0,249.5884135294138ZM1017.3060381702514,11.411586470586212L1028.7176246408376,11.411586470586212L1028.7176246408376,249.58841352941374L1017.3060381702514,249.58841352941374L1017.3060381702514,11.411586470586212ZM11.411586470586212,249.5884135294138L1017.3060381702514,249.5884135294138L1017.3060381702514,261L11.411586470586212,261L11.411586470586212,249.5884135294138ZM1017.3060381702514,0L1028.7176246408376,0L1028.7176246408376,11.411586470586212L1017.3060381702514,11.411586470586212L1017.3060381702514,0ZM0,0L11.411586470586212,0L11.411586470586212,11.411586470586212L0,11.411586470586212L0,0ZM11.411586470586212,0L1017.3060381702514,0L1017.3060381702514,11.411586470586212L11.411586470586212,11.411586470586212L11.411586470586212,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "DSC",
      "left": "118.626px",
      "top": "120.41829px",
      "width": "347.152px",
      "height": "71.1073px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "59px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "83.01320299999999px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6f1485ef-9b5b-45a1-b3cb-a4a71df9911d.png",
      "left": "130.371px",
      "top": "283.873px",
      "width": "323.662px",
      "height": "305.86px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(252, 252, 252)",
      "backgroundColor": "rgb(252, 252, 252)",
      "clipPath": "path(\"M5.703191804785247,5.703191804785247L1008.4655595233413,5.703191804785247L1008.4655595233413,1476.296808195215L5.703191804785247,1476.296808195215L5.703191804785247,5.703191804785247Z\")"
    },
    {
      "type": "GROUP",
      "left": "554.226px",
      "top": "94.3838px",
      "width": "397.37107523px",
      "height": "580.675758px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M1002.762367718556,1470.5936163904296L1014.1687513281264,1470.5936163904296L1014.1687513281264,1482L1002.762367718556,1482L1002.762367718556,1470.5936163904296ZM0,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,1470.5936163904296L0,1470.5936163
```
_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