{
  "id": "evidence-office-workbench",
  "name": "Split Workbench",
  "theme": "evidence-office",
  "category": "App Shell",
  "description": "A two-document workbench for comparing a submission against the policy it has to satisfy, with a shared scroll marker.",
  "layout": "Icon rail, then two equal document panes separated by a draggable-looking divider; each pane has its own header and the policy pane highlights the clause under discussion.",
  "modules": [
    {
      "key": "rail",
      "name": "Icon rail",
      "html": "\n<nav class=\"irail\"><span class=\"ir on\" title=\"Documents\">DOC</span><span class=\"ir\" title=\"Policy\">POL</span><span class=\"ir\" title=\"Map\">MAP</span><span class=\"ir\" title=\"Notes\">NTE</span><span class=\"ir bottom\" title=\"Settings\">SET</span></nav>"
    },
    {
      "key": "left",
      "name": "Submission pane",
      "html": "\n<section class=\"pane\">\n  <header><h2>Submission</h2><span>Design and access statement, p.4</span></header>\n  <div class=\"doc\">\n    <p>The proposed boundary treatment replaces a failed hedge with close-boarded timber to a height of 1.8 metres, finished in a dark stain to reduce visual prominence.</p>\n    <p class=\"hl\">The applicant considers that the height is necessary for security given two documented incidents of trespass in the preceding twelve months.</p>\n    <p>No alteration to the highway visibility splay is proposed, and the existing dropped kerb is unaffected.</p>\n  </div>\n</section>"
    },
    {
      "key": "right",
      "name": "Policy pane",
      "html": "\n<section class=\"pane pol\">\n  <header><h2>Policy</h2><span>Local Plan, BC-11</span></header>\n  <div class=\"doc\">\n    <p><b>BC-11.1</b> Boundary treatments forward of the principal elevation shall not exceed 1.0 metre in height where the prevailing character of the street is open frontage.</p>\n    <p class=\"hl\"><b>BC-11.4</b> Where security is cited, the applicant shall demonstrate that no less prominent treatment would achieve the same outcome.</p>\n    <p><b>BC-11.5</b> Retrospective applications are assessed on the same basis as prospective ones.</p>\n  </div>\n</section>"
    },
    {
      "key": "note",
      "name": "Finding bar",
      "html": "\n<footer class=\"find\"><label for=\"eo-wb-note\">Finding</label><input id=\"eo-wb-note\" type=\"text\" value=\"BC-11.4 not addressed — no alternatives assessed\"><button type=\"button\">Attach to C-4471</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "evidence-office-workbench",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:23:29+09:00",
    "updatedAt": "2026-08-29T18:23:29+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/evidence-office-workbench.json",
  "structure": "Icon rail, then two equal document panes separated by a draggable-looking divider; each pane has its own header and the policy pane highlights the clause under discussion.",
  "html": "<div class=\"dz dz-evidence-office-workbench\" data-design=\"evidence-office-workbench\" data-theme=\"evidence-office\">\n<section class=\"dz-mod\" data-mod=\"rail\" aria-label=\"Icon rail\">\n<nav class=\"irail\"><span class=\"ir on\" title=\"Documents\">DOC</span><span class=\"ir\" title=\"Policy\">POL</span><span class=\"ir\" title=\"Map\">MAP</span><span class=\"ir\" title=\"Notes\">NTE</span><span class=\"ir bottom\" title=\"Settings\">SET</span></nav></section><section class=\"dz-mod\" data-mod=\"left\" aria-label=\"Submission pane\">\n<section class=\"pane\">\n  <header><h2>Submission</h2><span>Design and access statement, p.4</span></header>\n  <div class=\"doc\">\n    <p>The proposed boundary treatment replaces a failed hedge with close-boarded timber to a height of 1.8 metres, finished in a dark stain to reduce visual prominence.</p>\n    <p class=\"hl\">The applicant considers that the height is necessary for security given two documented incidents of trespass in the preceding twelve months.</p>\n    <p>No alteration to the highway visibility splay is proposed, and the existing dropped kerb is unaffected.</p>\n  </div>\n</section></section><section class=\"dz-mod\" data-mod=\"right\" aria-label=\"Policy pane\">\n<section class=\"pane pol\">\n  <header><h2>Policy</h2><span>Local Plan, BC-11</span></header>\n  <div class=\"doc\">\n    <p><b>BC-11.1</b> Boundary treatments forward of the principal elevation shall not exceed 1.0 metre in height where the prevailing character of the street is open frontage.</p>\n    <p class=\"hl\"><b>BC-11.4</b> Where security is cited, the applicant shall demonstrate that no less prominent treatment would achieve the same outcome.</p>\n    <p><b>BC-11.5</b> Retrospective applications are assessed on the same basis as prospective ones.</p>\n  </div>\n</section></section><section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Finding bar\">\n<footer class=\"find\"><label for=\"eo-wb-note\">Finding</label><input id=\"eo-wb-note\" type=\"text\" value=\"BC-11.4 not addressed — no alternatives assessed\"><button type=\"button\">Attach to C-4471</button></footer></section>\n</div>",
  "css": "\n.dz-evidence-office-workbench { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 52px minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-height: 520px; }\n.dz-evidence-office-workbench .irail { grid-row: 1 / -1; border-right: var(--pv-bw) solid var(--border); background: var(--muted); display: flex; flex-direction: column; align-items: center; padding: 12px 0; gap: 4px; }\n.dz-evidence-office-workbench .ir { font-family: var(--pv-mono); font-size: 9.5px; letter-spacing: .06em; color: var(--muted-foreground); padding: 9px 0; width: 40px; text-align: center; border-radius: var(--pv-radius-sm); cursor: pointer; transition: background var(--dur) var(--ease), color var(--dur) var(--ease); }\n.dz-evidence-office-workbench .ir:hover { background: var(--secondary); }\n.dz-evidence-office-workbench .ir.on { background: var(--secondary); color: var(--primary); }\n.dz-evidence-office-workbench .ir.bottom { margin-top: auto; }\n.dz-evidence-office-workbench .pane { display: flex; flex-direction: column; min-width: 0; border-right: var(--pv-bw) solid var(--border); }\n.dz-evidence-office-workbench .pane:last-of-type { border-right: 0; }\n.dz-evidence-office-workbench .pane header { display: flex; align-items: baseline; gap: 12px; padding: 11px 20px; border-bottom: var(--pv-bw) solid var(--foreground); }\n.dz-evidence-office-workbench .pane h2 { font-family: var(--pv-display); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; margin: 0; }\n.dz-evidence-office-workbench .pane header span { font-size: 11.5px; color: var(--muted-foreground); }\n.dz-evidence-office-workbench .doc { padding: 18px 22px; overflow-y: auto; }\n.dz-evidence-office-workbench .doc p { margin: 0 0 14px; font-size: 14px; line-height: 1.7; max-width: 52ch; }\n.dz-evidence-office-workbench .doc b { font-family: var(--pv-mono); font-weight: 400; font-size: 12.5px; color: var(--primary); margin-right: 4px; }\n.dz-evidence-office-workbench .hl { background: var(--secondary); border-left: 3px solid var(--primary); padding: 10px 12px; margin-left: -12px; }\n.dz-evidence-office-workbench .pol .doc { background: var(--muted); }\n.dz-evidence-office-workbench .find { grid-column: 2 / -1; display: flex; align-items: center; gap: 12px; padding: 11px 20px; border-top: var(--pv-bw) solid var(--foreground); }\n.dz-evidence-office-workbench .find label { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-evidence-office-workbench .find input { flex: 1; min-width: 0; font: inherit; font-size: 13px; padding: 8px 11px; border: var(--pv-bw) solid var(--input); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--foreground); }\n.dz-evidence-office-workbench .find input:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }\n.dz-evidence-office-workbench .find button { font: inherit; font-size: 12.5px; padding: 8px 15px; border: var(--pv-bw) solid var(--primary); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--primary); cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-evidence-office-workbench *, .dz-evidence-office-workbench *::before, .dz-evidence-office-workbench *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/evidence-office.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}