{
  "id": "field-survey-assets",
  "name": "Asset Search",
  "theme": "field-survey",
  "category": "Search & Browse",
  "description": "A search across physical assets that filters by what a crew can actually reach in the time they have, rather than by distance in a straight line.",
  "layout": "A query row with a travel-time selector, then square-cornered result cells in a 3-up ruled grid with the grid reference as the identifier.",
  "modules": [
    {
      "key": "query",
      "name": "Asset query",
      "html": "\n<header class=\"aq\"><h1>Find equipment</h1><label class=\"f\"><input type=\"search\" value=\"high volume pump\"></label><label class=\"tt\"><span class=\"k\">Reachable within</span><select><option>30 minutes</option><option>60 minutes</option><option>2 hours</option></select></label><span class=\"ct n\">9 of 412 assets</span></header>"
    },
    {
      "key": "chips",
      "name": "Type chips",
      "html": "\n<nav class=\"tc\"><span class=\"k\">Type</span><ul><li class=\"on\"><a href=\"#\">Pumping</a></li><li><a href=\"#\">Boats</a></li><li><a href=\"#\">Barriers</a></li><li><a href=\"#\">Welfare</a></li><li><a href=\"#\">Lighting</a></li></ul><label class=\"only\"><input type=\"checkbox\" checked> Serviceable only</label></nav>"
    },
    {
      "key": "grid",
      "name": "Asset cells",
      "html": "\n<section class=\"ag\">\n  <article><span class=\"rf\">AS-01</span><h3>HV Pump 4417</h3><img src=\"{{ART marker}}\" alt=\"{{ARTALT marker}}\"><dl><div><dt>Held at</dt><dd>County store</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1930 2410</dd></div><div><dt>Travel</dt><dd class=\"n\">18 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article><span class=\"rf\">AS-02</span><h3>HV Pump 4422</h3><img src=\"{{ART camp}}\" alt=\"{{ARTALT camp}}\"><dl><div><dt>Held at</dt><dd>Beckton depot</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2002 2380</dd></div><div><dt>Travel</dt><dd class=\"n\">9 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article class=\"out\"><span class=\"rf\">AS-03</span><h3>HV Pump 4430</h3><img src=\"{{ART paint}}\" alt=\"{{ARTALT paint}}\"><dl><div><dt>Held at</dt><dd>Workshop</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1902 2440</dd></div><div><dt>Travel</dt><dd class=\"n\">26 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av na\">Out of service</span></article>\n  <article class=\"ann\"><span class=\"rf\">AS-04</span><h3>Trailer Pump 220</h3><img src=\"{{ART map}}\" alt=\"{{ARTALT map}}\"><dl><div><dt>Held at</dt><dd>Mill Bridge</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2018 2340</dd></div><div><dt>Travel</dt><dd class=\"n\">4 min</dd></div><div><dt>Rate</dt><dd class=\"n\">1,800 l/min</dd></div></dl><span class=\"av\">On site, idle</span></article>\n  <article><span class=\"rf\">AS-05</span><h3>Trailer Pump 224</h3><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><dl><div><dt>Held at</dt><dd>County store</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1930 2410</dd></div><div><dt>Travel</dt><dd class=\"n\">18 min</dd></div><div><dt>Rate</dt><dd class=\"n\">1,800 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article><span class=\"rf\">AS-06</span><h3>Submersible set</h3><img src=\"{{ART marker}}\" alt=\"{{ARTALT marker}}\"><dl><div><dt>Held at</dt><dd>Beckton depot</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2002 2380</dd></div><div><dt>Travel</dt><dd class=\"n\">9 min</dd></div><div><dt>Rate</dt><dd class=\"n\">400 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n</section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "field-survey-assets",
    "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-assets.json",
  "structure": "A query row with a travel-time selector, then square-cornered result cells in a 3-up ruled grid with the grid reference as the identifier.",
  "html": "<div class=\"dz dz-field-survey-assets\" data-design=\"field-survey-assets\" data-theme=\"field-survey\">\n<section class=\"dz-mod\" data-mod=\"query\" aria-label=\"Asset query\">\n<header class=\"aq\"><h1>Find equipment</h1><label class=\"f\"><input type=\"search\" value=\"high volume pump\"></label><label class=\"tt\"><span class=\"k\">Reachable within</span><select><option>30 minutes</option><option>60 minutes</option><option>2 hours</option></select></label><span class=\"ct n\">9 of 412 assets</span></header></section>\n<section class=\"dz-mod\" data-mod=\"chips\" aria-label=\"Type chips\">\n<nav class=\"tc\"><span class=\"k\">Type</span><ul><li class=\"on\"><a href=\"#\">Pumping</a></li><li><a href=\"#\">Boats</a></li><li><a href=\"#\">Barriers</a></li><li><a href=\"#\">Welfare</a></li><li><a href=\"#\">Lighting</a></li></ul><label class=\"only\"><input type=\"checkbox\" checked> Serviceable only</label></nav></section>\n<section class=\"dz-mod\" data-mod=\"grid\" aria-label=\"Asset cells\">\n<section class=\"ag\">\n  <article><span class=\"rf\">AS-01</span><h3>HV Pump 4417</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-marker.webp\" alt=\"A bright blue survey marker driven into rough ground\"><dl><div><dt>Held at</dt><dd>County store</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1930 2410</dd></div><div><dt>Travel</dt><dd class=\"n\">18 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article><span class=\"rf\">AS-02</span><h3>HV Pump 4422</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-camp.webp\" alt=\"A field station under a heavy overcast sky\"><dl><div><dt>Held at</dt><dd>Beckton depot</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2002 2380</dd></div><div><dt>Travel</dt><dd class=\"n\">9 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article class=\"out\"><span class=\"rf\">AS-03</span><h3>HV Pump 4430</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-paint.webp\" alt=\"A blue marking-paint line sprayed across gravel\"><dl><div><dt>Held at</dt><dd>Workshop</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1902 2440</dd></div><div><dt>Travel</dt><dd class=\"n\">26 min</dd></div><div><dt>Rate</dt><dd class=\"n\">7,000 l/min</dd></div></dl><span class=\"av na\">Out of service</span></article>\n  <article class=\"ann\"><span class=\"rf\">AS-04</span><h3>Trailer Pump 220</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-map.webp\" alt=\"A folded topographic map weighted open on a tailgate\"><dl><div><dt>Held at</dt><dd>Mill Bridge</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2018 2340</dd></div><div><dt>Travel</dt><dd class=\"n\">4 min</dd></div><div><dt>Rate</dt><dd class=\"n\">1,800 l/min</dd></div></dl><span class=\"av\">On site, idle</span></article>\n  <article><span class=\"rf\">AS-05</span><h3>Trailer Pump 224</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-hero.webp\" alt=\"A survey tripod standing on open moorland\"><dl><div><dt>Held at</dt><dd>County store</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 1930 2410</dd></div><div><dt>Travel</dt><dd class=\"n\">18 min</dd></div><div><dt>Rate</dt><dd class=\"n\">1,800 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n  <article><span class=\"rf\">AS-06</span><h3>Submersible set</h3><img src=\"https://designlookbook.dev/assets/img/field-survey-marker.webp\" alt=\"A bright blue survey marker driven into rough ground\"><dl><div><dt>Held at</dt><dd>Beckton depot</dd></div><div><dt>Grid</dt><dd class=\"n\">NH 2002 2380</dd></div><div><dt>Travel</dt><dd class=\"n\">9 min</dd></div><div><dt>Rate</dt><dd class=\"n\">400 l/min</dd></div></dl><span class=\"av\">Available</span></article>\n</section></section>\n</div>",
  "css": "\n.dz-field-survey-assets { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 22px 24px; }\n.dz-field-survey-assets .rf { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); display: block; }\n.dz-field-survey-assets .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-field-survey-assets .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; font-size: 12.5px; }\n.dz-field-survey-assets .aq { display: flex; align-items: flex-end; gap: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--border); }\n.dz-field-survey-assets h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 40px; margin: 0; }\n.dz-field-survey-assets .f { flex: 1; }\n.dz-field-survey-assets input[type=search] { width: 100%; font: inherit; font-size: 14px; padding: 10px 12px; background: transparent; border: 2px solid var(--border); border-radius: 0; color: var(--foreground); }\n.dz-field-survey-assets select { font: inherit; font-size: 13px; padding: 10px; background: transparent; border: 2px solid var(--border); border-radius: 0; color: var(--foreground); margin-top: 5px; display: block; }\n.dz-field-survey-assets .ct { color: var(--muted-foreground); }\n.dz-field-survey-assets .tc { display: flex; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--border); margin-bottom: 18px; }\n.dz-field-survey-assets .tc ul { list-style: none; display: flex; gap: 6px; margin: 0; padding: 0; }\n.dz-field-survey-assets .tc a { display: block; padding: 6px 12px; border: 1px solid var(--border); text-decoration: none; color: var(--foreground); font-size: 13px; }\n.dz-field-survey-assets .tc li.on a { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); }\n.dz-field-survey-assets .only { margin-left: auto; text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: flex; gap: 8px; align-items: center; }\n.dz-field-survey-assets .ag { display: grid; grid-template-columns: repeat(3, 1fr); }\n.dz-field-survey-assets .ag article { border: 1px solid var(--border); margin: -0.5px; padding: 14px; }\n.dz-field-survey-assets .ag article.ann { border-left: 3px solid var(--accent); }\n.dz-field-survey-assets .ag h3 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 23px; margin: 4px 0 10px; }\n.dz-field-survey-assets .ag img { width: 100%; height: 110px; object-fit: cover; display: block; filter: var(--img-filter); margin-bottom: 12px; }\n.dz-field-survey-assets dl { margin: 0 0 10px; }\n.dz-field-survey-assets dl div { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--border); font-size: 13px; }\n.dz-field-survey-assets dt { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); margin: 0; }\n.dz-field-survey-assets dd { margin: 0; }\n.dz-field-survey-assets .av { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); color: var(--primary); }\n.dz-field-survey-assets .av.na { color: var(--destructive); }\n.dz-field-survey-assets .out { opacity: .6; }\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"
}