{
  "id": "evidence-office-audit-trail",
  "name": "Audit Trail",
  "theme": "evidence-office",
  "category": "Data & Reports",
  "description": "An immutable event log where every row names an actor, and the filter is a set of actor and action toggles rather than a search box.",
  "layout": "Left 210px facet column of actor and action toggles, right a monospace event list grouped under sticky date headings with a hash column on the far right.",
  "modules": [
    {
      "key": "facets",
      "name": "Actor facets",
      "html": "\n<aside class=\"fac\">\n  <h3>Actor</h3>\n  <label><input type=\"checkbox\" checked> Caseworker <b>412</b></label>\n  <label><input type=\"checkbox\" checked> Committee <b>58</b></label>\n  <label><input type=\"checkbox\" checked> System <b>1,904</b></label>\n  <label><input type=\"checkbox\"> Applicant <b>221</b></label>\n  <h3>Action</h3>\n  <label><input type=\"checkbox\" checked> Status change</label>\n  <label><input type=\"checkbox\" checked> Document</label>\n  <label><input type=\"checkbox\"> Read access</label>\n  <label><input type=\"checkbox\"> Export</label>\n</aside>"
    },
    {
      "key": "log",
      "name": "Event log",
      "html": "\n<div class=\"log\">\n  <div class=\"log-head\"><h1>Audit trail</h1><span>2,595 events · retained 7 years</span></div>\n  <h4 class=\"day\">Thursday 14 July</h4>\n  <ol>\n    <li><span class=\"tm\">14:02:11</span><span class=\"ac ac-user\">R. Vasquez</span><span class=\"ev\">accepted evidence bundle on <b>C-4471</b></span><span class=\"hash\">8f2c1a</span></li>\n    <li><span class=\"tm\">13:41:52</span><span class=\"ac ac-user\">M. Okafor</span><span class=\"ev\">moved <b>C-4455</b> Review to Decision</span><span class=\"hash\">c04e7b</span></li>\n    <li><span class=\"tm\">11:19:04</span><span class=\"ac ac-cmte\">Committee</span><span class=\"ev\">granted 14-day extension on <b>C-4468</b></span><span class=\"hash\">51ab99</span></li>\n    <li><span class=\"tm\">09:50:00</span><span class=\"ac ac-sys\">System</span><span class=\"ev\">opened <b>C-4482</b> from intake queue</span><span class=\"hash\">2d7f30</span></li>\n  </ol>\n  <h4 class=\"day\">Wednesday 13 July</h4>\n  <ol>\n    <li><span class=\"tm\">16:38:21</span><span class=\"ac ac-user\">M. Okafor</span><span class=\"ev\">uploaded site notice photograph to <b>C-4460</b></span><span class=\"hash\">9c1e44</span></li>\n    <li><span class=\"tm\">10:02:47</span><span class=\"ac ac-sys\">System</span><span class=\"ev\">flagged consultee response overdue on <b>C-4460</b></span><span class=\"hash\">77b208</span></li>\n  </ol>\n</div>"
    },
    {
      "key": "export",
      "name": "Export bar",
      "html": "\n<footer class=\"exp\"><span>This view is read-only. Events cannot be edited or removed.</span><button type=\"button\">Export selection</button></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "evidence-office-audit-trail",
    "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-audit-trail.json",
  "structure": "Left 210px facet column of actor and action toggles, right a monospace event list grouped under sticky date headings with a hash column on the far right.",
  "html": "<div class=\"dz dz-evidence-office-audit-trail\" data-design=\"evidence-office-audit-trail\" data-theme=\"evidence-office\">\n<section class=\"dz-mod\" data-mod=\"facets\" aria-label=\"Actor facets\">\n<aside class=\"fac\">\n  <h3>Actor</h3>\n  <label><input type=\"checkbox\" checked> Caseworker <b>412</b></label>\n  <label><input type=\"checkbox\" checked> Committee <b>58</b></label>\n  <label><input type=\"checkbox\" checked> System <b>1,904</b></label>\n  <label><input type=\"checkbox\"> Applicant <b>221</b></label>\n  <h3>Action</h3>\n  <label><input type=\"checkbox\" checked> Status change</label>\n  <label><input type=\"checkbox\" checked> Document</label>\n  <label><input type=\"checkbox\"> Read access</label>\n  <label><input type=\"checkbox\"> Export</label>\n</aside></section><section class=\"dz-mod\" data-mod=\"log\" aria-label=\"Event log\">\n<div class=\"log\">\n  <div class=\"log-head\"><h1>Audit trail</h1><span>2,595 events · retained 7 years</span></div>\n  <h4 class=\"day\">Thursday 14 July</h4>\n  <ol>\n    <li><span class=\"tm\">14:02:11</span><span class=\"ac ac-user\">R. Vasquez</span><span class=\"ev\">accepted evidence bundle on <b>C-4471</b></span><span class=\"hash\">8f2c1a</span></li>\n    <li><span class=\"tm\">13:41:52</span><span class=\"ac ac-user\">M. Okafor</span><span class=\"ev\">moved <b>C-4455</b> Review to Decision</span><span class=\"hash\">c04e7b</span></li>\n    <li><span class=\"tm\">11:19:04</span><span class=\"ac ac-cmte\">Committee</span><span class=\"ev\">granted 14-day extension on <b>C-4468</b></span><span class=\"hash\">51ab99</span></li>\n    <li><span class=\"tm\">09:50:00</span><span class=\"ac ac-sys\">System</span><span class=\"ev\">opened <b>C-4482</b> from intake queue</span><span class=\"hash\">2d7f30</span></li>\n  </ol>\n  <h4 class=\"day\">Wednesday 13 July</h4>\n  <ol>\n    <li><span class=\"tm\">16:38:21</span><span class=\"ac ac-user\">M. Okafor</span><span class=\"ev\">uploaded site notice photograph to <b>C-4460</b></span><span class=\"hash\">9c1e44</span></li>\n    <li><span class=\"tm\">10:02:47</span><span class=\"ac ac-sys\">System</span><span class=\"ev\">flagged consultee response overdue on <b>C-4460</b></span><span class=\"hash\">77b208</span></li>\n  </ol>\n</div></section><section class=\"dz-mod\" data-mod=\"export\" aria-label=\"Export bar\">\n<footer class=\"exp\"><span>This view is read-only. Events cannot be edited or removed.</span><button type=\"button\">Export selection</button></footer></section>\n</div>",
  "css": "\n.dz-evidence-office-audit-trail { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 210px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-height: 500px; }\n.dz-evidence-office-audit-trail .fac { border-right: var(--pv-bw) solid var(--border); padding: 22px 18px; background: var(--muted); }\n.dz-evidence-office-audit-trail .fac h3 { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); margin: 0 0 9px; padding-bottom: 6px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-evidence-office-audit-trail .fac h3 + label { margin-top: 0; }\n.dz-evidence-office-audit-trail .fac h3:not(:first-child) { margin-top: 22px; }\n.dz-evidence-office-audit-trail .fac label { display: flex; align-items: center; gap: 8px; font-size: 12.5px; padding: 5px 0; cursor: pointer; }\n.dz-evidence-office-audit-trail .fac input { accent-color: var(--primary); }\n.dz-evidence-office-audit-trail .fac b { margin-left: auto; font-family: var(--pv-mono); font-weight: 400; font-size: 11px; color: var(--muted-foreground); }\n.dz-evidence-office-audit-trail .log { padding: 22px 24px 8px; overflow-y: auto; }\n.dz-evidence-office-audit-trail .log-head { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 10px; border-bottom: var(--pv-bw) solid var(--foreground); }\n.dz-evidence-office-audit-trail .log-head h1 { font-family: var(--pv-display); font-size: 19px; letter-spacing: -.02em; margin: 0; }\n.dz-evidence-office-audit-trail .log-head span { font-family: var(--pv-mono); font-size: 11.5px; color: var(--muted-foreground); }\n.dz-evidence-office-audit-trail .day { position: sticky; top: 0; background: var(--background); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); margin: 16px 0 0; padding: 8px 0 6px; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-evidence-office-audit-trail .log ol { list-style: none; margin: 0; padding: 0; }\n.dz-evidence-office-audit-trail .log li { display: grid; grid-template-columns: 74px 96px minmax(0, 1fr) 58px; gap: 12px; align-items: baseline; padding: 8px 0; border-bottom: var(--pv-bw) solid var(--border); font-size: 13px; transition: background var(--dur) var(--ease); }\n.dz-evidence-office-audit-trail .log li:hover { background: var(--secondary); }\n.dz-evidence-office-audit-trail .tm, .dz-evidence-office-audit-trail .hash { font-family: var(--pv-mono); font-size: 11.5px; color: var(--muted-foreground); }\n.dz-evidence-office-audit-trail .hash { text-align: right; }\n.dz-evidence-office-audit-trail .ac { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; }\n.dz-evidence-office-audit-trail .ac-user { color: var(--chart-1); }\n.dz-evidence-office-audit-trail .ac-cmte { color: var(--chart-4); }\n.dz-evidence-office-audit-trail .ac-sys { color: var(--muted-foreground); }\n.dz-evidence-office-audit-trail .ev b { font-family: var(--pv-mono); font-weight: 400; color: var(--primary); }\n.dz-evidence-office-audit-trail .exp { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 24px; border-top: var(--pv-bw) solid var(--foreground); font-size: 12px; color: var(--muted-foreground); }\n.dz-evidence-office-audit-trail .exp button { font: inherit; font-size: 12.5px; padding: 7px 15px; border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius-sm); background: var(--card); color: var(--foreground); cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-evidence-office-audit-trail *, .dz-evidence-office-audit-trail *::before, .dz-evidence-office-audit-trail *::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"
}