npm - fenix-claude-plugin - Versions diffs - 0.1.3 → 0.2.0 - Mend

fenix-claude-plugin 0.1.3 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/.claude-plugin/plugin.json +13 -13
package/.mcp.json +11 -11
package/README.md +33 -40
package/artifacts/collections.html +149 -0
package/artifacts/fenix-workspace.html +1285 -0
package/artifacts/oa-editor.html +210 -0
package/artifacts/patent-editor.html +325 -0
package/artifacts/review-workspace.html +1135 -0
package/commands/fenix-install.md +19 -11
package/commands/fenix-setup.md +18 -13
package/package.json +16 -16
package/skills/fenix-application/SKILL.md +35 -12
package/skills/fenix-application/VERSION +1 -1
package/skills/fenix-application/references/claim1-method-drafting.md +1 -1
package/skills/fenix-application/references/claims.md +4 -5
package/skills/fenix-application/references/disclosure.md +116 -10
package/skills/fenix-application/references/editors.md +222 -51
package/skills/fenix-application/references/figure-description.md +1 -1
package/skills/fenix-application/references/figure-strategy.md +166 -0
package/skills/fenix-application/references/figures-guidance.md +1 -1
package/skills/fenix-application/references/figures.md +51 -14
package/skills/fenix-application/references/patent-review-checklist.md +3 -1
package/skills/fenix-application/references/patent-review.md +6 -2
package/skills/fenix-application/references/patent-safe.md +1 -1
package/skills/fenix-application/references/patent.md +9 -9
package/skills/fenix-application/references/spec-guidance.md +1 -1
package/skills/fenix-application/references/spec.md +17 -7
package/skills/fenix-application/scripts/figure_strategy_server.py +136 -0
package/skills/fenix-diagram/SKILL.md +54 -0
package/skills/fenix-diagram/VERSION +1 -0
package/skills/fenix-diagram/references/diagram-svg-guide.md +271 -0
package/skills/fenix-office-action/SKILL.md +6 -4
package/skills/fenix-office-action/VERSION +1 -1
package/skills/fenix-office-action/references/oa-analysis.md +14 -4
package/skills/fenix-office-action/references/oa-drafting.md +98 -21
package/skills/fenix-office-action/references/oa-response.md +13 -13
package/skills/fenix-project/SKILL.md +4 -3
package/skills/fenix-project/VERSION +1 -1
package/skills/fenix-project/references/create-project.md +11 -1
package/artifacts/claims-editor.html +0 -205
package/artifacts/figures-editor.html +0 -237
package/artifacts/oa-arguments-editor.html +0 -216
package/artifacts/practice-dashboard.html +0 -469
package/artifacts/project-overview.html +0 -481
package/artifacts/sections-editor.html +0 -205
package/artifacts/user-dashboard.html +0 -368
package/skills/fenix-application/CUSTOMIZE.md +0 -1
package/skills/fenix-application/assets/claims_editor.html +0 -86
package/skills/fenix-application/assets/figures_editor.html +0 -86
package/skills/fenix-application/assets/spec_editor.html +0 -86
package/skills/fenix-office-action/CUSTOMIZE.md +0 -1
package/skills/fenix-project/CUSTOMIZE.md +0 -1

package/artifacts/review-workspace.html ADDED Viewed

@@ -0,0 +1,1135 @@
+<!doctype html><script type="application/json" id="cowork-artifact-meta">
+{
+  "name": "Fenix Review Workspace",
+  "schemaVersion": 1,
+  "description": "Tri-fold review and signature workspace for one task.",
+  "mcpTools": [
+    "mcp__21ddcdf7-4f7b-45f7-ad0e-35afe7c1c96a__read",
+    "mcp__21ddcdf7-4f7b-45f7-ad0e-35afe7c1c96a__write"
+  ],
+  "mcpServerNames": [
+    "Fenix",
+    "Fenix"
+  ]
+}
+</script>
+<script type="application/json" id="fenix-install-manifest">
+{
+  "server": "Fenix",
+  "tools": [
+    "read",
+    "write"
+  ],
+  "note": "Register every listed tool fully-qualified at install. This artifact calls all of them, and a partial grant fails at the first missing one."
+}
+</script>
+<html>
+<head>
+<meta charset="utf8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Document Review Workspace</title>
+<!--
+  Fenix — Document Review Workspace (tri-fold). SINGLE SOURCE OF TRUTH in shared/artifacts.
+  ONE base, TWO hosts (see callTool):
+    • MCP / claude.ai (Cowork)  — data via window.cowork.callMcpTool(__SERVER_PREFIX__ + tool, args)
+    • Next.js front end (iframe) — data via a postMessage bridge to the parent app (window.__fenixHost)
+  Both hosts resolve the SAME backend service (shared/services/review), so the MCP and in-app
+  experiences stay identical. No mock data: it starts empty and is populated entirely by the host.
+  Backend contract (built in shared/services/review, exposed as MCP tools AND FE API routes):
+    get_review_workspace({ taskId })                 -> the workspace payload below
+    save_review_layout({ taskId, layout })           -> persists panel layout
+    sign_form_workspace({ formDocumentId })          -> signs via the signForm pipeline
+-->
+<style>
+  :root{
+    color-scheme: light dark;
+    --bg:#eef0f4; --panel:#ffffff; --panel2:#f7f8fa; --header:#f3f4f7;
+    --ink:#1a1d26; --ink2:#3d4351; --muted:#6b7280; --faint:#9aa1af;
+    --line:#e2e5ea; --line2:#d3d7df;
+    --accent:#5b60e6; --accent-ink:#ffffff; --accent-soft:#ecedfc;
+    --signed:#0f9d6e; --signed-soft:#e3f5ee;
+    --finalized:#2f6fed; --finalized-soft:#e6efff;
+    --await:#c47d0a; --await-soft:#fbf0da;
+    --new:#7a8290; --new-soft:#eceef2;
+    --paper:#ffffff; --paper-line:#e9ebf0; --paper-ink:#2b3040;
+    --shadow:0 1px 2px rgba(20,25,40,.06),0 8px 24px rgba(20,25,40,.06);
+    --radius:11px;
+    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
+    --ui:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  }
+  @media (prefers-color-scheme: dark){
+    :root{
+      --bg:#0a0c11; --panel:#14171f; --panel2:#171b24; --header:#1a1e28;
+      --ink:#e7eaf1; --ink2:#c3c8d4; --muted:#8b93a4; --faint:#666e80;
+      --line:#242936; --line2:#2f3543;
+      --accent:#868cf6; --accent-ink:#0a0c11; --accent-soft:#1f2438;
+      --signed:#37d39b; --signed-soft:#12261f;
+      --finalized:#6ba1ff; --finalized-soft:#12203a;
+      --await:#e6b15a; --await-soft:#2a2214;
+      --new:#8b93a4; --new-soft:#20242e;
+      --paper:#f6f7fb; --paper-line:#dfe2ea; --paper-ink:#242938;
+      --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
+    }
+  }
+  :root[data-theme="light"]{
+    color-scheme: light;
+    --bg:#eef0f4; --panel:#ffffff; --panel2:#f7f8fa; --header:#f3f4f7;
+    --ink:#1a1d26; --ink2:#3d4351; --muted:#6b7280; --faint:#9aa1af;
+    --line:#e2e5ea; --line2:#d3d7df;
+    --accent:#5b60e6; --accent-ink:#ffffff; --accent-soft:#ecedfc;
+    --signed:#0f9d6e; --signed-soft:#e3f5ee; --finalized:#2f6fed; --finalized-soft:#e6efff;
+    --await:#c47d0a; --await-soft:#fbf0da; --new:#7a8290; --new-soft:#eceef2;
+    --paper:#ffffff; --paper-line:#e9ebf0; --paper-ink:#2b3040;
+    --shadow:0 1px 2px rgba(20,25,40,.06),0 8px 24px rgba(20,25,40,.06);
+  }
+  :root[data-theme="dark"]{
+    color-scheme: dark;
+    --bg:#0a0c11; --panel:#14171f; --panel2:#171b24; --header:#1a1e28;
+    --ink:#e7eaf1; --ink2:#c3c8d4; --muted:#8b93a4; --faint:#666e80;
+    --line:#242936; --line2:#2f3543;
+    --accent:#868cf6; --accent-ink:#0a0c11; --accent-soft:#1f2438;
+    --signed:#37d39b; --signed-soft:#12261f; --finalized:#6ba1ff; --finalized-soft:#12203a;
+    --await:#e6b15a; --await-soft:#2a2214; --new:#8b93a4; --new-soft:#20242e;
+    --paper:#f6f7fb; --paper-line:#dfe2ea; --paper-ink:#242938;
+    --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
+  }
+  *{box-sizing:border-box}
+  html,body{margin:0;padding:0}
+  body{
+    height:100vh; overflow:hidden;
+    background:var(--bg); color:var(--ink);
+    font-family:var(--ui); font-size:14px; line-height:1.45;
+    -webkit-font-smoothing:antialiased;
+    display:flex; flex-direction:column;
+  }
+  button{font-family:inherit}
+  .mono{font-family:var(--mono)}
+  /* App bar */
+  /* Docked at the BOTTOM: this is an editor node, so the app shell above keeps the nav and
+     global search. The node's own actions sit out of the shell's way. */
+  /* Three columns, so the prev/next group is centred against the BAR rather
+     than against the width of whatever sits to its left. */
+  .appbar{
+    flex:0 0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
+    gap:14px; padding:0 16px; height:56px; background:var(--panel);
+    border-top:1px solid var(--line);
+  }
+  .bar-left{min-width:0; display:flex; align-items:center}
+  .bar-mid{display:flex; align-items:center; gap:8px}
+  .bar-right{display:flex; align-items:center; gap:8px; justify-content:flex-end}
+  /* ── The task selector ─────────────────────────────────
+     Names the current review and changes it. Matter number FIRST (Mike,
+     2026-07-22) — it is the identifier a reviewer recognises; the task name
+     alone repeats across matters ("Review response", "Review ADS") and cannot
+     tell two queue entries apart. */
+  .tasksel{position:relative; min-width:0; max-width:min(46vw, 520px)}
+  .tasksel-btn{
+    display:flex; align-items:center; gap:9px; width:100%; min-width:0;
+    padding:7px 10px; border-radius:9px; border:1px solid var(--line2);
+    background:var(--panel2); color:var(--ink); cursor:pointer; text-align:left;
+  }
+  .tasksel-btn:hover{border-color:var(--accent)}
+  .tasksel-matter{flex:0 0 auto; font-size:12.5px; color:var(--ink2)}
+  .tasksel-name{
+    flex:1 1 auto; min-width:0; font-size:14px; font-weight:600;
+    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
+  }
+  .tasksel-caret{flex:0 0 auto; color:var(--muted)}
+  /* Opens UPWARD: the bar is docked at the bottom, so a downward menu would
+     open off-screen. */
+  .tasksel-drop{
+    position:absolute; bottom:calc(100% + 6px); left:0; z-index:40;
+    width:max(320px, 100%); max-height:min(58vh, 420px);
+    display:flex; flex-direction:column;
+    background:var(--panel); border:1px solid var(--line2); border-radius:10px;
+    box-shadow:0 -10px 30px rgba(0,0,0,.28); overflow:hidden;
+  }
+  /* THE `hidden` ATTRIBUTE DOES NOT WIN ON ITS OWN. It works through the UA
+     stylesheet's `[hidden]{display:none}`, and an author `display` — the
+     `display:flex` directly above — beats any UA rule regardless of
+     specificity. So closeTaskSel() set `.hidden = true` and nothing happened:
+     the selector's filter list was permanently open over the bar (Mike,
+     2026-07-22: "the filter is always visible"). Any element this file hides by
+     attribute AND styles with `display` needs this line. */
+  .tasksel-drop[hidden]{display:none}
+  .tasksel-q{
+    flex:0 0 auto; margin:8px; padding:7px 9px; border-radius:7px;
+    border:1px solid var(--line2); background:var(--panel2); color:var(--ink);
+    font:inherit; font-size:13px; outline:none;
+  }
+  .tasksel-q:focus{border-color:var(--accent)}
+  .tasksel-list{flex:1 1 auto; overflow:auto; padding:0 6px 6px}
+  .tasksel-item{
+    display:flex; align-items:baseline; gap:9px; width:100%;
+    padding:7px 8px; border-radius:7px; border:0; background:none;
+    color:var(--ink2); cursor:pointer; text-align:left; font:inherit;
+  }
+  .tasksel-item:hover{background:var(--panel2); color:var(--ink)}
+  .tasksel-item.current{background:var(--panel2); color:var(--ink); font-weight:600}
+  .tasksel-item .m{flex:0 0 auto; font-family:var(--mono); font-size:12px; color:var(--muted)}
+  .tasksel-item .n{flex:1 1 auto; min-width:0; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
+  .tasksel-empty{padding:10px; font-size:12.5px; color:var(--muted)}
+  .chip{
+    font-family:var(--mono); font-size:11px; letter-spacing:.02em;
+    padding:2px 8px; border-radius:999px; border:1px solid var(--line2);
+    color:var(--ink2); background:var(--panel2); white-space:nowrap;
+  }
+  .rv{font-family:var(--mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
+    padding:3px 9px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap}
+  .rv::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor}
+  .rv-needs_review{color:var(--await); background:var(--await-soft)}
+  .rv-in_review{color:var(--finalized); background:var(--finalized-soft)}
+  .rv-changes_requested{color:#e0533d; background:var(--await-soft)}
+  .rv-approved{color:var(--signed); background:var(--signed-soft)}
+  .rv-signed{color:var(--signed); background:var(--signed-soft)}
+  .rv-none{color:var(--new); background:var(--new-soft)}
+  .pill{font-family:var(--mono); font-size:10.5px; border:1px solid var(--line2); border-radius:999px;
+    padding:2px 9px; color:var(--muted); white-space:nowrap}
+  .spacer{flex:1 1 auto}
+  .btn{
+    display:inline-flex; align-items:center; gap:7px; cursor:pointer;
+    border-radius:9px; border:1px solid var(--line2); background:var(--panel2);
+    color:var(--ink2); font-weight:550; font-size:13px; padding:7px 12px;
+  }
+  .btn:hover{border-color:var(--accent); color:var(--accent)}
+  .btn.primary{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
+  .btn.primary:hover{filter:brightness(1.06); color:var(--accent-ink)}
+  .btn.danger{color:#e0533d}
+  .btn.danger:hover{border-color:#e0533d; color:#e0533d}
+  .btn.primary:disabled,.btn:disabled{opacity:.5; cursor:not-allowed; filter:none}
+  .btn svg{width:15px; height:15px}
+  /* Panels row */
+  .board{flex:1 1 auto; display:flex; min-height:0; padding:10px; gap:0}
+  .panel{
+    flex:1 1 0; min-width:150px; display:flex; flex-direction:column;
+    background:var(--panel); border:1px solid var(--line);
+    border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;
+  }
+  .gutter{
+    flex:0 0 12px; align-self:stretch; cursor:col-resize;
+    display:flex; align-items:center; justify-content:center; touch-action:none;
+  }
+  .gutter i{width:3px; height:34px; border-radius:3px; background:var(--line2); transition:background .12s, height .12s}
+  .gutter:hover i{background:var(--accent); height:56px}
+  .p-head{
+    flex:0 0 auto; display:flex; align-items:center; gap:8px;
+    height:42px; padding:0 8px 0 12px; background:var(--header);
+    border-bottom:1px solid var(--line);
+  }
+  .p-title{
+    font-size:12.5px; font-weight:650; color:var(--ink);
+    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:default;
+    /* Yields to the header search box rather than pushing it out. */
+    flex:0 1 auto; min-width:0; max-width:45%;
+  }
+  .p-title[contenteditable="true"]{outline:2px solid var(--accent); border-radius:4px; padding:0 3px; cursor:text}
+  .statusdot{
+    font-family:var(--mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
+    padding:2px 7px; border-radius:999px; display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
+  }
+  .statusdot::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor}
+  .s-signed{color:var(--signed); background:var(--signed-soft)}
+  .s-finalized{color:var(--finalized); background:var(--finalized-soft)}
+  .s-await{color:var(--await); background:var(--await-soft)}
+  .s-new{color:var(--new); background:var(--new-soft)}
+  .count{font-family:var(--mono); font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums}
+  .gear{
+    margin-left:auto; width:28px; height:28px; border-radius:7px; border:1px solid transparent;
+    background:transparent; color:var(--muted); cursor:pointer; display:flex; align-items:center; justify-content:center;
+  }
+  .gear:hover{background:var(--panel2); border-color:var(--line2); color:var(--ink2)}
+  .gear svg{width:15px;height:15px}
+  /* The subject panel's decisions, on its own header (Mike, 2026-07-22). They
+     sit where the gear does on every other panel — the rightmost affordance —
+     because that is the slot the eye already goes to. This panel has no gear:
+     it cannot be cleared, removed or repointed. */
+  .p-acts{margin-left:auto; display:flex; align-items:center; gap:6px}
+  .pbtn{
+    display:inline-flex; align-items:center; cursor:pointer; white-space:nowrap;
+    border-radius:7px; border:1px solid var(--line2); background:var(--panel2);
+    color:var(--ink2); font:inherit; font-weight:600; font-size:12px; padding:4px 10px;
+  }
+  .pbtn:hover{border-color:var(--accent); color:var(--accent)}
+  .pbtn.primary{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
+  .pbtn.primary:hover{filter:brightness(1.06); color:var(--accent-ink)}
+  .pbtn.danger{color:#e0533d}
+  .pbtn.danger:hover{border-color:#e0533d; color:#e0533d}
+  /* The subject panel's title is not renameable either — see isSubjectPanel. */
+  .panel.subject .p-title{cursor:default}
+  /* The filter chips had NO rule at all and rendered as bare browser buttons.
+     They are the right panel's only control, so they get the same pill grammar
+     as everything else here. */
+  .fchip{
+    cursor:pointer; border-radius:999px; border:1px solid var(--line2);
+    background:var(--panel2); color:var(--muted); font:inherit; font-size:11.5px;
+    font-weight:600; padding:3px 10px; white-space:nowrap;
+  }
+  .fchip:hover{color:var(--ink2); border-color:var(--ink2)}
+  .fchip.active{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
+  .p-body{flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:hidden}
+  /* Filter lives in the PANEL HEADER and the document list drops out of it — the list no longer
+     spends a fixed slice of every pane, so the preview gets the whole body. Same interaction as the
+     shell's global search: focus opens it, typing filters, picking closes. */
+  .pfilter{position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:center}
+  .pfilter input{
+    width:100%; min-width:0; background:var(--panel2); color:var(--ink);
+    border:1px solid var(--line2); border-radius:8px; outline:none;
+    font-family:inherit; font-size:12px; padding:4px 26px 4px 8px;
+  }
+  .pfilter input:focus{border-color:var(--accent)}
+  .pfilter .caret{position:absolute; right:8px; color:var(--faint); font-size:9px; pointer-events:none}
+  .pdrop{
+    position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:40;
+    background:var(--panel); border:1px solid var(--line2); border-radius:10px;
+    box-shadow:var(--shadow); overflow:hidden; max-height:340px; display:flex; flex-direction:column;
+  }
+  .pdrop .chips{flex:0 0 auto; padding:6px 6px 4px; border-bottom:1px solid var(--line)}
+  .pdrop .rows{overflow:auto; padding:5px}
+  .docrow{
+    display:flex; align-items:flex-start; gap:8px; width:100%; text-align:left;
+    padding:7px 8px; border-radius:8px; border:1px solid transparent; background:transparent;
+    cursor:pointer; color:var(--ink2);
+  }
+  .docrow:hover{background:var(--panel2)}
+  .docrow.active{background:var(--accent-soft); border-color:transparent}
+  .docrow .di{flex:0 0 auto; margin-top:1px; color:var(--faint)}
+  .docrow.active .di{color:var(--accent)}
+  .docrow .dn{font-size:12.5px; font-weight:550; line-height:1.3; overflow:hidden}
+  .docrow .dm{font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:.03em; text-transform:uppercase}
+  .needs{margin-left:auto; flex:0 0 auto}
+  .preview{flex:1 1 auto; min-height:0; overflow:auto; padding:16px; display:flex; justify-content:center; background:var(--panel2)}
+  .preview.pdfwrap{padding:0; align-items:stretch}
+  .docframe{flex:1 1 auto; width:100%; height:100%; min-height:480px; border:0; background:#fff}
+  .paper.htmldoc{max-width:660px}
+  .htmlbody{font-size:12.5px; color:var(--paper-ink); line-height:1.55; outline:none}
+  .htmlbody:focus{outline:none}
+  .htmlbody h2{font-size:13px; margin:16px 0 6px; color:var(--paper-ink); border-bottom:1px solid var(--paper-line); padding-bottom:3px}
+  .htmlbody p{margin:7px 0}
+  .htmlbody [data-claim]{padding-left:14px}
+  .emailhead{font-size:12px}
+  .emailhead > div{margin:2px 0}
+  .emailhead .k{display:inline-block; width:52px; color:var(--muted); font-weight:600}
+  .emailbody{font-size:12.5px; line-height:1.55; white-space:pre-wrap; word-break:break-word; margin-top:8px; padding-top:10px; border-top:1px solid var(--paper-line)}
+  .empty{
+    flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center;
+    gap:10px; text-align:center; color:var(--muted); padding:24px;
+  }
+  .empty .big{width:34px; height:34px; color:var(--faint)}
+  .empty h4{margin:0; font-size:13px; color:var(--ink2); font-weight:600}
+  .empty p{margin:0; font-size:12px; max-width:220px}
+  .paper{
+    width:100%; max-width:340px; background:var(--paper); color:var(--paper-ink);
+    border:1px solid var(--paper-line); border-radius:6px; box-shadow:var(--shadow);
+    padding:20px 22px; align-self:flex-start;
+  }
+  .paper .stamp{
+    font-family:var(--mono); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase;
+    color:var(--muted); border:1px solid var(--paper-line); border-radius:4px;
+    padding:3px 7px; display:inline-block; margin-bottom:14px;
+  }
+  .paper h3{margin:0 0 4px; font-size:14px; line-height:1.3; color:var(--paper-ink)}
+  .paper .sub{font-family:var(--mono); font-size:10.5px; color:var(--muted); margin-bottom:16px}
+  .bar{height:8px; border-radius:3px; background:var(--paper-line); margin:8px 0}
+  .bar.s{width:64%} .bar.m{width:88%} .bar.l{width:100%} .bar.xs{width:40%}
+  .sigblock{margin-top:22px; padding-top:14px; border-top:1px dashed var(--paper-line)}
+  .sigline{display:flex; align-items:flex-end; gap:10px}
+  .sigline .lbl{font-family:var(--mono); font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; flex:0 0 auto}
+  .sigline .ln{flex:1 1 auto; border-bottom:1.5px solid var(--paper-ink); height:26px; display:flex; align-items:flex-end; padding-bottom:2px}
+  .sig-script{font-family:"Segoe Script","Bradley Hand","Apple Chancery",cursive; font-size:19px; color:#1b3a8f; transform:rotate(-2deg)}
+  .signstrip{
+    flex:0 0 auto; margin:10px; padding:12px 13px; border-radius:10px;
+    border:1px solid var(--line2); background:var(--panel2);
+    display:flex; align-items:center; gap:12px;
+  }
+  .signstrip .who{min-width:0}
+  .signstrip .who .k{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
+  .signstrip .who .v{font-size:13px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
+  .signstrip .act{margin-left:auto; flex:0 0 auto}
+  .menu{
+    position:fixed; z-index:50; min-width:214px; background:var(--panel);
+    border:1px solid var(--line2); border-radius:10px; box-shadow:var(--shadow);
+    padding:6px; font-size:13px;
+  }
+  .menu .lbl{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); padding:6px 8px 4px}
+  .mi{display:flex; align-items:center; gap:9px; width:100%; text-align:left; padding:7px 9px; border-radius:7px; border:0; background:transparent; color:var(--ink2); cursor:pointer}
+  .mi:hover{background:var(--panel2); color:var(--ink)}
+  .mi.danger:hover{color:#e0533d; background:var(--await-soft)}
+  .mi svg{width:15px; height:15px; color:var(--muted); flex:0 0 auto}
+  .mi:hover svg{color:inherit}
+  .sep{height:1px; background:var(--line); margin:5px 4px}
+  .toast{
+    position:fixed; bottom:44px; left:50%; transform:translateX(-50%) translateY(12px);
+    background:var(--ink); color:var(--bg); font-size:13px; font-weight:550;
+    padding:10px 16px; border-radius:10px; box-shadow:var(--shadow); opacity:0; pointer-events:none;
+    transition:opacity .22s, transform .22s; display:flex; align-items:center; gap:9px; z-index:60;
+  }
+  .toast.show{opacity:1; transform:translateX(-50%) translateY(0)}
+  .toast svg{width:16px;height:16px; color:var(--signed)}
+  @media (max-width:760px){
+    .board{flex-direction:column; overflow:auto}
+    .gutter{display:none}
+    .panel{min-height:280px}
+    .task-title{max-width:40vw}
+  }
+  @media (prefers-reduced-motion: reduce){*{transition:none !important}}
+</style>
+</head>
+<body>
+<div class="board" id="board"></div>
+<!--
+  The bottom bar (Mike, 2026-07-22). It carried a back button, a review-state
+  chip, a host pill, the word "Review", the task title, and both decision
+  buttons — seven things, of which the reviewer used two. The decisions moved to
+  the document's own header, where the thing being decided about is, and what is
+  left is navigation: WHICH review (left), MOVE between them (centre), and the
+  board control (right).
+  Three columns rather than a spacer, so prev/next is centred against the BAR
+  and not against whatever width the selector happens to have.
+-->
+<div class="appbar">
+  <div class="bar-left">
+    <!-- The task selector replaces the title: it names the current review AND
+         changes it, so the bar spends its width on a control instead of a
+         label. Opens UPWARD — it is docked at the bottom of the viewport. -->
+    <div class="tasksel" id="taskSel">
+      <button class="tasksel-btn" id="taskSelBtn" aria-haspopup="listbox" aria-expanded="false">
+        <span class="tasksel-matter mono" id="selMatter">—</span>
+        <span class="tasksel-name" id="selName">Document Review Workspace</span>
+        <svg class="tasksel-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M18 15l-6-6-6 6"/></svg>
+      </button>
+      <div class="tasksel-drop" id="taskSelDrop" role="listbox" hidden>
+        <input class="tasksel-q" id="taskSelQ" type="text" placeholder="Filter by matter or task…" autocomplete="off">
+        <div class="tasksel-list" id="taskSelList"></div>
+      </div>
+    </div>
+  </div>
+  <div class="bar-mid">
+    <button class="btn" id="prevTask" title="Previous review">‹</button>
+    <span class="chip" id="queuePos" title="Position in your review queue">—</span>
+    <button class="btn" id="nextTask" title="Next review">›</button>
+  </div>
+  <div class="bar-right">
+    <button class="btn" id="addPanel">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
+      Add panel
+    </button>
+  </div>
+</div>
+<div class="toast" id="toast"></div>
+<script>
+"use strict";
+/* One base, two hosts — see callTool(). Tool names go out BARE, matching the names declared in
+   the cowork-artifact-meta block; the host resolves the server itself. The Next.js host injects
+   window.__fenixHost + posts an init with the taskId and never uses this at all.
+   This used to be a "__SERVER_PREFIX__" placeholder that the opening assistant substituted. That
+   is gone — nothing is inlined into artifacts any more. Unlike the other legacy artifacts, this
+   one concatenated the placeholder with no fallback, so an unsubstituted copy called
+   "__SERVER_PREFIX__get_review_workspace" and failed on Cowork. Keep it empty. */
+const PREFIX = "";
+const TASK_ID_PLACEHOLDER = "__TASK_ID__";
+// No mock data. The workspace starts empty and is populated entirely by get_review_workspace (host).
+const EMPTY_STATE = {
+  taskId: "", taskName: "", matterNo: "", projectId: "", reviewState: "none", taskKind: "review",
+  currentUser: { userId: "", initials: "", name: "" },
+  documents: [], layout: { version: 1, panels: [] }, queue: [], queueIndex: -1
+};
+let state = JSON.parse(JSON.stringify(EMPTY_STATE));
+let taskId = null;              // resolved at boot (host init, or the server's pick — see boot)
+let emptyQueue = false;        // the server looked and there is nothing awaiting this reviewer
+const selection = {};          // panelId -> selected docId (for filter panels)
+const panelFilter = {};        // panelId -> { q, type, h } (name filter / type chip / list height)
+const board = document.getElementById("board");
+/* ── dual-host data access ─────────────────────────────── */
+let bridgeHost = false; // set true once the Next.js parent handshakes via __fenixInit (postMessage host)
+const hasCowork = () => !!(window.cowork && typeof window.cowork.callMcpTool === "function");
+const hasFenixHost = () => !!(window.__fenixHost && typeof window.__fenixHost.callTool === "function");
+const hasHost = () => hasCowork() || hasFenixHost() || bridgeHost;
+let seq = 0; const pending = {};
+function bridgeCall(name, args){
+  // Front-end host: prefer an injected sync bridge; else postMessage to the parent app.
+  if (window.__fenixHost && typeof window.__fenixHost.callTool === "function")
+    return window.__fenixHost.callTool(name, args || {});
+  return new Promise((resolve, reject) => {
+    const id = "c" + (seq++); pending[id] = { resolve, reject };
+    parent.postMessage({ __fenixTool: { id, name, args: args || {} } }, "*");
+  });
+}
+window.addEventListener("message", (e) => {
+  const r = e.data && e.data.__fenixToolResult;
+  if (r && pending[r.id]) { const p = pending[r.id]; delete pending[r.id]; r.error ? p.reject(r.error) : p.resolve(r.result); }
+  const init = e.data && e.data.__fenixInit;
+  if (init && init.taskId) { taskId = init.taskId; bridgeHost = true; boot(); }
+});
+async function callTool(name, args){
+  if (hasCowork()){
+    const r = await window.cowork.callMcpTool(PREFIX + name, args || {});
+    const t = r && r.content && r.content[0] && r.content[0].text;
+    return t ? JSON.parse(t) : r;
+  }
+  return bridgeCall(name, args);
+}
+/* The two-tool surface. Every resource is reached through read or write; these
+   wrap callTool because callTool is where the two hosts diverge, and neither
+   host cares which tool is named. */
+async function callRead(resource, options){ return callTool("read", options ? { resource, options } : { resource }); }
+async function callWrite(resource, action, options){
+  const a = { resource }; if(action) a.action = action; if(options) a.options = options;
+  return callTool("write", a);
+}
+/* ── icons ─────────────────────────────────────────────── */
+const IC = {
+  file:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M14 3v5h5"/><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/></svg>',
+  mail:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg>',
+  book:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z"/></svg>',
+  pen:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"/></svg>',
+  gear:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-2.82 1.17V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3.6 15H3.5a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 5 8a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 3.6h.09A1.65 1.65 0 0 0 11 2h2a2 2 0 0 1 0 4h-.09"/></svg>',
+  check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M20 6 9 17l-5-5"/></svg>',
+  inbox:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>',
+  x:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M18 6 6 18M6 6l12 12"/></svg>'
+};
+const typeIcon = t => t==="email"?IC.mail : t==="citation"?IC.book : t==="form"?IC.pen : IC.file;
+const typeLabel = t => ({email:"Correspondence",citation:"Prior art",form:"Form",office_action:"Office Action",uspto:"USPTO",oa_response:"OA response"})[t]||t||"Document";
+/* ── resolve a panel to its documents (mirrors resolvePanelDocuments) ──────── */
+function resolve(source){
+  const docs = state.documents || [];
+  if(!source) return [];
+  if(source.kind==="document") return docs.filter(d=>d.id===source.documentId);
+  if(source.kind==="form")     return docs.filter(d=>d.formId===source.formId);
+  if(source.kind==="filter"){
+    // Accept a single documentType or a documentTypes[] (e.g. the OA + prior-art references together).
+    const types = source.documentTypes || (source.documentType ? [source.documentType] : null);
+    return docs.filter(d=>(!types||types.includes(d.documentType))&&(source.category==null||String(d.category||"")===source.category));
+  }
+  return [];
+}
+const formDoc = fid => (state.documents||[]).find(d=>d.formId===fid);
+/* ── render ────────────────────────────────────────────── */
+function render(){
+  board.innerHTML="";
+  const panels = (state.layout && state.layout.panels) || [];
+  if(!panels.length){
+    const e=document.createElement("div");
+    e.style.cssText="flex:1 1 auto; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:13px";
+    // "Nothing to review" is an ANSWER, not a failure to load — and it is the
+    // one answer this workspace cannot show with panels, so it says it here.
+    // Same wording as /dashboards/reviews, which resolves the same way.
+    e.textContent = emptyQueue
+      ? "Nothing is awaiting your review right now."
+      : (hasHost() ? "Loading review workspace…" : "Open a review task to load the workspace.");
+    board.appendChild(e);
+    renderHeader();
+    return;
+  }
+  panels.forEach((panel,i)=>{
+    board.appendChild(renderPanel(panel));
+    if(i<panels.length-1) board.appendChild(gutter(panel, panels[i+1]));
+  });
+  renderHeader();
+}
+function renderHeader(){
+  // The selector's resting label IS the current review: matter first, then task.
+  document.getElementById("selMatter").textContent = state.matterNo || "—";
+  document.getElementById("selName").textContent =
+    state.taskName || "Document Review Workspace";
+  const q = state.queue || [];
+  const qi = (state.queueIndex==null ? -1 : state.queueIndex);
+  document.getElementById("queuePos").textContent = q.length ? ((qi>=0?qi+1:"?") + " / " + q.length) : "—";
+  document.getElementById("prevTask").disabled = !(qi>0);
+  document.getElementById("nextTask").disabled = !(qi>=0 && qi < q.length-1);
+  renderTaskSelList();
+}
+/* ── The task selector ──────────────────────────────────
+   The queue already carries {taskId, name, matterNo} for exactly this, so
+   picking a review is the same navigation prev/next performs — just addressed
+   directly instead of walked to. */
+let taskSelOpen = false;
+function renderTaskSelList(){
+  const list = document.getElementById("taskSelList");
+  const qEl  = document.getElementById("taskSelQ");
+  const needle = (qEl.value || "").trim().toLowerCase();
+  const q = state.queue || [];
+  const rows = q.filter(t =>
+    !needle ||
+    (t.matterNo||"").toLowerCase().includes(needle) ||
+    (t.name||"").toLowerCase().includes(needle)
+  );
+  list.textContent = "";
+  if(!rows.length){
+    const e = document.createElement("div");
+    e.className = "tasksel-empty";
+    e.textContent = q.length ? "Nothing matches that filter." : "No reviews in your queue.";
+    list.appendChild(e);
+    return;
+  }
+  rows.forEach(t => {
+    const b = document.createElement("button");
+    b.className = "tasksel-item" + (t.taskId === state.taskId ? " current" : "");
+    b.setAttribute("role","option");
+    const m = document.createElement("span"); m.className = "m"; m.textContent = t.matterNo || "—";
+    const n = document.createElement("span"); n.className = "n"; n.textContent = t.name || "Review";
+    b.appendChild(m); b.appendChild(n);
+    b.onclick = () => {
+      closeTaskSel();
+      if(t.taskId && t.taskId !== state.taskId) navigate(t.taskId);
+    };
+    list.appendChild(b);
+  });
+}
+function openTaskSel(){
+  taskSelOpen = true;
+  document.getElementById("taskSelDrop").hidden = false;
+  document.getElementById("taskSelBtn").setAttribute("aria-expanded","true");
+  const qEl = document.getElementById("taskSelQ");
+  qEl.value = ""; renderTaskSelList(); qEl.focus();
+}
+function closeTaskSel(){
+  taskSelOpen = false;
+  document.getElementById("taskSelDrop").hidden = true;
+  document.getElementById("taskSelBtn").setAttribute("aria-expanded","false");
+}
+/**
+ * Which panel holds the thing being reviewed.
+ *
+ * The server marks it (`subject: true` on the middle panel of the default
+ * layout), but layouts are SAVED per task and older ones carry no marker — so
+ * fall back to what "the document under review" means structurally: the panel
+ * showing a specific document, or the form to be signed. Filter panels are
+ * lists of context; they are never the subject.
+ *
+ * Deliberately not "panel-2": panels can be reordered and removed, so the id
+ * stops describing the role the moment anyone rearranges the board.
+ */
+function isSubjectPanel(panel){
+  const panels = (state.layout && state.layout.panels) || [];
+  const marked = panels.find(p => p.subject);
+  if(marked) return panel.id === marked.id;
+  const derived = panels.find(p => p.source && (p.source.kind==="document" || p.source.kind==="form"));
+  return !!derived && panel.id === derived.id;
+}
+function renderPanel(panel){
+  const el = document.createElement("div");
+  el.className="panel";
+  if(panel.width) el.style.flexGrow = panel.width;
+  const docs = resolve(panel.source);
+  const kind = panel.source ? panel.source.kind : "empty";
+  const head = document.createElement("div"); head.className="p-head";
+  const title = document.createElement("div"); title.className="p-title"; title.textContent = panel.title || defaultTitle(panel.source);
+  // The subject panel's title names what is being signed, so it is not the
+  // reviewer's to rewrite — the same reason its source is fixed.
+  if(!isSubjectPanel(panel)){
+    title.title = "Double-click to rename";
+    title.ondblclick = ()=>renameInline(title, panel);
+  }
+  head.appendChild(title);
+  if(kind==="form"){
+    const fd = formDoc(panel.source.formId);
+    head.appendChild(statusBadge(fd ? fd.workspaceStatus : "new"));
+  } else if(kind==="filter"){
+    const c = document.createElement("span"); c.className="count"; c.textContent = docs.length; head.appendChild(c);
+  }
+  /**
+   * THE SUBJECT PANEL IS LOCKED (Mike, 2026-07-22).
+   *
+   * The document under review is the reason the workspace is open, and its two
+   * decisions — Sign and Request changes — now live on ITS header rather than
+   * in the bottom bar, next to the thing being decided about. That only holds
+   * if the panel cannot be emptied, removed, or repointed at something else:
+   * "Sign" over a panel showing correspondence would be signing whatever
+   * happened to be there.
+   *
+   * The gear IS the whole surface for clear / remove / change-source, so the
+   * lock is simply its absence — no separate disabling to keep in sync. Every
+   * other panel keeps it.
+   */
+  if(isSubjectPanel(panel)){
+    el.classList.add("subject");
+    const acts = document.createElement("div"); acts.className="p-acts";
+    const rc = document.createElement("button");
+    rc.className="pbtn danger"; rc.textContent="Request changes";
+    rc.title="Send this back to the drafter with notes";
+    rc.onclick = requestChanges;
+    acts.appendChild(rc);
+    // Sign vs Approve: a sign task signs (and saves the signed document) then
+    // completes; a review task just completes. Same distinction the bottom
+    // bar's primary button carried.
+    const isSign = state.taskKind === "sign";
+    const ok = document.createElement("button");
+    ok.className="pbtn primary"; ok.textContent = isSign ? "Sign" : "Approve";
+    ok.title = isSign ? "Sign, save the signed document & complete" : "Approve & complete";
+    ok.onclick = doPrimary;
+    acts.appendChild(ok);
+    head.appendChild(acts);
+  } else {
+    const gear = document.createElement("button"); gear.className="gear"; gear.innerHTML=IC.gear; gear.title="Configure panel";
+    gear.onclick = e => openMenu(e, panel);
+    head.appendChild(gear);
+  }
+  el.appendChild(head);
+  const body = document.createElement("div"); body.className="p-body";
+  if(kind==="empty"){ body.appendChild(emptyState("Empty panel","Use the gear to show a document, a filter, or the form to sign.")); }
+  else if(kind==="form"){ body.appendChild(signPanel(panel)); }
+  else if(kind==="document"){
+    docs.length ? body.appendChild(previewWrap(docs[0])) : body.appendChild(emptyState("Not found","That document is no longer on this project."));
+  } else if(kind==="filter"){
+    if(!docs.length){ body.appendChild(emptyState("Nothing here","No matching documents on this project.")); }
+    else filterPanel(head, body, panel, docs);
+  }
+  el.appendChild(body);
+  return el;
+}
+function statusBadge(status){
+  const s = status||"new";
+  const map = {signed:["s-signed","Signed"],finalized:["s-finalized","Finalized"],draft:["s-await","Draft"],new:["s-new","New"]};
+  const [cls,txt] = map[s]||map.new;
+  const b=document.createElement("span"); b.className="statusdot "+cls; b.textContent=txt; return b;
+}
+/* A filter pane. The search box sits in the PANEL HEADER and the document list drops out of it
+   (like the shell's global search) instead of taking a fixed slice of the pane — so the preview
+   owns the whole body. Type chips live inside the dropdown, where they cost no header room. */
+function filterPanel(head, body, panel, docs){
+  const pf = (panelFilter[panel.id] = panelFilter[panel.id] || { q:"", type:"all" });
+  const types = Array.from(new Set(docs.map(d=>d.documentType)));
+  /**
+   * Chips come from what the panel DECLARES it holds, not from what happens to
+   * be in it today (Mike, 2026-07-22: "we need an OA filter in the right panel,
+   * along with ALL and References").
+   *
+   * They were derived from the documents present, so the right panel — declared
+   * as office_action + uspto + citation — showed "All / References" on any
+   * matter whose office action had not been pulled yet, and the OA filter
+   * appeared and vanished depending on the data. A filter set that changes
+   * shape per matter cannot be learned. Declared types give it a fixed set; a
+   * chip whose bucket is empty renders dimmed, which is itself the answer to
+   * "is there an OA on this matter".
+   *
+   * Plain USPTO docs (892 notices, IDS, transmittals) still get no chip of
+   * their own — they live under "All".
+   */
+  const declared = (panel.source && panel.source.documentTypes) || null;
+  const chipTypes = (declared || types).filter(t=>t!=="uspto");
+  const showChips = chipTypes.length >= 1 && (!!declared || types.length >= 2);
+  const wrap=document.createElement("div"); wrap.className="pfilter";
+  const input=document.createElement("input"); input.type="text"; input.value=pf.q;
+  input.placeholder="Search documents…"; input.setAttribute("aria-label","Search documents in this panel");
+  const caret=document.createElement("span"); caret.className="caret"; caret.textContent="▾";
+  wrap.appendChild(input); wrap.appendChild(caret);
+  // Before the gear: the gear stays the rightmost affordance in every panel header.
+  const gearEl = head.querySelector(".gear");
+  gearEl ? head.insertBefore(wrap, gearEl) : head.appendChild(wrap);
+  const drop=document.createElement("div"); drop.className="pdrop"; drop.style.display="none";
+  const chips=document.createElement("div"); chips.className="chips";
+  const rows=document.createElement("div"); rows.className="rows";
+  if(showChips) drop.appendChild(chips);
+  drop.appendChild(rows); wrap.appendChild(drop);
+  const chipEls={};
+  if(showChips){
+    const label=t=>({office_action:"OA",uspto:"USPTO",citation:"References",email:"Correspondence",form:"Forms",oa_response:"Response"}[t]||typeLabel(t));
+    [["All","all"]].concat(chipTypes.map(t=>[label(t),t])).forEach(([lbl,val])=>{
+      const b=document.createElement("button"); b.className="fchip"; b.textContent=lbl;
+      // A declared type with nothing behind it is shown, dimmed — "no OA here"
+      // is worth saying, and saying it by omission is what made the chip set
+      // move around in the first place.
+      if(val!=="all" && !types.includes(val)){ b.style.opacity=".45"; b.title="Nothing of this kind on this matter"; }
+      b.onmousedown=e=>{ e.preventDefault(); pf.type=val; refresh(); };
+      chipEls[val]=b; chips.appendChild(b);
+    });
+  }
+  const openDrop=()=>{ drop.style.display="flex"; };
+  const closeDrop=()=>{ drop.style.display="none"; };
+  input.onfocus=openDrop;
+  input.onclick=openDrop;
+  input.oninput=()=>{ pf.q=input.value; openDrop(); refresh(); };
+  input.onkeydown=e=>{ if(e.key==="Escape"){ closeDrop(); input.blur(); } };
+  // A click inside the dropdown must not close it before the row handler runs; anything else does.
+  input.onblur=()=>setTimeout(closeDrop,150);
+  const pv=document.createElement("div"); pv.style.cssText="flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:hidden"; body.appendChild(pv);
+  function refresh(){
+    Object.keys(chipEls).forEach(val=> chipEls[val].classList.toggle("active", pf.type===val));
+    const q=(pf.q||"").toLowerCase();
+    const typeMatch=d=> pf.type==="all" || d.documentType===pf.type;
+    const filtered=docs.filter(d=> typeMatch(d) && (!q || (d.name||"").toLowerCase().includes(q)));
+    let sel=filtered.find(d=>d.id===selection[panel.id]);
+    if(!sel) sel=filtered.find(d=>d.documentType==="office_action")||filtered[0]; // OA first for an OA project
+    if(sel) selection[panel.id]=sel.id;
+    rows.innerHTML="";
+    if(!filtered.length){
+      const e=document.createElement("div"); e.className="empty"; e.style.padding="12px"; e.innerHTML='<h4>No matches</h4>'; rows.appendChild(e);
+    }
+    filtered.forEach(d=>{
+      const row=document.createElement("button"); row.className="docrow"+(sel&&sel.id===d.id?" active":"");
+      row.innerHTML=`<span class="di">${typeIcon(d.documentType)}</span><span style="min-width:0"><span class="dn">${esc(d.name)}</span><div class="dm">${typeLabel(d.documentType)}</div></span>`;
+      if(d.needsSignature){ const n=document.createElement("span"); n.className="needs"; n.appendChild(statusBadge("finalized")); n.firstChild.textContent="Sign"; row.appendChild(n); }
+      row.onmousedown=e=>{ e.preventDefault(); selection[panel.id]=d.id; closeDrop(); refresh(); };
+      rows.appendChild(row);
+    });
+    // The header box doubles as the current-selection label when not being typed in.
+    if(document.activeElement!==input) input.value = pf.q || (sel ? sel.name : "");
+    pv.innerHTML="";
+    if(sel) pv.appendChild(previewWrap(sel)); else pv.appendChild(emptyState("Nothing here","No matching documents."));
+  }
+  refresh();
+}
+/* The ACTUAL file, embedded — the reference PDFs, the stored document. The #pagemode=none/navpanes=0
+   hint opens the PDF with its thumbnail/sidebar panel CLOSED by default. */
+function docFrame(doc){
+  const f=document.createElement("iframe"); f.className="docframe";
+  const u=doc.previewUrl||"";
+  f.src = u + (u.indexOf("#")<0 ? "#pagemode=none&navpanes=0&toolbar=1" : "");
+  f.title=doc.name||"document";
+  return f;
+}
+/* The ACTUAL document content rendered as (editable) HTML — the OA response, not a Word doc. */
+function htmlDoc(doc){
+  const p=document.createElement("div"); p.className="paper htmldoc";
+  const stamp = doc.documentType==="oa_response" ? "USPTO · Response" : typeLabel(doc.documentType).toUpperCase();
+  const body=document.createElement("div"); body.className="htmlbody"; body.innerHTML=doc.contentHtml||"";
+  p.innerHTML = `<span class="stamp">${esc(stamp)}</span><h3>${esc(doc.name||"Document")}</h3>`;
+  p.appendChild(body);
+  return p;
+}
+function previewWrap(doc){
+  const wrap=document.createElement("div"); wrap.className="preview";
+  if(doc.previewKind==="pdf" && doc.previewUrl){ wrap.classList.add("pdfwrap"); wrap.appendChild(docFrame(doc)); return wrap; }
+  if(doc.contentHtml){ wrap.appendChild(htmlDoc(doc)); return wrap; }
+  wrap.appendChild(paper(doc,false));
+  return wrap;
+}
+/* faux document "paper" — stand-in for the real presigned-PDF preview */
+function paper(doc, signed){
+  const p=document.createElement("div"); p.className="paper";
+  const isForm = doc.documentType==="form";
+  const stamp = isForm ? "USPTO · Application Data Sheet" : typeLabel(doc.documentType).toUpperCase();
+  p.innerHTML = `<span class="stamp">${esc(stamp)}</span>
+    <h3>${esc(doc.name)}</h3>
+    <div class="sub">${esc(doc.documentType)}${doc.category?" · "+esc(doc.category):""}</div>
+    <div class="bar l"></div><div class="bar m"></div><div class="bar l"></div>
+    <div class="bar s"></div><div class="bar m"></div><div class="bar xs"></div>`;
+  if(isForm){
+    const sig=document.createElement("div"); sig.className="sigblock";
+    const line=document.createElement("div"); line.className="sigline";
+    const st = formDoc(doc.formId);
+    const isSigned = signed || (st && st.workspaceStatus==="signed");
+    const who = (state.currentUser && state.currentUser.name) || "Attorney";
+    line.innerHTML = `<span class="lbl">Signature</span><span class="ln">${isSigned?'<span class="sig-script">/'+esc(who).replace(/ /g,"&nbsp;")+'/</span>':''}</span>`;
+    const dt=document.createElement("div"); dt.className="sub"; dt.style.marginTop="8px";
+    dt.textContent = isSigned ? ("signed "+today()) : "";
+    sig.appendChild(line); sig.appendChild(dt); p.appendChild(sig);
+  }
+  return p;
+}
+/* sign panel — status strip + "sign when ready" + live preview */
+function signPanel(panel){
+  const wrap=document.createElement("div"); wrap.style.cssText="display:flex;flex-direction:column;min-height:0;flex:1 1 auto";
+  const fd = formDoc(panel.source.formId);
+  const strip=document.createElement("div"); strip.className="signstrip";
+  const who=document.createElement("div"); who.className="who";
+  const signed = fd && fd.workspaceStatus==="signed";
+  const canSign = fd && fd.intendedSigner===(state.currentUser && state.currentUser.initials);
+  who.innerHTML = signed
+    ? `<div class="k">Signed by</div><div class="v">${esc((state.currentUser&&state.currentUser.name)||"")} · ${today()}</div>`
+    : `<div class="k">Intended signer</div><div class="v">${esc((state.currentUser&&state.currentUser.name)||"")} (${esc((state.currentUser&&state.currentUser.initials)||"")})</div>`;
+  strip.appendChild(who);
+  const act=document.createElement("div"); act.className="act";
+  if(signed){
+    const b=document.createElement("button"); b.className="btn"; b.disabled=true;
+    b.innerHTML = IC.check+" Signed"; act.appendChild(b);
+  } else {
+    const b=document.createElement("button"); b.className="btn primary";
+    b.innerHTML = IC.pen+" Sign when ready";
+    b.disabled = !canSign;
+    if(!canSign) b.title="Only the intended signer can sign";
+    b.onclick=()=>doSign(fd);
+    act.appendChild(b);
+  }
+  strip.appendChild(act);
+  wrap.appendChild(strip);
+  const pv=document.createElement("div"); pv.className="preview"; pv.style.paddingTop="6px";
+  if(fd && fd.previewKind==="pdf" && fd.previewUrl){ pv.classList.add("pdfwrap"); pv.appendChild(docFrame(fd)); }
+  else if(fd && fd.contentHtml){ pv.appendChild(htmlDoc(fd)); }
+  else pv.appendChild(paper(fd,signed));
+  wrap.appendChild(pv);
+  return wrap;
+}
+function emptyState(h,p){
+  const e=document.createElement("div"); e.className="empty";
+  e.innerHTML = `<span class="big">${IC.inbox}</span><h4>${esc(h)}</h4><p>${esc(p)}</p>`;
+  return e;
+}
+function defaultTitle(source){
+  if(!source) return "New panel";
+  if(source.kind==="form") return "Document to sign";
+  if(source.kind==="document") return "Document";
+  if(source.kind==="filter"){ return {email:"Correspondence",citation:"References",office_action:"Office actions",uspto:"USPTO documents"}[source.documentType]||"Documents"; }
+  return "New panel";
+}
+/* ── interactions ──────────────────────────────────────── */
+async function doSign(fd){
+  if(!fd) return;
+  if(hasHost()){
+    try{ await callWrite("review", "sign-form", { formDocumentId: fd.id }); }
+    catch(e){ toast("Sign failed"); return; }
+  }
+  fd.workspaceStatus="signed"; fd.needsSignature=false;
+  render();
+  toast("Signed — "+fd.name);
+}
+/* The primary action closes the task and advances to the next review. Sign task -> sign_oa_response
+   (creates + saves the signed document, then completes); review task -> complete_review_task. */
+async function doPrimary(){
+  const isSign = state.taskKind === "sign";
+  const action = isSign ? "sign-oa-response" : "complete";
+  if(hasHost()){
+    try{ await callWrite("review", action, { taskId }); }
+    catch(e){ toast((isSign?"Sign":"Approve")+" failed"); return; }
+  }
+  toast(isSign ? "Signed & completed" : "Approved & completed");
+  advance();
+}
+function advance(){
+  const q = state.queue || [];
+  const qi = (state.queueIndex==null ? -1 : state.queueIndex);
+  const next = qi>=0 ? q[qi+1] : (q[0]||null);
+  if(next && next.taskId) navigate(next.taskId);
+  else toast("No more reviews in your queue");
+}
+function navigate(tid){
+  if(!tid) return;
+  if(hasCowork()){ taskId=tid; boot(); return; }              // MCP: reload the workspace in place
+  if(window.__fenixHost && window.__fenixHost.navigate){ window.__fenixHost.navigate(tid); return; }
+  parent.postMessage({ __fenixNavigate:{ taskId:tid } }, "*"); // FE: parent routes to that task
+}
+/* `openProject` lived here, called by the matter number in the old bar. Both are
+   gone (Mike, 2026-07-22): the matter number is now the selector's label, and
+   opening the matter is the crumb bar's job one row up in the shell — which is
+   exactly the chrome a node is not supposed to duplicate (§4). */
+async function requestChanges(){
+  const note = prompt("What needs to change?"); if(note===null) return;
+  if(hasHost()){
+    try{ await callWrite("task", "review", { taskId, decision:"request_changes", notes:note }); }catch(e){ toast("Failed"); return; }
+  }
+  state.reviewState = "changes_requested"; renderHeader(); toast("Changes requested");
+}
+function renameInline(node, panel){
+  node.setAttribute("contenteditable","true"); node.focus();
+  const sel=window.getSelection(); const r=document.createRange(); r.selectNodeContents(node); sel.removeAllRanges(); sel.addRange(r);
+  const done=()=>{ node.removeAttribute("contenteditable"); panel.title=node.textContent.trim()||undefined; scheduleSave(); node.textContent=panel.title||defaultTitle(panel.source); };
+  node.onblur=done;
+  node.onkeydown=e=>{ if(e.key==="Enter"){e.preventDefault();node.blur();} if(e.key==="Escape"){node.textContent=panel.title||defaultTitle(panel.source);node.blur();} };
+}
+function setSource(panel, source, title){
+  panel.source=source; if(title!==undefined) panel.title=title; delete selection[panel.id];
+  render(); scheduleSave();
+}
+function addPanel(){
+  const used=new Set(state.layout.panels.map(p=>p.id)); let n=1; while(used.has("panel-"+n)) n++;
+  state.layout.panels.push({ id:"panel-"+n, title:"New panel", source:{kind:"empty"} });
+  render(); scheduleSave();
+}
+function removePanel(panel){
+  state.layout.panels=state.layout.panels.filter(p=>p.id!==panel.id); render(); scheduleSave();
+}
+/* gear popover */
+let openEl=null;
+function closeMenu(){ if(openEl){openEl.remove(); openEl=null; document.removeEventListener("mousedown",onDoc,true);} }
+function onDoc(e){ if(openEl && !openEl.contains(e.target)) closeMenu(); }
+function openMenu(e, panel){
+  e.stopPropagation(); closeMenu();
+  const m=document.createElement("div"); m.className="menu";
+  const forms = (state.documents||[]).filter(d=>d.documentType==="form");
+  const mkItem=(icon,label,fn,danger)=>{ const b=document.createElement("button"); b.className="mi"+(danger?" danger":""); b.innerHTML=icon+"<span>"+label+"</span>"; b.onclick=()=>{closeMenu();fn();}; return b; };
+  m.insertAdjacentHTML("beforeend",'<div class="lbl">Show in this panel</div>');
+  forms.forEach(f=> m.appendChild(mkItem(IC.pen,"Sign: "+f.name.slice(0,22)+(f.name.length>22?"…":""),()=>setSource(panel,{kind:"form",formId:f.formId},"Document to sign"))) );
+  m.appendChild(mkItem(IC.mail,"All correspondence",()=>setSource(panel,{kind:"filter",documentType:"email"},"Correspondence")));
+  m.appendChild(mkItem(IC.book,"Prior-art references",()=>setSource(panel,{kind:"filter",documentType:"citation"},"References")));
+  m.appendChild(mkItem(IC.file,"Office actions",()=>setSource(panel,{kind:"filter",documentType:"office_action"},"Office actions")));
+  // The USPTO panel declares the whole family (OA + USPTO + references), NOT a
+  // bare "uspto" bucket — otherwise its filter panel offers no OA chip and the
+  // office action is filtered out of its own document set, which is exactly how
+  // the OA chip went missing on a saved layout (see reconcileLayout server-side).
+  m.appendChild(mkItem(IC.file,"USPTO documents",()=>setSource(panel,{kind:"filter",documentTypes:["office_action","uspto","citation"]},"USPTO Documents")));
+  m.appendChild(document.createElement("div")).className="sep";
+  m.appendChild(mkItem(IC.x,"Clear panel",()=>setSource(panel,{kind:"empty"},"New panel")));
+  m.appendChild(mkItem(IC.x,"Remove panel",()=>removePanel(panel),true));
+  document.body.appendChild(m);
+  const r=e.currentTarget.getBoundingClientRect();
+  m.style.top=(r.bottom+6)+"px";
+  m.style.left=Math.max(8,Math.min(r.right-m.offsetWidth, window.innerWidth-m.offsetWidth-8))+"px";
+  openEl=m; setTimeout(()=>document.addEventListener("mousedown",onDoc,true),0);
+}
+/* draggable gutter between two panels */
+function gutter(a,b){
+  const g=document.createElement("div"); g.className="gutter"; g.innerHTML="<i></i>";
+  g.onpointerdown=e=>{
+    e.preventDefault(); const startX=e.clientX;
+    const pa=g.previousElementSibling, pb=g.nextElementSibling;
+    const wa=pa.getBoundingClientRect().width, wb=pb.getBoundingClientRect().width;
+    const ga=parseFloat(getComputedStyle(pa).flexGrow)||1, gb=parseFloat(getComputedStyle(pb).flexGrow)||1;
+    const totalG=ga+gb, totalW=wa+wb;
+    g.setPointerCapture(e.pointerId);
+    const move=ev=>{
+      let nwa=wa+(ev.clientX-startX); nwa=Math.max(150,Math.min(totalW-150,nwa));
+      const fa=totalG*(nwa/totalW), fb=totalG-fa;
+      pa.style.flexGrow=fa; pb.style.flexGrow=fb;
+      a.width=fa; b.width=fb;
+    };
+    const up=()=>{ g.releasePointerCapture(e.pointerId); g.removeEventListener("pointermove",move); g.removeEventListener("pointerup",up); scheduleSave(); };
+    g.addEventListener("pointermove",move); g.addEventListener("pointerup",up);
+  };
+  return g;
+}
+/* ── persistence ───────────────────────────────────────── */
+let saveT=null;
+function scheduleSave(){
+  clearTimeout(saveT);
+  saveT=setTimeout(async ()=>{
+    if(hasHost()){ try{ await callWrite("review", "save-layout", { taskId, layout: state.layout }); }catch(e){} }
+    // The host pill carried this feedback; with it gone the toast does, which is
+    // where every other confirmation in this workspace already appears.
+    toast("Layout saved");
+  },700);
+}
+/* ── boot ──────────────────────────────────────────────── */
+async function boot(){
+  const tid = taskId || (TASK_ID_PLACEHOLDER.indexOf("__")===0 ? null : TASK_ID_PLACEHOLDER);
+  if(hasHost()){
+    taskId = tid;
+    try{
+      /**
+       * NO taskId IS A NORMAL WAY TO ARRIVE. Under the front-end host the
+       * parent posts one; under the MCP host nothing can be inlined into an
+       * artifact and there is no chat→artifact channel, so this page opens
+       * blind. It used to give up there — `if(hasHost() && tid)` — which is
+       * why it showed an empty board and "No reviews in your queue" no matter
+       * how many reviews were waiting (Mike, 2026-07-22: "it can't find the
+       * review tasks"). The placeholder it was still waiting for, __TASK_ID__,
+       * was retired when substitution into artifacts was banned.
+       *
+       * So ASK. Omitting taskId makes the server resolve it — the session's
+       * context task if it is one of yours to review, else the head of your
+       * queue — which is exactly what /dashboards/reviews does on the website.
+       */
+      const ws = await callRead("review-workspace", tid ? { taskId: tid } : {});
+      if(ws && ws.empty){ emptyQueue = true; }
+      else if(ws && ws.documents){ state = ws; taskId = state.taskId || tid; }
+    }catch(e){
+      // The host pill that used to report "app · live" / "load failed" is gone
+      // (Mike, 2026-07-22). It described the PLUMBING, which is not a reviewer's
+      // concern; a load that fails now shows as an empty workspace and says so
+      // in the selector, which is the same information in the reviewer's terms.
+      toast("Could not load this review");
+    }
+  }
+  render();
+}
+/* ── helpers ───────────────────────────────────────────── */
+function esc(s){ return String(s==null?"":s).replace(/[&<>"]/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c])); }
+function today(){ const d=new Date(); return d.getFullYear()+"-"+String(d.getMonth()+1).padStart(2,"0")+"-"+String(d.getDate()).padStart(2,"0"); }
+let toastT=null;
+function toast(msg){
+  const t=document.getElementById("toast"); t.innerHTML=IC.check+"<span>"+esc(msg)+"</span>"; t.classList.add("show");
+  clearTimeout(toastT); toastT=setTimeout(()=>t.classList.remove("show"),2600);
+}
+document.getElementById("addPanel").onclick=addPanel;
+document.getElementById("prevTask").onclick=()=>{ const q=state.queue||[],qi=state.queueIndex; if(qi>0) navigate(q[qi-1] && q[qi-1].taskId); };
+document.getElementById("nextTask").onclick=()=>{ const q=state.queue||[],qi=state.queueIndex; if(qi>=0&&qi<q.length-1) navigate(q[qi+1] && q[qi+1].taskId); };
+/* The task selector. Decisions (Sign / Request changes) are no longer here —
+   they live on the reviewed document's own header. The back button went with
+   them: the shell above this node has its own nav, and a node must not carry
+   chrome that competes with it (§4). */
+document.getElementById("taskSelBtn").onclick=(e)=>{ e.stopPropagation(); taskSelOpen ? closeTaskSel() : openTaskSel(); };
+document.getElementById("taskSelQ").oninput=renderTaskSelList;
+document.getElementById("taskSelQ").onkeydown=(e)=>{ if(e.key==="Escape"){ e.stopPropagation(); closeTaskSel(); } };
+document.getElementById("taskSelDrop").onclick=(e)=>e.stopPropagation();
+document.addEventListener("click",()=>{ if(taskSelOpen) closeTaskSel(); });
+document.addEventListener("keydown",(e)=>{ if(e.key==="Escape"&&taskSelOpen) closeTaskSel(); });
+window.addEventListener("resize",()=>{ closeMenu(); closeTaskSel(); });
+// Tell the FE host we're ready to receive an init (taskId). The MCP host boots immediately.
+parent.postMessage({ __fenixReviewReady:true }, "*");
+boot();
+</script>
+</body>
+</html>