{
  "id": "field-survey-command",
  "name": "Incident Command",
  "theme": "field-survey",
  "category": "Dashboard",
  "description": "A command view where every region is a named grid cell, so an instruction given over the radio maps to an exact part of the screen without anyone describing it.",
  "layout": "A ruled reference grid: four addressable cells across the top, a wide unit table below, and a marked-annotations column, all separated by 1px rules.",
  "modules": [
    {
      "key": "bar",
      "name": "Command bar",
      "html": "\n<header class=\"cb\"><h1>Kilcarn Flood — Sector 3</h1><span class=\"rf\">Op 4417 · day 2 · 09:14</span><nav><a class=\"on\" href=\"#\">Command</a><a href=\"#\">Units</a><a href=\"#\">Log</a><a href=\"#\">Map</a></nav><span class=\"st\">Declared major</span></header>"
    },
    {
      "key": "cells",
      "name": "Reference cells",
      "html": "\n<section class=\"rc\">\n  <div class=\"cell\"><span class=\"rf\">AA-01</span><span class=\"k\">Units committed</span><b class=\"n\">18</b><span class=\"d\">of 24 available</span></div>\n  <div class=\"cell sel\"><span class=\"rf\">AA-02</span><span class=\"k\">Properties affected</span><b class=\"n\">412</b><span class=\"d\">+61 since 06:00</span></div>\n  <div class=\"cell\"><span class=\"rf\">AA-03</span><span class=\"k\">River level</span><b class=\"n\">4.62 m</b><span class=\"d\">peak expected 11:40</span></div>\n  <div class=\"cell\"><span class=\"rf\">AA-04</span><span class=\"k\">Rest centres</span><b class=\"n\">3</b><span class=\"d\">204 of 400 capacity</span></div>\n</section>"
    },
    {
      "key": "units",
      "name": "Unit table",
      "html": "\n<section class=\"ut\"><header><span class=\"rf\">DK-07</span><h2>Committed units</h2></header>\n<table><thead><tr><th>Unit</th><th>Type</th><th>Grid</th><th>Task</th><th>Committed</th><th>Status</th></tr></thead>\n<tbody>\n<tr><td class=\"n\">R-114</td><td>High volume pump</td><td class=\"n\">NH 2032 2311</td><td>Pumping, Marsh Lane</td><td class=\"n\">06:12</td><td class=\"ok\">On task</td></tr>\n<tr class=\"ann\"><td class=\"n\">R-118</td><td>Boat crew</td><td class=\"n\">NH 2044 2298</td><td>Evacuation, Riverside Row</td><td class=\"n\">06:40</td><td class=\"ok\">On task</td></tr>\n<tr><td class=\"n\">R-122</td><td>Boat crew</td><td class=\"n\">NH 2051 2280</td><td>Evacuation, Riverside Row</td><td class=\"n\">06:40</td><td class=\"ok\">On task</td></tr>\n<tr><td class=\"n\">S-204</td><td>Sandbag team</td><td class=\"n\">NH 2018 2340</td><td>Defence, Mill Bridge</td><td class=\"n\">07:02</td><td class=\"ok\">On task</td></tr>\n<tr class=\"ann\"><td class=\"n\">S-211</td><td>Sandbag team</td><td class=\"n\">NH 2019 2338</td><td>Defence, Mill Bridge</td><td class=\"n\">07:02</td><td class=\"hold\">Standing by</td></tr>\n<tr><td class=\"n\">M-330</td><td>Welfare</td><td class=\"n\">NH 1990 2352</td><td>Rest centre, Kilcarn Hall</td><td class=\"n\">05:30</td><td class=\"ok\">On task</td></tr>\n</tbody></table></section>"
    },
    {
      "key": "notes",
      "name": "Annotations",
      "html": "\n<aside class=\"an\"><header><span class=\"rf\">DK-08</span><h2>Marked</h2></header>\n<ol>\n  <li><time>08:52</time><b>R-118</b><p>Access via Riverside Row is impassable below the bridge. Crews are going in from the north end only.</p><span class=\"by\">Marked by Ops 2</span></li>\n  <li><time>07:44</time><b>S-211</b><p>Held pending sandbag resupply. Lorry due 09:30 from the county store.</p><span class=\"by\">Marked by Ops 1</span></li>\n</ol></aside>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "field-survey-command",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:58:03+09:00",
    "updatedAt": "2026-09-01T23:58:03+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/field-survey-command.json",
  "structure": "A ruled reference grid: four addressable cells across the top, a wide unit table below, and a marked-annotations column, all separated by 1px rules.",
  "html": "<div class=\"dz dz-field-survey-command\" data-design=\"field-survey-command\" data-theme=\"field-survey\">\n<section class=\"dz-mod\" data-mod=\"bar\" aria-label=\"Command bar\">\n<header class=\"cb\"><h1>Kilcarn Flood — Sector 3</h1><span class=\"rf\">Op 4417 · day 2 · 09:14</span><nav><a class=\"on\" href=\"#\">Command</a><a href=\"#\">Units</a><a href=\"#\">Log</a><a href=\"#\">Map</a></nav><span class=\"st\">Declared major</span></header></section><section class=\"dz-mod\" data-mod=\"cells\" aria-label=\"Reference cells\">\n<section class=\"rc\">\n  <div class=\"cell\"><span class=\"rf\">AA-01</span><span class=\"k\">Units committed</span><b class=\"n\">18</b><span class=\"d\">of 24 available</span></div>\n  <div class=\"cell sel\"><span class=\"rf\">AA-02</span><span class=\"k\">Properties affected</span><b class=\"n\">412</b><span class=\"d\">+61 since 06:00</span></div>\n  <div class=\"cell\"><span class=\"rf\">AA-03</span><span class=\"k\">River level</span><b class=\"n\">4.62 m</b><span class=\"d\">peak expected 11:40</span></div>\n  <div class=\"cell\"><span class=\"rf\">AA-04</span><span class=\"k\">Rest centres</span><b class=\"n\">3</b><span class=\"d\">204 of 400 capacity</span></div>\n</section></section><div class=\"split\"><section class=\"dz-mod\" data-mod=\"units\" aria-label=\"Unit table\">\n<section class=\"ut\"><header><span class=\"rf\">DK-07</span><h2>Committed units</h2></header>\n<table><thead><tr><th>Unit</th><th>Type</th><th>Grid</th><th>Task</th><th>Committed</th><th>Status</th></tr></thead>\n<tbody>\n<tr><td class=\"n\">R-114</td><td>High volume pump</td><td class=\"n\">NH 2032 2311</td><td>Pumping, Marsh Lane</td><td class=\"n\">06:12</td><td class=\"ok\">On task</td></tr>\n<tr class=\"ann\"><td class=\"n\">R-118</td><td>Boat crew</td><td class=\"n\">NH 2044 2298</td><td>Evacuation, Riverside Row</td><td class=\"n\">06:40</td><td class=\"ok\">On task</td></tr>\n<tr><td class=\"n\">R-122</td><td>Boat crew</td><td class=\"n\">NH 2051 2280</td><td>Evacuation, Riverside Row</td><td class=\"n\">06:40</td><td class=\"ok\">On task</td></tr>\n<tr><td class=\"n\">S-204</td><td>Sandbag team</td><td class=\"n\">NH 2018 2340</td><td>Defence, Mill Bridge</td><td class=\"n\">07:02</td><td class=\"ok\">On task</td></tr>\n<tr class=\"ann\"><td class=\"n\">S-211</td><td>Sandbag team</td><td class=\"n\">NH 2019 2338</td><td>Defence, Mill Bridge</td><td class=\"n\">07:02</td><td class=\"hold\">Standing by</td></tr>\n<tr><td class=\"n\">M-330</td><td>Welfare</td><td class=\"n\">NH 1990 2352</td><td>Rest centre, Kilcarn Hall</td><td class=\"n\">05:30</td><td class=\"ok\">On task</td></tr>\n</tbody></table></section></section><section class=\"dz-mod\" data-mod=\"notes\" aria-label=\"Annotations\">\n<aside class=\"an\"><header><span class=\"rf\">DK-08</span><h2>Marked</h2></header>\n<ol>\n  <li><time>08:52</time><b>R-118</b><p>Access via Riverside Row is impassable below the bridge. Crews are going in from the north end only.</p><span class=\"by\">Marked by Ops 2</span></li>\n  <li><time>07:44</time><b>S-211</b><p>Held pending sandbag resupply. Lorry due 09:30 from the county store.</p><span class=\"by\">Marked by Ops 1</span></li>\n</ol></aside></section></div>\n</div>",
  "css": "\n.dz-field-survey-command { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 20px 24px 24px; }\n.dz-field-survey-command .rf { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); display: block; }\n.dz-field-survey-command .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-field-survey-command .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; font-size: 12.5px; }\n.dz-field-survey-command .cb { display: flex; align-items: baseline; gap: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--border); }\n.dz-field-survey-command h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 40px; margin: 0; }\n.dz-field-survey-command .cb nav { display: flex; gap: 16px; margin-left: auto; }\n.dz-field-survey-command .cb a { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); text-decoration: none; }\n.dz-field-survey-command .cb a.on { color: var(--primary); }\n.dz-field-survey-command .st { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); background: var(--primary); color: var(--primary-foreground); padding: 5px 12px; }\n.dz-field-survey-command .rc { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); }\n.dz-field-survey-command .cell { padding: 14px 18px 14px 0; border-right: 1px solid var(--border); }\n.dz-field-survey-command .cell:last-child { border-right: 0; }\n.dz-field-survey-command .cell.sel { background: var(--primary); color: var(--primary-foreground); padding-left: 14px; }\n.dz-field-survey-command .cell.sel .rf, .dz-field-survey-command .cell.sel .k, .dz-field-survey-command .cell.sel .d { color: var(--primary-foreground); opacity: .8; }\n.dz-field-survey-command .cell b { display: block; font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; font-size: 34px; font-weight: 700; margin: 6px 0 3px; }\n.dz-field-survey-command .d { font-size: 11.5px; color: var(--muted-foreground); }\n.dz-field-survey-command .split { display: grid; grid-template-columns: 1fr 300px; }\n.dz-field-survey-command .ut { border-right: 1px solid var(--border); padding: 16px 18px 16px 0; }\n.dz-field-survey-command .an { padding: 16px 0 16px 18px; }\n.dz-field-survey-command header h2 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 23px; margin: 4px 0 12px; }\n.dz-field-survey-command table { width: 100%; border-collapse: collapse; }\n.dz-field-survey-command th { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); text-align: left; padding: 0 10px 8px 0; border-bottom: 1px solid var(--border); }\n.dz-field-survey-command td { padding: 10px 10px 10px 0; border-bottom: 1px solid var(--border); font-size: 13.5px; }\n.dz-field-survey-command tr.ann { border-left: 3px solid var(--accent); }\n.dz-field-survey-command tr.ann td:first-child { padding-left: 10px; }\n.dz-field-survey-command .ok { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); color: var(--primary); }\n.dz-field-survey-command .hold { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); }\n.dz-field-survey-command .an ol { list-style: none; margin: 0; padding: 0; }\n.dz-field-survey-command .an li { border-left: 3px solid var(--accent); padding: 0 0 14px 12px; margin-bottom: 14px; }\n.dz-field-survey-command .an time { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); }\n.dz-field-survey-command .an b { display: block; font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; font-size: 14px; margin: 3px 0 5px; }\n.dz-field-survey-command .an p { margin: 0 0 5px; font-size: 13px; line-height: 1.5; }\n.dz-field-survey-command .by { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); }\n",
  "requiredTheme": "/api/v1/themes/field-survey.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&family=Noto+Sans+Mono:wght@400;500;600;700&display=swap"
}