# gdb-hub / gdb__template-2-s145

- 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/730b47a2-bae4-4ced-85db-ad56c3e674d3.jpg",
      "id": "0-0-0",
      "left": "110.5px",
      "top": "758.535px",
      "width": "1025.37px",
      "height": "321.46500000000003px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-1-0",
      "left": "1135.87px",
      "top": "4.54747e-13px",
      "width": "676.63104px",
      "height": "1079.99829108px",
      "transform": "none",
      "background": "rgb(240, 187, 151)",
      "backgroundColor": "rgb(240, 187, 151)",
      "clipPath": "path(\"M0,0L256,0L256,408.61200097172116L0,408.61200097172116Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a821c701-5624-4ddd-bac8-21120bbfa07f.jpg",
      "id": "0-2-0",
      "left": "1199.06px",
      "top": "108.0px",
      "width": "550.2429999999999px",
      "height": "600.023px",
      "transform": "rotate(0deg)",
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6e3c4634-9072-42c9-9e33-646e85923cc7.svg",
      "id": "0-3",
      "left": "-431px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cad34d4b-01d0-4706-a185-532e242844ad.svg",
      "id": "0-4",
      "left": "597.368px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/67f13ed6-7531-4ae3-8cf7-a327a8427ad6.svg",
      "id": "0-5",
      "left": "1271px",
      "top": "538.5px",
      "width": "1080px",
      "height": "3px",
      "transform": "rotate(-90deg)"
    },
    {
      "type": "TEXT",
      "text": "Intro",
      "id": "0-6",
      "left": "181.859px",
      "top": "146.1819px",
      "width": "609.667px",
      "height": "93.5511px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "78px",
      "fontFamily": "Pacifico--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "109.21909000000001px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"",
      "id": "0-7",
      "left": "1199.06px",
      "top": "754.75464px",
      "width": "550.243px",
      "height": "148.439px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "37px",
      "fontFamily": "Josefin Sans--600",
      "fontWeight": "600",
      "textAlign": "center",
      "lineHeight": "52.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "italic"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "id": "0-8",
      "left": "181.859px",
      "top": "377.69033px",
      "width": "368.008px",
      "height": "327.667px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "id": "0-9",
      "left": "591.992px",
      "top": "377.69033px",
      "width": "368.008px",
      "height": "327.667px",
      "transform": "none",
      "color": "rgb(83, 63, 40)",
      "fontSize": "26px",
      "fontFamily": "Josefin Sans--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/1a209154-795d-4aa9-92d3-01ca3957ef0e.svg",
      "id": "0-10",
      "left": "775.996px",
      "top": "53.9229px",
      "width": "265.919px",
      "height": "275.434px",
      "transform": "none",
      "opacity": 0.46,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(230, 205, 191)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[s7GhPgc9lpcITeov5giT]
{
  "components": [
    {
      "type": "GROUP",
      "left": "72.404px",
      "top": "92.9411px",
      "width": "439.596234px",
      "height": "580.67449776px",
      "transform": "none",
      "background": "rgb(252, 148, 212)",
      "backgroundColor": "rgb(252, 148, 212)",
      "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": "PC",
      "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/3d490e57-1b26-4765-b189-e5dc57d2e917.png",
      "left": "104.692px",
      "top": "290.061px",
      "width": "375.019px",
      "height": "280.327px",
      "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.5936163904296L0,11.406383609570494ZM0,1470.5936163904296L11.406383609570494,1470.5936163904296L11.406383609570494,1482L0,1482L0,1470.5936163904296ZM1002.762367718556,11.406383609570494L1014.1687513281264,11.406383609570494L1014.1687513281264,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,11.406383609570494ZM11.406383609570494,1470.5936163904296L1002.762367718556,1470.5936163904296L1002.762367718556,1482L11.406383609570494,1482L11.406383609570494,1470.5936163904296ZM1002.762367718556,0L1014.1687513281264,0L1014.1687513281264,11.406383609570494L1002.762367718556,11.406383609570494L1002.762367718556,0ZM0,0L11.406383609570494,0L11.406383609570494,11.406383609570494L0,11.406383609570494L0,0ZM11.406383609570494,0L1002.762367718556,0L1002.762367718556,11.406383609570494L11.406383609570494,11.406383609570494L11.406383609570494,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "A laptop is a portable computer with screen & keyboard you can carry for games, videos, and school work anywhere.",
      "left": "588.589px",
      "top": "216.091px",
      "width": "328.644px",
      "height": "350.298px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "36px",
      "fontFamily": "Francois One--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "51.085048px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(142, 161, 252)",
  "width": "1024px",
  "height": "768px",
  "duration": 3
}

[KivFre0xAO7kkv06J4gz]
{
  "components": [
    {
      "type": "GROUP",
      "id": "0-0-0",
      "left": "66.7828px",
      "top": "68.5835px",
      "width": "946.43455532px",
      "height": "942.83264px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M0,0L256.97786025727726,0L256.97786025727726,256L0,256Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/7b4714e0-de0e-4637-849b-339fb1363052.svg",
      "id": "0-0-1",
      "left": "66.7828px",
      "top": "68.5835px",
      "width": "946.434px",
      "height": "942.833px"
    },
    {
      "type": "TEXT",
      "text": "CLOSED",
      "id": "0-1",
      "left": "157.077px",
      "top": "282.85086px",
      "width": "765.845px",
      "height": "127.138px",
      "transform": "none",
      "color": "rgb(49, 49, 49)",
      "fontSize": "106px",
      "fontFamily": "Lancelot--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "123.95648px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-2-0",
      "left": "190.452px",
      "top": "734.679px",
      "width": "699.60580096px",
      "height": "63.920128px",
      "transform": "none",
      "background": "rgba(1, 1, 1, 0)",
      "clipPath": "path(\"M128.0000000399072,0L2673.9184050043664,0C2744.610852901296,0 2801.918404911512,57.30755201021569 2801.918404911512,128.0000000399072C2801.918404911512,198.69244793683654 2744.610852901296,255.99999994705223 2673.9184050043664,255.99999994705223L128.0000000399072,255.99999994705223C57.30755201021569,255.99999994705223 0,198.69244793683654 0,128.0000000399072C0,57.30755201021569 57.30755201021569,0 128.0000000399072,0Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/efa6df44-1dbd-4387-97da-425473fb004d.svg",
      "id": "0-2-1",
      "left": "190.452px",
      "top": "734.679px",
      "width": "699.607px",
      "height": "63.9202px"
    },
    {
      "type": "TEXT",
      "text": "OPEN TOMORROW | 09:00 AM - 08:00 PM",
      "id": "0-3",
      "left": "235.391px",
      "top": "751.8307679999999px",
      "width": "609.729px",
      "height": "30.2535px",
      "transform": "none",
      "color": "rgb(49, 49, 49)",
      "fontSize": "25px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "30.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/47b95c61-41c8-4607-b6d3-d7073e8f2db9.jpg",
      "id": "0-4-0",
      "left": "190.452px",
      "top": "412.574px",
      "width": "699.096px",
      "height": "281.146px",
      "transform": "rotate(0deg)",
      "overflow": "hidden",
      "clipPath": "path(\"M 0 100 L 0 181.146 C 0 236.374 44.7715 281.146 100 281.146 L 599.096 281.146 C 654.325 281.146 699.096 236.374 699.096 181.146 L 699.096 100
```
_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