@flanksource/clicky-ui 0.3.43 → 0.3.45

package/dist/data/ai/SessionViewer.tool-row.js

@@ -9,11 +9,13 @@ import { ResponseBlock, InlineParams, DiffBlock, DetailBlock, QuestionCard } fro
 import { hasApprovalBody } from "./approval-request.js";
 import { TypedApprovalBody } from "./SessionViewer.approval-body.js";
 import { PendingDecisionControls, QuestionDecisionControls } from "./SessionViewer.decision-controls.js";
+import { EstimatedToolCost } from "./SessionViewer.tool-cost.js";
 import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
 function ToolBody({
   event,
   visual,
   defaultExpanded,
+  showEstimatedToolCost = false,
   onPendingToolDecision
 }) {
   const summary = summarizeToolInput(
@@ -23,21 +25,27 @@ function ToolBody({
   );
   const command = shellCommand(event.tool ?? "", event.toolInput);
   const [open, setOpen] = useState(defaultExpanded);
+  const cost = showEstimatedToolCost ? /* @__PURE__ */ jsx(EstimatedToolCost, { events: [event] }) : null;
+  const costFooter = showEstimatedToolCost ? /* @__PURE__ */ jsx(EstimatedToolCost, { events: [event], detailed: true }) : null;
+  const hasDetail = event.toolResponse !== void 0 || command === void 0 && event.toolInput !== void 0 || showEstimatedToolCost && event.estimatedCost !== void 0;
   if (event.tool === "AskUserQuestion" || event.approvalKind === "question") {
     return /* @__PURE__ */ jsx(
       QuestionToolBody,
       {
         event,
         visual,
-        onDecision: onPendingToolDecision
+        onDecision: onPendingToolDecision,
+        cost,
+        costFooter
       }
     );
   }
   if (event.pending && hasApprovalBody(event.approvalRequest)) {
     return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-foreground", children: visual.label }),
-        /* @__PURE__ */ jsx(ApprovalBadge, { event })
+        /* @__PURE__ */ jsx(ApprovalBadge, { event }),
+        /* @__PURE__ */ jsx("span", { className: "ml-auto", children: cost })
       ] }),
       /* @__PURE__ */ jsx(
         TypedApprovalBody,
@@ -46,15 +54,17 @@ function ToolBody({
           request: event.approvalRequest,
           onDecision: onPendingToolDecision
         }
-      )
+      ),
+      costFooter
     ] });
   }
   if (command !== void 0) {
     return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { "data-tool-header": true, className: "flex items-start gap-1.5", children: [
         /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(CodeBlock, { bare: true, language: "bash", source: command }) }),
         /* @__PURE__ */ jsx(ApprovalBadge, { event }),
-        event.toolResponse !== void 0 && /* @__PURE__ */ jsx(
+        cost,
+        hasDetail && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -75,7 +85,10 @@ function ToolBody({
           }
         )
       ] }),
-      open && event.toolResponse !== void 0 && /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx(ResponseBlock, { response: event.toolResponse }) }),
+      open && hasDetail && /* @__PURE__ */ jsxs("div", { className: "mt-1.5", children: [
+        event.toolResponse !== void 0 && /* @__PURE__ */ jsx(ResponseBlock, { response: event.toolResponse }),
+        costFooter
+      ] }),
       event.pending && onPendingToolDecision && /* @__PURE__ */ jsx(
         PendingDecisionControls,
         {
@@ -86,7 +99,6 @@ function ToolBody({
       )
     ] });
   }
-  const hasDetail = event.toolInput !== void 0 || event.toolResponse !== void 0;
   const params = toolInputParams(event.tool ?? "", event.toolInput, event.cwd);
   const diff = toolDiff(event.tool ?? "", event.toolInput);
   const header = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -105,28 +117,31 @@ function ToolBody({
     params.length > 0 && /* @__PURE__ */ jsx(InlineParams, { params })
   ] });
   return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
-    hasDetail ? /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-expanded": open,
-        onClick: () => setOpen((value) => !value),
-        className: "flex w-full items-center gap-1.5 text-left hover:text-foreground",
-        children: [
-          header,
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              icon: UiChevronDown,
-              className: cn(
-                "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
-                open && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: header }),
+    /* @__PURE__ */ jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
+      hasDetail ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": open,
+          onClick: () => setOpen((value) => !value),
+          className: "flex min-w-0 flex-1 items-center gap-1.5 text-left hover:text-foreground",
+          children: [
+            header,
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: UiChevronDown,
+                className: cn(
+                  "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
+                  open && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: header }),
+      cost
+    ] }),
     open && hasDetail && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
       diff ? /* @__PURE__ */ jsx(DiffBlock, { diff }) : event.toolInput !== void 0 && /* @__PURE__ */ jsx(
         DetailBlock,
@@ -135,7 +150,8 @@ function ToolBody({
           source: JSON.stringify(event.toolInput, null, 2)
         }
       ),
-      event.toolResponse !== void 0 && /* @__PURE__ */ jsx(ResponseBlock, { response: event.toolResponse })
+      event.toolResponse !== void 0 && /* @__PURE__ */ jsx(ResponseBlock, { response: event.toolResponse }),
+      costFooter
     ] }),
     event.pending && onPendingToolDecision && /* @__PURE__ */ jsx(
       PendingDecisionControls,
@@ -150,7 +166,9 @@ function ToolBody({
 function QuestionToolBody({
   event,
   visual,
-  onDecision
+  onDecision,
+  cost,
+  costFooter
 }) {
   var _a;
   const typedQuestions = (_a = event.approvalRequest) == null ? void 0 : _a.questions;
@@ -161,10 +179,11 @@ function QuestionToolBody({
     event.cwd
   );
   return /* @__PURE__ */ jsxs("div", { className: "not-prose", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-foreground", children: visual.label }),
       /* @__PURE__ */ jsx(ApprovalBadge, { event }),
-      summary && questions.length !== 1 && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: summary })
+      summary && questions.length !== 1 && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: summary }),
+      /* @__PURE__ */ jsx("span", { className: "ml-auto", children: cost })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
       questions.length > 0 ? questions.map((question, index) => /* @__PURE__ */ jsx(
@@ -193,7 +212,8 @@ function QuestionToolBody({
           questions,
           onDecision
         }
-      )
+      ),
+      costFooter
     ] })
   ] });
 }

package/dist/data/ai/SessionViewer.tool-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-row.js","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { Icon } from \"../Icon\";\nimport {\n  questionsFromApproval,\n  questionsFromToolInput,\n  shellCommand,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n} from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { ApprovalBadge } from \"./SessionViewer.row-metadata\";\nimport {\n  DetailBlock,\n  DiffBlock,\n  InlineParams,\n  QuestionCard,\n  ResponseBlock,\n} from \"./SessionViewer.tool-details\";\nimport { hasApprovalBody } from \"./approval-request\";\nimport { TypedApprovalBody } from \"./SessionViewer.approval-body\";\nimport {\n  PendingDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\n\nexport function ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string; summaryOnly: boolean };\n  defaultExpanded: boolean;\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n  const command = shellCommand(event.tool ?? \"\", event.toolInput);\n  const [open, setOpen] = useState(defaultExpanded);\n\n  if (event.tool === \"AskUserQuestion\" || event.approvalKind === \"question\") {\n    return (\n      <QuestionToolBody\n        event={event}\n        visual={visual}\n        onDecision={onPendingToolDecision}\n      />\n    );\n  }\n\n  if (event.pending && hasApprovalBody(event.approvalRequest)) {\n    return (\n      <div className=\"not-prose\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"shrink-0 font-medium text-foreground\">\n            {visual.label}\n          </span>\n          <ApprovalBadge event={event} />\n        </div>\n        <TypedApprovalBody\n          event={event}\n          request={event.approvalRequest}\n          onDecision={onPendingToolDecision}\n        />\n      </div>\n    );\n  }\n\n  if (command !== undefined) {\n    return (\n      <div className=\"not-prose\">\n        <div className=\"flex items-start gap-1.5\">\n          <div className=\"min-w-0 flex-1\">\n            <CodeBlock bare language=\"bash\" source={command} />\n          </div>\n          <ApprovalBadge event={event} />\n          {event.toolResponse !== undefined && (\n            <button\n              type=\"button\"\n              aria-expanded={open}\n              aria-label=\"Toggle response\"\n              onClick={() => setOpen((value) => !value)}\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon\n                icon={UiChevronDown}\n                className={cn(\n                  \"size-3 shrink-0 transition-transform\",\n                  open && \"rotate-180\",\n                )}\n              />\n            </button>\n          )}\n        </div>\n        {open && event.toolResponse !== undefined && (\n          <div className=\"mt-1.5\">\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onPendingToolDecision && (\n          <PendingDecisionControls\n            event={event}\n            request={event.approvalRequest}\n            onDecision={onPendingToolDecision}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const hasDetail =\n    event.toolInput !== undefined || event.toolResponse !== undefined;\n  const params = toolInputParams(event.tool ?? \"\", event.toolInput, event.cwd);\n  const diff = toolDiff(event.tool ?? \"\", event.toolInput);\n  const header = (\n    <>\n      {visual.summaryOnly && summary ? (\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground \">\n          {summary}\n        </span>\n      ) : (\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n      )}\n      {diff && (\n        <span className=\"shrink-0 font-mono text-xs\">\n          {diff.added > 0 && (\n            <span className=\"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\">\n              +{diff.added}\n            </span>\n          )}\n          {diff.removed > 0 && (\n            <span className=\"ml-1 text-rose-600 [[data-theme=dark]_&]:text-rose-400\">\n              -{diff.removed}\n            </span>\n          )}\n        </span>\n      )}\n      <ApprovalBadge event={event} />\n      {params.length > 0 && <InlineParams params={params} />}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      {hasDetail ? (\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          {header}\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n      ) : (\n        <div className=\"flex items-center gap-1.5\">{header}</div>\n      )}\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {diff ? (\n            <DiffBlock diff={diff} />\n          ) : (\n            event.toolInput !== undefined && (\n              <DetailBlock\n                language=\"json\"\n                source={JSON.stringify(event.toolInput, null, 2)}\n              />\n            )\n          )}\n          {event.toolResponse !== undefined && (\n            <ResponseBlock response={event.toolResponse} />\n          )}\n        </div>\n      )}\n      {event.pending && onPendingToolDecision && (\n        <PendingDecisionControls\n          event={event}\n          request={event.approvalRequest}\n          onDecision={onPendingToolDecision}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string };\n  onDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const typedQuestions = event.approvalRequest?.questions;\n  const questions = typedQuestions?.length\n    ? questionsFromApproval(typedQuestions)\n    : questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n\n  return (\n    <div className=\"not-prose\">\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            {summary}\n          </span>\n        )}\n      </div>\n      <div className=\"mt-1.5 space-y-1.5\">\n        {questions.length > 0 ? (\n          questions.map((question, index) => (\n            <QuestionCard\n              key={`${question.id}-${index}`}\n              question={question}\n              index={index}\n            />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock\n            language=\"json\"\n            source={JSON.stringify(event.toolInput, null, 2)}\n          />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n              Answer\n            </div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls\n            event={event}\n            request={event.approvalRequest}\n            questions={questions}\n            onDecision={onDecision}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AA8BO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,UAAU;AAAA,IACd,MAAM,QAAQ;AAAA,IACd,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAER,QAAM,UAAU,aAAa,MAAM,QAAQ,IAAI,MAAM,SAAS;AAC9D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,eAAe;AAEhD,MAAI,MAAM,SAAS,qBAAqB,MAAM,iBAAiB,YAAY;AACzE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AAEA,MAAI,MAAM,WAAW,gBAAgB,MAAM,eAAe,GAAG;AAC3D,WACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,wCACb,UAAA,OAAO,OACV;AAAA,QACA,oBAAC,iBAAc,MAAA,CAAc;AAAA,MAAA,GAC/B;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS,MAAM;AAAA,UACf,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,GACF;AAAA,EAEJ;AAEA,MAAI,YAAY,QAAW;AACzB,WACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,kBACb,UAAA,oBAAC,WAAA,EAAU,MAAI,MAAC,UAAS,QAAO,QAAQ,QAAA,CAAS,GACnD;AAAA,QACA,oBAAC,iBAAc,OAAc;AAAA,QAC5B,MAAM,iBAAiB,UACtB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,cAAW;AAAA,YACX,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,YACxC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT;AAAA,kBACA,QAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACC,QAAQ,MAAM,iBAAiB,UAC9B,oBAAC,OAAA,EAAI,WAAU,UACb,UAAA,oBAAC,eAAA,EAAc,UAAU,MAAM,cAAc,GAC/C;AAAA,MAED,MAAM,WAAW,yBAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS,MAAM;AAAA,UACf,YAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd,GAEJ;AAAA,EAEJ;AAEA,QAAM,YACJ,MAAM,cAAc,UAAa,MAAM,iBAAiB;AAC1D,QAAM,SAAS,gBAAgB,MAAM,QAAQ,IAAI,MAAM,WAAW,MAAM,GAAG;AAC3E,QAAM,OAAO,SAAS,MAAM,QAAQ,IAAI,MAAM,SAAS;AACvD,QAAM,SACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,OAAO,eAAe,UACrB,oBAAC,QAAA,EAAK,WAAU,uDACb,UAAA,QAAA,CACH,IAEA,oBAAC,QAAA,EAAK,WAAU,wCACb,iBAAO,OACV;AAAA,IAED,QACC,qBAAC,QAAA,EAAK,WAAU,8BACb,UAAA;AAAA,MAAA,KAAK,QAAQ,KACZ,qBAAC,QAAA,EAAK,WAAU,2DAA0D,UAAA;AAAA,QAAA;AAAA,QACtE,KAAK;AAAA,MAAA,GACT;AAAA,MAED,KAAK,UAAU,KACd,qBAAC,QAAA,EAAK,WAAU,0DAAyD,UAAA;AAAA,QAAA;AAAA,QACrE,KAAK;AAAA,MAAA,EAAA,CACT;AAAA,IAAA,GAEJ;AAAA,IAEF,oBAAC,iBAAc,OAAc;AAAA,IAC5B,OAAO,SAAS,KAAK,oBAAC,gBAAa,OAAA,CAAgB;AAAA,EAAA,GACtD;AAGF,SACE,qBAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,YACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,QACxC,WAAU;AAAA,QAET,UAAA;AAAA,UAAA;AAAA,UACD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,WAAW;AAAA,gBACT;AAAA,gBACA,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,IAGF,oBAAC,OAAA,EAAI,WAAU,6BAA6B,UAAA,QAAO;AAAA,IAGpD,QAAQ,aACP,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,2BACE,WAAA,EAAU,KAAA,CAAY,IAEvB,MAAM,cAAc,UAClB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,QAAQ,KAAK,UAAU,MAAM,WAAW,MAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIpD,MAAM,iBAAiB,8BACrB,eAAA,EAAc,UAAU,MAAM,aAAA,CAAc;AAAA,IAAA,GAEjD;AAAA,IAED,MAAM,WAAW,yBAChB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS,MAAM;AAAA,QACf,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GAEJ;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAMG;;AACD,QAAM,kBAAiB,WAAM,oBAAN,mBAAuB;AAC9C,QAAM,aAAY,iDAAgB,UAC9B,sBAAsB,cAAc,IACpC,uBAAuB,MAAM,SAAS;AAC1C,QAAM,UAAU;AAAA,IACd,MAAM,QAAQ;AAAA,IACd,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAGR,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,wCACb,UAAA,OAAO,OACV;AAAA,MACA,oBAAC,iBAAc,OAAc;AAAA,MAC5B,WAAW,UAAU,WAAW,yBAC9B,QAAA,EAAK,WAAU,kDACb,UAAA,QAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,UAAU,SAAS,IAClB,UAAU,IAAI,CAAC,UAAU,UACvB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,QAAA;AAAA,QAFK,GAAG,SAAS,EAAE,IAAI,KAAK;AAAA,MAAA,CAI/B,IACC,MAAM,YACR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,QAAQ,KAAK,UAAU,MAAM,WAAW,MAAM,CAAC;AAAA,QAAA;AAAA,MAAA,IAE/C;AAAA,MACH,MAAM,iBAAiB,UACtB,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,2DAA0D,UAAA,UAEzE;AAAA,QACA,oBAAC,eAAA,EAAc,UAAU,MAAM,aAAA,CAAc;AAAA,MAAA,GAC/C;AAAA,MAED,MAAM,WAAW,cAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS,MAAM;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SessionViewer.tool-row.js","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { UiChevronDown } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { Icon } from \"../Icon\";\nimport {\n  questionsFromApproval,\n  questionsFromToolInput,\n  shellCommand,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n} from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { ApprovalBadge } from \"./SessionViewer.row-metadata\";\nimport {\n  DetailBlock,\n  DiffBlock,\n  InlineParams,\n  QuestionCard,\n  ResponseBlock,\n} from \"./SessionViewer.tool-details\";\nimport { hasApprovalBody } from \"./approval-request\";\nimport { TypedApprovalBody } from \"./SessionViewer.approval-body\";\nimport {\n  PendingDecisionControls,\n  QuestionDecisionControls,\n} from \"./SessionViewer.decision-controls\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { EstimatedToolCost } from \"./SessionViewer.tool-cost\";\n\nexport function ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  showEstimatedToolCost = false,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string; summaryOnly: boolean };\n  defaultExpanded: boolean;\n  showEstimatedToolCost?: boolean;\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n  const command = shellCommand(event.tool ?? \"\", event.toolInput);\n  const [open, setOpen] = useState(defaultExpanded);\n  const cost = showEstimatedToolCost ? <EstimatedToolCost events={[event]} /> : null;\n  const costFooter = showEstimatedToolCost ? <EstimatedToolCost events={[event]} detailed /> : null;\n  const hasDetail = event.toolResponse !== undefined || (command === undefined && event.toolInput !== undefined) || (showEstimatedToolCost && event.estimatedCost !== undefined);\n\n  if (event.tool === \"AskUserQuestion\" || event.approvalKind === \"question\") {\n    return (\n      <QuestionToolBody\n        event={event}\n        visual={visual}\n        onDecision={onPendingToolDecision}\n        cost={cost}\n        costFooter={costFooter}\n      />\n    );\n  }\n\n  if (event.pending && hasApprovalBody(event.approvalRequest)) {\n    return (\n      <div className=\"not-prose\">\n        <div data-tool-header className=\"flex items-center gap-1.5\">\n          <span className=\"shrink-0 font-medium text-foreground\">\n            {visual.label}\n          </span>\n          <ApprovalBadge event={event} />\n          <span className=\"ml-auto\">{cost}</span>\n        </div>\n        <TypedApprovalBody\n          event={event}\n          request={event.approvalRequest}\n          onDecision={onPendingToolDecision}\n        />\n        {costFooter}\n      </div>\n    );\n  }\n\n  if (command !== undefined) {\n    return (\n      <div className=\"not-prose\">\n        <div data-tool-header className=\"flex items-start gap-1.5\">\n          <div className=\"min-w-0 flex-1\">\n            <CodeBlock bare language=\"bash\" source={command} />\n          </div>\n          <ApprovalBadge event={event} />\n          {cost}\n          {hasDetail && (\n            <button\n              type=\"button\"\n              aria-expanded={open}\n              aria-label=\"Toggle response\"\n              onClick={() => setOpen((value) => !value)}\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon\n                icon={UiChevronDown}\n                className={cn(\n                  \"size-3 shrink-0 transition-transform\",\n                  open && \"rotate-180\",\n                )}\n              />\n            </button>\n          )}\n        </div>\n        {open && hasDetail && (\n          <div className=\"mt-1.5\">\n            {event.toolResponse !== undefined && <ResponseBlock response={event.toolResponse} />}\n            {costFooter}\n          </div>\n        )}\n        {event.pending && onPendingToolDecision && (\n          <PendingDecisionControls\n            event={event}\n            request={event.approvalRequest}\n            onDecision={onPendingToolDecision}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const params = toolInputParams(event.tool ?? \"\", event.toolInput, event.cwd);\n  const diff = toolDiff(event.tool ?? \"\", event.toolInput);\n  const header = (\n    <>\n      {visual.summaryOnly && summary ? (\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground \">\n          {summary}\n        </span>\n      ) : (\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n      )}\n      {diff && (\n        <span className=\"shrink-0 font-mono text-xs\">\n          {diff.added > 0 && (\n            <span className=\"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\">\n              +{diff.added}\n            </span>\n          )}\n          {diff.removed > 0 && (\n            <span className=\"ml-1 text-rose-600 [[data-theme=dark]_&]:text-rose-400\">\n              -{diff.removed}\n            </span>\n          )}\n        </span>\n      )}\n      <ApprovalBadge event={event} />\n      {params.length > 0 && <InlineParams params={params} />}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      <div data-tool-header className=\"flex items-center gap-1.5\">\n        {hasDetail ? (\n          <button\n            type=\"button\"\n            aria-expanded={open}\n            onClick={() => setOpen((value) => !value)}\n            className=\"flex min-w-0 flex-1 items-center gap-1.5 text-left hover:text-foreground\"\n          >\n            {header}\n            <Icon\n              icon={UiChevronDown}\n              className={cn(\n                \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n                open && \"rotate-180\",\n              )}\n            />\n          </button>\n        ) : (\n          <div className=\"flex min-w-0 flex-1 items-center gap-1.5\">{header}</div>\n        )}\n        {cost}\n      </div>\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {diff ? (\n            <DiffBlock diff={diff} />\n          ) : (\n            event.toolInput !== undefined && (\n              <DetailBlock\n                language=\"json\"\n                source={JSON.stringify(event.toolInput, null, 2)}\n              />\n            )\n          )}\n          {event.toolResponse !== undefined && (\n            <ResponseBlock response={event.toolResponse} />\n          )}\n          {costFooter}\n        </div>\n      )}\n      {event.pending && onPendingToolDecision && (\n        <PendingDecisionControls\n          event={event}\n          request={event.approvalRequest}\n          onDecision={onPendingToolDecision}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n  cost,\n  costFooter,\n}: {\n  event: SessionEvent;\n  visual: { label: string };\n  cost: ReactNode;\n  costFooter: ReactNode;\n  onDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const typedQuestions = event.approvalRequest?.questions;\n  const questions = typedQuestions?.length\n    ? questionsFromApproval(typedQuestions)\n    : questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n\n  return (\n    <div className=\"not-prose\">\n      <div data-tool-header className=\"flex items-center gap-1.5\">\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 flex-1 truncate text-xs text-muted-foreground\">\n            {summary}\n          </span>\n        )}\n        <span className=\"ml-auto\">{cost}</span>\n      </div>\n      <div className=\"mt-1.5 space-y-1.5\">\n        {questions.length > 0 ? (\n          questions.map((question, index) => (\n            <QuestionCard\n              key={`${question.id}-${index}`}\n              question={question}\n              index={index}\n            />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock\n            language=\"json\"\n            source={JSON.stringify(event.toolInput, null, 2)}\n          />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n              Answer\n            </div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls\n            event={event}\n            request={event.approvalRequest}\n            questions={questions}\n            onDecision={onDecision}\n          />\n        )}\n        {costFooter}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -33,6 +33,10 @@ export interface SessionUIPart {
     data?: unknown;
     approval?: SessionApproval;
     pending?: boolean;
+    estimatedCost?: {
+        cost: SessionCost;
+        sharedCalls: number;
+    };
 }
 /** One message in a session (AI SDK v6 UIMessage + provenance). */
 export interface SessionUIMessage {

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.unified.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.unified.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewer.unified.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.unified.ts"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewerMenu.cjs

@@ -44,7 +44,12 @@ function SessionViewerMenu({
   hasThinking,
   hasEncryptedReasoning,
   showEncryptedReasoning,
-  onToggleEncryptedReasoning
+  onToggleEncryptedReasoning,
+  showEstimatedToolCost,
+  onToggleEstimatedToolCost,
+  onEstimateTokens,
+  onCalculateMissingTokens,
+  estimatingTokens
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenu.DropdownMenu,
@@ -77,6 +82,18 @@ function SessionViewerMenu({
             onChange: onThemeChange
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
+          onEstimateTokens && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", role: "menuitem", className: ROW_CLASS, disabled: estimatingTokens, onClick: onEstimateTokens, children: "Estimate tokens/cost for all rows" }),
+          onCalculateMissingTokens && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", role: "menuitem", className: ROW_CLASS, disabled: estimatingTokens, onClick: onCalculateMissingTokens, children: "Calculate missing rows" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CheckRow,
+            {
+              label: "Show estimated tool cost",
+              checked: showEstimatedToolCost,
+              onToggle: onToggleEstimatedToolCost
+            }
+          )
+        ] }),
         filters.categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
           CheckRow,
           {

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.cjs","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n  hasEncryptedReasoning: boolean;\n  showEncryptedReasoning: boolean;\n  onToggleEncryptedReasoning: () => void;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n  hasEncryptedReasoning,\n  showEncryptedReasoning,\n  onToggleEncryptedReasoning,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n              {hasEncryptedReasoning && (\n                <CheckRow label=\"Encrypted reasoning\" checked={showEncryptedReasoning} onToggle={onToggleEncryptedReasoning} />\n              )}\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiResizeVertical","UiRows","UiListFlat","UiListDashes","UiDesktop","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","CATEGORY_LABELS","CATEGORY_ICONS","getSessionAction","cn","Icon","UiCheck"],"mappings":"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"}
+{"version":3,"file":"SessionViewerMenu.cjs","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n  hasEncryptedReasoning: boolean;\n  showEncryptedReasoning: boolean;\n  onToggleEncryptedReasoning: () => void;\n  showEstimatedToolCost: boolean;\n  onToggleEstimatedToolCost: () => void;\n  onEstimateTokens?: () => void;\n  onCalculateMissingTokens?: (() => void) | undefined;\n  estimatingTokens?: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n  hasEncryptedReasoning,\n  showEncryptedReasoning,\n  onToggleEncryptedReasoning,\n  showEstimatedToolCost,\n  onToggleEstimatedToolCost,\n  onEstimateTokens,\n  onCalculateMissingTokens,\n  estimatingTokens,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          <Section>\n            {onEstimateTokens && <button type=\"button\" role=\"menuitem\" className={ROW_CLASS} disabled={estimatingTokens} onClick={onEstimateTokens}>Estimate tokens/cost for all rows</button>}\n            {onCalculateMissingTokens && <button type=\"button\" role=\"menuitem\" className={ROW_CLASS} disabled={estimatingTokens} onClick={onCalculateMissingTokens}>Calculate missing rows</button>}\n            <CheckRow\n              label=\"Show estimated tool cost\"\n              checked={showEstimatedToolCost}\n              onToggle={onToggleEstimatedToolCost}\n            />\n          </Section>\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n              {hasEncryptedReasoning && (\n                <CheckRow label=\"Encrypted reasoning\" checked={showEncryptedReasoning} onToggle={onToggleEncryptedReasoning} />\n              )}\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiResizeVertical","UiRows","UiListFlat","UiListDashes","UiDesktop","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","CATEGORY_LABELS","CATEGORY_ICONS","getSessionAction","cn","Icon","UiCheck"],"mappings":"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"}

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

@@ -21,9 +21,14 @@ export interface SessionViewerMenuProps {
     hasEncryptedReasoning: boolean;
     showEncryptedReasoning: boolean;
     onToggleEncryptedReasoning: () => void;
+    showEstimatedToolCost: boolean;
+    onToggleEstimatedToolCost: () => void;
+    onEstimateTokens?: () => void;
+    onCalculateMissingTokens?: (() => void) | undefined;
+    estimatingTokens?: boolean;
 }
 /** The SessionViewer's "3-dot" menu: density and theme overrides as one-line
  *  segmented icon rows, plus visibility toggles for the captain category /
  *  tool / source facets present in the session. */
-export declare function SessionViewerMenu({ menuHeader, density, onDensityChange, theme, onThemeChange, filters, hiddenCategories, hiddenTools, hiddenSources, onToggleCategory, onToggleTool, onToggleSource, showThinking, onToggleThinking, hasThinking, hasEncryptedReasoning, showEncryptedReasoning, onToggleEncryptedReasoning, }: SessionViewerMenuProps): import("react").JSX.Element;
+export declare function SessionViewerMenu({ menuHeader, density, onDensityChange, theme, onThemeChange, filters, hiddenCategories, hiddenTools, hiddenSources, onToggleCategory, onToggleTool, onToggleSource, showThinking, onToggleThinking, hasThinking, hasEncryptedReasoning, showEncryptedReasoning, onToggleEncryptedReasoning, showEstimatedToolCost, onToggleEstimatedToolCost, onEstimateTokens, onCalculateMissingTokens, estimatingTokens, }: SessionViewerMenuProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionViewerMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAqBpD,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/C,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAChC,0BAA0B,EAAE,MAAM,IAAI,CAAC;CACxC;AAED;;mDAEmD;AACnD,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,GAC3B,EAAE,sBAAsB,+BAiFxB"}
+{"version":3,"file":"SessionViewerMenu.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAqBpD,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/C,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAChC,0BAA0B,EAAE,MAAM,IAAI,CAAC;IACvC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,yBAAyB,EAAE,MAAM,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;mDAEmD;AACnD,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,GACjB,EAAE,sBAAsB,+BA2FxB"}

package/dist/data/ai/SessionViewerMenu.js

@@ -42,7 +42,12 @@ function SessionViewerMenu({
   hasThinking,
   hasEncryptedReasoning,
   showEncryptedReasoning,
-  onToggleEncryptedReasoning
+  onToggleEncryptedReasoning,
+  showEstimatedToolCost,
+  onToggleEstimatedToolCost,
+  onEstimateTokens,
+  onCalculateMissingTokens,
+  estimatingTokens
 }) {
   return /* @__PURE__ */ jsx(
     DropdownMenu,
@@ -75,6 +80,18 @@ function SessionViewerMenu({
             onChange: onThemeChange
           }
         ),
+        /* @__PURE__ */ jsxs(Section, { children: [
+          onEstimateTokens && /* @__PURE__ */ jsx("button", { type: "button", role: "menuitem", className: ROW_CLASS, disabled: estimatingTokens, onClick: onEstimateTokens, children: "Estimate tokens/cost for all rows" }),
+          onCalculateMissingTokens && /* @__PURE__ */ jsx("button", { type: "button", role: "menuitem", className: ROW_CLASS, disabled: estimatingTokens, onClick: onCalculateMissingTokens, children: "Calculate missing rows" }),
+          /* @__PURE__ */ jsx(
+            CheckRow,
+            {
+              label: "Show estimated tool cost",
+              checked: showEstimatedToolCost,
+              onToggle: onToggleEstimatedToolCost
+            }
+          )
+        ] }),
         filters.categories.length > 0 && /* @__PURE__ */ jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsx(
           CheckRow,
           {

package/dist/data/ai/SessionViewerMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n  hasEncryptedReasoning: boolean;\n  showEncryptedReasoning: boolean;\n  onToggleEncryptedReasoning: () => void;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n  hasEncryptedReasoning,\n  showEncryptedReasoning,\n  onToggleEncryptedReasoning,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n              {hasEncryptedReasoning && (\n                <CheckRow label=\"Encrypted reasoning\" checked={showEncryptedReasoning} onToggle={onToggleEncryptedReasoning} />\n              )}\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n  hasEncryptedReasoning: boolean;\n  showEncryptedReasoning: boolean;\n  onToggleEncryptedReasoning: () => void;\n  showEstimatedToolCost: boolean;\n  onToggleEstimatedToolCost: () => void;\n  onEstimateTokens?: () => void;\n  onCalculateMissingTokens?: (() => void) | undefined;\n  estimatingTokens?: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n  hasEncryptedReasoning,\n  showEncryptedReasoning,\n  onToggleEncryptedReasoning,\n  showEstimatedToolCost,\n  onToggleEstimatedToolCost,\n  onEstimateTokens,\n  onCalculateMissingTokens,\n  estimatingTokens,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          <Section>\n            {onEstimateTokens && <button type=\"button\" role=\"menuitem\" className={ROW_CLASS} disabled={estimatingTokens} onClick={onEstimateTokens}>Estimate tokens/cost for all rows</button>}\n            {onCalculateMissingTokens && <button type=\"button\" role=\"menuitem\" className={ROW_CLASS} disabled={estimatingTokens} onClick={onCalculateMissingTokens}>Calculate missing rows</button>}\n            <CheckRow\n              label=\"Show estimated tool cost\"\n              checked={showEstimatedToolCost}\n              onToggle={onToggleEstimatedToolCost}\n            />\n          </Section>\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n              {hasEncryptedReasoning && (\n                <CheckRow label=\"Encrypted reasoning\" checked={showEncryptedReasoning} onToggle={onToggleEncryptedReasoning} />\n              )}\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}