@flanksource/clicky-ui 0.3.15 → 0.3.17

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const SessionInspector_model = require("./SessionInspector.model.cjs");
+const SessionViewer = require("./SessionViewer.cjs");
+const TURN_COLOR_CLASS = {
+  sky: "border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300",
+  violet: "border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300",
+  emerald: "border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300",
+  orange: "border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300",
+  rose: "border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300",
+  indigo: "border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300",
+  teal: "border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300",
+  fuchsia: "border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300"
+};
+function SessionTranscript({
+  session,
+  viewerProps
+}) {
+  const turns = session.turns ?? [];
+  const palette = react.useMemo(
+    () => SessionInspector_model.createTurnPalette(
+      session.id,
+      turns.map((turn) => turn.id)
+    ),
+    [session.id, turns]
+  );
+  const turnBadges = react.useMemo(
+    () => buildTurnBadges(turns, palette),
+    [palette, turns]
+  );
+  const turnBadgeById = react.useMemo(
+    () => new Map(turnBadges.map((badge) => [badge.id, badge])),
+    [turnBadges]
+  );
+  const viewerClassName = utils.cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(
+    SessionViewer.SessionViewer,
+    {
+      session,
+      scrollable: true,
+      ...viewerProps,
+      className: viewerClassName,
+      showHeader: false,
+      showContextMeter: false,
+      showRowMetadata: false,
+      renderMessageBadge: (event) => {
+        const badge = event.turnId ? turnBadgeById.get(event.turnId) : void 0;
+        return badge ? /* @__PURE__ */ jsxRuntime.jsx(TranscriptTurnBadge, { badge, placement: "message" }) : null;
+      },
+      headerActions: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        viewerProps == null ? void 0 : viewerProps.headerActions,
+        /* @__PURE__ */ jsxRuntime.jsx(TurnBadgeLegend, { badges: turnBadges })
+      ] })
+    }
+  ) });
+}
+function buildTurnBadges(turns, palette) {
+  return turns.map((turn) => {
+    const color = palette[turn.id] ?? "sky";
+    return {
+      id: turn.id,
+      label: SessionInspector_model.shortSessionId(turn.id),
+      color,
+      className: TURN_COLOR_CLASS[color]
+    };
+  });
+}
+function TurnBadgeLegend({ badges }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-w-full flex-wrap gap-1", "aria-label": "Turn colors", children: badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx(TranscriptTurnBadge, { badge, placement: "legend" }, badge.id)) });
+}
+function TranscriptTurnBadge({
+  badge,
+  placement
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-testid": placement === "legend" ? "transcript-turn-badge" : "message-turn-badge",
+      "data-turn-color": badge.color,
+      title: `Turn ${badge.id}`,
+      className: utils.cn(
+        "inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none",
+        placement === "message" && "mt-1",
+        badge.className
+      ),
+      children: badge.label
+    }
+  );
+}
+exports.SessionTranscript = SessionTranscript;
+//# sourceMappingURL=SessionInspector.transcript.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.transcript.cjs","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":["useMemo","createTurnPalette","cn","jsx","SessionViewer","jsxs","Fragment","shortSessionId"],"mappings":";;;;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAUA,MAAAA;AAAAA,IACd,MACEC,uBAAAA;AAAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAaD,MAAAA;AAAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgBA,MAAAA;AAAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkBE,MAAAA,GAAG,kBAAkB,2CAAa,SAAS;AAEnE,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,UAAAA,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACLD,2BAAAA,IAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACEE,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACdH,2BAAAA,IAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAOI,uBAAAA,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,wCACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACXJ,2BAAAA,IAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAWD,MAAAA;AAAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;;"}

package/dist/data/ai/SessionInspector.transcript.d.ts

@@ -0,0 +1,7 @@
+import { SessionViewerProps } from './SessionViewer';
+import { UnifiedSessionInput } from './SessionViewer.unified';
+export declare function SessionTranscript({ session, viewerProps, }: {
+    session: UnifiedSessionInput;
+    viewerProps?: Omit<SessionViewerProps, "session">;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionInspector.transcript.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.transcript.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAyBhF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;CACnD,2CA+CA"}

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

@@ -0,0 +1,94 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../../lib/utils.js";
+import { createTurnPalette, shortSessionId } from "./SessionInspector.model.js";
+import { SessionViewer } from "./SessionViewer.js";
+const TURN_COLOR_CLASS = {
+  sky: "border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300",
+  violet: "border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300",
+  emerald: "border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300",
+  orange: "border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300",
+  rose: "border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300",
+  indigo: "border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300",
+  teal: "border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300",
+  fuchsia: "border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300"
+};
+function SessionTranscript({
+  session,
+  viewerProps
+}) {
+  const turns = session.turns ?? [];
+  const palette = useMemo(
+    () => createTurnPalette(
+      session.id,
+      turns.map((turn) => turn.id)
+    ),
+    [session.id, turns]
+  );
+  const turnBadges = useMemo(
+    () => buildTurnBadges(turns, palette),
+    [palette, turns]
+  );
+  const turnBadgeById = useMemo(
+    () => new Map(turnBadges.map((badge) => [badge.id, badge])),
+    [turnBadges]
+  );
+  const viewerClassName = cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsx(
+    SessionViewer,
+    {
+      session,
+      scrollable: true,
+      ...viewerProps,
+      className: viewerClassName,
+      showHeader: false,
+      showContextMeter: false,
+      showRowMetadata: false,
+      renderMessageBadge: (event) => {
+        const badge = event.turnId ? turnBadgeById.get(event.turnId) : void 0;
+        return badge ? /* @__PURE__ */ jsx(TranscriptTurnBadge, { badge, placement: "message" }) : null;
+      },
+      headerActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        viewerProps == null ? void 0 : viewerProps.headerActions,
+        /* @__PURE__ */ jsx(TurnBadgeLegend, { badges: turnBadges })
+      ] })
+    }
+  ) });
+}
+function buildTurnBadges(turns, palette) {
+  return turns.map((turn) => {
+    const color = palette[turn.id] ?? "sky";
+    return {
+      id: turn.id,
+      label: shortSessionId(turn.id),
+      color,
+      className: TURN_COLOR_CLASS[color]
+    };
+  });
+}
+function TurnBadgeLegend({ badges }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex max-w-full flex-wrap gap-1", "aria-label": "Turn colors", children: badges.map((badge) => /* @__PURE__ */ jsx(TranscriptTurnBadge, { badge, placement: "legend" }, badge.id)) });
+}
+function TranscriptTurnBadge({
+  badge,
+  placement
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-testid": placement === "legend" ? "transcript-turn-badge" : "message-turn-badge",
+      "data-turn-color": badge.color,
+      title: `Turn ${badge.id}`,
+      className: cn(
+        "inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none",
+        placement === "message" && "mt-1",
+        badge.className
+      ),
+      children: badge.label
+    }
+  );
+}
+export {
+  SessionTranscript
+};
+//# sourceMappingURL=SessionInspector.transcript.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.transcript.js","sources":["../../../src/data/ai/SessionInspector.transcript.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  createTurnPalette,\n  shortSessionId,\n  type TurnPalette,\n} from \"./SessionInspector.model\";\nimport {\n  SessionViewer,\n  type SessionEvent,\n  type SessionViewerProps,\n} from \"./SessionViewer\";\nimport type { SessionTurn, UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype TurnBadge = {\n  id: string;\n  label: string;\n  color: TurnPalette;\n  className: string;\n};\n\nconst TURN_COLOR_CLASS: Record<TurnPalette, string> = {\n  sky: \"border-sky-300 bg-sky-100 text-sky-800 [[data-theme=dark]_&]:border-sky-700 [[data-theme=dark]_&]:bg-sky-950/60 [[data-theme=dark]_&]:text-sky-300\",\n  violet:\n    \"border-violet-300 bg-violet-100 text-violet-800 [[data-theme=dark]_&]:border-violet-700 [[data-theme=dark]_&]:bg-violet-950/60 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"border-emerald-300 bg-emerald-100 text-emerald-800 [[data-theme=dark]_&]:border-emerald-700 [[data-theme=dark]_&]:bg-emerald-950/60 [[data-theme=dark]_&]:text-emerald-300\",\n  orange:\n    \"border-orange-300 bg-orange-100 text-orange-800 [[data-theme=dark]_&]:border-orange-700 [[data-theme=dark]_&]:bg-orange-950/60 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"border-rose-300 bg-rose-100 text-rose-800 [[data-theme=dark]_&]:border-rose-700 [[data-theme=dark]_&]:bg-rose-950/60 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"border-indigo-300 bg-indigo-100 text-indigo-800 [[data-theme=dark]_&]:border-indigo-700 [[data-theme=dark]_&]:bg-indigo-950/60 [[data-theme=dark]_&]:text-indigo-300\",\n  teal: \"border-teal-300 bg-teal-100 text-teal-800 [[data-theme=dark]_&]:border-teal-700 [[data-theme=dark]_&]:bg-teal-950/60 [[data-theme=dark]_&]:text-teal-300\",\n  fuchsia:\n    \"border-fuchsia-300 bg-fuchsia-100 text-fuchsia-800 [[data-theme=dark]_&]:border-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-950/60 [[data-theme=dark]_&]:text-fuchsia-300\",\n};\n\nexport function SessionTranscript({\n  session,\n  viewerProps,\n}: {\n  session: UnifiedSessionInput;\n  viewerProps?: Omit<SessionViewerProps, \"session\">;\n}) {\n  const turns = session.turns ?? [];\n  const palette = useMemo(\n    () =>\n      createTurnPalette(\n        session.id,\n        turns.map((turn) => turn.id),\n      ),\n    [session.id, turns],\n  );\n  const turnBadges = useMemo(\n    () => buildTurnBadges(turns, palette),\n    [palette, turns],\n  );\n  const turnBadgeById = useMemo(\n    () => new Map(turnBadges.map((badge) => [badge.id, badge])),\n    [turnBadges],\n  );\n  const viewerClassName = cn(\"min-h-0 flex-1\", viewerProps?.className);\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        className={viewerClassName}\n        showHeader={false}\n        showContextMeter={false}\n        showRowMetadata={false}\n        renderMessageBadge={(event: SessionEvent) => {\n          const badge = event.turnId\n            ? turnBadgeById.get(event.turnId)\n            : undefined;\n          return badge ? (\n            <TranscriptTurnBadge badge={badge} placement=\"message\" />\n          ) : null;\n        }}\n        headerActions={\n          <>\n            {viewerProps?.headerActions}\n            <TurnBadgeLegend badges={turnBadges} />\n          </>\n        }\n      />\n    </div>\n  );\n}\n\nfunction buildTurnBadges(\n  turns: SessionTurn[],\n  palette: Record<string, TurnPalette>,\n) {\n  return turns.map((turn): TurnBadge => {\n    const color = palette[turn.id] ?? \"sky\";\n    return {\n      id: turn.id,\n      label: shortSessionId(turn.id),\n      color,\n      className: TURN_COLOR_CLASS[color],\n    };\n  });\n}\n\nfunction TurnBadgeLegend({ badges }: { badges: TurnBadge[] }) {\n  return (\n    <div className=\"flex max-w-full flex-wrap gap-1\" aria-label=\"Turn colors\">\n      {badges.map((badge) => (\n        <TranscriptTurnBadge key={badge.id} badge={badge} placement=\"legend\" />\n      ))}\n    </div>\n  );\n}\n\nfunction TranscriptTurnBadge({\n  badge,\n  placement,\n}: {\n  badge: TurnBadge;\n  placement: \"legend\" | \"message\";\n}) {\n  return (\n    <span\n      data-testid={\n        placement === \"legend\" ? \"transcript-turn-badge\" : \"message-turn-badge\"\n      }\n      data-turn-color={badge.color}\n      title={`Turn ${badge.id}`}\n      className={cn(\n        \"inline-flex shrink-0 rounded border px-1 py-px font-mono text-[9px] font-semibold leading-none\",\n        placement === \"message\" && \"mt-1\",\n        badge.className,\n      )}\n    >\n      {badge.label}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,mBAAgD;AAAA,EACpD,KAAK;AAAA,EACL,QACE;AAAA,EACF,SACE;AAAA,EACF,QACE;AAAA,EACF,MAAM;AAAA,EACN,QACE;AAAA,EACF,MAAM;AAAA,EACN,SACE;AACJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAAQ,SAAS,CAAA;AAC/B,QAAM,UAAU;AAAA,IACd,MACE;AAAA,MACE,QAAQ;AAAA,MACR,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA;AAAA,IAE/B,CAAC,QAAQ,IAAI,KAAK;AAAA,EAAA;AAEpB,QAAM,aAAa;AAAA,IACjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,IACpC,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,gBAAgB;AAAA,IACpB,MAAM,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;AAAA,IAC1D,CAAC,UAAU;AAAA,EAAA;AAEb,QAAM,kBAAkB,GAAG,kBAAkB,2CAAa,SAAS;AAEnE,SACE,oBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,oBAAoB,CAAC,UAAwB;AAC3C,cAAM,QAAQ,MAAM,SAChB,cAAc,IAAI,MAAM,MAAM,IAC9B;AACJ,eAAO,QACL,oBAAC,qBAAA,EAAoB,OAAc,WAAU,WAAU,IACrD;AAAA,MACN;AAAA,MACA,eACE,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,2CAAa;AAAA,QACd,oBAAC,iBAAA,EAAgB,QAAQ,WAAA,CAAY;AAAA,MAAA,EAAA,CACvC;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAAS,gBACP,OACA,SACA;AACA,SAAO,MAAM,IAAI,CAAC,SAAoB;AACpC,UAAM,QAAQ,QAAQ,KAAK,EAAE,KAAK;AAClC,WAAO;AAAA,MACL,IAAI,KAAK;AAAA,MACT,OAAO,eAAe,KAAK,EAAE;AAAA,MAC7B;AAAA,MACA,WAAW,iBAAiB,KAAK;AAAA,IAAA;AAAA,EAErC,CAAC;AACH;AAEA,SAAS,gBAAgB,EAAE,UAAmC;AAC5D,6BACG,OAAA,EAAI,WAAU,mCAAkC,cAAW,eACzD,iBAAO,IAAI,CAAC,UACX,oBAAC,uBAAmC,OAAc,WAAU,YAAlC,MAAM,EAAqC,CACtE,GACH;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eACE,cAAc,WAAW,0BAA0B;AAAA,MAErD,mBAAiB,MAAM;AAAA,MACvB,OAAO,QAAQ,MAAM,EAAE;AAAA,MACvB,WAAW;AAAA,QACT;AAAA,QACA,cAAc,aAAa;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,MAGP,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/data/ai/SessionInspector.turns.d.ts

@@ -0,0 +1,11 @@
+import { SessionTurn, UnifiedSessionInput } from './SessionViewer.unified';
+export declare function SessionTurnsPanel({ session, }: {
+    session: UnifiedSessionInput;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SessionTurnPickerItem({ turn, session, agentId, selected, }: {
+    turn: SessionTurn;
+    session: UnifiedSessionInput;
+    agentId?: string;
+    selected?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionInspector.turns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.turns.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.turns.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEhF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,2CAWA;AAiED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAgB,GACjB,EAAE;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAoDA"}

package/dist/data/ai/SessionViewer.cjs

@@ -10,9 +10,7 @@ const densityProvider = require("../../hooks/density-provider.cjs");
 const SessionViewer_model = require("./SessionViewer.model.cjs");
 const SessionViewer_grouping = require("./SessionViewer.grouping.cjs");
 const SessionViewer_rows = require("./SessionViewer.rows.cjs");
-const ContextMeter = require("../chat/ContextMeter.cjs");
-const providerIcons = require("../chat/provider-icons.cjs");
-const sessionCost = require("./session-cost.cjs");
+const SessionViewer_header = require("./SessionViewer.header.cjs");
 const sessionCategories = require("./session-categories.cjs");
 const SessionViewerMenu = require("./SessionViewerMenu.cjs");
 const useSessionScroll = require("./use-session-scroll.cjs");
@@ -29,7 +27,9 @@ function SessionViewer({
   defaultExpanded = false,
   showThinking = true,
   showHeader = true,
+  showContextMeter = true,
   showMenu = true,
+  headerActions,
   menuContainer,
   defaultDensity,
   defaultTheme,
@@ -38,6 +38,7 @@ function SessionViewer({
   batchSize = 40,
   showRowMetadata = false,
   showRaw = false,
+  renderMessageBadge,
   pendingTools = [],
   onPendingToolDecision
 }) {
@@ -49,20 +50,35 @@ function SessionViewer({
   const displayItems = react.useMemo(() => SessionViewer_grouping.collapseWaitRuns(allEvents), [allEvents]);
   const metadata = react.useMemo(() => SessionViewer_model.getSessionMetadata(session), [session]);
   const pageDensity = useDensity.useDensityValue();
-  const [densityOverride, setDensityOverride] = react.useState(defaultDensity);
+  const [densityOverride, setDensityOverride] = react.useState(
+    defaultDensity
+  );
   const [themeOverride, setThemeOverride] = react.useState(defaultTheme);
-  const [hiddenCategories, setHiddenCategories] = react.useState(
+  const [hiddenCategories, setHiddenCategories] = react.useState(() => /* @__PURE__ */ new Set());
+  const [hiddenTools, setHiddenTools] = react.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [hiddenSources, setHiddenSources] = react.useState(
     () => /* @__PURE__ */ new Set()
   );
-  const [hiddenTools, setHiddenTools] = react.useState(() => /* @__PURE__ */ new Set());
-  const [hiddenSources, setHiddenSources] = react.useState(() => /* @__PURE__ */ new Set());
   const [showThinkingOverride, setShowThinkingOverride] = react.useState(void 0);
   const effectiveShowThinking = showThinkingOverride ?? showThinking;
   const filters = react.useMemo(() => sessionCategories.collectSessionFilters(allEvents), [allEvents]);
-  const hasThinking = react.useMemo(() => allEvents.some((e) => e.kind === "thinking"), [allEvents]);
-  const visibility = { hiddenCategories, hiddenTools, hiddenSources, showThinking: effectiveShowThinking };
+  const hasThinking = react.useMemo(
+    () => allEvents.some((e) => e.kind === "thinking"),
+    [allEvents]
+  );
+  const visibility = {
+    hiddenCategories,
+    hiddenTools,
+    hiddenSources,
+    showThinking: effectiveShowThinking
+  };
   const items = displayItems.filter(
-    (item) => sessionCategories.isEventVisible(SessionViewer_grouping.isSessionEventGroup(item) ? item.representative : item, visibility)
+    (item) => sessionCategories.isEventVisible(
+      SessionViewer_grouping.isSessionEventGroup(item) ? item.representative : item,
+      visibility
+    )
   );
   const resetKey = `${allEvents.length}:${((_a = allEvents[0]) == null ? void 0 : _a.id) ?? ""}`;
   const { scrollRef, contentRef, startIndex } = useSessionScroll.useSessionScroll({
@@ -123,6 +139,7 @@ function SessionViewer({
           defaultExpanded,
           showRowMetadata,
           showRaw,
+          renderMessageBadge,
           onPendingToolDecision
         },
         item.id
@@ -134,43 +151,72 @@ function SessionViewer({
           defaultExpanded,
           showRowMetadata,
           showRaw,
+          renderMessageBadge,
           onPendingToolDecision
         },
         item.id
       );
     }) })
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("text-sm", scrollable && "flex h-full min-h-0 flex-col", className), ...dataAttrs, children: /* @__PURE__ */ jsxRuntime.jsxs(densityProvider.DensityValueProvider, { density: effectiveDensity, children: [
-    menu && menuContainer && reactDom.createPortal(menu, menuContainer),
-    (showHeader || inlineMenu) && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        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"
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "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)]",
+        scrollable && "flex h-full min-h-0 flex-col",
+        className
+      ),
+      ...dataAttrs,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(densityProvider.DensityValueProvider, { density: effectiveDensity, children: [
+        menu && menuContainer && reactDom.createPortal(menu, menuContainer),
+        (showHeader || headerActions || inlineMenu) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            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"
+            ),
+            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: [
+                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
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  summary.toolCount,
+                  " actions"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  summary.messageCount,
+                  " messages"
+                ] }),
+                metadata && /* @__PURE__ */ jsxRuntime.jsx(
+                  SessionViewer_header.SessionMetadataBadges,
+                  {
+                    metadata,
+                    showContextMeter
+                  }
+                )
+              ] }),
+              (headerActions || inlineMenu) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  role: "group",
+                  "aria-label": "Session viewer actions",
+                  className: "ml-auto flex min-w-0 shrink-0 items-center gap-density-2",
+                  children: [
+                    headerActions,
+                    inlineMenu && menu
+                  ]
+                }
+              )
+            ]
+          }
         ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: [
-            showHeader && 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
-            ] }),
-            showHeader && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              summary.toolCount,
-              " actions"
-            ] }),
-            showHeader && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              summary.messageCount,
-              " messages"
-            ] }),
-            showHeader && metadata && /* @__PURE__ */ jsxRuntime.jsx(SessionMetadataBadges, { metadata })
-          ] }),
-          inlineMenu && menu
-        ]
-      }
-    ),
-    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, className: "p-density-4 md:p-density-6", children: list }) }) : list
+      ] })
+    }
+  );
 }
 function mergePendingTools(events, pendingTools) {
   const merged = [...events];
@@ -202,86 +248,5 @@ function mergePendingTools(events, pendingTools) {
   }
   return merged;
 }
-function SessionMetadataBadges({ metadata }) {
-  var _a, _b, _c, _d, _e, _f;
-  const capabilityBadges = [
-    countBadge("tool", (_a = metadata.capabilities) == null ? void 0 : _a.tools),
-    countBadge("mcp", (_b = metadata.capabilities) == null ? void 0 : _b.pendingMcpServers),
-    countBadge("agent", (_c = metadata.capabilities) == null ? void 0 : _c.agents),
-    countBadge("skill", (_d = metadata.capabilities) == null ? void 0 : _d.skills)
-  ].filter(Boolean);
-  const badges = [
-    ...((_e = metadata.turns) == null ? void 0 : _e.length) ? [{ key: "turns", label: countLabel(metadata.turns.length, "turn") }] : [],
-    ...capabilityBadges,
-    ...!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 modelIcon = metadata.provider ? providerIcons.providerIcon(metadata.provider) : void 0;
-  if (badges.length === 0 && !metadata.context) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    badges.map((badge) => /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        title: badge.title,
-        className: "inline-flex max-w-40 items-center rounded border border-border px-1.5 py-0.5 text-[11px] text-muted-foreground",
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: badge.label })
-      },
-      badge.key
-    )),
-    metadata.context && /* @__PURE__ */ jsxRuntime.jsx(
-      ContextMeter.ContextMeter,
-      {
-        mode: "bar",
-        usedPercent: 100 - metadata.context.freePercent,
-        usedTokens: metadata.context.usedTokens,
-        windowTokens: metadata.context.windowTokens,
-        model: metadata.model,
-        ...modelIcon ? { modelIcon } : {},
-        ...metadata.usage ? {
-          tokens: {
-            input: metadata.usage.inputTokens,
-            output: metadata.usage.outputTokens,
-            reasoning: metadata.usage.reasoningTokens,
-            cacheRead: metadata.usage.cacheReadTokens,
-            cacheWrite: metadata.usage.cacheWriteTokens,
-            total: sessionCost.tokenTotal(metadata.usage)
-          }
-        } : {},
-        ...metadata.cost ? {
-          cost: {
-            input: metadata.cost.inputCost,
-            output: metadata.cost.outputCost,
-            reasoning: metadata.cost.reasoningCost,
-            cacheRead: metadata.cost.cacheReadCost,
-            cacheWrite: metadata.cost.cacheWriteCost,
-            total: sessionCost.costTotal(metadata.cost)
-          }
-        } : {},
-        ...metadata.budget ? { budget: metadata.budget } : {}
-      }
-    )
-  ] });
-}
-function countBadge(label, values) {
-  const count = (values == null ? void 0 : values.length) ?? 0;
-  if (!count) return null;
-  return { key: label, label: countLabel(count, label), title: values == null ? void 0 : values.join(", ") };
-}
-function countLabel(count, label) {
-  if (label === "mcp") return `${count} mcp`;
-  return `${count} ${label}${count === 1 ? "" : "s"}`;
-}
-function budgetLabel(budget) {
-  if (budget.total !== void 0 && budget.total > 0) {
-    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;
-  }
-  if (budget.remaining !== void 0) return `budget ${formatUSD(budget.remaining)} left`;
-  if (budget.used !== void 0) return `budget ${formatUSD(budget.used)} used`;
-  return "budget";
-}
-function formatUSD(value) {
-  if (value < 1 || !Number.isInteger(value)) return `$${value.toFixed(2)}`;
-  return `$${value.toFixed(0)}`;
-}
 exports.SessionViewer = SessionViewer;
 //# sourceMappingURL=SessionViewer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.cjs","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState } 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 SessionMetadataSummary,\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 { ContextMeter } from \"../chat/ContextMeter\";\nimport { providerIcon } from \"../chat/provider-icons\";\nimport { costTotal, tokenTotal } from \"./session-cost\";\nimport {\n  collectSessionFilters,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport { SessionViewerMenu, type SessionThemeOverride } 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 the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\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  pendingTools?: readonly SessionPendingTool[];\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | 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  showMenu = true,\n  menuContainer,\n  defaultDensity,\n  defaultTheme,\n  scrollable = false,\n  windowSize = 60,\n  batchSize = 40,\n  showRowMetadata = false,\n  showRaw = false,\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>(defaultDensity);\n  const [themeOverride, setThemeOverride] = useState<SessionThemeOverride | undefined>(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<ReadonlySet<SessionCategory>>(\n    () => new Set(),\n  );\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(() => new Set());\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(() => new Set());\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<boolean | undefined>(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(() => allEvents.some((e) => e.kind === \"thinking\"), [allEvents]);\n\n  const visibility = { hiddenCategories, hiddenTools, hiddenSources, showThinking: effectiveShowThinking };\n  const items = displayItems.filter((item) =>\n    isEventVisible(isSessionEventGroup(item) ? item.representative : item, visibility),\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) => setHiddenSources((set) => toggleInSet(set, source))}\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              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              onPendingToolDecision={onPendingToolDecision}\n            />\n          );\n        })}\n      </ol>\n    );\n\n  return (\n    <div className={cn(\"text-sm\", scrollable && \"flex h-full min-h-0 flex-col\", className)} {...dataAttrs}>\n      <DensityValueProvider density={effectiveDensity}>\n        {menu && menuContainer && createPortal(menu, menuContainer)}\n        {(showHeader || 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            <div className=\"flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n              {showHeader && 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              {showHeader && <span>{summary.toolCount} actions</span>}\n              {showHeader && <span>{summary.messageCount} messages</span>}\n              {showHeader && metadata && <SessionMetadataBadges metadata={metadata} />}\n            </div>\n            {inlineMenu && menu}\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((event) =>\n      event.kind === \"tool\" && (\n        (pending.toolCallId && event.toolCallId === pending.toolCallId) ||\n        (pending.approvalId && event.approvalId === pending.approvalId) ||\n        (pending.sessionId && event.sessionId === pending.sessionId && event.tool === pending.tool)\n      ),\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-${pending.approvalId ?? pending.toolCallId ?? `${pending.tool}-${index}`}`,\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\nfunction SessionMetadataBadges({ metadata }: { metadata: SessionMetadataSummary }) {\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  // The context window renders as an interactive meter (bar + hover popover);\n  // budget rides in that popover, so it only gets a text badge when there is no\n  // context to attach it to.\n  const badges: Array<{ key: string; label: string; title?: string }> = [\n    ...(metadata.turns?.length ? [{ key: \"turns\", label: countLabel(metadata.turns.length, \"turn\") }] : []),\n    ...capabilityBadges,\n    ...(!metadata.context && metadata.budget\n      ? [{ key: \"budget\", label: budgetLabel(metadata.budget) }]\n      : []),\n    ...(metadata.events?.length ? [{ key: \"events\", label: countLabel(metadata.events.length, \"event\") }] : []),\n  ];\n  const modelIcon = metadata.provider ? providerIcon(metadata.provider) : undefined;\n  if (badges.length === 0 && !metadata.context) return null;\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      {metadata.context && (\n        <ContextMeter\n          mode=\"bar\"\n          usedPercent={100 - metadata.context.freePercent}\n          usedTokens={metadata.context.usedTokens}\n          windowTokens={metadata.context.windowTokens}\n          model={metadata.model}\n          {...(modelIcon ? { modelIcon } : {})}\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  );\n}\n\nfunction countBadge(label: string, values: string[] | undefined) {\n  const count = values?.length ?? 0;\n  if (!count) return null;\n  return { key: label, label: countLabel(count, label), title: values?.join(\", \") };\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: { used?: number; total?: number; remaining?: number }) {\n  if (budget.total !== undefined && budget.total > 0) {\n    return `budget ${formatUSD(budget.used ?? 0)}/${formatUSD(budget.total)}`;\n  }\n  if (budget.remaining !== undefined) 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":["useMemo","normalizeSession","collapseWaitRuns","getSessionMetadata","useDensityValue","useState","collectSessionFilters","isEventVisible","isSessionEventGroup","useSessionScroll","jsx","cn","summarizeSession","SessionViewerMenu","WaitGroupRow","SessionRow","jsxs","DensityValueProvider","createPortal","Icon","UiRobotAi","providerIcon","Fragment","ContextMeter","tokenTotal","costTotal"],"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  /** 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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"}