@tangle-network/agent-app 0.45.23 → 0.45.24

package/dist/{chunk-OASVAPRL.js → chunk-AWPK7ZDS.js}

@@ -1,14 +1,14 @@
 // src/design-canvas-react/lazy.tsx
 import { lazy } from "react";
 var DesignCanvasLazy = lazy(
-  () => import("./DesignCanvasEditor-SLFMHOII.js").then((m) => ({ default: m.DesignCanvasEditor }))
+  () => import("./DesignCanvasEditor-KAMMEX7E.js").then((m) => ({ default: m.DesignCanvasEditor }))
 );
 var DesignCanvasChromeLazy = lazy(
-  () => import("./DesignCanvas-ZG7DJS7C.js").then((m) => ({ default: m.DesignCanvas }))
+  () => import("./DesignCanvas-3RRPVPCP.js").then((m) => ({ default: m.DesignCanvas }))
 );
 
 export {
   DesignCanvasLazy,
   DesignCanvasChromeLazy
 };
-//# sourceMappingURL=chunk-OASVAPRL.js.map
+//# sourceMappingURL=chunk-AWPK7ZDS.js.map

package/dist/{chunk-YTMKRL3L.js → chunk-HZ4WCA37.js}

@@ -155,7 +155,8 @@ function ReviewQueuePanel({
     ] }),
     error && /* @__PURE__ */ jsx("p", { className: "rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive", children: error }),
     !error && items.length === 0 && !loading && /* @__PURE__ */ jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-4 text-center text-xs text-muted-foreground", children: emptyLabel }),
-    /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", "aria-busy": loading, className: "sr-only", children: loading ? "Loading review queue\u2026" : "" }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", "aria-busy": loading, children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -341,4 +342,4 @@ export {
   QualityCheckList,
   ProvenanceStamp
 };
-//# sourceMappingURL=chunk-YTMKRL3L.js.map
+//# sourceMappingURL=chunk-HZ4WCA37.js.map

package/dist/chunk-HZ4WCA37.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web-react/work-product.tsx"],"sourcesContent":["/**\n * Work-product review surfaces — the sandbox-ui-FREE half of the vertical:\n *\n *  - {@link ReviewQueuePanel}: the practice/matters/campaign review queue over\n *    a `fetchQueue(cursor)` data port (the `AgentActivityPanel` shape).\n *  - {@link WorkProductCard}: the persisted `type:'work_product'` transcript\n *    anchor rendered inside `ChatMessages` — chat stays the driver surface.\n *  - {@link EvidenceLineageTable}: target → claim → source rows with\n *    click-through via an injected `resolveSourceUrl` (the\n *    `MessageAttachments.resolveFileUrl` pattern).\n *  - {@link ExceptionList} / {@link QualityCheckList}: severity-badged\n *    exception rows and pass/fail check rows.\n *  - {@link ProvenanceStamp}: profileHash prefix + runId + serving-model\n *    chips + the optional backtest slot (\"182 cases · composite 0.81 ·\n *    trust PASS\" — or \"quality: unverified\" when the trust gate failed).\n *\n * Anything hosting sandbox-ui (DiffView, CodeView, PillTabs) lives in\n * `./work-product-react` instead — this module must stay importable without\n * the optional sandbox-ui peer.\n */\n\nimport { useCallback, useEffect, useState } from 'react'\n\nimport {\n  parseReviewQueueItem,\n  type ReviewQueueItem,\n  type ReviewQueueState,\n} from '../work-product/queue'\nimport type {\n  EvidenceEntry,\n  ExceptionEntry,\n  ProfileBacktestSummary,\n  QualityCheck,\n  WorkProductPersistedPart,\n  WorkProductProvenance,\n  WorkProductStatus,\n} from '../work-product/types'\nimport { persistedPartToWorkProduct } from '../work-product/types'\n\nexport { parseReviewQueueItem }\nexport type { ReviewQueueItem, ReviewQueueState }\n\n// ── shared presentation vocabulary ────────────────────────────────────────\n\nconst STATE_LABELS: Record<ReviewQueueState, string> = {\n  intake: 'Intake',\n  missing_info: 'Missing info',\n  working: 'Working',\n  ready_for_review: 'Ready for review',\n  changes_requested: 'Changes requested',\n  approved: 'Approved',\n  blocked: 'Blocked',\n}\n\nconst STATE_TONES: Record<ReviewQueueState, string> = {\n  intake: 'bg-muted/40 text-muted-foreground',\n  missing_info: 'bg-warning/10 text-warning',\n  working: 'bg-primary/10 text-primary',\n  ready_for_review: 'bg-success/10 text-success',\n  changes_requested: 'bg-warning/10 text-warning',\n  approved: 'bg-success/10 text-success',\n  blocked: 'bg-destructive/10 text-destructive',\n}\n\nconst STATUS_LABELS: Record<WorkProductStatus, string> = {\n  draft: 'Draft',\n  blocked: 'Blocked',\n  ready: 'Ready for review',\n  changes_requested: 'Changes requested',\n  approved: 'Approved',\n  superseded: 'Superseded',\n}\n\nconst STATUS_TONES: Record<WorkProductStatus, string> = {\n  draft: 'bg-primary/10 text-primary',\n  blocked: 'bg-destructive/10 text-destructive',\n  ready: 'bg-success/10 text-success',\n  changes_requested: 'bg-warning/10 text-warning',\n  approved: 'bg-success/10 text-success',\n  superseded: 'bg-muted/40 text-muted-foreground',\n}\n\n/** Human label for a queue state. */\nexport function reviewQueueStateLabel(state: ReviewQueueState): string {\n  return STATE_LABELS[state]\n}\n\n/** Human label for a work-product status. */\nexport function workProductStatusLabel(status: WorkProductStatus): string {\n  return STATUS_LABELS[status]\n}\n\nfunction StatePill({ state }: { state: ReviewQueueState }) {\n  return (\n    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${STATE_TONES[state]}`}>\n      {STATE_LABELS[state]}\n    </span>\n  )\n}\n\nfunction StatusPill({ status }: { status: WorkProductStatus }) {\n  return (\n    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${STATUS_TONES[status]}`}>\n      {STATUS_LABELS[status]}\n    </span>\n  )\n}\n\n// ── transcript anchor helpers + card ──────────────────────────────────────\n\n/** Every persisted work-product anchor on one message, re-validated. */\nexport function workProductPartsFromMessageParts(\n  parts: ReadonlyArray<Record<string, unknown>> | null | undefined,\n): WorkProductPersistedPart[] {\n  if (!parts) return []\n  const out: WorkProductPersistedPart[] = []\n  for (const part of parts) {\n    const typed = persistedPartToWorkProduct(part)\n    if (typed) out.push(typed)\n  }\n  return out\n}\n\n/** Properties for the transcript anchor card rendered in chat */\nexport interface WorkProductCardProps {\n  part: WorkProductPersistedPart\n  /** Open the work product (queue detail / pane) — the card's only action. */\n  onOpen?: (part: WorkProductPersistedPart) => void\n  className?: string\n}\n\n/** The chat transcript anchor card for one work-product version — a compact,\n *  system-authored pointer, not a parallel review surface. */\nexport function WorkProductCard({ part, onOpen, className }: WorkProductCardProps) {\n  return (\n    <div\n      className={`flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 ${className ?? ''}`}\n      data-work-product-id={part.ref.id}\n    >\n      <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n        <svg viewBox=\"0 0 24 24\" className=\"h-4 w-4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n          <polyline points=\"14 2 14 8 20 8\" />\n          <path d=\"m9 15 2 2 4-4\" />\n        </svg>\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"truncate text-sm font-semibold text-foreground\">{part.title}</p>\n        <p className=\"text-[11px] text-muted-foreground\">\n          {part.kind && <span className=\"font-mono\">{part.kind}</span>}\n          {part.kind && ' · '}v{part.ref.version}\n        </p>\n      </div>\n      <StatusPill status={part.status} />\n      {onOpen && (\n        <button\n          type=\"button\"\n          onClick={() => onOpen(part)}\n          className=\"rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground transition hover:bg-accent/30\"\n        >\n          Review\n        </button>\n      )}\n    </div>\n  )\n}\n\n// ── review queue panel ────────────────────────────────────────────────────\n\n/** One fetched page of queue items with an optional continuation cursor */\nexport interface ReviewQueuePage {\n  items: ReviewQueueItem[]\n  /** Opaque continuation token; absent ⇒ no further pages. */\n  nextCursor?: string\n}\n\n/** Properties for the review queue panel over a fetch data port */\nexport interface ReviewQueuePanelProps {\n  /** Data port — fetch one page of queue items (the projection's output,\n   *  re-validated here at the JSON boundary). */\n  fetchQueue: (cursor?: string) => Promise<ReviewQueuePage>\n  /** Open one queue item (navigate to its thread / detail pane). */\n  onSelect?: (item: ReviewQueueItem) => void\n  title?: string\n  emptyLabel?: string\n  className?: string\n}\n\n/** Merge a fetched page into held rows: dedupe by scopeKey, incoming wins,\n *  newest updatedAt first. Exported for tests. */\nexport function mergeReviewQueuePages(existing: ReviewQueueItem[], incoming: ReviewQueueItem[]): ReviewQueueItem[] {\n  const byScope = new Map<string, ReviewQueueItem>()\n  for (const item of existing) byScope.set(item.scopeKey, item)\n  for (const item of incoming) byScope.set(item.scopeKey, item)\n  return [...byScope.values()].sort((a, b) => b.updatedAt - a.updatedAt)\n}\n\n/** The workspace review queue — cursor-paged, refreshable, selection via\n *  callback. States, counts, and provenance render from the projection; the\n *  panel holds no domain logic. */\nexport function ReviewQueuePanel({\n  fetchQueue,\n  onSelect,\n  title = 'Review queue',\n  emptyLabel = 'Nothing awaiting review.',\n  className,\n}: ReviewQueuePanelProps) {\n  const [items, setItems] = useState<ReviewQueueItem[]>([])\n  const [cursor, setCursor] = useState<string | undefined>(undefined)\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  const load = useCallback(\n    async (from?: string) => {\n      setLoading(true)\n      setError(null)\n      try {\n        const page = await fetchQueue(from)\n        const validated = page.items\n          .map((item) => parseReviewQueueItem(item))\n          .filter((item): item is ReviewQueueItem => item !== null)\n        setItems((prev) => mergeReviewQueuePages(from === undefined ? [] : prev, validated))\n        setCursor(page.nextCursor)\n      } catch (e) {\n        setError(e instanceof Error ? e.message : String(e))\n      } finally {\n        setLoading(false)\n      }\n    },\n    [fetchQueue],\n  )\n\n  useEffect(() => {\n    void load()\n  }, [load])\n\n  return (\n    <div className={`space-y-2 ${className ?? ''}`}>\n      <div className=\"flex items-center gap-2\">\n        <h2 className=\"flex-1 text-sm font-semibold\">{title}</h2>\n        <button\n          type=\"button\"\n          onClick={() => void load()}\n          disabled={loading}\n          aria-label=\"Refresh\"\n          className=\"rounded-md p-1.5 text-muted-foreground transition hover:bg-accent/30 hover:text-foreground disabled:opacity-50\"\n        >\n          <svg viewBox=\"0 0 24 24\" className={`h-3.5 w-3.5 ${loading ? 'animate-spin' : ''}`} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n            <path d=\"M21 12a9 9 0 1 1-2.64-6.36\" />\n            <polyline points=\"21 3 21 9 15 9\" />\n          </svg>\n        </button>\n      </div>\n      {error && <p className=\"rounded-md bg-destructive/10 px-3 py-2 text-xs text-destructive\">{error}</p>}\n      {!error && items.length === 0 && !loading && (\n        <p className=\"rounded-md border border-dashed border-border px-3 py-4 text-center text-xs text-muted-foreground\">{emptyLabel}</p>\n      )}\n      {/* The queue renders neither rows nor the empty copy while `loading`, so\n          the announcement is the only thing a screen reader has during the wait.\n          Kept mounted with changing text: an inserted live region that already\n          carries its message is not reliably announced. */}\n      <span role=\"status\" aria-live=\"polite\" aria-busy={loading} className=\"sr-only\">\n        {loading ? 'Loading review queue…' : ''}\n      </span>\n      <ul className=\"space-y-1.5\" aria-busy={loading}>\n        {items.map((item) => (\n          <li key={item.scopeKey}>\n            <button\n              type=\"button\"\n              onClick={() => onSelect?.(item)}\n              className=\"flex w-full items-center gap-3 rounded-lg border border-border bg-card px-3 py-2.5 text-left transition hover:border-primary/40 hover:bg-accent/20\"\n            >\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate text-sm font-medium text-foreground\">\n                  {item.workProduct?.title ?? item.scopeKey}\n                  {item.workProduct && <span className=\"ml-1.5 text-[11px] text-muted-foreground\">v{item.workProduct.version}</span>}\n                </p>\n                <p className=\"mt-0.5 flex flex-wrap items-center gap-x-2 text-[11px] text-muted-foreground\">\n                  {item.workProduct?.kind && <span className=\"font-mono\">{item.workProduct.kind}</span>}\n                  {item.pendingAsk && <span>asks: {item.pendingAsk.title}</span>}\n                  {item.blockingExceptions > 0 && (\n                    <span className=\"text-destructive\">{item.blockingExceptions} blocking</span>\n                  )}\n                  {item.failedChecks > 0 && <span className=\"text-warning\">{item.failedChecks} failed checks</span>}\n                  {item.provenance && item.provenance.profileHash && (\n                    <span className=\"font-mono\">{item.provenance.profileHash.slice(0, 8)}</span>\n                  )}\n                </p>\n              </div>\n              <StatePill state={item.state} />\n            </button>\n          </li>\n        ))}\n      </ul>\n      {cursor && (\n        <button\n          type=\"button\"\n          onClick={() => void load(cursor)}\n          disabled={loading}\n          className=\"w-full rounded-md border border-border px-3 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-accent/30 disabled:opacity-50\"\n        >\n          Load more\n        </button>\n      )}\n    </div>\n  )\n}\n\n// ── evidence lineage table ────────────────────────────────────────────────\n\n/** Properties for the evidence lineage table with source click-through */\nexport interface EvidenceLineageTableProps {\n  evidence: readonly EvidenceEntry[]\n  /** Resolve one entry's source document to an openable URL (signed\n   *  object-store/vault download) — the `resolveFileUrl` pattern. Absent →\n   *  sources render as plain refs without links. */\n  resolveSourceUrl?: (entry: EvidenceEntry) => string\n  className?: string\n}\n\nfunction locatorLabel(entry: EvidenceEntry): string | null {\n  const parts: string[] = []\n  if (entry.locator.page !== undefined) parts.push(`p.${entry.locator.page}`)\n  if (entry.locator.range) parts.push(entry.locator.range)\n  return parts.length ? parts.join(' · ') : null\n}\n\n/** Target → claim → source lineage rows: the \"every material value traceable\n *  to source evidence\" surface. Each row names the artifact target, the\n *  claim, and the source document location supporting it. */\nexport function EvidenceLineageTable({ evidence, resolveSourceUrl, className }: EvidenceLineageTableProps) {\n  if (evidence.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No evidence recorded.</p>\n  }\n  return (\n    <div className={`overflow-x-auto ${className ?? ''}`}>\n      <table className=\"w-full border-collapse text-left text-sm\">\n        <thead>\n          <tr className=\"border-b border-border text-[11px] uppercase tracking-wide text-muted-foreground\">\n            <th className=\"py-1.5 pr-3 font-medium\">Target</th>\n            <th className=\"py-1.5 pr-3 font-medium\">Claim</th>\n            <th className=\"py-1.5 font-medium\">Source</th>\n          </tr>\n        </thead>\n        <tbody>\n          {evidence.map((entry) => {\n            const url = resolveSourceUrl?.(entry)\n            const locator = locatorLabel(entry)\n            return (\n              <tr key={entry.id} className=\"border-b border-border/50 align-top\">\n                <td className=\"py-2 pr-3 font-mono text-xs text-foreground\">{entry.target}</td>\n                <td className=\"py-2 pr-3 text-[13px] leading-snug text-foreground\">\n                  {entry.claim}\n                  {entry.locator.quote && (\n                    // The basis is what a reviewer weighs, so it has to be\n                    // visible per row, not only in the aggregate check detail.\n                    // A platform-sliced quote came out of the document's own\n                    // bytes; a model-typed one was proved to occur but was\n                    // transcribed. Same text, different strength of evidence.\n                    <span\n                      className={`mt-0.5 block border-l-2 pl-2 text-xs italic ${\n                        entry.locator.quoteBasis === 'span'\n                          ? 'border-primary/60 text-foreground'\n                          : 'border-border text-muted-foreground'\n                      }`}\n                      title={\n                        entry.locator.quoteBasis === 'span'\n                          ? 'Sliced from the source document by the platform'\n                          : entry.locator.quoteBasis === 'model'\n                            ? 'Quoted by the agent, verified to occur in the source'\n                            : 'Unverified quote'\n                      }\n                    >\n                      “{entry.locator.quote}”\n                      {entry.locator.quoteBasis && (\n                        <span className=\"ml-1.5 align-middle text-[10px] not-italic uppercase tracking-wide text-muted-foreground\">\n                          {entry.locator.quoteBasis === 'span' ? 'from source' : 'verified'}\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </td>\n                <td className=\"py-2 text-xs\">\n                  {url ? (\n                    <a\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                      className=\"font-mono text-primary underline-offset-2 hover:underline\"\n                    >\n                      {entry.sourceRef}\n                    </a>\n                  ) : (\n                    <span className=\"font-mono text-muted-foreground\">{entry.sourceRef}</span>\n                  )}\n                  {locator && <span className=\"ml-1.5 text-muted-foreground\">{locator}</span>}\n                </td>\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\n// ── exceptions + checks ───────────────────────────────────────────────────\n\nconst SEVERITY_TONES: Record<ExceptionEntry['severity'], string> = {\n  blocking: 'bg-destructive/10 text-destructive',\n  material: 'bg-warning/10 text-warning',\n  advisory: 'bg-muted/40 text-muted-foreground',\n}\n\n/** Properties for the severity-badged exception list */\nexport interface ExceptionListProps {\n  exceptions: readonly ExceptionEntry[]\n  className?: string\n}\n\n/** Severity-badged exception rows with resolution state. */\nexport function ExceptionList({ exceptions, className }: ExceptionListProps) {\n  if (exceptions.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No exceptions flagged.</p>\n  }\n  return (\n    <ul className={`space-y-1.5 ${className ?? ''}`}>\n      {exceptions.map((entry) => (\n        <li key={entry.id} className=\"flex items-start gap-2.5 rounded-lg border border-border bg-card px-3 py-2\">\n          <span className={`mt-0.5 inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${SEVERITY_TONES[entry.severity]}`}>\n            {entry.severity}\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className={`text-[13px] leading-snug ${entry.resolved ? 'text-muted-foreground line-through' : 'text-foreground'}`}>\n              {entry.message}\n            </p>\n            <p className=\"mt-0.5 flex flex-wrap gap-x-2 text-[11px] text-muted-foreground\">\n              <span className=\"font-mono\">{entry.kind}</span>\n              {entry.targets && entry.targets.length > 0 && <span className=\"font-mono\">{entry.targets.join(', ')}</span>}\n              {entry.resolved && <span>resolved{entry.resolvedBy ? ` by ${entry.resolvedBy}` : ''}</span>}\n              {entry.resolutionNote && <span>{entry.resolutionNote}</span>}\n            </p>\n          </div>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n/** Properties for the pass/fail quality check list */\nexport interface QualityCheckListProps {\n  checks: readonly QualityCheck[]\n  className?: string\n}\n\n/** Pass/fail quality-check rows tagged with their source (agent self-report,\n *  platform gate, judge ensemble). */\nexport function QualityCheckList({ checks, className }: QualityCheckListProps) {\n  if (checks.length === 0) {\n    return <p className={`text-xs text-muted-foreground ${className ?? ''}`}>No checks recorded.</p>\n  }\n  return (\n    <ul className={`space-y-1 ${className ?? ''}`}>\n      {checks.map((check) => (\n        <li key={check.id} className=\"flex items-start gap-2 rounded-md px-1 py-1\">\n          {check.passed ? (\n            <svg viewBox=\"0 0 24 24\" className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-success\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n              <polyline points=\"20 6 9 17 4 12\" />\n            </svg>\n          ) : (\n            <svg viewBox=\"0 0 24 24\" className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-destructive\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n            </svg>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-[13px] text-foreground\">\n              {check.name}\n              <span className=\"ml-1.5 text-[10px] uppercase tracking-wide text-muted-foreground\">{check.source}</span>\n            </p>\n            {check.detail && <p className=\"text-[11px] leading-snug text-muted-foreground\">{check.detail}</p>}\n          </div>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n// ── provenance stamp ──────────────────────────────────────────────────────\n\n/** Properties for the provenance stamp with the optional backtest slot */\nexport interface ProvenanceStampProps {\n  provenance: Pick<WorkProductProvenance, 'profileHash' | 'runId' | 'servingModels'> &\n    Partial<Pick<WorkProductProvenance, 'costUsd' | 'producedAt'>>\n  /** The product-resolved backtest summary for this profile hash. When its\n   *  trust gate failed, the composite renders as \"quality: unverified\" —\n   *  never a naked number. */\n  backtest?: ProfileBacktestSummary\n  className?: string\n}\n\n/** The audit line a reviewer approves against: which configuration produced\n *  this document, what served it, and how that configuration measured on its\n *  backtest. */\nexport function ProvenanceStamp({ provenance, backtest, className }: ProvenanceStampProps) {\n  return (\n    <div className={`flex flex-wrap items-center gap-x-2.5 gap-y-1 text-[11px] text-muted-foreground ${className ?? ''}`}>\n      <span className=\"font-mono\" title={provenance.profileHash}>\n        profile {provenance.profileHash ? provenance.profileHash.slice(0, 10) : '—'}\n      </span>\n      <span className=\"font-mono\" title={provenance.runId}>\n        run {provenance.runId ? provenance.runId.slice(0, 10) : '—'}\n      </span>\n      {provenance.servingModels.length > 0 ? (\n        provenance.servingModels.map((model) => (\n          <span key={model} className=\"rounded-full bg-muted/40 px-2 py-0.5 font-mono\">\n            {model}\n          </span>\n        ))\n      ) : (\n        <span className=\"italic\">serving model pending</span>\n      )}\n      {typeof provenance.costUsd === 'number' && <span>${provenance.costUsd.toFixed(provenance.costUsd < 0.01 ? 4 : 2)}</span>}\n      {backtest &&\n        (backtest.trust === 'pass' ? (\n          <span className=\"text-success\">\n            {backtest.cases} backtest cases · composite {backtest.composite.toFixed(2)} · trust PASS\n          </span>\n        ) : (\n          <span className=\"text-warning\" title={backtest.trustReasons.join('; ')}>\n            quality: unverified\n          </span>\n        ))}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-FVJP2RTC.js → chunk-JJJEO4ND.js}

@@ -7,7 +7,7 @@ import {
   useRef as useRef2,
   useState
 } from "react";
-import { Download, Trash2 } from "lucide-react";
+import { Download, Folder, Trash2 } from "lucide-react";
 
 // src/vault/ConfirmDialog.tsx
 import { useEffect, useRef } from "react";
@@ -84,7 +84,7 @@ function ConfirmDialog({
                 {
                   type: "button",
                   onClick: onCancel,
-                  className: "inline-flex h-8 items-center rounded-md px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+                  className: "inline-flex h-8 items-center rounded-md px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
                   children: cancelLabel
                 }
               ),
@@ -95,7 +95,7 @@ function ConfirmDialog({
                   type: "button",
                   onClick: onConfirm,
                   disabled: confirmDisabled,
-                  className: `inline-flex h-8 items-center rounded-md px-3 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60 disabled:pointer-events-none disabled:opacity-50 ${destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
+                  className: `inline-flex h-8 items-center rounded-md px-3 text-xs font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 ${destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
                   children: confirmLabel
                 }
               )
@@ -122,10 +122,11 @@ function treeFailureMessage(failure) {
   const completed = failure.operation === "create" ? "created" : "deleted";
   return `The file was ${completed}, but the Vault couldn't refresh. ${failure.message}`;
 }
-function collectFilePaths(nodes, into) {
+function collectTreePaths(nodes, into) {
   for (const node of nodes) {
-    if (node.type === "file") into.add(node.path);
-    if (node.children) collectFilePaths(node.children, into);
+    if (node.type === "file") into.files.add(node.path);
+    else into.directories.add(node.path);
+    if (node.children) collectTreePaths(node.children, into);
   }
   return into;
 }
@@ -134,18 +135,34 @@ function resolveFilePath(rawPath, filePaths) {
   const path = rawPath.replace(/^\/+|\/+$/g, "");
   return filePaths.has(path) ? path : null;
 }
-function treeClickPath(event) {
+function resolveTreePath(rawPath, paths) {
+  const file = resolveFilePath(rawPath, paths.files);
+  if (file) return { path: file, type: "file" };
+  if (paths.directories.has(rawPath)) return { path: rawPath, type: "directory" };
+  const trimmed = rawPath.replace(/^\/+|\/+$/g, "");
+  return paths.directories.has(trimmed) ? { path: trimmed, type: "directory" } : null;
+}
+function findDirectory(nodes, path) {
+  for (const node of nodes) {
+    if (node.type === "directory" && node.path === path) return node;
+    const found = node.children ? findDirectory(node.children, path) : null;
+    if (found) return found;
+  }
+  return null;
+}
+function treeClickTarget(event) {
+  const read = (el) => {
+    const path2 = el.dataset.itemPath;
+    return path2 ? { path: path2, type: el.dataset.itemType ?? "" } : null;
+  };
   const path = event.nativeEvent.composedPath?.() ?? [];
   for (const item of path) {
     if (!(item instanceof HTMLElement)) continue;
     if (item.dataset.type !== "item") continue;
-    if (item.dataset.itemType !== "file") return null;
-    return item.dataset.itemPath ?? null;
+    return read(item);
   }
   const target = event.target instanceof HTMLElement ? event.target.closest('[data-type="item"]') : null;
-  if (!(target instanceof HTMLElement)) return null;
-  if (target.dataset.itemType !== "file") return null;
-  return target.dataset.itemPath ?? null;
+  return target instanceof HTMLElement ? read(target) : null;
 }
 function filterNodes(nodes, q) {
   const out = [];
@@ -183,7 +200,7 @@ var EditorErrorBoundary = class extends Component {
               this.setState({ error: null });
               this.props.onReset?.();
             },
-            className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+            className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted",
             children: "Try again"
           }
         )
@@ -192,11 +209,17 @@ var EditorErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
+function SkeletonRegion({ label, className, children }) {
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("span", { role: "status", "aria-live": "polite", "aria-busy": true, className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx2("div", { className, "aria-hidden": "true", children })
+  ] });
+}
 function TreeSkeleton() {
-  return /* @__PURE__ */ jsx2("div", { className: "space-y-2 p-4", "aria-hidden": "true", children: [32, 48, 40, 52].map((w, i) => /* @__PURE__ */ jsx2("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${w * 4}px` } }, i)) });
+  return /* @__PURE__ */ jsx2(SkeletonRegion, { label: "Loading files\u2026", className: "space-y-2 p-4", children: [32, 48, 40, 52].map((w, i) => /* @__PURE__ */ jsx2("div", { className: "h-4 animate-pulse rounded bg-muted", style: { width: `${w * 4}px` } }, i)) });
 }
 function EditorSkeleton() {
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-3 p-8", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs2(SkeletonRegion, { label: "Loading file\u2026", className: "space-y-3 p-8", children: [
     /* @__PURE__ */ jsx2("div", { className: "h-5 w-1/2 animate-pulse rounded bg-muted" }),
     /* @__PURE__ */ jsx2("div", { className: "h-4 w-full animate-pulse rounded bg-muted" }),
     /* @__PURE__ */ jsx2("div", { className: "h-4 w-3/4 animate-pulse rounded bg-muted" }),
@@ -220,7 +243,7 @@ function ReadErrorState({ message, onRetry }) {
       {
         type: "button",
         onClick: onRetry,
-        className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+        className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted",
         children: "Retry"
       }
     )
@@ -237,7 +260,7 @@ function TreeErrorState({ message, onRetry }) {
       {
         type: "button",
         onClick: onRetry,
-        className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+        className: "inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted",
         children: "Retry"
       }
     )
@@ -313,15 +336,25 @@ function VaultPane(props) {
   const [dockOpen, setDockOpen] = useState(false);
   const [pendingNav, setPendingNav] = useState(null);
   const [query, setQuery] = useState("");
+  const [folderPath, setFolderPath] = useState(null);
   const savedContentRef = useRef2("");
   const loadedPathRef = useRef2(null);
   const onOperationErrorRef = useRef2(onOperationError);
   onOperationErrorRef.current = onOperationError;
-  const filePaths = useMemo(() => collectFilePaths(tree, /* @__PURE__ */ new Set()), [tree]);
+  const treePaths = useMemo(
+    () => collectTreePaths(tree, { files: /* @__PURE__ */ new Set(), directories: /* @__PURE__ */ new Set() }),
+    [tree]
+  );
+  const filePaths = treePaths.files;
   const resolvedSelectedPath = useMemo(
     () => selectedPath ? resolveFilePath(selectedPath, filePaths) : null,
     [selectedPath, filePaths]
   );
+  const activeFolderNode = useMemo(
+    () => folderPath ? findDirectory(tree, folderPath) : null,
+    [tree, folderPath]
+  );
+  const activeFolder = activeFolderNode?.path ?? null;
   const treeRoot = useMemo(
     () => ({ name: "Vault", path: "", type: "directory", children: tree }),
     [tree]
@@ -329,8 +362,9 @@ function VaultPane(props) {
   const visibleRoot = useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return treeRoot;
-    return { ...treeRoot, children: filterNodes(tree, q) };
-  }, [treeRoot, tree, query]);
+    const base = activeFolderNode ?? treeRoot;
+    return { ...base, children: filterNodes(base.children ?? [], q) };
+  }, [treeRoot, activeFolderNode, query]);
   const commitPath = useCallback(
     (next) => {
       if (!controlled) setInternalPath(next);
@@ -460,14 +494,19 @@ function VaultPane(props) {
     },
     [isDirty, selectedPath, commitPath]
   );
+  const toggleFolder = useCallback((path) => {
+    setFolderPath((current) => current === path ? null : path);
+  }, []);
   const selectFileRef = useRef2(() => {
   });
   selectFileRef.current = (rawPath) => {
-    const path = resolveFilePath(rawPath, filePaths);
-    if (path) {
-      guardedOpen(path);
+    const target = resolveTreePath(rawPath, treePaths);
+    if (!target) return;
+    if (target.type === "file") {
+      guardedOpen(target.path);
       return;
     }
+    toggleFolder(target.path);
   };
   const handleTreeSelect = useCallback((path) => selectFileRef.current(path), []);
   const guardedClose = useCallback(() => {
@@ -535,7 +574,7 @@ function VaultPane(props) {
   }, [selectedFile, editorMode, sourceDraft, richDraft, activeCodec, port, reportFailure]);
   const handleCreate = useCallback(async () => {
     const trimmed = newPath.trim();
-    if (!trimmed) return;
+    if (!trimmed || !trimmed.split("/").pop()?.trim()) return;
     setCreating(true);
     setCreateError(null);
     try {
@@ -573,6 +612,7 @@ function VaultPane(props) {
       setDeleting(false);
     }
   }, [selectedFile, port, refresh, commitPath, reportFailure]);
+  const createFileName = newPath.trim().split("/").pop()?.trim() ?? "";
   let treeContent;
   if (treeLoading || !treeLoaded && !treeError) {
     treeContent = /* @__PURE__ */ jsx2(TreeSkeleton, {});
@@ -608,9 +648,9 @@ function VaultPane(props) {
             type: "text",
             value: query,
             onChange: (e) => setQuery(e.target.value),
-            placeholder: "Search\u2026",
+            placeholder: activeFolder ? `Search ${activeFolder}\u2026` : "Search\u2026",
             "aria-label": "Search vault",
-            className: "h-8 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-primary/60"
+            className: "h-8 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground"
           }
         ) }),
         /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1", children: [
@@ -621,7 +661,7 @@ function VaultPane(props) {
               type: "button",
               "aria-label": "Refresh vault",
               onClick: () => void refresh(),
-              className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
               children: "\u21BB"
             }
           ),
@@ -629,24 +669,39 @@ function VaultPane(props) {
             "button",
             {
               type: "button",
-              "aria-label": "New vault file",
+              "aria-label": activeFolder ? `New vault file in ${activeFolder}` : "New vault file",
               onClick: () => {
                 setCreateError(null);
+                setNewPath(activeFolder ? `${activeFolder}/` : "");
                 setCreateOpen(true);
               },
-              className: "inline-flex h-8 w-8 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/60",
+              className: "inline-flex h-8 w-8 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
               children: "+"
             }
           )
         ] })
       ] }),
+      activeFolder && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 border-b border-border bg-muted/40 px-4 py-1.5 text-xs", children: [
+        /* @__PURE__ */ jsx2(Folder, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2("span", { "data-vault-folder": true, className: "min-w-0 flex-1 truncate font-medium text-foreground", title: activeFolder, children: activeFolder }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear the active folder",
+            onClick: () => setFolderPath(null),
+            className: "shrink-0 rounded px-1 text-muted-foreground underline-offset-2 transition-colors hover:text-foreground hover:underline",
+            children: "Clear"
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx2(
         "div",
         {
           className: "flex-1 overflow-y-auto",
           onClickCapture: (event) => {
-            const path = treeClickPath(event);
-            if (path) handleTreeSelect(path);
+            const target = treeClickTarget(event);
+            if (target) handleTreeSelect(target.path);
           },
           children: treeContent
         }
@@ -761,9 +816,9 @@ function VaultPane(props) {
       {
         open: createOpen,
         title: "Create vault file",
-        description: "Add a new document to this vault.",
+        description: activeFolder ? `Add a new document to ${activeFolder}.` : "Add a new document to this vault.",
         confirmLabel: creating ? "Creating\u2026" : "Create",
-        confirmDisabled: creating || !newPath.trim(),
+        confirmDisabled: creating || !createFileName,
         onConfirm: () => void handleCreate(),
         onCancel: () => {
           setCreateOpen(false);
@@ -779,7 +834,7 @@ function VaultPane(props) {
               onChange: (e) => setNewPath(e.target.value),
               placeholder: "e.g. playbooks/new-strategy.md",
               "aria-label": "New file path",
-              className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-primary/60"
+              className: "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground"
             }
           ),
           createError && /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-xs text-destructive", children: createError.message })
@@ -849,7 +904,7 @@ function SourceEditor({
         onChange: (event) => onChange(event.target.value),
         spellCheck: false,
         "aria-label": "Source editor",
-        className: "min-h-0 flex-1 resize-none border-0 bg-background p-4 font-mono text-sm leading-6 text-foreground outline-none"
+        className: "min-h-0 flex-1 resize-none border-0 bg-background p-4 font-mono text-sm leading-6 text-foreground focus-visible:[outline-offset:-2px]"
       }
     )
   ] });
@@ -859,4 +914,4 @@ export {
   ConfirmDialog,
   VaultPane
 };
-//# sourceMappingURL=chunk-FVJP2RTC.js.map
+//# sourceMappingURL=chunk-JJJEO4ND.js.map

package/dist/chunk-JJJEO4ND.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vault/VaultPane.tsx","../src/vault/ConfirmDialog.tsx"],"sourcesContent":["/**\n * The shared 3-pane vault: tree | artifact viewer | optional agent dock. This is\n * pure shell MECHANISM — selection, the dirty-guard + pending-nav state machine,\n * rich/source editor modes, create/delete/refresh, skeletons, an error boundary,\n * and an empty state. It renders NO file tree and NO artifact viewer of its own:\n * those arrive through the `renderTree` / `renderArtifact` / `renderDock` seams,\n * so a product wires sandbox-ui's RichFileTree + FileArtifactPane in ~10 lines.\n *\n * Data flows exclusively through `port` (a `VaultDataPort`). The pane never\n * imports a fetch client, a router, a toast system, or a markdown library — the\n * optional `codec` seam supplies rich/source parsing (identity passthrough by\n * default). Chrome uses the shared theme tokens (bg-card, border-border, …).\n */\n\nimport {\n  Component,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ErrorInfo,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { Download, Folder, Trash2 } from 'lucide-react'\nimport { ConfirmDialog } from './ConfirmDialog'\nimport type {\n  VaultEditorMode,\n  VaultFile,\n  VaultMarkdownCodec,\n  VaultOperation,\n  VaultOperationFailure,\n  VaultOperationPhase,\n  VaultPaneProps,\n  VaultRichParts,\n  VaultTreeNode,\n} from './contracts'\n\nconst IDENTITY_CODEC: VaultMarkdownCodec = {\n  parse: (raw) => raw,\n  serialize: (parts) => (typeof parts === 'string' ? parts : String(parts ?? '')),\n}\n\ntype PendingNav = { type: 'open'; path: string } | { type: 'close' } | null\n\ninterface TreeRefreshContext {\n  operation: Extract<VaultOperation, 'list' | 'create' | 'delete'>\n  phase: VaultOperationPhase\n  path?: string\n  selectAfterRecovery?: string\n}\n\ninterface TreeFailureState {\n  failure: VaultOperationFailure\n  context: TreeRefreshContext\n}\n\nconst LIST_CONTEXT: TreeRefreshContext = { operation: 'list', phase: 'operation' }\n\nfunction operationMessage(error: unknown, fallback: string): string {\n  return error instanceof Error && error.message ? error.message : fallback\n}\n\nfunction treeFailureMessage(failure: VaultOperationFailure): string {\n  if (failure.phase !== 'post-mutation-refresh') return failure.message\n  const completed = failure.operation === 'create' ? 'created' : 'deleted'\n  return `The file was ${completed}, but the Vault couldn't refresh. ${failure.message}`\n}\n\ninterface TreePaths {\n  files: Set<string>\n  directories: Set<string>\n}\n\n// Directories are collected alongside files because a click on one has to be\n// RECOGNIZED to be answered — dropping them here is what made a folder row a\n// dead target: the path resolved to nothing and every downstream branch was\n// keyed on a file.\nfunction collectTreePaths(nodes: VaultTreeNode[], into: TreePaths): TreePaths {\n  for (const node of nodes) {\n    if (node.type === 'file') into.files.add(node.path)\n    else into.directories.add(node.path)\n    if (node.children) collectTreePaths(node.children, into)\n  }\n  return into\n}\n\nfunction resolveFilePath(rawPath: string, filePaths: Set<string>): string | null {\n  if (filePaths.has(rawPath)) return rawPath\n  const path = rawPath.replace(/^\\/+|\\/+$/g, '')\n  return filePaths.has(path) ? path : null\n}\n\nfunction resolveTreePath(rawPath: string, paths: TreePaths): { path: string; type: 'file' | 'directory' } | null {\n  const file = resolveFilePath(rawPath, paths.files)\n  if (file) return { path: file, type: 'file' }\n  if (paths.directories.has(rawPath)) return { path: rawPath, type: 'directory' }\n  const trimmed = rawPath.replace(/^\\/+|\\/+$/g, '')\n  return paths.directories.has(trimmed) ? { path: trimmed, type: 'directory' } : null\n}\n\nfunction findDirectory(nodes: VaultTreeNode[], path: string): VaultTreeNode | null {\n  for (const node of nodes) {\n    if (node.type === 'directory' && node.path === path) return node\n    const found = node.children ? findDirectory(node.children, path) : null\n    if (found) return found\n  }\n  return null\n}\n\n/** The clicked tree row, files and directories alike. The type travels with the\n *  path so the caller routes on it instead of discarding everything that is not\n *  a file. */\nfunction treeClickTarget(event: MouseEvent<HTMLElement>): { path: string; type: string } | null {\n  const read = (el: HTMLElement) => {\n    const path = el.dataset.itemPath\n    return path ? { path, type: el.dataset.itemType ?? '' } : null\n  }\n\n  const path = event.nativeEvent.composedPath?.() ?? []\n  for (const item of path) {\n    if (!(item instanceof HTMLElement)) continue\n    if (item.dataset.type !== 'item') continue\n    return read(item)\n  }\n\n  const target = event.target instanceof HTMLElement\n    ? event.target.closest('[data-type=\"item\"]')\n    : null\n  return target instanceof HTMLElement ? read(target) : null\n}\n\n// Case-insensitive name filter over the tree: files survive when their name\n// matches; a directory survives whole (with all its children) when its own name\n// matches, otherwise only when some descendant survives.\nfunction filterNodes(nodes: VaultTreeNode[], q: string): VaultTreeNode[] {\n  const out: VaultTreeNode[] = []\n  for (const node of nodes) {\n    if (node.type === 'file') {\n      if (node.name.toLowerCase().includes(q)) out.push(node)\n    } else if (node.name.toLowerCase().includes(q)) {\n      out.push(node)\n    } else {\n      const children = filterNodes(node.children ?? [], q)\n      if (children.length > 0) out.push({ ...node, children })\n    }\n  }\n  return out\n}\n\nclass EditorErrorBoundary extends Component<{ children: ReactNode; onReset?: () => void }, { error: unknown }> {\n  state: { error: unknown } = { error: null }\n  static getDerivedStateFromError(error: unknown) {\n    return { error }\n  }\n  componentDidCatch(error: unknown, info: ErrorInfo) {\n    console.error('Vault crashed:', error, info)\n  }\n  render() {\n    if (this.state.error) {\n      const msg = this.state.error instanceof Error\n        ? this.state.error.message\n        : typeof this.state.error === 'string'\n          ? this.state.error\n          : 'Something went wrong loading the vault'\n      return (\n        <div className=\"flex h-full flex-1 flex-col items-center justify-center p-8 text-center\">\n          <h3 className=\"mb-1 text-sm font-medium text-foreground\">Vault failed to load</h3>\n          <p className=\"mb-4 max-w-xs text-xs text-muted-foreground\">{String(msg)}</p>\n          <button\n            type=\"button\"\n            onClick={() => { this.setState({ error: null }); this.props.onReset?.() }}\n            className=\"inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n          >\n            Try again\n          </button>\n        </div>\n      )\n    }\n    return this.props.children\n  }\n}\n\n/**\n * A skeleton is a picture of a wait, and a picture is exactly what a screen\n * reader cannot see. `aria-hidden` on the shimmer bars is right — they carry no\n * information — but hiding them without saying anything else is what left the\n * whole load silent. The container announces the wait instead: `aria-busy` for\n * the state, a `status` live region so arrival is reported, and a real text\n * label, since a live region with only decorative children announces nothing.\n */\nfunction SkeletonRegion({ label, className, children }: { label: string; className: string; children: ReactNode }) {\n  // The live region is a SIBLING of the shimmer, not a wrapper around it: the\n  // shimmer container keeps its exact classes and its exact position in the\n  // parent's layout, so adding the announcement cannot move a pixel. Wrapping\n  // it would put a new box between `space-y-*` and the bars it spaces.\n  return (\n    <>\n      <span role=\"status\" aria-live=\"polite\" aria-busy={true} className=\"sr-only\">\n        {label}\n      </span>\n      <div className={className} aria-hidden=\"true\">\n        {children}\n      </div>\n    </>\n  )\n}\n\nfunction TreeSkeleton() {\n  return (\n    <SkeletonRegion label=\"Loading files…\" className=\"space-y-2 p-4\">\n      {[32, 48, 40, 52].map((w, i) => (\n        <div key={i} className=\"h-4 animate-pulse rounded bg-muted\" style={{ width: `${w * 4}px` }} />\n      ))}\n    </SkeletonRegion>\n  )\n}\n\nfunction EditorSkeleton() {\n  return (\n    <SkeletonRegion label=\"Loading file…\" className=\"space-y-3 p-8\">\n      <div className=\"h-5 w-1/2 animate-pulse rounded bg-muted\" />\n      <div className=\"h-4 w-full animate-pulse rounded bg-muted\" />\n      <div className=\"h-4 w-3/4 animate-pulse rounded bg-muted\" />\n      <div className=\"h-4 w-2/3 animate-pulse rounded bg-muted\" />\n    </SkeletonRegion>\n  )\n}\n\nfunction EmptyState() {\n  return (\n    <div className=\"flex h-full flex-col items-center justify-center p-8 text-center\">\n      <h3 className=\"text-sm font-medium text-foreground\">Open a vault document</h3>\n      <p className=\"mt-1 max-w-xs text-xs text-muted-foreground\">\n        Select a file from the directory, or create a new one.\n      </p>\n    </div>\n  )\n}\n\nfunction ReadErrorState({ message, onRetry }: { message: string; onRetry: () => void }) {\n  return (\n    <div className=\"flex h-full flex-col items-center justify-center gap-3 p-8 text-center\">\n      <div>\n        <h3 className=\"text-sm font-medium text-foreground\">Couldn't open this file</h3>\n        <p className=\"mt-1 max-w-md text-xs text-muted-foreground\">{message}</p>\n      </div>\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n      >\n        Retry\n      </button>\n    </div>\n  )\n}\n\nfunction TreeErrorState({ message, onRetry }: { message: string; onRetry: () => void }) {\n  return (\n    <div role=\"alert\" className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center\">\n      <div>\n        <h3 className=\"text-sm font-medium text-foreground\">Couldn't load the Vault</h3>\n        <p className=\"mt-1 max-w-xs text-xs text-muted-foreground\">{message}</p>\n      </div>\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"inline-flex h-8 items-center rounded-md border border-border px-3 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n      >\n        Retry\n      </button>\n    </div>\n  )\n}\n\nfunction OperationErrorAlert({\n  message,\n  retryLabel,\n  onRetry,\n  onDismiss,\n}: {\n  message: string\n  retryLabel: string\n  onRetry: () => void\n  onDismiss: () => void\n}) {\n  return (\n    <div\n      role=\"alert\"\n      className=\"flex shrink-0 items-center justify-between gap-3 border-b border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive\"\n    >\n      <span className=\"min-w-0 flex-1\">{message}</span>\n      <div className=\"flex shrink-0 items-center gap-3\">\n        <button type=\"button\" aria-label={retryLabel} onClick={onRetry} className=\"font-medium underline-offset-2 hover:underline\">\n          Retry\n        </button>\n        <button type=\"button\" onClick={onDismiss} className=\"underline-offset-2 hover:underline\">\n          Dismiss\n        </button>\n      </div>\n    </div>\n  )\n}\n\nexport function VaultPane(props: VaultPaneProps) {\n  const {\n    port,\n    renderTree,\n    renderArtifact,\n    renderDock,\n    canWrite = true,\n    selectedPath: controlledPath,\n    onSelectedPathChange,\n    onOperationError,\n    codec,\n    className,\n    dockToggle,\n    refreshKey,\n    headerActions,\n    onDownloadFile,\n    pathBarClassName,\n  } = props\n\n  const activeCodec = codec ?? IDENTITY_CODEC\n  const controlled = controlledPath !== undefined\n  const isMarkdownCapable = codec !== undefined\n  // `false` → a persistent dock (no toggle, always open with the selected file).\n  const persistentDock = dockToggle === false\n  const dockToggleCfg = dockToggle ? dockToggle : { label: 'Discuss', disabledWhenDirty: true }\n\n  const [tree, setTree] = useState<VaultTreeNode[]>([])\n  const [treeLoading, setTreeLoading] = useState(true)\n  const [treeLoaded, setTreeLoaded] = useState(false)\n  const [treeError, setTreeError] = useState<TreeFailureState | null>(null)\n  const [internalPath, setInternalPath] = useState<string | null>(null)\n  const selectedPath = controlled ? (controlledPath ?? null) : internalPath\n\n  const [selectedFile, setSelectedFile] = useState<VaultFile | null>(null)\n  const [fileLoading, setFileLoading] = useState(false)\n  const [readError, setReadError] = useState<string | null>(null)\n  const [reloadNonce, setReloadNonce] = useState(0)\n  const [saving, setSaving] = useState(false)\n  const [saveError, setSaveError] = useState<VaultOperationFailure | null>(null)\n\n  const [editorMode, setEditorMode] = useState<VaultEditorMode>('rich')\n  const [richDraft, setRichDraft] = useState<VaultRichParts>('')\n  const [sourceDraft, setSourceDraft] = useState('')\n  const [isDirty, setIsDirty] = useState(false)\n\n  const [createOpen, setCreateOpen] = useState(false)\n  const [newPath, setNewPath] = useState('')\n  const [creating, setCreating] = useState(false)\n  const [createError, setCreateError] = useState<VaultOperationFailure | null>(null)\n  const [deleteOpen, setDeleteOpen] = useState(false)\n  const [deleting, setDeleting] = useState(false)\n  const [deleteError, setDeleteError] = useState<VaultOperationFailure | null>(null)\n  const [dockOpen, setDockOpen] = useState(false)\n  const [pendingNav, setPendingNav] = useState<PendingNav>(null)\n  const [query, setQuery] = useState('')\n  const [folderPath, setFolderPath] = useState<string | null>(null)\n\n  const savedContentRef = useRef('')\n  const loadedPathRef = useRef<string | null>(null)\n  const onOperationErrorRef = useRef(onOperationError)\n  onOperationErrorRef.current = onOperationError\n\n  const treePaths = useMemo(\n    () => collectTreePaths(tree, { files: new Set<string>(), directories: new Set<string>() }),\n    [tree],\n  )\n  const filePaths = treePaths.files\n  const resolvedSelectedPath = useMemo(\n    () => selectedPath ? resolveFilePath(selectedPath, filePaths) : null,\n    [selectedPath, filePaths],\n  )\n  // The clicked folder, resolved against the CURRENT tree — a folder that a\n  // refresh removed stops being the active one on its own, so neither the\n  // search scope nor the create target can point at a directory that is gone.\n  const activeFolderNode = useMemo(\n    () => (folderPath ? findDirectory(tree, folderPath) : null),\n    [tree, folderPath],\n  )\n  const activeFolder = activeFolderNode?.path ?? null\n  const treeRoot = useMemo<VaultTreeNode>(\n    () => ({ name: 'Vault', path: '', type: 'directory', children: tree }),\n    [tree],\n  )\n  // With no query the whole vault stays on screen: the tree renderer owns\n  // expansion (both sandbox-ui trees keep it internal), so re-rooting on a\n  // plain folder click would fight the expand the click already performs. The\n  // folder scopes the SEARCH, which is where a narrowed list is what the reader\n  // asked for.\n  const visibleRoot = useMemo<VaultTreeNode>(() => {\n    const q = query.trim().toLowerCase()\n    if (!q) return treeRoot\n    const base = activeFolderNode ?? treeRoot\n    return { ...base, children: filterNodes(base.children ?? [], q) }\n  }, [treeRoot, activeFolderNode, query])\n\n  const commitPath = useCallback(\n    (next: string | null) => {\n      if (!controlled) setInternalPath(next)\n      onSelectedPathChange?.(next)\n    },\n    [controlled, onSelectedPathChange],\n  )\n\n  const reportFailure = useCallback((\n    operation: VaultOperation,\n    phase: VaultOperationPhase,\n    error: unknown,\n    fallback: string,\n    path?: string,\n  ): VaultOperationFailure => {\n    const failure: VaultOperationFailure = {\n      operation,\n      phase,\n      path,\n      message: operationMessage(error, fallback),\n      cause: error,\n    }\n    try {\n      onOperationErrorRef.current?.(failure)\n    } catch (callbackError) {\n      console.error('Vault onOperationError callback failed:', callbackError)\n    }\n    return failure\n  }, [])\n\n  const refresh = useCallback(async (context: TreeRefreshContext = LIST_CONTEXT): Promise<boolean> => {\n    setTreeLoading(true)\n    setTreeError(null)\n    try {\n      setTree(await port.listTree())\n      setTreeLoaded(true)\n      return true\n    } catch (error) {\n      const failure = reportFailure(\n        context.operation,\n        context.phase,\n        error,\n        'Failed to load the Vault',\n        context.path,\n      )\n      setTreeError({ failure, context })\n      return false\n    } finally {\n      setTreeLoading(false)\n    }\n  }, [port, reportFailure])\n\n  useEffect(() => {\n    setTree([])\n    setTreeLoaded(false)\n    setTreeError(null)\n  }, [port])\n\n  useEffect(() => {\n    void refresh()\n  }, [refresh, refreshKey])\n\n  const retryTree = useCallback(async () => {\n    if (!treeError) return\n    const { context } = treeError\n    const recovered = await refresh(context)\n    if (recovered && context.selectAfterRecovery) commitPath(context.selectAfterRecovery)\n  }, [treeError, refresh, commitPath])\n\n  useEffect(() => {\n    if (!selectedPath) {\n      setSelectedFile(null)\n      setFileLoading(false)\n      setReadError(null)\n      loadedPathRef.current = null\n      return\n    }\n    if (treeLoading || !treeLoaded) return\n    if (!resolvedSelectedPath) {\n      commitPath(null)\n      setSelectedFile(null)\n      setFileLoading(false)\n      setReadError(null)\n      loadedPathRef.current = null\n      return\n    }\n    let cancelled = false\n    const path = resolvedSelectedPath\n    if (path !== selectedPath) commitPath(path)\n    setFileLoading(true)\n    setReadError(null)\n    void (async () => {\n      try {\n        const file = await port.readFile(path)\n        if (!cancelled) setSelectedFile(file)\n      } catch (err) {\n        // Surface read failures instead of making them indistinguishable from\n        // the intentionally empty \"no file selected\" state.\n        if (!cancelled) {\n          const failure = reportFailure('read', 'operation', err, 'Failed to read file', path)\n          setSelectedFile(null)\n          setReadError(failure.message)\n        }\n      } finally {\n        if (!cancelled) setFileLoading(false)\n      }\n    })()\n    return () => {\n      cancelled = true\n    }\n  }, [port, selectedPath, resolvedSelectedPath, treeLoading, treeLoaded, refreshKey, reloadNonce, commitPath, reportFailure])\n\n  useEffect(() => {\n    if (!selectedFile) {\n      loadedPathRef.current = null\n      savedContentRef.current = ''\n      setRichDraft('')\n      setSourceDraft('')\n      setEditorMode('rich')\n      setIsDirty(false)\n      setSaveError(null)\n      return\n    }\n    const pathChanged = loadedPathRef.current !== selectedFile.path\n    loadedPathRef.current = selectedFile.path\n    savedContentRef.current = selectedFile.content\n    setRichDraft(activeCodec.parse(selectedFile.content))\n    setSourceDraft(selectedFile.content)\n    if (pathChanged) setEditorMode('rich')\n    setIsDirty(false)\n    setSaveError(null)\n    setDockOpen(false)\n  }, [selectedFile, activeCodec])\n\n  const guardedOpen = useCallback(\n    (path: string) => {\n      if (path === selectedPath) return\n      if (isDirty) {\n        setPendingNav({ type: 'open', path })\n        return\n      }\n      commitPath(path)\n    },\n    [isDirty, selectedPath, commitPath],\n  )\n\n  // Clicking a folder makes it the vault's active folder: the search narrows to\n  // it and a new file lands inside it. Clicking it again clears that — the same\n  // row is the way back out, so the gesture is reversible where it was made.\n  const toggleFolder = useCallback((path: string) => {\n    setFolderPath((current) => (current === path ? null : path))\n  }, [])\n\n  // Some tree models keep their original selection callback while resetting\n  // paths internally. Keep the callable stable, but have it execute the latest\n  // path validation and dirty-guard logic.\n  const selectFileRef = useRef<(path: string) => void>(() => {})\n  selectFileRef.current = (rawPath: string) => {\n    const target = resolveTreePath(rawPath, treePaths)\n    if (!target) return\n    if (target.type === 'file') {\n      guardedOpen(target.path)\n      return\n    }\n    toggleFolder(target.path)\n  }\n  const handleTreeSelect = useCallback((path: string) => selectFileRef.current(path), [])\n\n  const guardedClose = useCallback(() => {\n    if (isDirty) {\n      setPendingNav({ type: 'close' })\n      return\n    }\n    commitPath(null)\n    setSelectedFile(null)\n  }, [isDirty, commitPath])\n\n  const confirmDiscard = useCallback(() => {\n    const nav = pendingNav\n    setPendingNav(null)\n    setIsDirty(false)\n    if (!nav) return\n    if (nav.type === 'open') {\n      commitPath(nav.path)\n    } else {\n      commitPath(null)\n      setSelectedFile(null)\n    }\n  }, [pendingNav, commitPath])\n\n  const showRichMode = useCallback(() => {\n    setEditorMode((mode) => {\n      if (mode === 'rich') return mode\n      setRichDraft(activeCodec.parse(sourceDraft))\n      setIsDirty(sourceDraft !== savedContentRef.current)\n      return 'rich'\n    })\n  }, [activeCodec, sourceDraft])\n\n  const showSourceMode = useCallback(() => {\n    setEditorMode((mode) => {\n      if (mode === 'source') return mode\n      const content = isDirty ? activeCodec.serialize(richDraft) : savedContentRef.current\n      setSourceDraft(content)\n      setIsDirty(content !== savedContentRef.current)\n      return 'source'\n    })\n  }, [activeCodec, isDirty, richDraft])\n\n  const onSourceChange = useCallback((next: string) => {\n    setSourceDraft(next)\n    setIsDirty(next !== savedContentRef.current)\n  }, [])\n\n  const onRichChange = useCallback((next: VaultRichParts) => {\n    setRichDraft(next)\n    setIsDirty(activeCodec.serialize(next) !== savedContentRef.current)\n  }, [activeCodec])\n\n  const saveCurrent = useCallback(async () => {\n    if (!selectedFile) return\n    const content = editorMode === 'source' ? sourceDraft : activeCodec.serialize(richDraft)\n    setSaving(true)\n    setSaveError(null)\n    try {\n      await port.writeFile(selectedFile.path, content)\n      savedContentRef.current = content\n      setSelectedFile({ ...selectedFile, content })\n      setSourceDraft(content)\n      setRichDraft(activeCodec.parse(content))\n      setIsDirty(false)\n    } catch (error) {\n      setSaveError(reportFailure('save', 'operation', error, 'Failed to save file', selectedFile.path))\n    } finally {\n      setSaving(false)\n    }\n  }, [selectedFile, editorMode, sourceDraft, richDraft, activeCodec, port, reportFailure])\n\n  const handleCreate = useCallback(async () => {\n    const trimmed = newPath.trim()\n    // Same rule as the confirm button, enforced here too: the dialog can also be\n    // confirmed by keyboard, and a directory path is not a file to create.\n    if (!trimmed || !(trimmed.split('/').pop()?.trim())) return\n    setCreating(true)\n    setCreateError(null)\n    try {\n      const created = await port.createFile(trimmed)\n      setCreateOpen(false)\n      setNewPath('')\n      const refreshed = await refresh({\n        operation: 'create',\n        phase: 'post-mutation-refresh',\n        path: created,\n        selectAfterRecovery: created,\n      })\n      if (refreshed) commitPath(created)\n    } catch (error) {\n      setCreateError(reportFailure('create', 'operation', error, 'Failed to create file', trimmed))\n    } finally {\n      setCreating(false)\n    }\n  }, [newPath, port, refresh, commitPath, reportFailure])\n\n  const handleDelete = useCallback(async () => {\n    if (!selectedFile) return\n    const path = selectedFile.path\n    setDeleting(true)\n    setDeleteError(null)\n    try {\n      await port.deleteFile(path)\n      setDeleteOpen(false)\n      setIsDirty(false)\n      commitPath(null)\n      setSelectedFile(null)\n      await refresh({ operation: 'delete', phase: 'post-mutation-refresh', path })\n    } catch (error) {\n      setDeleteError(reportFailure('delete', 'operation', error, 'Failed to delete file', path))\n    } finally {\n      setDeleting(false)\n    }\n  }, [selectedFile, port, refresh, commitPath, reportFailure])\n\n  const createFileName = newPath.trim().split('/').pop()?.trim() ?? ''\n\n  let treeContent: ReactNode\n  if (treeLoading || (!treeLoaded && !treeError)) {\n    treeContent = <TreeSkeleton />\n  } else if (!treeLoaded && treeError) {\n    treeContent = <TreeErrorState message={treeFailureMessage(treeError.failure)} onRetry={() => void retryTree()} />\n  } else {\n    treeContent = (\n      <>\n        {treeError && (\n          <OperationErrorAlert\n            message={treeFailureMessage(treeError.failure)}\n            retryLabel=\"Retry vault refresh\"\n            onRetry={() => void retryTree()}\n            onDismiss={() => setTreeError(null)}\n          />\n        )}\n        {renderTree({\n          root: visibleRoot,\n          selectedPath: resolvedSelectedPath ?? undefined,\n          onSelect: handleTreeSelect,\n        })}\n      </>\n    )\n  }\n\n  return (\n    <EditorErrorBoundary onReset={() => { commitPath(null); setSelectedFile(null) }}>\n      <div className={`flex min-h-0 flex-1 overflow-hidden ${className ?? ''}`}>\n        <div className=\"flex w-[23rem] min-w-[23rem] flex-col border-r border-border bg-background\">\n          <div className=\"flex items-center gap-2 border-b border-border px-4 py-3\">\n            <div className=\"min-w-0 flex-1\">\n              <input\n                type=\"text\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={activeFolder ? `Search ${activeFolder}…` : 'Search…'}\n                aria-label=\"Search vault\"\n                className=\"h-8 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground\"\n              />\n            </div>\n            <div className=\"flex shrink-0 items-center gap-1\">\n              {headerActions}\n              <button\n                type=\"button\"\n                aria-label=\"Refresh vault\"\n                onClick={() => void refresh()}\n                className=\"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n              >\n                ↻\n              </button>\n              {canWrite && (\n                <button\n                  type=\"button\"\n                  aria-label={activeFolder ? `New vault file in ${activeFolder}` : 'New vault file'}\n                  onClick={() => { setCreateError(null); setNewPath(activeFolder ? `${activeFolder}/` : ''); setCreateOpen(true) }}\n                  className=\"inline-flex h-8 w-8 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90\"\n                >\n                  +\n                </button>\n              )}\n            </div>\n          </div>\n          {activeFolder && (\n            <div className=\"flex items-center gap-1.5 border-b border-border bg-muted/40 px-4 py-1.5 text-xs\">\n              <Folder className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n              <span data-vault-folder className=\"min-w-0 flex-1 truncate font-medium text-foreground\" title={activeFolder}>\n                {activeFolder}\n              </span>\n              <button\n                type=\"button\"\n                aria-label=\"Clear the active folder\"\n                onClick={() => setFolderPath(null)}\n className=\"shrink-0 rounded px-1 text-muted-foreground underline-offset-2 transition-colors hover:text-foreground hover:underline\"\n              >\n                Clear\n              </button>\n            </div>\n          )}\n          <div\n            className=\"flex-1 overflow-y-auto\"\n            onClickCapture={(event) => {\n              const target = treeClickTarget(event)\n              if (target) handleTreeSelect(target.path)\n            }}\n          >\n            {treeContent}\n          </div>\n        </div>\n\n        <div className=\"flex min-w-0 flex-1 flex-col overflow-hidden\">\n          {selectedFile && (\n            <div className={`flex shrink-0 items-center justify-between border-b border-border px-4 py-1.5 ${pathBarClassName ?? 'bg-card'}`}>\n              <span data-vault-path className=\"truncate text-xs font-medium text-foreground\">{selectedFile.path}</span>\n              <div className=\"flex items-center gap-1\">\n                {canWrite && isMarkdownCapable && (\n                  <div className=\"mr-1 flex items-center gap-1\">\n                    <button\n                      type=\"button\"\n                      aria-label=\"Edit as rich text\"\n                      aria-pressed={editorMode === 'rich'}\n                      onClick={showRichMode}\n                      className={`inline-flex h-7 items-center rounded px-2 text-xs transition-colors ${\n                        editorMode === 'rich'\n                          ? 'bg-primary text-primary-foreground'\n                          : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n                      }`}\n                    >\n                      Rich\n                    </button>\n                    <button\n                      type=\"button\"\n                      aria-label=\"Edit as source\"\n                      aria-pressed={editorMode === 'source'}\n                      onClick={showSourceMode}\n                      className={`inline-flex h-7 items-center rounded px-2 text-xs transition-colors ${\n                        editorMode === 'source'\n                          ? 'bg-primary text-primary-foreground'\n                          : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n                      }`}\n                    >\n                      Source\n                    </button>\n                  </div>\n                )}\n                {renderDock && !persistentDock && (\n                  <button\n                    type=\"button\"\n                    aria-label={dockToggleCfg.label}\n                    aria-pressed={dockOpen}\n                    disabled={(dockToggleCfg.disabledWhenDirty ?? true) && isDirty}\n                    title={(dockToggleCfg.disabledWhenDirty ?? true) && isDirty ? 'Save your changes first' : (dockToggleCfg.title ?? dockToggleCfg.label)}\n                    onClick={() => setDockOpen((v) => !v)}\n                    className={`inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs transition-colors disabled:pointer-events-none disabled:opacity-40 ${\n                      dockOpen\n                        ? 'bg-primary text-primary-foreground'\n                        : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n                    }`}\n                  >\n                    {dockToggleCfg.label}\n                  </button>\n                )}\n                {onDownloadFile && (\n                  <button\n                    type=\"button\"\n                    aria-label=\"Download this file\"\n                    title=\"Download file\"\n                    onClick={() => onDownloadFile(selectedFile)}\n                    className=\"inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                  >\n                    <Download className=\"h-4 w-4\" />\n                  </button>\n                )}\n                {canWrite && (\n                  <button\n                    type=\"button\"\n                    aria-label=\"Delete this file\"\n                    title=\"Delete file\"\n                    onClick={() => { setDeleteError(null); setDeleteOpen(true) }}\n                    className=\"inline-flex h-7 w-7 items-center justify-center rounded text-destructive/70 transition-colors hover:bg-destructive/10 hover:text-destructive\"\n                  >\n                    <Trash2 className=\"h-4 w-4\" />\n                  </button>\n                )}\n              </div>\n            </div>\n          )}\n          {selectedFile && saveError && (\n            <OperationErrorAlert\n              message={saveError.message}\n              retryLabel=\"Retry save\"\n              onRetry={() => void saveCurrent()}\n              onDismiss={() => setSaveError(null)}\n            />\n          )}\n          <div className=\"flex-1 overflow-hidden\">\n            {fileLoading ? (\n              <EditorSkeleton />\n            ) : readError ? (\n              <ReadErrorState message={readError} onRetry={() => setReloadNonce((n) => n + 1)} />\n            ) : selectedFile && canWrite && isMarkdownCapable && editorMode === 'source' ? (\n              <SourceEditor\n                path={selectedFile.path}\n                content={sourceDraft}\n                saving={saving}\n                dirty={isDirty}\n                onChange={onSourceChange}\n                onSave={() => void saveCurrent()}\n              />\n            ) : selectedFile ? (\n              renderArtifact({\n                file: selectedFile,\n                loading: false,\n                mode: editorMode,\n                canWrite,\n                richDraft,\n                dirty: isDirty,\n                onRichChange,\n                onSave: () => void saveCurrent(),\n              })\n            ) : (\n              <EmptyState />\n            )}\n          </div>\n        </div>\n\n        {renderDock && selectedFile && renderDock({\n          file: selectedFile,\n          open: persistentDock ? true : dockOpen,\n          onClose: persistentDock ? () => {} : () => setDockOpen(false),\n        })}\n\n        <ConfirmDialog\n          open={createOpen}\n          title=\"Create vault file\"\n          description={activeFolder ? `Add a new document to ${activeFolder}.` : 'Add a new document to this vault.'}\n          confirmLabel={creating ? 'Creating…' : 'Create'}\n          // A prefilled folder is a path with no file name yet, so emptiness is\n          // not the test — `folder/` would otherwise be sent to the port as a\n          // file to create.\n          confirmDisabled={creating || !createFileName}\n          onConfirm={() => void handleCreate()}\n          onCancel={() => { setCreateOpen(false); setNewPath(''); setCreateError(null) }}\n        >\n          <div className=\"space-y-2\">\n            <input\n              value={newPath}\n              autoFocus\n              onChange={(e) => setNewPath(e.target.value)}\n              placeholder=\"e.g. playbooks/new-strategy.md\"\n              aria-label=\"New file path\"\n              className=\"h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground\"\n            />\n            {createError && <p role=\"alert\" className=\"text-xs text-destructive\">{createError.message}</p>}\n          </div>\n        </ConfirmDialog>\n\n        <ConfirmDialog\n          open={deleteOpen}\n          title=\"Delete file?\"\n          description={`This permanently removes ${selectedFile?.path ?? 'this file'} from the vault.`}\n          confirmLabel={deleting ? 'Deleting…' : 'Delete file'}\n          confirmDisabled={deleting}\n          destructive\n          onConfirm={() => void handleDelete()}\n          onCancel={() => { setDeleteOpen(false); setDeleteError(null) }}\n        >\n          {deleteError && <p role=\"alert\" className=\"text-xs text-destructive\">{deleteError.message}</p>}\n        </ConfirmDialog>\n\n        <ConfirmDialog\n          open={pendingNav !== null}\n          title=\"Discard unsaved changes?\"\n          description=\"Your edits to this document haven't been saved. Continue and lose them?\"\n          confirmLabel=\"Discard changes\"\n          destructive\n          onConfirm={confirmDiscard}\n          onCancel={() => setPendingNav(null)}\n        />\n      </div>\n    </EditorErrorBoundary>\n  )\n}\n\nfunction SourceEditor({\n  path,\n  content,\n  saving,\n  dirty,\n  onChange,\n  onSave,\n}: {\n  path: string\n  content: string\n  saving: boolean\n  dirty: boolean\n  onChange: (content: string) => void\n  onSave: () => void\n}) {\n  return (\n    <div className=\"flex h-full min-h-0 flex-col bg-background\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border px-4 py-2\">\n        <p className=\"truncate font-mono text-[11px] text-muted-foreground\">{path}</p>\n        <div className=\"flex shrink-0 items-center gap-2\">\n          <span className=\"rounded-full border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground\">\n            {dirty ? 'Unsaved changes' : 'Saved'}\n          </span>\n          <button\n            type=\"button\"\n            onClick={onSave}\n            disabled={saving || !dirty}\n            className=\"inline-flex h-7 items-center rounded-md bg-primary px-2 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-50\"\n          >\n            {saving ? 'Saving…' : 'Save'}\n          </button>\n        </div>\n      </div>\n      <textarea\n        value={content}\n        onChange={(event) => onChange(event.target.value)}\n        spellCheck={false}\n        aria-label=\"Source editor\"\n        // Full-bleed editor: keep the floor's ring but draw it inside the border\n        // box, since an outward ring on a `flex-1` pane child is clipped.\n        className=\"min-h-0 flex-1 resize-none border-0 bg-background p-4 font-mono text-sm leading-6 text-foreground focus-visible:[outline-offset:-2px]\"\n      />\n    </div>\n  )\n}\n","/**\n * Self-contained confirm dialog — no dialog library. A focus-trapped modal with\n * Esc-to-cancel and Enter-to-confirm, used for create / delete / discard-unsaved\n * flows so the pane carries zero UI-kit dependency.\n */\n\nimport { useEffect, useRef, type ReactNode } from 'react'\n\nexport interface ConfirmDialogProps {\n  open: boolean\n  title: string\n  description?: ReactNode\n  confirmLabel?: string\n  cancelLabel?: string\n  /** Styles the confirm button as a destructive action. */\n  destructive?: boolean\n  /** Disables the confirm button (e.g. while the action is in flight). */\n  confirmDisabled?: boolean\n  onConfirm: () => void\n  onCancel: () => void\n  /** Optional body (e.g. an input field for the create flow). */\n  children?: ReactNode\n}\n\nexport function ConfirmDialog({\n  open,\n  title,\n  description,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  destructive = false,\n  confirmDisabled = false,\n  onConfirm,\n  onCancel,\n  children,\n}: ConfirmDialogProps) {\n  const panelRef = useRef<HTMLDivElement>(null)\n  const confirmRef = useRef<HTMLButtonElement>(null)\n\n  useEffect(() => {\n    if (!open) return\n    confirmRef.current?.focus()\n  }, [open])\n\n  if (!open) return null\n\n  function onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      onCancel()\n      return\n    }\n    if (event.key === 'Enter' && !confirmDisabled) {\n      event.preventDefault()\n      onConfirm()\n      return\n    }\n    if (event.key !== 'Tab') return\n    const focusable = panelRef.current?.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n    )\n    if (!focusable || focusable.length === 0) return\n    const first = focusable[0]\n    const last = focusable[focusable.length - 1]\n    const active = document.activeElement as HTMLElement | null\n    if (event.shiftKey && active === first) {\n      event.preventDefault()\n      last?.focus()\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault()\n      first?.focus()\n    }\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n      onMouseDown={(e) => { if (e.target === e.currentTarget) onCancel() }}\n    >\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        onKeyDown={onKeyDown}\n        className=\"w-full max-w-md rounded-lg border border-border bg-card p-5 shadow-lg\"\n      >\n        <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n        {description && <p className=\"mt-1.5 text-xs text-muted-foreground\">{description}</p>}\n        {children && <div className=\"mt-3\">{children}</div>}\n        <div className=\"mt-5 flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex h-8 items-center rounded-md px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            {cancelLabel}\n          </button>\n          <button\n            ref={confirmRef}\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={confirmDisabled}\n            className={`inline-flex h-8 items-center rounded-md px-3 text-xs font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 ${\n              destructive\n                ? 'bg-destructive text-destructive-foreground hover:bg-destructive/90'\n                : 'bg-primary text-primary-foreground hover:bg-primary/90'\n            }`}\n          >\n            {confirmLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["useEffect","useRef","jsx","jsxs","path","useRef","useEffect"]}