@flanksource/clicky-ui 0.3.44 → 0.3.45

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

@@ -11,6 +11,8 @@ const SessionViewer_rowTime = require("./SessionViewer.row-time.cjs");
 const SessionViewer_toolRow = require("./SessionViewer.tool-row.cjs");
 const Markdown = require("../Markdown.cjs");
 const MessageFilePart = require("../chat/MessageFilePart.cjs");
+const SessionViewer_toolCost = require("./SessionViewer.tool-cost.cjs");
+const SessionViewer_tokens = require("./SessionViewer.tokens.cjs");
 const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
 const UiUserCircle = require("../../icons/components/UiUserCircle.cjs");
 const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
@@ -22,6 +24,7 @@ function SessionRow({
   last,
   defaultExpanded,
   showRowMetadata = false,
+  showEstimatedToolCost = false,
   showRaw = false,
   renderMessageBadge,
   onPendingToolDecision
@@ -69,10 +72,12 @@ function SessionRow({
               visual,
               defaultExpanded,
               messageBadge: event.kind === "assistant" ? renderMessageBadge == null ? void 0 : renderMessageBadge(event) : void 0,
-              onPendingToolDecision
+              onPendingToolDecision,
+              showEstimatedToolCost
             }
           ),
           showRowMetadata && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.EventMetadata, { event }),
+          /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_tokens.SessionRowTokens, { event }),
           showRaw && event.raw !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.RawEventBlock, { raw: event.raw })
         ] })
       ]
@@ -84,6 +89,7 @@ function WaitGroupRow({
   last,
   defaultExpanded,
   showRowMetadata = false,
+  showEstimatedToolCost = false,
   showRaw = false,
   renderMessageBadge,
   onPendingToolDecision
@@ -124,29 +130,32 @@ function WaitGroupRow({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 pt-px", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: label }),
-                /* @__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.jsxs("div", { "data-tool-header": true, className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: label }),
+                  /* @__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"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            showEstimatedToolCost && !open && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolCost.EstimatedToolCost, { events: group.events })
+          ] }),
           showRowMetadata && /* @__PURE__ */ jsxRuntime.jsx(
             SessionViewer_rowMetadata.EventMetadata,
             {
@@ -161,12 +170,14 @@ function WaitGroupRow({
               last: index === group.events.length - 1,
               defaultExpanded,
               showRowMetadata,
+              showEstimatedToolCost,
               showRaw,
               renderMessageBadge,
               onPendingToolDecision
             },
             event.id
-          )) })
+          )) }),
+          open && showEstimatedToolCost && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_toolCost.EstimatedToolCost, { events: group.events, detailed: true })
         ] })
       ]
     }
@@ -188,6 +199,7 @@ function UserRow({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-0.5 text-right text-xs font-medium text-muted-foreground", children: initialPrompt ? "Initial prompt" : "You" }),
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(MessageFilePart.MessageFilePart, { part: event.file }) : event.text && /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: event.text }) }),
           showRowMetadata && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.EventMetadata, { event, align: "right" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_tokens.SessionRowTokens, { event }),
           showRaw && event.raw !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_rowMetadata.RawEventBlock, { raw: event.raw, align: "right" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -265,7 +277,8 @@ function EventBody({
   visual,
   defaultExpanded,
   messageBadge,
-  onPendingToolDecision
+  onPendingToolDecision,
+  showEstimatedToolCost
 }) {
   if (event.kind === "tool")
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -274,7 +287,8 @@ function EventBody({
         event,
         visual,
         defaultExpanded,
-        onPendingToolDecision
+        onPendingToolDecision,
+        showEstimatedToolCost
       }
     );
   if (event.kind === "thinking") return /* @__PURE__ */ jsxRuntime.jsx(ThinkingBody, { event });

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.cjs","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":["jsx","jsxs","cn","SESSION_TONES","Icon","EventMetadata","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","MessageFilePart","Markdown","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.rows.cjs","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":["jsx","jsxs","cn","SESSION_TONES","Icon","EventMetadata","SessionRowTokens","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","EstimatedToolCost","MessageFilePart","Markdown","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody"],"mappings":"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"}

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

@@ -2,21 +2,23 @@ import { ReactNode } from 'react';
 import { SessionEvent } from './SessionViewer.model.js';
 import { SessionEventGroup } from './SessionViewer.grouping.js';
 import { SessionToolDecision } from './SessionViewer.js';
-export declare function SessionRow({ event, initialPrompt, last, defaultExpanded, showRowMetadata, showRaw, renderMessageBadge, onPendingToolDecision, }: {
+export declare function SessionRow({ event, initialPrompt, last, defaultExpanded, showRowMetadata, showEstimatedToolCost, showRaw, renderMessageBadge, onPendingToolDecision, }: {
     event: SessionEvent;
     initialPrompt?: boolean;
     last: boolean;
     defaultExpanded: boolean;
     showRowMetadata?: boolean;
+    showEstimatedToolCost?: boolean;
     showRaw?: boolean;
     renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;
     onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;
 }): import("react").JSX.Element;
-export declare function WaitGroupRow({ group, last, defaultExpanded, showRowMetadata, showRaw, renderMessageBadge, onPendingToolDecision, }: {
+export declare function WaitGroupRow({ group, last, defaultExpanded, showRowMetadata, showEstimatedToolCost, showRaw, renderMessageBadge, onPendingToolDecision, }: {
     group: SessionEventGroup;
     last: boolean;
     defaultExpanded: boolean;
     showRowMetadata?: boolean;
+    showEstimatedToolCost?: boolean;
     showRaw?: boolean;
     renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;
     onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAqB,EACrB,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BAiDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BA2EA"}
+{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAM3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,aAAqB,EACrB,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,qBAA6B,EAC7B,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BAmDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,qBAA6B,EAC7B,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,+BAgFA"}

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