{
  "schemaVersion": 1,
  "source": {
    "repo": "kleb/UI-Bench",
    "revision": "20340247687d1d6eb05bbd91fef344fd74bfc471",
    "promptSha256": "74eb0c6d6ce58694ee941eafc1afc31c30bc6ade5fe32d2b6523f20bde1366ef",
    "indexScript": "_INDEX/scripts/master-index.ts"
  },
  "status": "reference",
  "task": {
    "pages": [
      {
        "id": "landing",
        "label": "Landing page",
        "designName": null
      },
      {
        "id": "chartroom",
        "label": "Design 1",
        "designName": "Chartroom"
      },
      {
        "id": "solari",
        "label": "Design 2",
        "designName": "Solari"
      },
      {
        "id": "mokuhanga",
        "label": "Design 3",
        "designName": "Mokuhanga"
      },
      {
        "id": "natatorium",
        "label": "Design 4",
        "designName": "Natatorium"
      },
      {
        "id": "qsl",
        "label": "Design 5",
        "designName": "QSL"
      }
    ],
    "stack": "ShadCN and React"
  },
  "criteria": [
    {
      "id": "distinct",
      "label": "Five different designs",
      "detail": "Layout, type, color, spacing, motion, images, components and interactions differ."
    },
    {
      "id": "content",
      "label": "Same core content",
      "detail": "All five designs show the same core content."
    },
    {
      "id": "copy",
      "label": "Realistic text",
      "detail": "No placeholder text and no lorem ipsum."
    },
    {
      "id": "responsive",
      "label": "Responsive layout",
      "detail": "The pages work on desktop and mobile screens."
    },
    {
      "id": "hierarchy",
      "label": "Clear hierarchy and readable text",
      "detail": "Strong visual order and text that is easy to read."
    },
    {
      "id": "states",
      "label": "Hover and focus states",
      "detail": "Interactive elements show clear hover and focus states."
    },
    {
      "id": "stack",
      "label": "ShadCN and React",
      "detail": "The pages use ShadCN components and React."
    }
  ],
  "runStates": [
    {
      "id": "starting",
      "label": "Starting",
      "detail": "The development server is starting."
    },
    {
      "id": "running",
      "label": "Running",
      "detail": "The development server runs. A preview is available."
    },
    {
      "id": "failed",
      "label": "Failed",
      "detail": "The development server did not start."
    },
    {
      "id": "stopped",
      "label": "Stopped",
      "detail": "The development server stopped."
    },
    {
      "id": "unavailable",
      "label": "Unavailable",
      "detail": "The project has no Vite development script."
    },
    {
      "id": "no-sessions",
      "label": "No agent sessions",
      "detail": "No agent session log exists for the project."
    }
  ],
  "runMetrics": [
    "sessions",
    "wallMs",
    "apiMs",
    "totalTokens",
    "costUsd"
  ],
  "models": [],
  "captures": []
}