@flanksource/clicky-ui 0.3.40 → 0.3.41

package/dist/data/ai/SessionInspector.legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.legacy.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.legacy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAC;AAE/B;6EAC6E;AAC7E,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,SAAS,EACT,UAAyB,EACzB,GAAG,EAAE,aAAa,EAClB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,MAAkB,EAClB,QAAQ,EACR,cAAc,GACf,EAAE;IACD,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,+BAiGA"}

package/dist/data/ai/SessionInspector.legacy.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { SessionInspectorPanel } from "./SessionInspector.panels.js";
+import { CompactSessionInspectorToolbar } from "./SessionInspector.compact.js";
+import { InspectorTabs } from "./SessionInspector.tabs.js";
+import { inspectorTabs } from "./SessionInspector.tabs.model.js";
+import { useInspectorTab } from "./SessionInspector.tab-state.js";
+import { SessionViewer } from "./SessionViewer.js";
+import { getSessionMetadata } from "./SessionViewer.model.js";
+function LegacySessionInspector({
+  session,
+  className,
+  defaultTab = "transcript",
+  tab: controlledTab,
+  onTabChange,
+  transcriptProps,
+  composer,
+  layout = "default",
+  metadata,
+  toolbarActions
+}) {
+  const compact = layout === "compact";
+  const [menuHost, setMenuHost] = useState(null);
+  const [tab, setTab] = useInspectorTab(
+    defaultTab,
+    false,
+    controlledTab,
+    onTabChange
+  );
+  const transcriptClassName = cn("h-full", transcriptProps == null ? void 0 : transcriptProps.className);
+  const compactTabs = inspectorTabs(false);
+  const compactMetadata = metadata ?? getSessionMetadata(session);
+  const viewerProps = compact ? {
+    ...transcriptProps,
+    menuContainer: menuHost,
+    showMenu: menuHost !== null && (transcriptProps == null ? void 0 : transcriptProps.showMenu) !== false
+  } : transcriptProps;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm",
+        compact ? "@container rounded-none border-0 shadow-none" : "rounded-xl border border-border shadow-sm",
+        className
+      ),
+      children: [
+        compact ? /* @__PURE__ */ jsx(
+          CompactSessionInspectorToolbar,
+          {
+            tabs: compactTabs,
+            activeTab: tab,
+            onSelect: (next) => setTab(next),
+            onMenuHost: setMenuHost,
+            ...compactMetadata ? { metadata: compactMetadata } : {},
+            ...toolbarActions ? { toolbarActions } : {}
+          }
+        ) : /* @__PURE__ */ jsx(InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+          compact ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "min-h-0 flex-1 overflow-hidden",
+                  tab !== "transcript" && "hidden"
+                ),
+                children: /* @__PURE__ */ jsx(
+                  SessionViewer,
+                  {
+                    session,
+                    scrollable: true,
+                    showRowMetadata: true,
+                    ...viewerProps,
+                    className: transcriptClassName,
+                    showHeader: false,
+                    showContextMeter: false
+                  }
+                )
+              }
+            ),
+            tab !== "transcript" ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-density-4", children: /* @__PURE__ */ jsx(
+              SessionInspectorPanel,
+              {
+                tab,
+                detail: void 0,
+                session
+              }
+            ) }) : null
+          ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tab === "transcript" ? /* @__PURE__ */ jsx(
+            SessionViewer,
+            {
+              session,
+              scrollable: true,
+              showRowMetadata: true,
+              ...transcriptProps,
+              className: transcriptClassName
+            }
+          ) : /* @__PURE__ */ jsx(
+            SessionInspectorPanel,
+            {
+              tab,
+              detail: void 0,
+              session
+            }
+          ) }),
+          composer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  LegacySessionInspector
+};
+//# sourceMappingURL=SessionInspector.legacy.js.map

package/dist/data/ai/SessionInspector.legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.legacy.js","sources":["../../../src/data/ai/SessionInspector.legacy.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport { CompactSessionInspectorToolbar } from \"./SessionInspector.compact\";\nimport { InspectorTabs } from \"./SessionInspector.tabs\";\nimport {\n  inspectorTabs,\n  type SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\nimport { useInspectorTab } from \"./SessionInspector.tab-state\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport {\n  getSessionMetadata,\n  type SessionInput,\n  type SessionMetadataSummary,\n} from \"./SessionViewer.model\";\n\n/** The inspector for a non-unified session (legacy entries or raw log text):\n *  only the transcript carries content, so it has no hierarchy or facets. */\nexport function LegacySessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  tab: controlledTab,\n  onTabChange,\n  transcriptProps,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: {\n  session: SessionInput;\n  className?: string;\n  defaultTab?: SessionInspectorTab;\n  tab?: SessionInspectorTab;\n  onTabChange?: (tab: SessionInspectorTab) => void;\n  transcriptProps?: Omit<SessionViewerProps, \"session\">;\n  composer?: ReactNode;\n  layout?: \"default\" | \"compact\";\n  metadata?: SessionMetadataSummary;\n  toolbarActions?: ReactNode;\n}) {\n  const compact = layout === \"compact\";\n  const [menuHost, setMenuHost] = useState<HTMLSpanElement | null>(null);\n  const [tab, setTab] = useInspectorTab(\n    defaultTab,\n    false,\n    controlledTab,\n    onTabChange,\n  );\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const compactTabs = inspectorTabs(false);\n  const compactMetadata = metadata ?? getSessionMetadata(session);\n  const viewerProps = compact\n    ? {\n        ...transcriptProps,\n        menuContainer: menuHost,\n        showMenu: menuHost !== null && transcriptProps?.showMenu !== false,\n      }\n    : transcriptProps;\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm\",\n        compact\n          ? \"@container rounded-none border-0 shadow-none\"\n          : \"rounded-xl border border-border shadow-sm\",\n        className,\n      )}\n    >\n      {compact ? (\n        <CompactSessionInspectorToolbar\n          tabs={compactTabs}\n          activeTab={tab}\n          onSelect={(next) => setTab(next as SessionInspectorTab)}\n          onMenuHost={setMenuHost}\n          {...(compactMetadata ? { metadata: compactMetadata } : {})}\n          {...(toolbarActions ? { toolbarActions } : {})}\n        />\n      ) : (\n        <InspectorTabs tab={tab} tabs={compactTabs} onSelect={setTab} />\n      )}\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n        {compact ? (\n          <>\n            <div\n              className={cn(\n                \"min-h-0 flex-1 overflow-hidden\",\n                tab !== \"transcript\" && \"hidden\",\n              )}\n            >\n              <SessionViewer\n                session={session}\n                scrollable\n                showRowMetadata\n                {...viewerProps}\n                className={transcriptClassName}\n                showHeader={false}\n                showContextMeter={false}\n              />\n            </div>\n            {tab !== \"transcript\" ? (\n              <div className=\"min-h-0 flex-1 overflow-auto p-density-4\">\n                <SessionInspectorPanel\n                  tab={tab}\n                  detail={undefined}\n                  session={session}\n                />\n              </div>\n            ) : null}\n          </>\n        ) : (\n          <div className=\"min-h-0 flex-1 overflow-hidden\">\n            {tab === \"transcript\" ? (\n              <SessionViewer\n                session={session}\n                scrollable\n                showRowMetadata\n                {...transcriptProps}\n                className={transcriptClassName}\n              />\n            ) : (\n              <SessionInspectorPanel\n                tab={tab}\n                detail={undefined}\n                session={session}\n              />\n            )}\n          </div>\n        )}\n        {composer ? (\n          <div className=\"shrink-0 border-t border-border p-density-3\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAmBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAWG;AACD,QAAM,UAAU,WAAW;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiC,IAAI;AACrE,QAAM,CAAC,KAAK,MAAM,IAAI;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,sBAAsB,GAAG,UAAU,mDAAiB,SAAS;AACnE,QAAM,cAAc,cAAc,KAAK;AACvC,QAAM,kBAAkB,YAAY,mBAAmB,OAAO;AAC9D,QAAM,cAAc,UAChB;AAAA,IACE,GAAG;AAAA,IACH,eAAe;AAAA,IACf,UAAU,aAAa,SAAQ,mDAAiB,cAAa;AAAA,EAAA,IAE/D;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UACI,iDACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,UACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,SAAS,OAAO,IAA2B;AAAA,YACtD,YAAY;AAAA,YACX,GAAI,kBAAkB,EAAE,UAAU,gBAAA,IAAoB,CAAA;AAAA,YACtD,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,UAAC;AAAA,QAAA,IAG9C,oBAAC,eAAA,EAAc,KAAU,MAAM,aAAa,UAAU,QAAQ;AAAA,QAEhE,qBAAC,OAAA,EAAI,WAAU,gDACZ,UAAA;AAAA,UAAA,UACC,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,QAAQ,gBAAgB;AAAA,gBAAA;AAAA,gBAG1B,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,YAAU;AAAA,oBACV,iBAAe;AAAA,oBACd,GAAG;AAAA,oBACJ,WAAW;AAAA,oBACX,YAAY;AAAA,oBACZ,kBAAkB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA;AAAA,YAED,QAAQ,eACP,oBAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,QAAQ;AAAA,gBACR;AAAA,cAAA;AAAA,YAAA,GAEJ,IACE;AAAA,UAAA,GACN,IAEA,oBAAC,OAAA,EAAI,WAAU,kCACZ,kBAAQ,eACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,YAAU;AAAA,cACV,iBAAe;AAAA,cACd,GAAG;AAAA,cACJ,WAAW;AAAA,YAAA;AAAA,UAAA,IAGb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA,QAAQ;AAAA,cACR;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAED,WACC,oBAAC,OAAA,EAAI,WAAU,+CACZ,oBACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/data/ai/SessionInspector.panels.cjs

@@ -7,6 +7,7 @@ const sessionCost = require("./session-cost.cjs");
 const SessionInspector_model = require("./SessionInspector.model.cjs");
 const SessionInspector_files = require("./SessionInspector.files.cjs");
 const SessionInspector_plan = require("./SessionInspector.plan.cjs");
+const SessionInspector_verification = require("./SessionInspector.verification.cjs");
 const SessionInspector_approvals = require("./SessionInspector.approvals.cjs");
 const SessionInspector_panelParts = require("./SessionInspector.panel-parts.cjs");
 const SessionInspector_panelValues = require("./SessionInspector.panel-values.cjs");
@@ -21,6 +22,8 @@ function SessionInspectorPanel({
   switch (tab) {
     case "output":
       return /* @__PURE__ */ jsxRuntime.jsx(StructuredOutputPanel, { value: detail == null ? void 0 : detail.structuredOutput });
+    case "verification":
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_verification.SessionVerificationPanel, { verifications: detail == null ? void 0 : detail.verifications });
     case "files":
       return /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_files.SessionFilesPanel, { files: detail == null ? void 0 : detail.files });
     case "plan":

package/dist/data/ai/SessionInspector.panels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.cjs","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":["jsx","SessionFilesPanel","SessionPlanPanel","SessionApprovalsPanel","EmptyState","CodeBlock","jsxs","KeyValueList","kv","compactTokens","muted","tokenTotal","formatDate","durationLabel","costTotal","formatCost"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.panels.cjs","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport { SessionVerificationPanel } from \"./SessionInspector.verification\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"verification\":\n      return <SessionVerificationPanel verifications={detail?.verifications} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0),\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":["jsx","SessionVerificationPanel","SessionFilesPanel","SessionPlanPanel","SessionApprovalsPanel","EmptyState","CodeBlock","jsxs","KeyValueList","kv","compactTokens","muted","tokenTotal","formatDate","durationLabel","costTotal","formatCost"],"mappings":"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"}

package/dist/data/ai/SessionInspector.panels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"names":[],"mappings":"AAYA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAKV,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EACpC,GAAG,EACH,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,GAClB,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;CAC5C,sCAoCA"}
+{"version":3,"file":"SessionInspector.panels.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAKV,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EACpC,GAAG,EACH,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,GAClB,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;CAC5C,sCAsCA"}

package/dist/data/ai/SessionInspector.panels.js

@@ -5,6 +5,7 @@ import { tokenTotal, costTotal } from "./session-cost.js";
 import { formatDate, durationLabel } from "./SessionInspector.model.js";
 import { SessionFilesPanel } from "./SessionInspector.files.js";
 import { SessionPlanPanel } from "./SessionInspector.plan.js";
+import { SessionVerificationPanel } from "./SessionInspector.verification.js";
 import { SessionApprovalsPanel } from "./SessionInspector.approvals.js";
 import { EmptyState } from "./SessionInspector.panel-parts.js";
 import { kv, muted } from "./SessionInspector.panel-values.js";
@@ -19,6 +20,8 @@ function SessionInspectorPanel({
   switch (tab) {
     case "output":
       return /* @__PURE__ */ jsx(StructuredOutputPanel, { value: detail == null ? void 0 : detail.structuredOutput });
+    case "verification":
+      return /* @__PURE__ */ jsx(SessionVerificationPanel, { verifications: detail == null ? void 0 : detail.verifications });
     case "files":
       return /* @__PURE__ */ jsx(SessionFilesPanel, { files: detail == null ? void 0 : detail.files });
     case "plan":

package/dist/data/ai/SessionInspector.panels.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.js","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.panels.js","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport { SessionVerificationPanel } from \"./SessionInspector.verification\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"verification\":\n      return <SessionVerificationPanel verifications={detail?.verifications} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0),\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionInspector.plan.cjs

@@ -3,12 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const button = require("../../components/button.cjs");
-const MdxEditorField = require("../../components/MdxEditorField.cjs");
 const Icon = require("../Icon.cjs");
 const Markdown = require("../Markdown.cjs");
 const UiFileText = require("../../icons/components/UiFileText.cjs");
 const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiEdit = require("../../icons/components/UiEdit.cjs");
+const LazyMdxEditorField = react.lazy(async () => {
+  const mod = await Promise.resolve().then(() => require("../../components/MdxEditorField.cjs"));
+  return { default: mod.MdxEditorField };
+});
 function SessionPlanPanel({
   plan,
   onChange
@@ -57,18 +60,32 @@ function SessionPlanPanel({
       )
     ] }),
     editing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-density-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-      MdxEditorField.MdxEditorField,
+      react.Suspense,
       {
-        value: content,
-        onChange: updateContent,
-        "aria-label": "Plan markdown",
-        toolbar: true,
-        headings: true,
-        lists: true,
-        links: true,
-        codeBlocks: true,
-        codeMirror: true,
-        className: "min-h-80"
+        fallback: /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            "aria-label": "Plan markdown",
+            className: "min-h-80 w-full rounded-md border border-input bg-background p-density-2 font-mono text-sm",
+            value: content,
+            onChange: (e) => updateContent(e.target.value)
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          LazyMdxEditorField,
+          {
+            value: content,
+            onChange: updateContent,
+            "aria-label": "Plan markdown",
+            toolbar: true,
+            headings: true,
+            lists: true,
+            links: true,
+            codeBlocks: true,
+            codeMirror: true,
+            className: "min-h-80"
+          }
+        )
       }
     ) }) : content ? /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: content, className: "px-density-1 py-density-4" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-density-6 text-center text-sm text-muted-foreground", children: "The plan is empty." })
   ] });

package/dist/data/ai/SessionInspector.plan.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.plan.cjs","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <MdxEditorField\n            value={content}\n            onChange={updateContent}\n            aria-label=\"Plan markdown\"\n            toolbar\n            headings\n            lists\n            links\n            codeBlocks\n            codeMirror\n            className=\"min-h-80\"\n          />\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","useEffect","jsx","jsxs","Icon","UiFileText","Button","UiCheck","UiEdit","MdxEditorField","Markdown"],"mappings":";;;;;;;;;;;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,UAAS,6BAAM,YAAW,EAAE;AAE1DC,kBAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,yCACG,WAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA,KAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAACE,KAAAA;AAAAA,QAAA;AAAA,UACC,MAAMC,WAAAA;AAAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZF,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAAD,2BAAAA,IAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACAA,2BAAAA;AAAAA,QAACG,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAAJ,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAM,UAAUG,QAAAA,UAAUC,OAAAA,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACCN,2BAAAA,IAAC,OAAA,EAAI,WAAU,gBACb,UAAAA,2BAAAA;AAAAA,MAACO,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAO;AAAA,QACP,UAAQ;AAAA,QACR,OAAK;AAAA,QACL,OAAK;AAAA,QACL,YAAU;AAAA,QACV,YAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF,IACE,UACFP,2BAAAA,IAACQ,SAAAA,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/DR,2BAAAA,IAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"SessionInspector.plan.cjs","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\n// Loaded lazily so a static import here doesn't pull @mdxeditor/editor into\n// every host that imports the `data`/main entry — mirrors the pattern in\n// components/json-schema-form-fields.tsx.\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"../../components/MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <Suspense\n            fallback={\n              <textarea\n                aria-label=\"Plan markdown\"\n                className=\"min-h-80 w-full rounded-md border border-input bg-background p-density-2 font-mono text-sm\"\n                value={content}\n                onChange={(e) => updateContent(e.target.value)}\n              />\n            }\n          >\n            <LazyMdxEditorField\n              value={content}\n              onChange={updateContent}\n              aria-label=\"Plan markdown\"\n              toolbar\n              headings\n              lists\n              links\n              codeBlocks\n              codeMirror\n              className=\"min-h-80\"\n            />\n          </Suspense>\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["lazy","useState","useEffect","jsx","jsxs","Icon","UiFileText","Button","UiCheck","UiEdit","Suspense","Markdown"],"mappings":";;;;;;;;;;AAUA,MAAM,qBAAqBA,MAAAA,KAAK,YAAY;AAC1C,QAAM,MAAM,MAAM,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qCAAiC,CAAA;AAC1D,SAAO,EAAE,SAAS,IAAI,eAAA;AACxB,CAAC;AAEM,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,UAAS,6BAAM,YAAW,EAAE;AAE1DC,kBAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,yCACG,WAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA,KAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAACE,KAAAA;AAAAA,QAAA;AAAA,UACC,MAAMC,WAAAA;AAAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZF,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAAD,2BAAAA,IAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACAA,2BAAAA;AAAAA,QAACG,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAAJ,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAM,UAAUG,QAAAA,UAAUC,OAAAA,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACCN,2BAAAA,IAAC,OAAA,EAAI,WAAU,gBACb,UAAAA,2BAAAA;AAAAA,MAACO,MAAAA;AAAAA,MAAA;AAAA,QACC,UACEP,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAIjD,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAK;AAAA,YACL,OAAK;AAAA,YACL,YAAU;AAAA,YACV,YAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,EACF,CACF,IACE,UACFA,2BAAAA,IAACQ,SAAAA,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/DR,2BAAAA,IAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/ai/SessionInspector.plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.plan.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,+BAsEA"}
+{"version":3,"file":"SessionInspector.plan.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU3D,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,+BAiFA"}

package/dist/data/ai/SessionInspector.plan.js

@@ -1,12 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, Suspense, lazy } from "react";
 import { Button } from "../../components/button.js";
-import { MdxEditorField } from "../../components/MdxEditorField.js";
 import { Icon } from "../Icon.js";
 import { Markdown } from "../Markdown.js";
 import { UiFileText } from "../../icons/components/UiFileText.js";
 import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiEdit } from "../../icons/components/UiEdit.js";
+const LazyMdxEditorField = lazy(async () => {
+  const mod = await import("../../components/MdxEditorField.js");
+  return { default: mod.MdxEditorField };
+});
 function SessionPlanPanel({
   plan,
   onChange
@@ -55,18 +58,32 @@ function SessionPlanPanel({
       )
     ] }),
     editing ? /* @__PURE__ */ jsx("div", { className: "pt-density-3", children: /* @__PURE__ */ jsx(
-      MdxEditorField,
+      Suspense,
       {
-        value: content,
-        onChange: updateContent,
-        "aria-label": "Plan markdown",
-        toolbar: true,
-        headings: true,
-        lists: true,
-        links: true,
-        codeBlocks: true,
-        codeMirror: true,
-        className: "min-h-80"
+        fallback: /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            "aria-label": "Plan markdown",
+            className: "min-h-80 w-full rounded-md border border-input bg-background p-density-2 font-mono text-sm",
+            value: content,
+            onChange: (e) => updateContent(e.target.value)
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          LazyMdxEditorField,
+          {
+            value: content,
+            onChange: updateContent,
+            "aria-label": "Plan markdown",
+            toolbar: true,
+            headings: true,
+            lists: true,
+            links: true,
+            codeBlocks: true,
+            codeMirror: true,
+            className: "min-h-80"
+          }
+        )
       }
     ) }) : content ? /* @__PURE__ */ jsx(Markdown, { text: content, className: "px-density-1 py-density-4" }) : /* @__PURE__ */ jsx("div", { className: "p-density-6 text-center text-sm text-muted-foreground", children: "The plan is empty." })
   ] });

package/dist/data/ai/SessionInspector.plan.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.plan.js","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <MdxEditorField\n            value={content}\n            onChange={updateContent}\n            aria-label=\"Plan markdown\"\n            toolbar\n            headings\n            lists\n            links\n            codeBlocks\n            codeMirror\n            className=\"min-h-80\"\n          />\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,UAAS,6BAAM,YAAW,EAAE;AAE1D,YAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,UAAU,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACC,oBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAO;AAAA,QACP,UAAQ;AAAA,QACR,OAAK;AAAA,QACL,OAAK;AAAA,QACL,YAAU;AAAA,QACV,YAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF,IACE,UACF,oBAAC,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/D,oBAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"SessionInspector.plan.js","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { lazy, Suspense, useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\n// Loaded lazily so a static import here doesn't pull @mdxeditor/editor into\n// every host that imports the `data`/main entry — mirrors the pattern in\n// components/json-schema-form-fields.tsx.\nconst LazyMdxEditorField = lazy(async () => {\n  const mod = await import(\"../../components/MdxEditorField\");\n  return { default: mod.MdxEditorField };\n});\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <Suspense\n            fallback={\n              <textarea\n                aria-label=\"Plan markdown\"\n                className=\"min-h-80 w-full rounded-md border border-input bg-background p-density-2 font-mono text-sm\"\n                value={content}\n                onChange={(e) => updateContent(e.target.value)}\n              />\n            }\n          >\n            <LazyMdxEditorField\n              value={content}\n              onChange={updateContent}\n              aria-label=\"Plan markdown\"\n              toolbar\n              headings\n              lists\n              links\n              codeBlocks\n              codeMirror\n              className=\"min-h-80\"\n            />\n          </Suspense>\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,qBAAqB,KAAK,YAAY;AAC1C,QAAM,MAAM,MAAM,OAAO,oCAAiC;AAC1D,SAAO,EAAE,SAAS,IAAI,eAAA;AACxB,CAAC;AAEM,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,UAAS,6BAAM,YAAW,EAAE;AAE1D,YAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,UAAU,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACC,oBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAU;AAAA,YACV,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,cAAc,EAAE,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAIjD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,cAAW;AAAA,YACX,SAAO;AAAA,YACP,UAAQ;AAAA,YACR,OAAK;AAAA,YACL,OAAK;AAAA,YACL,YAAU;AAAA,YACV,YAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,EACF,CACF,IACE,UACF,oBAAC,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/D,oBAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/data/ai/SessionInspector.remote-view.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+function RemoteSessionStatus({
+  loading,
+  error,
+  className,
+  children
+}) {
+  const alert = error ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "alert",
+      className: "shrink-0 whitespace-pre-wrap break-words rounded-md border border-destructive/40 bg-destructive/5 px-density-3 py-density-2 text-xs text-destructive",
+      children: error
+    }
+  ) : null;
+  if (children) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex h-full min-h-0 w-full flex-col gap-density-2", className), children: [
+      alert,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-busy": loading,
+      className: utils.cn(
+        "flex h-full min-h-0 w-full flex-col gap-density-3 rounded-xl border border-border bg-background p-density-4 text-sm shadow-sm",
+        className
+      ),
+      children: alert ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading session…" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-control-h w-1/3 animate-pulse rounded-md bg-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-full animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-5/6 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-2/3 animate-pulse rounded bg-muted" })
+      ] })
+    }
+  );
+}
+exports.RemoteSessionStatus = RemoteSessionStatus;
+//# sourceMappingURL=SessionInspector.remote-view.cjs.map

package/dist/data/ai/SessionInspector.remote-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.remote-view.cjs","sources":["../../../src/data/ai/SessionInspector.remote-view.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\n\n/** Loading and error chrome for a SessionInspector fed from a URL. With\n *  `children` (a session already loaded) the error sits above it; without,\n *  it replaces the inspector: a skeleton while loading, the alert on failure. */\nexport function RemoteSessionStatus({\n  loading,\n  error,\n  className,\n  children,\n}: {\n  loading: boolean;\n  error?: string;\n  className?: string;\n  children?: ReactNode;\n}) {\n  const alert = error ? (\n    <div\n      role=\"alert\"\n      className=\"shrink-0 whitespace-pre-wrap break-words rounded-md border border-destructive/40 bg-destructive/5 px-density-3 py-density-2 text-xs text-destructive\"\n    >\n      {error}\n    </div>\n  ) : null;\n  if (children) {\n    return (\n      <div className={cn(\"flex h-full min-h-0 w-full flex-col gap-density-2\", className)}>\n        {alert}\n        <div className=\"min-h-0 flex-1\">{children}</div>\n      </div>\n    );\n  }\n  return (\n    <div\n      aria-busy={loading}\n      className={cn(\n        \"flex h-full min-h-0 w-full flex-col gap-density-3 rounded-xl border border-border bg-background p-density-4 text-sm shadow-sm\",\n        className,\n      )}\n    >\n      {alert ?? (\n        <>\n          <p className=\"text-xs text-muted-foreground\">Loading session…</p>\n          <div className=\"h-control-h w-1/3 animate-pulse rounded-md bg-muted\" />\n          <div className=\"h-4 w-full animate-pulse rounded bg-muted\" />\n          <div className=\"h-4 w-5/6 animate-pulse rounded bg-muted\" />\n          <div className=\"h-4 w-2/3 animate-pulse rounded bg-muted\" />\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs","Fragment"],"mappings":";;;;AAMO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,QAAQ,QACZA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,EAAA,IAED;AACJ,MAAI,UAAU;AACZ,2CACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,qDAAqD,SAAS,GAC9E,UAAA;AAAA,MAAA;AAAA,MACDD,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBAAkB,SAAA,CAAS;AAAA,IAAA,GAC5C;AAAA,EAEJ;AACA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,mBACCC,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,QAAAH,2BAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,oBAAgB;AAAA,QAC7DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD;AAAA,QACrEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,4CAAA,CAA4C;AAAA,QAC3DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,QAC1DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2CAAA,CAA2C;AAAA,MAAA,EAAA,CAC5D;AAAA,IAAA;AAAA,EAAA;AAIR;;"}

package/dist/data/ai/SessionInspector.remote-view.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/** Loading and error chrome for a SessionInspector fed from a URL. With
+ *  `children` (a session already loaded) the error sits above it; without,
+ *  it replaces the inspector: a skeleton while loading, the alert on failure. */
+export declare function RemoteSessionStatus({ loading, error, className, children, }: {
+    loading: boolean;
+    error?: string;
+    className?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.remote-view.d.ts.map

package/dist/data/ai/SessionInspector.remote-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.remote-view.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.remote-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;iFAEiF;AACjF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAoCA"}