# gdb-hub / gdb__template-2-s8

- 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/5025bcf6-cee8-452c-a686-019893325511.svg",
      "id": "0-0",
      "left": "0px",
      "top": "109.5px",
      "width": "1920px",
      "height": "1px",
      "transform": "rotate(1.6963e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4c896167-6452-41be-a75a-5c01ef30325a.jpg",
      "id": "0-1-0",
      "left": "218.092px",
      "top": "332.543px",
      "width": "409.299px",
      "height": "554.179px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/4836637c-1cad-4edf-a003-a90f6f446d9d.svg",
      "id": "0-2",
      "left": "800.172px",
      "top": "385.045px",
      "width": "62.1118px",
      "height": "101.3px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "GROUP",
      "id": "0-3-0",
      "left": "921.002px",
      "top": "733.061px",
      "width": "537.265121468px",
      "height": "14.6385664px",
      "transform": "none",
      "background": "rgb(53, 53, 53)",
      "backgroundColor": "rgb(53, 53, 53)",
      "clipPath": "path(\"M128.0000001043317,0L9267.722467229898,0C9338.414914845385,0 9395.72246733423,57.307551603513296 9395.72246733423,128.0000001043317C9395.72246733423,198.6924477198173 9338.414914845385,256.0000002086634 9267.722467229898,256.0000002086634L128.0000001043317,256.0000002086634C57.307551603513296,256.0000002086634 0,198.6924477198173 0,128.0000001043317C0,57.307551603513296 57.307551603513296,0 128.0000001043317,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-4",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "278.541px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "18/06/2027",
      "id": "0-5",
      "left": "1628.87px",
      "top": "45.62979px",
      "width": "183.133px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera",
      "id": "0-6",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "314.741px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "MEET DESIGNER",
      "id": "0-7",
      "left": "606.837px",
      "top": "202.41029999999998px",
      "width": "706.327px",
      "height": "63.2665px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "53px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "91.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "P. Tempor",
      "id": "0-8",
      "left": "921.002px",
      "top": "381.17837000000003px",
      "width": "364.358px",
      "height": "46.2667px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "38px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "54.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Fndr",
      "id": "0-9",
      "left": "921.002px",
      "top": "445.01134px",
      "width": "199.817px",
      "height": "31.6667px",
      "transform": "none",
      "color": "rgb(90, 90, 90)",
      "fontSize": "26px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "37.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Alfredo, a seasoned architect with 10+ years' experience, is renowned for innovative designs and attention to detail. His diverse portfolio spans residential, commercial, and institutional sectors, earning accolades for creativity and expertise.",
      "id": "0-10",
      "left": "921.002px",
      "top": "530.65099px",
      "width": "843.628px",
      "height": "108px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Skills",
      "id": "0-11",
      "left": "921.002px",
      "top": "685.65099px",
      "width": "176.815px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "GROUP",
      "id": "0-12-0",
      "left": "921.002px",
      "top": "833.148px",
      "width": "477.54148601300005px",
      "height": "14.6385664px",
      "transform": "none",
      "background": "rgb(53, 53, 53)",
      "backgroundColor": "rgb(53, 53, 53)",
      "clipPath": "path(\"M128.0000001043317,0L8223.266514673476,0C8293.958963174295,0 8351.266514777808,57.307551603513296 8351.266514777808,128.0000001043317C8351.266514777808,198.6924477198173 8293.958963174295,256.0000002086634 8223.266514673476,256.0000002086634L128.0000001043317,256.0000002086634C57.307551603513296,256.0000002086634 0,198.6924477198173 0,128.0000001043317C0,57.307551603513296 57.307551603513296,0 128.0000001043317,0Z\")"
    },
    {
      "type": "TEXT",
      "text": "Productivity",
      "id": "0-13",
      "left": "921.002px",
      "top": "785.7379900000001px",
      "width": "199.817px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(1, 1, 1)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[WKE525n81BLWRoF0psip]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/8b7a17bb-22fd-4376-a058-d152d7abccf9.svg",
      "id": "0-0",
      "left": "0px",
      "top": "109.5px",
      "width": "1920px",
      "height": "1px",
      "transform": "rotate(1.6963e-15deg)"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9fc9a447-fcfa-40e5-b931-ee36443a6f0f.svg",
      "id": "0-1",
      "left": "285.769px",
      "top": "503.087px",
      "width": "100.937px",
      "height": "105.142px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9af14d12-c071-4487-886c-115ecc92d279.svg",
      "id": "0-2",
      "left": "900.871px",
      "top": "503.087px",
      "width": "118.258px",
      "height": "105.142px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/9ebd944b-99ee-427f-b1d5-8b7fe1b7601b.svg",
      "id": "0-3",
      "left": "1539.58px",
      "top": "503.087px",
      "width": "92.5336px",
      "height": "105.142px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "SERVICES",
      "id": "0-4",
      "left": "648.357px",
      "top": "230.3578px",
      "width": "623.285px",
      "height": "79.3336px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "66px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "114.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "loremipsum.co",
      "id": "0-5",
      "left": "863.283px",
      "top": "45.62979px",
      "width": "252.751px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "18 jun '27",
      "id": "0-6",
      "left": "1628.87px",
      "top": "45.62979px",
      "width": "183.133px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Magna Littera",
      "id": "0-7",
      "left": "108.0px",
      "top": "45.62979px",
      "width": "297.554px",
      "height": "24px",
      "transform": "none",
      "color": "rgb(36, 32, 33)",
      "fontSize": "20px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "left",
      "lineHeight": "28.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Home Design",
      "id": "0-8",
      "left": "129.423px",
      "top": "624.2884200000001px",
      "width": "413.63px",
      "height": "39.6668px",
      "transform": "none",
      "color": "rgb(53, 53, 53)",
      "fontSize": "33px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "57.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Business Design",
      "id": "0-9",
      "left": "753.185px",
      "top": "624.2884200000001px",
      "width": "413.63px",
      "height": "39.6668px",
      "transform": "none",
      "color": "rgb(53, 53, 53)",
      "fontSize": "33px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "57.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Interiors",
      "id": "0-10",
      "left": "1379.03px",
      "top": "624.2884200000001px",
      "width": "413.63px",
      "height": "39.6668px",
      "transform": "none",
      "color": "rgb(53, 53, 53)",
      "fontSize": "33px",
      "fontFamily": "Poppins--700",
      "fontWeight": "700",
      "textAlign": "center",
      "lineHeight": "57.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Residential design blends function and style, focusing on space planning, aesthetics, lighting, furniture, and tech, with designer-homeowner collaboration key for success.",
      "id": "0-11",
      "left": "99.3091px",
      "top": "724.10699px",
      "width": "473.857px",
      "height": "131.4px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "27.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "efficient, dynamic commercial spaces balance functionality, aesthetics, and branding to optimize productivity. Client collaboration ensures their identity reflects in the final design.",
      "id": "0-12",
      "left": "701.166px",
      "top": "724.10699px",
      "width": "517.668px",
      "height": "104.4px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "27.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "focuses on creating inviting, functional indoor spaces. It harmonizes aesthetics, functionality, and client preferences to craft personalized environments.",
      "id": "0-13",
      "left": "1346.42px",
      "top": "724.10699px",
      "width": "478.86px",
      "height": "104.4px",
      "transform": "none",
      "color": "rgb(67, 67, 67)",
      "fontSize": "20px",
      "fontFamily": "Poppins--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "27.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(247, 243, 238)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[kjBushHfyiqefXk97VMf]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f3db7a39-f2a6-4329-8b11-0b3043d28e80.jpg",
      "id": "0-0-0",
      "left": "0.0px",
      "top": "-135.507px",
      "width": "1080.0px",
      "height": "1621.01px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "visible"
    },
    {
      "type": "GROUP",
      "id": "0-1-0-0",
      "width": "1080.0px",
      "height": "1350.0px",
      "transform": "none",
      "background": "rgb(1, 1, 1)",
      "backgroundColor": "rgb(1, 1, 1)",
      "clipPath": "path(\"M0,0L256,0L256,320L0,320Z\")"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a5128109-5aae-4dbe-8693-b7c769bdc90c.jpg",
      "id": "0-1-1-0",
      "left": "-135.0px",
      "top": "135.0px",
      "width": "1350.0px",
      "height": "1080.0px",
```
_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