# gdb-hub / gdb__template-2-s100

- 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/13ebc726-ed25-438d-8ad4-b3050fbcdd48.png",
      "left": "946.322px",
      "top": "404.96px",
      "width": "564.913px",
      "height": "567.04px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/0ea2117c-f1b7-49d9-8a7d-26fb1c777c6e.png",
      "left": "1268.73px",
      "top": "-158.386px",
      "width": "635.457px",
      "height": "633.074px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f40d50a6-f88a-499a-a15a-bbaf3f3be295.png",
      "left": "55.7171px",
      "top": "77.4949px",
      "width": "260.181px",
      "height": "259.53px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "HISTORY",
      "left": "174.392px",
      "top": "253.4105px",
      "width": "935.488px",
      "height": "145.692px",
      "transform": "none",
      "color": "rgb(252, 105, 45)",
      "fontSize": "121px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "103.118568px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A presentation is a structured communication event conveying information, ideas, or proposals to an audience. Speakers typically use visual aids like slides, charts, graphs, and multimedia to support their message.",
      "left": "174.392px",
      "top": "400.77200000000005px",
      "width": "651.511px",
      "height": "193.2px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "24px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Presentations occur in diverse settings\u2014business meetings, academic seminars, conferences, public speeches\u2014to inform, persuade, entertain, or educate. Effective presentations demand careful planning, clear communication, engaging delivery, and audience consideration.",
      "left": "174.392px",
      "top": "635.972px",
      "width": "651.511px",
      "height": "226.2px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "24px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/394510a6-a66f-46f1-9625-49c7419b13ee.png",
      "left": "1331.71px",
      "top": "292.359px",
      "width": "1176.59px",
      "height": "1032.46px",
      "transform": "rotate(-5.1646deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/f0a14f05-559f-4db4-8b5f-e740cb6fa7b9.png",
      "left": "-130.09px",
      "top": "775.098px",
      "width": "260.181px",
      "height": "259.53px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/680de14d-4e3e-49fc-bcfb-061f17d76b41.png",
      "left": "848.699px",
      "top": "890.625px",
      "width": "163.158px",
      "height": "162.75px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 240, 189)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

Candidates:
[8H8lV6sFDdPjl2ewFRaH]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/c9702b6e-fd96-447b-8769-9e0bbd50768b.png",
      "left": "0px",
      "top": "623px",
      "width": "1920px",
      "height": "457px"
    },
    {
      "type": "TEXT",
      "text": "Longer Deck Title",
      "left": "36.5px",
      "top": "142px",
      "width": "1847px",
      "height": "373px",
      "fontSize": "244px",
      "fontFamily": "Syne",
      "fontWeight": "800",
      "textAlign": "center",
      "lineHeight": "214px",
      "letterSpacing": "-0.06em"
    },
    {
      "type": "TEXT",
      "text": "Company name",
      "left": "36px",
      "top": "36px",
      "width": "291px",
      "height": "46px",
      "fontSize": "24px",
      "fontFamily": "Syne",
      "fontWeight": "500",
      "textAlign": "left",
      "lineHeight": "28.799999999999997px",
      "textTransform": "uppercase"
    },
    {
      "type": "TEXT",
      "text": "Month XX YEAR",
      "left": "1593px",
      "top": "36px",
      "width": "292px",
      "height": "46px",
      "fontSize": "24px",
      "fontFamily": "Syne",
      "fontWeight": "500",
      "textAlign": "right",
      "lineHeight": "28.799999999999997px",
      "textTransform": "uppercase"
    }
  ],
  "background": "#b7b12a",
  "width": "1920px",
  "height": "1080px"
}

[43P1nrWp4apSv5Lhhw7j]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/357ce1ed-691a-4de9-a252-f0e40017c0fd.svg",
      "left": "-618.365px",
      "top": "299.519px",
      "width": "1164px",
      "height": "1344.96px",
      "transform": "none",
      "opacity": 0.9,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/34f43b86-090f-41dc-8da7-17b86c9a84da.jpg",
      "id": "0-0",
      "left": "108.0px",
      "top": "302.89px",
      "width": "957.7559999999999px",
      "height": "669.109px",
      "transform": "rotate(0deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "Mind Other Deadlines",
      "left": "108px",
      "top": "108px",
      "width": "957.756px",
      "height": "89px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "74px",
      "fontFamily": "Nunito Sans--900",
      "fontWeight": "900",
      "textAlign": "left",
      "lineHeight": "89.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Submit required documents and schedule appraisal for a mortgage.",
      "id": "0-0",
      "left": "1207.4px",
      "top": "302.89px",
      "width": "574.298px",
      "height": "132.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Add page animations and transitions to Ipsum Praesent to emphasize ideas and make them memorable.",
      "id": "0-1",
      "left": "1207.4px",
      "top": "462.375px",
      "width": "574.298px",
      "height": "105.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Communicate with your agent to address any issues that arise.",
      "id": "0-0",
      "left": "1207.3999999999999px",
      "top": "667.487px",
      "width": "574.298px",
      "height": "132.0px",
      "color": "rgb(146, 128, 117)",
      "fontSize": "37px",
      "fontFamily": "Nunito Sans--600",
      "fontWeight": "600",
      "textAlign": "left",
      "lineHeight": "44.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Present with Ipsum Praesenta: C for confetti, D for drumroll, O for bubbles.",
      "id": "0-1",
      "left": "1207.3999999999999px",
      "top": "826.972px",
      "width": "574.298px",
      "height": "105.2px",
      "transform": "none",
      "color": "rgb(72, 67, 67)",
      "fontSize": "28px",
      "fontFamily": "Nunito Sans--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "36.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    }
  ],
  "background": "rgb(252, 252, 252)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[BIeZgqyM1cYlw28jUmGS]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/50004d63-2bfb-4e0e-aa4f-e26cc89cb961.png",
      "left": "1479.75px",
      "top": "932.385px",
      "width": "193.691px",
      "height": "193.207px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "BEST INVENTIONS",
      "left": "475.159px",
      "top": "213.95003px",
      "width": "969.682px",
      "height": "277.38px",
      "transform": "none",
      "color": "rgb(252, 105, 45)",
      "fontSize": "121px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "center",
      "lineHeight": "132.0px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A presentation conveys structured information, ideas, or proposals to an audience. Speakers use visual aids (slides, charts, graphs, multimedia) to support their message.",
      "left": "539.641px",
      "top": "517.318px",
      "width": "840.718px",
      "height": "127.2px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "24px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "Presentations occur in various settings (business meetings, academic seminars, conferences, public speeches) to inform, persuade, entertain, or educate the audience on a topic. Effective presentations require careful planning, clear communication, engaging delivery, and audience consideration.",
      "left": "539.641px",
      "top": "685.216px",
      "width": "840.718px",
      "height": "193.2px",
      "transform": "none",
      "color": "rgb(106, 42, 1)",
      "fontSize": "24px",
      "fontFamily": "Arimo--400",
      "fontWeight": "400",
      "textAlign": "justify",
      "lineHeight": "33.0px",
      "letterSpacing": "0em",
      "textTransform": "none",
      "fontStyle": "normal"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/47556166-b843-4176-b9e9-963f06aaaee7.png",
      "left": "1622.67px",
      "top": "621.286px",
      "width": "365.299px",
      "height": "364.386px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2ff09ec0-aadd-4ddb-b52f-ab0dcae3a024.png",
      "left": "1479.75px",
      "top": "-65.5579px",
      "width": "628.275px",
      "height": "630.64px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/6310d878-8fcc-427c-9b77-d3bd9b3f09b9.png",
      "left": "-220.967px",
      "top": "503.609px",
      "width": "661.608px",
      "height": "659.127px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/d96a59aa-a77a-45be-9bbe-276d31f10318.png",
      "left": "-216.215px",
      "top": "-244.312px",
      "width": "739.614px",
      "height": "570.428px",
      "transform": "rotate(-26.9117deg)",
      "opacity": 1,
      "overflow": "hidden"
    }
  ],
  "background": "rgb(252, 240, 189)",
  "width": "1920px",
  "height": "1080px",
  "duration": 3
}

[CFVQHSniDWfi95f66aAq]
{
  "components": [
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/11f5f9de-c188-4019-b9ba-4b3f8bebbeb8.png",
      "left": "62.4268px",
      "top": "125.052px",
      "width": "652.674px",
      "height": "572.722px",
      "transform": "rotate(-5.1646deg)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/14502795-9875-49cc-932f-c4b93b0a5711.png",
      "left": "455.135px",
      "top": "526.929px",
      "width": "445.071px",
      "height": "445.071px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/cff9c135-1064-488f-94d4-5000a231577b.png",
      "left": "218.179px",
      "top": "725.987px",
      "width": "197.877px",
      "height": "196.887px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/a2c60488-9e6d-47fd-8eab-522fc806575f.png",
      "left": "719.152px",
      "top": "293.07px",
      "width": "218.471px",
      "height": "210.278px",
      "transform": "rotate(-37.6716deg) scale(-1, 1)",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "IMAGE",
      "src": "https://storage.googleapis.com/lica-video/2809c589-e443-4656-97b9-5cbec00dc0ce.png",
      "left": "1645.56px",
      "top": "72.2399px",
      "width": "216.575px",
      "height": "216.034px",
      "transform": "none",
      "opacity": 1,
      "overflow": "hidden"
    },
    {
      "type": "TEXT",
      "text": "ABOUT",
      "left": "1081.68px",
      "top": "253.4105px",
      "width": "748.56px",
      "height": "145.692px",
      "transform": "none",
      "color": "rgb(252, 105, 45)",
      "fontSize": "121px",
      "fontFamily": "League Spartan--400",
      "fontWeight": "400",
      "textAlign": "left",
      "lineHeight": "103.118568px",
      "letterSpacing": "0em",
      "textTransform": "uppercase",
      "fontStyle": "normal"
    },
    {
      "type": "TEXT",
      "text": "A presentation is a structured communication event conveying information, ideas, or proposals to an audience. It typically involves a speaker addressing an audience with visual aids (slides, charts, graphs, multimedia) to support their message.",
      "left": "1081.68px",
      "top": "400.77200000000005px",
      "width": "651.511px",
      "height": "193.2px",
      "
```
_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