@flanksource/clicky-ui 0.3.36 → 0.3.37

package/dist/data/ai/SessionInspector.tabs.model.d.ts

@@ -0,0 +1,9 @@
+import { CompactSessionTab } from './SessionInspector.compact';
+import { UnifiedSessionInput } from './SessionViewer.unified';
+export type SessionInspectorTab = "transcript" | "output" | "files" | "plan" | "approvals" | "costs" | "metadata" | "raw";
+export type InspectorTabItem = CompactSessionTab & {
+    id: SessionInspectorTab;
+};
+export declare function inspectorTabs(outputVisible: boolean, current?: UnifiedSessionInput, filtered?: UnifiedSessionInput): InspectorTabItem[];
+export declare function hasStructuredOutput(session?: UnifiedSessionInput): boolean;
+//# sourceMappingURL=SessionInspector.tabs.model.d.ts.map

package/dist/data/ai/SessionInspector.tabs.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.model.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tabs.model.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,MAAM,mBAAmB,GAC3B,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,KAAK,CAAC;AAaV,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,EAAE,EAAE,mBAAmB,CAAC;CACzB,CAAC;AAEF,wBAAgB,aAAa,CAC3B,aAAa,EAAE,OAAO,EACtB,OAAO,CAAC,EAAE,mBAAmB,EAC7B,QAAQ,CAAC,EAAE,mBAAmB,GAC7B,gBAAgB,EAAE,CAiBpB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,WAIhE"}

package/dist/data/ai/SessionInspector.tabs.model.js

@@ -0,0 +1,70 @@
+import { pendingApprovalRequests } from "./SessionInspector.approvals-model.js";
+import { costTotal } from "./session-cost.js";
+import { UiChatDots } from "../../icons/components/UiChatDots.js";
+import { UiJson } from "../../icons/components/UiJson.js";
+import { UiFileText } from "../../icons/components/UiFileText.js";
+import { UiStrategy } from "../../icons/components/UiStrategy.js";
+import { UiSealCheck } from "../../icons/components/UiSealCheck.js";
+import { UiCoins } from "../../icons/components/UiCoins.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiBraces } from "../../icons/components/UiBraces.js";
+import { formatCost } from "../../lib/tokens.js";
+const TABS = [
+  { id: "transcript", label: "Transcript", icon: UiChatDots },
+  { id: "output", label: "Output", icon: UiJson },
+  { id: "files", label: "Files", icon: UiFileText },
+  { id: "plan", label: "Plan", icon: UiStrategy },
+  { id: "approvals", label: "Approvals", icon: UiSealCheck },
+  { id: "costs", label: "Costs", icon: UiCoins },
+  { id: "metadata", label: "Metadata", icon: UiListDashes },
+  { id: "raw", label: "Raw", icon: UiBraces }
+];
+function inspectorTabs(outputVisible, current, filtered) {
+  return TABS.filter((item) => item.id !== "output" || outputVisible).map(
+    (item) => {
+      const badge = tabBadge(item.id, current);
+      return {
+        id: item.id,
+        label: tabLabel(
+          item.id,
+          item.label,
+          item.id === "costs" ? filtered : current
+        ),
+        icon: item.icon,
+        ...badge.count === void 0 ? {} : { count: badge.count },
+        ...badge.color ? { countColor: badge.color } : {}
+      };
+    }
+  );
+}
+function hasStructuredOutput(session) {
+  return (session == null ? void 0 : session.structuredOutput) !== void 0 && session.structuredOutput !== null;
+}
+function tabBadge(tab, session) {
+  var _a, _b, _c, _d, _e, _f;
+  switch (tab) {
+    case "files":
+      return {
+        count: (((_b = (_a = session == null ? void 0 : session.files) == null ? void 0 : _a.read) == null ? void 0 : _b.length) ?? 0) + (((_d = (_c = session == null ? void 0 : session.files) == null ? void 0 : _c.written) == null ? void 0 : _d.length) ?? 0)
+      };
+    case "approvals": {
+      const pending = pendingApprovalRequests(session == null ? void 0 : session.requests).length;
+      if (pending) return { count: pending, color: "bg-amber-500" };
+      return {
+        count: (((_e = session == null ? void 0 : session.approvals) == null ? void 0 : _e.approved) ?? 0) + (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.denied) ?? 0)
+      };
+    }
+    default:
+      return {};
+  }
+}
+function tabLabel(tab, label, session) {
+  if (tab !== "costs") return label;
+  const total = costTotal(session == null ? void 0 : session.cost);
+  return total ? `${label} ${formatCost(total)}` : label;
+}
+export {
+  hasStructuredOutput,
+  inspectorTabs
+};
+//# sourceMappingURL=SessionInspector.tabs.model.js.map

package/dist/data/ai/SessionInspector.tabs.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.model.js","sources":["../../../src/data/ai/SessionInspector.tabs.model.ts"],"sourcesContent":["import {\n  UiBraces,\n  UiChatDots,\n  UiCoins,\n  UiFileText,\n  UiJson,\n  UiListDashes,\n  UiSealCheck,\n  UiStrategy,\n} from \"../../icons\";\nimport { pendingApprovalRequests } from \"./SessionInspector.approvals-model\";\nimport type { CompactSessionTab } from \"./SessionInspector.compact\";\nimport { costTotal, formatCost } from \"./session-cost\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type SessionInspectorTab =\n  | \"transcript\"\n  | \"output\"\n  | \"files\"\n  | \"plan\"\n  | \"approvals\"\n  | \"costs\"\n  | \"metadata\"\n  | \"raw\";\n\nconst TABS = [\n  { id: \"transcript\", label: \"Transcript\", icon: UiChatDots },\n  { id: \"output\", label: \"Output\", icon: UiJson },\n  { id: \"files\", label: \"Files\", icon: UiFileText },\n  { id: \"plan\", label: \"Plan\", icon: UiStrategy },\n  { id: \"approvals\", label: \"Approvals\", icon: UiSealCheck },\n  { id: \"costs\", label: \"Costs\", icon: UiCoins },\n  { id: \"metadata\", label: \"Metadata\", icon: UiListDashes },\n  { id: \"raw\", label: \"Raw\", icon: UiBraces },\n] as const;\n\nexport type InspectorTabItem = CompactSessionTab & {\n  id: SessionInspectorTab;\n};\n\nexport function inspectorTabs(\n  outputVisible: boolean,\n  current?: UnifiedSessionInput,\n  filtered?: UnifiedSessionInput,\n): InspectorTabItem[] {\n  return TABS.filter((item) => item.id !== \"output\" || outputVisible).map(\n    (item) => {\n      const badge = tabBadge(item.id, current);\n      return {\n        id: item.id,\n        label: tabLabel(\n          item.id,\n          item.label,\n          item.id === \"costs\" ? filtered : current,\n        ),\n        icon: item.icon,\n        ...(badge.count === undefined ? {} : { count: badge.count }),\n        ...(badge.color ? { countColor: badge.color } : {}),\n      };\n    },\n  );\n}\n\nexport function hasStructuredOutput(session?: UnifiedSessionInput) {\n  return (\n    session?.structuredOutput !== undefined && session.structuredOutput !== null\n  );\n}\n\nfunction tabBadge(\n  tab: SessionInspectorTab,\n  session?: UnifiedSessionInput,\n): { count?: number; color?: string } {\n  switch (tab) {\n    case \"files\":\n      return {\n        count:\n          (session?.files?.read?.length ?? 0) +\n          (session?.files?.written?.length ?? 0),\n      };\n    case \"approvals\": {\n      const pending = pendingApprovalRequests(session?.requests).length;\n      if (pending) return { count: pending, color: \"bg-amber-500\" };\n      return {\n        count:\n          (session?.approvals?.approved ?? 0) +\n          (session?.approvals?.denied ?? 0),\n      };\n    }\n    default:\n      return {};\n  }\n}\n\nfunction tabLabel(\n  tab: SessionInspectorTab,\n  label: string,\n  session?: UnifiedSessionInput,\n) {\n  if (tab !== \"costs\") return label;\n  const total = costTotal(session?.cost);\n  return total ? `${label} ${formatCost(total)}` : label;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,cAAc,OAAO,cAAc,MAAM,WAAA;AAAA,EAC/C,EAAE,IAAI,UAAU,OAAO,UAAU,MAAM,OAAA;AAAA,EACvC,EAAE,IAAI,SAAS,OAAO,SAAS,MAAM,WAAA;AAAA,EACrC,EAAE,IAAI,QAAQ,OAAO,QAAQ,MAAM,WAAA;AAAA,EACnC,EAAE,IAAI,aAAa,OAAO,aAAa,MAAM,YAAA;AAAA,EAC7C,EAAE,IAAI,SAAS,OAAO,SAAS,MAAM,QAAA;AAAA,EACrC,EAAE,IAAI,YAAY,OAAO,YAAY,MAAM,aAAA;AAAA,EAC3C,EAAE,IAAI,OAAO,OAAO,OAAO,MAAM,SAAA;AACnC;AAMO,SAAS,cACd,eACA,SACA,UACoB;AACpB,SAAO,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,YAAY,aAAa,EAAE;AAAA,IAClE,CAAC,SAAS;AACR,YAAM,QAAQ,SAAS,KAAK,IAAI,OAAO;AACvC,aAAO;AAAA,QACL,IAAI,KAAK;AAAA,QACT,OAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK,OAAO,UAAU,WAAW;AAAA,QAAA;AAAA,QAEnC,MAAM,KAAK;AAAA,QACX,GAAI,MAAM,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,MAAM,MAAA;AAAA,QACpD,GAAI,MAAM,QAAQ,EAAE,YAAY,MAAM,MAAA,IAAU,CAAA;AAAA,MAAC;AAAA,IAErD;AAAA,EAAA;AAEJ;AAEO,SAAS,oBAAoB,SAA+B;AACjE,UACE,mCAAS,sBAAqB,UAAa,QAAQ,qBAAqB;AAE5E;AAEA,SAAS,SACP,KACA,SACoC;;AACpC,UAAQ,KAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,UACG,8CAAS,UAAT,mBAAgB,SAAhB,mBAAsB,WAAU,QAChC,8CAAS,UAAT,mBAAgB,YAAhB,mBAAyB,WAAU;AAAA,MAAA;AAAA,IAE1C,KAAK,aAAa;AAChB,YAAM,UAAU,wBAAwB,mCAAS,QAAQ,EAAE;AAC3D,UAAI,QAAS,QAAO,EAAE,OAAO,SAAS,OAAO,eAAA;AAC7C,aAAO;AAAA,QACL,UACG,wCAAS,cAAT,mBAAoB,aAAY,QAChC,wCAAS,cAAT,mBAAoB,WAAU;AAAA,MAAA;AAAA,IAErC;AAAA,IACA;AACE,aAAO,CAAA;AAAA,EAAC;AAEd;AAEA,SAAS,SACP,KACA,OACA,SACA;AACA,MAAI,QAAQ,QAAS,QAAO;AAC5B,QAAM,QAAQ,UAAU,mCAAS,IAAI;AACrC,SAAO,QAAQ,GAAG,KAAK,IAAI,WAAW,KAAK,CAAC,KAAK;AACnD;"}

package/dist/data/ai/SessionViewer.cjs

@@ -30,6 +30,7 @@ function SessionViewer({
   showContextMeter = true,
   showMenu = true,
   headerActions,
+  menuHeader,
   menuContainer,
   defaultDensity,
   defaultTheme,
@@ -109,6 +110,7 @@ function SessionViewer({
   const menu = showMenu ? /* @__PURE__ */ jsxRuntime.jsx(
     SessionViewerMenu.SessionViewerMenu,
     {
+      menuHeader,
       density: densityOverride,
       onDensityChange: setDensityOverride,
       theme: themeOverride,
@@ -162,7 +164,7 @@ function SessionViewer({
     "div",
     {
       className: utils.cn(
-        "bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]",
+        "@container/session-viewer min-w-0 bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]",
         scrollable && "flex h-full min-h-0 flex-col",
         className
       ),
@@ -172,12 +174,13 @@ function SessionViewer({
         (showHeader || headerActions || inlineMenu) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
+            "data-session-viewer-header": true,
             className: utils.cn(
-              "flex items-center justify-between gap-density-3",
-              scrollable ? "shrink-0 border-b border-border px-density-4 py-density-2 md:px-density-6" : "mb-density-3"
+              "flex min-w-0 flex-wrap items-center justify-between gap-x-density-3 gap-y-density-2",
+              scrollable ? "shrink-0 border-b border-border px-density-3 py-density-2 @min-[48rem]/session-viewer:px-density-4" : "mb-density-3"
             ),
             children: [
-              showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: [
+              showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: [
                 summary.model && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 font-medium text-foreground", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiRobotAi.UiRobotAi, className: "size-3.5" }),
                   summary.model
@@ -213,7 +216,15 @@ function SessionViewer({
             ]
           }
         ),
-        scrollable ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, className: "p-density-4 md:p-density-6", children: list }) }) : list
+        scrollable ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: contentRef,
+            "data-session-viewer-content": true,
+            className: "p-density-3 @min-[48rem]/session-viewer:p-density-4",
+            children: list
+          }
+        ) }) : list
       ] })
     }
   );

package/dist/data/ai/SessionViewer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.cjs","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { useDensityValue, type Density } from \"../../hooks/use-density\";\nimport { DensityValueProvider } from \"../../hooks/density-provider\";\nimport { UiRobotAi } from \"../../icons\";\nimport {\n  getSessionMetadata,\n  normalizeSession,\n  summarizeSession,\n  type SessionEvent,\n  type SessionInput,\n} from \"./SessionViewer.model\";\nimport {\n  collapseWaitRuns,\n  isSessionEventGroup,\n} from \"./SessionViewer.grouping\";\nimport { SessionRow, WaitGroupRow } from \"./SessionViewer.rows\";\nimport { SessionMetadataBadges } from \"./SessionViewer.header\";\nimport {\n  collectSessionFilters,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport {\n  SessionViewerMenu,\n  type SessionThemeOverride,\n} from \"./SessionViewerMenu\";\nimport { useSessionScroll } from \"./use-session-scroll\";\n\nexport type {\n  SessionEntry,\n  SessionEvent,\n  SessionInput,\n  SessionActionMeta,\n} from \"./SessionViewer.model\";\nexport type { SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport interface SessionPendingTool {\n  tool: string;\n  input?: Record<string, unknown>;\n  toolCallId?: string;\n  approvalId?: string;\n  sessionId?: string;\n}\n\nexport interface SessionToolDecision {\n  event: SessionEvent;\n  allow: boolean;\n  message?: string;\n  answers?: Record<string, string | string[]>;\n}\n\nexport interface SessionViewerProps {\n  /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */\n  session: SessionInput;\n  className?: string;\n  /** Expand each tool call's input/output by default. Defaults to false. */\n  defaultExpanded?: boolean;\n  /** Render assistant reasoning (\"thinking\") blocks. Defaults to true. */\n  showThinking?: boolean;\n  /** Show the summary header (model + action counts). Defaults to true. */\n  showHeader?: boolean;\n  /** Show context usage in the summary header. Defaults to true. */\n  showContextMeter?: boolean;\n  /** Show the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\n  /** Controls rendered beside the 3-dot menu in the summary header. */\n  headerActions?: ReactNode;\n  /** Portal the 3-dot menu into this element instead of rendering it inline in\n   *  the summary header — lets a host place the menu in its own toolbar while the\n   *  filter/density state stays owned by the viewer. Ignored when `showMenu` is\n   *  false; falls back to inline rendering when null/undefined. */\n  menuContainer?: Element | null;\n  /** Initial density override; undefined inherits the page/document density. */\n  defaultDensity?: Density;\n  /** Initial theme override; undefined inherits the page/document `data-theme`. */\n  defaultTheme?: SessionThemeOverride;\n  /** Own an internal scroll container that fills its parent's height: render only\n   *  the newest screenful, stay pinned to the bottom (most recent activity), and\n   *  backfill older rows as the reader scrolls up. Off by default, so inline\n   *  consumers keep rendering the whole log in normal page flow. Requires a\n   *  height-bounded parent. */\n  scrollable?: boolean;\n  /** Rows rendered on first paint in `scrollable` mode. Defaults to 60. */\n  windowSize?: number;\n  /** Rows added each time older content loads in `scrollable` mode. Defaults to 40. */\n  batchSize?: number;\n  /** Show per-row timestamp/source/model/turn/agent metadata. Defaults to false. */\n  showRowMetadata?: boolean;\n  /** Show a per-row raw JSON payload expander when available. Defaults to false. */\n  showRaw?: boolean;\n  /** Render content before each assistant message body. */\n  renderMessageBadge?: (event: SessionEvent) => ReactNode;\n  pendingTools?: readonly SessionPendingTool[];\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}\n\nfunction toggleInSet<T>(set: ReadonlySet<T>, value: T): Set<T> {\n  const next = new Set(set);\n  if (next.has(value)) next.delete(value);\n  else next.add(value);\n  return next;\n}\n\n/**\n * SessionViewer renders a recorded AI coding-agent session (the captain\n * `pkg/ai/history` JSON schema — Claude Code / Codex transcripts) as a vertical\n * action log. Each entry sits on a tone-colored icon disc from the Flanksource\n * \"Agent Action Icons\" set; user prompts/selections are right-aligned like a\n * chat. Shell commands render inline as bash blocks and file ops as their\n * cwd-relative path — the icon carries the verb. Tool responses expand behind\n * a chevron, rendered bare (no panel chrome). The \"3-dot\" menu mirrors\n * `captain history` filtering — toggle density and hide categories, tools or\n * sources.\n */\nexport function SessionViewer({\n  session,\n  className,\n  defaultExpanded = false,\n  showThinking = true,\n  showHeader = true,\n  showContextMeter = true,\n  showMenu = true,\n  headerActions,\n  menuContainer,\n  defaultDensity,\n  defaultTheme,\n  scrollable = false,\n  windowSize = 60,\n  batchSize = 40,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  pendingTools = [],\n  onPendingToolDecision,\n}: SessionViewerProps) {\n  const allEvents = useMemo(\n    () => mergePendingTools(normalizeSession(session), pendingTools),\n    [session, pendingTools],\n  );\n  const displayItems = useMemo(() => collapseWaitRuns(allEvents), [allEvents]);\n  const metadata = useMemo(() => getSessionMetadata(session), [session]);\n\n  const pageDensity = useDensityValue();\n  const [densityOverride, setDensityOverride] = useState<Density | undefined>(\n    defaultDensity,\n  );\n  const [themeOverride, setThemeOverride] = useState<\n    SessionThemeOverride | undefined\n  >(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<\n    ReadonlySet<SessionCategory>\n  >(() => new Set());\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<\n    boolean | undefined\n  >(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(\n    () => allEvents.some((e) => e.kind === \"thinking\"),\n    [allEvents],\n  );\n\n  const visibility = {\n    hiddenCategories,\n    hiddenTools,\n    hiddenSources,\n    showThinking: effectiveShowThinking,\n  };\n  const items = displayItems.filter((item) =>\n    isEventVisible(\n      isSessionEventGroup(item) ? item.representative : item,\n      visibility,\n    ),\n  );\n\n  // Reset the window when the underlying session changes, not on filter toggles —\n  // so hiding a category doesn't yank the reader back to the bottom.\n  const resetKey = `${allEvents.length}:${allEvents[0]?.id ?? \"\"}`;\n  const { scrollRef, contentRef, startIndex } = useSessionScroll({\n    total: items.length,\n    enabled: scrollable,\n    windowSize,\n    batchSize,\n    resetKey,\n  });\n\n  if (allEvents.length === 0) {\n    return (\n      <div\n        className={cn(\n          \"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        No session activity.\n      </div>\n    );\n  }\n\n  const summary = summarizeSession(allEvents);\n  const effectiveDensity = densityOverride ?? pageDensity;\n  const dataAttrs: Record<string, string> = {\n    ...(densityOverride ? { \"data-density\": densityOverride } : {}),\n    ...(themeOverride ? { \"data-theme\": themeOverride } : {}),\n  };\n\n  const menu = showMenu ? (\n    <SessionViewerMenu\n      density={densityOverride}\n      onDensityChange={setDensityOverride}\n      theme={themeOverride}\n      onThemeChange={setThemeOverride}\n      filters={filters}\n      hiddenCategories={hiddenCategories}\n      hiddenTools={hiddenTools}\n      hiddenSources={hiddenSources}\n      onToggleCategory={(category) =>\n        setHiddenCategories((set) => toggleInSet(set, category))\n      }\n      onToggleTool={(tool) => setHiddenTools((set) => toggleInSet(set, tool))}\n      onToggleSource={(source) =>\n        setHiddenSources((set) => toggleInSet(set, source))\n      }\n      showThinking={effectiveShowThinking}\n      onToggleThinking={() => setShowThinkingOverride(!effectiveShowThinking)}\n      hasThinking={hasThinking}\n    />\n  ) : null;\n  // When a host supplies `menuContainer`, the menu is portaled into it (e.g. the\n  // host's own toolbar) and the inline header collapses to just its summary.\n  const inlineMenu = menu && !menuContainer;\n\n  const list =\n    items.length === 0 ? (\n      <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\">\n        All actions are hidden by the active filters.\n      </div>\n    ) : (\n      // In scrollable mode only the newest `startIndex..` slice is mounted; `last`\n      // is measured against the full length so the timeline connector stays right.\n      <ol className=\"relative\">\n        {items.slice(startIndex).map((item, index) => {\n          const last = startIndex + index === items.length - 1;\n          return isSessionEventGroup(item) ? (\n            <WaitGroupRow\n              key={item.id}\n              group={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          ) : (\n            <SessionRow\n              key={item.id}\n              event={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          );\n        })}\n      </ol>\n    );\n\n  return (\n    <div\n      className={cn(\n        \"bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]\",\n        scrollable && \"flex h-full min-h-0 flex-col\",\n        className,\n      )}\n      {...dataAttrs}\n    >\n      <DensityValueProvider density={effectiveDensity}>\n        {menu && menuContainer && createPortal(menu, menuContainer)}\n        {(showHeader || headerActions || inlineMenu) && (\n          <div\n            className={cn(\n              \"flex items-center justify-between gap-density-3\",\n              scrollable\n                ? \"shrink-0 border-b border-border px-density-4 py-density-2 md:px-density-6\"\n                : \"mb-density-3\",\n            )}\n          >\n            {showHeader && (\n              <div className=\"flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n                {summary.model && (\n                  <span className=\"inline-flex items-center gap-1 font-medium text-foreground\">\n                    <Icon icon={UiRobotAi} className=\"size-3.5\" />\n                    {summary.model}\n                  </span>\n                )}\n                <span>{summary.toolCount} actions</span>\n                <span>{summary.messageCount} messages</span>\n                {metadata && (\n                  <SessionMetadataBadges\n                    metadata={metadata}\n                    showContextMeter={showContextMeter}\n                  />\n                )}\n              </div>\n            )}\n            {(headerActions || inlineMenu) && (\n              <div\n                role=\"group\"\n                aria-label=\"Session viewer actions\"\n                className=\"ml-auto flex min-w-0 shrink-0 items-center gap-density-2\"\n              >\n                {headerActions}\n                {inlineMenu && menu}\n              </div>\n            )}\n          </div>\n        )}\n\n        {scrollable ? (\n          <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-y-auto\">\n            <div ref={contentRef} className=\"p-density-4 md:p-density-6\">\n              {list}\n            </div>\n          </div>\n        ) : (\n          list\n        )}\n      </DensityValueProvider>\n    </div>\n  );\n}\n\nfunction mergePendingTools(\n  events: SessionEvent[],\n  pendingTools: readonly SessionPendingTool[],\n): SessionEvent[] {\n  const merged = [...events];\n  for (const [index, pending] of pendingTools.entries()) {\n    const matches = merged.filter(\n      (event) =>\n        event.kind === \"tool\" &&\n        ((pending.toolCallId && event.toolCallId === pending.toolCallId) ||\n          (pending.approvalId && event.approvalId === pending.approvalId) ||\n          (pending.sessionId &&\n            event.sessionId === pending.sessionId &&\n            event.tool === pending.tool)),\n    );\n    const match = matches.length === 1 ? matches[0] : undefined;\n    if (match) {\n      Object.assign(match, {\n        pending: true,\n        toolInput: pending.input ?? match.toolInput,\n        toolCallId: pending.toolCallId ?? match.toolCallId,\n        approvalId: pending.approvalId ?? match.approvalId,\n        sessionId: pending.sessionId ?? match.sessionId,\n      });\n    } else {\n      merged.push({\n        id: `pending-${\n          pending.approvalId ?? pending.toolCallId ?? `${pending.tool}-${index}`\n        }`,\n        kind: \"tool\",\n        tool: pending.tool,\n        ...(pending.input ? { toolInput: pending.input } : {}),\n        ...(pending.toolCallId ? { toolCallId: pending.toolCallId } : {}),\n        ...(pending.approvalId ? { approvalId: pending.approvalId } : {}),\n        ...(pending.sessionId ? { sessionId: pending.sessionId } : {}),\n        pending: true,\n      });\n    }\n  }\n  return merged;\n}\n"],"names":["useMemo","normalizeSession","collapseWaitRuns","getSessionMetadata","useDensityValue","useState","collectSessionFilters","isEventVisible","isSessionEventGroup","useSessionScroll","jsx","cn","summarizeSession","SessionViewerMenu","WaitGroupRow","SessionRow","jsxs","DensityValueProvider","createPortal","Icon","UiRobotAi","SessionMetadataBadges"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.cjs","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { useDensityValue, type Density } from \"../../hooks/use-density\";\nimport { DensityValueProvider } from \"../../hooks/density-provider\";\nimport { UiRobotAi } from \"../../icons\";\nimport {\n  getSessionMetadata,\n  normalizeSession,\n  summarizeSession,\n  type SessionEvent,\n  type SessionInput,\n} from \"./SessionViewer.model\";\nimport {\n  collapseWaitRuns,\n  isSessionEventGroup,\n} from \"./SessionViewer.grouping\";\nimport { SessionRow, WaitGroupRow } from \"./SessionViewer.rows\";\nimport { SessionMetadataBadges } from \"./SessionViewer.header\";\nimport {\n  collectSessionFilters,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport {\n  SessionViewerMenu,\n  type SessionThemeOverride,\n} from \"./SessionViewerMenu\";\nimport { useSessionScroll } from \"./use-session-scroll\";\n\nexport type {\n  SessionEntry,\n  SessionEvent,\n  SessionInput,\n  SessionActionMeta,\n} from \"./SessionViewer.model\";\nexport type { SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport interface SessionPendingTool {\n  tool: string;\n  input?: Record<string, unknown>;\n  toolCallId?: string;\n  approvalId?: string;\n  sessionId?: string;\n}\n\nexport interface SessionToolDecision {\n  event: SessionEvent;\n  allow: boolean;\n  message?: string;\n  answers?: Record<string, string | string[]>;\n}\n\nexport interface SessionViewerProps {\n  /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */\n  session: SessionInput;\n  className?: string;\n  /** Expand each tool call's input/output by default. Defaults to false. */\n  defaultExpanded?: boolean;\n  /** Render assistant reasoning (\"thinking\") blocks. Defaults to true. */\n  showThinking?: boolean;\n  /** Show the summary header (model + action counts). Defaults to true. */\n  showHeader?: boolean;\n  /** Show context usage in the summary header. Defaults to true. */\n  showContextMeter?: boolean;\n  /** Show the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\n  /** Controls rendered beside the 3-dot menu in the summary header. */\n  headerActions?: ReactNode;\n  /** Host controls rendered at the top of the 3-dot menu. */\n  menuHeader?: ReactNode;\n  /** Portal the 3-dot menu into this element instead of rendering it inline in\n   *  the summary header — lets a host place the menu in its own toolbar while the\n   *  filter/density state stays owned by the viewer. Ignored when `showMenu` is\n   *  false; falls back to inline rendering when null/undefined. */\n  menuContainer?: Element | null;\n  /** Initial density override; undefined inherits the page/document density. */\n  defaultDensity?: Density;\n  /** Initial theme override; undefined inherits the page/document `data-theme`. */\n  defaultTheme?: SessionThemeOverride;\n  /** Own an internal scroll container that fills its parent's height: render only\n   *  the newest screenful, stay pinned to the bottom (most recent activity), and\n   *  backfill older rows as the reader scrolls up. Off by default, so inline\n   *  consumers keep rendering the whole log in normal page flow. Requires a\n   *  height-bounded parent. */\n  scrollable?: boolean;\n  /** Rows rendered on first paint in `scrollable` mode. Defaults to 60. */\n  windowSize?: number;\n  /** Rows added each time older content loads in `scrollable` mode. Defaults to 40. */\n  batchSize?: number;\n  /** Show per-row timestamp/source/model/turn/agent metadata. Defaults to false. */\n  showRowMetadata?: boolean;\n  /** Show a per-row raw JSON payload expander when available. Defaults to false. */\n  showRaw?: boolean;\n  /** Render content before each assistant message body. */\n  renderMessageBadge?: (event: SessionEvent) => ReactNode;\n  pendingTools?: readonly SessionPendingTool[];\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}\n\nfunction toggleInSet<T>(set: ReadonlySet<T>, value: T): Set<T> {\n  const next = new Set(set);\n  if (next.has(value)) next.delete(value);\n  else next.add(value);\n  return next;\n}\n\n/**\n * SessionViewer renders a recorded AI coding-agent session (the captain\n * `pkg/ai/history` JSON schema — Claude Code / Codex transcripts) as a vertical\n * action log. Each entry sits on a tone-colored icon disc from the Flanksource\n * \"Agent Action Icons\" set; user prompts/selections are right-aligned like a\n * chat. Shell commands render inline as bash blocks and file ops as their\n * cwd-relative path — the icon carries the verb. Tool responses expand behind\n * a chevron, rendered bare (no panel chrome). The \"3-dot\" menu mirrors\n * `captain history` filtering — toggle density and hide categories, tools or\n * sources.\n */\nexport function SessionViewer({\n  session,\n  className,\n  defaultExpanded = false,\n  showThinking = true,\n  showHeader = true,\n  showContextMeter = true,\n  showMenu = true,\n  headerActions,\n  menuHeader,\n  menuContainer,\n  defaultDensity,\n  defaultTheme,\n  scrollable = false,\n  windowSize = 60,\n  batchSize = 40,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  pendingTools = [],\n  onPendingToolDecision,\n}: SessionViewerProps) {\n  const allEvents = useMemo(\n    () => mergePendingTools(normalizeSession(session), pendingTools),\n    [session, pendingTools],\n  );\n  const displayItems = useMemo(() => collapseWaitRuns(allEvents), [allEvents]);\n  const metadata = useMemo(() => getSessionMetadata(session), [session]);\n\n  const pageDensity = useDensityValue();\n  const [densityOverride, setDensityOverride] = useState<Density | undefined>(\n    defaultDensity,\n  );\n  const [themeOverride, setThemeOverride] = useState<\n    SessionThemeOverride | undefined\n  >(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<\n    ReadonlySet<SessionCategory>\n  >(() => new Set());\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<\n    boolean | undefined\n  >(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(\n    () => allEvents.some((e) => e.kind === \"thinking\"),\n    [allEvents],\n  );\n\n  const visibility = {\n    hiddenCategories,\n    hiddenTools,\n    hiddenSources,\n    showThinking: effectiveShowThinking,\n  };\n  const items = displayItems.filter((item) =>\n    isEventVisible(\n      isSessionEventGroup(item) ? item.representative : item,\n      visibility,\n    ),\n  );\n\n  // Reset the window when the underlying session changes, not on filter toggles —\n  // so hiding a category doesn't yank the reader back to the bottom.\n  const resetKey = `${allEvents.length}:${allEvents[0]?.id ?? \"\"}`;\n  const { scrollRef, contentRef, startIndex } = useSessionScroll({\n    total: items.length,\n    enabled: scrollable,\n    windowSize,\n    batchSize,\n    resetKey,\n  });\n\n  if (allEvents.length === 0) {\n    return (\n      <div\n        className={cn(\n          \"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        No session activity.\n      </div>\n    );\n  }\n\n  const summary = summarizeSession(allEvents);\n  const effectiveDensity = densityOverride ?? pageDensity;\n  const dataAttrs: Record<string, string> = {\n    ...(densityOverride ? { \"data-density\": densityOverride } : {}),\n    ...(themeOverride ? { \"data-theme\": themeOverride } : {}),\n  };\n\n  const menu = showMenu ? (\n    <SessionViewerMenu\n      menuHeader={menuHeader}\n      density={densityOverride}\n      onDensityChange={setDensityOverride}\n      theme={themeOverride}\n      onThemeChange={setThemeOverride}\n      filters={filters}\n      hiddenCategories={hiddenCategories}\n      hiddenTools={hiddenTools}\n      hiddenSources={hiddenSources}\n      onToggleCategory={(category) =>\n        setHiddenCategories((set) => toggleInSet(set, category))\n      }\n      onToggleTool={(tool) => setHiddenTools((set) => toggleInSet(set, tool))}\n      onToggleSource={(source) =>\n        setHiddenSources((set) => toggleInSet(set, source))\n      }\n      showThinking={effectiveShowThinking}\n      onToggleThinking={() => setShowThinkingOverride(!effectiveShowThinking)}\n      hasThinking={hasThinking}\n    />\n  ) : null;\n  // When a host supplies `menuContainer`, the menu is portaled into it (e.g. the\n  // host's own toolbar) and the inline header collapses to just its summary.\n  const inlineMenu = menu && !menuContainer;\n\n  const list =\n    items.length === 0 ? (\n      <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\">\n        All actions are hidden by the active filters.\n      </div>\n    ) : (\n      // In scrollable mode only the newest `startIndex..` slice is mounted; `last`\n      // is measured against the full length so the timeline connector stays right.\n      <ol className=\"relative\">\n        {items.slice(startIndex).map((item, index) => {\n          const last = startIndex + index === items.length - 1;\n          return isSessionEventGroup(item) ? (\n            <WaitGroupRow\n              key={item.id}\n              group={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          ) : (\n            <SessionRow\n              key={item.id}\n              event={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          );\n        })}\n      </ol>\n    );\n\n  return (\n    <div\n      className={cn(\n        \"@container/session-viewer min-w-0 bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]\",\n        scrollable && \"flex h-full min-h-0 flex-col\",\n        className,\n      )}\n      {...dataAttrs}\n    >\n      <DensityValueProvider density={effectiveDensity}>\n        {menu && menuContainer && createPortal(menu, menuContainer)}\n        {(showHeader || headerActions || inlineMenu) && (\n          <div\n            data-session-viewer-header\n            className={cn(\n              \"flex min-w-0 flex-wrap items-center justify-between gap-x-density-3 gap-y-density-2\",\n              scrollable\n                ? \"shrink-0 border-b border-border px-density-3 py-density-2 @min-[48rem]/session-viewer:px-density-4\"\n                : \"mb-density-3\",\n            )}\n          >\n            {showHeader && (\n              <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n                {summary.model && (\n                  <span className=\"inline-flex items-center gap-1 font-medium text-foreground\">\n                    <Icon icon={UiRobotAi} className=\"size-3.5\" />\n                    {summary.model}\n                  </span>\n                )}\n                <span>{summary.toolCount} actions</span>\n                <span>{summary.messageCount} messages</span>\n                {metadata && (\n                  <SessionMetadataBadges\n                    metadata={metadata}\n                    showContextMeter={showContextMeter}\n                  />\n                )}\n              </div>\n            )}\n            {(headerActions || inlineMenu) && (\n              <div\n                role=\"group\"\n                aria-label=\"Session viewer actions\"\n                className=\"ml-auto flex min-w-0 shrink-0 items-center gap-density-2\"\n              >\n                {headerActions}\n                {inlineMenu && menu}\n              </div>\n            )}\n          </div>\n        )}\n\n        {scrollable ? (\n          <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-y-auto\">\n            <div\n              ref={contentRef}\n              data-session-viewer-content\n              className=\"p-density-3 @min-[48rem]/session-viewer:p-density-4\"\n            >\n              {list}\n            </div>\n          </div>\n        ) : (\n          list\n        )}\n      </DensityValueProvider>\n    </div>\n  );\n}\n\nfunction mergePendingTools(\n  events: SessionEvent[],\n  pendingTools: readonly SessionPendingTool[],\n): SessionEvent[] {\n  const merged = [...events];\n  for (const [index, pending] of pendingTools.entries()) {\n    const matches = merged.filter(\n      (event) =>\n        event.kind === \"tool\" &&\n        ((pending.toolCallId && event.toolCallId === pending.toolCallId) ||\n          (pending.approvalId && event.approvalId === pending.approvalId) ||\n          (pending.sessionId &&\n            event.sessionId === pending.sessionId &&\n            event.tool === pending.tool)),\n    );\n    const match = matches.length === 1 ? matches[0] : undefined;\n    if (match) {\n      Object.assign(match, {\n        pending: true,\n        toolInput: pending.input ?? match.toolInput,\n        toolCallId: pending.toolCallId ?? match.toolCallId,\n        approvalId: pending.approvalId ?? match.approvalId,\n        sessionId: pending.sessionId ?? match.sessionId,\n      });\n    } else {\n      merged.push({\n        id: `pending-${\n          pending.approvalId ?? pending.toolCallId ?? `${pending.tool}-${index}`\n        }`,\n        kind: \"tool\",\n        tool: pending.tool,\n        ...(pending.input ? { toolInput: pending.input } : {}),\n        ...(pending.toolCallId ? { toolCallId: pending.toolCallId } : {}),\n        ...(pending.approvalId ? { approvalId: pending.approvalId } : {}),\n        ...(pending.sessionId ? { sessionId: pending.sessionId } : {}),\n        pending: true,\n      });\n    }\n  }\n  return merged;\n}\n"],"names":["useMemo","normalizeSession","collapseWaitRuns","getSessionMetadata","useDensityValue","useState","collectSessionFilters","isEventVisible","isSessionEventGroup","useSessionScroll","jsx","cn","summarizeSession","SessionViewerMenu","WaitGroupRow","SessionRow","jsxs","DensityValueProvider","createPortal","Icon","UiRobotAi","SessionMetadataBadges"],"mappings":"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"}

package/dist/data/ai/SessionViewer.d.ts

@@ -33,6 +33,8 @@ export interface SessionViewerProps {
     showMenu?: boolean;
     /** Controls rendered beside the 3-dot menu in the summary header. */
     headerActions?: ReactNode;
+    /** Host controls rendered at the top of the 3-dot menu. */
+    menuHeader?: ReactNode;
     /** Portal the 3-dot menu into this element instead of rendering it inline in
      *  the summary header — lets a host place the menu in its own toolbar while the
      *  filter/density state stays owned by the viewer. Ignored when `showMenu` is
@@ -72,5 +74,5 @@ export interface SessionViewerProps {
  * `captain history` filtering — toggle density and hide categories, tools or
  * sources.
  */
-export declare function SessionViewer({ session, className, defaultExpanded, showThinking, showHeader, showContextMeter, showMenu, headerActions, menuContainer, defaultDensity, defaultTheme, scrollable, windowSize, batchSize, showRowMetadata, showRaw, renderMessageBadge, pendingTools, onPendingToolDecision, }: SessionViewerProps): import("react").JSX.Element;
+export declare function SessionViewer({ session, className, defaultExpanded, showThinking, showHeader, showContextMeter, showMenu, headerActions, menuHeader, menuContainer, defaultDensity, defaultTheme, scrollable, windowSize, batchSize, showRowMetadata, showRaw, renderMessageBadge, pendingTools, onPendingToolDecision, }: SessionViewerProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionViewer.d.ts.map

package/dist/data/ai/SessionViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAmB,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAY/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qBAAqB,CAAC;AAG7B,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;qEAGiE;IACjE,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iFAAiF;IACjF,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;;iCAI6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IACxD,YAAY,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC7C,qBAAqB,CAAC,EAClB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACf;AASD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,eAAuB,EACvB,YAAmB,EACnB,UAAiB,EACjB,gBAAuB,EACvB,QAAe,EACf,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAkB,EAClB,UAAe,EACf,SAAc,EACd,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,YAAiB,EACjB,qBAAqB,GACtB,EAAE,kBAAkB,+BA+MpB"}
+{"version":3,"file":"SessionViewer.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tsx"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.header.cjs

@@ -3,7 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ContextMeter = require("../chat/ContextMeter.cjs");
 const providerIcons = require("../chat/provider-icons.cjs");
+const Icon = require("../Icon.cjs");
+const agentActionIcons = require("./agent-action-icons.cjs");
 const sessionCost = require("./session-cost.cjs");
+const sessionTones = require("./session-tones.cjs");
+const SpecRuntimeEditor_sandboxModel = require("./SpecRuntimeEditor.sandbox-model.cjs");
 function hasContextMeterMetadata(metadata) {
   return Boolean(metadata.context || metadata.sessionId || metadata.model);
 }
@@ -29,6 +33,7 @@ function SessionContextMeter({
       ...metadata.reasoningEffort ? { effort: metadata.reasoningEffort } : {},
       ...modelIcon ? { modelIcon } : {},
       ...metadata.provider ? {
+        provider: metadata.provider,
         modelIconClassName: providerIcons.providerIconColor(metadata.provider)
       } : {},
       ...metadata.usage ? {
@@ -72,8 +77,11 @@ function SessionMetadataBadges({
     ...!metadata.context && metadata.budget ? [{ key: "budget", label: budgetLabel(metadata.budget) }] : [],
     ...((_f = metadata.events) == null ? void 0 : _f.length) ? [{ key: "events", label: countLabel(metadata.events.length, "event") }] : []
   ];
+  const permissionMode = permissionModeBadge(metadata.permissionMode);
   const renderContextMeter = showContextMeter && hasContextMeterMetadata(metadata);
-  if (badges.length === 0 && !renderContextMeter) return null;
+  if (badges.length === 0 && !permissionMode && !renderContextMeter) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx(
       "span",
@@ -84,9 +92,36 @@ function SessionMetadataBadges({
       },
       badge.key
     )),
+    permissionMode && /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        title: `Permission mode: ${permissionMode.label}`,
+        className: "inline-flex max-w-40 items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground",
+        children: [
+          permissionMode.icon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: permissionMode.icon,
+              className: `size-3 shrink-0 ${sessionTones.sessionTone(permissionMode.tone).text}`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: permissionMode.label })
+        ]
+      }
+    ),
     renderContextMeter ? /* @__PURE__ */ jsxRuntime.jsx(SessionContextMeter, { metadata, mode: "bar" }) : null
   ] });
 }
+function permissionModeBadge(mode) {
+  if (!mode) return void 0;
+  const posture = SpecRuntimeEditor_sandboxModel.SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);
+  const known = posture ? agentActionIcons.PERMISSION_MODE_ICONS[posture] : void 0;
+  return {
+    label: (known == null ? void 0 : known.label) ?? mode,
+    icon: known == null ? void 0 : known.icon,
+    tone: (known == null ? void 0 : known.tone) ?? "slate"
+  };
+}
 function countBadge(label, values) {
   const count = (values == null ? void 0 : values.length) ?? 0;
   if (!count) return null;

package/dist/data/ai/SessionViewer.header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.header.cjs","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"sourcesContent":["import { ContextMeter, type ContextMeterMode } from \"../chat/ContextMeter\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { costTotal, tokenTotal } from \"./session-cost\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\n\nfunction hasContextMeterMetadata(metadata: SessionMetadataSummary) {\n  return Boolean(metadata.context || metadata.sessionId || metadata.model);\n}\n\nexport function SessionContextMeter({\n  metadata,\n  mode,\n}: {\n  metadata: SessionMetadataSummary;\n  mode: ContextMeterMode;\n}) {\n  if (!hasContextMeterMetadata(metadata)) return null;\n  const context = metadata.context;\n  const modelIcon = metadata.provider\n    ? providerIcon(metadata.provider)\n    : undefined;\n\n  return (\n    <ContextMeter\n      mode={mode}\n      usedPercent={context ? 100 - context.freePercent : 0}\n      {...(context\n        ? {\n            usedTokens: context.usedTokens,\n            windowTokens: context.windowTokens,\n          }\n        : {})}\n      {...(metadata.sessionId ? { sessionId: metadata.sessionId } : {})}\n      {...(metadata.executionMode\n        ? { executionMode: metadata.executionMode }\n        : {})}\n      {...(metadata.model ? { model: metadata.model } : {})}\n      {...(metadata.reasoningEffort\n        ? { effort: metadata.reasoningEffort }\n        : {})}\n      {...(modelIcon ? { modelIcon } : {})}\n      {...(metadata.provider\n        ? {\n            modelIconClassName: providerIconColor(metadata.provider),\n          }\n        : {})}\n      {...(metadata.usage\n        ? {\n            tokens: {\n              input: metadata.usage.inputTokens,\n              output: metadata.usage.outputTokens,\n              reasoning: metadata.usage.reasoningTokens,\n              cacheRead: metadata.usage.cacheReadTokens,\n              cacheWrite: metadata.usage.cacheWriteTokens,\n              total: tokenTotal(metadata.usage),\n            },\n          }\n        : {})}\n      {...(metadata.cost\n        ? {\n            cost: {\n              input: metadata.cost.inputCost,\n              output: metadata.cost.outputCost,\n              reasoning: metadata.cost.reasoningCost,\n              cacheRead: metadata.cost.cacheReadCost,\n              cacheWrite: metadata.cost.cacheWriteCost,\n              total: costTotal(metadata.cost),\n            },\n          }\n        : {})}\n      {...(metadata.budget ? { budget: metadata.budget } : {})}\n    />\n  );\n}\n\nexport function SessionMetadataBadges({\n  metadata,\n  showContextMeter,\n}: {\n  metadata: SessionMetadataSummary;\n  showContextMeter: boolean;\n}) {\n  const capabilityBadges = [\n    countBadge(\"tool\", metadata.capabilities?.tools),\n    countBadge(\"mcp\", metadata.capabilities?.pendingMcpServers),\n    countBadge(\"agent\", metadata.capabilities?.agents),\n    countBadge(\"skill\", metadata.capabilities?.skills),\n  ].filter(Boolean) as Array<{ key: string; label: string; title?: string }>;\n  const badges: Array<{ key: string; label: string; title?: string }> = [\n    ...(metadata.turns?.length\n      ? [{ key: \"turns\", label: countLabel(metadata.turns.length, \"turn\") }]\n      : []),\n    ...capabilityBadges,\n    ...(!metadata.context && metadata.budget\n      ? [{ key: \"budget\", label: budgetLabel(metadata.budget) }]\n      : []),\n    ...(metadata.events?.length\n      ? [{ key: \"events\", label: countLabel(metadata.events.length, \"event\") }]\n      : []),\n  ];\n  const renderContextMeter =\n    showContextMeter && hasContextMeterMetadata(metadata);\n  if (badges.length === 0 && !renderContextMeter) return null;\n\n  return (\n    <>\n      {badges.map((badge) => (\n        <span\n          key={badge.key}\n          title={badge.title}\n          className=\"inline-flex max-w-40 items-center rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          <span className=\"truncate\">{badge.label}</span>\n        </span>\n      ))}\n      {renderContextMeter ? (\n        <SessionContextMeter metadata={metadata} mode=\"bar\" />\n      ) : null}\n    </>\n  );\n}\n\nfunction countBadge(label: string, values: string[] | undefined) {\n  const count = values?.length ?? 0;\n  if (!count) return null;\n  return {\n    key: label,\n    label: countLabel(count, label),\n    title: values?.join(\", \"),\n  };\n}\n\nfunction countLabel(count: number, label: string) {\n  if (label === \"mcp\") return `${count} mcp`;\n  return `${count} ${label}${count === 1 ? \"\" : \"s\"}`;\n}\n\nfunction budgetLabel(budget: {\n  used?: number;\n  total?: number;\n  remaining?: number;\n}) {\n  if (budget.total !== undefined && budget.total > 0) {\n    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;\n  }\n  if (budget.remaining !== undefined)\n    return `budget ${formatUSD(budget.remaining)} left`;\n  if (budget.used !== undefined) return `budget ${formatUSD(budget.used)} used`;\n  return \"budget\";\n}\n\nfunction formatUSD(value: number) {\n  if (value < 1 || !Number.isInteger(value)) return `$${value.toFixed(2)}`;\n  return `$${value.toFixed(0)}`;\n}\n"],"names":["providerIcon","jsx","ContextMeter","providerIconColor","tokenTotal","costTotal","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.header.cjs","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"sourcesContent":["import { ContextMeter, type ContextMeterMode } from \"../chat/ContextMeter\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { Icon } from \"../Icon\";\nimport { PERMISSION_MODE_ICONS } from \"./agent-action-icons\";\nimport { costTotal, tokenTotal } from \"./session-cost\";\nimport { sessionTone } from \"./session-tones\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\nimport { SPEC_PERMISSION_MODES } from \"./SpecRuntimeEditor.model\";\n\nfunction hasContextMeterMetadata(metadata: SessionMetadataSummary) {\n  return Boolean(metadata.context || metadata.sessionId || metadata.model);\n}\n\nexport function SessionContextMeter({\n  metadata,\n  mode,\n}: {\n  metadata: SessionMetadataSummary;\n  mode: ContextMeterMode;\n}) {\n  if (!hasContextMeterMetadata(metadata)) return null;\n  const context = metadata.context;\n  const modelIcon = metadata.provider\n    ? providerIcon(metadata.provider)\n    : undefined;\n\n  return (\n    <ContextMeter\n      mode={mode}\n      usedPercent={context ? 100 - context.freePercent : 0}\n      {...(context\n        ? {\n            usedTokens: context.usedTokens,\n            windowTokens: context.windowTokens,\n          }\n        : {})}\n      {...(metadata.sessionId ? { sessionId: metadata.sessionId } : {})}\n      {...(metadata.executionMode\n        ? { executionMode: metadata.executionMode }\n        : {})}\n      {...(metadata.model ? { model: metadata.model } : {})}\n      {...(metadata.reasoningEffort\n        ? { effort: metadata.reasoningEffort }\n        : {})}\n      {...(modelIcon ? { modelIcon } : {})}\n      {...(metadata.provider\n        ? {\n            provider: metadata.provider,\n            modelIconClassName: providerIconColor(metadata.provider),\n          }\n        : {})}\n      {...(metadata.usage\n        ? {\n            tokens: {\n              input: metadata.usage.inputTokens,\n              output: metadata.usage.outputTokens,\n              reasoning: metadata.usage.reasoningTokens,\n              cacheRead: metadata.usage.cacheReadTokens,\n              cacheWrite: metadata.usage.cacheWriteTokens,\n              total: tokenTotal(metadata.usage),\n            },\n          }\n        : {})}\n      {...(metadata.cost\n        ? {\n            cost: {\n              input: metadata.cost.inputCost,\n              output: metadata.cost.outputCost,\n              reasoning: metadata.cost.reasoningCost,\n              cacheRead: metadata.cost.cacheReadCost,\n              cacheWrite: metadata.cost.cacheWriteCost,\n              total: costTotal(metadata.cost),\n            },\n          }\n        : {})}\n      {...(metadata.budget ? { budget: metadata.budget } : {})}\n    />\n  );\n}\n\nexport function SessionMetadataBadges({\n  metadata,\n  showContextMeter,\n}: {\n  metadata: SessionMetadataSummary;\n  showContextMeter: boolean;\n}) {\n  const capabilityBadges = [\n    countBadge(\"tool\", metadata.capabilities?.tools),\n    countBadge(\"mcp\", metadata.capabilities?.pendingMcpServers),\n    countBadge(\"agent\", metadata.capabilities?.agents),\n    countBadge(\"skill\", metadata.capabilities?.skills),\n  ].filter(Boolean) as Array<{ key: string; label: string; title?: string }>;\n  const badges: Array<{ key: string; label: string; title?: string }> = [\n    ...(metadata.turns?.length\n      ? [{ key: \"turns\", label: countLabel(metadata.turns.length, \"turn\") }]\n      : []),\n    ...capabilityBadges,\n    ...(!metadata.context && metadata.budget\n      ? [{ key: \"budget\", label: budgetLabel(metadata.budget) }]\n      : []),\n    ...(metadata.events?.length\n      ? [{ key: \"events\", label: countLabel(metadata.events.length, \"event\") }]\n      : []),\n  ];\n  const permissionMode = permissionModeBadge(metadata.permissionMode);\n  const renderContextMeter =\n    showContextMeter && hasContextMeterMetadata(metadata);\n  if (badges.length === 0 && !permissionMode && !renderContextMeter) {\n    return null;\n  }\n\n  return (\n    <>\n      {badges.map((badge) => (\n        <span\n          key={badge.key}\n          title={badge.title}\n          className=\"inline-flex max-w-40 items-center rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          <span className=\"truncate\">{badge.label}</span>\n        </span>\n      ))}\n      {permissionMode && (\n        <span\n          title={`Permission mode: ${permissionMode.label}`}\n          className=\"inline-flex max-w-40 items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          {permissionMode.icon && (\n            <Icon\n              icon={permissionMode.icon}\n              className={`size-3 shrink-0 ${sessionTone(permissionMode.tone).text}`}\n            />\n          )}\n          <span className=\"truncate\">{permissionMode.label}</span>\n        </span>\n      )}\n      {renderContextMeter ? (\n        <SessionContextMeter metadata={metadata} mode=\"bar\" />\n      ) : null}\n    </>\n  );\n}\n\nfunction permissionModeBadge(mode: string | undefined) {\n  if (!mode) return undefined;\n  const posture = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);\n  const known = posture ? PERMISSION_MODE_ICONS[posture] : undefined;\n  return {\n    label: known?.label ?? mode,\n    icon: known?.icon,\n    tone: known?.tone ?? (\"slate\" as const),\n  };\n}\n\nfunction countBadge(label: string, values: string[] | undefined) {\n  const count = values?.length ?? 0;\n  if (!count) return null;\n  return {\n    key: label,\n    label: countLabel(count, label),\n    title: values?.join(\", \"),\n  };\n}\n\nfunction countLabel(count: number, label: string) {\n  if (label === \"mcp\") return `${count} mcp`;\n  return `${count} ${label}${count === 1 ? \"\" : \"s\"}`;\n}\n\nfunction budgetLabel(budget: {\n  used?: number;\n  total?: number;\n  remaining?: number;\n}) {\n  if (budget.total !== undefined && budget.total > 0) {\n    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;\n  }\n  if (budget.remaining !== undefined)\n    return `budget ${formatUSD(budget.remaining)} left`;\n  if (budget.used !== undefined) return `budget ${formatUSD(budget.used)} used`;\n  return \"budget\";\n}\n\nfunction formatUSD(value: number) {\n  if (value < 1 || !Number.isInteger(value)) return `$${value.toFixed(2)}`;\n  return `$${value.toFixed(0)}`;\n}\n"],"names":["providerIcon","jsx","ContextMeter","providerIconColor","tokenTotal","costTotal","jsxs","Fragment","Icon","sessionTone","SPEC_PERMISSION_MODES","PERMISSION_MODE_ICONS"],"mappings":"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"}

package/dist/data/ai/SessionViewer.header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.header.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAMpE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,sBAAsB,CAAC;IACjC,IAAI,EAAE,gBAAgB,CAAC;CACxB,sCA0DA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,sBAAsB,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,sCAuCA"}
+{"version":3,"file":"SessionViewer.header.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAM3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAOpE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,sBAAsB,CAAC;IACjC,IAAI,EAAE,gBAAgB,CAAC;CACxB,sCA2DA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,sBAAsB,CAAC;IACjC,gBAAgB,EAAE,OAAO,CAAC;CAC3B,sCAwDA"}

package/dist/data/ai/SessionViewer.header.js

@@ -1,7 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ContextMeter } from "../chat/ContextMeter.js";
 import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
+import { Icon } from "../Icon.js";
+import { PERMISSION_MODE_ICONS } from "./agent-action-icons.js";
 import { costTotal, tokenTotal } from "./session-cost.js";
+import { sessionTone } from "./session-tones.js";
+import { SPEC_PERMISSION_MODES } from "./SpecRuntimeEditor.sandbox-model.js";
 function hasContextMeterMetadata(metadata) {
   return Boolean(metadata.context || metadata.sessionId || metadata.model);
 }
@@ -27,6 +31,7 @@ function SessionContextMeter({
       ...metadata.reasoningEffort ? { effort: metadata.reasoningEffort } : {},
       ...modelIcon ? { modelIcon } : {},
       ...metadata.provider ? {
+        provider: metadata.provider,
         modelIconClassName: providerIconColor(metadata.provider)
       } : {},
       ...metadata.usage ? {
@@ -70,8 +75,11 @@ function SessionMetadataBadges({
     ...!metadata.context && metadata.budget ? [{ key: "budget", label: budgetLabel(metadata.budget) }] : [],
     ...((_f = metadata.events) == null ? void 0 : _f.length) ? [{ key: "events", label: countLabel(metadata.events.length, "event") }] : []
   ];
+  const permissionMode = permissionModeBadge(metadata.permissionMode);
   const renderContextMeter = showContextMeter && hasContextMeterMetadata(metadata);
-  if (badges.length === 0 && !renderContextMeter) return null;
+  if (badges.length === 0 && !permissionMode && !renderContextMeter) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     badges.map((badge) => /* @__PURE__ */ jsx(
       "span",
@@ -82,9 +90,36 @@ function SessionMetadataBadges({
       },
       badge.key
     )),
+    permissionMode && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        title: `Permission mode: ${permissionMode.label}`,
+        className: "inline-flex max-w-40 items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground",
+        children: [
+          permissionMode.icon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: permissionMode.icon,
+              className: `size-3 shrink-0 ${sessionTone(permissionMode.tone).text}`
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: permissionMode.label })
+        ]
+      }
+    ),
     renderContextMeter ? /* @__PURE__ */ jsx(SessionContextMeter, { metadata, mode: "bar" }) : null
   ] });
 }
+function permissionModeBadge(mode) {
+  if (!mode) return void 0;
+  const posture = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);
+  const known = posture ? PERMISSION_MODE_ICONS[posture] : void 0;
+  return {
+    label: (known == null ? void 0 : known.label) ?? mode,
+    icon: known == null ? void 0 : known.icon,
+    tone: (known == null ? void 0 : known.tone) ?? "slate"
+  };
+}
 function countBadge(label, values) {
   const count = (values == null ? void 0 : values.length) ?? 0;
   if (!count) return null;

package/dist/data/ai/SessionViewer.header.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.header.js","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"sourcesContent":["import { ContextMeter, type ContextMeterMode } from \"../chat/ContextMeter\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { costTotal, tokenTotal } from \"./session-cost\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\n\nfunction hasContextMeterMetadata(metadata: SessionMetadataSummary) {\n  return Boolean(metadata.context || metadata.sessionId || metadata.model);\n}\n\nexport function SessionContextMeter({\n  metadata,\n  mode,\n}: {\n  metadata: SessionMetadataSummary;\n  mode: ContextMeterMode;\n}) {\n  if (!hasContextMeterMetadata(metadata)) return null;\n  const context = metadata.context;\n  const modelIcon = metadata.provider\n    ? providerIcon(metadata.provider)\n    : undefined;\n\n  return (\n    <ContextMeter\n      mode={mode}\n      usedPercent={context ? 100 - context.freePercent : 0}\n      {...(context\n        ? {\n            usedTokens: context.usedTokens,\n            windowTokens: context.windowTokens,\n          }\n        : {})}\n      {...(metadata.sessionId ? { sessionId: metadata.sessionId } : {})}\n      {...(metadata.executionMode\n        ? { executionMode: metadata.executionMode }\n        : {})}\n      {...(metadata.model ? { model: metadata.model } : {})}\n      {...(metadata.reasoningEffort\n        ? { effort: metadata.reasoningEffort }\n        : {})}\n      {...(modelIcon ? { modelIcon } : {})}\n      {...(metadata.provider\n        ? {\n            modelIconClassName: providerIconColor(metadata.provider),\n          }\n        : {})}\n      {...(metadata.usage\n        ? {\n            tokens: {\n              input: metadata.usage.inputTokens,\n              output: metadata.usage.outputTokens,\n              reasoning: metadata.usage.reasoningTokens,\n              cacheRead: metadata.usage.cacheReadTokens,\n              cacheWrite: metadata.usage.cacheWriteTokens,\n              total: tokenTotal(metadata.usage),\n            },\n          }\n        : {})}\n      {...(metadata.cost\n        ? {\n            cost: {\n              input: metadata.cost.inputCost,\n              output: metadata.cost.outputCost,\n              reasoning: metadata.cost.reasoningCost,\n              cacheRead: metadata.cost.cacheReadCost,\n              cacheWrite: metadata.cost.cacheWriteCost,\n              total: costTotal(metadata.cost),\n            },\n          }\n        : {})}\n      {...(metadata.budget ? { budget: metadata.budget } : {})}\n    />\n  );\n}\n\nexport function SessionMetadataBadges({\n  metadata,\n  showContextMeter,\n}: {\n  metadata: SessionMetadataSummary;\n  showContextMeter: boolean;\n}) {\n  const capabilityBadges = [\n    countBadge(\"tool\", metadata.capabilities?.tools),\n    countBadge(\"mcp\", metadata.capabilities?.pendingMcpServers),\n    countBadge(\"agent\", metadata.capabilities?.agents),\n    countBadge(\"skill\", metadata.capabilities?.skills),\n  ].filter(Boolean) as Array<{ key: string; label: string; title?: string }>;\n  const badges: Array<{ key: string; label: string; title?: string }> = [\n    ...(metadata.turns?.length\n      ? [{ key: \"turns\", label: countLabel(metadata.turns.length, \"turn\") }]\n      : []),\n    ...capabilityBadges,\n    ...(!metadata.context && metadata.budget\n      ? [{ key: \"budget\", label: budgetLabel(metadata.budget) }]\n      : []),\n    ...(metadata.events?.length\n      ? [{ key: \"events\", label: countLabel(metadata.events.length, \"event\") }]\n      : []),\n  ];\n  const renderContextMeter =\n    showContextMeter && hasContextMeterMetadata(metadata);\n  if (badges.length === 0 && !renderContextMeter) return null;\n\n  return (\n    <>\n      {badges.map((badge) => (\n        <span\n          key={badge.key}\n          title={badge.title}\n          className=\"inline-flex max-w-40 items-center rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          <span className=\"truncate\">{badge.label}</span>\n        </span>\n      ))}\n      {renderContextMeter ? (\n        <SessionContextMeter metadata={metadata} mode=\"bar\" />\n      ) : null}\n    </>\n  );\n}\n\nfunction countBadge(label: string, values: string[] | undefined) {\n  const count = values?.length ?? 0;\n  if (!count) return null;\n  return {\n    key: label,\n    label: countLabel(count, label),\n    title: values?.join(\", \"),\n  };\n}\n\nfunction countLabel(count: number, label: string) {\n  if (label === \"mcp\") return `${count} mcp`;\n  return `${count} ${label}${count === 1 ? \"\" : \"s\"}`;\n}\n\nfunction budgetLabel(budget: {\n  used?: number;\n  total?: number;\n  remaining?: number;\n}) {\n  if (budget.total !== undefined && budget.total > 0) {\n    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;\n  }\n  if (budget.remaining !== undefined)\n    return `budget ${formatUSD(budget.remaining)} left`;\n  if (budget.used !== undefined) return `budget ${formatUSD(budget.used)} used`;\n  return \"budget\";\n}\n\nfunction formatUSD(value: number) {\n  if (value < 1 || !Number.isInteger(value)) return `$${value.toFixed(2)}`;\n  return `$${value.toFixed(0)}`;\n}\n"],"names":[],"mappings":";;;;AAKA,SAAS,wBAAwB,UAAkC;AACjE,SAAO,QAAQ,SAAS,WAAW,SAAS,aAAa,SAAS,KAAK;AACzE;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,wBAAwB,QAAQ,EAAG,QAAO;AAC/C,QAAM,UAAU,SAAS;AACzB,QAAM,YAAY,SAAS,WACvB,aAAa,SAAS,QAAQ,IAC9B;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAa,UAAU,MAAM,QAAQ,cAAc;AAAA,MAClD,GAAI,UACD;AAAA,QACE,YAAY,QAAQ;AAAA,QACpB,cAAc,QAAQ;AAAA,MAAA,IAExB,CAAA;AAAA,MACH,GAAI,SAAS,YAAY,EAAE,WAAW,SAAS,UAAA,IAAc,CAAA;AAAA,MAC7D,GAAI,SAAS,gBACV,EAAE,eAAe,SAAS,cAAA,IAC1B,CAAA;AAAA,MACH,GAAI,SAAS,QAAQ,EAAE,OAAO,SAAS,MAAA,IAAU,CAAA;AAAA,MACjD,GAAI,SAAS,kBACV,EAAE,QAAQ,SAAS,gBAAA,IACnB,CAAA;AAAA,MACH,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,SAAS,WACV;AAAA,QACE,oBAAoB,kBAAkB,SAAS,QAAQ;AAAA,MAAA,IAEzD,CAAA;AAAA,MACH,GAAI,SAAS,QACV;AAAA,QACE,QAAQ;AAAA,UACN,OAAO,SAAS,MAAM;AAAA,UACtB,QAAQ,SAAS,MAAM;AAAA,UACvB,WAAW,SAAS,MAAM;AAAA,UAC1B,WAAW,SAAS,MAAM;AAAA,UAC1B,YAAY,SAAS,MAAM;AAAA,UAC3B,OAAO,WAAW,SAAS,KAAK;AAAA,QAAA;AAAA,MAClC,IAEF,CAAA;AAAA,MACH,GAAI,SAAS,OACV;AAAA,QACE,MAAM;AAAA,UACJ,OAAO,SAAS,KAAK;AAAA,UACrB,QAAQ,SAAS,KAAK;AAAA,UACtB,WAAW,SAAS,KAAK;AAAA,UACzB,WAAW,SAAS,KAAK;AAAA,UACzB,YAAY,SAAS,KAAK;AAAA,UAC1B,OAAO,UAAU,SAAS,IAAI;AAAA,QAAA;AAAA,MAChC,IAEF,CAAA;AAAA,MACH,GAAI,SAAS,SAAS,EAAE,QAAQ,SAAS,OAAA,IAAW,CAAA;AAAA,IAAC;AAAA,EAAA;AAG5D;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;;AACD,QAAM,mBAAmB;AAAA,IACvB,WAAW,SAAQ,cAAS,iBAAT,mBAAuB,KAAK;AAAA,IAC/C,WAAW,QAAO,cAAS,iBAAT,mBAAuB,iBAAiB;AAAA,IAC1D,WAAW,UAAS,cAAS,iBAAT,mBAAuB,MAAM;AAAA,IACjD,WAAW,UAAS,cAAS,iBAAT,mBAAuB,MAAM;AAAA,EAAA,EACjD,OAAO,OAAO;AAChB,QAAM,SAAgE;AAAA,IACpE,KAAI,cAAS,UAAT,mBAAgB,UAChB,CAAC,EAAE,KAAK,SAAS,OAAO,WAAW,SAAS,MAAM,QAAQ,MAAM,EAAA,CAAG,IACnE,CAAA;AAAA,IACJ,GAAG;AAAA,IACH,GAAI,CAAC,SAAS,WAAW,SAAS,SAC9B,CAAC,EAAE,KAAK,UAAU,OAAO,YAAY,SAAS,MAAM,EAAA,CAAG,IACvD,CAAA;AAAA,IACJ,KAAI,cAAS,WAAT,mBAAiB,UACjB,CAAC,EAAE,KAAK,UAAU,OAAO,WAAW,SAAS,OAAO,QAAQ,OAAO,EAAA,CAAG,IACtE,CAAA;AAAA,EAAC;AAEP,QAAM,qBACJ,oBAAoB,wBAAwB,QAAQ;AACtD,MAAI,OAAO,WAAW,KAAK,CAAC,mBAAoB,QAAO;AAEvD,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,UACX;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,OAAO,MAAM;AAAA,QACb,WAAU;AAAA,QAEV,UAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,gBAAM,MAAA,CAAM;AAAA,MAAA;AAAA,MAJnC,MAAM;AAAA,IAAA,CAMd;AAAA,IACA,qBACC,oBAAC,qBAAA,EAAoB,UAAoB,MAAK,OAAM,IAClD;AAAA,EAAA,GACN;AAEJ;AAEA,SAAS,WAAW,OAAe,QAA8B;AAC/D,QAAM,SAAQ,iCAAQ,WAAU;AAChC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,KAAK;AAAA,IACL,OAAO,WAAW,OAAO,KAAK;AAAA,IAC9B,OAAO,iCAAQ,KAAK;AAAA,EAAI;AAE5B;AAEA,SAAS,WAAW,OAAe,OAAe;AAChD,MAAI,UAAU,MAAO,QAAO,GAAG,KAAK;AACpC,SAAO,GAAG,KAAK,IAAI,KAAK,GAAG,UAAU,IAAI,KAAK,GAAG;AACnD;AAEA,SAAS,YAAY,QAIlB;AACD,MAAI,OAAO,UAAU,UAAa,OAAO,QAAQ,GAAG;AAClD,WAAO,UAAU,UAAU,OAAO,QAAQ,CAAC,CAAC,IAAI,UAAU,OAAO,KAAK,CAAC;AAAA,EACzE;AACA,MAAI,OAAO,cAAc;AACvB,WAAO,UAAU,UAAU,OAAO,SAAS,CAAC;AAC9C,MAAI,OAAO,SAAS,OAAW,QAAO,UAAU,UAAU,OAAO,IAAI,CAAC;AACtE,SAAO;AACT;AAEA,SAAS,UAAU,OAAe;AAChC,MAAI,QAAQ,KAAK,CAAC,OAAO,UAAU,KAAK,EAAG,QAAO,IAAI,MAAM,QAAQ,CAAC,CAAC;AACtE,SAAO,IAAI,MAAM,QAAQ,CAAC,CAAC;AAC7B;"}
+{"version":3,"file":"SessionViewer.header.js","sources":["../../../src/data/ai/SessionViewer.header.tsx"],"sourcesContent":["import { ContextMeter, type ContextMeterMode } from \"../chat/ContextMeter\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { Icon } from \"../Icon\";\nimport { PERMISSION_MODE_ICONS } from \"./agent-action-icons\";\nimport { costTotal, tokenTotal } from \"./session-cost\";\nimport { sessionTone } from \"./session-tones\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\nimport { SPEC_PERMISSION_MODES } from \"./SpecRuntimeEditor.model\";\n\nfunction hasContextMeterMetadata(metadata: SessionMetadataSummary) {\n  return Boolean(metadata.context || metadata.sessionId || metadata.model);\n}\n\nexport function SessionContextMeter({\n  metadata,\n  mode,\n}: {\n  metadata: SessionMetadataSummary;\n  mode: ContextMeterMode;\n}) {\n  if (!hasContextMeterMetadata(metadata)) return null;\n  const context = metadata.context;\n  const modelIcon = metadata.provider\n    ? providerIcon(metadata.provider)\n    : undefined;\n\n  return (\n    <ContextMeter\n      mode={mode}\n      usedPercent={context ? 100 - context.freePercent : 0}\n      {...(context\n        ? {\n            usedTokens: context.usedTokens,\n            windowTokens: context.windowTokens,\n          }\n        : {})}\n      {...(metadata.sessionId ? { sessionId: metadata.sessionId } : {})}\n      {...(metadata.executionMode\n        ? { executionMode: metadata.executionMode }\n        : {})}\n      {...(metadata.model ? { model: metadata.model } : {})}\n      {...(metadata.reasoningEffort\n        ? { effort: metadata.reasoningEffort }\n        : {})}\n      {...(modelIcon ? { modelIcon } : {})}\n      {...(metadata.provider\n        ? {\n            provider: metadata.provider,\n            modelIconClassName: providerIconColor(metadata.provider),\n          }\n        : {})}\n      {...(metadata.usage\n        ? {\n            tokens: {\n              input: metadata.usage.inputTokens,\n              output: metadata.usage.outputTokens,\n              reasoning: metadata.usage.reasoningTokens,\n              cacheRead: metadata.usage.cacheReadTokens,\n              cacheWrite: metadata.usage.cacheWriteTokens,\n              total: tokenTotal(metadata.usage),\n            },\n          }\n        : {})}\n      {...(metadata.cost\n        ? {\n            cost: {\n              input: metadata.cost.inputCost,\n              output: metadata.cost.outputCost,\n              reasoning: metadata.cost.reasoningCost,\n              cacheRead: metadata.cost.cacheReadCost,\n              cacheWrite: metadata.cost.cacheWriteCost,\n              total: costTotal(metadata.cost),\n            },\n          }\n        : {})}\n      {...(metadata.budget ? { budget: metadata.budget } : {})}\n    />\n  );\n}\n\nexport function SessionMetadataBadges({\n  metadata,\n  showContextMeter,\n}: {\n  metadata: SessionMetadataSummary;\n  showContextMeter: boolean;\n}) {\n  const capabilityBadges = [\n    countBadge(\"tool\", metadata.capabilities?.tools),\n    countBadge(\"mcp\", metadata.capabilities?.pendingMcpServers),\n    countBadge(\"agent\", metadata.capabilities?.agents),\n    countBadge(\"skill\", metadata.capabilities?.skills),\n  ].filter(Boolean) as Array<{ key: string; label: string; title?: string }>;\n  const badges: Array<{ key: string; label: string; title?: string }> = [\n    ...(metadata.turns?.length\n      ? [{ key: \"turns\", label: countLabel(metadata.turns.length, \"turn\") }]\n      : []),\n    ...capabilityBadges,\n    ...(!metadata.context && metadata.budget\n      ? [{ key: \"budget\", label: budgetLabel(metadata.budget) }]\n      : []),\n    ...(metadata.events?.length\n      ? [{ key: \"events\", label: countLabel(metadata.events.length, \"event\") }]\n      : []),\n  ];\n  const permissionMode = permissionModeBadge(metadata.permissionMode);\n  const renderContextMeter =\n    showContextMeter && hasContextMeterMetadata(metadata);\n  if (badges.length === 0 && !permissionMode && !renderContextMeter) {\n    return null;\n  }\n\n  return (\n    <>\n      {badges.map((badge) => (\n        <span\n          key={badge.key}\n          title={badge.title}\n          className=\"inline-flex max-w-40 items-center rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          <span className=\"truncate\">{badge.label}</span>\n        </span>\n      ))}\n      {permissionMode && (\n        <span\n          title={`Permission mode: ${permissionMode.label}`}\n          className=\"inline-flex max-w-40 items-center gap-1 rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n        >\n          {permissionMode.icon && (\n            <Icon\n              icon={permissionMode.icon}\n              className={`size-3 shrink-0 ${sessionTone(permissionMode.tone).text}`}\n            />\n          )}\n          <span className=\"truncate\">{permissionMode.label}</span>\n        </span>\n      )}\n      {renderContextMeter ? (\n        <SessionContextMeter metadata={metadata} mode=\"bar\" />\n      ) : null}\n    </>\n  );\n}\n\nfunction permissionModeBadge(mode: string | undefined) {\n  if (!mode) return undefined;\n  const posture = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);\n  const known = posture ? PERMISSION_MODE_ICONS[posture] : undefined;\n  return {\n    label: known?.label ?? mode,\n    icon: known?.icon,\n    tone: known?.tone ?? (\"slate\" as const),\n  };\n}\n\nfunction countBadge(label: string, values: string[] | undefined) {\n  const count = values?.length ?? 0;\n  if (!count) return null;\n  return {\n    key: label,\n    label: countLabel(count, label),\n    title: values?.join(\", \"),\n  };\n}\n\nfunction countLabel(count: number, label: string) {\n  if (label === \"mcp\") return `${count} mcp`;\n  return `${count} ${label}${count === 1 ? \"\" : \"s\"}`;\n}\n\nfunction budgetLabel(budget: {\n  used?: number;\n  total?: number;\n  remaining?: number;\n}) {\n  if (budget.total !== undefined && budget.total > 0) {\n    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;\n  }\n  if (budget.remaining !== undefined)\n    return `budget ${formatUSD(budget.remaining)} left`;\n  if (budget.used !== undefined) return `budget ${formatUSD(budget.used)} used`;\n  return \"budget\";\n}\n\nfunction formatUSD(value: number) {\n  if (value < 1 || !Number.isInteger(value)) return `$${value.toFixed(2)}`;\n  return `$${value.toFixed(0)}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.input.cjs

@@ -175,6 +175,7 @@ function questionFromValue(value, index) {
     text,
     ...optionalContext(value),
     multiSelect: booleanField(value, "multiSelect") || booleanField(value, "multi_select"),
+    ...booleanField(value, "isOther") || booleanField(value, "is_other") ? { isOther: true } : {},
     options: optionList(value.options)
   };
 }