@flanksource/clicky-ui 0.3.44 → 0.3.46

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

@@ -0,0 +1,128 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { costTotal } from "./session-cost.js";
+import { UiCoins } from "../../icons/components/UiCoins.js";
+import { formatCost, compactTokens } from "../../lib/tokens.js";
+import { UiDatabaseDown, UiDatabaseUp } from "../../icons/components/UiDatabase.js";
+import { UiArrowUp } from "../../icons/components/UiArrowUp.js";
+import { UiArrowDown } from "../../icons/components/UiArrowDown.js";
+import { UiBrain } from "../../icons/components/UiBrain.js";
+const TOKEN_BUCKETS = [
+  ["inputTokens", "In", "Input", UiArrowUp],
+  ["outputTokens", "Out", "Output", UiArrowDown],
+  ["reasoningTokens", "Reasoning", "Reasoning", UiBrain],
+  ["cacheReadTokens", "Cache read", "Cache read", UiDatabaseDown],
+  ["cacheWriteTokens", "Cache write", "Cache write", UiDatabaseUp]
+];
+function EstimatedToolCost({
+  events,
+  detailed = false
+}) {
+  var _a;
+  const estimates = events.flatMap(
+    (event) => event.estimatedCost ? [event.estimatedCost] : []
+  );
+  if (!estimates.length) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-label": detailed ? "Estimated tool cost details" : "Estimate unavailable",
+        title: "Estimate unavailable",
+        className: "shrink-0 text-[11px] text-muted-foreground",
+        children: detailed ? "Estimate unavailable" : "—"
+      }
+    );
+  }
+  const costs = estimates.map((estimate) => estimate.cost);
+  const total = costs.reduce((sum, cost) => sum + costTotal(cost), 0);
+  const sharedCalls = (_a = estimates[0]) == null ? void 0 : _a.sharedCalls;
+  const allocation = events.length === 1 ? `Model request shared equally across ${sharedCalls} tool call${sharedCalls === 1 ? "" : "s"}.` : `Combined estimate for ${estimates.length} calls; each model request is shared equally across its tool calls.`;
+  const description = `${allocation} Includes conversation context and generating the calls. Reading tool results is accounted for in subsequent model requests. Estimated cost in USD.`;
+  if (!detailed) {
+    const cacheReadTokens = costs.reduce((sum, cost) => sum + (cost.cacheReadTokens ?? 0), 0);
+    const cacheReadDescription = `Cache read delta: ${cacheReadTokens.toLocaleString("en-US")} tokens`;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        role: "group",
+        "aria-label": "Estimated tool cost",
+        title: description,
+        className: "inline-flex shrink-0 items-center gap-0.5 whitespace-nowrap text-[11px] tabular-nums text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx(UiCoins, { className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { children: total > 0 ? `~${formatCost(total)}` : "—" }),
+          cacheReadTokens > 0 && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              role: "group",
+              "aria-label": cacheReadDescription,
+              title: cacheReadDescription,
+              className: "ml-1 inline-flex items-center gap-0.5",
+              children: [
+                /* @__PURE__ */ jsx(UiDatabaseDown, { className: "size-3 shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "+",
+                  compactTokens(cacheReadTokens)
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Estimated tool cost details",
+      title: description,
+      className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-border pt-1.5 text-[11px] tabular-nums text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            role: "group",
+            "aria-label": total > 0 ? `Estimated cost: ${formatCost(total)} USD` : "Cost unavailable",
+            className: "inline-flex items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsx(UiCoins, { className: "size-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { children: "Est." }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: total > 0 ? `~${formatCost(total)}` : "Cost unavailable" }),
+              total > 0 && /* @__PURE__ */ jsx("span", { className: "text-[9px] font-medium", children: "USD" })
+            ]
+          }
+        ),
+        TOKEN_BUCKETS.map(([key, label, name, BucketIcon]) => {
+          const tokens = costs.reduce((sum, cost) => sum + (cost[key] ?? 0), 0);
+          const description2 = `${name}: ${tokens.toLocaleString("en-US")} tokens`;
+          return tokens > 0 ? /* @__PURE__ */ jsxs(
+            "span",
+            {
+              role: "group",
+              "aria-label": description2,
+              title: description2,
+              className: "inline-flex items-center gap-1 whitespace-nowrap",
+              children: [
+                /* @__PURE__ */ jsx(BucketIcon, { className: "size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  label,
+                  " ",
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: compactTokens(tokens) })
+                ] })
+              ]
+            },
+            key
+          ) : null;
+        }),
+        estimates.length < events.length && /* @__PURE__ */ jsxs("span", { children: [
+          events.length - estimates.length,
+          " unavailable"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  EstimatedToolCost
+};
+//# sourceMappingURL=SessionViewer.tool-cost.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-cost.js","sources":["../../../src/data/ai/SessionViewer.tool-cost.tsx"],"sourcesContent":["import type { SessionEvent } from \"./SessionViewer.model\";\nimport { compactTokens, costTotal, formatCost } from \"./session-cost\";\nimport type { SessionCost } from \"./SessionViewer.unified\";\nimport {\n  UiArrowDown,\n  UiArrowUp,\n  UiBrain,\n  UiCoins,\n  UiDatabaseDown,\n  UiDatabaseUp,\n} from \"../../icons\";\n\nconst TOKEN_BUCKETS = [\n  [\"inputTokens\", \"In\", \"Input\", UiArrowUp],\n  [\"outputTokens\", \"Out\", \"Output\", UiArrowDown],\n  [\"reasoningTokens\", \"Reasoning\", \"Reasoning\", UiBrain],\n  [\"cacheReadTokens\", \"Cache read\", \"Cache read\", UiDatabaseDown],\n  [\"cacheWriteTokens\", \"Cache write\", \"Cache write\", UiDatabaseUp],\n] as const;\n\nexport function EstimatedToolCost({\n  events,\n  detailed = false,\n}: {\n  events: SessionEvent[];\n  detailed?: boolean;\n}) {\n  const estimates = events.flatMap((event) =>\n    event.estimatedCost ? [event.estimatedCost] : [],\n  );\n  if (!estimates.length) {\n    return (\n      <span\n        aria-label={\n          detailed ? \"Estimated tool cost details\" : \"Estimate unavailable\"\n        }\n        title=\"Estimate unavailable\"\n        className=\"shrink-0 text-[11px] text-muted-foreground\"\n      >\n        {detailed ? \"Estimate unavailable\" : \"—\"}\n      </span>\n    );\n  }\n  const costs: SessionCost[] = estimates.map((estimate) => estimate.cost);\n  const total = costs.reduce((sum, cost) => sum + costTotal(cost), 0);\n  const sharedCalls = estimates[0]?.sharedCalls;\n  const allocation =\n    events.length === 1\n      ? `Model request shared equally across ${sharedCalls} tool call${sharedCalls === 1 ? \"\" : \"s\"}.`\n      : `Combined estimate for ${estimates.length} calls; each model request is shared equally across its tool calls.`;\n  const description = `${allocation} Includes conversation context and generating the calls. Reading tool results is accounted for in subsequent model requests. Estimated cost in USD.`;\n  if (!detailed) {\n    const cacheReadTokens = costs.reduce((sum, cost) => sum + (cost.cacheReadTokens ?? 0), 0);\n    const cacheReadDescription = `Cache read delta: ${cacheReadTokens.toLocaleString(\"en-US\")} tokens`;\n    return (\n      <span\n        role=\"group\"\n        aria-label=\"Estimated tool cost\"\n        title={description}\n        className=\"inline-flex shrink-0 items-center gap-0.5 whitespace-nowrap text-[11px] tabular-nums text-muted-foreground\"\n      >\n        <UiCoins className=\"size-3 shrink-0\" />\n        <span>{total > 0 ? `~${formatCost(total)}` : \"—\"}</span>\n        {cacheReadTokens > 0 && (\n          <span\n            role=\"group\"\n            aria-label={cacheReadDescription}\n            title={cacheReadDescription}\n            className=\"ml-1 inline-flex items-center gap-0.5\"\n          >\n            <UiDatabaseDown className=\"size-3 shrink-0\" />\n            <span>+{compactTokens(cacheReadTokens)}</span>\n          </span>\n        )}\n      </span>\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Estimated tool cost details\"\n      title={description}\n      className=\"mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 border-t border-border pt-1.5 text-[11px] tabular-nums text-muted-foreground\"\n    >\n      <span\n        role=\"group\"\n        aria-label={\n          total > 0\n            ? `Estimated cost: ${formatCost(total)} USD`\n            : \"Cost unavailable\"\n        }\n        className=\"inline-flex items-center gap-1\"\n      >\n        <UiCoins className=\"size-3.5 shrink-0\" />\n        <span>Est.</span>\n        <span className=\"font-semibold text-foreground\">\n          {total > 0 ? `~${formatCost(total)}` : \"Cost unavailable\"}\n        </span>\n        {total > 0 && <span className=\"text-[9px] font-medium\">USD</span>}\n      </span>\n      {TOKEN_BUCKETS.map(([key, label, name, BucketIcon]) => {\n        const tokens = costs.reduce((sum, cost) => sum + (cost[key] ?? 0), 0);\n        const description = `${name}: ${tokens.toLocaleString(\"en-US\")} tokens`;\n        return tokens > 0 ? (\n          <span\n            key={key}\n            role=\"group\"\n            aria-label={description}\n            title={description}\n            className=\"inline-flex items-center gap-1 whitespace-nowrap\"\n          >\n            <BucketIcon className=\"size-3.5 shrink-0\" />\n            <span>\n              {label}{\" \"}\n              <span className=\"font-medium text-foreground\">\n                {compactTokens(tokens)}\n              </span>\n            </span>\n          </span>\n        ) : null;\n      })}\n      {estimates.length < events.length && (\n        <span>{events.length - estimates.length} unavailable</span>\n      )}\n    </div>\n  );\n}\n"],"names":["description"],"mappings":";;;;;;;;AAYA,MAAM,gBAAgB;AAAA,EACpB,CAAC,eAAe,MAAM,SAAS,SAAS;AAAA,EACxC,CAAC,gBAAgB,OAAO,UAAU,WAAW;AAAA,EAC7C,CAAC,mBAAmB,aAAa,aAAa,OAAO;AAAA,EACrD,CAAC,mBAAmB,cAAc,cAAc,cAAc;AAAA,EAC9D,CAAC,oBAAoB,eAAe,eAAe,YAAY;AACjE;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,WAAW;AACb,GAGG;;AACD,QAAM,YAAY,OAAO;AAAA,IAAQ,CAAC,UAChC,MAAM,gBAAgB,CAAC,MAAM,aAAa,IAAI,CAAA;AAAA,EAAC;AAEjD,MAAI,CAAC,UAAU,QAAQ;AACrB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cACE,WAAW,gCAAgC;AAAA,QAE7C,OAAM;AAAA,QACN,WAAU;AAAA,QAET,qBAAW,yBAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3C;AACA,QAAM,QAAuB,UAAU,IAAI,CAAC,aAAa,SAAS,IAAI;AACtE,QAAM,QAAQ,MAAM,OAAO,CAAC,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,CAAC;AAClE,QAAM,eAAc,eAAU,CAAC,MAAX,mBAAc;AAClC,QAAM,aACJ,OAAO,WAAW,IACd,uCAAuC,WAAW,aAAa,gBAAgB,IAAI,KAAK,GAAG,MAC3F,yBAAyB,UAAU,MAAM;AAC/C,QAAM,cAAc,GAAG,UAAU;AACjC,MAAI,CAAC,UAAU;AACb,UAAM,kBAAkB,MAAM,OAAO,CAAC,KAAK,SAAS,OAAO,KAAK,mBAAmB,IAAI,CAAC;AACxF,UAAM,uBAAuB,qBAAqB,gBAAgB,eAAe,OAAO,CAAC;AACzF,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,SAAA,EAAQ,WAAU,kBAAA,CAAkB;AAAA,UACrC,oBAAC,UAAM,UAAA,QAAQ,IAAI,IAAI,WAAW,KAAK,CAAC,KAAK,IAAA,CAAI;AAAA,UAChD,kBAAkB,KACjB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY;AAAA,cACZ,OAAO;AAAA,cACP,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,oBAAC,gBAAA,EAAe,WAAU,kBAAA,CAAkB;AAAA,qCAC3C,QAAA,EAAK,UAAA;AAAA,kBAAA;AAAA,kBAAE,cAAc,eAAe;AAAA,gBAAA,EAAA,CAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACzC;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,MACP,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cACE,QAAQ,IACJ,mBAAmB,WAAW,KAAK,CAAC,SACpC;AAAA,YAEN,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,oBAAC,SAAA,EAAQ,WAAU,oBAAA,CAAoB;AAAA,cACvC,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,cACV,oBAAC,QAAA,EAAK,WAAU,iCACb,UAAA,QAAQ,IAAI,IAAI,WAAW,KAAK,CAAC,KAAK,mBAAA,CACzC;AAAA,cACC,QAAQ,KAAK,oBAAC,QAAA,EAAK,WAAU,0BAAyB,UAAA,MAAA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3D,cAAc,IAAI,CAAC,CAAC,KAAK,OAAO,MAAM,UAAU,MAAM;AACrD,gBAAM,SAAS,MAAM,OAAO,CAAC,KAAK,SAAS,OAAO,KAAK,GAAG,KAAK,IAAI,CAAC;AACpE,gBAAMA,eAAc,GAAG,IAAI,KAAK,OAAO,eAAe,OAAO,CAAC;AAC9D,iBAAO,SAAS,IACd;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,cAAYA;AAAAA,cACZ,OAAOA;AAAAA,cACP,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,oBAAC,YAAA,EAAW,WAAU,oBAAA,CAAoB;AAAA,qCACzC,QAAA,EACE,UAAA;AAAA,kBAAA;AAAA,kBAAO;AAAA,sCACP,QAAA,EAAK,WAAU,+BACb,UAAA,cAAc,MAAM,EAAA,CACvB;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAZK;AAAA,UAAA,IAcL;AAAA,QACN,CAAC;AAAA,QACA,UAAU,SAAS,OAAO,+BACxB,QAAA,EAAM,UAAA;AAAA,UAAA,OAAO,SAAS,UAAU;AAAA,UAAO;AAAA,QAAA,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI5D;"}

package/dist/data/ai/SessionViewer.tool-details.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const useDensity = require("../../hooks/use-density.cjs");
 const CodeBlock = require("../CodeBlock.cjs");
 const CodeDiff = require("../CodeDiff.cjs");
 function QuestionCard({
@@ -55,7 +56,8 @@ function DetailBlock({
   language,
   source
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { bare: true, language, source }) });
+  const density = useDensity.useDensityValue();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { bare: true, language, source, jsonFormat: density === "compact" ? "yaml" : "json" }) });
 }
 exports.DetailBlock = DetailBlock;
 exports.DiffBlock = DiffBlock;

package/dist/data/ai/SessionViewer.tool-details.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-details.cjs","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CodeDiff","CodeBlock"],"mappings":";;;;;AASO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrBD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACNA,2BAAAA,IAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACXD,2BAAAA,KAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzDC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACEA,+BAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3BA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,wCAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,SACED,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,2BAAAA,IAACE,UAAAA,aAAU,MAAI,MAAC,UAAoB,OAAA,CAAgB,EAAA,CACtD;AAEJ;;;;;;"}
+{"version":3,"file":"SessionViewer.tool-details.cjs","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  const density = useDensityValue();\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} jsonFormat={density === \"compact\" ? \"yaml\" : \"json\"} />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CodeDiff","useDensityValue","CodeBlock"],"mappings":";;;;;;AAUO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrBD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACNA,2BAAAA,IAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACXD,2BAAAA,KAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzDC,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACEA,+BAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3BA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,wCAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,QAAM,UAAUC,WAAAA,gBAAA;AAChB,SACEF,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,yCAACG,UAAAA,WAAA,EAAU,MAAI,MAAC,UAAoB,QAAgB,YAAY,YAAY,YAAY,SAAS,QAAQ,GAC3G;AAEJ;;;;;;"}

package/dist/data/ai/SessionViewer.tool-details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-details.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACV,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,+BA+BA;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,+BAW/D;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,+BAerD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAI/D;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAMZ"}
+{"version":3,"file":"SessionViewer.tool-details.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACV,MAAM,uBAAuB,CAAC;AAE/B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,+BA+BA;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,SAAS,EAAE,CAAA;CAAE,+BAW/D;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,+BAerD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAI/D;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,SAAS,CAOZ"}

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

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useDensityValue } from "../../hooks/use-density.js";
 import { CodeBlock } from "../CodeBlock.js";
 import { CodeDiff } from "../CodeDiff.js";
 function QuestionCard({
@@ -53,7 +54,8 @@ function DetailBlock({
   language,
   source
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsx(CodeBlock, { bare: true, language, source }) });
+  const density = useDensityValue();
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto text-xs", children: /* @__PURE__ */ jsx(CodeBlock, { bare: true, language, source, jsonFormat: density === "compact" ? "yaml" : "json" }) });
 }
 export {
   DetailBlock,

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-details.js","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACE,qBAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzB,oBAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACN,oBAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACE,oBAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACX,qBAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzD,oBAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACE,oBAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,6BAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,SACE,oBAAC,OAAA,EAAI,WAAU,2BACb,UAAA,oBAAC,aAAU,MAAI,MAAC,UAAoB,OAAA,CAAgB,EAAA,CACtD;AAEJ;"}
+{"version":3,"file":"SessionViewer.tool-details.js","sources":["../../../src/data/ai/SessionViewer.tool-details.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport type {\n  SessionQuestion,\n  ToolDiff,\n  ToolParam,\n} from \"./SessionViewer.input\";\n\nexport function QuestionCard({\n  question,\n  index,\n}: {\n  question: SessionQuestion;\n  index: number;\n}) {\n  const label =\n    question.context ||\n    (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">\n        {question.text}\n      </div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">\n                {option.label}\n              </span>\n              {option.description && (\n                <span className=\"ml-1\">{option.description}</span>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport function DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nexport function DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  const density = useDensityValue();\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} jsonFormat={density === \"compact\" ? \"yaml\" : \"json\"} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AACF,GAGG;AACD,QAAM,QACJ,SAAS,YACR,SAAS,KAAK,YAAY,SAAS,EAAE,KAAK,YAAY,QAAQ,CAAC;AAClE,SACE,qBAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,OACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,kEACZ,mBAAS,MACZ;AAAA,IACC,SAAS,QAAQ,SAAS,KACzB,oBAAC,OAAA,EAAI,WAAU,+BACZ,UAAA,SAAS,QAAQ,IAAI,CAAC,WACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,+BACb,UAAA,OAAO,OACV;AAAA,UACC,OAAO,eACN,oBAAC,UAAK,WAAU,QAAQ,iBAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAPxC,OAAO;AAAA,IAAA,CAUf,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,aAAa,EAAE,UAAmC;AAChE,SACE,oBAAC,QAAA,EAAK,WAAU,6CACb,UAAA,OAAO,IAAI,CAAC,UACX,qBAAC,QAAA,EAAsB,WAAU,8BAC/B,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA;AAAA,MAAA,MAAM;AAAA,MAAK;AAAA,IAAA,GAAE;AAAA,IACzD,oBAAC,QAAA,EAAK,WAAU,yBAAyB,gBAAM,MAAA,CAAM;AAAA,EAAA,EAAA,GAF5C,MAAM,IAGjB,CACD,GACH;AAEJ;AAEO,SAAS,UAAU,EAAE,QAA4B;AACtD,SACE,oBAAC,SAAI,WAAU,eACZ,eAAK,SAAS,IAAI,CAAC,SAAS,UAC3B;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,UAAU,QAAQ;AAAA,MACjB,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAAA,IAL/C;AAAA,EAAA,CAOR,GACH;AAEJ;AAEO,SAAS,cAAc,EAAE,YAAkC;AAChE,QAAM,UAAU,SAAS,KAAA;AACzB,QAAM,SAAS,QAAQ,WAAW,GAAG,KAAK,QAAQ,WAAW,GAAG;AAChE,6BAAQ,aAAA,EAAY,UAAU,SAAS,SAAS,QAAQ,QAAQ,UAAU;AAC5E;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGc;AACZ,QAAM,UAAU,gBAAA;AAChB,SACE,oBAAC,OAAA,EAAI,WAAU,2BACb,8BAAC,WAAA,EAAU,MAAI,MAAC,UAAoB,QAAgB,YAAY,YAAY,YAAY,SAAS,QAAQ,GAC3G;AAEJ;"}

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

@@ -11,11 +11,13 @@ const SessionViewer_toolDetails = require("./SessionViewer.tool-details.cjs");
 const approvalRequest = require("./approval-request.cjs");
 const SessionViewer_approvalBody = require("./SessionViewer.approval-body.cjs");
 const SessionViewer_decisionControls = require("./SessionViewer.decision-controls.cjs");
+const SessionViewer_toolCost = require("./SessionViewer.tool-cost.cjs");
 const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
 function ToolBody({
   event,
   visual,
   defaultExpanded,
+  showEstimatedToolCost = false,
   onPendingToolDecision
 }) {
   const summary = SessionViewer_input.summarizeToolInput(
@@ -25,21 +27,27 @@ function ToolBody({
   );
   const command = SessionViewer_input.shellCommand(event.tool ?? "", event.toolInput);
   const [open, setOpen] = react.useState(defaultExpanded);
+  const cost = showEstimatedToolCost ? /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolCost.EstimatedToolCost, { events: [event] }) : null;
+  const costFooter = showEstimatedToolCost ? /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolCost.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__ */ jsxRuntime.jsx(
       QuestionToolBody,
       {
         event,
         visual,
-        onDecision: onPendingToolDecision
+        onDecision: onPendingToolDecision,
+        cost,
+        costFooter
       }
     );
   }
   if (event.pending && approvalRequest.hasApprovalBody(event.approvalRequest)) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-foreground", children: visual.label }),
-        /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.ApprovalBadge, { event })
+        /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.ApprovalBadge, { event }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: cost })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         SessionViewer_approvalBody.TypedApprovalBody,
@@ -48,15 +56,17 @@ function ToolBody({
           request: event.approvalRequest,
           onDecision: onPendingToolDecision
         }
-      )
+      ),
+      costFooter
     ] });
   }
   if (command !== void 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-tool-header": true, className: "flex items-start gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock.CodeBlock, { bare: true, language: "bash", source: command }) }),
         /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.ApprovalBadge, { event }),
-        event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        cost,
+        hasDetail && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -77,7 +87,10 @@ function ToolBody({
           }
         )
       ] }),
-      open && event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse }) }),
+      open && hasDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5", children: [
+        event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse }),
+        costFooter
+      ] }),
       event.pending && onPendingToolDecision && /* @__PURE__ */ jsxRuntime.jsx(
         SessionViewer_decisionControls.PendingDecisionControls,
         {
@@ -88,7 +101,6 @@ function ToolBody({
       )
     ] });
   }
-  const hasDetail = event.toolInput !== void 0 || event.toolResponse !== void 0;
   const params = SessionViewer_input.toolInputParams(event.tool ?? "", event.toolInput, event.cwd);
   const diff = SessionViewer_input.toolDiff(event.tool ?? "", event.toolInput);
   const header = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -107,28 +119,31 @@ function ToolBody({
     params.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.InlineParams, { params })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
-    hasDetail ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            Icon.Icon,
-            {
-              icon: UiChevronDown.UiChevronDown,
-              className: utils.cn(
-                "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
-                open && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: header }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
+      hasDetail ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              Icon.Icon,
+              {
+                icon: UiChevronDown.UiChevronDown,
+                className: utils.cn(
+                  "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
+                  open && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: header }),
+      cost
+    ] }),
     open && hasDetail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
       diff ? /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.DiffBlock, { diff }) : event.toolInput !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
         SessionViewer_toolDetails.DetailBlock,
@@ -137,7 +152,8 @@ function ToolBody({
           source: JSON.stringify(event.toolInput, null, 2)
         }
       ),
-      event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse })
+      event.toolResponse !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolDetails.ResponseBlock, { response: event.toolResponse }),
+      costFooter
     ] }),
     event.pending && onPendingToolDecision && /* @__PURE__ */ jsxRuntime.jsx(
       SessionViewer_decisionControls.PendingDecisionControls,
@@ -152,7 +168,9 @@ function ToolBody({
 function QuestionToolBody({
   event,
   visual,
-  onDecision
+  onDecision,
+  cost,
+  costFooter
 }) {
   var _a;
   const typedQuestions = (_a = event.approvalRequest) == null ? void 0 : _a.questions;
@@ -163,10 +181,11 @@ function QuestionToolBody({
     event.cwd
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-foreground", children: visual.label }),
       /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.ApprovalBadge, { event }),
-      summary && questions.length !== 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: summary })
+      summary && questions.length !== 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: summary }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: cost })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 space-y-1.5", children: [
       questions.length > 0 ? questions.map((question, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -195,7 +214,8 @@ function QuestionToolBody({
           questions,
           onDecision
         }
-      )
+      ),
+      costFooter
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-row.cjs","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":["summarizeToolInput","shellCommand","useState","jsx","hasApprovalBody","jsxs","ApprovalBadge","TypedApprovalBody","CodeBlock","Icon","UiChevronDown","cn","ResponseBlock","PendingDecisionControls","toolInputParams","toolDiff","Fragment","InlineParams","DiffBlock","DetailBlock","questionsFromApproval","questionsFromToolInput","QuestionCard","QuestionDecisionControls"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.tool-row.cjs","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":["summarizeToolInput","shellCommand","useState","jsx","EstimatedToolCost","hasApprovalBody","jsxs","ApprovalBadge","TypedApprovalBody","CodeBlock","Icon","UiChevronDown","cn","ResponseBlock","PendingDecisionControls","toolInputParams","toolDiff","Fragment","InlineParams","DiffBlock","DetailBlock","questionsFromApproval","questionsFromToolInput","QuestionCard","QuestionDecisionControls"],"mappings":"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"}

package/dist/data/ai/SessionViewer.tool-row.d.ts

@@ -1,12 +1,13 @@
 import { SessionEvent } from './SessionViewer.model.js';
 import { SessionToolDecision } from './SessionViewer.js';
-export declare function ToolBody({ event, visual, defaultExpanded, onPendingToolDecision, }: {
+export declare function ToolBody({ event, visual, defaultExpanded, showEstimatedToolCost, onPendingToolDecision, }: {
     event: SessionEvent;
     visual: {
         label: string;
         summaryOnly: boolean;
     };
     defaultExpanded: boolean;
+    showEstimatedToolCost?: boolean;
     onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;
 }): import("react").JSX.Element;
 //# sourceMappingURL=SessionViewer.tool-row.d.ts.map

package/dist/data/ai/SessionViewer.tool-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-row.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAe1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,eAAe,EACf,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAClB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACf,+BAiKA"}
+{"version":3,"file":"SessionViewer.tool-row.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAe1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,eAAe,EACf,qBAA6B,EAC7B,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAClB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACf,+BA4KA"}