@flanksource/clicky-ui 0.3.44 → 0.3.46

package/dist/data/ai/SessionViewer.rows.js

@@ -9,6 +9,8 @@ import { formatEventRange } from "./SessionViewer.row-time.js";
 import { ToolBody } from "./SessionViewer.tool-row.js";
 import { Markdown } from "../Markdown.js";
 import { MessageFilePart } from "../chat/MessageFilePart.js";
+import { EstimatedToolCost } from "./SessionViewer.tool-cost.js";
+import { SessionRowTokens } from "./SessionViewer.tokens.js";
 import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
 import { UiUserCircle } from "../../icons/components/UiUserCircle.js";
 import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
@@ -20,6 +22,7 @@ function SessionRow({
   last,
   defaultExpanded,
   showRowMetadata = false,
+  showEstimatedToolCost = false,
   showRaw = false,
   renderMessageBadge,
   onPendingToolDecision
@@ -67,10 +70,12 @@ function SessionRow({
               visual,
               defaultExpanded,
               messageBadge: event.kind === "assistant" ? renderMessageBadge == null ? void 0 : renderMessageBadge(event) : void 0,
-              onPendingToolDecision
+              onPendingToolDecision,
+              showEstimatedToolCost
             }
           ),
           showRowMetadata && /* @__PURE__ */ jsx(EventMetadata, { event }),
+          /* @__PURE__ */ jsx(SessionRowTokens, { event }),
           showRaw && event.raw !== void 0 && /* @__PURE__ */ jsx(RawEventBlock, { raw: event.raw })
         ] })
       ]
@@ -82,6 +87,7 @@ function WaitGroupRow({
   last,
   defaultExpanded,
   showRowMetadata = false,
+  showEstimatedToolCost = false,
   showRaw = false,
   renderMessageBadge,
   onPendingToolDecision
@@ -122,29 +128,32 @@ function WaitGroupRow({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pt-px", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              "aria-expanded": open,
-              "aria-label": `${open ? "Collapse" : "Expand"} ${label}`,
-              onClick: () => setOpen((value) => !value),
-              className: "flex w-full items-center gap-1.5 text-left hover:text-foreground",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: label }),
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    icon: UiChevronDown,
-                    className: cn(
-                      "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
-                      open && "rotate-180"
-                    )
-                  }
-                )
-              ]
-            }
-          ),
+          /* @__PURE__ */ jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": open,
+                "aria-label": `${open ? "Collapse" : "Expand"} ${label}`,
+                onClick: () => setOpen((value) => !value),
+                className: "flex min-w-0 flex-1 items-center gap-1.5 text-left hover:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: label }),
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: UiChevronDown,
+                      className: cn(
+                        "ml-auto size-3 shrink-0 text-muted-foreground transition-transform",
+                        open && "rotate-180"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            showEstimatedToolCost && !open && /* @__PURE__ */ jsx(EstimatedToolCost, { events: group.events })
+          ] }),
           showRowMetadata && /* @__PURE__ */ jsx(
             EventMetadata,
             {
@@ -159,12 +168,14 @@ function WaitGroupRow({
               last: index === group.events.length - 1,
               defaultExpanded,
               showRowMetadata,
+              showEstimatedToolCost,
               showRaw,
               renderMessageBadge,
               onPendingToolDecision
             },
             event.id
-          )) })
+          )) }),
+          open && showEstimatedToolCost && /* @__PURE__ */ jsx(EstimatedToolCost, { events: group.events, detailed: true })
         ] })
       ]
     }
@@ -186,6 +197,7 @@ function UserRow({
           /* @__PURE__ */ jsx("div", { className: "mb-0.5 text-right text-xs font-medium text-muted-foreground", children: initialPrompt ? "Initial prompt" : "You" }),
           /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground", children: event.file ? /* @__PURE__ */ jsx(MessageFilePart, { part: event.file }) : event.text && /* @__PURE__ */ jsx(Markdown, { text: event.text }) }),
           showRowMetadata && /* @__PURE__ */ jsx(EventMetadata, { event, align: "right" }),
+          /* @__PURE__ */ jsx(SessionRowTokens, { event }),
           showRaw && event.raw !== void 0 && /* @__PURE__ */ jsx(RawEventBlock, { raw: event.raw, align: "right" })
         ] }),
         /* @__PURE__ */ jsx(
@@ -263,7 +275,8 @@ function EventBody({
   visual,
   defaultExpanded,
   messageBadge,
-  onPendingToolDecision
+  onPendingToolDecision,
+  showEstimatedToolCost
 }) {
   if (event.kind === "tool")
     return /* @__PURE__ */ jsx(
@@ -272,7 +285,8 @@ function EventBody({
         event,
         visual,
         defaultExpanded,
-        onPendingToolDecision
+        onPendingToolDecision,
+        showEstimatedToolCost
       }
     );
   if (event.kind === "thinking") return /* @__PURE__ */ jsx(ThinkingBody, { event });

package/dist/data/ai/SessionViewer.rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.js","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport { SESSION_TONES } from \"./session-tones\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\n\nexport function SessionRow({\n  event,\n  initialPrompt = false,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  initialPrompt?: boolean;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        initialPrompt={initialPrompt}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\n\n  const visual = eventVisual(event);\n  return (\n    <li\n      data-event-kind={event.kind}\n      className=\"relative flex gap-density-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          SESSION_TONES[visual.tone].disc,\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody\n          event={event}\n          visual={visual}\n          defaultExpanded={defaultExpanded}\n          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const visual = getSessionAction(\"Wait\");\n  const first = group.representative;\n  const final = group.events[group.events.length - 1] ?? first;\n  const label = `Wait × ${group.count}`;\n  const metadataEvent = { ...first };\n  delete metadataEvent.timestamp;\n  delete metadataEvent.toolState;\n  delete metadataEvent.approval;\n  metadataEvent.pending = false;\n  const timestampLabel = formatEventRange(first.timestamp, final.timestamp);\n\n  return (\n    <li\n      data-event-kind=\"tool\"\n      data-event-group=\"wait\"\n      className=\"relative flex gap-density-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          SESSION_TONES[visual.tone].disc,\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-label={`${open ? \"Collapse\" : \"Expand\"} ${label}`}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          <span className=\"font-medium text-foreground\">{label}</span>\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        {showRowMetadata && (\n          <EventMetadata\n            event={metadataEvent}\n            {...(timestampLabel ? { timestampLabel } : {})}\n          />\n        )}\n        {open && (\n          <ol className=\"relative mt-density-3 border-l border-border pl-density-3\">\n            {group.events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === group.events.length - 1}\n                defaultExpanded={defaultExpanded}\n                showRowMetadata={showRowMetadata}\n                showRaw={showRaw}\n                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\nfunction UserRow({\n  event,\n  initialPrompt,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  initialPrompt: boolean;\n  showRowMetadata: boolean;\n  showRaw: boolean;\n}) {\n  return (\n    <li\n      data-event-kind=\"user\"\n      className=\"relative flex justify-end pb-density-4 last:pb-0\"\n    >\n      <div className={cn(\"flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:gap-density-3\", !initialPrompt && \"@min-[48rem]/session-viewer:max-w-[85%]\")}>\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            {initialPrompt ? \"Initial prompt\" : \"You\"}\n          </div>\n          <div className=\"min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground\">\n            {event.file ? <MessageFilePart part={event.file} /> : event.text && <Markdown text={event.text} />}\n          </div>\n          {showRowMetadata && <EventMetadata event={event} align=\"right\" />}\n          {showRaw && event.raw !== undefined && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            SESSION_TONES.slate.disc,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n  summaryOnly: boolean;\n}\n\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return {\n        icon: action.icon,\n        tone: action.tone,\n        label: action.label,\n        summaryOnly: action.summaryOnly ?? false,\n      };\n    }\n    case \"user\":\n      return {\n        icon: UiUserCircle,\n        tone: \"slate\",\n        label: \"User\",\n        summaryOnly: false,\n      };\n    case \"system\":\n      return {\n        icon: UiSparkles,\n        tone: \"slate\",\n        label: \"System\",\n        summaryOnly: false,\n      };\n    case \"assistant\":\n      return {\n        icon: UiSparkles,\n        tone: \"indigo\",\n        label: \"Assistant\",\n        summaryOnly: false,\n      };\n    case \"thinking\":\n      return {\n        icon: UiBrain,\n        tone: \"slate\",\n        label: \"Thinking\",\n        summaryOnly: false,\n      };\n    case \"error\":\n      return {\n        icon: UiWarningTriangle,\n        tone: \"rose\",\n        label: \"Error\",\n        summaryOnly: false,\n      };\n  }\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\n  };\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"tool\")\n    return (\n      <ToolBody\n        event={event}\n        visual={visual}\n        defaultExpanded={defaultExpanded}\n        onPendingToolDecision={onPendingToolDecision}\n      />\n    );\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  if (event.kind === \"system\") return <SystemBody event={event} />;\n  return <MessageBody event={event} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.file && <MessageFilePart part={event.file} />}\n        {event.text && <Markdown text={event.text} />}\n      </div>\n    </div>\n  );\n}\n\nfunction SystemBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  const preview = event.text?.split(\"\\n\", 1)[0] ?? \"System instructions\";\n  return (\n    <div className=\"not-prose text-xs text-muted-foreground\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left hover:text-foreground\"\n      >\n        <span className=\"shrink-0 font-medium text-foreground\">System</span>\n        <span className=\"min-w-0 flex-1 truncate\">{preview}</span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={event.text} />}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Reasoning shows its text directly — truncated to one line, click to expand.\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left text-xs italic leading-relaxed text-muted-foreground hover:text-foreground\"\n      >\n        <span\n          className={cn(\n            \"min-w-0 flex-1\",\n            open ? \"whitespace-pre-wrap break-words\" : \"truncate\",\n          )}\n        >\n          {event.text}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewer.rows.js","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport { SESSION_TONES } from \"./session-tones\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\nimport { MessageFilePart } from \"../chat/MessageFilePart\";\nimport { EstimatedToolCost } from \"./SessionViewer.tool-cost\";\nimport { SessionRowTokens } from \"./SessionViewer.tokens\";\n\nexport function SessionRow({\n  event,\n  initialPrompt = false,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showEstimatedToolCost = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  initialPrompt?: boolean;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showEstimatedToolCost?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        initialPrompt={initialPrompt}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\n\n  const visual = eventVisual(event);\n  return (\n    <li\n      data-event-kind={event.kind}\n      className=\"relative flex gap-density-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          SESSION_TONES[visual.tone].disc,\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody\n          event={event}\n          visual={visual}\n          defaultExpanded={defaultExpanded}\n          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n          showEstimatedToolCost={showEstimatedToolCost}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        <SessionRowTokens event={event} />\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showEstimatedToolCost = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showEstimatedToolCost?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const visual = getSessionAction(\"Wait\");\n  const first = group.representative;\n  const final = group.events[group.events.length - 1] ?? first;\n  const label = `Wait × ${group.count}`;\n  const metadataEvent = { ...first };\n  delete metadataEvent.timestamp;\n  delete metadataEvent.toolState;\n  delete metadataEvent.approval;\n  metadataEvent.pending = false;\n  const timestampLabel = formatEventRange(first.timestamp, final.timestamp);\n\n  return (\n    <li\n      data-event-kind=\"tool\"\n      data-event-group=\"wait\"\n      className=\"relative flex gap-density-2 pb-density-3 last:pb-0 @min-[48rem]/session-viewer:gap-density-3 @min-[48rem]/session-viewer:pb-density-4\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          SESSION_TONES[visual.tone].disc,\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <div data-tool-header className=\"flex items-center gap-1.5\">\n          <button\n            type=\"button\"\n            aria-expanded={open}\n            aria-label={`${open ? \"Collapse\" : \"Expand\"} ${label}`}\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            <span className=\"font-medium text-foreground\">{label}</span>\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          {showEstimatedToolCost && !open && <EstimatedToolCost events={group.events} />}\n        </div>\n        {showRowMetadata && (\n          <EventMetadata\n            event={metadataEvent}\n            {...(timestampLabel ? { timestampLabel } : {})}\n          />\n        )}\n        {open && (\n          <ol className=\"relative mt-density-3 border-l border-border pl-density-3\">\n            {group.events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === group.events.length - 1}\n                defaultExpanded={defaultExpanded}\n                showRowMetadata={showRowMetadata}\n                showEstimatedToolCost={showEstimatedToolCost}\n                showRaw={showRaw}\n                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n        {open && showEstimatedToolCost && <EstimatedToolCost events={group.events} detailed />}\n      </div>\n    </li>\n  );\n}\n\nfunction UserRow({\n  event,\n  initialPrompt,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  initialPrompt: boolean;\n  showRowMetadata: boolean;\n  showRaw: boolean;\n}) {\n  return (\n    <li\n      data-event-kind=\"user\"\n      className=\"relative flex justify-end pb-density-4 last:pb-0\"\n    >\n      <div className={cn(\"flex max-w-full items-start gap-density-2 @min-[48rem]/session-viewer:gap-density-3\", !initialPrompt && \"@min-[48rem]/session-viewer:max-w-[85%]\")}>\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            {initialPrompt ? \"Initial prompt\" : \"You\"}\n          </div>\n          <div className=\"min-w-0 break-words rounded-lg bg-accent px-density-3 py-density-2 text-left text-sm leading-relaxed text-accent-foreground\">\n            {event.file ? <MessageFilePart part={event.file} /> : event.text && <Markdown text={event.text} />}\n          </div>\n          {showRowMetadata && <EventMetadata event={event} align=\"right\" />}\n          <SessionRowTokens event={event} />\n          {showRaw && event.raw !== undefined && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            SESSION_TONES.slate.disc,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n  summaryOnly: boolean;\n}\n\n// Base visuals per event kind. A row's `icon`/`tone` fields (set for a\n// `verified`/`verify_failed` system row — see SessionViewer.model.ts) override\n// these defaults; eventVisual applies that override uniformly below rather\n// than special-casing it inside the switch.\nfunction baseEventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return {\n        icon: action.icon,\n        tone: action.tone,\n        label: action.label,\n        summaryOnly: action.summaryOnly ?? false,\n      };\n    }\n    case \"user\":\n      return {\n        icon: UiUserCircle,\n        tone: \"slate\",\n        label: \"User\",\n        summaryOnly: false,\n      };\n    case \"system\":\n      return {\n        icon: UiSparkles,\n        tone: \"slate\",\n        label: \"System\",\n        summaryOnly: false,\n      };\n    case \"assistant\":\n      return {\n        icon: UiSparkles,\n        tone: \"indigo\",\n        label: \"Assistant\",\n        summaryOnly: false,\n      };\n    case \"thinking\":\n      return {\n        icon: UiBrain,\n        tone: \"slate\",\n        label: \"Thinking\",\n        summaryOnly: false,\n      };\n    case \"error\":\n      return {\n        icon: UiWarningTriangle,\n        tone: \"rose\",\n        label: \"Error\",\n        summaryOnly: false,\n      };\n  }\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  const base = baseEventVisual(event);\n  return {\n    ...base,\n    icon: event.icon ?? base.icon,\n    tone: event.tone ?? base.tone,\n  };\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n  messageBadge,\n  onPendingToolDecision,\n  showEstimatedToolCost,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  showEstimatedToolCost: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"tool\")\n    return (\n      <ToolBody\n        event={event}\n        visual={visual}\n        defaultExpanded={defaultExpanded}\n        onPendingToolDecision={onPendingToolDecision}\n        showEstimatedToolCost={showEstimatedToolCost}\n      />\n    );\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  if (event.kind === \"system\") return <SystemBody event={event} />;\n  return <MessageBody event={event} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.file && <MessageFilePart part={event.file} />}\n        {event.text && <Markdown text={event.text} />}\n      </div>\n    </div>\n  );\n}\n\nfunction SystemBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  const preview = event.text?.split(\"\\n\", 1)[0] ?? \"System instructions\";\n  return (\n    <div className=\"not-prose text-xs text-muted-foreground\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left hover:text-foreground\"\n      >\n        <span className=\"shrink-0 font-medium text-foreground\">System</span>\n        <span className=\"min-w-0 flex-1 truncate\">{preview}</span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={event.text} />}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Reasoning shows its text directly — truncated to one line, click to expand.\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left text-xs italic leading-relaxed text-muted-foreground hover:text-foreground\"\n      >\n        <span\n          className={cn(\n            \"min-w-0 flex-1\",\n            open ? \"whitespace-pre-wrap break-words\" : \"truncate\",\n          )}\n        >\n          {event.text}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const useSessionTokenSizing = require("./use-session-token-sizing.cjs");
+const tokens = require("../../lib/tokens.cjs");
+const UiDotsVertical = require("../../icons/components/UiDotsVertical.cjs");
+function SessionRowTokens({ event }) {
+  var _a;
+  const sizing = react.useContext(useSessionTokenSizing.SessionTokenContext);
+  if (!sizing || event.pending) return null;
+  const row = sizing.state(event);
+  const size = row == null ? void 0 : row.size;
+  const title = size ? `${size.source} · ${size.model}. Input ${size.usage.inputTokens ?? 0}, output ${size.usage.outputTokens ?? 0}, reasoning ${size.usage.reasoningTokens ?? 0}. ${size.coverage.framingIncluded ? "Provider framing included. " : ""}Excluded: ${((_a = size.coverage.excluded) == null ? void 0 : _a.join("; ")) || "none"}. Content footprint; not historical billed usage.` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground", "data-row-tokens": event.id, children: [
+    size && /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-label": "Calculated row footprint", title, children: [
+      "Footprint ",
+      size.source === "local-estimate" || size.source === "provider-estimate" ? "~" : "",
+      tokens.compactTokens(size.totalTokens),
+      " tokens · ",
+      size.costUSD !== void 0 ? `~${tokens.formatCost(size.costUSD)}` : "price unavailable",
+      size.coverage.partial ? " · partial" : ""
+    ] }),
+    (row == null ? void 0 : row.pending) && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: "Calculating tokens/cost…" }),
+    (row == null ? void 0 : row.error) && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-destructive", children: row.error }),
+    !event.estimatedCost && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu.DropdownMenu, { icon: UiDotsVertical.UiDotsVertical, hideChevron: true, variant: "ghost", size: "icon", title: `Row options ${event.id}`, menuLabel: `Row options ${event.id}`, items: [{
+      label: "Calculate tokens/cost",
+      disabled: Boolean(row == null ? void 0 : row.pending),
+      onSelect: () => sizing.calculate([event.id], "provider")
+    }] })
+  ] });
+}
+exports.SessionRowTokens = SessionRowTokens;
+//# sourceMappingURL=SessionViewer.tokens.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tokens.cjs","sources":["../../../src/data/ai/SessionViewer.tokens.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { UiDotsVertical } from \"../../icons\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { SessionTokenContext } from \"./use-session-token-sizing\";\nimport { compactTokens, formatCost } from \"./session-cost\";\n\nexport function SessionRowTokens({ event }: { event: SessionEvent }) {\n  const sizing = useContext(SessionTokenContext);\n  if (!sizing || event.pending) return null;\n  const row = sizing.state(event);\n  const size = row?.size;\n  const title = size ? `${size.source} · ${size.model}. Input ${size.usage.inputTokens ?? 0}, output ${size.usage.outputTokens ?? 0}, reasoning ${size.usage.reasoningTokens ?? 0}. ${size.coverage.framingIncluded ? \"Provider framing included. \" : \"\"}Excluded: ${size.coverage.excluded?.join(\"; \") || \"none\"}. Content footprint; not historical billed usage.` : undefined;\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground\" data-row-tokens={event.id}>\n      {size && <span aria-label=\"Calculated row footprint\" title={title}>Footprint {size.source === \"local-estimate\" || size.source === \"provider-estimate\" ? \"~\" : \"\"}{compactTokens(size.totalTokens)} tokens · {size.costUSD !== undefined ? `~${formatCost(size.costUSD)}` : \"price unavailable\"}{size.coverage.partial ? \" · partial\" : \"\"}</span>}\n      {row?.pending && <span role=\"status\">Calculating tokens/cost…</span>}\n      {row?.error && <span role=\"alert\" className=\"text-destructive\">{row.error}</span>}\n      {!event.estimatedCost && (\n        <DropdownMenu icon={UiDotsVertical} hideChevron variant=\"ghost\" size=\"icon\" title={`Row options ${event.id}`} menuLabel={`Row options ${event.id}`} items={[{\n          label: \"Calculate tokens/cost\", disabled: Boolean(row?.pending),\n          onSelect: () => sizing.calculate([event.id], \"provider\"),\n        }]} />\n      )}\n    </div>\n  );\n}\n"],"names":["useContext","SessionTokenContext","jsxs","compactTokens","formatCost","jsx","DropdownMenu","UiDotsVertical"],"mappings":";;;;;;;;AAOO,SAAS,iBAAiB,EAAE,SAAkC;;AACnE,QAAM,SAASA,MAAAA,WAAWC,yCAAmB;AAC7C,MAAI,CAAC,UAAU,MAAM,QAAS,QAAO;AACrC,QAAM,MAAM,OAAO,MAAM,KAAK;AAC9B,QAAM,OAAO,2BAAK;AAClB,QAAM,QAAQ,OAAO,GAAG,KAAK,MAAM,MAAM,KAAK,KAAK,WAAW,KAAK,MAAM,eAAe,CAAC,YAAY,KAAK,MAAM,gBAAgB,CAAC,eAAe,KAAK,MAAM,mBAAmB,CAAC,KAAK,KAAK,SAAS,kBAAkB,gCAAgC,EAAE,eAAa,UAAK,SAAS,aAAd,mBAAwB,KAAK,UAAS,MAAM,sDAAsD;AACrW,yCACG,OAAA,EAAI,WAAU,2EAA0E,mBAAiB,MAAM,IAC7G,UAAA;AAAA,IAAA,QAAQC,2BAAAA,KAAC,QAAA,EAAK,cAAW,4BAA2B,OAAc,UAAA;AAAA,MAAA;AAAA,MAAW,KAAK,WAAW,oBAAoB,KAAK,WAAW,sBAAsB,MAAM;AAAA,MAAIC,OAAAA,cAAc,KAAK,WAAW;AAAA,MAAE;AAAA,MAAW,KAAK,YAAY,SAAY,IAAIC,OAAAA,WAAW,KAAK,OAAO,CAAC,KAAK;AAAA,MAAqB,KAAK,SAAS,UAAU,eAAe;AAAA,IAAA,GAAG;AAAA,KACzU,2BAAK,YAAWC,2BAAAA,IAAC,QAAA,EAAK,MAAK,UAAS,UAAA,4BAAwB;AAAA,KAC5D,2BAAK,UAASA,+BAAC,QAAA,EAAK,MAAK,SAAQ,WAAU,oBAAoB,UAAA,IAAI,MAAA,CAAM;AAAA,IACzE,CAAC,MAAM,iBACNA,2BAAAA,IAACC,aAAAA,cAAA,EAAa,MAAMC,eAAAA,gBAAgB,aAAW,MAAC,SAAQ,SAAQ,MAAK,QAAO,OAAO,eAAe,MAAM,EAAE,IAAI,WAAW,eAAe,MAAM,EAAE,IAAI,OAAO,CAAC;AAAA,MAC1J,OAAO;AAAA,MAAyB,UAAU,QAAQ,2BAAK,OAAO;AAAA,MAC9D,UAAU,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,GAAG,UAAU;AAAA,IAAA,CACxD,EAAA,CAAG;AAAA,EAAA,GAER;AAEJ;;"}

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

@@ -0,0 +1,5 @@
+import { SessionEvent } from './SessionViewer.model.js';
+export declare function SessionRowTokens({ event }: {
+    event: SessionEvent;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=SessionViewer.tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tokens.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,sCAmBlE"}

package/dist/data/ai/SessionViewer.tokens.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { SessionTokenContext } from "./use-session-token-sizing.js";
+import { compactTokens, formatCost } from "../../lib/tokens.js";
+import { UiDotsVertical } from "../../icons/components/UiDotsVertical.js";
+function SessionRowTokens({ event }) {
+  var _a;
+  const sizing = useContext(SessionTokenContext);
+  if (!sizing || event.pending) return null;
+  const row = sizing.state(event);
+  const size = row == null ? void 0 : row.size;
+  const title = size ? `${size.source} · ${size.model}. Input ${size.usage.inputTokens ?? 0}, output ${size.usage.outputTokens ?? 0}, reasoning ${size.usage.reasoningTokens ?? 0}. ${size.coverage.framingIncluded ? "Provider framing included. " : ""}Excluded: ${((_a = size.coverage.excluded) == null ? void 0 : _a.join("; ")) || "none"}. Content footprint; not historical billed usage.` : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground", "data-row-tokens": event.id, children: [
+    size && /* @__PURE__ */ jsxs("span", { "aria-label": "Calculated row footprint", title, children: [
+      "Footprint ",
+      size.source === "local-estimate" || size.source === "provider-estimate" ? "~" : "",
+      compactTokens(size.totalTokens),
+      " tokens · ",
+      size.costUSD !== void 0 ? `~${formatCost(size.costUSD)}` : "price unavailable",
+      size.coverage.partial ? " · partial" : ""
+    ] }),
+    (row == null ? void 0 : row.pending) && /* @__PURE__ */ jsx("span", { role: "status", children: "Calculating tokens/cost…" }),
+    (row == null ? void 0 : row.error) && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-destructive", children: row.error }),
+    !event.estimatedCost && /* @__PURE__ */ jsx(DropdownMenu, { icon: UiDotsVertical, hideChevron: true, variant: "ghost", size: "icon", title: `Row options ${event.id}`, menuLabel: `Row options ${event.id}`, items: [{
+      label: "Calculate tokens/cost",
+      disabled: Boolean(row == null ? void 0 : row.pending),
+      onSelect: () => sizing.calculate([event.id], "provider")
+    }] })
+  ] });
+}
+export {
+  SessionRowTokens
+};
+//# sourceMappingURL=SessionViewer.tokens.js.map

package/dist/data/ai/SessionViewer.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tokens.js","sources":["../../../src/data/ai/SessionViewer.tokens.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { UiDotsVertical } from \"../../icons\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { SessionTokenContext } from \"./use-session-token-sizing\";\nimport { compactTokens, formatCost } from \"./session-cost\";\n\nexport function SessionRowTokens({ event }: { event: SessionEvent }) {\n  const sizing = useContext(SessionTokenContext);\n  if (!sizing || event.pending) return null;\n  const row = sizing.state(event);\n  const size = row?.size;\n  const title = size ? `${size.source} · ${size.model}. Input ${size.usage.inputTokens ?? 0}, output ${size.usage.outputTokens ?? 0}, reasoning ${size.usage.reasoningTokens ?? 0}. ${size.coverage.framingIncluded ? \"Provider framing included. \" : \"\"}Excluded: ${size.coverage.excluded?.join(\"; \") || \"none\"}. Content footprint; not historical billed usage.` : undefined;\n  return (\n    <div className=\"flex min-w-0 flex-wrap items-center gap-1 text-xs text-muted-foreground\" data-row-tokens={event.id}>\n      {size && <span aria-label=\"Calculated row footprint\" title={title}>Footprint {size.source === \"local-estimate\" || size.source === \"provider-estimate\" ? \"~\" : \"\"}{compactTokens(size.totalTokens)} tokens · {size.costUSD !== undefined ? `~${formatCost(size.costUSD)}` : \"price unavailable\"}{size.coverage.partial ? \" · partial\" : \"\"}</span>}\n      {row?.pending && <span role=\"status\">Calculating tokens/cost…</span>}\n      {row?.error && <span role=\"alert\" className=\"text-destructive\">{row.error}</span>}\n      {!event.estimatedCost && (\n        <DropdownMenu icon={UiDotsVertical} hideChevron variant=\"ghost\" size=\"icon\" title={`Row options ${event.id}`} menuLabel={`Row options ${event.id}`} items={[{\n          label: \"Calculate tokens/cost\", disabled: Boolean(row?.pending),\n          onSelect: () => sizing.calculate([event.id], \"provider\"),\n        }]} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAOO,SAAS,iBAAiB,EAAE,SAAkC;;AACnE,QAAM,SAAS,WAAW,mBAAmB;AAC7C,MAAI,CAAC,UAAU,MAAM,QAAS,QAAO;AACrC,QAAM,MAAM,OAAO,MAAM,KAAK;AAC9B,QAAM,OAAO,2BAAK;AAClB,QAAM,QAAQ,OAAO,GAAG,KAAK,MAAM,MAAM,KAAK,KAAK,WAAW,KAAK,MAAM,eAAe,CAAC,YAAY,KAAK,MAAM,gBAAgB,CAAC,eAAe,KAAK,MAAM,mBAAmB,CAAC,KAAK,KAAK,SAAS,kBAAkB,gCAAgC,EAAE,eAAa,UAAK,SAAS,aAAd,mBAAwB,KAAK,UAAS,MAAM,sDAAsD;AACrW,8BACG,OAAA,EAAI,WAAU,2EAA0E,mBAAiB,MAAM,IAC7G,UAAA;AAAA,IAAA,QAAQ,qBAAC,QAAA,EAAK,cAAW,4BAA2B,OAAc,UAAA;AAAA,MAAA;AAAA,MAAW,KAAK,WAAW,oBAAoB,KAAK,WAAW,sBAAsB,MAAM;AAAA,MAAI,cAAc,KAAK,WAAW;AAAA,MAAE;AAAA,MAAW,KAAK,YAAY,SAAY,IAAI,WAAW,KAAK,OAAO,CAAC,KAAK;AAAA,MAAqB,KAAK,SAAS,UAAU,eAAe;AAAA,IAAA,GAAG;AAAA,KACzU,2BAAK,YAAW,oBAAC,QAAA,EAAK,MAAK,UAAS,UAAA,4BAAwB;AAAA,KAC5D,2BAAK,UAAS,oBAAC,QAAA,EAAK,MAAK,SAAQ,WAAU,oBAAoB,UAAA,IAAI,MAAA,CAAM;AAAA,IACzE,CAAC,MAAM,iBACN,oBAAC,cAAA,EAAa,MAAM,gBAAgB,aAAW,MAAC,SAAQ,SAAQ,MAAK,QAAO,OAAO,eAAe,MAAM,EAAE,IAAI,WAAW,eAAe,MAAM,EAAE,IAAI,OAAO,CAAC;AAAA,MAC1J,OAAO;AAAA,MAAyB,UAAU,QAAQ,2BAAK,OAAO;AAAA,MAC9D,UAAU,MAAM,OAAO,UAAU,CAAC,MAAM,EAAE,GAAG,UAAU;AAAA,IAAA,CACxD,EAAA,CAAG;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const sessionCost = require("./session-cost.cjs");
+const UiCoins = require("../../icons/components/UiCoins.cjs");
+const tokens = require("../../lib/tokens.cjs");
+const UiDatabase = require("../../icons/components/UiDatabase.cjs");
+const UiArrowUp = require("../../icons/components/UiArrowUp.cjs");
+const UiArrowDown = require("../../icons/components/UiArrowDown.cjs");
+const UiBrain = require("../../icons/components/UiBrain.cjs");
+const TOKEN_BUCKETS = [
+  ["inputTokens", "In", "Input", UiArrowUp.UiArrowUp],
+  ["outputTokens", "Out", "Output", UiArrowDown.UiArrowDown],
+  ["reasoningTokens", "Reasoning", "Reasoning", UiBrain.UiBrain],
+  ["cacheReadTokens", "Cache read", "Cache read", UiDatabase.UiDatabaseDown],
+  ["cacheWriteTokens", "Cache write", "Cache write", UiDatabase.UiDatabaseUp]
+];
+function EstimatedToolCost({
+  events,
+  detailed = false
+}) {
+  var _a;
+  const estimates = events.flatMap(
+    (event) => event.estimatedCost ? [event.estimatedCost] : []
+  );
+  if (!estimates.length) {
+    return /* @__PURE__ */ jsxRuntime.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 + sessionCost.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(UiCoins.UiCoins, { className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: total > 0 ? `~${tokens.formatCost(total)}` : "—" }),
+          cacheReadTokens > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              role: "group",
+              "aria-label": cacheReadDescription,
+              title: cacheReadDescription,
+              className: "ml-1 inline-flex items-center gap-0.5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(UiDatabase.UiDatabaseDown, { className: "size-3 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "+",
+                  tokens.compactTokens(cacheReadTokens)
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            role: "group",
+            "aria-label": total > 0 ? `Estimated cost: ${tokens.formatCost(total)} USD` : "Cost unavailable",
+            className: "inline-flex items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(UiCoins.UiCoins, { className: "size-3.5 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Est." }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: total > 0 ? `~${tokens.formatCost(total)}` : "Cost unavailable" }),
+              total > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-medium", children: "USD" })
+            ]
+          }
+        ),
+        TOKEN_BUCKETS.map(([key, label, name, BucketIcon]) => {
+          const tokens$1 = costs.reduce((sum, cost) => sum + (cost[key] ?? 0), 0);
+          const description2 = `${name}: ${tokens$1.toLocaleString("en-US")} tokens`;
+          return tokens$1 > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              role: "group",
+              "aria-label": description2,
+              title: description2,
+              className: "inline-flex items-center gap-1 whitespace-nowrap",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(BucketIcon, { className: "size-3.5 shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  label,
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: tokens.compactTokens(tokens$1) })
+                ] })
+              ]
+            },
+            key
+          ) : null;
+        }),
+        estimates.length < events.length && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          events.length - estimates.length,
+          " unavailable"
+        ] })
+      ]
+    }
+  );
+}
+exports.EstimatedToolCost = EstimatedToolCost;
+//# sourceMappingURL=SessionViewer.tool-cost.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-cost.cjs","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":["UiArrowUp","UiArrowDown","UiBrain","UiDatabaseDown","UiDatabaseUp","jsx","costTotal","jsxs","UiCoins","formatCost","compactTokens","tokens","description"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { SessionEvent } from './SessionViewer.model.js';
+export declare function EstimatedToolCost({ events, detailed, }: {
+    events: SessionEvent[];
+    detailed?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionViewer.tool-cost.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.tool-cost.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.tool-cost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAoB1D,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAgB,GACjB,EAAE;IACD,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAoGA"}