@flanksource/clicky-ui 0.3.40 → 0.3.42

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

@@ -3,31 +3,24 @@ import { Icon } from "../Icon.js";
 import { effortLevelLabel } from "../chat/effort-icons.js";
 import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
 import { effortIcon } from "./agent-action-icons.js";
-import { tokenTotal, costTotal } from "./session-cost.js";
-import { runtimeDescriptor, durationLabel, formatDate } from "./SessionInspector.model.js";
+import { runtimeDescriptor, durationLabel } from "./SessionInspector.model.js";
 import { SessionContextMeter } from "./SessionViewer.header.js";
 import { getSessionMetadata } from "./SessionViewer.model.js";
-import { permissionModeVisual } from "./SpecRuntimeEditor/permission-mode-visuals.js";
+import { Markdown } from "../Markdown.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiTimer } from "../../icons/components/UiTimer.js";
-import { UiClock } from "../../icons/components/UiClock.js";
-import { UiServerProcess } from "../../icons/components/UiServerProcess.js";
-import { UiFingerprint } from "../../icons/components/UiFingerprint.js";
-import { UiCoins } from "../../icons/components/UiCoins.js";
-import { formatCost, compactTokens } from "../../lib/tokens.js";
-import { SPEC_PERMISSION_MODES } from "./SpecRuntimeEditor.sandbox-model.js";
-import { UiShield } from "../../icons/components/UiShield.js";
 function SessionInspectorHeader({
   session
 }) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const provider = runtimeDescriptor(session.modelMode);
   const providerId = session.provider || (provider == null ? void 0 : provider.family);
   const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;
   const providerColor = providerIconColor(providerId);
   const effortValue = (_a = session.reasoningEffort) == null ? void 0 : _a.trim();
   const effort = effortValue ? effortIcon(effortValue) : void 0;
-  const title = ((_b = session.title) == null ? void 0 : _b.trim()) || ((_c = session.initialPrompt) == null ? void 0 : _c.trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
+  const initialPrompt = (_b = session.initialPrompt) == null ? void 0 : _b.trim();
+  const title = ((_c = session.title) == null ? void 0 : _c.trim()) || ((_d = initialPrompt == null ? void 0 : initialPrompt.split(/\r?\n/, 1)[0]) == null ? void 0 : _d.replace(/^#{1,6}\s+/, "").trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
   const metadata = getSessionMetadata(session);
   const showMeter = Boolean(metadata == null ? void 0 : metadata.context);
   return /* @__PURE__ */ jsx("header", { className: "shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-density-3", children: [
@@ -50,158 +43,15 @@ function SessionInspectorHeader({
       /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: session.startedAt ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(Icon, { icon: UiTimer, size: "xs" }),
         durationLabel(session.startedAt, session.endedAt)
-      ] }) : null })
-    ] })
-  ] }) });
-}
-function SessionInspectorSidebar({
-  session
-}) {
-  var _a;
-  const runtime = runtimeDescriptor(session.modelMode);
-  const RuntimeIcon = (runtime == null ? void 0 : runtime.icon) ?? UiRobotAi;
-  const usage = session.usage ?? session.cost;
-  const tokens = tokenTotal(usage);
-  const cost = costTotal(session.cost);
-  return /* @__PURE__ */ jsxs("aside", { className: "border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0", children: [
-    /* @__PURE__ */ jsxs("section", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Session details" }),
-      /* @__PURE__ */ jsxs("dl", { className: "mt-density-3 space-y-density-3", children: [
-        /* @__PURE__ */ jsx(
-          DetailRow,
-          {
-            icon: UiClock,
-            label: "Started",
-            value: formatDate(session.startedAt)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DetailRow,
-          {
-            icon: UiRobotAi,
-            label: "Connection",
-            value: session.provider || session.source
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { "data-testid": "session-runtime-mode", children: /* @__PURE__ */ jsx(
-          DetailRow,
-          {
-            icon: RuntimeIcon,
-            label: "Mode",
-            value: (runtime == null ? void 0 : runtime.mode) || session.modelMode,
-            ...(runtime == null ? void 0 : runtime.title) ? { title: runtime.title } : {}
-          }
-        ) }),
-        session.permissionMode ? /* @__PURE__ */ jsx("div", { "data-testid": "session-permission-mode", children: /* @__PURE__ */ jsx(
-          PermissionModeRow,
-          {
-            family: session.source,
-            mode: session.permissionMode
-          }
-        ) }) : null,
-        /* @__PURE__ */ jsx(
-          DetailRow,
-          {
-            icon: UiServerProcess,
-            label: "PID",
-            value: (_a = session.live) == null ? void 0 : _a.pid
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DetailRow,
-          {
-            icon: UiFingerprint,
-            label: "Session ID",
-            value: session.id,
-            mono: true
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: "mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: UiCoins, size: "xs" }),
-        "Usage"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-density-3 grid grid-cols-2 gap-density-3", children: [
-        /* @__PURE__ */ jsx(
-          UsageMetric,
-          {
-            label: "Tokens",
-            value: tokens ? preciseTokens(tokens) : "-"
-          }
-        ),
-        /* @__PURE__ */ jsx(UsageMetric, { label: "Cost", value: cost ? formatCost(cost) : "-" }),
-        /* @__PURE__ */ jsx(
-          UsageMetric,
-          {
-            label: "Input",
-            value: (usage == null ? void 0 : usage.inputTokens) ? compactTokens(usage.inputTokens) : "-"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          UsageMetric,
-          {
-            label: "Output",
-            value: (usage == null ? void 0 : usage.outputTokens) ? compactTokens(usage.outputTokens) : "-"
-          }
-        )
+      ] }) : null }),
+      initialPrompt && /* @__PURE__ */ jsxs("details", { className: "mt-density-2 text-sm", children: [
+        /* @__PURE__ */ jsx("summary", { className: "w-fit cursor-pointer text-muted-foreground hover:text-foreground", children: "Initial prompt" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground", children: /* @__PURE__ */ jsx(Markdown, { text: initialPrompt }) })
       ] })
     ] })
-  ] });
-}
-function PermissionModeRow({
-  family,
-  mode
-}) {
-  const known = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);
-  const visual = known ? permissionModeVisual(family, known) : void 0;
-  return /* @__PURE__ */ jsx(
-    DetailRow,
-    {
-      icon: (visual == null ? void 0 : visual.icon) ?? UiShield,
-      label: "Permission mode",
-      value: (visual == null ? void 0 : visual.label) ?? mode
-    }
-  );
-}
-function DetailRow({
-  icon,
-  label,
-  value,
-  title,
-  mono = false
-}) {
-  if (value === void 0 || value === null || value === "") return null;
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2", children: [
-    /* @__PURE__ */ jsx(Icon, { icon, size: "xs", className: "mt-0.5 text-muted-foreground" }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx("dt", { className: "text-[11px] text-muted-foreground", children: label }),
-      /* @__PURE__ */ jsx(
-        "dd",
-        {
-          className: mono ? "truncate font-mono text-xs text-foreground" : "truncate text-sm text-foreground",
-          title,
-          children: value
-        }
-      )
-    ] })
-  ] });
-}
-function UsageMetric({ label, value }) {
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-sm font-semibold tabular-nums text-foreground", children: value })
-  ] });
-}
-function preciseTokens(value) {
-  if (value >= 1e3 && value < 1e4 && value % 1e3 !== 0) {
-    return `${(value / 1e3).toFixed(1)}k`;
-  }
-  return compactTokens(value);
+  ] }) });
 }
 export {
-  SessionInspectorHeader,
-  SessionInspectorSidebar
+  SessionInspectorHeader
 };
 //# sourceMappingURL=SessionInspector.summary.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.summary.js","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  UiClock,\n  UiCoins,\n  UiFingerprint,\n  UiRobotAi,\n  UiServerProcess,\n  UiShield,\n  UiTimer,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport {\n  durationLabel,\n  formatDate,\n  runtimeDescriptor,\n} from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\nimport { SPEC_PERMISSION_MODES } from \"./SpecRuntimeEditor.model\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const title =\n    session.title?.trim() ||\n    session.initialPrompt?.trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n\nexport function SessionInspectorSidebar({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const runtime = runtimeDescriptor(session.modelMode);\n  const RuntimeIcon = runtime?.icon ?? UiRobotAi;\n  const usage = session.usage ?? session.cost;\n  const tokens = tokenTotal(usage);\n  const cost = costTotal(session.cost);\n\n  return (\n    <aside className=\"border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0\">\n      <section>\n        <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Session details\n        </h3>\n        <dl className=\"mt-density-3 space-y-density-3\">\n          <DetailRow\n            icon={UiClock}\n            label=\"Started\"\n            value={formatDate(session.startedAt)}\n          />\n          <DetailRow\n            icon={UiRobotAi}\n            label=\"Connection\"\n            value={session.provider || session.source}\n          />\n          <div data-testid=\"session-runtime-mode\">\n            <DetailRow\n              icon={RuntimeIcon}\n              label=\"Mode\"\n              value={runtime?.mode || session.modelMode}\n              {...(runtime?.title ? { title: runtime.title } : {})}\n            />\n          </div>\n          {session.permissionMode ? (\n            <div data-testid=\"session-permission-mode\">\n              <PermissionModeRow\n                family={session.source}\n                mode={session.permissionMode}\n              />\n            </div>\n          ) : null}\n          <DetailRow\n            icon={UiServerProcess}\n            label=\"PID\"\n            value={session.live?.pid}\n          />\n          <DetailRow\n            icon={UiFingerprint}\n            label=\"Session ID\"\n            value={session.id}\n            mono\n          />\n        </dl>\n      </section>\n\n      <section className=\"mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm\">\n        <div className=\"flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <Icon icon={UiCoins} size=\"xs\" />\n          Usage\n        </div>\n        <div className=\"mt-density-3 grid grid-cols-2 gap-density-3\">\n          <UsageMetric\n            label=\"Tokens\"\n            value={tokens ? preciseTokens(tokens) : \"-\"}\n          />\n          <UsageMetric label=\"Cost\" value={cost ? formatCost(cost) : \"-\"} />\n          <UsageMetric\n            label=\"Input\"\n            value={usage?.inputTokens ? compactTokens(usage.inputTokens) : \"-\"}\n          />\n          <UsageMetric\n            label=\"Output\"\n            value={\n              usage?.outputTokens ? compactTokens(usage.outputTokens) : \"-\"\n            }\n          />\n        </div>\n      </section>\n    </aside>\n  );\n}\n\nfunction PermissionModeRow({\n  family,\n  mode,\n}: {\n  family: string | undefined;\n  mode: string;\n}) {\n  const known = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);\n  const visual = known ? permissionModeVisual(family, known) : undefined;\n  return (\n    <DetailRow\n      icon={visual?.icon ?? UiShield}\n      label=\"Permission mode\"\n      value={visual?.label ?? mode}\n    />\n  );\n}\n\nfunction DetailRow({\n  icon,\n  label,\n  value,\n  title,\n  mono = false,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  value: ReactNode;\n  title?: string;\n  mono?: boolean;\n}) {\n  if (value === undefined || value === null || value === \"\") return null;\n  return (\n    <div className=\"grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2\">\n      <Icon icon={icon} size=\"xs\" className=\"mt-0.5 text-muted-foreground\" />\n      <div className=\"min-w-0\">\n        <dt className=\"text-[11px] text-muted-foreground\">{label}</dt>\n        <dd\n          className={\n            mono\n              ? \"truncate font-mono text-xs text-foreground\"\n              : \"truncate text-sm text-foreground\"\n          }\n          title={title}\n        >\n          {value}\n        </dd>\n      </div>\n    </div>\n  );\n}\n\nfunction UsageMetric({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div>\n      <div className=\"text-[11px] text-muted-foreground\">{label}</div>\n      <div className=\"mt-0.5 text-sm font-semibold tabular-nums text-foreground\">\n        {value}\n      </div>\n    </div>\n  );\n}\n\nfunction preciseTokens(value: number) {\n  if (value >= 1_000 && value < 10_000 && value % 1_000 !== 0) {\n    return `${(value / 1_000).toFixed(1)}k`;\n  }\n  return compactTokens(value);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.summary.js","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import { UiRobotAi, UiTimer } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport { durationLabel, runtimeDescriptor } from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\nimport { Markdown } from \"../Markdown\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const initialPrompt = session.initialPrompt?.trim();\n  const title =\n    session.title?.trim() ||\n    initialPrompt?.split(/\\r?\\n/, 1)[0]?.replace(/^#{1,6}\\s+/, \"\").trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n          {initialPrompt && (\n            <details className=\"mt-density-2 text-sm\">\n              <summary className=\"w-fit cursor-pointer text-muted-foreground hover:text-foreground\">Initial prompt</summary>\n              <div className=\"mt-density-2 max-h-64 overflow-y-auto rounded-lg border border-border bg-background px-density-3 py-density-2 text-foreground\">\n                <Markdown text={initialPrompt} />\n              </div>\n            </details>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAW,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAe,aAAa,UAAU,KAAK;AACjD,QAAM,gBAAgB,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAc,WAAW,WAAW,IAAI;AACvD,QAAM,iBAAgB,aAAQ,kBAAR,mBAAuB;AAC7C,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,oDAAe,MAAM,SAAS,GAAG,OAAjC,mBAAqC,QAAQ,cAAc,IAAI,WAC/D,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAW,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,6BACG,UAAA,EAAO,WAAU,yEAChB,UAAA,qBAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZ,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,oBAAC,qBAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEA,oBAAC,QAAA,EAAK,WAAU,0IACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACC,qBAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,6BAAU,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjD,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACA,oBAAC,SAAI,WAAU,0FACZ,kBAAQ,YACP,qBAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,MAAK,MAAK;AAAA,QAC9B,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,MACN;AAAA,MACC,iBACC,qBAAC,WAAA,EAAQ,WAAU,wBACjB,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAQ,WAAU,oEAAmE,UAAA,kBAAc;AAAA,QACpG,oBAAC,SAAI,WAAU,iIACb,8BAAC,UAAA,EAAS,MAAM,eAAe,EAAA,CACjC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/data/ai/SessionInspector.tab-state.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useInspectorTab(defaultTab, outputVisible, controlledTab, onTabChange) {
+  const [localTab, setLocalTab] = react.useState(defaultTab);
+  const requested = controlledTab ?? localTab;
+  const tab = requested === "output" && !outputVisible ? "transcript" : requested;
+  const selectTab = (next) => {
+    setLocalTab(next);
+    onTabChange == null ? void 0 : onTabChange(next);
+  };
+  return [tab, selectTab];
+}
+exports.useInspectorTab = useInspectorTab;
+//# sourceMappingURL=SessionInspector.tab-state.cjs.map

package/dist/data/ai/SessionInspector.tab-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tab-state.cjs","sources":["../../../src/data/ai/SessionInspector.tab-state.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\n// useInspectorTab owns the active tab unless the host controls it. The output\n// fallback is derived rather than written back, so a controlled \"output\" tab\n// on a session without structured output shows the transcript without a loop.\nexport function useInspectorTab(\n  defaultTab: SessionInspectorTab,\n  outputVisible: boolean,\n  controlledTab: SessionInspectorTab | undefined,\n  onTabChange: ((tab: SessionInspectorTab) => void) | undefined,\n) {\n  const [localTab, setLocalTab] = useState(defaultTab);\n  const requested = controlledTab ?? localTab;\n  const tab: SessionInspectorTab =\n    requested === \"output\" && !outputVisible ? \"transcript\" : requested;\n  const selectTab = (next: SessionInspectorTab) => {\n    setLocalTab(next);\n    onTabChange?.(next);\n  };\n  return [tab, selectTab] as const;\n}\n"],"names":["useState"],"mappings":";;;AAMO,SAAS,gBACd,YACA,eACA,eACA,aACA;AACA,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,UAAU;AACnD,QAAM,YAAY,iBAAiB;AACnC,QAAM,MACJ,cAAc,YAAY,CAAC,gBAAgB,eAAe;AAC5D,QAAM,YAAY,CAAC,SAA8B;AAC/C,gBAAY,IAAI;AAChB,+CAAc;AAAA,EAChB;AACA,SAAO,CAAC,KAAK,SAAS;AACxB;;"}

package/dist/data/ai/SessionInspector.tab-state.d.ts

@@ -0,0 +1,3 @@
+import { SessionInspectorTab } from './SessionInspector.tabs.model.js';
+export declare function useInspectorTab(defaultTab: SessionInspectorTab, outputVisible: boolean, controlledTab: SessionInspectorTab | undefined, onTabChange: ((tab: SessionInspectorTab) => void) | undefined): readonly [SessionInspectorTab, (next: SessionInspectorTab) => void];
+//# sourceMappingURL=SessionInspector.tab-state.d.ts.map

package/dist/data/ai/SessionInspector.tab-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tab-state.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tab-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAKzE,wBAAgB,eAAe,CAC7B,UAAU,EAAE,mBAAmB,EAC/B,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,mBAAmB,GAAG,SAAS,EAC9C,WAAW,EAAE,CAAC,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC,GAAG,SAAS,yCAMpC,mBAAmB,WAK7C"}

package/dist/data/ai/SessionInspector.tab-state.js

@@ -0,0 +1,15 @@
+import { useState } from "react";
+function useInspectorTab(defaultTab, outputVisible, controlledTab, onTabChange) {
+  const [localTab, setLocalTab] = useState(defaultTab);
+  const requested = controlledTab ?? localTab;
+  const tab = requested === "output" && !outputVisible ? "transcript" : requested;
+  const selectTab = (next) => {
+    setLocalTab(next);
+    onTabChange == null ? void 0 : onTabChange(next);
+  };
+  return [tab, selectTab];
+}
+export {
+  useInspectorTab
+};
+//# sourceMappingURL=SessionInspector.tab-state.js.map

package/dist/data/ai/SessionInspector.tab-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tab-state.js","sources":["../../../src/data/ai/SessionInspector.tab-state.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\n// useInspectorTab owns the active tab unless the host controls it. The output\n// fallback is derived rather than written back, so a controlled \"output\" tab\n// on a session without structured output shows the transcript without a loop.\nexport function useInspectorTab(\n  defaultTab: SessionInspectorTab,\n  outputVisible: boolean,\n  controlledTab: SessionInspectorTab | undefined,\n  onTabChange: ((tab: SessionInspectorTab) => void) | undefined,\n) {\n  const [localTab, setLocalTab] = useState(defaultTab);\n  const requested = controlledTab ?? localTab;\n  const tab: SessionInspectorTab =\n    requested === \"output\" && !outputVisible ? \"transcript\" : requested;\n  const selectTab = (next: SessionInspectorTab) => {\n    setLocalTab(next);\n    onTabChange?.(next);\n  };\n  return [tab, selectTab] as const;\n}\n"],"names":[],"mappings":";AAMO,SAAS,gBACd,YACA,eACA,eACA,aACA;AACA,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,UAAU;AACnD,QAAM,YAAY,iBAAiB;AACnC,QAAM,MACJ,cAAc,YAAY,CAAC,gBAAgB,eAAe;AAC5D,QAAM,YAAY,CAAC,SAA8B;AAC/C,gBAAY,IAAI;AAChB,+CAAc;AAAA,EAChB;AACA,SAAO,CAAC,KAAK,SAAS;AACxB;"}

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

@@ -4,9 +4,9 @@ const SessionInspector_approvalsModel = require("./SessionInspector.approvals-mo
 const sessionCost = require("./session-cost.cjs");
 const UiChatDots = require("../../icons/components/UiChatDots.cjs");
 const UiJson = require("../../icons/components/UiJson.cjs");
+const UiSealCheck = require("../../icons/components/UiSealCheck.cjs");
 const UiFileText = require("../../icons/components/UiFileText.cjs");
 const UiStrategy = require("../../icons/components/UiStrategy.cjs");
-const UiSealCheck = require("../../icons/components/UiSealCheck.cjs");
 const UiCoins = require("../../icons/components/UiCoins.cjs");
 const UiListDashes = require("../../icons/components/UiListDashes.cjs");
 const UiBraces = require("../../icons/components/UiBraces.cjs");
@@ -14,6 +14,7 @@ const tokens = require("../../lib/tokens.cjs");
 const TABS = [
   { id: "transcript", label: "Transcript", icon: UiChatDots.UiChatDots },
   { id: "output", label: "Output", icon: UiJson.UiJson },
+  { id: "verification", label: "Verification", icon: UiSealCheck.UiSealCheck },
   { id: "files", label: "Files", icon: UiFileText.UiFileText },
   { id: "plan", label: "Plan", icon: UiStrategy.UiStrategy },
   { id: "approvals", label: "Approvals", icon: UiSealCheck.UiSealCheck },
@@ -21,39 +22,50 @@ const TABS = [
   { id: "metadata", label: "Metadata", icon: UiListDashes.UiListDashes },
   { id: "raw", label: "Raw", icon: UiBraces.UiBraces }
 ];
+function isSessionInspectorTab(value) {
+  return TABS.some((item) => item.id === value);
+}
 function inspectorTabs(outputVisible, current, filtered) {
-  return TABS.filter((item) => item.id !== "output" || outputVisible).map(
+  return TABS.filter(
     (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 } : {}
-      };
+      var _a, _b;
+      return (item.id !== "output" || outputVisible) && (item.id !== "verification" || (((_a = filtered == null ? void 0 : filtered.verifications) == null ? void 0 : _a.length) ?? ((_b = current == null ? void 0 : current.verifications) == null ? void 0 : _b.length) ?? 0) > 0);
     }
-  );
+  ).map((item) => {
+    const badge = tabBadge(
+      item.id,
+      item.id === "verification" ? filtered ?? current : 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;
+  var _a, _b, _c, _d, _e, _f, _g;
   switch (tab) {
+    case "verification":
+      return { count: ((_a = session == null ? void 0 : session.verifications) == null ? void 0 : _a.length) ?? 0 };
     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)
+        count: (((_c = (_b = session == null ? void 0 : session.files) == null ? void 0 : _b.read) == null ? void 0 : _c.length) ?? 0) + (((_e = (_d = session == null ? void 0 : session.files) == null ? void 0 : _d.written) == null ? void 0 : _e.length) ?? 0)
       };
     case "approvals": {
       const pending = SessionInspector_approvalsModel.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)
+        count: (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.approved) ?? 0) + (((_g = session == null ? void 0 : session.approvals) == null ? void 0 : _g.denied) ?? 0)
       };
     }
     default:
@@ -67,4 +79,5 @@ function tabLabel(tab, label, session) {
 }
 exports.hasStructuredOutput = hasStructuredOutput;
 exports.inspectorTabs = inspectorTabs;
+exports.isSessionInspectorTab = isSessionInspectorTab;
 //# sourceMappingURL=SessionInspector.tabs.model.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.tabs.model.cjs","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":["UiChatDots","UiJson","UiFileText","UiStrategy","UiSealCheck","UiCoins","UiListDashes","UiBraces","pendingApprovalRequests","costTotal","formatCost"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,cAAc,OAAO,cAAc,MAAMA,WAAAA,WAAA;AAAA,EAC/C,EAAE,IAAI,UAAU,OAAO,UAAU,MAAMC,OAAAA,OAAA;AAAA,EACvC,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,WAAAA,WAAA;AAAA,EACrC,EAAE,IAAI,QAAQ,OAAO,QAAQ,MAAMC,WAAAA,WAAA;AAAA,EACnC,EAAE,IAAI,aAAa,OAAO,aAAa,MAAMC,YAAAA,YAAA;AAAA,EAC7C,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,QAAAA,QAAA;AAAA,EACrC,EAAE,IAAI,YAAY,OAAO,YAAY,MAAMC,aAAAA,aAAA;AAAA,EAC3C,EAAE,IAAI,OAAO,OAAO,OAAO,MAAMC,SAAAA,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,UAAUC,gCAAAA,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,QAAQC,YAAAA,UAAU,mCAAS,IAAI;AACrC,SAAO,QAAQ,GAAG,KAAK,IAAIC,OAAAA,WAAW,KAAK,CAAC,KAAK;AACnD;;;"}
+{"version":3,"file":"SessionInspector.tabs.model.cjs","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  | \"verification\"\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: \"verification\", label: \"Verification\", icon: UiSealCheck },\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\n/** Narrows untrusted input (e.g. a URL param) to a known inspector tab. */\nexport function isSessionInspectorTab(\n  value: string,\n): value is SessionInspectorTab {\n  return TABS.some((item) => item.id === value);\n}\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(\n    (item) =>\n      (item.id !== \"output\" || outputVisible) &&\n      (item.id !== \"verification\" ||\n        (filtered?.verifications?.length ??\n          current?.verifications?.length ??\n          0) > 0),\n  ).map((item) => {\n    const badge = tabBadge(\n      item.id,\n      item.id === \"verification\" ? (filtered ?? current) : current,\n    );\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\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 \"verification\":\n      return { count: session?.verifications?.length ?? 0 };\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":["UiChatDots","UiJson","UiSealCheck","UiFileText","UiStrategy","UiCoins","UiListDashes","UiBraces","pendingApprovalRequests","costTotal","formatCost"],"mappings":";;;;;;;;;;;;;AA0BA,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,cAAc,OAAO,cAAc,MAAMA,WAAAA,WAAA;AAAA,EAC/C,EAAE,IAAI,UAAU,OAAO,UAAU,MAAMC,OAAAA,OAAA;AAAA,EACvC,EAAE,IAAI,gBAAgB,OAAO,gBAAgB,MAAMC,YAAAA,YAAA;AAAA,EACnD,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,WAAAA,WAAA;AAAA,EACrC,EAAE,IAAI,QAAQ,OAAO,QAAQ,MAAMC,WAAAA,WAAA;AAAA,EACnC,EAAE,IAAI,aAAa,OAAO,aAAa,MAAMF,YAAAA,YAAA;AAAA,EAC7C,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMG,QAAAA,QAAA;AAAA,EACrC,EAAE,IAAI,YAAY,OAAO,YAAY,MAAMC,aAAAA,aAAA;AAAA,EAC3C,EAAE,IAAI,OAAO,OAAO,OAAO,MAAMC,SAAAA,SAAA;AACnC;AAGO,SAAS,sBACd,OAC8B;AAC9B,SAAO,KAAK,KAAK,CAAC,SAAS,KAAK,OAAO,KAAK;AAC9C;AAMO,SAAS,cACd,eACA,SACA,UACoB;AACpB,SAAO,KAAK;AAAA,IACV,CAAC,SAAA;;AACE,mBAAK,OAAO,YAAY,mBACxB,KAAK,OAAO,qBACV,0CAAU,kBAAV,mBAAyB,aACxB,wCAAS,kBAAT,mBAAwB,WACxB,KAAK;AAAA;AAAA,EAAA,EACX,IAAI,CAAC,SAAS;AACd,UAAM,QAAQ;AAAA,MACZ,KAAK;AAAA,MACL,KAAK,OAAO,iBAAkB,YAAY,UAAW;AAAA,IAAA;AAEvD,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,OAAO,UAAU,WAAW;AAAA,MAAA;AAAA,MAEnC,MAAM,KAAK;AAAA,MACX,GAAI,MAAM,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,MAAM,MAAA;AAAA,MACpD,GAAI,MAAM,QAAQ,EAAE,YAAY,MAAM,MAAA,IAAU,CAAA;AAAA,IAAC;AAAA,EAErD,CAAC;AACH;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,EAAE,SAAO,wCAAS,kBAAT,mBAAwB,WAAU,EAAA;AAAA,IACpD,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,UAAUC,gCAAAA,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,QAAQC,YAAAA,UAAU,mCAAS,IAAI;AACrC,SAAO,QAAQ,GAAG,KAAK,IAAIC,OAAAA,WAAW,KAAK,CAAC,KAAK;AACnD;;;;"}

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

@@ -1,6 +1,8 @@
 import { CompactSessionTab } from './SessionInspector.compact.js';
 import { UnifiedSessionInput } from './SessionViewer.unified.js';
-export type SessionInspectorTab = "transcript" | "output" | "files" | "plan" | "approvals" | "costs" | "metadata" | "raw";
+export type SessionInspectorTab = "transcript" | "output" | "verification" | "files" | "plan" | "approvals" | "costs" | "metadata" | "raw";
+/** Narrows untrusted input (e.g. a URL param) to a known inspector tab. */
+export declare function isSessionInspectorTab(value: string): value is SessionInspectorTab;
 export type InspectorTabItem = CompactSessionTab & {
     id: SessionInspectorTab;
 };

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

@@ -1 +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"}
+{"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,cAAc,GACd,OAAO,GACP,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,KAAK,CAAC;AAcV,2EAA2E;AAC3E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GACZ,KAAK,IAAI,mBAAmB,CAE9B;AAED,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,CAyBpB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,mBAAmB,WAIhE"}

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

@@ -2,9 +2,9 @@ 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 { UiSealCheck } from "../../icons/components/UiSealCheck.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";
@@ -12,6 +12,7 @@ import { formatCost } from "../../lib/tokens.js";
 const TABS = [
   { id: "transcript", label: "Transcript", icon: UiChatDots },
   { id: "output", label: "Output", icon: UiJson },
+  { id: "verification", label: "Verification", icon: UiSealCheck },
   { id: "files", label: "Files", icon: UiFileText },
   { id: "plan", label: "Plan", icon: UiStrategy },
   { id: "approvals", label: "Approvals", icon: UiSealCheck },
@@ -19,39 +20,50 @@ const TABS = [
   { id: "metadata", label: "Metadata", icon: UiListDashes },
   { id: "raw", label: "Raw", icon: UiBraces }
 ];
+function isSessionInspectorTab(value) {
+  return TABS.some((item) => item.id === value);
+}
 function inspectorTabs(outputVisible, current, filtered) {
-  return TABS.filter((item) => item.id !== "output" || outputVisible).map(
+  return TABS.filter(
     (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 } : {}
-      };
+      var _a, _b;
+      return (item.id !== "output" || outputVisible) && (item.id !== "verification" || (((_a = filtered == null ? void 0 : filtered.verifications) == null ? void 0 : _a.length) ?? ((_b = current == null ? void 0 : current.verifications) == null ? void 0 : _b.length) ?? 0) > 0);
     }
-  );
+  ).map((item) => {
+    const badge = tabBadge(
+      item.id,
+      item.id === "verification" ? filtered ?? current : 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;
+  var _a, _b, _c, _d, _e, _f, _g;
   switch (tab) {
+    case "verification":
+      return { count: ((_a = session == null ? void 0 : session.verifications) == null ? void 0 : _a.length) ?? 0 };
     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)
+        count: (((_c = (_b = session == null ? void 0 : session.files) == null ? void 0 : _b.read) == null ? void 0 : _c.length) ?? 0) + (((_e = (_d = session == null ? void 0 : session.files) == null ? void 0 : _d.written) == null ? void 0 : _e.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)
+        count: (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.approved) ?? 0) + (((_g = session == null ? void 0 : session.approvals) == null ? void 0 : _g.denied) ?? 0)
       };
     }
     default:
@@ -65,6 +77,7 @@ function tabLabel(tab, label, session) {
 }
 export {
   hasStructuredOutput,
-  inspectorTabs
+  inspectorTabs,
+  isSessionInspectorTab
 };
 //# sourceMappingURL=SessionInspector.tabs.model.js.map

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

@@ -1 +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;"}
+{"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  | \"verification\"\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: \"verification\", label: \"Verification\", icon: UiSealCheck },\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\n/** Narrows untrusted input (e.g. a URL param) to a known inspector tab. */\nexport function isSessionInspectorTab(\n  value: string,\n): value is SessionInspectorTab {\n  return TABS.some((item) => item.id === value);\n}\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(\n    (item) =>\n      (item.id !== \"output\" || outputVisible) &&\n      (item.id !== \"verification\" ||\n        (filtered?.verifications?.length ??\n          current?.verifications?.length ??\n          0) > 0),\n  ).map((item) => {\n    const badge = tabBadge(\n      item.id,\n      item.id === \"verification\" ? (filtered ?? current) : current,\n    );\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\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 \"verification\":\n      return { count: session?.verifications?.length ?? 0 };\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":";;;;;;;;;;;AA0BA,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,gBAAgB,OAAO,gBAAgB,MAAM,YAAA;AAAA,EACnD,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;AAGO,SAAS,sBACd,OAC8B;AAC9B,SAAO,KAAK,KAAK,CAAC,SAAS,KAAK,OAAO,KAAK;AAC9C;AAMO,SAAS,cACd,eACA,SACA,UACoB;AACpB,SAAO,KAAK;AAAA,IACV,CAAC,SAAA;;AACE,mBAAK,OAAO,YAAY,mBACxB,KAAK,OAAO,qBACV,0CAAU,kBAAV,mBAAyB,aACxB,wCAAS,kBAAT,mBAAwB,WACxB,KAAK;AAAA;AAAA,EAAA,EACX,IAAI,CAAC,SAAS;AACd,UAAM,QAAQ;AAAA,MACZ,KAAK;AAAA,MACL,KAAK,OAAO,iBAAkB,YAAY,UAAW;AAAA,IAAA;AAEvD,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK,OAAO,UAAU,WAAW;AAAA,MAAA;AAAA,MAEnC,MAAM,KAAK;AAAA,MACX,GAAI,MAAM,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,MAAM,MAAA;AAAA,MACpD,GAAI,MAAM,QAAQ,EAAE,YAAY,MAAM,MAAA,IAAU,CAAA;AAAA,IAAC;AAAA,EAErD,CAAC;AACH;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,EAAE,SAAO,wCAAS,kBAAT,mBAAwB,WAAU,EAAA;AAAA,IACpD,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/SessionInspector.transcript.cjs

@@ -36,12 +36,16 @@ function SessionTranscript({
     [turnBadges]
   );
   const viewerClassName = utils.cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  const scrollResetKey = session.id ?? (viewerProps == null ? void 0 : viewerProps.scrollResetKey);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(
     SessionViewer.SessionViewer,
     {
       session,
       scrollable: true,
       ...viewerProps,
+      windowSize: (viewerProps == null ? void 0 : viewerProps.windowSize) ?? 10,
+      batchSize: (viewerProps == null ? void 0 : viewerProps.batchSize) ?? 10,
+      ...scrollResetKey !== void 0 ? { scrollResetKey } : {},
       className: viewerClassName,
       showHeader: false,
       showContextMeter: false,