opendoor-plugin 0.2.0 → 0.5.0

package/dist/browser/pi-web-plugin.js

@@ -1,4 +1,4 @@
-// Generated from src/pi-web-plugin.ts. Do not edit directly.
+// Generated from src/browser/pi-web-plugin.ts. Do not edit directly.
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -562,6 +562,21 @@ o4?.({ LitElement: i4 });
 (s3.litElementVersions ??= []).push("4.2.2");
 
 // src/doorstop-contract.ts
+var ITEM_STATE_KEYS = [
+  "normative",
+  "non-normative",
+  "inactive",
+  "reviewed",
+  "unreviewed",
+  "suspect-link",
+  "no-child-links",
+  "no-links",
+  "unknown-link",
+  "missing-reference"
+];
+function isItemStateKey(value) {
+  return ITEM_STATE_KEYS.includes(value);
+}
 function formatUnknownError(error) {
   return error instanceof Error ? error.message : String(error);
 }
@@ -1303,10 +1318,12 @@ var OPENDOOR_SETTINGS_PATH = ".pi-web/opendoor.json";
 var OPENDOOR_SETTINGS_VERSION = 1;
 var DEFAULT_PUBLISH_TARGET = "./public";
 var MAX_EXCLUDED_DIRECTORIES = 16;
+var MAX_SHOWN_ATTRIBUTES = 16;
 var MAX_EXCLUDED_DIRECTORY_LENGTH = 64;
 var DEFAULT_OPENDOOR_SETTINGS = Object.freeze({
   publishTarget: DEFAULT_PUBLISH_TARGET,
   excludedDirectories: Object.freeze([]),
+  showAdditionalAttribute: Object.freeze([]),
   commitAfterReview: false
 });
 var MISSING_FILE_ERROR = "Path does not exist";
@@ -1410,6 +1427,19 @@ function parseOpendoorSettings(value) {
       excludedDirectories = parseExcludedDirectories(rawExcluded, diagnostics);
     }
   }
+  let showAdditionalAttribute = [];
+  const rawShown = value["showAdditionalAttribute"];
+  if (rawShown !== void 0) {
+    if (!Array.isArray(rawShown)) {
+      diagnostics.push({
+        severity: "warning",
+        path: OPENDOOR_SETTINGS_PATH,
+        message: `${OPENDOOR_SETTINGS_PATH} "showAdditionalAttribute" must be an array; using none`
+      });
+    } else {
+      showAdditionalAttribute = parseShowAdditionalAttribute(rawShown, diagnostics);
+    }
+  }
   let commitAfterReview = false;
   const rawCommit = value["commitAfterReview"];
   if (rawCommit !== void 0) {
@@ -1423,7 +1453,7 @@ function parseOpendoorSettings(value) {
       commitAfterReview = rawCommit;
     }
   }
-  return { settings: { publishTarget, excludedDirectories, commitAfterReview }, diagnostics };
+  return { settings: { publishTarget, excludedDirectories, showAdditionalAttribute, commitAfterReview }, diagnostics };
 }
 function parseExcludedDirectories(entries, diagnostics) {
   const seen = /* @__PURE__ */ new Set();
@@ -1452,6 +1482,33 @@ function parseExcludedDirectories(entries, diagnostics) {
   }
   return result;
 }
+function parseShowAdditionalAttribute(entries, diagnostics) {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const entry of entries) {
+    const name = typeof entry === "string" ? entry.trim() : "";
+    if (name === "") {
+      diagnostics.push({
+        severity: "warning",
+        path: OPENDOOR_SETTINGS_PATH,
+        message: `${OPENDOOR_SETTINGS_PATH} "showAdditionalAttribute" entry "${truncateEcho(String(entry))}" is not a non-empty string and was dropped`
+      });
+      continue;
+    }
+    if (seen.has(name)) continue;
+    if (result.length >= MAX_SHOWN_ATTRIBUTES) {
+      diagnostics.push({
+        severity: "warning",
+        path: OPENDOOR_SETTINGS_PATH,
+        message: `${OPENDOOR_SETTINGS_PATH} "showAdditionalAttribute" has more than ${String(MAX_SHOWN_ATTRIBUTES)} entries; the rest were ignored`
+      });
+      break;
+    }
+    seen.add(name);
+    result.push(name);
+  }
+  return result;
+}
 function normalizeRelativePath(value) {
   const collapsed = value.replace(/\/{2,}/g, "/");
   return collapsed.length > 1 && collapsed.endsWith("/") ? collapsed.slice(0, -1) : collapsed;
@@ -5728,7 +5785,23 @@ function serializeReferences(references) {
   return JSON.stringify(references === void 0 ? [] : references);
 }
 
-// src/doorstop-panel-controller.ts
+// src/browser/doorstop-panel-navigation.ts
+var DOORSTOP_NAV_UID = "uid";
+var DOORSTOP_NAV_FILE = "file";
+var DOORSTOP_NAV_DOC = "doc";
+var DOORSTOP_NAV_FILTER = "filter";
+var DOORSTOP_NAV_SEARCH = "search";
+function readPanelNavigationQuery(navigation) {
+  const output = {};
+  if (navigation === void 0) return output;
+  for (const [key, value] of Object.entries(navigation.query)) {
+    const first = Array.isArray(value) ? value[0] : value;
+    if (typeof first === "string" && first !== "") output[key] = first;
+  }
+  return output;
+}
+
+// src/browser/doorstop-panel-controller.ts
 var DoorstopWorkspaceController = class {
   constructor(host, context, loadJob) {
     this.loading = false;
@@ -5828,25 +5901,99 @@ var DoorstopWorkspaceController = class {
     this.loadRequest = request;
     return request;
   }
-  /** Select an item UID for the detail pane. */
+  /** Select an item UID for the detail pane. Plan Phase C step C2 — a
+   *  deliberate selection change also writes the `uid` deep-link key, so
+   *  the selection is bookmarkable/back-navigable. */
   selectUid(uid) {
     this.selectedUid = uid;
+    this.setNavigation(DOORSTOP_NAV_UID, uid);
+    this.setNavigation(DOORSTOP_NAV_FILE, void 0, { replace: true });
     this.requestUpdate();
   }
-  /** Select a document by prefix for the document-detail pane. */
+  /** Select a document by prefix for the document-detail pane. C2 — writes
+   *  the `doc` deep-link key. */
   selectDocument(prefix) {
     this.selectedDocumentPrefix = prefix;
+    this.setNavigation(DOORSTOP_NAV_DOC, prefix);
+    this.setNavigation(DOORSTOP_NAV_FILE, void 0, { replace: true });
     this.requestUpdate();
   }
   setStateFilter(filter) {
     this.stateFilter = filter;
     if (this.result !== void 0) this.selectedUid = selectionIn(this.result, filter, this.selectedUid);
+    this.setNavigation(DOORSTOP_NAV_FILTER, filter);
     this.requestUpdate();
   }
   setSearch(search) {
     this.search = search;
+    this.setNavigation(DOORSTOP_NAV_SEARCH, search === "" ? void 0 : search, { replace: true });
     this.requestUpdate();
   }
+  /** Apply the panel's deep-link query (URL → state). Plan Phase C step C2:
+   *  `renderDoorstopPanel` calls this on EVERY render, idempotently — values
+   *  are compared first, so re-applying the same query is a no-op, and the
+   *  query wins exactly when it differs from the controller state (back/
+   *  forward navigation re-rendering the panel with an older URL; a user
+   *  interaction re-rendering with the query its own setter just wrote).
+   *
+   *  READ-ONLY for the navigation: this method never writes keys back (the
+   *  setters own writes — writing here would loop render → set → render).
+   *
+   *  Validation: an unknown `filter` value is ignored (the current filter
+   *  stands — `?filter=bogus` must not crash the panel), and `uid`/`doc`
+   *  values that no longer exist in a LOADED result are dropped by the
+   *  same selectionIn reconciliation a landed load applies; before the first
+   *  load lands they apply blindly (the landing load reconciles). The C3
+   *  `file` key (chat file link) resolves only against a loaded result. */
+  applyNavigationQuery(query) {
+    let changed = false;
+    const filterValue = query[DOORSTOP_NAV_FILTER];
+    if (filterValue === void 0) {
+      if (this.stateFilter !== void 0) {
+        this.stateFilter = void 0;
+        changed = true;
+      }
+    } else if (isItemStateKey(filterValue) && this.stateFilter !== filterValue) {
+      this.stateFilter = filterValue;
+      changed = true;
+    }
+    const filePath = query[DOORSTOP_NAV_FILE];
+    const fileItem = filePath !== void 0 && this.result !== void 0 ? this.result.index.items.find((candidate) => candidate.path === filePath) : void 0;
+    const uid = fileItem !== void 0 ? fileItem.uid : query[DOORSTOP_NAV_UID];
+    if (this.selectedUid !== uid) {
+      this.selectedUid = uid;
+      changed = true;
+    }
+    const documentPrefix = fileItem !== void 0 ? fileItem.documentPrefix : query[DOORSTOP_NAV_DOC];
+    if (this.selectedDocumentPrefix !== documentPrefix) {
+      this.selectedDocumentPrefix = documentPrefix;
+      changed = true;
+    }
+    const search = query[DOORSTOP_NAV_SEARCH] ?? "";
+    if (this.search !== search) {
+      this.search = search;
+      changed = true;
+    }
+    if (this.result !== void 0) {
+      const keptUid = selectionIn(this.result, this.stateFilter, this.selectedUid);
+      if (keptUid !== this.selectedUid) {
+        this.selectedUid = keptUid;
+        changed = true;
+      }
+      const keptDocument = documentSelectionIn(this.result, this.selectedDocumentPrefix);
+      if (keptDocument !== this.selectedDocumentPrefix) {
+        this.selectedDocumentPrefix = keptDocument;
+        changed = true;
+      }
+    }
+    if (changed) this.requestUpdate();
+  }
+  /** Write one deep-link key on the CURRENT context's navigation, when the
+   *  host supplies one. `undefined` clears the key (the selection is gone);
+   *  absent navigation (older hosts, tests without one) is a silent no-op. */
+  setNavigation(key, value, options) {
+    this.context.navigation?.set(key, value, options);
+  }
   /** Begin a doorstop run: record the op title (element disables action
    *  buttons) and notify. */
   beginRun(title) {
@@ -5871,6 +6018,37 @@ var DoorstopWorkspaceController = class {
     this.lastRun = void 0;
     this.requestUpdate();
   }
+  /**
+   * Commit the "Start review session" composer-insert as the last run (relay
+   * `opendoor-dispatch-redesign` design §3). The insert happens in the
+   * browser, so the record carries no process data: `status: "ok"` with an
+   * empty stdout/stderr and NO `commit` field — which is exactly what makes
+   * the status bar render its quiet ok badge, skip the commit-narration line
+   * and the error pre, and stay collapsed (`lastRunHasMessage` is false, so
+   * the bar does not auto-expand). The write goes through the single
+   * {@link commitRun} point, so it survives `invalidate()`/`load()` and is
+   * cleared only by `dismissRun()` or the next commit — every existing
+   * run-outcome semantic is inherited unchanged.
+   *
+   * `at` is REQUIRED by {@link DoorstopLastRunView} (the run-start epoch ms
+   * every `commitRun` caller sets); `durationMs` is 0 because no run was
+   * measured — the insert is synchronous.
+   */
+  commitAskReview(uid) {
+    this.commitRun({
+      op: "ask-review",
+      title: `Opendoor: review dispatch ${uid}`,
+      status: "ok",
+      exitCode: null,
+      signal: null,
+      stdout: "",
+      stderr: "",
+      stdoutTruncated: false,
+      stderrTruncated: false,
+      durationMs: 0,
+      at: Date.now()
+    });
+  }
   /** Run the Stage action (plan Phase C step 12): stage every Doorstop-managed
    *  path of the loaded index (the element hands the {@link doorstopPaths}
    *  list in), or — for a per-item stage — exactly one item's path with
@@ -5951,12 +6129,12 @@ var DoorstopWorkspaceController = class {
     this.beginRun(title);
     const startedAt = Date.now();
     try {
-      const backend = this.context.backend;
-      if (backend === void 0) {
+      const peer = this.context.peer;
+      if (peer?.request === void 0) {
         this.commitGitError(op, title, startedAt, "Git actions need the paired opendoor backend");
         return;
       }
-      const response = await backend.request(backendOperation, input);
+      const response = await peer.request(backendOperation, input);
       const parsed = parseResponse(response);
       this.commitRun({
         op,
@@ -6029,7 +6207,7 @@ var DoorstopWorkspaceController = class {
    * retries instead of showing a stale failure forever). A fetch already in
    * flight for the same UID is joined (never stacked). Otherwise the fetch
    * runs through
-   * `backend.request(DOORSTOP_BASELINE_OPERATION, { uid, path })`, parses the
+   * `peer.request(DOORSTOP_BASELINE_OPERATION, { uid, path })`, parses the
    * response with the contract validator, and stamp-walks the returned blobs
    * newest-first (`parseDoorstopItem` + the document's config via
    * `computeItemStamp(item, config, true)`) until one matches
@@ -6071,12 +6249,12 @@ var DoorstopWorkspaceController = class {
     this.baselineVersion += 1;
     this.requestUpdate();
     try {
-      const backend = this.context.backend;
-      if (backend === void 0) {
+      const peer = this.context.peer;
+      if (peer?.request === void 0) {
         this.commitBaseline(uid, { key, view: { state: "no-git" } });
         return;
       }
-      const response = await backend.request(DOORSTOP_BASELINE_OPERATION, { uid, path: item.path });
+      const response = await peer.request(DOORSTOP_BASELINE_OPERATION, { uid, path: item.path });
       if (!this.host.isConnected) return;
       const parsed = parseDoorstopBaselineResponse(response);
       if (!parsed.git) {
@@ -6145,12 +6323,12 @@ var DoorstopWorkspaceController = class {
     this.gitStatusInFlight = true;
     this.requestUpdate();
     try {
-      const backend = this.context.backend;
-      if (backend === void 0) {
+      const peer = this.context.peer;
+      if (peer?.request === void 0) {
         this.gitStatusView = { state: "no-git" };
         return;
       }
-      const response = await backend.request(DOORSTOP_GIT_STATUS_OPERATION, {});
+      const response = await peer.request(DOORSTOP_GIT_STATUS_OPERATION, {});
       if (!this.host.isConnected || this.gitStatusView?.state !== "loading") return;
       const parsed = parseDoorstopGitStatusResponse(response);
       this.gitStatusView = parsed.git ? { state: "ready", response: parsed } : { state: "no-git" };
@@ -6219,7 +6397,7 @@ function doorstopPaths(result) {
   return paths;
 }
 
-// src/doorstop-panel.ts
+// src/browser/doorstop-panel.ts
 var DOORSTOP_WORKSPACE_STATE_LIMIT = 8;
 var MAX_ITEM_DIGITS = 24;
 async function loadDoorstopWorkspace(files) {
@@ -6352,6 +6530,15 @@ function escapeRegExp(value) {
 var DoorstopWorkspaceRegistry = class {
   constructor() {
     this.workspaces = /* @__PURE__ */ new Map();
+    /** Plan Phase C step C3 — the chat file-open index: per-workspace
+     *  item-file path → { uid, documentPrefix } (plus the landed result it was
+     *  built from, kept by identity), recorded from every LANDED
+     *  load result (renderDoorstopPanel records it whenever the controller
+     *  has a result), so the SYNCHRONOUS `fileOpenQuery` hook can answer from
+     *  the last landed discovery without running one. Same LRU bound and the
+     *  same workspace keys as the controller map; an evicted workspace drops
+     *  its file-open entries with its controller. */
+    this.fileOpenEntries = /* @__PURE__ */ new Map();
   }
   /** Get-or-create the controller for a workspace (the render entry point). */
   for(context) {
@@ -6373,10 +6560,68 @@ var DoorstopWorkspaceRegistry = class {
     return controller;
   }
   /** Panel invalidation: re-run discovery + load unconditionally for the
-   *  connected workspace (paired or unpaired: the load job is browser-side, so there is no owned-workspace gate). */
-  invalidate(context) {
+   *  connected workspace (paired or unpaired: the load job is browser-side, so there is no owned-workspace gate).
+   *
+   *  Plan Phase C step C1 — the typed invalidation (browser API v4,
+   *  unchanged on v5): `invalidation` carries
+   *  the reason (`"manual"` Refresh action / `"mutation"` a workspace file
+   *  changed / `"agent-activity"` agent work finished) and the affected
+   *  resources. The rescan stays REASON-AGNOSTIC deliberately: every reason
+   *  may have changed item files, the load job re-reads everything anyway
+   *  (no partial invalidation is possible — the index is one unit), and the
+   *  controller's re-entrant guard coalesces storms (an invalidate while a
+   *  load is running JOINS that load; only an invalidate after it lands
+   *  starts a fresh one), so `"agent-activity"` bursts cannot stack loads.
+   *  The payload is accepted (so the contribution can forward it) but not
+   *  consulted. */
+  invalidate(context, invalidation) {
+    void invalidation;
     return this.for(context).invalidate();
   }
+  /** Record the chat file-open index for one workspace from a LANDED result
+   *  (plan Phase C step C3). Called from renderDoorstopPanel on every render
+   *  that has a result, so the index always mirrors the last landed
+   *  discovery; never throws and triggers nothing (the hook must be free of
+   *  side effects — recording a plain index from a landed result is one). */
+  recordFileOpenIndex(context, result) {
+    const key = workspaceContextKey(context);
+    const existing = this.fileOpenEntries.get(key);
+    if (existing !== void 0 && existing.result === result) {
+      this.fileOpenEntries.delete(key);
+      this.fileOpenEntries.set(key, existing);
+      return;
+    }
+    const entries = /* @__PURE__ */ new Map();
+    for (const item of result.index.items) {
+      entries.set(item.path, { uid: item.uid, documentPrefix: item.documentPrefix });
+    }
+    this.fileOpenEntries.delete(key);
+    this.fileOpenEntries.set(key, { result, entries });
+    this.boundFileOpenEntries();
+  }
+  /** The panel's chat file-open hook (plan Phase C step C3): does the last
+   *  landed discovery of this workspace know `path` as an item file? Returns
+   *  the panel's navigation query (`{ file: path }` — the key
+   *  applyNavigationQuery resolves to the item's uid and document
+   *  selection), or undefined when the panel does not own the path (the
+   *  host then asks the next panel, or serves the Files fallback). Before
+   *  the first load lands there is no index yet → undefined (the chat link
+   *  falls back to Files; the panel still deep-links once opened and
+   *  re-rendered). */
+  fileOpenQuery(context, path) {
+    const entries = this.fileOpenEntries.get(workspaceContextKey(context));
+    if (entries === void 0) return void 0;
+    return entries.entries.has(path) ? { [DOORSTOP_NAV_FILE]: path } : void 0;
+  }
+  /** Keep the file-open index at the same LRU bound as the controller map
+   *  (strictly oldest-first, mirroring evictOldest). */
+  boundFileOpenEntries() {
+    while (this.fileOpenEntries.size > DOORSTOP_WORKSPACE_STATE_LIMIT) {
+      const key = this.fileOpenEntries.keys().next().value;
+      if (key === void 0) break;
+      this.fileOpenEntries.delete(key);
+    }
+  }
   evictOldest() {
     if (this.workspaces.size < DOORSTOP_WORKSPACE_STATE_LIMIT) return;
     const key = this.workspaces.keys().next().value;
@@ -6384,6 +6629,7 @@ var DoorstopWorkspaceRegistry = class {
     const controller = this.workspaces.get(key);
     if (controller !== void 0) controller.release();
     this.workspaces.delete(key);
+    this.fileOpenEntries.delete(key);
   }
 };
 var DoorstopPanelHost = class {
@@ -6395,127 +6641,94 @@ function workspaceContextKey(context) {
   return JSON.stringify([context.machine.id, context.workspace.projectId, context.workspace.id]);
 }
 
-// src/doorstop-panel-view-model.ts
-var EMPTY_WORKSPACE_MESSAGE = "This workspace has no Doorstop documents \u2014 run `doorstop create REQ ./reqs` in the workspace to start a requirements tree.";
-var ALL_DOCUMENTS_LABEL = "All";
-var STATE_CHIP_LABELS = {
-  normative: "normative",
-  "non-normative": "non-normative",
-  inactive: "inactive",
-  reviewed: "reviewed",
-  unreviewed: "unreviewed",
-  "suspect-link": "suspect link",
-  "no-child-links": "no child links",
-  "no-links": "no links",
-  "unknown-link": "unknown link",
-  "missing-reference": "missing reference"
-};
-function stateChipKind(key) {
-  switch (key) {
-    case "normative":
-    case "non-normative":
-    case "reviewed":
-      return "muted";
-    case "unreviewed":
-    case "no-child-links":
-    case "no-links":
-      return "warning";
-    case "inactive":
-    case "suspect-link":
-    case "unknown-link":
-    case "missing-reference":
-      return "danger";
+// src/doorstop-session-metadata.ts
+var OPENDOOR_SESSION_METADATA_NAMESPACE = "opendoor";
+var DOORSTOP_SESSION_METADATA_SCHEMA = 1;
+var DOORSTOP_SESSION_METADATA_MAX_UIDS = 8;
+var DOORSTOP_SESSION_METADATA_MAX_UID_LENGTH = 32;
+var DOORSTOP_SESSION_METADATA_OPS = /* @__PURE__ */ new Set(["review"]);
+var DOORSTOP_SESSION_METADATA_UID_PATTERN = /^[\w.-]+$/u;
+function isMetadataUid(value) {
+  return typeof value === "string" && value !== "" && value.length <= DOORSTOP_SESSION_METADATA_MAX_UID_LENGTH && DOORSTOP_SESSION_METADATA_UID_PATTERN.test(value);
+}
+function parseDoorstopSessionMetadata(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return void 0;
+  const record = value;
+  if (record["schema"] !== DOORSTOP_SESSION_METADATA_SCHEMA) return void 0;
+  const op = record["op"];
+  if (typeof op !== "string" || !DOORSTOP_SESSION_METADATA_OPS.has(op)) {
+    return void 0;
   }
-}
-function dotTitle(dot) {
-  switch (dot) {
-    case "ok":
-      return "all items reviewed, no suspect links";
-    case "unreviewed":
-      return "has unreviewed changes";
-    case "suspect":
-      return "has suspect links";
+  const uidsValue = record["uids"];
+  if (!Array.isArray(uidsValue) || uidsValue.length === 0 || uidsValue.length > DOORSTOP_SESSION_METADATA_MAX_UIDS) {
+    return void 0;
+  }
+  const uids = [];
+  for (const uid of uidsValue) {
+    if (!isMetadataUid(uid)) return void 0;
+    uids.push(uid);
   }
+  return {
+    schema: DOORSTOP_SESSION_METADATA_SCHEMA,
+    op,
+    uids
+  };
 }
-function documentStateDots(document2, items) {
-  const own = items.filter((item) => item.documentPrefix === document2.prefix);
-  const dots = [];
-  if (own.length === 0) return dots;
-  const hasSuspect = own.some((item) => item.stateKeys.includes("suspect-link"));
-  const hasUnreviewed = own.some((item) => item.stateKeys.includes("unreviewed"));
-  if (!hasSuspect && !hasUnreviewed) dots.push("ok");
-  if (hasUnreviewed) dots.push("unreviewed");
-  if (hasSuspect) dots.push("suspect");
-  return dots;
+
+// src/browser/doorstop-session-labels.ts
+var DOORSTOP_PANEL_LOCAL_ID = "workspace.doorstop";
+var DOORSTOP_SESSION_LABEL_ID = "doorstop.review";
+function createDoorstopSessionLabel(runtimePluginId) {
+  const panelId = `${runtimePluginId}:${DOORSTOP_PANEL_LOCAL_ID}`;
+  return {
+    id: DOORSTOP_SESSION_LABEL_ID,
+    order: 10,
+    items: (context) => sessionLabelItems(context, panelId)
+  };
 }
-function filteredItems(index, documentPrefix, stateFilter, search) {
-  const needle = search.trim().toLowerCase();
-  return index.items.filter((item) => {
-    if (documentPrefix !== void 0 && documentPrefix !== "" && item.documentPrefix !== documentPrefix) {
-      return false;
-    }
-    if (stateFilter !== void 0 && !item.stateKeys.includes(stateFilter)) return false;
-    if (needle !== "" && !`${item.uid} ${item.header ?? ""} ${item.text}`.toLowerCase().includes(needle)) {
-      return false;
+function sessionLabelItems(context, panelId) {
+  const value = context.session.metadata?.[OPENDOOR_SESSION_METADATA_NAMESPACE];
+  const metadata = parseDoorstopSessionMetadata(value);
+  if (metadata === void 0) return [];
+  const firstUid = metadata.uids[0];
+  if (firstUid === void 0) return [];
+  const rest = metadata.uids.length - 1;
+  const text = rest === 0 ? firstUid : `${firstUid} +${String(rest)}`;
+  const target = doorstopReopenDestination(context.machine.id, context.workspace, panelId, firstUid);
+  return [
+    {
+      type: "render",
+      render: () => b2`<a
+          class="doorstop-session-label"
+          href="#"
+          title=${`Open ${metadata.uids.join(", ")} in Requirements`}
+          @click=${(event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        void context.navigate(target);
+      }}
+        >${text}</a>`
     }
-    return true;
-  });
+  ];
+}
+function doorstopReopenDestination(machineId, workspace, panelId, uid) {
+  return {
+    machineId,
+    projectId: workspace.projectId,
+    workspaceId: workspace.id,
+    view: "workspace",
+    tool: panelId,
+    query: { [DOORSTOP_NAV_UID]: uid }
+  };
 }
+
+// src/browser/view-model/core.ts
 function shortFingerprint(fingerprint) {
   return fingerprint === null ? "none" : `${fingerprint.slice(0, 8)}\u2026`;
 }
-var FINDINGS_EMPTY_MESSAGE = "No findings \u2014 the tree is clean.";
-var FINDINGS_EMPTY_HINT = "Findings are plugin-local; run `doorstop` validation in the terminal for the authoritative check.";
-var FINDINGS_PLUGIN_LOCAL_NOTE = "plugin-local findings \u2014 `doorstop` validation in the terminal is authoritative";
-var FINDING_SEVERITY_RANK = {
-  error: 0,
-  warning: 1,
-  info: 2
-};
-function findingsViewRows(index) {
-  const rows = [...index.findings, ...index.diagnostics];
-  return rows.sort((a3, b3) => FINDING_SEVERITY_RANK[a3.severity] - FINDING_SEVERITY_RANK[b3.severity]);
-}
-function findingsViewCounts(rows) {
-  const counts = { errors: 0, warnings: 0, info: 0 };
-  for (const row of rows) {
-    if (row.severity === "error") counts.errors += 1;
-    else if (row.severity === "warning") counts.warnings += 1;
-    else counts.info += 1;
-  }
-  return counts;
-}
-function findingsCountText(counts) {
-  const errors = counts.errors === 1 ? "1 error" : `${String(counts.errors)} errors`;
-  const warnings = counts.warnings === 1 ? "1 warning" : `${String(counts.warnings)} warnings`;
-  return `${errors} \xB7 ${warnings} \xB7 ${String(counts.info)} info`;
-}
 function doorstopPublishTarget(result) {
   return result?.settings?.publishTarget ?? DEFAULT_OPENDOOR_SETTINGS.publishTarget;
 }
-function doorstopCommitAfterReview(result) {
-  return result?.settings?.commitAfterReview ?? DEFAULT_OPENDOOR_SETTINGS.commitAfterReview;
-}
-function commitOutcomeText(op, outcome) {
-  const gitRun = op === "git-stage" || op === "git-commit" || op === "git-unstage";
-  switch (outcome.status) {
-    case "staged":
-      return `staged ${String(outcome.staged ?? 0)} paths`;
-    case "unstaged":
-      return `unstaged ${String(outcome.unstaged ?? 0)} paths`;
-    case "committed":
-      return gitRun ? `committed ${outcome.sha ?? "<unknown sha>"}` : `commit: ${outcome.sha ?? "<unknown sha>"}`;
-    case "clean":
-      if (!gitRun) return "commit: clean (already committed)";
-      if (op === "git-stage") return "clean \u2014 nothing to stage";
-      if (op === "git-unstage") return "clean \u2014 nothing to unstage";
-      return "clean \u2014 nothing staged";
-    case "skipped":
-      return gitRun ? "skipped" : "commit: skipped (not a git repository | review failed | deadline)";
-    case "failed":
-      return gitRun ? `failed \u2014 ${outcome.stderr ?? "git step errored"}` : `commit: failed \u2014 ${outcome.stderr ?? "git step errored"}`;
-  }
-}
 function lastRunHasMessage(lastRun) {
   return lastRun.stdout !== "" || lastRun.stderr !== "" || (lastRun.errorMessage ?? "") !== "" || lastRun.commit !== void 0;
 }
@@ -6591,7 +6804,6 @@ function doorstopPublishCommand(result, target = doorstopPublishTarget(result))
   const argument = PUBLISH_TARGET_SAFE_TOKEN.test(target) ? target : quoteShellArgument(target);
   return `doorstop publish all ${argument}`;
 }
-var isValidTargetUid = isValidDoorstopUid;
 function documentConfigFor(index, item) {
   return index.byPrefix.get(item.documentPrefix) ?? {
     directoryPath: "",
@@ -6603,29 +6815,15 @@ function documentConfigFor(index, item) {
     extra: {}
   };
 }
-function suspectParentItems(item, index) {
-  const suspects = [];
-  for (const link of item.links) {
-    if (link.fingerprint === null) continue;
-    const target = index.byUid.get(link.uid);
-    if (target === void 0) continue;
-    if (link.fingerprint !== computeItemStamp(target, documentConfigFor(index, target), false)) {
-      suspects.push(target);
-    }
-  }
-  return suspects;
-}
-function firstChildDocumentPrefix(index, item) {
-  for (const document2 of index.documents) {
-    if (document2.parentPrefix === item.documentPrefix) return document2.prefix;
-  }
-  return void 0;
-}
 function jsonishText(value) {
   if (value === void 0) return "undefined";
   const json2 = JSON.stringify(value);
   return json2 === void 0 ? String(value) : json2;
 }
+var DOORSTOP_MARKDOWN_ATTRIBUTES = Object.freeze(["rationale"]);
+function isMarkdownAttribute(key, value) {
+  return typeof value === "string" && DOORSTOP_MARKDOWN_ATTRIBUTES.includes(key.toLowerCase());
+}
 function diffValueText(value) {
   return value === void 0 ? "\u2014" : jsonishText(value);
 }
@@ -6637,68 +6835,179 @@ function referenceListText(references) {
     return parts.join(" ");
   }).join(", ");
 }
-function itemExcerpt(item) {
-  const header = item.header;
-  if (header !== void 0 && header !== "") return header;
-  const firstLine = (item.text.split("\n")[0] ?? "").trim();
-  if (firstLine === "") return "\u2014";
-  return firstLine.length > 80 ? `${firstLine.slice(0, 80)}\u2026` : firstLine;
-}
 
-// node_modules/lit-html/directive.js
-var t3 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
-var e4 = (t5) => (...e8) => ({ _$litDirective$: t5, values: e8 });
-var i5 = class {
-  constructor(t5) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t5, e8, i8) {
-    this._$Ct = t5, this._$AM = e8, this._$Ci = i8;
-  }
-  _$AS(t5, e8) {
-    return this.update(t5, e8);
-  }
-  update(t5, e8) {
-    return this.render(...e8);
-  }
+// src/browser/view-model/item-list.ts
+var EMPTY_WORKSPACE_MESSAGE = "This workspace has no Doorstop documents \u2014 run `doorstop create REQ ./reqs` in the workspace to start a requirements tree.";
+var ALL_DOCUMENTS_LABEL = "All";
+var STATE_CHIP_LABELS = {
+  normative: "normative",
+  "non-normative": "non-normative",
+  inactive: "inactive",
+  reviewed: "reviewed",
+  unreviewed: "unreviewed",
+  "suspect-link": "suspect link",
+  "no-child-links": "no child links",
+  "no-links": "no links",
+  "unknown-link": "unknown link",
+  "missing-reference": "missing reference"
 };
-
-// node_modules/lit-html/directives/class-map.js
-var e5 = e4(class extends i5 {
-  constructor(t5) {
-    if (super(t5), t5.type !== t3.ATTRIBUTE || "class" !== t5.name || t5.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(t5) {
-    return " " + Object.keys(t5).filter((s6) => t5[s6]).join(" ") + " ";
-  }
-  update(s6, [i8]) {
-    if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== s6.strings && (this.nt = new Set(s6.strings.join(" ").split(/\s/).filter((t5) => "" !== t5)));
-      for (const t5 in i8) i8[t5] && !this.nt?.has(t5) && this.st.add(t5);
-      return this.render(i8);
+function stateChipKind(key) {
+  switch (key) {
+    case "normative":
+    case "non-normative":
+    case "reviewed":
+      return "muted";
+    case "unreviewed":
+    case "no-child-links":
+    case "no-links":
+      return "warning";
+    case "inactive":
+    case "suspect-link":
+    case "unknown-link":
+    case "missing-reference":
+      return "danger";
+  }
+}
+function dotTitle(dot) {
+  switch (dot) {
+    case "ok":
+      return "all items reviewed, no suspect links";
+    case "unreviewed":
+      return "has unreviewed changes";
+    case "suspect":
+      return "has suspect links";
+  }
+}
+function documentStateDots(document2, items) {
+  const own = items.filter((item) => item.documentPrefix === document2.prefix);
+  const dots = [];
+  if (own.length === 0) return dots;
+  const hasSuspect = own.some((item) => item.stateKeys.includes("suspect-link"));
+  const hasUnreviewed = own.some((item) => item.stateKeys.includes("unreviewed"));
+  if (!hasSuspect && !hasUnreviewed) dots.push("ok");
+  if (hasUnreviewed) dots.push("unreviewed");
+  if (hasSuspect) dots.push("suspect");
+  return dots;
+}
+function filteredItems(index, documentPrefix, stateFilter, search) {
+  const needle = search.trim().toLowerCase();
+  return index.items.filter((item) => {
+    if (documentPrefix !== void 0 && documentPrefix !== "" && item.documentPrefix !== documentPrefix) {
+      return false;
     }
-    const r8 = s6.element.classList;
-    for (const t5 of this.st) t5 in i8 || (r8.remove(t5), this.st.delete(t5));
-    for (const t5 in i8) {
-      const s7 = !!i8[t5];
-      s7 === this.st.has(t5) || this.nt?.has(t5) || (s7 ? (r8.add(t5), this.st.add(t5)) : (r8.remove(t5), this.st.delete(t5)));
+    if (stateFilter !== void 0 && !item.stateKeys.includes(stateFilter)) return false;
+    if (needle !== "" && !`${item.uid} ${item.header ?? ""} ${item.text}`.toLowerCase().includes(needle)) {
+      return false;
     }
-    return E;
+    return true;
+  });
+}
+function doorstopShowAdditionalAttribute(result) {
+  return result?.settings?.showAdditionalAttribute ?? DEFAULT_OPENDOOR_SETTINGS.showAdditionalAttribute;
+}
+function itemExcerpt(item) {
+  const header = item.header;
+  if (header !== void 0 && header !== "") return header;
+  const firstLine = (item.text.split("\n")[0] ?? "").trim();
+  if (firstLine === "") return "\u2014";
+  return firstLine.length > 80 ? `${firstLine.slice(0, 80)}\u2026` : firstLine;
+}
+function itemTextRow(item) {
+  return item.text.trim() === "" ? void 0 : item.text;
+}
+function shownAttributeRows(item, keys) {
+  const rows = [];
+  for (const key of keys) {
+    if (!Object.prototype.hasOwnProperty.call(item.attributes, key)) continue;
+    rows.push({ key, text: jsonishText(item.attributes[key]) });
   }
-});
+  return rows;
+}
+
+// src/browser/view-model/palette.ts
+function doorstopCommitAfterReview(result) {
+  return result?.settings?.commitAfterReview ?? DEFAULT_OPENDOOR_SETTINGS.commitAfterReview;
+}
+var isValidTargetUid = isValidDoorstopUid;
+function suspectParentItems(item, index) {
+  const suspects = [];
+  for (const link of item.links) {
+    if (link.fingerprint === null) continue;
+    const target = index.byUid.get(link.uid);
+    if (target === void 0) continue;
+    if (link.fingerprint !== computeItemStamp(target, documentConfigFor(index, target), false)) {
+      suspects.push(target);
+    }
+  }
+  return suspects;
+}
+function firstChildDocumentPrefix(index, item) {
+  for (const document2 of index.documents) {
+    if (document2.parentPrefix === item.documentPrefix) return document2.prefix;
+  }
+  return void 0;
+}
+
+// src/browser/view-model/status-bar.ts
+function commitOutcomeText(op, outcome) {
+  const gitRun = op === "git-stage" || op === "git-commit" || op === "git-unstage";
+  switch (outcome.status) {
+    case "staged":
+      return `staged ${String(outcome.staged ?? 0)} paths`;
+    case "unstaged":
+      return `unstaged ${String(outcome.unstaged ?? 0)} paths`;
+    case "committed":
+      return gitRun ? `committed ${outcome.sha ?? "<unknown sha>"}` : `commit: ${outcome.sha ?? "<unknown sha>"}`;
+    case "clean":
+      if (!gitRun) return "commit: clean (already committed)";
+      if (op === "git-stage") return "clean \u2014 nothing to stage";
+      if (op === "git-unstage") return "clean \u2014 nothing to unstage";
+      return "clean \u2014 nothing staged";
+    case "skipped":
+      return gitRun ? "skipped" : "commit: skipped (not a git repository | review failed | deadline)";
+    case "failed":
+      return gitRun ? `failed \u2014 ${outcome.stderr ?? "git step errored"}` : `commit: failed \u2014 ${outcome.stderr ?? "git step errored"}`;
+  }
+}
+
+// src/browser/view-model/findings.ts
+var FINDINGS_EMPTY_MESSAGE = "No findings \u2014 the tree is clean.";
+var FINDINGS_EMPTY_HINT = "Findings are plugin-local; run `doorstop` validation in the terminal for the authoritative check.";
+var FINDINGS_PLUGIN_LOCAL_NOTE = "plugin-local findings \u2014 `doorstop` validation in the terminal is authoritative";
+var FINDING_SEVERITY_RANK = {
+  error: 0,
+  warning: 1,
+  info: 2
+};
+function findingsViewRows(index) {
+  const rows = [...index.findings, ...index.diagnostics];
+  return rows.sort((a3, b3) => FINDING_SEVERITY_RANK[a3.severity] - FINDING_SEVERITY_RANK[b3.severity]);
+}
+function findingsViewCounts(rows) {
+  const counts = { errors: 0, warnings: 0, info: 0 };
+  for (const row of rows) {
+    if (row.severity === "error") counts.errors += 1;
+    else if (row.severity === "warning") counts.warnings += 1;
+    else counts.info += 1;
+  }
+  return counts;
+}
+function findingsCountText(counts) {
+  const errors = counts.errors === 1 ? "1 error" : `${String(counts.errors)} errors`;
+  const warnings = counts.warnings === 1 ? "1 warning" : `${String(counts.warnings)} warnings`;
+  return `${errors} \xB7 ${warnings} \xB7 ${String(counts.info)} info`;
+}
 
 // node_modules/lit-html/directive-helpers.js
-var { I: t4 } = j;
-var i6 = (o8) => o8;
+var { I: t3 } = j;
+var i5 = (o8) => o8;
 var r4 = (o8) => void 0 === o8.strings;
 var s4 = () => document.createComment("");
 var v2 = (o8, n7, e8) => {
   const l3 = o8._$AA.parentNode, d3 = void 0 === n7 ? o8._$AB : n7._$AA;
   if (void 0 === e8) {
     const i8 = l3.insertBefore(s4(), d3), n8 = l3.insertBefore(s4(), d3);
-    e8 = new t4(i8, n8, o8, o8.options);
+    e8 = new t3(i8, n8, o8, o8.options);
   } else {
     const t5 = e8._$AB.nextSibling, n8 = e8._$AM, c6 = n8 !== o8;
     if (c6) {
@@ -6708,8 +7017,8 @@ var v2 = (o8, n7, e8) => {
     if (t5 !== d3 || c6) {
       let o9 = e8._$AA;
       for (; o9 !== t5; ) {
-        const t6 = i6(o9).nextSibling;
-        i6(l3).insertBefore(o9, d3), o9 = t6;
+        const t6 = i5(o9).nextSibling;
+        i5(l3).insertBefore(o9, d3), o9 = t6;
       }
     }
   }
@@ -6723,18 +7032,25 @@ var h3 = (o8) => {
   o8._$AR(), o8._$AA.remove();
 };
 
-// node_modules/lit-html/directives/keyed.js
-var i7 = e4(class extends i5 {
-  constructor() {
-    super(...arguments), this.key = A;
+// node_modules/lit-html/directive.js
+var t4 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e4 = (t5) => (...e8) => ({ _$litDirective$: t5, values: e8 });
+var i6 = class {
+  constructor(t5) {
   }
-  render(r8, t5) {
-    return this.key = r8, t5;
+  get _$AU() {
+    return this._$AM._$AU;
   }
-  update(r8, [t5, e8]) {
-    return t5 !== this.key && (p3(r8), this.key = t5), e8;
+  _$AT(t5, e8, i8) {
+    this._$Ct = t5, this._$AM = e8, this._$Ci = i8;
   }
-});
+  _$AS(t5, e8) {
+    return this.update(t5, e8);
+  }
+  update(t5, e8) {
+    return this.render(...e8);
+  }
+};
 
 // node_modules/lit-html/async-directive.js
 var s5 = (i8, t5) => {
@@ -6768,9 +7084,9 @@ function n4(i8, t5 = false, e8 = 0) {
   else s5(this, i8);
 }
 var c4 = (i8) => {
-  i8.type == t3.CHILD && (i8._$AP ??= n4, i8._$AQ ??= h4);
+  i8.type == t4.CHILD && (i8._$AP ??= n4, i8._$AQ ??= h4);
 };
-var f3 = class extends i5 {
+var f3 = class extends i6 {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -6794,7 +7110,7 @@ var f3 = class extends i5 {
 };
 
 // node_modules/lit-html/directives/ref.js
-var e6 = () => new h5();
+var e5 = () => new h5();
 var h5 = class {
 };
 var o6 = /* @__PURE__ */ new WeakMap();
@@ -6824,59 +7140,6 @@ var n5 = e4(class extends f3 {
   }
 });
 
-// node_modules/lit-html/directives/repeat.js
-var u4 = (e8, s6, t5) => {
-  const r8 = /* @__PURE__ */ new Map();
-  for (let l3 = s6; l3 <= t5; l3++) r8.set(e8[l3], l3);
-  return r8;
-};
-var c5 = e4(class extends i5 {
-  constructor(e8) {
-    if (super(e8), e8.type !== t3.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e8, s6, t5) {
-    let r8;
-    void 0 === t5 ? t5 = s6 : void 0 !== s6 && (r8 = s6);
-    const l3 = [], o8 = [];
-    let i8 = 0;
-    for (const s7 of e8) l3[i8] = r8 ? r8(s7, i8) : i8, o8[i8] = t5(s7, i8), i8++;
-    return { values: o8, keys: l3 };
-  }
-  render(e8, s6, t5) {
-    return this.dt(e8, s6, t5).values;
-  }
-  update(s6, [t5, r8, c6]) {
-    const d3 = M2(s6), { values: p4, keys: a3 } = this.dt(t5, r8, c6);
-    if (!Array.isArray(d3)) return this.ut = a3, p4;
-    const h6 = this.ut ??= [], v3 = [];
-    let m3, y3, x2 = 0, j2 = d3.length - 1, k2 = 0, w2 = p4.length - 1;
-    for (; x2 <= j2 && k2 <= w2; ) if (null === d3[x2]) x2++;
-    else if (null === d3[j2]) j2--;
-    else if (h6[x2] === a3[k2]) v3[k2] = u3(d3[x2], p4[k2]), x2++, k2++;
-    else if (h6[j2] === a3[w2]) v3[w2] = u3(d3[j2], p4[w2]), j2--, w2--;
-    else if (h6[x2] === a3[w2]) v3[w2] = u3(d3[x2], p4[w2]), v2(s6, v3[w2 + 1], d3[x2]), x2++, w2--;
-    else if (h6[j2] === a3[k2]) v3[k2] = u3(d3[j2], p4[k2]), v2(s6, d3[x2], d3[j2]), j2--, k2++;
-    else if (void 0 === m3 && (m3 = u4(a3, k2, w2), y3 = u4(h6, x2, j2)), m3.has(h6[x2])) if (m3.has(h6[j2])) {
-      const e8 = y3.get(a3[k2]), t6 = void 0 !== e8 ? d3[e8] : null;
-      if (null === t6) {
-        const e9 = v2(s6, d3[x2]);
-        u3(e9, p4[k2]), v3[k2] = e9;
-      } else v3[k2] = u3(t6, p4[k2]), v2(s6, d3[x2], t6), d3[e8] = null;
-      k2++;
-    } else h3(d3[j2]), j2--;
-    else h3(d3[x2]), x2++;
-    for (; k2 <= w2; ) {
-      const e8 = v2(s6, v3[w2 + 1]);
-      u3(e8, p4[k2]), v3[k2++] = e8;
-    }
-    for (; x2 <= j2; ) {
-      const e8 = d3[x2++];
-      null !== e8 && h3(e8);
-    }
-    return this.ut = a3, p3(s6, v3), E;
-  }
-});
-
 // node_modules/@lit/reactive-element/decorators/property.js
 var o7 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
 var r6 = (t5 = o7, e8, r8) => {
@@ -6912,8 +7175,8 @@ function r7(r8) {
   return n6({ ...r8, state: true, attribute: false });
 }
 
-// src/doorstop-panel-styles.ts
-var panelStyles = i`
+// src/browser/styles/base.ts
+var baseStyles = i`
         :host {
           flex: 1 1 auto;
           min-height: 0;
@@ -6922,7 +7185,7 @@ var panelStyles = i`
           overflow: hidden;
           color: var(--pi-text);
           background: var(--pi-bg);
-          font: 13px system-ui, sans-serif;
+          font: 14px system-ui, sans-serif;
         }
 
         button {
@@ -6948,7 +7211,7 @@ var panelStyles = i`
           border-radius: 6px;
           background: var(--pi-surface);
           color: var(--pi-text);
-          font-size: 12px;
+          font-size: 13px;
           padding: 4px 6px;
         }
 
@@ -6957,13 +7220,16 @@ var panelStyles = i`
           border-radius: 5px;
           background: var(--pi-bg);
           padding: 1px 4px;
-          font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+          font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
         }
 
         .doorstop-muted {
           color: var(--pi-muted);
         }
+`;
 
+// src/browser/styles/project-actions.ts
+var projectActionsStyles = i`
         /* --- project actions (region 1) --- */
         .doorstop-project-actions {
           flex: 0 0 auto;
@@ -7002,7 +7268,7 @@ var panelStyles = i`
         .doorstop-doc-chip {
           border-radius: 999px;
           padding: 2px 9px;
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-doc-chip.is-selected {
@@ -7013,12 +7279,12 @@ var panelStyles = i`
 
         .doorstop-doc-arrow {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
         }
 
         .doorstop-doc-count {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
         }
 
         .doorstop-dot {
@@ -7053,7 +7319,7 @@ var panelStyles = i`
           border-radius: 999px;
           color: var(--pi-warning);
           padding: 1px 8px;
-          font-size: 12px;
+          font-size: 13px;
         }
 
         /* --- project-scoped git actions (plan-add-git-actions Phase D step 17) --- */
@@ -7076,7 +7342,7 @@ var panelStyles = i`
           background: transparent;
           color: var(--pi-muted);
           padding: 2px 9px;
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-git-status-text {
@@ -7132,7 +7398,7 @@ var panelStyles = i`
           background: transparent;
           color: var(--pi-muted);
           padding: 3px 10px;
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-view-tab + .doorstop-view-tab {
@@ -7143,7 +7409,10 @@ var panelStyles = i`
           background: var(--pi-selection-bg);
           color: var(--pi-accent);
         }
+`;
 
+// src/browser/styles/item-list.ts
+var itemListStyles = i`
         /* --- viewer (regions 2 + 3; the filters row and split stack) --- */
         .doorstop-viewer {
           flex: 1 1 auto;
@@ -7260,7 +7529,7 @@ var panelStyles = i`
         .doorstop-item-row {
           display: grid;
           grid-template-columns: max-content max-content minmax(0, 1fr) max-content;
-          gap: 8px;
+          gap: 2px 8px;
           align-items: baseline;
           width: 100%;
           border: 0;
@@ -7277,7 +7546,7 @@ var panelStyles = i`
 
         .doorstop-item-level {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
         }
 
         .doorstop-item-summary {
@@ -7288,6 +7557,49 @@ var panelStyles = i`
           color: var(--pi-text-secondary);
         }
 
+        /* A fifth column exists only when showAdditionalAttribute configures
+           at least one name; otherwise the default rows keep the original
+           4-column track (and its single 8px summary→chips gap). */
+        .doorstop-items.has-item-attrs .doorstop-item-row {
+          grid-template-columns: max-content max-content minmax(0, 1fr) minmax(0, max-content) max-content;
+        }
+
+        /* The configured key: value attribute pairs (settings field
+           showAdditionalAttribute). The column collapses to zero when the row
+           renders nothing here (no configured attribute the item has). The
+           max-width bounds a pathologically long value so it cannot starve
+           the summary's fr track before the ellipsis kicks in. */
+        .doorstop-item-attrs {
+          min-width: 0;
+          max-width: 40ch;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          color: var(--pi-muted);
+          font-size: 12px;
+        }
+
+        /* The item body ("text" configured in showAdditionalAttribute) on its own
+           indented second line below level/uid/summary/chips. Full-width implicit
+           grid row; 5ch inline indent; clamped to 2 lines with ellipsis — the full
+           body lives in the detail pane. The span only exists when rendered, so no
+           container modifier class is needed. */
+        .doorstop-item-text {
+          grid-column: 1 / -1;
+          align-self: start;
+          padding-inline-start: 5ch;
+          min-width: 0;
+          color: var(--pi-muted);
+          /* Body-like content: reads one tier above the 12px metadata. */
+          font-size: 13px;
+          white-space: pre-wrap;
+          overflow-wrap: anywhere;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          overflow: hidden;
+        }
+
         .doorstop-item-chips {
           display: flex;
           flex-wrap: wrap;
@@ -7301,8 +7613,14 @@ var panelStyles = i`
            keyboard path is the region-4 Stage/Unstage buttons. The same class
            hosts both directions: the plus (git add) icon and the unstage
            minus (git reset) icon, chosen by {@link itemUnstageable} /
-           {@link itemStageable} precedence. */
-        .doorstop-item-add {
+           {@link itemStageable} precedence.
+
+           The per-row "insert UID into the agent prompt" arrow shares the
+           pointer-only <span> contract and this visual box; it keeps a
+           distinct class because the +/reset icon and the arrow stay
+           independently evolvable. */
+        .doorstop-item-add,
+        .doorstop-item-insert {
           display: inline-flex;
           align-items: center;
           align-self: center;
@@ -7313,7 +7631,8 @@ var panelStyles = i`
           cursor: pointer;
         }
 
-        .doorstop-item-add:hover {
+        .doorstop-item-add:hover,
+        .doorstop-item-insert:hover {
           color: var(--pi-text);
         }
 
@@ -7321,6 +7640,7 @@ var panelStyles = i`
         .doorstop-chip {
           border-radius: 999px;
           padding: 0 7px;
+          /* Strict parity: pi-web keeps compact chips at 11px. */
           font-size: 11px;
           white-space: nowrap;
         }
@@ -7344,16 +7664,132 @@ var panelStyles = i`
           border: 1px solid var(--pi-success-border);
           color: var(--pi-success);
         }
-
-        /* --- detail pane (region 3) --- */
-        .doorstop-detail {
-          padding: 12px;
-          display: grid;
-          gap: 10px;
-          align-content: start;
-        }
-
-        .doorstop-detail-head {
+`;
+var findingsStyles = i`
+        /* --- findings view (spec §7.2) --- */
+        .doorstop-findings-view {
+          flex: 1 1 auto;
+          min-height: 0;
+          overflow: auto;
+          padding: 10px 12px;
+          display: grid;
+          gap: 8px;
+          align-content: start;
+        }
+
+        .doorstop-findings-head {
+          display: flex;
+          flex-wrap: wrap;
+          align-items: baseline;
+          gap: 6px 10px;
+        }
+
+        .doorstop-findings-counts {
+          font-size: 13px;
+          font-weight: 600;
+        }
+
+        .doorstop-findings-note {
+          font-size: 12px;
+        }
+
+        .doorstop-findings-list {
+          display: grid;
+          gap: 3px;
+        }
+
+        .doorstop-finding-row {
+          display: flex;
+          flex-wrap: wrap;
+          align-items: baseline;
+          gap: 6px;
+          border-radius: 6px;
+          padding: 5px 8px;
+        }
+
+        .doorstop-finding-row.doorstop-error {
+          border: 1px solid var(--pi-danger);
+          background: color-mix(in srgb, var(--pi-danger) 9%, transparent);
+        }
+
+        .doorstop-finding-row.doorstop-warning {
+          border: 1px solid var(--pi-warning-border);
+          background: color-mix(in srgb, var(--pi-warning) 9%, transparent);
+        }
+
+        .doorstop-finding-row.doorstop-info {
+          border: 1px solid var(--pi-border-muted);
+          color: var(--pi-muted);
+        }
+
+        .doorstop-finding-row .doorstop-severity {
+          background: var(--pi-border-muted);
+          color: var(--pi-muted);
+        }
+
+        .doorstop-finding-row.doorstop-error .doorstop-severity {
+          background: var(--pi-danger);
+          color: var(--pi-bg);
+        }
+
+        .doorstop-finding-row.doorstop-warning .doorstop-severity {
+          background: var(--pi-warning);
+          color: var(--pi-bg);
+        }
+
+        .doorstop-finding-uid {
+          border: 0;
+          border-radius: 5px;
+          background: transparent;
+          color: inherit;
+          padding: 0;
+          font-weight: 600;
+        }
+
+        .doorstop-finding-uid:hover {
+          text-decoration: underline;
+          cursor: pointer;
+        }
+
+        .doorstop-finding-message {
+          min-width: 0;
+          overflow-wrap: anywhere;
+        }
+
+        /* --- empty states --- */
+        .doorstop-empty {
+          margin: 10px 12px;
+          border: 1px dashed var(--pi-border-muted);
+          border-radius: 8px;
+          color: var(--pi-muted);
+          padding: 12px;
+          overflow: auto;
+        }
+
+        .doorstop-empty p {
+          margin: 0;
+        }
+
+        .doorstop-empty button {
+          margin-top: 10px;
+        }
+
+        .doorstop-empty .doorstop-muted {
+          margin-top: 6px;
+        }
+`;
+
+// src/browser/styles/detail-pane.ts
+var detailPaneStyles = i`
+        /* --- detail pane (region 3) --- */
+        .doorstop-detail {
+          padding: 12px;
+          display: grid;
+          gap: 10px;
+          align-content: start;
+        }
+
+        .doorstop-detail-head {
           display: flex;
           flex-wrap: wrap;
           align-items: baseline;
@@ -7362,14 +7798,14 @@ var panelStyles = i`
 
         .doorstop-detail-head h3 {
           margin: 0;
-          font-size: 15px;
+          font-size: 16px;
           min-width: 0;
           overflow-wrap: anywhere;
         }
 
         .doorstop-level {
           color: var(--pi-muted);
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-flags {
@@ -7383,7 +7819,7 @@ var panelStyles = i`
           border-radius: 999px;
           color: var(--pi-muted);
           padding: 0 7px;
-          font-size: 11px;
+          font-size: 12px;
         }
 
         .doorstop-flag.is-inactive {
@@ -7406,7 +7842,7 @@ var panelStyles = i`
 
         .doorstop-changes-summary {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
           text-transform: uppercase;
           letter-spacing: 0.03em;
           cursor: pointer;
@@ -7419,12 +7855,12 @@ var panelStyles = i`
 
         .doorstop-changes-notice {
           margin: 6px 0 0;
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-changes-source {
           margin: 6px 0 4px;
-          font-size: 11px;
+          font-size: 12px;
         }
 
         .doorstop-diff-lines {
@@ -7494,7 +7930,7 @@ var panelStyles = i`
 
         .doorstop-field-name {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
           text-transform: uppercase;
           letter-spacing: 0.03em;
         }
@@ -7502,7 +7938,7 @@ var panelStyles = i`
         .doorstop-field-chip {
           border-radius: 5px;
           border: 1px solid var(--pi-border-muted);
-          font-size: 12px;
+          font-size: 13px;
           padding: 1px 6px;
           overflow-wrap: anywhere;
         }
@@ -7525,7 +7961,7 @@ var panelStyles = i`
 
         .doorstop-section-title {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
           text-transform: uppercase;
           letter-spacing: 0.03em;
           margin: 0;
@@ -7546,6 +7982,107 @@ var panelStyles = i`
           font-style: italic;
         }
 
+        /* Plan §2.1: the item body is host-rendered Markdown. The host renderer
+         * mounts its nodes in THIS shadow root (the host's
+         * pi-web-content-rendering-boundary element deliberately has no shadow
+         * root of its own — createRenderRoot returns the element), so the prose
+         * rules below reach them. The plain-text pre-wrap on .doorstop-text is
+         * not appropriate inside Markdown blocks; the boundary's own source
+         * fallback sets its own pre-wrap inline.
+         *
+         * This element does NOT inherit host typography: the boundary only
+         * avoids adding a shadow root, it does not import host theme CSS into
+         * ours, so every rule the document needs is restated here. */
+        .doorstop-text-markdown {
+          white-space: normal;
+        }
+
+        /* Edge trimming must reach the BLOCKS, not the wrappers: the boundary
+         * element (display: contents) and its .content-rendering-body wrapper
+         * sit between this element and the rendered blocks, so a direct-child
+         * (> :first-child) selector only ever matched the boundary itself. No
+         * matching :last-child rule: the body keeps the source-fallback span
+         * AFTER the content wrapper, so the last block is never a last-child;
+         * its trailing 8px margin is invisible inside the bordered box. */
+        .doorstop-text-markdown :is(p, ul, ol, pre, blockquote, .table-scroll, h1, h2, h3, h4, h5, h6):first-child {
+          margin-top: 0;
+        }
+
+        .doorstop-text-markdown :is(p, ul, ol, blockquote, .table-scroll) {
+          margin: 0 0 8px;
+        }
+
+        .doorstop-text-markdown :is(ul, ol) {
+          padding-left: 20px;
+        }
+
+        .doorstop-text-markdown :is(h1, h2, h3, h4, h5, h6) {
+          margin: 12px 0 6px;
+          font-size: 14px;
+          font-weight: 600;
+        }
+
+        .doorstop-text-markdown code {
+          border: 1px solid var(--pi-border-muted);
+          border-radius: 4px;
+          background: var(--pi-bg);
+          padding: 0 3px;
+          font-size: 12px;
+        }
+
+        .doorstop-text-markdown pre {
+          border: 1px solid var(--pi-border-muted);
+          border-radius: 6px;
+          padding: 8px;
+          overflow-x: auto;
+        }
+
+        .doorstop-text-markdown pre code {
+          border: 0;
+          background: transparent;
+          padding: 0;
+        }
+
+        .doorstop-text-markdown blockquote {
+          border-left: 3px solid var(--pi-border-muted);
+          padding-left: 8px;
+          color: var(--pi-muted);
+        }
+
+        /* The host wraps every table in a div.table-scroll role=region
+         * tabindex=0 and styles it ONLY from host theme CSS
+         * (pi-web base/formattedText.css), which does not reach this
+         * unregistered shadow root. Without these two rules a wide table is
+         * clipped by the pane and its focusable region is unusable, so the
+         * panel restates the host's rules (pi-web 1.202611.1).
+         *
+         * overflow-wrap: normal undoes the anywhere inherited from
+         * .doorstop-text: harmless (host-identical) in prose, but inside table
+         * cells it would let every column collapse to min-content instead of
+         * making the table overflow into its scroll region. */
+        .doorstop-text-markdown .table-scroll {
+          max-width: 100%;
+          overflow-x: auto;
+          overflow-y: hidden;
+          overflow-wrap: normal;
+        }
+
+        .doorstop-text-markdown .table-scroll:focus-visible {
+          outline: 1px solid var(--pi-accent);
+          outline-offset: 2px;
+        }
+
+        .doorstop-text-markdown table {
+          border-collapse: collapse;
+          margin: 0;
+        }
+
+        .doorstop-text-markdown :is(th, td) {
+          border: 1px solid var(--pi-border-muted);
+          padding: 2px 6px;
+          text-align: left;
+        }
+
         .doorstop-links {
           display: grid;
           gap: 4px;
@@ -7586,7 +8123,7 @@ var panelStyles = i`
 
         .doorstop-fingerprint {
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
           /* The link row wraps, which could push the trash can onto a second
              line on narrow panes. Let the fingerprint shrink and ellipsize
              instead (min-width: 0 lifts the flex min-content floor). */
@@ -7611,7 +8148,7 @@ var panelStyles = i`
 
         .doorstop-attribute dt {
           color: var(--pi-muted);
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-attribute dd {
@@ -7620,6 +8157,28 @@ var panelStyles = i`
           overflow-wrap: anywhere;
         }
 
+        /* Plan plan-attribute-markdown D5: an allowlisted prose attribute
+         * (initially "rationale") is host-rendered Markdown, so its row uses a
+         * STACKED variant — the label above a full-width block — instead of
+         * the two-column key|value grid sized for single-line <code> values.
+         * The dt keeps the existing small muted label rule above.
+         *
+         * Nothing here restates the §2.1 prose rules: the rendered container
+         * carries the shared .doorstop-text-markdown class, so block
+         * margins, code/pre, blockquote and the 9bc9cc9 .table-scroll fixes
+         * apply automatically. */
+        .doorstop-attribute.doorstop-attribute-markdown {
+          grid-template-columns: minmax(0, 1fr);
+          gap: 3px;
+        }
+
+        /* The escaped-text fallback (no host renderer) is prose too: keep its
+         * line breaks. This only reaches the fallback — the markdown container
+         * inside resets white-space to normal (.doorstop-text-markdown). */
+        .doorstop-attribute-markdown dd {
+          white-space: pre-wrap;
+        }
+
         .doorstop-findings {
           display: grid;
           gap: 4px;
@@ -7652,10 +8211,14 @@ var panelStyles = i`
 
         .doorstop-finding-severity {
           flex: 0 0 auto;
+          /* Strict parity: pi-web keeps compact chips at 11px. */
           font-size: 11px;
           font-weight: 600;
         }
+`;
 
+// src/browser/styles/item-action-palette.ts
+var itemActionPaletteStyles = i`
         /* --- item action palette (region 4), sized to the prompt footer --- */
         .doorstop-action-palette {
           flex: 0 0 auto;
@@ -7701,7 +8264,7 @@ var panelStyles = i`
 
         .doorstop-op-error {
           color: var(--pi-danger);
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-menu {
@@ -7734,174 +8297,70 @@ var panelStyles = i`
         .doorstop-menu-item:hover:not(:disabled) {
           background: var(--pi-selection-bg);
         }
+`;
 
-        /* --- findings view (spec §7.2) --- */
-        .doorstop-findings-view {
-          flex: 1 1 auto;
-          min-height: 0;
-          overflow: auto;
-          padding: 10px 12px;
-          display: grid;
-          gap: 8px;
-          align-content: start;
+// src/browser/styles/status-bar.ts
+var statusBarStyles = i`
+        /* --- status bar (region 5), sized to the host center status bar --- */
+        .doorstop-status-bar {
+          flex: 0 0 auto;
+          display: flex;
+          flex-direction: column;
+          min-width: 0;
+          /* Cap the whole bar at 38% of the panel (the pre-improvement cap),
+             not 38vh: on a short viewport with a tall side panel a viewport
+             unit can dwarf the panel. The cap cannot live on the body div
+             (.doorstop-last-run) — its containing block (this bar) is
+             content-sized, so a percentage max-height there would be treated
+             as none — so the bar caps itself and the body shrinks (and
+             scrolls) below it. */
+          max-height: 38%;
+          border-top: 1px solid var(--pi-border);
+          background: var(--pi-bg);
+          color: var(--pi-muted);
+          font: 13px system-ui, sans-serif;
         }
 
-        .doorstop-findings-head {
+        .doorstop-status-bar-row {
+          flex: 0 0 auto; /* the status row never collapses under the body cap */
           display: flex;
-          flex-wrap: wrap;
-          align-items: baseline;
-          gap: 6px 10px;
+          align-items: center;
+          gap: 8px;
+          min-width: 0;
+          padding: 7px 12px;
+          overflow: hidden;
+          white-space: nowrap;
         }
 
-        .doorstop-findings-counts {
-          font-size: 12px;
-          font-weight: 600;
+        /* The status bar's expanded output body — no card chrome. Shrinks
+           (and scrolls) when the bar hits its 38% cap; content-sized
+           otherwise. */
+        .doorstop-last-run {
+          flex: 1 1 auto;
+          min-height: 0;
+          overflow: auto;
+          padding: 8px 12px 10px;
+          border-top: 1px solid var(--pi-border-muted);
         }
 
-        .doorstop-findings-note {
+        .doorstop-last-run-commit {
+          margin: 0 0 6px;
+          font-size: 13px;
+          overflow-wrap: anywhere;
+        }
+
+        .doorstop-last-run-status {
+          flex: 0 0 auto; /* the badge label keeps its full width */
+          border-radius: 999px;
+          padding: 0 7px;
+          /* Strict parity: pi-web keeps compact chips at 11px. */
           font-size: 11px;
+          white-space: nowrap;
         }
 
-        .doorstop-findings-list {
-          display: grid;
-          gap: 3px;
-        }
-
-        .doorstop-finding-row {
-          display: flex;
-          flex-wrap: wrap;
-          align-items: baseline;
-          gap: 6px;
-          border-radius: 6px;
-          padding: 5px 8px;
-        }
-
-        .doorstop-finding-row.doorstop-error {
-          border: 1px solid var(--pi-danger);
-          background: color-mix(in srgb, var(--pi-danger) 9%, transparent);
-        }
-
-        .doorstop-finding-row.doorstop-warning {
-          border: 1px solid var(--pi-warning-border);
-          background: color-mix(in srgb, var(--pi-warning) 9%, transparent);
-        }
-
-        .doorstop-finding-row.doorstop-info {
-          border: 1px solid var(--pi-border-muted);
-          color: var(--pi-muted);
-        }
-
-        .doorstop-finding-row .doorstop-severity {
-          background: var(--pi-border-muted);
-          color: var(--pi-muted);
-        }
-
-        .doorstop-finding-row.doorstop-error .doorstop-severity {
-          background: var(--pi-danger);
-          color: var(--pi-bg);
-        }
-
-        .doorstop-finding-row.doorstop-warning .doorstop-severity {
-          background: var(--pi-warning);
-          color: var(--pi-bg);
-        }
-
-        .doorstop-finding-uid {
-          border: 0;
-          border-radius: 5px;
-          background: transparent;
-          color: inherit;
-          padding: 0;
-          font-weight: 600;
-        }
-
-        .doorstop-finding-uid:hover {
-          text-decoration: underline;
-          cursor: pointer;
-        }
-
-        .doorstop-finding-message {
-          min-width: 0;
-          overflow-wrap: anywhere;
-        }
-
-        /* --- empty states --- */
-        .doorstop-empty {
-          margin: 10px 12px;
-          border: 1px dashed var(--pi-border-muted);
-          border-radius: 8px;
-          color: var(--pi-muted);
-          padding: 12px;
-          overflow: auto;
-        }
-
-        .doorstop-empty p {
-          margin: 0;
-        }
-
-        .doorstop-empty .doorstop-muted {
-          margin-top: 6px;
-        }
-
-        /* --- status bar (region 5), sized to the host center status bar --- */
-        .doorstop-status-bar {
-          flex: 0 0 auto;
-          display: flex;
-          flex-direction: column;
-          min-width: 0;
-          /* Cap the whole bar at 38% of the panel (the pre-improvement cap),
-             not 38vh: on a short viewport with a tall side panel a viewport
-             unit can dwarf the panel. The cap cannot live on the body div
-             (.doorstop-last-run) — its containing block (this bar) is
-             content-sized, so a percentage max-height there would be treated
-             as none — so the bar caps itself and the body shrinks (and
-             scrolls) below it. */
-          max-height: 38%;
-          border-top: 1px solid var(--pi-border);
-          background: var(--pi-bg);
-          color: var(--pi-muted);
-          font: 12px system-ui, sans-serif;
-        }
-
-        .doorstop-status-bar-row {
-          flex: 0 0 auto; /* the status row never collapses under the body cap */
-          display: flex;
-          align-items: center;
-          gap: 8px;
-          min-width: 0;
-          padding: 7px 12px;
-          overflow: hidden;
-          white-space: nowrap;
-        }
-
-        /* The status bar's expanded output body — no card chrome. Shrinks
-           (and scrolls) when the bar hits its 38% cap; content-sized
-           otherwise. */
-        .doorstop-last-run {
-          flex: 1 1 auto;
-          min-height: 0;
-          overflow: auto;
-          padding: 8px 12px 10px;
-          border-top: 1px solid var(--pi-border-muted);
-        }
-
-        .doorstop-last-run-commit {
-          margin: 0 0 6px;
-          font-size: 12px;
-          overflow-wrap: anywhere;
-        }
-
-        .doorstop-last-run-status {
-          flex: 0 0 auto; /* the badge label keeps its full width */
-          border-radius: 999px;
-          padding: 0 7px;
-          font-size: 11px;
-          white-space: nowrap;
-        }
-
-        .doorstop-last-run-status.is-ok {
-          border: 1px solid var(--pi-success-border);
-          color: var(--pi-success);
+        .doorstop-last-run-status.is-ok {
+          border: 1px solid var(--pi-success-border);
+          color: var(--pi-success);
         }
 
         .doorstop-last-run-status.is-failed,
@@ -7927,12 +8386,12 @@ var panelStyles = i`
           text-overflow: ellipsis;
           white-space: nowrap;
           color: var(--pi-muted);
-          font-size: 12px;
+          font-size: 13px;
         }
 
         .doorstop-last-run-dismiss {
           flex: 0 0 auto;
-          /* Buttons do not inherit font; match the bar's 12px system-ui. */
+          /* Buttons do not inherit font; match the bar's 13px system-ui. */
           font: inherit;
         }
 
@@ -7942,7 +8401,7 @@ var panelStyles = i`
           background: var(--pi-surface);
           color: var(--pi-text);
           padding: 6px 8px;
-          font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+          font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
           white-space: pre-wrap;
           word-break: break-word;
           overflow-wrap: anywhere;
@@ -7954,21 +8413,297 @@ var panelStyles = i`
         .doorstop-last-run-notice {
           margin: 4px 0 0;
           color: var(--pi-muted);
-          font-size: 11px;
+          font-size: 12px;
         }
 `;
 
-// src/doorstop-panel-icons.ts
+// src/browser/doorstop-panel-styles.ts
+var panelStyles = i`${baseStyles}${projectActionsStyles}${itemListStyles}${detailPaneStyles}${itemActionPaletteStyles}${findingsStyles}${statusBarStyles}`;
+
+// node_modules/lit-html/directives/class-map.js
+var e7 = e4(class extends i6 {
+  constructor(t5) {
+    if (super(t5), t5.type !== t4.ATTRIBUTE || "class" !== t5.name || t5.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t5) {
+    return " " + Object.keys(t5).filter((s6) => t5[s6]).join(" ") + " ";
+  }
+  update(s6, [i8]) {
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s6.strings && (this.nt = new Set(s6.strings.join(" ").split(/\s/).filter((t5) => "" !== t5)));
+      for (const t5 in i8) i8[t5] && !this.nt?.has(t5) && this.st.add(t5);
+      return this.render(i8);
+    }
+    const r8 = s6.element.classList;
+    for (const t5 of this.st) t5 in i8 || (r8.remove(t5), this.st.delete(t5));
+    for (const t5 in i8) {
+      const s7 = !!i8[t5];
+      s7 === this.st.has(t5) || this.nt?.has(t5) || (s7 ? (r8.add(t5), this.st.add(t5)) : (r8.remove(t5), this.st.delete(t5)));
+    }
+    return E;
+  }
+});
+
+// src/browser/doorstop-panel-icons.ts
 var doorstopIconSvg = w`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect width="8" height="4" x="8" y="3" rx="1"/><path d="m9 12 2 2 4-4"/></svg>`;
 var refreshIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M1 4v6h6"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>`;
 var validateIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>`;
 var publishIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="m5 12 7-7 7 7"/></svg>`;
-var gitStageIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/></svg>`;
-var gitUnstageIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/></svg>`;
+var gitStageIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12h12"/><path d="M12 6v12"/></svg>`;
+var gitUnstageIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 12h12"/></svg>`;
 var gitCommitIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>`;
+var insertPromptIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="m5 12 7-7 7 7"/></svg>`;
 var trashIconSvg = w`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M10 11v6"/><path d="M14 11v6"/></svg>`;
 
-// src/doorstop-prompts.ts
+// src/browser/sections/project-actions.ts
+function renderProjectActions(host) {
+  const publishTarget = doorstopPublishTarget(host.result);
+  const projectPath = host.context?.workspace.path ?? "";
+  const projectLabel = projectPath === "" ? "Doorstop" : projectPath.split("/").filter(Boolean).pop() ?? projectPath;
+  return b2`
+    <section class="doorstop-project-actions">
+      <strong class="doorstop-title" title=${projectPath === "" ? A : projectPath}>${doorstopIconSvg}${projectLabel}</strong>
+      ${renderViewToggle(host)}
+      <div class="doorstop-toolbar-actions">
+        ${host.stale ? b2`<button type="button" class="doorstop-stale" title="Doorstop ran or files changed behind the panel — click to rescan" @click=${() => onRefreshClick(host)}>stale — refresh</button>` : A}
+        ${host.confirmSkipped ? b2`<span class="doorstop-muted doorstop-confirm-skipped" title="No confirmation dialog is available in this environment — publishing proceeded without one">confirmation skipped — publishing</span>` : A}
+        <button type="button" class="doorstop-refresh" title="Re-read the workspace" @click=${() => onRefreshClick(host)}>${refreshIconSvg}Refresh</button>
+        <button type="button" class="doorstop-validate" title="Run \`doorstop\` in the workspace (terminal when unpaired)" ?disabled=${host.runInProgress !== void 0} @click=${() => onValidateClick(host)}>${validateIconSvg}Run validation</button>
+        <button type="button" class="doorstop-publish" title=${`Publish the tree to ${publishTarget}`} ?disabled=${host.runInProgress !== void 0} @click=${() => onPublishClick(host)}>${publishIconSvg}Publish HTML</button>
+        ${renderGitActions(host)}
+      </div>
+    </section>
+  `;
+}
+function renderViewToggle(host) {
+  return b2`
+    <div class="doorstop-view-toggle" role="tablist" aria-label="Requirements panel view">
+      <button
+        type="button"
+        role="tab"
+        class=${e7({
+    "doorstop-view-tab": true,
+    "doorstop-view-items": true,
+    "is-selected": host.view === "items"
+  })}
+        aria-selected=${host.view === "items" ? "true" : "false"}
+        title="Item list and detail"
+        @click=${() => {
+    host.view = "items";
+  }}
+      >Items</button>
+      <button
+        type="button"
+        role="tab"
+        class=${e7({
+    "doorstop-view-tab": true,
+    "doorstop-view-findings": true,
+    "is-selected": host.view === "findings"
+  })}
+        aria-selected=${host.view === "findings" ? "true" : "false"}
+        title="Validation findings"
+        @click=${() => {
+    host.view = "findings";
+  }}
+      >Findings</button>
+    </div>
+  `;
+}
+function renderGitActions(host) {
+  if (!host.backendActive()) return A;
+  const hasDocuments = (host.result?.index.documents.length ?? 0) > 0;
+  return b2`
+    ${renderGitStatus(host)}
+    <button
+      type="button"
+      class="doorstop-git-stage"
+      title="Stage all Doorstop-managed files (requirements, documents, configs)"
+      ?disabled=${host.runInProgress !== void 0 || !hasDocuments}
+      @click=${() => onGitStageClick(host)}
+    >${gitStageIconSvg}Stage all</button>
+    <div class="doorstop-git-commit">
+      <input
+        type="text"
+        class="doorstop-git-commit-input"
+        placeholder="Commit message"
+        aria-label="Git commit message"
+        ?disabled=${host.runInProgress !== void 0}
+        ${n5(host.gitCommitInputRef)}
+        @input=${(event) => onGitCommitInput(host, event)}
+        @keydown=${(event) => onGitCommitKeydown(host, event)}
+      />
+      <button
+        type="button"
+        class="doorstop-git-commit-button"
+        title="Commit the staged index with this message"
+        ?disabled=${host.runInProgress !== void 0 || host.gitCommitMessage.trim() === ""}
+        @click=${() => onGitCommitClick(host)}
+      >${gitCommitIconSvg}Commit</button>
+      ${host.gitActionError === void 0 ? A : b2`<span class="doorstop-op-error" role="alert">${host.gitActionError}</span>`}
+    </div>
+  `;
+}
+function renderGitStatus(host) {
+  const view = host.gitStatusView;
+  if (view === void 0) return A;
+  const refresh = () => {
+    void host.controller?.requestGitStatus();
+  };
+  switch (view.state) {
+    case "loading":
+      return b2`<button
+        type="button"
+        class="doorstop-git-status"
+        title="Refreshing git status…"
+        aria-busy=${host.gitStatusInFlight}
+        @click=${refresh}
+      ><span class="doorstop-git-status-text">⎇ …</span></button>`;
+    case "no-git":
+      return b2`<button type="button" class="doorstop-git-status" title="Not a git repository — click to re-check" aria-busy=${host.gitStatusInFlight} @click=${refresh}><span class="doorstop-git-status-text">no git</span></button>`;
+    case "error":
+      return b2`<button
+        type="button"
+        class="doorstop-git-status doorstop-git-status-error"
+        title=${`Git status unavailable \u2014 ${view.errorMessage ?? "request failed"} \u2014 click to retry`}
+        aria-busy=${host.gitStatusInFlight}
+        @click=${refresh}
+      ><span class="doorstop-git-status-text">git status error — retry</span></button>`;
+    case "ready":
+      return b2`<button type="button" class="doorstop-git-status" title="Git status — click to refresh" aria-busy=${host.gitStatusInFlight} @click=${refresh}><span class="doorstop-git-status-text">${gitStatusText(view.response)}</span></button>`;
+  }
+}
+function onRefreshClick(host) {
+  void host.controller?.invalidate();
+}
+function onValidateClick(host) {
+  host.runDoorstop("validate", "Doorstop: validate", { op: "validate" }, "doorstop", true);
+}
+function onPublishClick(host) {
+  const target = doorstopPublishTarget(host.result);
+  if (typeof window.confirm === "function") {
+    if (!window.confirm(`Publish the Doorstop tree as HTML to ${target} in the workspace terminal?`)) return;
+    host.confirmSkipped = false;
+  } else {
+    host.confirmSkipped = true;
+  }
+  host.runDoorstop(
+    "publish",
+    "Doorstop: publish",
+    { op: "publish", target },
+    doorstopPublishCommand(host.result, target),
+    false
+  );
+}
+function onGitStageClick(host) {
+  const controller = host.controller;
+  if (controller === void 0) return;
+  if (controller.runInProgress !== void 0) return;
+  const result = host.result;
+  if (result === void 0) {
+    host.gitActionError = "The workspace is not loaded \u2014 refresh first";
+    return;
+  }
+  const paths = doorstopPaths(result);
+  if (paths.length === 0) {
+    host.gitActionError = "Nothing to stage \u2014 the workspace has no Doorstop-managed files";
+    return;
+  }
+  host.gitActionError = void 0;
+  void controller.runGitStage(paths);
+}
+function onGitCommitInput(host, event) {
+  host.gitCommitMessage = event.target.value;
+}
+function onGitCommitClick(host) {
+  gitCommitSubmit(host);
+}
+function onGitCommitKeydown(host, event) {
+  const input = host.gitCommitInputRef.value;
+  if (input === void 0) return;
+  if (event.key === "Enter") {
+    event.preventDefault();
+    gitCommitSubmit(host);
+  } else if (event.key === "Escape") {
+    input.value = "";
+    host.gitCommitMessage = "";
+    host.gitActionError = void 0;
+  }
+}
+function gitCommitSubmit(host) {
+  const controller = host.controller;
+  if (controller === void 0) return;
+  if (controller.runInProgress !== void 0) return;
+  const input = host.gitCommitInputRef.value;
+  const message = input?.value.trim() ?? "";
+  if (message === "") {
+    host.gitActionError = "Enter a commit message";
+    input?.focus();
+    return;
+  }
+  host.gitActionError = void 0;
+  void controller.runGitCommit(message).then(() => {
+    const lastRun = controller.lastRun;
+    if (lastRun?.op === "git-commit" && lastRun.status === "ok" && input !== void 0) {
+      input.value = "";
+      host.gitCommitMessage = "";
+    }
+  });
+}
+
+// node_modules/lit-html/directives/repeat.js
+var u4 = (e8, s6, t5) => {
+  const r8 = /* @__PURE__ */ new Map();
+  for (let l3 = s6; l3 <= t5; l3++) r8.set(e8[l3], l3);
+  return r8;
+};
+var c5 = e4(class extends i6 {
+  constructor(e8) {
+    if (super(e8), e8.type !== t4.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e8, s6, t5) {
+    let r8;
+    void 0 === t5 ? t5 = s6 : void 0 !== s6 && (r8 = s6);
+    const l3 = [], o8 = [];
+    let i8 = 0;
+    for (const s7 of e8) l3[i8] = r8 ? r8(s7, i8) : i8, o8[i8] = t5(s7, i8), i8++;
+    return { values: o8, keys: l3 };
+  }
+  render(e8, s6, t5) {
+    return this.dt(e8, s6, t5).values;
+  }
+  update(s6, [t5, r8, c6]) {
+    const d3 = M2(s6), { values: p4, keys: a3 } = this.dt(t5, r8, c6);
+    if (!Array.isArray(d3)) return this.ut = a3, p4;
+    const h6 = this.ut ??= [], v3 = [];
+    let m3, y3, x2 = 0, j2 = d3.length - 1, k2 = 0, w2 = p4.length - 1;
+    for (; x2 <= j2 && k2 <= w2; ) if (null === d3[x2]) x2++;
+    else if (null === d3[j2]) j2--;
+    else if (h6[x2] === a3[k2]) v3[k2] = u3(d3[x2], p4[k2]), x2++, k2++;
+    else if (h6[j2] === a3[w2]) v3[w2] = u3(d3[j2], p4[w2]), j2--, w2--;
+    else if (h6[x2] === a3[w2]) v3[w2] = u3(d3[x2], p4[w2]), v2(s6, v3[w2 + 1], d3[x2]), x2++, w2--;
+    else if (h6[j2] === a3[k2]) v3[k2] = u3(d3[j2], p4[k2]), v2(s6, d3[x2], d3[j2]), j2--, k2++;
+    else if (void 0 === m3 && (m3 = u4(a3, k2, w2), y3 = u4(h6, x2, j2)), m3.has(h6[x2])) if (m3.has(h6[j2])) {
+      const e8 = y3.get(a3[k2]), t6 = void 0 !== e8 ? d3[e8] : null;
+      if (null === t6) {
+        const e9 = v2(s6, d3[x2]);
+        u3(e9, p4[k2]), v3[k2] = e9;
+      } else v3[k2] = u3(t6, p4[k2]), v2(s6, d3[x2], t6), d3[e8] = null;
+      k2++;
+    } else h3(d3[j2]), j2--;
+    else h3(d3[x2]), x2++;
+    for (; k2 <= w2; ) {
+      const e8 = v2(s6, v3[w2 + 1]);
+      u3(e8, p4[k2]), v3[k2++] = e8;
+    }
+    for (; x2 <= j2; ) {
+      const e8 = d3[x2++];
+      null !== e8 && h3(e8);
+    }
+    return this.ut = a3, p3(s6, v3), E;
+  }
+});
+
+// src/browser/doorstop-prompts.ts
 function andJoin(values) {
   if (values.length === 0) return "";
   if (values.length === 1) return values[0] ?? "";
@@ -8013,28 +8748,788 @@ function draftChildRequirementPrompt(parent, childPrefix) {
       "draftChildRequirementPrompt requires a non-empty child document prefix: `doorstop add` names its document by prefix"
     );
   }
-  return `Draft a new ${childPrefix} requirement that traces to ${parent.uid} (\`${parent.path}\`). Run \`doorstop add ${childPrefix}\` in the workspace root and note the UID it prints for the new item. Link the new item to its parent with \`doorstop link <new-uid> ${parent.uid}\`, substituting the printed UID for <new-uid>. Then fill in the new item's text so it elaborates ${parent.uid} at ${childPrefix} level, referencing any relevant files (prefer \`doorstop edit <new-uid>\` when available, otherwise edit the item file the add command created \u2014 doorstop normalizes formatting on the next command run). Finally run \`doorstop\` in the workspace root and confirm the new item introduces no WARNING or ERROR before judging whether it is ready for \`doorstop review <new-uid>\`.`;
+  return `Draft a new ${childPrefix} requirement that traces to ${parent.uid} (\`${parent.path}\`). Run \`doorstop add ${childPrefix}\` in the workspace root and note the UID it prints for the new item. Link the new item to its parent with \`doorstop link <new-uid> ${parent.uid}\`, substituting the printed UID for <new-uid>. Then fill in the new item's text so it elaborates ${parent.uid} at ${childPrefix} level, referencing any relevant files (prefer \`doorstop edit <new-uid>\` when available, otherwise edit the item file the add command created \u2014 doorstop normalizes formatting on the next command run). Finally run \`doorstop\` in the workspace root and confirm the new item introduces no WARNING or ERROR before judging whether it is ready for \`doorstop review <new-uid>\`.`;
+}
+function referencePaths(item) {
+  const paths = item.references?.map((reference) => reference.path) ?? [];
+  return item.ref === "" ? paths : [item.ref, ...paths];
+}
+function reviewReadinessPrompt(item, children = []) {
+  const parents = andJoin(item.links.map((link) => link.uid));
+  const references = referencePaths(item);
+  const childLinks = andJoin(
+    children.map((child) => `${child.uid} (\`${child.path}\`)`)
+  );
+  const facts = [
+    item.text.trim() === "" ? "its text is empty (that alone blocks review)" : "its text is filled in",
+    item.links.length === 0 ? "it declares no parent links" : `its recorded parent links (${parents}) are not suspect or missing a fingerprint`,
+    children.length === 0 ? "its child links are left to the `doorstop` run below" : `its child links are declared (${childLinks})`,
+    references.length === 0 ? "it has no file references to verify" : `its file references exist (${references.map((path) => `\`${path}\``).join(", ")})`
+  ];
+  return `Check whether ${item.uid} is ready for \`doorstop review ${item.uid}\`. Read \`${item.path}\` and verify that ${facts.join("; ")}. Then run \`doorstop\` in the workspace root and weigh any WARNING or ERROR it reports about ${item.uid} (for example a requirement that should link to ${item.uid} but does not). Report a verdict, and if ${item.uid} is not ready, the exact fixes to make first.`;
+}
+function composeReviewCommand(item) {
+  return `/opendoor-review ${item.uid}
+Review ${item.uid} (\`${item.path}\`) against its child links and references; run \`doorstop\` validation and, when it is ready, \`doorstop review ${item.uid}\`.`;
+}
+function setupProjectPrompt() {
+  return `Set up a Doorstop requirements project in this workspace. Use the \`ask_user\` tool to ask the user two questions before creating anything: what the first requirements document should be called (default: REQ) and whether item text should be shown in the opendoor panel (default: no). Run \`git init\` if the workspace is not a git repository. Then run \`doorstop create <chosen UID prefix> ./<prefix-derived folder: REQ to reqs, URD to urds>\` in the workspace root and \`doorstop\` to confirm it validates. If \`.pi-web/opendoor.json\` does not exist, create it with {"version": 1} plus "showAdditionalAttribute": ["text"] when the user opted into showing text; leave publish.target, discovery.excludedDirectories, and commitAfterReview at their defaults. Commit the created \`.doorstop.yml\`, requirements tree, and settings file.`;
+}
+
+// node_modules/lit-html/directives/keyed.js
+var i7 = e4(class extends i6 {
+  constructor() {
+    super(...arguments), this.key = A;
+  }
+  render(r8, t5) {
+    return this.key = r8, t5;
+  }
+  update(r8, [t5, e8]) {
+    return t5 !== this.key && (p3(r8), this.key = t5), e8;
+  }
+});
+
+// src/browser/sections/detail-pane.ts
+function renderDetail(host, result) {
+  const selectedUid = host.selectedUid;
+  if (selectedUid === void 0) {
+    return b2`<p class="doorstop-muted doorstop-standalone">Select an item in the list to inspect its details.</p>`;
+  }
+  const item = result.index.byUid.get(selectedUid);
+  if (item === void 0) {
+    return b2`<p class="doorstop-muted doorstop-standalone">This item is no longer available — refresh the panel.</p>`;
+  }
+  const children = result.index.childrenByUid.get(item.uid) ?? [];
+  const findings = result.index.findings.filter((finding) => finding.uid === item.uid);
+  return b2`
+    <section class="doorstop-detail" aria-label="Item details">
+      <div class="doorstop-detail-head">
+        <code class="doorstop-detail-uid">${item.uid}</code>
+        <span class="doorstop-level">level ${item.level}</span>
+        ${item.header === void 0 ? A : b2`<h3>${item.header}</h3>`}
+      </div>
+      ${renderFlags(host, item)}
+      <div class="doorstop-state-chip-row">
+        ${item.stateKeys.map((key) => host.renderStateChip(key))}
+      </div>
+      <h4 class="doorstop-section-title">Text</h4>
+      ${renderItemText(host, item)}
+      ${renderChangesSinceReview(host, item)}
+      <h4 class="doorstop-section-title">Parent links</h4>
+      ${renderLinksOut(host, item, result.index)}
+      <h4 class="doorstop-section-title">Child links</h4>
+      ${renderLinksIn(host, item, result.index, children)}
+      <h4 class="doorstop-section-title">References</h4>
+      ${renderReferences(host, item, result.index)}
+      ${Object.entries(item.attributes).length === 0 ? A : b2`
+            <h4 class="doorstop-section-title">Extended attributes</h4>
+            <dl class="doorstop-attributes">
+              ${Object.entries(item.attributes).map(([key, value]) => renderAttribute(host, key, value))}
+            </dl>
+          `}
+      <h4 class="doorstop-section-title">Findings</h4>
+      ${findings.length === 0 ? b2`<p class="doorstop-muted">No local findings for this item.</p>` : b2`<div class="doorstop-findings" aria-label="Findings for this item">
+            ${findings.map((finding) => {
+    const kind = finding.severity === "error" ? "doorstop-error" : finding.severity === "warning" ? "doorstop-warning" : "doorstop-info";
+    return b2`<div class=${`doorstop-finding ${kind}`}><span class="doorstop-finding-severity">${finding.severity}</span><span>${finding.message}</span></div>`;
+  })}
+          </div>`}
+    </section>
+  `;
+}
+function renderItemText(host, item) {
+  if (item.text === "") {
+    return b2`<p class="doorstop-text doorstop-text-empty">empty</p>`;
+  }
+  const renderer = host.markdownRenderer;
+  const machineId = host.context?.machine.id;
+  if (renderer === void 0 || machineId === void 0) {
+    return b2`<p class="doorstop-text">${item.text}</p>`;
+  }
+  return b2`<div class="doorstop-text doorstop-text-markdown">${renderer.render({
+    machineId,
+    text: item.text,
+    allowManualPreview: true
+  })}</div>`;
+}
+function renderAttribute(host, key, value) {
+  if (!isMarkdownAttribute(key, value)) {
+    return b2`<div class="doorstop-attribute"><dt>${key}</dt><dd><code>${jsonishText(value)}</code></dd></div>`;
+  }
+  const text = value.trim();
+  const renderer = host.markdownRenderer;
+  const machineId = host.context?.machine.id;
+  const body = text === "" ? b2`<p class="doorstop-text doorstop-text-empty">empty</p>` : renderer === void 0 || machineId === void 0 ? text : b2`<div class="doorstop-text-markdown">${renderer.render({ machineId, text, allowManualPreview: true })}</div>`;
+  return b2`<div class="doorstop-attribute doorstop-attribute-markdown"><dt>${key}</dt><dd>${body}</dd></div>`;
+}
+function renderFlags(host, item) {
+  return b2`
+    <div class="doorstop-flags" aria-label="Item flags">
+      <span class=${e7({ "doorstop-flag": true, "is-inactive": !item.active })}>
+        ${item.active ? "active" : "inactive"}
+      </span>
+      <span class="doorstop-flag">${item.normative ? "normative" : "non-normative"}</span>
+      <span class="doorstop-flag">${item.derived ? "derived" : "non-derived"}</span>
+    </div>
+  `;
+}
+function renderLinksOut(host, item, index) {
+  if (item.links.length === 0) return b2`<p class="doorstop-muted">No parent links.</p>`;
+  return b2`
+    <div class="doorstop-links" aria-label="Parent links">
+      ${item.links.map((link) => renderLinkOut(host, item, link, index))}
+    </div>
+  `;
+}
+function renderLinkOut(host, item, link, index) {
+  const remove = b2`
+    <span
+      class="doorstop-link-remove"
+      aria-hidden="true"
+      title=${`doorstop unlink ${item.uid} ${link.uid}`}
+      @click=${(event) => {
+    event.stopPropagation();
+    unlinkLink(host, item, link.uid);
+  }}
+    >${trashIconSvg}</span>
+  `;
+  const target = index.byUid.get(link.uid);
+  if (target === void 0) {
+    return b2`
+      <div class="doorstop-link-row">
+        <code>${link.uid}</code>
+        <span class="doorstop-chip doorstop-chip-danger">unknown</span>
+        <span class="doorstop-fingerprint">not in the index — ${link.fingerprint === null ? "no recorded fingerprint" : `recorded ${shortFingerprint(link.fingerprint)}`}</span>
+        ${remove}
+      </div>
+    `;
+  }
+  const current = computeItemStamp(target, documentConfigFor(index, target), false);
+  const suspect = link.fingerprint !== null && link.fingerprint !== current;
+  return b2`
+    <button
+      type="button"
+      class="doorstop-link-row"
+      data-uid=${link.uid}
+      title=${`Open ${link.uid}`}
+      @click=${() => {
+    host.controller?.selectUid(link.uid);
+  }}
+    >
+      <code>${link.uid}</code>
+      <span class=${suspect ? "doorstop-chip doorstop-chip-danger" : "doorstop-chip doorstop-chip-ok"}>${suspect ? "suspect" : "ok"}</span>
+      <span class="doorstop-fingerprint">recorded ${shortFingerprint(link.fingerprint)} · current ${shortFingerprint(current)}</span>
+      ${remove}
+    </button>
+  `;
+}
+function renderLinksIn(host, item, index, children) {
+  if (children.length === 0) {
+    return b2`<p class="doorstop-muted">No child links.</p>`;
+  }
+  return b2`
+    <div class="doorstop-links" aria-label="Child links">
+      ${children.map(
+    (child) => b2`<button type="button" class="doorstop-link-row" data-uid=${child.uid} title=${`Open ${child.uid}`} @click=${() => {
+      host.controller?.selectUid(child.uid);
+    }}>
+          <code>${child.uid}</code>
+          <span class="doorstop-muted">${child.level}</span>
+        </button>`
+  )}
+    </div>
+  `;
+}
+function renderReferences(host, item, index) {
+  const paths = [];
+  if (item.ref !== "") paths.push(item.ref);
+  if (item.references !== void 0) {
+    for (const reference of item.references) paths.push(reference.path);
+  }
+  if (paths.length === 0) return b2`<p class="doorstop-muted">No file references.</p>`;
+  return b2`
+    <div class="doorstop-links" aria-label="File references">
+      ${paths.map((path) => {
+    const found = index.knownFilePaths.has(path);
+    return b2`
+          <div class="doorstop-link-row">
+            <code>${path}</code>
+            ${found ? A : b2`<span class="doorstop-chip doorstop-chip-danger">not found</span>`}
+          </div>
+        `;
+  })}
+    </div>
+  `;
+}
+function renderChangesSinceReview(host, item) {
+  if (!item.stateKeys.includes("unreviewed") || item.reviewed === null) return A;
+  if (!host.backendActive()) return A;
+  const view = host.controller?.baselineViewFor(item);
+  return i7(
+    item.uid,
+    b2`
+      <details class="doorstop-changes" @toggle=${(event) => onChangesToggle(host, event)}>
+        <summary class="doorstop-changes-summary">Changes since review</summary>
+        ${view === void 0 || view.state === "loading" ? b2`<p class="doorstop-muted doorstop-changes-notice">Loading baseline…</p>` : renderBaselineView(host, view)}
+      </details>
+    `
+  );
+}
+function renderBaselineView(host, view) {
+  switch (view.state) {
+    case "loading":
+      return b2`<p class="doorstop-muted doorstop-changes-notice">Loading baseline…</p>`;
+    case "no-git":
+      return b2`<p class="doorstop-muted doorstop-changes-notice">No git history — previous version unavailable</p>`;
+    case "no-match":
+      return b2`<p class="doorstop-muted doorstop-changes-notice">Could not locate the reviewed version (history may have been rewritten)</p>`;
+    case "error":
+      return b2`<p class="doorstop-muted doorstop-changes-notice">Baseline unavailable — ${view.errorMessage ?? "request failed"}</p>`;
+    case "ready": {
+      const diff = view.diff;
+      if (diff === void 0) return b2`<p class="doorstop-muted doorstop-changes-notice">No changes found.</p>`;
+      return renderBaselineDiff(host, view, diff);
+    }
+  }
+}
+function renderBaselineDiff(host, view, diff) {
+  return b2`
+    ${view.source === void 0 ? A : b2`<p class="doorstop-muted doorstop-changes-source">matched via ${view.source === "review-commit" ? "review commit" : "history walk"}</p>`}
+    ${diff.text === void 0 ? b2`<p class="doorstop-muted doorstop-changes-notice">Text changed — too large to render a line diff.</p>` : b2`<div class="doorstop-diff-lines" role="list" aria-label="Text changes since review">
+          ${diff.text.map((line) => renderDiffLine(host, line))}
+        </div>`}
+    ${diff.ref === void 0 ? A : renderFieldChange(host, "ref", diff.ref.before, diff.ref.after)}
+    ${diff.references === void 0 ? A : renderFieldChange(
+    host,
+    "references",
+    referenceListText(diff.references.before),
+    referenceListText(diff.references.after)
+  )}
+    ${diff.linksAdded.length === 0 && diff.linksRemoved.length === 0 ? A : b2`<div class="doorstop-field-change">
+          <span class="doorstop-field-name">links</span>
+          ${diff.linksAdded.map((uid) => b2`<code class="doorstop-field-chip doorstop-field-chip-after">+ ${uid}</code>`)}
+          ${diff.linksRemoved.map((uid) => b2`<code class="doorstop-field-chip doorstop-field-chip-before">− ${uid}</code>`)}
+        </div>`}
+    ${diff.extended.map((change) => renderFieldChange(host, change.name, change.before, change.after))}
+  `;
+}
+function renderDiffLine(host, line) {
+  const mark = line.kind === "added" ? "+" : line.kind === "removed" ? "\u2212" : "";
+  return b2`
+    <div class=${`doorstop-diff-line is-${line.kind}`} role="listitem">
+      <span class="doorstop-diff-mark">${mark}</span>
+      <span class="doorstop-diff-text">${line.text === "" ? "\xA0" : line.text}</span>
+    </div>
+  `;
+}
+function renderFieldChange(host, label, before, after) {
+  return b2`
+    <div class="doorstop-field-change">
+      <span class="doorstop-field-name">${label}</span>
+      <code class="doorstop-field-chip doorstop-field-chip-before">${diffValueText(before)}</code>
+      <span class="doorstop-field-arrow">→</span>
+      <code class="doorstop-field-chip doorstop-field-chip-after">${diffValueText(after)}</code>
+    </div>
+  `;
+}
+function onChangesToggle(host, event) {
+  const details = event.currentTarget;
+  if (!(details instanceof HTMLDetailsElement) || !details.open) return;
+  const item = host.selectedItem();
+  if (item === void 0) return;
+  void host.controller?.requestBaseline(item);
+}
+function unlinkLink(host, item, target) {
+  const controller = host.controller;
+  if (controller === void 0 || controller.runInProgress !== void 0) return;
+  host.runDoorstop(
+    "unlink",
+    `Doorstop: unlink ${item.uid}`,
+    { op: "unlink", uid: item.uid, target },
+    `doorstop unlink ${item.uid} ${target}`,
+    false
+  );
+}
+
+// src/browser/sections/item-list.ts
+var DEFAULT_STATE_KEY = "normative";
+function renderListFilters(host, result) {
+  return b2`
+    <section class="doorstop-list-filters">
+      <div class="doorstop-docs" role="list" aria-label="Doorstop documents">
+        ${renderDocumentChip(host, void 0, result)}
+        ${result.index.documents.map((document2) => renderDocumentChip(host, document2, result))}
+      </div>
+      <select class="doorstop-state-filter" aria-label="Filter by state" @change=${(event) => onStateFilterChange(host, event)}>
+        <option value="" .selected=${host.stateFilter === void 0}>All states</option>
+        ${Object.entries(STATE_CHIP_LABELS).map(
+    ([key, label]) => b2`<option value=${key} .selected=${host.stateFilter === key}>${label}</option>`
+  )}
+      </select>
+      <input
+        class="doorstop-search"
+        type="search"
+        aria-label="Search items"
+        placeholder="Search UID or text"
+        .value=${host.search}
+        @input=${(event) => onSearchInput(host, event)}
+      />
+    </section>
+  `;
+}
+function renderDocumentChip(host, document2, result) {
+  const prefix = document2?.prefix ?? ALL_DOCUMENTS_LABEL;
+  const count = document2 === void 0 ? result.index.items.length : result.index.items.filter((item) => item.documentPrefix === document2.prefix).length;
+  const dots = document2 === void 0 ? [] : documentStateDots(document2, result.index.items);
+  const selected = document2 === void 0 ? host.selectedDocumentPrefix === void 0 || host.selectedDocumentPrefix === "" : host.selectedDocumentPrefix === document2.prefix;
+  return b2`
+    <button
+      type="button"
+      role="listitem"
+      class=${e7({ "doorstop-doc-chip": true, "is-selected": selected })}
+      data-prefix=${document2?.prefix ?? ""}
+      @click=${() => {
+    host.controller?.selectDocument(document2?.prefix ?? "");
+  }}
+    >
+      ${document2?.parentPrefix === void 0 ? A : b2`<span class="doorstop-doc-arrow">← ${document2.parentPrefix}</span>`}
+      <span class="doorstop-doc-prefix">${prefix}</span>
+      <span class="doorstop-doc-count">${String(count)}</span>
+      ${dots.map((dot) => b2`<span class=${`doorstop-dot doorstop-dot-${dot}`} title=${dotTitle(dot)}></span>`)}
+    </button>
+  `;
+}
+function renderViewer(host) {
+  const result = host.result;
+  if (result === void 0) {
+    return b2`<p class="doorstop-muted doorstop-standalone">${host.loading ? "Loading workspace\u2026" : "Run Refresh to scan for Doorstop documents."}</p>`;
+  }
+  if (host.view === "findings") {
+    return renderFindingsView(host, result);
+  }
+  return b2`
+    ${renderListFilters(host, result)}
+    ${result.index.documents.length === 0 ? b2`
+          ${renderDiagnostics(host, result)}
+          <section class="doorstop-empty">
+            <p>${EMPTY_WORKSPACE_MESSAGE}</p>
+            ${host.context === void 0 ? A : b2`
+                  <button
+                    type="button"
+                    class="doorstop-setup"
+                    @click=${() => {
+    host.insertPrompt(setupProjectPrompt());
+  }}
+                  >Ask agent to set up the project</button>
+                `}
+          </section>
+        ` : b2`
+          <section class="doorstop-split">
+            <section class="doorstop-list">
+              ${renderDiagnostics(host, result)}
+              ${renderItemList(host, result)}
+            </section>
+            <section class="doorstop-detail-pane">${renderDetail(host, result)}</section>
+          </section>
+        `}
+  `;
+}
+function renderItemList(host, result) {
+  if (result.index.items.length === 0) {
+    return b2`<p class="doorstop-muted doorstop-standalone">No Doorstop items found (item files may be binary or truncated — see the diagnostics above).</p>`;
+  }
+  const items = filteredItems(result.index, host.selectedDocumentPrefix, host.stateFilter, host.search);
+  if (items.length === 0) {
+    return b2`<p class="doorstop-muted doorstop-standalone">No items match the current document, state, or search filters.</p>`;
+  }
+  const gitFiles = host.readyGitFiles();
+  const attributeKeys = doorstopShowAdditionalAttribute(result);
+  return b2`
+    <div
+      class=${e7({ "doorstop-items": true, "has-item-attrs": attributeKeys.length > 0 })}
+      role="list"
+      aria-label="Doorstop items"
+    >
+      ${c5(items, (item) => item.uid, (item) => renderItemRow(host, item, gitFiles, attributeKeys))}
+    </div>
+  `;
+}
+function renderItemRow(host, item, gitFiles, attributeKeys) {
+  const selected = host.selectedUid === item.uid;
+  const gitState = itemGitState(gitFiles?.get(item.path));
+  const shownAttributes = shownAttributeRows(item, attributeKeys);
+  const textBody = attributeKeys.includes("text") ? itemTextRow(item) : void 0;
+  const stageable = itemStageable(gitFiles?.get(item.path));
+  const unstageable = itemUnstageable(gitFiles?.get(item.path));
+  return b2`
+    <button
+      type="button"
+      role="listitem"
+      class=${e7({ "doorstop-item-row": true, "is-selected": selected })}
+      data-uid=${item.uid}
+      @click=${() => {
+    host.controller?.selectUid(item.uid);
+  }}
+    >
+      <span class="doorstop-item-level">${item.level}</span>
+      <code class="doorstop-item-uid">${item.uid}</code>
+      <span class="doorstop-item-summary">${itemExcerpt(item)}</span>
+      ${shownAttributes.length === 0 ? A : b2`<span class="doorstop-item-attrs">${shownAttributes.map((row) => `${row.key}: ${row.text}`).join(" \xB7 ")}</span>`}
+      <span class="doorstop-item-chips">
+        ${item.stateKeys.filter((key) => key !== DEFAULT_STATE_KEY).map((key) => renderStateChip(key))}
+        ${gitState === "clean" ? A : b2`<span class=${`doorstop-chip doorstop-chip-${gitChipKind(gitState)}`}>${GIT_CHIP_LABELS[gitState]}</span>`}
+        ${unstageable && host.runInProgress === void 0 ? b2`<span
+              class="doorstop-item-add"
+              aria-hidden="true"
+              title=${`git reset ${item.path}`}
+              @click=${(event) => {
+    event.stopPropagation();
+    host.unstageItem(item);
+  }}
+            >${gitUnstageIconSvg}</span>` : stageable && host.runInProgress === void 0 ? b2`<span
+                class="doorstop-item-add"
+                aria-hidden="true"
+                title=${`git add ${item.path}`}
+                @click=${(event) => {
+    event.stopPropagation();
+    host.stageItem(item);
+  }}
+              >${gitStageIconSvg}</span>` : A}
+        ${host.context === void 0 ? A : b2`<span
+              class="doorstop-item-insert"
+              aria-hidden="true"
+              title=${`Insert ${item.uid} into the prompt`}
+              @click=${(event) => {
+    event.stopPropagation();
+    host.insertPrompt(item.uid);
+  }}
+            >${insertPromptIconSvg}</span>`}
+      </span>
+      ${textBody === void 0 ? A : b2`<span class="doorstop-item-text">${textBody}</span>`}
+    </button>
+  `;
+}
+function renderStateChip(key) {
+  const kind = stateChipKind(key);
+  return b2`<span class=${`doorstop-chip doorstop-chip-${kind}`}>${STATE_CHIP_LABELS[key]}</span>`;
+}
+function renderDiagnostics(host, result) {
+  if (result.index.diagnostics.length === 0) return A;
+  return b2`
+    <section class="doorstop-diagnostics" aria-label="Workspace diagnostics">
+      ${result.index.diagnostics.map((diagnostic) => {
+    const kind = diagnostic.severity === "error" ? "doorstop-error" : "doorstop-warning";
+    return b2`
+          <div class=${`doorstop-diagnostic ${kind}`}>
+            <span class="doorstop-severity">${diagnostic.severity}</span>
+            <span class="doorstop-diagnostic-copy">
+              ${diagnostic.path === void 0 ? A : b2`<code>${diagnostic.path}</code>`}
+              ${diagnostic.message}
+            </span>
+          </div>
+        `;
+  })}
+    </section>
+  `;
+}
+function renderFindingsView(host, result) {
+  const rows = findingsViewRows(result.index);
+  const counts = findingsViewCounts(rows);
+  return b2`
+    <section class="doorstop-findings-view" aria-label="Doorstop findings">
+      <header class="doorstop-findings-head">
+        <span class="doorstop-findings-counts" role="status" aria-label="Finding counts">${findingsCountText(counts)}</span>
+        <span class="doorstop-findings-note doorstop-muted">${FINDINGS_PLUGIN_LOCAL_NOTE}</span>
+      </header>
+      ${rows.length === 0 ? b2`
+            <section class="doorstop-empty">
+              <p>${FINDINGS_EMPTY_MESSAGE}</p>
+              <p class="doorstop-muted">${FINDINGS_EMPTY_HINT}</p>
+            </section>
+          ` : b2`<div class="doorstop-findings-list" role="list" aria-label="Validation findings">
+            ${rows.map((row) => renderFindingRow(host, row, result.index))}
+          </div>`}
+    </section>
+  `;
+}
+function renderFindingRow(host, row, index) {
+  const kind = row.severity === "error" ? "doorstop-error" : row.severity === "warning" ? "doorstop-warning" : "doorstop-info";
+  const uid = row.uid;
+  const navigable = uid !== void 0 && index.byUid.has(uid);
+  return b2`
+    <div class=${`doorstop-finding-row ${kind}`} role="listitem">
+      <span class="doorstop-severity">${row.severity}</span>
+      ${uid === void 0 ? A : navigable ? b2`<button type="button" class="doorstop-finding-uid" data-uid=${uid} title=${`Show ${uid} in the item list`} @click=${() => {
+    selectFindingTarget(host, uid);
+  }}><code>${uid}</code></button>` : b2`<code class="doorstop-finding-uid">${uid}</code>`}
+      ${row.path === void 0 ? A : b2`<code class="doorstop-finding-path">${row.path}</code>`}
+      <span class="doorstop-finding-message">${row.message}</span>
+    </div>
+  `;
+}
+function selectFindingTarget(host, uid) {
+  const controller = host.controller;
+  if (controller === void 0) return;
+  controller.selectDocument("");
+  controller.setStateFilter(void 0);
+  controller.setSearch("");
+  controller.selectUid(uid);
+  host.view = "items";
+}
+function onStateFilterChange(host, event) {
+  const value = event.target.value;
+  host.controller?.setStateFilter(value === "" ? void 0 : value);
+}
+function onSearchInput(host, event) {
+  host.controller?.setSearch(event.target.value);
+}
+
+// src/browser/sections/item-action-palette.ts
+function renderItemActionPalette(host) {
+  if (host.view !== "items") return A;
+  const result = host.result;
+  if (result === void 0 || result.index.documents.length === 0) return A;
+  const item = host.selectedItem();
+  if (item === void 0) {
+    return b2`
+      <section class="doorstop-action-palette" aria-label="Item actions">
+        <span class="doorstop-muted doorstop-palette-placeholder">Select an item…</span>
+      </section>
+    `;
+  }
+  const suspects = suspectParentItems(item, result.index);
+  return b2`
+    <section class="doorstop-action-palette" aria-label="Item actions">
+      ${renderActionRow(host, item, result.index, suspects)}
+    </section>
+  `;
+}
+function renderActionRow(host, item, index, suspects) {
+  const reviewed = item.stateKeys.includes("reviewed");
+  const suspectUids = suspects.length > 0 ? suspects.map((parent) => parent.uid) : [];
+  const gitStatus = host.readyGitStatus();
+  const gitFile = gitStatus === void 0 ? void 0 : gitStatusFileFor(gitStatus, item.path);
+  const stageable = itemStageable(gitFile);
+  const unstageable = itemUnstageable(gitFile);
+  return b2`
+    <button
+      type="button"
+      class="doorstop-review"
+      ?disabled=${reviewed || host.runInProgress !== void 0}
+      title=${reviewed ? `${item.uid} is already reviewed against its current fingerprint` : `Mark ${item.uid} reviewed`}
+      @click=${() => {
+    reviewItem(host, item);
+  }}
+    >Approve</button>
+    <button
+      type="button"
+      class="doorstop-clear"
+      ?disabled=${suspects.length === 0 || host.runInProgress !== void 0}
+      title=${suspects.length === 0 ? `No suspect links to clear` : `Re-record the parent fingerprints of ${item.uid}`}
+      @click=${() => {
+    clearSuspects(host, item, suspectUids);
+  }}
+    >Clear suspect links</button>
+    ${gitStatus === void 0 ? A : b2`<button
+          type="button"
+          class="doorstop-item-stage"
+          ?disabled=${host.runInProgress !== void 0 || !stageable}
+          title=${stageable ? `Stage ${item.path}` : `${item.uid} has no unstaged changes \u2014 commit next`}
+          @click=${() => {
+    host.stageItem(item);
+  }}
+        >${gitStageIconSvg}Stage</button>
+        <button
+          type="button"
+          class="doorstop-item-unstage"
+          ?disabled=${host.runInProgress !== void 0 || !unstageable}
+          title=${unstageable ? `Unstage ${item.path} (git reset)` : `${item.uid} has nothing staged`}
+          @click=${() => {
+    host.unstageItem(item);
+  }}
+        >${gitUnstageIconSvg}Unstage</button>`}
+    <div class="doorstop-op">
+      <input
+        type="text"
+        class="doorstop-target-input"
+        data-op="link"
+        placeholder="parent UID"
+        ${n5(host.linkInputRef)}
+        @keydown=${(event) => onTargetKeydown(host, event)}
+      />
+      <button type="button" class="doorstop-link" title=${`doorstop link ${item.uid} <target>`} ?disabled=${host.runInProgress !== void 0} @click=${() => {
+    runTargetOp(host, "link", host.linkInputRef, item);
+  }}>Link</button>
+    </div>
+    ${host.targetError === void 0 ? A : b2`<span class="doorstop-op-error" role="alert">${host.targetError}</span>`}
+    ${renderAskMenu(host, item, index, suspects)}
+  `;
+}
+function renderAskMenu(host, item, index, suspects) {
+  const children = index.childrenByUid.get(item.uid) ?? [];
+  const childPrefix = firstChildDocumentPrefix(index, item);
+  return b2`
+    <div class="doorstop-menu">
+      <button
+        type="button"
+        class="doorstop-menu-toggle"
+        aria-expanded=${host.askMenuOpen ? "true" : "false"}
+        @click=${() => onAskMenuToggle(host)}
+      >Ask agent</button>
+      ${host.askMenuOpen ? b2`
+            <div class="doorstop-menu-items" role="menu" aria-label="Ask the agent about ${item.uid}">
+              <button type="button" role="menuitem" class="doorstop-menu-item doorstop-explain" @click=${() => {
+    host.insertPrompt(explainItemPrompt(item));
+  }}>Explain</button>
+              <button
+                type="button"
+                role="menuitem"
+                class="doorstop-menu-item doorstop-fix-suspects"
+                ?disabled=${suspects.length === 0}
+                title=${suspects.length === 0 ? "No suspect links \u2014 nothing to fix" : `Fix the suspect links of ${item.uid}`}
+                @click=${() => {
+    host.insertPrompt(fixSuspectLinksPrompt(item, suspects));
+  }}
+              >Fix suspect links</button>
+              <button
+                type="button"
+                role="menuitem"
+                class="doorstop-menu-item doorstop-draft-child"
+                ?disabled=${childPrefix === void 0}
+                title=${childPrefix === void 0 ? "No child document to add to" : `Draft a child item in the ${childPrefix} document`}
+                @click=${() => {
+    if (childPrefix !== void 0) host.insertPrompt(draftChildRequirementPrompt(item, childPrefix));
+  }}
+              >Draft child requirement</button>
+              <button type="button" role="menuitem" class="doorstop-menu-item doorstop-review-readiness" @click=${() => {
+    host.insertPrompt(reviewReadinessPrompt(item, children));
+  }}>Review readiness</button>
+              <button
+                type="button"
+                role="menuitem"
+                class="doorstop-menu-item doorstop-start-review-session"
+                title=${`Start an independent review session for ${item.uid} (inserts /opendoor-review)`}
+                @click=${() => {
+    insertReviewCommand(host, item);
+  }}
+              >Start review session</button>
+            </div>
+          ` : A}
+    </div>
+  `;
+}
+function insertReviewCommand(host, item) {
+  if (host.context === void 0) return;
+  host.insertPrompt(composeReviewCommand(item));
+  host.controller?.commitAskReview(item.uid);
+}
+function reviewItem(host, item) {
+  const commit = doorstopCommitAfterReview(host.result);
+  host.runDoorstop(
+    "review",
+    `Doorstop: review ${item.uid}`,
+    commit ? { op: "review", uid: item.uid, commit: true } : { op: "review", uid: item.uid },
+    `doorstop review ${item.uid}`,
+    false
+  );
+}
+function clearSuspects(host, item, suspectUids) {
+  if (suspectUids.length === 0) return;
+  host.runDoorstop(
+    "clear",
+    "Doorstop: clear suspect links",
+    { op: "clear", uid: item.uid, parents: suspectUids },
+    `doorstop clear ${item.uid} ${suspectUids.join(" ")}`,
+    false
+  );
+}
+function runTargetOp(host, op, inputRef, item) {
+  const input = inputRef.value;
+  const target = input?.value.trim() ?? "";
+  if (target === "") {
+    host.targetError = `Enter a link target UID (e.g. ${item.documentPrefix}0001)`;
+    input?.focus();
+    return;
+  }
+  if (!isValidTargetUid(target)) {
+    host.targetError = `Invalid link target "${target}" \u2014 expected a Doorstop UID like ${item.documentPrefix}0001 (no spaces, quotes, or special characters)`;
+    input?.focus();
+    return;
+  }
+  host.targetError = void 0;
+  if (input !== void 0) input.value = "";
+  host.runDoorstop(
+    op,
+    `Doorstop: ${op} ${item.uid}`,
+    { op, uid: item.uid, target },
+    `doorstop ${op} ${item.uid} ${target}`,
+    false
+  );
+}
+function onTargetKeydown(host, event) {
+  const input = event.target;
+  if (input.getAttribute("data-op") !== "link") return;
+  if (event.key === "Enter") {
+    event.preventDefault();
+    const item = host.selectedItem();
+    if (item !== void 0) runTargetOp(host, "link", host.linkInputRef, item);
+  } else if (event.key === "Escape") {
+    input.value = "";
+  }
+}
+function onAskMenuToggle(host) {
+  host.askMenuOpen = !host.askMenuOpen;
+}
+
+// src/browser/sections/status-bar.ts
+function renderStatusBar(host) {
+  const lastRun = host.lastRun;
+  if (lastRun === void 0) return A;
+  const statusLabel = lastRun.status === "killed" ? "killed (timeout)" : lastRun.status;
+  const detailParts = [lastRun.title, `${String(lastRun.durationMs)} ms`];
+  if (lastRun.exitCode !== null && (lastRun.status === "failed" || lastRun.status === "killed")) {
+    detailParts.push(`exit ${String(lastRun.exitCode)}`);
+  }
+  if (lastRun.signal !== null) detailParts.push(lastRun.signal);
+  return b2`
+    <section class="doorstop-status-bar" aria-label="Last run">
+      <div class="doorstop-status-bar-row">
+        <span class=${`doorstop-last-run-status is-${lastRun.status}`}>${statusLabel}</span>
+        <span class="doorstop-last-run-meta">${detailParts.join(" \xB7 ")}</span>
+        <button
+          type="button"
+          class="doorstop-last-run-dismiss"
+          title="Dismiss the last run output"
+          @click=${() => onDismissRun(host)}
+        >Dismiss</button>
+      </div>
+      ${host.statusExpanded ? renderStatusBarBody(host, lastRun) : A}
+    </section>
+  `;
 }
-function referencePaths(item) {
-  const paths = item.references?.map((reference) => reference.path) ?? [];
-  return item.ref === "" ? paths : [item.ref, ...paths];
+function renderStatusBarBody(host, lastRun) {
+  return b2`
+    <div class="doorstop-last-run">
+      ${lastRun.commit === void 0 ? A : b2`<p class="doorstop-last-run-commit doorstop-muted">${commitOutcomeText(lastRun.op, lastRun.commit)}</p>`}
+      ${lastRun.status === "error" ? b2`<pre class="doorstop-last-run-pre">${lastRun.errorMessage ?? ""}</pre>` : A}
+      ${lastRun.stdout === "" ? A : b2`
+            <pre class="doorstop-last-run-pre">${lastRun.stdout}</pre>
+            ${lastRun.stdoutTruncated ? b2`<p class="doorstop-last-run-notice">stdout truncated by the host stream limit (2 MiB) — output not fully captured</p>` : A}
+          `}
+      ${lastRun.stderr === "" ? A : b2`
+            <pre class="doorstop-last-run-pre">${lastRun.stderr}</pre>
+            ${lastRun.stderrTruncated ? b2`<p class="doorstop-last-run-notice">stderr truncated by the host stream limit (2 MiB) — output not fully captured</p>` : A}
+          `}
+      ${lastRun.stdout === "" && lastRun.stderr === "" && lastRun.status !== "error" ? b2`<p class="doorstop-last-run-notice">No output captured.</p>` : A}
+    </div>
+  `;
 }
-function reviewReadinessPrompt(item, children = []) {
-  const parents = andJoin(item.links.map((link) => link.uid));
-  const references = referencePaths(item);
-  const childLinks = andJoin(
-    children.map((child) => `${child.uid} (\`${child.path}\`)`)
-  );
-  const facts = [
-    item.text.trim() === "" ? "its text is empty (that alone blocks review)" : "its text is filled in",
-    item.links.length === 0 ? "it declares no parent links" : `its recorded parent links (${parents}) are not suspect or missing a fingerprint`,
-    children.length === 0 ? "its child links are left to the `doorstop` run below" : `its child links are declared (${childLinks})`,
-    references.length === 0 ? "it has no file references to verify" : `its file references exist (${references.map((path) => `\`${path}\``).join(", ")})`
-  ];
-  return `Check whether ${item.uid} is ready for \`doorstop review ${item.uid}\`. Read \`${item.path}\` and verify that ${facts.join("; ")}. Then run \`doorstop\` in the workspace root and weigh any WARNING or ERROR it reports about ${item.uid} (for example a requirement that should link to ${item.uid} but does not). Report a verdict, and if ${item.uid} is not ready, the exact fixes to make first.`;
+function onDismissRun(host) {
+  host.statusExpanded = false;
+  host.controller?.dismissRun();
 }
 
-// src/doorstop-panel-element.ts
+// src/browser/doorstop-panel-element.ts
 var bodyElementTag = "pi-web-opendoor-panel-body";
 function defineDoorstopPanelElements() {
   defineDoorstopPanelBodyElement();
@@ -8054,90 +9549,10 @@ function defineDoorstopPanelBodyElement() {
         this.confirmSkipped = false;
         this.view = "items";
         this.statusExpanded = false;
-        this.unlinkInputRef = e6();
-        this.linkInputRef = e6();
-        this.gitCommitInputRef = e6();
-        // --- handlers ------------------------------------------------------------------
-        this.onDismissRun = () => {
-          this.statusExpanded = false;
-          this.controller?.dismissRun();
-        };
-        this.onRefreshClick = () => {
-          void this.controller?.invalidate();
-        };
-        this.onValidateClick = () => {
-          this.runDoorstop("validate", "Doorstop: validate", { op: "validate" }, "doorstop", true);
-        };
-        this.onPublishClick = () => {
-          const target = doorstopPublishTarget(this.result);
-          if (typeof window.confirm === "function") {
-            if (!window.confirm(`Publish the Doorstop tree as HTML to ${target} in the workspace terminal?`)) return;
-            this.confirmSkipped = false;
-          } else {
-            this.confirmSkipped = true;
-          }
-          this.runDoorstop(
-            "publish",
-            "Doorstop: publish",
-            { op: "publish", target },
-            doorstopPublishCommand(this.result, target),
-            false
-          );
-        };
-        this.onGitCommitInput = (event) => {
-          this.gitCommitMessage = event.target.value;
-        };
-        this.onGitStageClick = () => {
-          const controller = this.controller;
-          if (controller === void 0) return;
-          if (controller.runInProgress !== void 0) return;
-          const result = this.result;
-          if (result === void 0) {
-            this.gitActionError = "The workspace is not loaded \u2014 refresh first";
-            return;
-          }
-          const paths = doorstopPaths(result);
-          if (paths.length === 0) {
-            this.gitActionError = "Nothing to stage \u2014 the workspace has no Doorstop-managed files";
-            return;
-          }
-          this.gitActionError = void 0;
-          void controller.runGitStage(paths);
-        };
-        this.onGitCommitClick = () => {
-          this.gitCommitSubmit();
-        };
-        this.onGitCommitKeydown = (event) => {
-          const input = this.gitCommitInputRef.value;
-          if (input === void 0) return;
-          if (event.key === "Enter") {
-            event.preventDefault();
-            this.gitCommitSubmit();
-          } else if (event.key === "Escape") {
-            input.value = "";
-            this.gitCommitMessage = "";
-            this.gitActionError = void 0;
-          }
-        };
-        this.onStateFilterChange = (event) => {
-          const value = event.target.value;
-          this.controller?.setStateFilter(value === "" ? void 0 : value);
-        };
-        this.onSearchInput = (event) => {
-          this.controller?.setSearch(event.target.value);
-        };
-        this.onTargetKeydown = (event) => {
-          const input = event.target;
-          const op = input.getAttribute("data-op");
-          if (op !== "unlink" && op !== "link") return;
-          if (event.key === "Enter") {
-            event.preventDefault();
-            const item = this.selectedItem();
-            if (item !== void 0) this.runTargetOp(op, op === "unlink" ? this.unlinkInputRef : this.linkInputRef, item);
-          } else if (event.key === "Escape") {
-            input.value = "";
-          }
-        };
+        /** section-API: the palette's free-text Link target input. */
+        this.linkInputRef = e5();
+        /** section-API: the toolbar's commit-message input. */
+        this.gitCommitInputRef = e5();
         this.onDocumentClick = (event) => {
           if (!this.askMenuOpen) return;
           const menuRoot = this.shadowRoot?.querySelector(".doorstop-menu");
@@ -8156,16 +9571,6 @@ function defineDoorstopPanelBodyElement() {
             this.askMenuOpen = false;
           }
         };
-        this.onAskMenuToggle = () => {
-          this.askMenuOpen = !this.askMenuOpen;
-        };
-        this.onChangesToggle = (event) => {
-          const details = event.currentTarget;
-          if (!(details instanceof HTMLDetailsElement) || !details.open) return;
-          const item = this.selectedItem();
-          if (item === void 0) return;
-          void this.controller?.requestBaseline(item);
-        };
       }
       static {
         this.styles = panelStyles;
@@ -8211,9 +9616,8 @@ function defineDoorstopPanelBodyElement() {
        * expand handler alone would strand the section on "Loading baseline…"
        * with no fetch in flight. `requestBaseline` installs its "loading"
        * view synchronously, so this cannot loop. (A selection switch needs
-       * no help here — {@link renderChangesSinceReview} keys the node by UID,
-       * so Lit recreates it closed and the user's expand fires a real
-       * `toggle`.)
+       * no help here — the section keys the node by UID, so Lit recreates it
+       * closed and the user's expand fires a real `toggle`.)
        */
       updated() {
         this.ensureGitStatus();
@@ -8241,318 +9645,29 @@ function defineDoorstopPanelBodyElement() {
       }
       render() {
         return b2`
-          ${this.renderProjectActions()}
+          ${renderProjectActions(this)}
           ${this.error === void 0 ? A : b2`<div class="doorstop-error" role="alert">${this.error}</div>`}
-          <section class="doorstop-viewer">${this.renderViewer()}</section>
-          ${this.renderItemActionPalette()}
-          ${this.renderStatusBar()}
-        `;
-      }
-      // --- project actions (region 1) -----------------------------------------------
-      renderProjectActions() {
-        const publishTarget = doorstopPublishTarget(this.result);
-        const projectPath = this.context?.workspace.path ?? "";
-        const projectLabel = projectPath === "" ? "Doorstop" : projectPath.split("/").filter(Boolean).pop() ?? projectPath;
-        return b2`
-          <section class="doorstop-project-actions">
-            <strong class="doorstop-title" title=${projectPath === "" ? A : projectPath}>${doorstopIconSvg}${projectLabel}</strong>
-            ${this.renderViewToggle()}
-            <div class="doorstop-toolbar-actions">
-              ${this.stale ? b2`<button type="button" class="doorstop-stale" title="Doorstop ran or files changed behind the panel — click to rescan" @click=${this.onRefreshClick}>stale — refresh</button>` : A}
-              ${this.confirmSkipped ? b2`<span class="doorstop-muted doorstop-confirm-skipped" title="No confirmation dialog is available in this environment — publishing proceeded without one">confirmation skipped — publishing</span>` : A}
-              <button type="button" class="doorstop-refresh" title="Re-read the workspace" @click=${this.onRefreshClick}>${refreshIconSvg}Refresh</button>
-              <button type="button" class="doorstop-validate" title="Run \`doorstop\` in the workspace (terminal when unpaired)" ?disabled=${this.runInProgress !== void 0} @click=${this.onValidateClick}>${validateIconSvg}Run validation</button>
-              <button type="button" class="doorstop-publish" title=${`Publish the tree to ${publishTarget}`} ?disabled=${this.runInProgress !== void 0} @click=${this.onPublishClick}>${publishIconSvg}Publish HTML</button>
-              ${this.renderGitActions()}
-            </div>
-          </section>
-        `;
-      }
-      /**
-       * The commit INPUT is disabled while a run is in flight (like the
-       * buttons) so a typed-but-never-submitted message cannot be lost when
-       * the run's invalidate lands mid-typing.
-       */
-      renderGitActions() {
-        if (!this.backendActive()) return A;
-        const hasDocuments = (this.result?.index.documents.length ?? 0) > 0;
-        return b2`
-          ${this.renderGitStatus()}
-          <button
-            type="button"
-            class="doorstop-git-stage"
-            title="Stage all Doorstop-managed files (requirements, documents, configs)"
-            ?disabled=${this.runInProgress !== void 0 || !hasDocuments}
-            @click=${this.onGitStageClick}
-          >${gitStageIconSvg}Stage all</button>
-          <div class="doorstop-git-commit">
-            <input
-              type="text"
-              class="doorstop-git-commit-input"
-              placeholder="Commit message"
-              aria-label="Git commit message"
-              ?disabled=${this.runInProgress !== void 0}
-              ${n5(this.gitCommitInputRef)}
-              @input=${this.onGitCommitInput}
-              @keydown=${this.onGitCommitKeydown}
-            />
-            <button
-              type="button"
-              class="doorstop-git-commit-button"
-              title="Commit the staged index with this message"
-              ?disabled=${this.runInProgress !== void 0 || this.gitCommitMessage.trim() === ""}
-              @click=${this.onGitCommitClick}
-            >${gitCommitIconSvg}Commit</button>
-            ${this.gitActionError === void 0 ? A : b2`<span class="doorstop-op-error" role="alert">${this.gitActionError}</span>`}
-          </div>
-        `;
-      }
-      renderGitStatus() {
-        const view = this.gitStatusView;
-        if (view === void 0) return A;
-        const refresh = () => {
-          void this.controller?.requestGitStatus();
-        };
-        switch (view.state) {
-          case "loading":
-            return b2`<button
-              type="button"
-              class="doorstop-git-status"
-              title="Refreshing git status…"
-              aria-busy=${this.gitStatusInFlight}
-              @click=${refresh}
-            ><span class="doorstop-git-status-text">⎇ …</span></button>`;
-          case "no-git":
-            return b2`<button type="button" class="doorstop-git-status" title="Not a git repository — click to re-check" aria-busy=${this.gitStatusInFlight} @click=${refresh}><span class="doorstop-git-status-text">no git</span></button>`;
-          case "error":
-            return b2`<button
-              type="button"
-              class="doorstop-git-status doorstop-git-status-error"
-              title=${`Git status unavailable \u2014 ${view.errorMessage ?? "request failed"} \u2014 click to retry`}
-              aria-busy=${this.gitStatusInFlight}
-              @click=${refresh}
-            ><span class="doorstop-git-status-text">git status error — retry</span></button>`;
-          case "ready":
-            return b2`<button type="button" class="doorstop-git-status" title="Git status — click to refresh" aria-busy=${this.gitStatusInFlight} @click=${refresh}><span class="doorstop-git-status-text">${gitStatusText(view.response)}</span></button>`;
-        }
-      }
-      // --- list filters (above the item list) ---------------------------------------
-      renderListFilters(result) {
-        return b2`
-          <section class="doorstop-list-filters">
-            <div class="doorstop-docs" role="list" aria-label="Doorstop documents">
-              ${this.renderDocumentChip(void 0, result)}
-              ${result.index.documents.map((document2) => this.renderDocumentChip(document2, result))}
-            </div>
-            <select class="doorstop-state-filter" aria-label="Filter by state" @change=${this.onStateFilterChange}>
-              <option value="" .selected=${this.stateFilter === void 0}>All states</option>
-              ${Object.entries(STATE_CHIP_LABELS).map(
-          ([key, label]) => b2`<option value=${key} .selected=${this.stateFilter === key}>${label}</option>`
-        )}
-            </select>
-            <input
-              class="doorstop-search"
-              type="search"
-              aria-label="Search items"
-              placeholder="Search UID or text"
-              .value=${this.search}
-              @input=${this.onSearchInput}
-            />
-          </section>
-        `;
-      }
-      /**
-       * Expansion is CONTENT-DRIVEN (see `willUpdate`); there is no manual
-       * expand/collapse toggle.
-       */
-      renderStatusBar() {
-        const lastRun = this.lastRun;
-        if (lastRun === void 0) return A;
-        const statusLabel = lastRun.status === "killed" ? "killed (timeout)" : lastRun.status;
-        const detailParts = [lastRun.title, `${String(lastRun.durationMs)} ms`];
-        if (lastRun.exitCode !== null && (lastRun.status === "failed" || lastRun.status === "killed")) {
-          detailParts.push(`exit ${String(lastRun.exitCode)}`);
-        }
-        if (lastRun.signal !== null) detailParts.push(lastRun.signal);
-        return b2`
-          <section class="doorstop-status-bar" aria-label="Last run">
-            <div class="doorstop-status-bar-row">
-              <span class=${`doorstop-last-run-status is-${lastRun.status}`}>${statusLabel}</span>
-              <span class="doorstop-last-run-meta">${detailParts.join(" \xB7 ")}</span>
-              <button
-                type="button"
-                class="doorstop-last-run-dismiss"
-                title="Dismiss the last run output"
-                @click=${this.onDismissRun}
-              >Dismiss</button>
-            </div>
-            ${this.statusExpanded ? this.renderStatusBarBody(lastRun) : A}
-          </section>
-        `;
-      }
-      renderStatusBarBody(lastRun) {
-        return b2`
-          <div class="doorstop-last-run">
-            ${lastRun.commit === void 0 ? A : b2`<p class="doorstop-last-run-commit doorstop-muted">${commitOutcomeText(lastRun.op, lastRun.commit)}</p>`}
-            ${lastRun.status === "error" ? b2`<pre class="doorstop-last-run-pre">${lastRun.errorMessage ?? ""}</pre>` : A}
-            ${lastRun.stdout === "" ? A : b2`
-                  <pre class="doorstop-last-run-pre">${lastRun.stdout}</pre>
-                  ${lastRun.stdoutTruncated ? b2`<p class="doorstop-last-run-notice">stdout truncated by the host stream limit (2 MiB) — output not fully captured</p>` : A}
-                `}
-            ${lastRun.stderr === "" ? A : b2`
-                  <pre class="doorstop-last-run-pre">${lastRun.stderr}</pre>
-                  ${lastRun.stderrTruncated ? b2`<p class="doorstop-last-run-notice">stderr truncated by the host stream limit (2 MiB) — output not fully captured</p>` : A}
-                `}
-            ${lastRun.stdout === "" && lastRun.stderr === "" && lastRun.status !== "error" ? b2`<p class="doorstop-last-run-notice">No output captured.</p>` : A}
-          </div>
-        `;
-      }
-      renderViewToggle() {
-        return b2`
-          <div class="doorstop-view-toggle" role="tablist" aria-label="Requirements panel view">
-            <button
-              type="button"
-              role="tab"
-              class=${e5({
-          "doorstop-view-tab": true,
-          "doorstop-view-items": true,
-          "is-selected": this.view === "items"
-        })}
-              aria-selected=${this.view === "items" ? "true" : "false"}
-              title="Item list and detail"
-              @click=${() => {
-          this.view = "items";
-        }}
-            >Items</button>
-            <button
-              type="button"
-              role="tab"
-              class=${e5({
-          "doorstop-view-tab": true,
-          "doorstop-view-findings": true,
-          "is-selected": this.view === "findings"
-        })}
-              aria-selected=${this.view === "findings" ? "true" : "false"}
-              title="Validation findings"
-              @click=${() => {
-          this.view = "findings";
-        }}
-            >Findings</button>
-          </div>
-        `;
-      }
-      renderDocumentChip(document2, result) {
-        const prefix = document2?.prefix ?? ALL_DOCUMENTS_LABEL;
-        const count = document2 === void 0 ? result.index.items.length : result.index.items.filter((item) => item.documentPrefix === document2.prefix).length;
-        const dots = document2 === void 0 ? [] : documentStateDots(document2, result.index.items);
-        const selected = document2 === void 0 ? this.selectedDocumentPrefix === void 0 || this.selectedDocumentPrefix === "" : this.selectedDocumentPrefix === document2.prefix;
-        return b2`
-          <button
-            type="button"
-            role="listitem"
-            class=${e5({ "doorstop-doc-chip": true, "is-selected": selected })}
-            data-prefix=${document2?.prefix ?? ""}
-            @click=${() => {
-          this.controller?.selectDocument(document2?.prefix ?? "");
-        }}
-          >
-            ${document2?.parentPrefix === void 0 ? A : b2`<span class="doorstop-doc-arrow">← ${document2.parentPrefix}</span>`}
-            <span class="doorstop-doc-prefix">${prefix}</span>
-            <span class="doorstop-doc-count">${String(count)}</span>
-            ${dots.map((dot) => b2`<span class=${`doorstop-dot doorstop-dot-${dot}`} title=${dotTitle(dot)}></span>`)}
-          </button>
-        `;
-      }
-      // --- item list ------------------------------------------------------------------
-      renderViewer() {
-        const result = this.result;
-        if (result === void 0) {
-          return b2`<p class="doorstop-muted doorstop-standalone">${this.loading ? "Loading workspace\u2026" : "Run Refresh to scan for Doorstop documents."}</p>`;
-        }
-        if (this.view === "findings") {
-          return this.renderFindingsView(result);
-        }
-        return b2`
-          ${this.renderListFilters(result)}
-          ${result.index.documents.length === 0 ? b2`
-                ${this.renderDiagnostics(result)}
-                <section class="doorstop-empty"><p>${EMPTY_WORKSPACE_MESSAGE}</p></section>
-              ` : b2`
-                <section class="doorstop-split">
-                  <section class="doorstop-list">
-                    ${this.renderDiagnostics(result)}
-                    ${this.renderItemList(result)}
-                  </section>
-                  <section class="doorstop-detail-pane">${this.renderDetail(result)}</section>
-                </section>
-              `}
-        `;
-      }
-      renderFindingsView(result) {
-        const rows = findingsViewRows(result.index);
-        const counts = findingsViewCounts(rows);
-        return b2`
-          <section class="doorstop-findings-view" aria-label="Doorstop findings">
-            <header class="doorstop-findings-head">
-              <span class="doorstop-findings-counts" role="status" aria-label="Finding counts">${findingsCountText(counts)}</span>
-              <span class="doorstop-findings-note doorstop-muted">${FINDINGS_PLUGIN_LOCAL_NOTE}</span>
-            </header>
-            ${rows.length === 0 ? b2`
-                  <section class="doorstop-empty">
-                    <p>${FINDINGS_EMPTY_MESSAGE}</p>
-                    <p class="doorstop-muted">${FINDINGS_EMPTY_HINT}</p>
-                  </section>
-                ` : b2`<div class="doorstop-findings-list" role="list" aria-label="Validation findings">
-                  ${rows.map((row) => this.renderFindingRow(row, result.index))}
-                </div>`}
-          </section>
-        `;
-      }
-      renderFindingRow(row, index) {
-        const kind = row.severity === "error" ? "doorstop-error" : row.severity === "warning" ? "doorstop-warning" : "doorstop-info";
-        const uid = row.uid;
-        const navigable = uid !== void 0 && index.byUid.has(uid);
-        return b2`
-          <div class=${`doorstop-finding-row ${kind}`} role="listitem">
-            <span class="doorstop-severity">${row.severity}</span>
-            ${uid === void 0 ? A : navigable ? b2`<button type="button" class="doorstop-finding-uid" data-uid=${uid} title=${`Show ${uid} in the item list`} @click=${() => {
-          this.selectFindingTarget(uid);
-        }}><code>${uid}</code></button>` : b2`<code class="doorstop-finding-uid">${uid}</code>`}
-            ${row.path === void 0 ? A : b2`<code class="doorstop-finding-path">${row.path}</code>`}
-            <span class="doorstop-finding-message">${row.message}</span>
-          </div>
+          <section class="doorstop-viewer">${renderViewer(this)}</section>
+          ${renderItemActionPalette(this)}
+          ${renderStatusBar(this)}
         `;
       }
-      selectFindingTarget(uid) {
-        const controller = this.controller;
-        if (controller === void 0) return;
-        controller.selectDocument("");
-        controller.setStateFilter(void 0);
-        controller.setSearch("");
-        controller.selectUid(uid);
-        this.view = "items";
-      }
-      renderDiagnostics(result) {
-        if (result.index.diagnostics.length === 0) return A;
-        return b2`
-          <section class="doorstop-diagnostics" aria-label="Workspace diagnostics">
-            ${result.index.diagnostics.map((diagnostic) => {
-          const kind = diagnostic.severity === "error" ? "doorstop-error" : "doorstop-warning";
-          return b2`
-                <div class=${`doorstop-diagnostic ${kind}`}>
-                  <span class="doorstop-severity">${diagnostic.severity}</span>
-                  <span class="doorstop-diagnostic-copy">
-                    ${diagnostic.path === void 0 ? A : b2`<code>${diagnostic.path}</code>`}
-                    ${diagnostic.message}
-                  </span>
-                </div>
-              `;
-        })}
-          </section>
-        `;
+      /** section-API: the baseline fetch and the review→commit pipeline live
+       *  server-side, so this gates the sections that need them. The peer
+       *  (`context.peer.request`) is the exact revision-paired path to this
+       *  package's own active server entry — unchanged by the v5 migration
+       *  (the v5 scoped `backend` is not consulted here), so `peer.request`
+       *  presence stays the paired-backend gate (a legal openChannel-only
+       *  peer is NOT paired for these request-shaped sections). The opendoor
+       *  provider ownership check is kept for the ownership-based
+       *  information display (behavior-preserving Phase A; Phase C revisits
+       *  it). */
+      backendActive() {
+        const context = this.context;
+        return context?.peer?.request !== void 0 && context.workspace.provider?.pluginId === OPENDOOR_PLUGIN_ID;
       }
-      /** The status response usable for PER-ITEM git UI: a paired install, a
-       *  ready view, and an UNTRUNCATED `files` list. `undefined` when
+      /** section-API: the status response usable for PER-ITEM git UI: a paired
+       *  install, a ready view, and an UNTRUNCATED `files` list. `undefined` when
        *  unpaired / loading / no-git / error / truncated, so the item list and
        *  action row render no chips, no per-row add, and no svg inside the row
        *  (the XSS assertion's structural dependency). The strip reads
@@ -8565,448 +9680,24 @@ function defineDoorstopPanelBodyElement() {
         if (gitStatusFilesTruncated(view.response)) return void 0;
         return view.response;
       }
-      /** The path→git-file map for one list render; `undefined` when per-item
-       *  git UI is unavailable (see {@link readyGitStatus}). */
+      /** section-API: the path→git-file map for one list render; `undefined`
+       *  when per-item git UI is unavailable (see {@link readyGitStatus}). */
       readyGitFiles() {
         const response = this.readyGitStatus();
         return response === void 0 ? void 0 : gitStatusFilesByPath(response);
       }
-      renderItemList(result) {
-        if (result.index.items.length === 0) {
-          return b2`<p class="doorstop-muted doorstop-standalone">No Doorstop items found (item files may be binary or truncated — see the diagnostics above).</p>`;
-        }
-        const items = filteredItems(result.index, this.selectedDocumentPrefix, this.stateFilter, this.search);
-        if (items.length === 0) {
-          return b2`<p class="doorstop-muted doorstop-standalone">No items match the current document, state, or search filters.</p>`;
-        }
-        const gitFiles = this.readyGitFiles();
-        return b2`
-          <div class="doorstop-items" role="list" aria-label="Doorstop items">
-            ${c5(items, (item) => item.uid, (item) => this.renderItemRow(item, gitFiles))}
-          </div>
-        `;
-      }
-      renderItemRow(item, gitFiles) {
-        const selected = this.selectedUid === item.uid;
-        const gitState = itemGitState(gitFiles?.get(item.path));
-        const stageable = itemStageable(gitFiles?.get(item.path));
-        const unstageable = itemUnstageable(gitFiles?.get(item.path));
-        return b2`
-          <button
-            type="button"
-            role="listitem"
-            class=${e5({ "doorstop-item-row": true, "is-selected": selected })}
-            data-uid=${item.uid}
-            @click=${() => {
-          this.controller?.selectUid(item.uid);
-        }}
-          >
-            <span class="doorstop-item-level">${item.level}</span>
-            <code class="doorstop-item-uid">${item.uid}</code>
-            <span class="doorstop-item-summary">${itemExcerpt(item)}</span>
-            <span class="doorstop-item-chips">
-              ${item.stateKeys.map((key) => this.renderStateChip(key))}
-              ${gitState === "clean" ? A : b2`<span class=${`doorstop-chip doorstop-chip-${gitChipKind(gitState)}`}>${GIT_CHIP_LABELS[gitState]}</span>`}
-              ${unstageable && this.runInProgress === void 0 ? b2`<span
-                    class="doorstop-item-add"
-                    aria-hidden="true"
-                    title=${`git reset ${item.path}`}
-                    @click=${(event) => {
-          event.stopPropagation();
-          this.unstageItem(item);
-        }}
-                  >${gitUnstageIconSvg}</span>` : stageable && this.runInProgress === void 0 ? b2`<span
-                      class="doorstop-item-add"
-                      aria-hidden="true"
-                      title=${`git add ${item.path}`}
-                      @click=${(event) => {
-          event.stopPropagation();
-          this.stageItem(item);
-        }}
-                    >${gitStageIconSvg}</span>` : A}
-            </span>
-          </button>
-        `;
-      }
-      renderStateChip(key) {
-        const kind = stateChipKind(key);
-        return b2`<span class=${`doorstop-chip doorstop-chip-${kind}`}>${STATE_CHIP_LABELS[key]}</span>`;
-      }
-      /** The baseline fetch and the review→commit pipeline live server-side,
-       *  so this gates the sections that need them. */
-      backendActive() {
-        const context = this.context;
-        return context?.backend !== void 0 && context.workspace.provider?.pluginId === OPENDOOR_PLUGIN_ID && context.workspace.provider?.capabilities.request !== false;
-      }
-      /**
-       * The `<details>` is wrapped in `keyed(item.uid, …)` so a selection
-       * switch RE-CREATES the node (fresh, collapsed, with a real `toggle` on
-       * expand) instead of Lit reusing the old item's open node — a reused
-       * node fires no `toggle`, which would strand the new item on
-       * "Loading baseline…". {@link updated} covers the remaining reuse
-       * hole (same item re-rendered after its cache key changed).
-       */
-      renderChangesSinceReview(item) {
-        if (!item.stateKeys.includes("unreviewed") || item.reviewed === null) return A;
-        if (!this.backendActive()) return A;
-        const view = this.controller?.baselineViewFor(item);
-        return i7(
-          item.uid,
-          b2`
-            <details class="doorstop-changes" @toggle=${this.onChangesToggle}>
-              <summary class="doorstop-changes-summary">Changes since review</summary>
-              ${view === void 0 || view.state === "loading" ? b2`<p class="doorstop-muted doorstop-changes-notice">Loading baseline…</p>` : this.renderBaselineView(view)}
-            </details>
-          `
-        );
-      }
-      renderBaselineView(view) {
-        switch (view.state) {
-          case "loading":
-            return b2`<p class="doorstop-muted doorstop-changes-notice">Loading baseline…</p>`;
-          case "no-git":
-            return b2`<p class="doorstop-muted doorstop-changes-notice">No git history — previous version unavailable</p>`;
-          case "no-match":
-            return b2`<p class="doorstop-muted doorstop-changes-notice">Could not locate the reviewed version (history may have been rewritten)</p>`;
-          case "error":
-            return b2`<p class="doorstop-muted doorstop-changes-notice">Baseline unavailable — ${view.errorMessage ?? "request failed"}</p>`;
-          case "ready": {
-            const diff = view.diff;
-            if (diff === void 0) return b2`<p class="doorstop-muted doorstop-changes-notice">No changes found.</p>`;
-            return this.renderBaselineDiff(view, diff);
-          }
-        }
-      }
-      renderBaselineDiff(view, diff) {
-        return b2`
-          ${view.source === void 0 ? A : b2`<p class="doorstop-muted doorstop-changes-source">matched via ${view.source === "review-commit" ? "review commit" : "history walk"}</p>`}
-          ${diff.text === void 0 ? b2`<p class="doorstop-muted doorstop-changes-notice">Text changed — too large to render a line diff.</p>` : b2`<div class="doorstop-diff-lines" role="list" aria-label="Text changes since review">
-                ${diff.text.map((line) => this.renderDiffLine(line))}
-              </div>`}
-          ${diff.ref === void 0 ? A : this.renderFieldChange("ref", diff.ref.before, diff.ref.after)}
-          ${diff.references === void 0 ? A : this.renderFieldChange(
-          "references",
-          referenceListText(diff.references.before),
-          referenceListText(diff.references.after)
-        )}
-          ${diff.linksAdded.length === 0 && diff.linksRemoved.length === 0 ? A : b2`<div class="doorstop-field-change">
-                <span class="doorstop-field-name">links</span>
-                ${diff.linksAdded.map((uid) => b2`<code class="doorstop-field-chip doorstop-field-chip-after">+ ${uid}</code>`)}
-                ${diff.linksRemoved.map((uid) => b2`<code class="doorstop-field-chip doorstop-field-chip-before">− ${uid}</code>`)}
-              </div>`}
-          ${diff.extended.map((change) => this.renderFieldChange(change.name, change.before, change.after))}
-        `;
-      }
-      renderDiffLine(line) {
-        const mark = line.kind === "added" ? "+" : line.kind === "removed" ? "\u2212" : "";
-        return b2`
-          <div class=${`doorstop-diff-line is-${line.kind}`} role="listitem">
-            <span class="doorstop-diff-mark">${mark}</span>
-            <span class="doorstop-diff-text">${line.text === "" ? "\xA0" : line.text}</span>
-          </div>
-        `;
-      }
-      renderFieldChange(label, before, after) {
-        return b2`
-          <div class="doorstop-field-change">
-            <span class="doorstop-field-name">${label}</span>
-            <code class="doorstop-field-chip doorstop-field-chip-before">${diffValueText(before)}</code>
-            <span class="doorstop-field-arrow">→</span>
-            <code class="doorstop-field-chip doorstop-field-chip-after">${diffValueText(after)}</code>
-          </div>
-        `;
-      }
-      // --- detail pane ------------------------------------------------------------------
-      // v1 deliberately renders the item text as escaped text — no markdown,
-      // injection-safe by construction.
-      renderDetail(result) {
-        const selectedUid = this.selectedUid;
-        if (selectedUid === void 0) {
-          return b2`<p class="doorstop-muted doorstop-standalone">Select an item in the list to inspect its details.</p>`;
-        }
-        const item = result.index.byUid.get(selectedUid);
-        if (item === void 0) {
-          return b2`<p class="doorstop-muted doorstop-standalone">This item is no longer available — refresh the panel.</p>`;
-        }
-        const children = result.index.childrenByUid.get(item.uid) ?? [];
-        const findings = result.index.findings.filter((finding) => finding.uid === item.uid);
-        return b2`
-          <section class="doorstop-detail" aria-label="Item details">
-            <div class="doorstop-detail-head">
-              <code class="doorstop-detail-uid">${item.uid}</code>
-              <span class="doorstop-level">level ${item.level}</span>
-              ${item.header === void 0 ? A : b2`<h3>${item.header}</h3>`}
-            </div>
-            ${this.renderFlags(item)}
-            <div class="doorstop-state-chip-row">
-              ${item.stateKeys.map((key) => this.renderStateChip(key))}
-            </div>
-            <h4 class="doorstop-section-title">Text</h4>
-            <p class=${item.text === "" ? "doorstop-text doorstop-text-empty" : "doorstop-text"}>${item.text === "" ? "empty" : item.text}</p>
-            ${this.renderChangesSinceReview(item)}
-            <h4 class="doorstop-section-title">Parent links</h4>
-            ${this.renderLinksOut(item, result.index)}
-            <h4 class="doorstop-section-title">Child links</h4>
-            ${this.renderLinksIn(item, result.index, children)}
-            <h4 class="doorstop-section-title">References</h4>
-            ${this.renderReferences(item, result.index)}
-            ${Object.entries(item.attributes).length === 0 ? A : b2`
-                  <h4 class="doorstop-section-title">Extended attributes</h4>
-                  <dl class="doorstop-attributes">
-                    ${Object.entries(item.attributes).map(
-          ([key, value]) => b2`<div class="doorstop-attribute"><dt>${key}</dt><dd><code>${jsonishText(value)}</code></dd></div>`
-        )}
-                  </dl>
-                `}
-            <h4 class="doorstop-section-title">Findings</h4>
-            ${findings.length === 0 ? b2`<p class="doorstop-muted">No local findings for this item.</p>` : b2`<div class="doorstop-findings" aria-label="Findings for this item">
-                  ${findings.map((finding) => {
-          const kind = finding.severity === "error" ? "doorstop-error" : finding.severity === "warning" ? "doorstop-warning" : "doorstop-info";
-          return b2`<div class=${`doorstop-finding ${kind}`}><span class="doorstop-finding-severity">${finding.severity}</span><span>${finding.message}</span></div>`;
-        })}
-                </div>`}
-          </section>
-        `;
-      }
-      // --- item action palette (region 4) --------------------------------------------
-      renderItemActionPalette() {
-        if (this.view !== "items") return A;
-        const result = this.result;
-        if (result === void 0 || result.index.documents.length === 0) return A;
-        const item = this.selectedItem();
-        if (item === void 0) {
-          return b2`
-            <section class="doorstop-action-palette" aria-label="Item actions">
-              <span class="doorstop-muted doorstop-palette-placeholder">Select an item…</span>
-            </section>
-          `;
-        }
-        const suspects = suspectParentItems(item, result.index);
-        return b2`
-          <section class="doorstop-action-palette" aria-label="Item actions">
-            ${this.renderActionRow(item, result.index, suspects)}
-          </section>
-        `;
-      }
-      renderFlags(item) {
-        return b2`
-          <div class="doorstop-flags" aria-label="Item flags">
-            <span class=${e5({ "doorstop-flag": true, "is-inactive": !item.active })}>
-              ${item.active ? "active" : "inactive"}
-            </span>
-            <span class="doorstop-flag">${item.normative ? "normative" : "non-normative"}</span>
-            <span class="doorstop-flag">${item.derived ? "derived" : "non-derived"}</span>
-          </div>
-        `;
-      }
-      /** `computeItemStamp(parent, config, false)` is exactly the
-       *  link-record stamp the state chain compares against. */
-      renderLinksOut(item, index) {
-        if (item.links.length === 0) return b2`<p class="doorstop-muted">No parent links.</p>`;
-        return b2`
-          <div class="doorstop-links" aria-label="Parent links">
-            ${item.links.map((link) => this.renderLinkOut(item, link, index))}
-          </div>
-        `;
-      }
-      renderLinkOut(item, link, index) {
-        const remove = b2`
-          <span
-            class="doorstop-link-remove"
-            aria-hidden="true"
-            title=${`doorstop unlink ${item.uid} ${link.uid}`}
-            @click=${(event) => {
-          event.stopPropagation();
-          this.unlinkLink(item, link.uid);
-        }}
-          >${trashIconSvg}</span>
-        `;
-        const target = index.byUid.get(link.uid);
-        if (target === void 0) {
-          return b2`
-            <div class="doorstop-link-row">
-              <code>${link.uid}</code>
-              <span class="doorstop-chip doorstop-chip-danger">unknown</span>
-              <span class="doorstop-fingerprint">not in the index — ${link.fingerprint === null ? "no recorded fingerprint" : `recorded ${shortFingerprint(link.fingerprint)}`}</span>
-              ${remove}
-            </div>
-          `;
-        }
-        const current = computeItemStamp(target, documentConfigFor(index, target), false);
-        const suspect = link.fingerprint !== null && link.fingerprint !== current;
-        return b2`
-          <button
-            type="button"
-            class="doorstop-link-row"
-            data-uid=${link.uid}
-            title=${`Open ${link.uid}`}
-            @click=${() => {
-          this.controller?.selectUid(link.uid);
-        }}
-          >
-            <code>${link.uid}</code>
-            <span class=${suspect ? "doorstop-chip doorstop-chip-danger" : "doorstop-chip doorstop-chip-ok"}>${suspect ? "suspect" : "ok"}</span>
-            <span class="doorstop-fingerprint">recorded ${shortFingerprint(link.fingerprint)} · current ${shortFingerprint(current)}</span>
-            ${remove}
-          </button>
-        `;
-      }
-      renderLinksIn(item, index, children) {
-        if (children.length === 0) {
-          return b2`<p class="doorstop-muted">No child links.</p>`;
-        }
-        return b2`
-          <div class="doorstop-links" aria-label="Child links">
-            ${children.map(
-          (child) => b2`<button type="button" class="doorstop-link-row" data-uid=${child.uid} title=${`Open ${child.uid}`} @click=${() => {
-            this.controller?.selectUid(child.uid);
-          }}>
-                <code>${child.uid}</code>
-                <span class="doorstop-muted">${child.level}</span>
-              </button>`
-        )}
-          </div>
-        `;
-      }
-      renderReferences(item, index) {
-        const paths = [];
-        if (item.ref !== "") paths.push(item.ref);
-        if (item.references !== void 0) {
-          for (const reference of item.references) paths.push(reference.path);
-        }
-        if (paths.length === 0) return b2`<p class="doorstop-muted">No file references.</p>`;
-        return b2`
-          <div class="doorstop-links" aria-label="File references">
-            ${paths.map((path) => {
-          const found = index.knownFilePaths.has(path);
-          return b2`
-                <div class="doorstop-link-row">
-                  <code>${path}</code>
-                  ${found ? A : b2`<span class="doorstop-chip doorstop-chip-danger">not found</span>`}
-                </div>
-              `;
-        })}
-          </div>
-        `;
-      }
-      // --- action row ------------------------------------------------------------------
-      renderActionRow(item, index, suspects) {
-        const reviewed = item.stateKeys.includes("reviewed");
-        const suspectUids = suspects.length > 0 ? suspects.map((parent) => parent.uid) : [];
-        const gitStatus = this.readyGitStatus();
-        const gitFile = gitStatus === void 0 ? void 0 : gitStatusFileFor(gitStatus, item.path);
-        const stageable = itemStageable(gitFile);
-        const unstageable = itemUnstageable(gitFile);
-        return b2`
-          <button
-            type="button"
-            class="doorstop-review"
-            ?disabled=${reviewed || this.runInProgress !== void 0}
-            title=${reviewed ? `${item.uid} is already reviewed against its current fingerprint` : `Mark ${item.uid} reviewed`}
-            @click=${() => {
-          this.reviewItem(item);
-        }}
-          >Approve</button>
-          <button
-            type="button"
-            class="doorstop-clear"
-            ?disabled=${suspects.length === 0 || this.runInProgress !== void 0}
-            title=${suspects.length === 0 ? `No suspect links to clear` : `Re-record the parent fingerprints of ${item.uid}`}
-            @click=${() => {
-          this.clearSuspects(item, suspectUids);
-        }}
-          >Clear suspect links</button>
-          ${gitStatus === void 0 ? A : b2`<button
-                type="button"
-                class="doorstop-item-stage"
-                ?disabled=${this.runInProgress !== void 0 || !stageable}
-                title=${stageable ? `Stage ${item.path}` : `${item.uid} has no unstaged changes \u2014 commit next`}
-                @click=${() => {
-          this.stageItem(item);
-        }}
-              >${gitStageIconSvg}Stage</button>
-              <button
-                type="button"
-                class="doorstop-item-unstage"
-                ?disabled=${this.runInProgress !== void 0 || !unstageable}
-                title=${unstageable ? `Unstage ${item.path} (git reset)` : `${item.uid} has nothing staged`}
-                @click=${() => {
-          this.unstageItem(item);
-        }}
-              >${gitUnstageIconSvg}Unstage</button>`}
-          <div class="doorstop-op">
-            <input
-              type="text"
-              class="doorstop-target-input"
-              data-op="link"
-              placeholder="parent UID"
-              ${n5(this.linkInputRef)}
-              @keydown=${this.onTargetKeydown}
-            />
-            <button type="button" class="doorstop-link" title=${`doorstop link ${item.uid} <target>`} ?disabled=${this.runInProgress !== void 0} @click=${() => {
-          this.runTargetOp("link", this.linkInputRef, item);
-        }}>Link</button>
-          </div>
-          ${this.targetError === void 0 ? A : b2`<span class="doorstop-op-error" role="alert">${this.targetError}</span>`}
-          ${this.renderAskMenu(item, index, suspects)}
-        `;
-      }
-      renderAskMenu(item, index, suspects) {
-        const children = index.childrenByUid.get(item.uid) ?? [];
-        const childPrefix = firstChildDocumentPrefix(index, item);
-        return b2`
-          <div class="doorstop-menu">
-            <button
-              type="button"
-              class="doorstop-menu-toggle"
-              aria-expanded=${this.askMenuOpen ? "true" : "false"}
-              @click=${this.onAskMenuToggle}
-            >Ask agent</button>
-            ${this.askMenuOpen ? b2`
-                  <div class="doorstop-menu-items" role="menu" aria-label="Ask the agent about ${item.uid}">
-                    <button type="button" role="menuitem" class="doorstop-menu-item doorstop-explain" @click=${() => {
-          this.insertPrompt(explainItemPrompt(item));
-        }}>Explain</button>
-                    <button
-                      type="button"
-                      role="menuitem"
-                      class="doorstop-menu-item doorstop-fix-suspects"
-                      ?disabled=${suspects.length === 0}
-                      title=${suspects.length === 0 ? "No suspect links \u2014 nothing to fix" : `Fix the suspect links of ${item.uid}`}
-                      @click=${() => {
-          this.insertPrompt(fixSuspectLinksPrompt(item, suspects));
-        }}
-                    >Fix suspect links</button>
-                    <button
-                      type="button"
-                      role="menuitem"
-                      class="doorstop-menu-item doorstop-draft-child"
-                      ?disabled=${childPrefix === void 0}
-                      title=${childPrefix === void 0 ? "No child document to add to" : `Draft a child item in the ${childPrefix} document`}
-                      @click=${() => {
-          if (childPrefix !== void 0) this.insertPrompt(draftChildRequirementPrompt(item, childPrefix));
-        }}
-                    >Draft child requirement</button>
-                    <button type="button" role="menuitem" class="doorstop-menu-item doorstop-review-readiness" @click=${() => {
-          this.insertPrompt(reviewReadinessPrompt(item, children));
-        }}>Review readiness</button>
-                  </div>
-                ` : A}
-          </div>
-        `;
-      }
-      /** Stage one item's own file — the same `doorstop.git-stage` operation
-       *  with `[item.path]`; the shared run dispatch narrates the uid. Shared
-       *  by the row's `git add` span and the palette's Stage button. */
+      /** section-API: stage one item's own file — the same `doorstop.git-stage`
+       *  operation with `[item.path]`; the shared run dispatch narrates the uid.
+       *  Shared by the row's `git add` span and the palette's Stage button. */
       stageItem(item) {
         const controller = this.controller;
         if (controller === void 0 || controller.runInProgress !== void 0) return;
         void controller.runGitStage([item.path], `Git: stage ${item.uid}`);
       }
-      /** Unstage one item's own file — the `doorstop.git-unstage` inverse with
-       *  `[item.path]`; the shared run dispatch narrates the uid. Shared by
-       *  the row's minus span and the palette's Unstage button. The guard
-       *  mirrors {@link stageItem}: a run already in flight must never be
+      /** section-API: unstage one item's own file — the `doorstop.git-unstage`
+       *  inverse with `[item.path]`; the shared run dispatch narrates the uid.
+       *  Shared by the row's minus span and the palette's Unstage button. The
+       *  guard mirrors {@link stageItem}: a run already in flight must never be
        *  overlapped (the disabled states cover pointer clicks; this covers
        *  every call path). */
       unstageItem(item) {
@@ -9014,103 +9705,7 @@ function defineDoorstopPanelBodyElement() {
         if (controller === void 0 || controller.runInProgress !== void 0) return;
         void controller.runGitUnstage([item.path], `Git: unstage ${item.uid}`);
       }
-      /** Unlink one parent from one item — the same `unlink` run the palette's
-       *  free-text Unlink button dispatches, but with the target sourced from
-       *  the index (`link.uid`) instead of an input. The guard mirrors
-       *  {@link stageItem}: a run already in flight must never be overlapped.
-       *  There is no `targetError` interaction: an index-sourced UID cannot
-       *  fail the free-text validation, and `parseDoorstopRunRequest`
-       *  re-validates server-side. */
-      unlinkLink(item, target) {
-        const controller = this.controller;
-        if (controller === void 0 || controller.runInProgress !== void 0) return;
-        this.runDoorstop(
-          "unlink",
-          `Doorstop: unlink ${item.uid}`,
-          { op: "unlink", uid: item.uid, target },
-          `doorstop unlink ${item.uid} ${target}`,
-          false
-        );
-      }
-      /**
-       * The browser must never send an empty commit message: the server
-       * rejects it, and git with an empty `-m` would hang the exec until the
-       * deadline. The input is cleared only on SUCCESS so a `failed` commit
-       * (hook stderr, missing identity) keeps the message for a corrected
-       * retry.
-       */
-      gitCommitSubmit() {
-        const controller = this.controller;
-        if (controller === void 0) return;
-        if (controller.runInProgress !== void 0) return;
-        const input = this.gitCommitInputRef.value;
-        const message = input?.value.trim() ?? "";
-        if (message === "") {
-          this.gitActionError = "Enter a commit message";
-          input?.focus();
-          return;
-        }
-        this.gitActionError = void 0;
-        void controller.runGitCommit(message).then(() => {
-          const lastRun = controller.lastRun;
-          if (lastRun?.op === "git-commit" && lastRun.status === "ok" && input !== void 0) {
-            input.value = "";
-            this.gitCommitMessage = "";
-          }
-        });
-      }
-      reviewItem(item) {
-        const commit = doorstopCommitAfterReview(this.result);
-        this.runDoorstop(
-          "review",
-          `Doorstop: review ${item.uid}`,
-          commit ? { op: "review", uid: item.uid, commit: true } : { op: "review", uid: item.uid },
-          `doorstop review ${item.uid}`,
-          false
-        );
-      }
-      clearSuspects(item, suspectUids) {
-        if (suspectUids.length === 0) return;
-        this.runDoorstop(
-          "clear",
-          "Doorstop: clear suspect links",
-          { op: "clear", uid: item.uid, parents: suspectUids },
-          `doorstop clear ${item.uid} ${suspectUids.join(" ")}`,
-          false
-        );
-      }
-      editItem(item) {
-        this.runDoorstop(
-          "edit",
-          `Doorstop: edit ${item.uid}`,
-          { op: "edit", uid: item.uid },
-          `doorstop edit ${item.uid}`,
-          false
-        );
-      }
-      runTargetOp(op, inputRef, item) {
-        const input = inputRef.value;
-        const target = input?.value.trim() ?? "";
-        if (target === "") {
-          this.targetError = `Enter a ${op} target UID (e.g. ${item.documentPrefix}0001)`;
-          input?.focus();
-          return;
-        }
-        if (!isValidTargetUid(target)) {
-          this.targetError = `Invalid ${op} target "${target}" \u2014 expected a Doorstop UID like ${item.documentPrefix}0001 (no spaces, quotes, or special characters)`;
-          input?.focus();
-          return;
-        }
-        this.targetError = void 0;
-        if (input !== void 0) input.value = "";
-        this.runDoorstop(
-          op,
-          `Doorstop: ${op} ${item.uid}`,
-          { op, uid: item.uid, target },
-          `doorstop ${op} ${item.uid} ${target}`,
-          false
-        );
-      }
+      /** section-API: insert an Ask-agent prompt and close the menu. */
       insertPrompt(text) {
         const context = this.context;
         if (context === void 0) return;
@@ -9121,9 +9716,9 @@ function defineDoorstopPanelBodyElement() {
       /**
        * The single dispatch surface of every panel action, with TWO paths:
        *
-       *  - BACKEND path when the workspace is owned by the opendoor provider
-       *    with an active backend: the STRUCTURED `input` goes through
-       *    `context.backend.request("doorstop.run", …)` — argv is built
+       *  - PEER path when the workspace is owned by the opendoor provider
+       *    with an active peer: the STRUCTURED `input` goes through
+       *    `context.peer.request("doorstop.run", …)` — argv is built
        *    server-side, so the browser never shell-quotes on this path. A
        *    rejected request commits `status: "error"` and does NOT
        *    invalidate (the run wrote nothing to the workspace).
@@ -9139,8 +9734,8 @@ function defineDoorstopPanelBodyElement() {
         const controller = this.controller;
         if (context === void 0 || controller === void 0) return;
         if (controller.runInProgress !== void 0) return;
-        if (context.backend !== void 0 && context.workspace.provider?.pluginId === OPENDOOR_PLUGIN_ID && context.workspace.provider?.capabilities.request !== false) {
-          void this.runDoorstopBackend(op, title, input, context.backend);
+        if (context.peer?.request !== void 0 && context.workspace.provider?.pluginId === OPENDOOR_PLUGIN_ID) {
+          void this.runDoorstopBackend(op, title, input, context.peer);
           return;
         }
         const terminal = context.terminal;
@@ -9154,13 +9749,15 @@ function defineDoorstopPanelBodyElement() {
         }).catch(() => {
         });
       }
-      async runDoorstopBackend(op, title, input, backend) {
+      async runDoorstopBackend(op, title, input, peer) {
         const controller = this.controller;
         if (controller === void 0) return;
+        const request = peer.request;
+        if (request === void 0) return;
         controller.beginRun(title);
         const startedAt = Date.now();
         try {
-          const response = await backend.request(DOORSTOP_RUN_OPERATION, input);
+          const response = await request(DOORSTOP_RUN_OPERATION, input);
           const parsed = parseDoorstopRunResponse(response);
           const status = parsed.signal !== null ? "killed" : parsed.exitCode === 0 ? "ok" : "failed";
           controller.commitRun({
@@ -9200,12 +9797,21 @@ function defineDoorstopPanelBodyElement() {
           controller.endRun();
         }
       }
+      /** section-API: the currently selected item, resolved against the
+       *  loaded index. */
       selectedItem() {
         const result = this.result;
         const uid = this.selectedUid;
         if (result === void 0 || uid === void 0) return void 0;
         return result.index.byUid.get(uid);
       }
+      /** section-API: the shared state chip (item rows + detail head). The
+       *  renderer is a free function in `sections/item-list.ts`; this delegate
+       *  lets detail-pane reach it through the host, keeping the runtime import
+       *  graph one-way (coordinator → sections). */
+      renderStateChip(key) {
+        return renderStateChip(key);
+      }
     }
     __decorateClass([
       n6({ attribute: false })
@@ -9213,6 +9819,9 @@ function defineDoorstopPanelBodyElement() {
     __decorateClass([
       n6({ attribute: false })
     ], DoorstopPanelBodyElement.prototype, "context", 2);
+    __decorateClass([
+      n6({ attribute: false })
+    ], DoorstopPanelBodyElement.prototype, "markdownRenderer", 2);
     __decorateClass([
       n6({ attribute: false })
     ], DoorstopPanelBodyElement.prototype, "result", 2);
@@ -9285,18 +9894,19 @@ function defineCustomElementOnce(tag, define) {
   define();
 }
 
-// src/doorstop-contributions.ts
-var DOORSTOP_PANEL_LOCAL_ID = "workspace.doorstop";
+// src/browser/doorstop-contributions.ts
+var DOORSTOP_PANEL_LOCAL_ID2 = "workspace.doorstop";
 var DOORSTOP_LABEL_STATE_LIMIT = 8;
-function createOpendoorBrowserContributions(runtimePluginId, _html, _svg) {
-  const panelId = `${runtimePluginId}:${DOORSTOP_PANEL_LOCAL_ID}`;
+function createOpendoorBrowserContributions(runtimePluginId, _html, _svg, markdown) {
+  const panelId = `${runtimePluginId}:${DOORSTOP_PANEL_LOCAL_ID2}`;
   const registry = new DoorstopWorkspaceRegistry();
   const labelCache = new DoorstopLabelCache();
   defineDoorstopPanelElements();
   return {
     actions: createDoorstopActions(panelId),
-    workspacePanels: [createDoorstopPanel(registry)],
-    workspaceLabels: [createDoorstopLabel(labelCache)]
+    workspacePanels: [createDoorstopPanel(registry, markdown)],
+    workspaceLabels: [createDoorstopLabel(labelCache)],
+    sessionLabels: [createDoorstopSessionLabel(runtimePluginId)]
   };
 }
 function createDoorstopActions(panelId) {
@@ -9315,7 +9925,7 @@ function createDoorstopActions(panelId) {
       // Enabled unconditionally: the Requirements panel is useful for every
       // workspace (paired or unpaired — it needs no owned provider).
       run: (context) => {
-        context.selectMainView(panelId);
+        context.selectWorkspaceTool(panelId);
       }
     },
     {
@@ -9334,9 +9944,9 @@ function createDoorstopActions(panelId) {
     }
   ];
 }
-function createDoorstopPanel(registry) {
+function createDoorstopPanel(registry, markdown) {
   return {
-    id: DOORSTOP_PANEL_LOCAL_ID,
+    id: DOORSTOP_PANEL_LOCAL_ID2,
     title: "Requirements",
     // Door/archive icon (currentColor): a filing cabinet with the doorstop
     // checklist mark — the panel title icon, created with this module's own
@@ -9348,22 +9958,58 @@ function createDoorstopPanel(registry) {
         <path d="m9 12 2 2 4-4"></path>
       </svg>
     `,
-    order: 60,
+    // Plan Phase C step C3 follow-up — order 5: the host's chat-file-link
+    // dispatch (resolveWorkspaceFileOpen) opens the FIRST ACCEPTING panel,
+    // iterating panels by `order` ascending, and the bundled Files panel is
+    // order 10 and answers `{ file: path }` for EVERY path unconditionally —
+    // at order 60 this panel's `fileOpenQuery` was never consulted at all.
+    // Sitting below 10 is the only host-supported way to claim doorstop item
+    // files for the Requirements panel; the accepted consequence is that the
+    // Requirements tab precedes Files in the workspace tab bar.
+    order: 5,
     // The panel is always visible (paired or unpaired): when the workspace
     // is opendoor-owned the run actions use the backend, otherwise the
     // terminal fallback keeps every action working; the discovery-based
     // empty state carries the "no documents" story (feature spec §7.1).
     visible: () => true,
-    onInvalidate: (context) => registry.invalidate(context),
-    render: (context) => renderDoorstopPanel(registry, context)
+    // Plan Phase C step C1 — typed invalidation (browser API v4, unchanged
+    // on v5): declare the fixed workspace resources whose automatic invalidations this panel
+    // receives. With `workspace.files` declared, the host calls onInvalidate
+    // not only for the manual Refresh action (refreshWorkspacePanels) but
+    // also when workspace files change (`reason: "mutation"` — e.g. the
+    // review-commit pipeline's commits landing, or any other plugin's file
+    // writes) and when agent work finishes in the workspace (`reason:
+    // "agent-activity"` — an agent editing doorstop documents refreshes the
+    // panel without a manual Refresh). The reason is forwarded to the
+    // registry, which rescans unconditionally (see
+    // DoorstopWorkspaceRegistry.invalidate).
+    invalidationResources: ["workspace.files"],
+    onInvalidate: (context, invalidation) => registry.invalidate(context, invalidation),
+    // Plan Phase C step C3 — chat file links: when the host resolves a
+    // Markdown link to a workspace-relative path, this hook answers with the
+    // panel's navigation query IF the panel owns the path (its last landed
+    // discovery indexed it as an item file), so the chat opens the item IN
+    // the Requirements panel instead of the Files fallback. Synchronous and
+    // side-effect-free: it answers purely from the registry's recorded index
+    // (never loads, never renders); unknown paths and pre-first-load panels
+    // return undefined (the host asks the next panel / serves Files).
+    fileOpenQuery: (context, path) => registry.fileOpenQuery(context, path),
+    render: (context) => renderDoorstopPanel(registry, context, markdown)
   };
 }
-function renderDoorstopPanel(registry, context) {
+function renderDoorstopPanel(registry, context, markdown) {
   const controller = registry.for(context);
+  if (context.navigation !== void 0) {
+    controller.applyNavigationQuery(readPanelNavigationQuery(context.navigation));
+  }
+  if (controller.result !== void 0) {
+    registry.recordFileOpenIndex(context, controller.result);
+  }
   return b2`
     <pi-web-opendoor-panel-body
       .controller=${controller}
       .context=${context}
+      .markdownRenderer=${markdown.renderer}
       .result=${controller.result}
       .loading=${controller.loading}
       .stale=${controller.stale}
@@ -9458,13 +10104,36 @@ function doorstopLabelKey(context) {
   return JSON.stringify([context.machine.id, context.workspace.projectId, context.workspace.id]);
 }
 
-// src/pi-web-plugin.ts
+// src/browser/doorstop-markdown.ts
+var DOORSTOP_MARKDOWN_CAPABILITY = {
+  pluginId: "pi-web",
+  id: "markdown-rendering",
+  version: 1,
+  parse(value) {
+    if (typeof value !== "object" || value === null || !("render" in value) || typeof value.render !== "function") {
+      throw new Error("Markdown rendering capability v1 is unavailable");
+    }
+    return value;
+  }
+};
+function createDoorstopMarkdownHolder() {
+  return { renderer: void 0 };
+}
+
+// src/browser/pi-web-plugin.ts
 var plugin = {
-  apiVersion: 2,
+  apiVersion: 5,
   name: "Opendoor",
-  activate: ({ runtimePluginId, html, svg: svg2 }) => ({
-    contributions: createOpendoorBrowserContributions(runtimePluginId, html, svg2)
-  })
+  requires: [DOORSTOP_MARKDOWN_CAPABILITY],
+  activate: ({ runtimePluginId, html, svg }) => {
+    const markdown = createDoorstopMarkdownHolder();
+    return {
+      contributions: createOpendoorBrowserContributions(runtimePluginId, html, svg, markdown),
+      start: ({ capabilities }) => {
+        markdown.renderer = capabilities.resolve(DOORSTOP_MARKDOWN_CAPABILITY);
+      }
+    };
+  }
 };
 var pi_web_plugin_default = plugin;
 export {
@@ -9484,7 +10153,6 @@ lit-html/lit-html.js:
 lit-element/lit-element.js:
 lit-html/directive.js:
 lit-html/async-directive.js:
-lit-html/directives/repeat.js:
 @lit/reactive-element/decorators/custom-element.js:
 @lit/reactive-element/decorators/property.js:
 @lit/reactive-element/decorators/state.js:
@@ -9494,6 +10162,7 @@ lit-html/directives/repeat.js:
 @lit/reactive-element/decorators/query-all.js:
 @lit/reactive-element/decorators/query-async.js:
 @lit/reactive-element/decorators/query-assigned-nodes.js:
+lit-html/directives/repeat.js:
   (**
    * @license
    * Copyright 2017 Google LLC
@@ -9507,13 +10176,6 @@ lit-html/is-server.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 
-lit-html/directives/class-map.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
 lit-html/directive-helpers.js:
 lit-html/directives/ref.js:
   (**
@@ -9522,11 +10184,18 @@ lit-html/directives/ref.js:
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 
-lit-html/directives/keyed.js:
 @lit/reactive-element/decorators/query-assigned-elements.js:
+lit-html/directives/keyed.js:
   (**
    * @license
    * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
+
+lit-html/directives/class-map.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
 */