@flanksource/clicky-ui 0.3.40 → 0.3.42

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

@@ -1 +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;;"}
+{"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  const scrollResetKey = session.id ?? viewerProps?.scrollResetKey;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        windowSize={viewerProps?.windowSize ?? 10}\n        batchSize={viewerProps?.batchSize ?? 10}\n        {...(scrollResetKey !== undefined\n          ? { scrollResetKey }\n          : {})}\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;AACnE,QAAM,iBAAiB,QAAQ,OAAM,2CAAa;AAElD,SACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACb,UAAAA,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,aAAY,2CAAa,eAAc;AAAA,MACvC,YAAW,2CAAa,cAAa;AAAA,MACpC,GAAI,mBAAmB,SACpB,EAAE,eAAA,IACF,CAAA;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.map

@@ -1 +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,+BA+CA"}
+{"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,+BAqDA"}

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

@@ -34,12 +34,16 @@ function SessionTranscript({
     [turnBadges]
   );
   const viewerClassName = cn("min-h-0 flex-1", viewerProps == null ? void 0 : viewerProps.className);
+  const scrollResetKey = session.id ?? (viewerProps == null ? void 0 : viewerProps.scrollResetKey);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ jsx(
     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,

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

@@ -1 +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;"}
+{"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  const scrollResetKey = session.id ?? viewerProps?.scrollResetKey;\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\">\n      <SessionViewer\n        session={session}\n        scrollable\n        {...viewerProps}\n        windowSize={viewerProps?.windowSize ?? 10}\n        batchSize={viewerProps?.batchSize ?? 10}\n        {...(scrollResetKey !== undefined\n          ? { scrollResetKey }\n          : {})}\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;AACnE,QAAM,iBAAiB,QAAQ,OAAM,2CAAa;AAElD,SACE,oBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,aAAY,2CAAa,eAAc;AAAA,MACvC,YAAW,2CAAa,cAAa;AAAA,MACpC,GAAI,mBAAmB,SACpB,EAAE,eAAA,IACF,CAAA;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.verification.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const VerificationResults = require("../verification/VerificationResults.cjs");
+function SessionVerificationPanel({
+  verifications
+}) {
+  const [selected, setSelected] = react.useState(null);
+  if (!(verifications == null ? void 0 : verifications.length)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-density-4 text-sm text-muted-foreground", children: "No verification has run yet." });
+  }
+  const current = verifications.find(
+    (item) => `${item.sourceSessionId ?? ""}:${item.iteration}` === selected
+  ) ?? verifications[verifications.length - 1];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col gap-density-3 p-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex shrink-0 flex-wrap gap-density-2",
+        "aria-label": "Verification iterations",
+        children: verifications.map(({ iteration, report, sourceSessionId }) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": iteration === current.iteration && sourceSessionId === current.sourceSessionId,
+            onClick: () => setSelected(`${sourceSessionId ?? ""}:${iteration}`),
+            className: "rounded border border-border px-density-2 py-1 text-xs text-foreground aria-pressed:bg-muted",
+            children: [
+              sourceSessionId ? `${sourceSessionId.slice(0, 8)} · ` : "",
+              iteration,
+              ". ",
+              report.kind,
+              " · ",
+              report.state
+            ]
+          },
+          `${sourceSessionId ?? ""}:${iteration}`
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      VerificationResults.VerificationResults,
+      {
+        className: "min-h-0 flex-1",
+        report: current.report,
+        title: `${current.report.name || current.report.kind} · iteration ${current.iteration}`
+      }
+    )
+  ] });
+}
+exports.SessionVerificationPanel = SessionVerificationPanel;
+//# sourceMappingURL=SessionInspector.verification.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.verification.cjs","sources":["../../../src/data/ai/SessionInspector.verification.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { VerificationResults } from \"../verification/VerificationResults\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype Verifications = UnifiedSessionInput[\"verifications\"];\n\nexport function SessionVerificationPanel({\n  verifications,\n}: {\n  verifications: Verifications;\n}) {\n  const [selected, setSelected] = useState<string | null>(null);\n  if (!verifications?.length) {\n    return (\n      <p className=\"p-density-4 text-sm text-muted-foreground\">\n        No verification has run yet.\n      </p>\n    );\n  }\n  const current =\n    verifications.find(\n      (item) => `${item.sourceSessionId ?? \"\"}:${item.iteration}` === selected,\n    ) ?? verifications[verifications.length - 1]!;\n  return (\n    <div className=\"flex h-full min-h-0 flex-col gap-density-3 p-density-3\">\n      <div\n        className=\"flex shrink-0 flex-wrap gap-density-2\"\n        aria-label=\"Verification iterations\"\n      >\n        {verifications.map(({ iteration, report, sourceSessionId }) => (\n          <button\n            key={`${sourceSessionId ?? \"\"}:${iteration}`}\n            type=\"button\"\n            aria-pressed={\n              iteration === current.iteration &&\n              sourceSessionId === current.sourceSessionId\n            }\n            onClick={() => setSelected(`${sourceSessionId ?? \"\"}:${iteration}`)}\n            className=\"rounded border border-border px-density-2 py-1 text-xs text-foreground aria-pressed:bg-muted\"\n          >\n            {sourceSessionId ? `${sourceSessionId.slice(0, 8)} · ` : \"\"}\n            {iteration}. {report.kind} · {report.state}\n          </button>\n        ))}\n      </div>\n      <VerificationResults\n        className=\"min-h-0 flex-1\"\n        report={current.report}\n        title={`${current.report.name || current.report.kind} · iteration ${current.iteration}`}\n      />\n    </div>\n  );\n}\n"],"names":["useState","jsx","jsxs","VerificationResults"],"mappings":";;;;;AAMO,SAAS,yBAAyB;AAAA,EACvC;AACF,GAEG;AACD,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAwB,IAAI;AAC5D,MAAI,EAAC,+CAAe,SAAQ;AAC1B,WACEC,2BAAAA,IAAC,KAAA,EAAE,WAAU,6CAA4C,UAAA,gCAEzD;AAAA,EAEJ;AACA,QAAM,UACJ,cAAc;AAAA,IACZ,CAAC,SAAS,GAAG,KAAK,mBAAmB,EAAE,IAAI,KAAK,SAAS,OAAO;AAAA,EAAA,KAC7D,cAAc,cAAc,SAAS,CAAC;AAC7C,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA,QAEV,wBAAc,IAAI,CAAC,EAAE,WAAW,QAAQ,sBACvCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,gBACE,cAAc,QAAQ,aACtB,oBAAoB,QAAQ;AAAA,YAE9B,SAAS,MAAM,YAAY,GAAG,mBAAmB,EAAE,IAAI,SAAS,EAAE;AAAA,YAClE,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,kBAAkB,GAAG,gBAAgB,MAAM,GAAG,CAAC,CAAC,QAAQ;AAAA,cACxD;AAAA,cAAU;AAAA,cAAG,OAAO;AAAA,cAAK;AAAA,cAAI,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVhC,GAAG,mBAAmB,EAAE,IAAI,SAAS;AAAA,QAAA,CAY7C;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHD,2BAAAA;AAAAA,MAACE,oBAAAA;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAQ,QAAQ;AAAA,QAChB,OAAO,GAAG,QAAQ,OAAO,QAAQ,QAAQ,OAAO,IAAI,gBAAgB,QAAQ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACvF,GACF;AAEJ;;"}

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

@@ -0,0 +1,7 @@
+import { UnifiedSessionInput } from './SessionViewer.unified.js';
+type Verifications = UnifiedSessionInput["verifications"];
+export declare function SessionVerificationPanel({ verifications, }: {
+    verifications: Verifications;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SessionInspector.verification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.verification.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.verification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,KAAK,aAAa,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;AAE1D,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,GACd,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;CAC9B,+BA0CA"}

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

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { VerificationResults } from "../verification/VerificationResults.js";
+function SessionVerificationPanel({
+  verifications
+}) {
+  const [selected, setSelected] = useState(null);
+  if (!(verifications == null ? void 0 : verifications.length)) {
+    return /* @__PURE__ */ jsx("p", { className: "p-density-4 text-sm text-muted-foreground", children: "No verification has run yet." });
+  }
+  const current = verifications.find(
+    (item) => `${item.sourceSessionId ?? ""}:${item.iteration}` === selected
+  ) ?? verifications[verifications.length - 1];
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col gap-density-3 p-density-3", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex shrink-0 flex-wrap gap-density-2",
+        "aria-label": "Verification iterations",
+        children: verifications.map(({ iteration, report, sourceSessionId }) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": iteration === current.iteration && sourceSessionId === current.sourceSessionId,
+            onClick: () => setSelected(`${sourceSessionId ?? ""}:${iteration}`),
+            className: "rounded border border-border px-density-2 py-1 text-xs text-foreground aria-pressed:bg-muted",
+            children: [
+              sourceSessionId ? `${sourceSessionId.slice(0, 8)} · ` : "",
+              iteration,
+              ". ",
+              report.kind,
+              " · ",
+              report.state
+            ]
+          },
+          `${sourceSessionId ?? ""}:${iteration}`
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      VerificationResults,
+      {
+        className: "min-h-0 flex-1",
+        report: current.report,
+        title: `${current.report.name || current.report.kind} · iteration ${current.iteration}`
+      }
+    )
+  ] });
+}
+export {
+  SessionVerificationPanel
+};
+//# sourceMappingURL=SessionInspector.verification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.verification.js","sources":["../../../src/data/ai/SessionInspector.verification.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { VerificationResults } from \"../verification/VerificationResults\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\ntype Verifications = UnifiedSessionInput[\"verifications\"];\n\nexport function SessionVerificationPanel({\n  verifications,\n}: {\n  verifications: Verifications;\n}) {\n  const [selected, setSelected] = useState<string | null>(null);\n  if (!verifications?.length) {\n    return (\n      <p className=\"p-density-4 text-sm text-muted-foreground\">\n        No verification has run yet.\n      </p>\n    );\n  }\n  const current =\n    verifications.find(\n      (item) => `${item.sourceSessionId ?? \"\"}:${item.iteration}` === selected,\n    ) ?? verifications[verifications.length - 1]!;\n  return (\n    <div className=\"flex h-full min-h-0 flex-col gap-density-3 p-density-3\">\n      <div\n        className=\"flex shrink-0 flex-wrap gap-density-2\"\n        aria-label=\"Verification iterations\"\n      >\n        {verifications.map(({ iteration, report, sourceSessionId }) => (\n          <button\n            key={`${sourceSessionId ?? \"\"}:${iteration}`}\n            type=\"button\"\n            aria-pressed={\n              iteration === current.iteration &&\n              sourceSessionId === current.sourceSessionId\n            }\n            onClick={() => setSelected(`${sourceSessionId ?? \"\"}:${iteration}`)}\n            className=\"rounded border border-border px-density-2 py-1 text-xs text-foreground aria-pressed:bg-muted\"\n          >\n            {sourceSessionId ? `${sourceSessionId.slice(0, 8)} · ` : \"\"}\n            {iteration}. {report.kind} · {report.state}\n          </button>\n        ))}\n      </div>\n      <VerificationResults\n        className=\"min-h-0 flex-1\"\n        report={current.report}\n        title={`${current.report.name || current.report.kind} · iteration ${current.iteration}`}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,yBAAyB;AAAA,EACvC;AACF,GAEG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAC5D,MAAI,EAAC,+CAAe,SAAQ;AAC1B,WACE,oBAAC,KAAA,EAAE,WAAU,6CAA4C,UAAA,gCAEzD;AAAA,EAEJ;AACA,QAAM,UACJ,cAAc;AAAA,IACZ,CAAC,SAAS,GAAG,KAAK,mBAAmB,EAAE,IAAI,KAAK,SAAS,OAAO;AAAA,EAAA,KAC7D,cAAc,cAAc,SAAS,CAAC;AAC7C,SACE,qBAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAW;AAAA,QAEV,wBAAc,IAAI,CAAC,EAAE,WAAW,QAAQ,sBACvC;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,gBACE,cAAc,QAAQ,aACtB,oBAAoB,QAAQ;AAAA,YAE9B,SAAS,MAAM,YAAY,GAAG,mBAAmB,EAAE,IAAI,SAAS,EAAE;AAAA,YAClE,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,kBAAkB,GAAG,gBAAgB,MAAM,GAAG,CAAC,CAAC,QAAQ;AAAA,cACxD;AAAA,cAAU;AAAA,cAAG,OAAO;AAAA,cAAK;AAAA,cAAI,OAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAVhC,GAAG,mBAAmB,EAAE,IAAI,SAAS;AAAA,QAAA,CAY7C;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAQ,QAAQ;AAAA,QAChB,OAAO,GAAG,QAAQ,OAAO,QAAQ,QAAQ,OAAO,IAAI,gBAAgB,QAAQ,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACvF,GACF;AAEJ;"}

package/dist/data/ai/SessionViewer.approval-body.cjs

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const SessionViewer_input = require("./SessionViewer.input.cjs");
+const SessionViewer_approvalForms = require("./SessionViewer.approval-forms.cjs");
+const SessionViewer_decisionControls = require("./SessionViewer.decision-controls.cjs");
+const Markdown = require("../Markdown.cjs");
+const SessionViewer_toolDetails = require("./SessionViewer.tool-details.cjs");
+function Badge({ tone, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "rounded px-1.5 py-0.5 text-[11px] font-medium",
+        tone === "amber" && "bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300",
+        tone === "rose" && "bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+      ),
+      children
+    }
+  );
+}
+function Fact({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "w-14 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 flex-1 break-all", children })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-foreground", children });
+}
+function RequestFacts({ request }) {
+  var _a, _b;
+  const { command, filesystem, network, elicitation, plan } = request;
+  return /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "space-y-1", children: [
+    (command == null ? void 0 : command.command) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: command.command }) }),
+    (command == null ? void 0 : command.stdin) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Stdin", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "terminal ",
+      command.stdin.terminal,
+      ": ",
+      /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: JSON.stringify(command.stdin.chars) })
+    ] }) }),
+    (command == null ? void 0 : command.cwd) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Cwd", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: command.cwd }) }),
+    (command == null ? void 0 : command.proposedPolicy) && command.proposedPolicy.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Rule", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-approval-proposed-policy": true, className: "text-muted-foreground", children: [
+      "Proposed rule (not applied): ",
+      command.proposedPolicy.join(" ")
+    ] }) }),
+    filesystem && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Action", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: filesystem.operation }) }),
+    (_a = filesystem == null ? void 0 : filesystem.paths) == null ? void 0 : _a.map((path) => /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Path", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: path }) }, path)),
+    (_b = filesystem == null ? void 0 : filesystem.changes) == null ? void 0 : _b.map((change) => /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Change", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: change.kind }),
+      /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: change.path })
+    ] }) }, `${change.kind}:${change.path}`)),
+    (network == null ? void 0 : network.host) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Host", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: network.host }) }),
+    (network == null ? void 0 : network.protocol) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Protocol", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: network.protocol }) }),
+    (network == null ? void 0 : network.url) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "URL", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: network.url }) }),
+    (network == null ? void 0 : network.command) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: network.command }) }),
+    elicitation && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Server", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: elicitation.server }) }),
+    (elicitation == null ? void 0 : elicitation.message) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Message", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: elicitation.message }) }),
+    (plan == null ? void 0 : plan.path) && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Plan", children: /* @__PURE__ */ jsxRuntime.jsx(Mono, { children: plan.path }) }),
+    request.reason && /* @__PURE__ */ jsxRuntime.jsx(Fact, { label: "Reason", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: request.reason }) })
+  ] });
+}
+function RequestFlags({ request }) {
+  var _a;
+  const unsandboxed = ((_a = request.command) == null ? void 0 : _a.unsandboxed) === true;
+  if (!request.escalates && !unsandboxed) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+    request.escalates && /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "amber", children: "Escalates sandbox" }),
+    unsandboxed && /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "rose", children: "Unsandboxed" })
+  ] });
+}
+function TypedApprovalBody({
+  event,
+  request,
+  onDecision
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 space-y-1.5", "data-approval-kind": request.kind, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RequestFlags, { request }),
+    /* @__PURE__ */ jsxRuntime.jsx(RequestFacts, { request }),
+    request.kind === "tool" && request.input && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.DetailBlock, { language: "json", source: JSON.stringify(request.input, null, 2) }),
+    request.kind === "plan" && request.plan && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-approval-plan": true, className: "rounded-md border border-border bg-background p-density-3 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: request.plan.content }) }),
+    request.kind === "question" && SessionViewer_input.questionsFromApproval(request.questions ?? []).map((question, index) => /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.QuestionCard, { question, index }, `${question.id}-${index}`)),
+    onDecision && /* @__PURE__ */ jsxRuntime.jsx(KindControls, { event, request, onDecision })
+  ] });
+}
+function KindControls({
+  event,
+  request,
+  onDecision
+}) {
+  switch (request.kind) {
+    case "permissions":
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_approvalForms.PermissionsControls, { event, request, onDecision });
+    case "elicitation":
+      if (!request.elicitation) return /* @__PURE__ */ jsxRuntime.jsx(MissingPayload, { request });
+      return request.elicitation.mode === "url" ? /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalForms.ElicitationUrlControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_approvalForms.ElicitationFormControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      );
+    case "plan":
+      if (!request.plan) return /* @__PURE__ */ jsxRuntime.jsx(MissingPayload, { request });
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.PlanDecisionControls, { event, request, onDecision });
+    case "question":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SessionViewer_decisionControls.QuestionDecisionControls,
+        {
+          event,
+          request,
+          questions: SessionViewer_input.questionsFromApproval(request.questions ?? []),
+          onDecision
+        }
+      );
+    case "command":
+    case "filesystem":
+    case "network":
+    case "tool":
+      return /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_decisionControls.PendingDecisionControls, { event, request, onDecision });
+  }
+}
+function MissingPayload({ request }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+    "This ",
+    request.kind,
+    " approval for ",
+    request.tool,
+    " is missing its ",
+    request.kind,
+    " payload."
+  ] });
+}
+exports.TypedApprovalBody = TypedApprovalBody;
+//# sourceMappingURL=SessionViewer.approval-body.cjs.map

package/dist/data/ai/SessionViewer.approval-body.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.cjs","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { ApprovalRequest } from \"./approval-request\";\nimport { questionsFromApproval } from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport {\n  ElicitationFormControls,\n  ElicitationUrlControls,\n  PermissionsControls,\n} from \"./SessionViewer.approval-forms\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport {\n  PendingDecisionControls,\n  PlanDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport { Markdown } from \"../Markdown\";\nimport { DetailBlock, QuestionCard } from \"./SessionViewer.tool-details\";\n\nfunction Badge({ tone, children }: { tone: \"amber\" | \"rose\"; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        tone === \"amber\" && \"bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n        tone === \"rose\" && \"bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <div className=\"flex items-baseline gap-2 text-xs\">\n      <dt className=\"w-14 shrink-0 text-muted-foreground\">{label}</dt>\n      <dd className=\"min-w-0 flex-1 break-all\">{children}</dd>\n    </div>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <code className=\"font-mono text-foreground\">{children}</code>;\n}\n\nfunction RequestFacts({ request }: { request: ApprovalRequest }) {\n  const { command, filesystem, network, elicitation, plan } = request;\n  return (\n    <dl className=\"space-y-1\">\n      {command?.command && <Fact label=\"Command\"><Mono>{command.command}</Mono></Fact>}\n      {command?.stdin && (\n        <Fact label=\"Stdin\">\n          <span>\n            terminal {command.stdin.terminal}: <Mono>{JSON.stringify(command.stdin.chars)}</Mono>\n          </span>\n        </Fact>\n      )}\n      {command?.cwd && <Fact label=\"Cwd\"><Mono>{command.cwd}</Mono></Fact>}\n      {command?.proposedPolicy && command.proposedPolicy.length > 0 && (\n        <Fact label=\"Rule\">\n          <span data-approval-proposed-policy className=\"text-muted-foreground\">\n            Proposed rule (not applied): {command.proposedPolicy.join(\" \")}\n          </span>\n        </Fact>\n      )}\n      {filesystem && <Fact label=\"Action\"><span>{filesystem.operation}</span></Fact>}\n      {filesystem?.paths?.map((path) => (\n        <Fact key={path} label=\"Path\"><Mono>{path}</Mono></Fact>\n      ))}\n      {filesystem?.changes?.map((change) => (\n        <Fact key={`${change.kind}:${change.path}`} label=\"Change\">\n          <span className=\"inline-flex gap-1.5\">\n            <span className=\"font-medium\">{change.kind}</span>\n            <Mono>{change.path}</Mono>\n          </span>\n        </Fact>\n      ))}\n      {network?.host && <Fact label=\"Host\"><span>{network.host}</span></Fact>}\n      {network?.protocol && <Fact label=\"Protocol\"><span>{network.protocol}</span></Fact>}\n      {network?.url && <Fact label=\"URL\"><Mono>{network.url}</Mono></Fact>}\n      {network?.command && <Fact label=\"Command\"><Mono>{network.command}</Mono></Fact>}\n      {elicitation && <Fact label=\"Server\"><span>{elicitation.server}</span></Fact>}\n      {elicitation?.message && <Fact label=\"Message\"><span>{elicitation.message}</span></Fact>}\n      {plan?.path && <Fact label=\"Plan\"><Mono>{plan.path}</Mono></Fact>}\n      {request.reason && <Fact label=\"Reason\"><span>{request.reason}</span></Fact>}\n    </dl>\n  );\n}\n\nfunction RequestFlags({ request }: { request: ApprovalRequest }) {\n  const unsandboxed = request.command?.unsandboxed === true;\n  if (!request.escalates && !unsandboxed) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {request.escalates && <Badge tone=\"amber\">Escalates sandbox</Badge>}\n      {unsandboxed && <Badge tone=\"rose\">Unsandboxed</Badge>}\n    </div>\n  );\n}\n\n/** The body of a typed approval: what is being asked for, then the controls for\n *  its kind. Without `onDecision` it only describes the request. */\nexport function TypedApprovalBody({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision?: DecisionHandler | undefined;\n}) {\n  return (\n    <div className=\"mt-1.5 space-y-1.5\" data-approval-kind={request.kind}>\n      <RequestFlags request={request} />\n      <RequestFacts request={request} />\n      {request.kind === \"tool\" && request.input && (\n        <DetailBlock language=\"json\" source={JSON.stringify(request.input, null, 2)} />\n      )}\n      {request.kind === \"plan\" && request.plan && (\n        <div data-approval-plan className=\"rounded-md border border-border bg-background p-density-3 text-sm\">\n          <Markdown text={request.plan.content} />\n        </div>\n      )}\n      {request.kind === \"question\" &&\n        questionsFromApproval(request.questions ?? []).map((question, index) => (\n          <QuestionCard key={`${question.id}-${index}`} question={question} index={index} />\n        ))}\n      {onDecision && <KindControls event={event} request={request} onDecision={onDecision} />}\n    </div>\n  );\n}\n\nfunction KindControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}) {\n  switch (request.kind) {\n    case \"permissions\":\n      return <PermissionsControls event={event} request={request} onDecision={onDecision} />;\n    case \"elicitation\":\n      if (!request.elicitation) return <MissingPayload request={request} />;\n      return request.elicitation.mode === \"url\" ? (\n        <ElicitationUrlControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      ) : (\n        <ElicitationFormControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      );\n    case \"plan\":\n      if (!request.plan) return <MissingPayload request={request} />;\n      return <PlanDecisionControls event={event} request={request} onDecision={onDecision} />;\n    case \"question\":\n      return (\n        <QuestionDecisionControls\n          event={event}\n          request={request}\n          questions={questionsFromApproval(request.questions ?? [])}\n          onDecision={onDecision}\n        />\n      );\n    case \"command\":\n    case \"filesystem\":\n    case \"network\":\n    case \"tool\":\n      return <PendingDecisionControls event={event} request={request} onDecision={onDecision} />;\n  }\n}\n\nfunction MissingPayload({ request }: { request: ApprovalRequest }) {\n  return (\n    <div role=\"alert\" className=\"text-xs text-rose-600\">\n      This {request.kind} approval for {request.tool} is missing its {request.kind} payload.\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs","DetailBlock","Markdown","questionsFromApproval","QuestionCard","PermissionsControls","ElicitationUrlControls","ElicitationFormControls","PlanDecisionControls","QuestionDecisionControls","PendingDecisionControls"],"mappings":"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"}

package/dist/data/ai/SessionViewer.approval-body.d.ts

@@ -0,0 +1,11 @@
+import { ApprovalRequest } from './approval-request.js';
+import { SessionEvent } from './SessionViewer.model.js';
+import { DecisionHandler } from './SessionViewer.decision.js';
+/** The body of a typed approval: what is being asked for, then the controls for
+ *  its kind. Without `onDecision` it only describes the request. */
+export declare function TypedApprovalBody({ event, request, onDecision, }: {
+    event: SessionEvent;
+    request: ApprovalRequest;
+    onDecision?: DecisionHandler | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionViewer.approval-body.d.ts.map

package/dist/data/ai/SessionViewer.approval-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AA2FhE;oEACoE;AACpE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC1C,+BAoBA"}

package/dist/data/ai/SessionViewer.approval-body.js

@@ -0,0 +1,146 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { questionsFromApproval } from "./SessionViewer.input.js";
+import { ElicitationUrlControls, ElicitationFormControls, PermissionsControls } from "./SessionViewer.approval-forms.js";
+import { PendingDecisionControls, QuestionDecisionControls, PlanDecisionControls } from "./SessionViewer.decision-controls.js";
+import { Markdown } from "../Markdown.js";
+import { DetailBlock, QuestionCard } from "./SessionViewer.tool-details.js";
+function Badge({ tone, children }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "rounded px-1.5 py-0.5 text-[11px] font-medium",
+        tone === "amber" && "bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300",
+        tone === "rose" && "bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+      ),
+      children
+    }
+  );
+}
+function Fact({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 text-xs", children: [
+    /* @__PURE__ */ jsx("dt", { className: "w-14 shrink-0 text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "min-w-0 flex-1 break-all", children })
+  ] });
+}
+function Mono({ children }) {
+  return /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children });
+}
+function RequestFacts({ request }) {
+  var _a, _b;
+  const { command, filesystem, network, elicitation, plan } = request;
+  return /* @__PURE__ */ jsxs("dl", { className: "space-y-1", children: [
+    (command == null ? void 0 : command.command) && /* @__PURE__ */ jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsx(Mono, { children: command.command }) }),
+    (command == null ? void 0 : command.stdin) && /* @__PURE__ */ jsx(Fact, { label: "Stdin", children: /* @__PURE__ */ jsxs("span", { children: [
+      "terminal ",
+      command.stdin.terminal,
+      ": ",
+      /* @__PURE__ */ jsx(Mono, { children: JSON.stringify(command.stdin.chars) })
+    ] }) }),
+    (command == null ? void 0 : command.cwd) && /* @__PURE__ */ jsx(Fact, { label: "Cwd", children: /* @__PURE__ */ jsx(Mono, { children: command.cwd }) }),
+    (command == null ? void 0 : command.proposedPolicy) && command.proposedPolicy.length > 0 && /* @__PURE__ */ jsx(Fact, { label: "Rule", children: /* @__PURE__ */ jsxs("span", { "data-approval-proposed-policy": true, className: "text-muted-foreground", children: [
+      "Proposed rule (not applied): ",
+      command.proposedPolicy.join(" ")
+    ] }) }),
+    filesystem && /* @__PURE__ */ jsx(Fact, { label: "Action", children: /* @__PURE__ */ jsx("span", { children: filesystem.operation }) }),
+    (_a = filesystem == null ? void 0 : filesystem.paths) == null ? void 0 : _a.map((path) => /* @__PURE__ */ jsx(Fact, { label: "Path", children: /* @__PURE__ */ jsx(Mono, { children: path }) }, path)),
+    (_b = filesystem == null ? void 0 : filesystem.changes) == null ? void 0 : _b.map((change) => /* @__PURE__ */ jsx(Fact, { label: "Change", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: change.kind }),
+      /* @__PURE__ */ jsx(Mono, { children: change.path })
+    ] }) }, `${change.kind}:${change.path}`)),
+    (network == null ? void 0 : network.host) && /* @__PURE__ */ jsx(Fact, { label: "Host", children: /* @__PURE__ */ jsx("span", { children: network.host }) }),
+    (network == null ? void 0 : network.protocol) && /* @__PURE__ */ jsx(Fact, { label: "Protocol", children: /* @__PURE__ */ jsx("span", { children: network.protocol }) }),
+    (network == null ? void 0 : network.url) && /* @__PURE__ */ jsx(Fact, { label: "URL", children: /* @__PURE__ */ jsx(Mono, { children: network.url }) }),
+    (network == null ? void 0 : network.command) && /* @__PURE__ */ jsx(Fact, { label: "Command", children: /* @__PURE__ */ jsx(Mono, { children: network.command }) }),
+    elicitation && /* @__PURE__ */ jsx(Fact, { label: "Server", children: /* @__PURE__ */ jsx("span", { children: elicitation.server }) }),
+    (elicitation == null ? void 0 : elicitation.message) && /* @__PURE__ */ jsx(Fact, { label: "Message", children: /* @__PURE__ */ jsx("span", { children: elicitation.message }) }),
+    (plan == null ? void 0 : plan.path) && /* @__PURE__ */ jsx(Fact, { label: "Plan", children: /* @__PURE__ */ jsx(Mono, { children: plan.path }) }),
+    request.reason && /* @__PURE__ */ jsx(Fact, { label: "Reason", children: /* @__PURE__ */ jsx("span", { children: request.reason }) })
+  ] });
+}
+function RequestFlags({ request }) {
+  var _a;
+  const unsandboxed = ((_a = request.command) == null ? void 0 : _a.unsandboxed) === true;
+  if (!request.escalates && !unsandboxed) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+    request.escalates && /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "Escalates sandbox" }),
+    unsandboxed && /* @__PURE__ */ jsx(Badge, { tone: "rose", children: "Unsandboxed" })
+  ] });
+}
+function TypedApprovalBody({
+  event,
+  request,
+  onDecision
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", "data-approval-kind": request.kind, children: [
+    /* @__PURE__ */ jsx(RequestFlags, { request }),
+    /* @__PURE__ */ jsx(RequestFacts, { request }),
+    request.kind === "tool" && request.input && /* @__PURE__ */ jsx(DetailBlock, { language: "json", source: JSON.stringify(request.input, null, 2) }),
+    request.kind === "plan" && request.plan && /* @__PURE__ */ jsx("div", { "data-approval-plan": true, className: "rounded-md border border-border bg-background p-density-3 text-sm", children: /* @__PURE__ */ jsx(Markdown, { text: request.plan.content }) }),
+    request.kind === "question" && questionsFromApproval(request.questions ?? []).map((question, index) => /* @__PURE__ */ jsx(QuestionCard, { question, index }, `${question.id}-${index}`)),
+    onDecision && /* @__PURE__ */ jsx(KindControls, { event, request, onDecision })
+  ] });
+}
+function KindControls({
+  event,
+  request,
+  onDecision
+}) {
+  switch (request.kind) {
+    case "permissions":
+      return /* @__PURE__ */ jsx(PermissionsControls, { event, request, onDecision });
+    case "elicitation":
+      if (!request.elicitation) return /* @__PURE__ */ jsx(MissingPayload, { request });
+      return request.elicitation.mode === "url" ? /* @__PURE__ */ jsx(
+        ElicitationUrlControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      ) : /* @__PURE__ */ jsx(
+        ElicitationFormControls,
+        {
+          event,
+          request,
+          elicitation: request.elicitation,
+          onDecision
+        }
+      );
+    case "plan":
+      if (!request.plan) return /* @__PURE__ */ jsx(MissingPayload, { request });
+      return /* @__PURE__ */ jsx(PlanDecisionControls, { event, request, onDecision });
+    case "question":
+      return /* @__PURE__ */ jsx(
+        QuestionDecisionControls,
+        {
+          event,
+          request,
+          questions: questionsFromApproval(request.questions ?? []),
+          onDecision
+        }
+      );
+    case "command":
+    case "filesystem":
+    case "network":
+    case "tool":
+      return /* @__PURE__ */ jsx(PendingDecisionControls, { event, request, onDecision });
+  }
+}
+function MissingPayload({ request }) {
+  return /* @__PURE__ */ jsxs("div", { role: "alert", className: "text-xs text-rose-600", children: [
+    "This ",
+    request.kind,
+    " approval for ",
+    request.tool,
+    " is missing its ",
+    request.kind,
+    " payload."
+  ] });
+}
+export {
+  TypedApprovalBody
+};
+//# sourceMappingURL=SessionViewer.approval-body.js.map

package/dist/data/ai/SessionViewer.approval-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.approval-body.js","sources":["../../../src/data/ai/SessionViewer.approval-body.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { ApprovalRequest } from \"./approval-request\";\nimport { questionsFromApproval } from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport {\n  ElicitationFormControls,\n  ElicitationUrlControls,\n  PermissionsControls,\n} from \"./SessionViewer.approval-forms\";\nimport type { DecisionHandler } from \"./SessionViewer.decision\";\nimport {\n  PendingDecisionControls,\n  PlanDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport { Markdown } from \"../Markdown\";\nimport { DetailBlock, QuestionCard } from \"./SessionViewer.tool-details\";\n\nfunction Badge({ tone, children }: { tone: \"amber\" | \"rose\"; children: ReactNode }) {\n  return (\n    <span\n      className={cn(\n        \"rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        tone === \"amber\" && \"bg-amber-500/15 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n        tone === \"rose\" && \"bg-rose-500/15 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <div className=\"flex items-baseline gap-2 text-xs\">\n      <dt className=\"w-14 shrink-0 text-muted-foreground\">{label}</dt>\n      <dd className=\"min-w-0 flex-1 break-all\">{children}</dd>\n    </div>\n  );\n}\n\nfunction Mono({ children }: { children: ReactNode }) {\n  return <code className=\"font-mono text-foreground\">{children}</code>;\n}\n\nfunction RequestFacts({ request }: { request: ApprovalRequest }) {\n  const { command, filesystem, network, elicitation, plan } = request;\n  return (\n    <dl className=\"space-y-1\">\n      {command?.command && <Fact label=\"Command\"><Mono>{command.command}</Mono></Fact>}\n      {command?.stdin && (\n        <Fact label=\"Stdin\">\n          <span>\n            terminal {command.stdin.terminal}: <Mono>{JSON.stringify(command.stdin.chars)}</Mono>\n          </span>\n        </Fact>\n      )}\n      {command?.cwd && <Fact label=\"Cwd\"><Mono>{command.cwd}</Mono></Fact>}\n      {command?.proposedPolicy && command.proposedPolicy.length > 0 && (\n        <Fact label=\"Rule\">\n          <span data-approval-proposed-policy className=\"text-muted-foreground\">\n            Proposed rule (not applied): {command.proposedPolicy.join(\" \")}\n          </span>\n        </Fact>\n      )}\n      {filesystem && <Fact label=\"Action\"><span>{filesystem.operation}</span></Fact>}\n      {filesystem?.paths?.map((path) => (\n        <Fact key={path} label=\"Path\"><Mono>{path}</Mono></Fact>\n      ))}\n      {filesystem?.changes?.map((change) => (\n        <Fact key={`${change.kind}:${change.path}`} label=\"Change\">\n          <span className=\"inline-flex gap-1.5\">\n            <span className=\"font-medium\">{change.kind}</span>\n            <Mono>{change.path}</Mono>\n          </span>\n        </Fact>\n      ))}\n      {network?.host && <Fact label=\"Host\"><span>{network.host}</span></Fact>}\n      {network?.protocol && <Fact label=\"Protocol\"><span>{network.protocol}</span></Fact>}\n      {network?.url && <Fact label=\"URL\"><Mono>{network.url}</Mono></Fact>}\n      {network?.command && <Fact label=\"Command\"><Mono>{network.command}</Mono></Fact>}\n      {elicitation && <Fact label=\"Server\"><span>{elicitation.server}</span></Fact>}\n      {elicitation?.message && <Fact label=\"Message\"><span>{elicitation.message}</span></Fact>}\n      {plan?.path && <Fact label=\"Plan\"><Mono>{plan.path}</Mono></Fact>}\n      {request.reason && <Fact label=\"Reason\"><span>{request.reason}</span></Fact>}\n    </dl>\n  );\n}\n\nfunction RequestFlags({ request }: { request: ApprovalRequest }) {\n  const unsandboxed = request.command?.unsandboxed === true;\n  if (!request.escalates && !unsandboxed) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {request.escalates && <Badge tone=\"amber\">Escalates sandbox</Badge>}\n      {unsandboxed && <Badge tone=\"rose\">Unsandboxed</Badge>}\n    </div>\n  );\n}\n\n/** The body of a typed approval: what is being asked for, then the controls for\n *  its kind. Without `onDecision` it only describes the request. */\nexport function TypedApprovalBody({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision?: DecisionHandler | undefined;\n}) {\n  return (\n    <div className=\"mt-1.5 space-y-1.5\" data-approval-kind={request.kind}>\n      <RequestFlags request={request} />\n      <RequestFacts request={request} />\n      {request.kind === \"tool\" && request.input && (\n        <DetailBlock language=\"json\" source={JSON.stringify(request.input, null, 2)} />\n      )}\n      {request.kind === \"plan\" && request.plan && (\n        <div data-approval-plan className=\"rounded-md border border-border bg-background p-density-3 text-sm\">\n          <Markdown text={request.plan.content} />\n        </div>\n      )}\n      {request.kind === \"question\" &&\n        questionsFromApproval(request.questions ?? []).map((question, index) => (\n          <QuestionCard key={`${question.id}-${index}`} question={question} index={index} />\n        ))}\n      {onDecision && <KindControls event={event} request={request} onDecision={onDecision} />}\n    </div>\n  );\n}\n\nfunction KindControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}) {\n  switch (request.kind) {\n    case \"permissions\":\n      return <PermissionsControls event={event} request={request} onDecision={onDecision} />;\n    case \"elicitation\":\n      if (!request.elicitation) return <MissingPayload request={request} />;\n      return request.elicitation.mode === \"url\" ? (\n        <ElicitationUrlControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      ) : (\n        <ElicitationFormControls\n          event={event}\n          request={request}\n          elicitation={request.elicitation}\n          onDecision={onDecision}\n        />\n      );\n    case \"plan\":\n      if (!request.plan) return <MissingPayload request={request} />;\n      return <PlanDecisionControls event={event} request={request} onDecision={onDecision} />;\n    case \"question\":\n      return (\n        <QuestionDecisionControls\n          event={event}\n          request={request}\n          questions={questionsFromApproval(request.questions ?? [])}\n          onDecision={onDecision}\n        />\n      );\n    case \"command\":\n    case \"filesystem\":\n    case \"network\":\n    case \"tool\":\n      return <PendingDecisionControls event={event} request={request} onDecision={onDecision} />;\n  }\n}\n\nfunction MissingPayload({ request }: { request: ApprovalRequest }) {\n  return (\n    <div role=\"alert\" className=\"text-xs text-rose-600\">\n      This {request.kind} approval for {request.tool} is missing its {request.kind} payload.\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}