@usetheo/ui 0.28.1 → 0.29.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { cn } from "./lib/cn.js";
-export { aggregateCost, asChat, contentText, isRedactedThinking, buildLayeredGraph, computeBarLayout, computeTraceBounds, deriveSpanKind, durationMs, flattenAll, flattenVisible, GRAPH_NODE_CAP, isSpanError, KIND_LABEL, niceAxisTicks, packRows, prettyValue, spanCostUsd, toNs, alignSpanTrees, groupByNamespace, traceMetrics, toTranscriptRows, VIRTUALIZE_THRESHOLD, } from "./lib/trace/index.js";
+export { aggregateCost, asChat, contentText, isRedactedThinking, buildLayeredGraph, computeBarLayout, computeTraceBounds, deriveSpanKind, durationMs, flattenAll, flattenVisible, GRAPH_NODE_CAP, isSpanError, KIND_LABEL, niceAxisTicks, packRows, prettyValue, spanCostUsd, spanOwnCostUsd, toNs, alignSpanTrees, groupByNamespace, traceMetrics, toTranscriptRows, VIRTUALIZE_THRESHOLD, } from "./lib/trace/index.js";
 export type { AlignDelta, AlignRow, AttributeGroup, AxisTick, BarLayout, ChatMessage, FlatSpan, GraphEdge, GraphNode, LayeredGraph, SpanKind, SpanStatus, ToolCall, TraceSpan, TranscriptRow, TranscriptRowStats, } from "./lib/trace/index.js";
 export { Button, buttonVariants, type ButtonProps } from "./components/primitives/button/index.js";
 export { Badge, badgeVariants, type BadgeProps } from "./components/primitives/badge/index.js";

package/dist/index.js

@@ -153,6 +153,19 @@ function spanCostUsd(span) {
   }
   return 0;
 }
+function spanOwnCostUsd(span) {
+  if (typeof span.costUsd === "number" && Number.isFinite(span.costUsd)) {
+    return span.costUsd > 0 ? span.costUsd : void 0;
+  }
+  const attrs = span.attributes ?? {};
+  for (const key of COST_ATTRIBUTE_KEYS) {
+    if (!(key in attrs)) continue;
+    const raw = attrs[key];
+    const n = typeof raw === "number" ? raw : typeof raw === "string" ? Number(raw) : Number.NaN;
+    if (Number.isFinite(n)) return n > 0 ? n : void 0;
+  }
+  return void 0;
+}
 function aggregateCost(span) {
   const seen = /* @__PURE__ */ new Set();
   const walk = (s) => {
@@ -209,7 +222,7 @@ function toTranscriptRows(root) {
       stats: {
         inputTokens: span.inputTokens ?? 0,
         outputTokens: span.outputTokens ?? 0,
-        costUsd: spanCostUsd(span),
+        costUsd: spanOwnCostUsd(span),
         durationMs: durationMs(span)
       }
     });
@@ -2434,7 +2447,7 @@ var SelectContent = forwardRef(({ className, children, position = "popper", ...p
     ref,
     position,
     className: cn(
-      "relative z-50 min-w-[8rem] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md",
+      "relative z-50 min-w-[12rem] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md",
       "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
       "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
       position === "popper" && "data-[side=top]:-translate-y-1 data-[side=bottom]:translate-y-1",
@@ -4204,7 +4217,7 @@ var Content12 = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /*
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-lg border bg-popover p-1",
+      "z-50 min-w-[12rem] overflow-hidden rounded-lg border bg-popover p-1",
       "text-popover-foreground shadow-md",
       "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
       "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
@@ -4335,7 +4348,7 @@ var SubContent2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
     "data-slot": "dropdown-menu-sub-content",
     ref,
     className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-lg border bg-popover p-1",
+      "z-50 min-w-[12rem] overflow-hidden rounded-lg border bg-popover p-1",
       "text-popover-foreground shadow-md",
       "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
       "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
@@ -7227,8 +7240,9 @@ function Row3({ row, ...ctx }) {
             stats.inputTokens,
             "\u2192",
             stats.outputTokens,
-            " \xB7 ",
-            ctx.formatCostUsd(stats.costUsd),
+            " \xB7",
+            " ",
+            stats.costUsd === void 0 ? "\u2014" : ctx.formatCostUsd(stats.costUsd),
             " \xB7",
             " ",
             formatDurationMs(stats.durationMs)
@@ -9067,4 +9081,4 @@ var PromptTemplateEditor = forwardRef(
 );
 PromptTemplateEditor.displayName = "PromptTemplateEditor";
 
-export { AccountMenu, ActionBar, Alert, AnnotationInput, AnnotationSummaryGroup, AttributesTable, Avatar, BadgeWithDot as Badge, Breadcrumb, Button, Card, ChatMessageCard, Checkbox, CodeBlock, Combobox, CommandPalette, CommentThread, ConfirmDialog, CopyButton, DangerZone, DataTable, DatasetItemDiff, DeploymentRow, DescriptionList, Dialog, DiffView, DomainConfig, DropdownMenu, EmptyState, EnvVarEditor, EvaluatorForm, FileDropzone, FormField, GRAPH_NODE_CAP, Histogram, IOCards, Input, JsonViewer, KIND_LABEL, Label, LoginSplit, MessageBranchSelector, MessageCard, MessageItem, MetricCard, MetricsPanel, PageShell, Pagination, PercentileChart, PinInput, PlanBadge, PreviewEnvCard, PriceBreakdown, Progress, ProjectCard, PromptTemplateEditor, PromptVersionDiff, RadioGroup, RollbackUI, ScrollArea, Select, SessionSummary, SessionTimeline, SeverityBadge, Sheet, Sidebar, Skeleton, Slider, SocialAuthRow, SpanGraph, SpanTree, SpanTreeRow, SpanWaterfall, StatTile, StatusDot, StatusIndicator, Stepper, Switch, Table, Tabs, TagInput, TaskHeader, Textarea, Timestamp, Toast, Toaster, TokenCostBreakdown, TooltipWithStatics as Tooltip, TopNav, TraceCompare, TraceTranscript, TrendChart, UpdateBanner, VIRTUALIZE_THRESHOLD, aggregateCost, aggregateSession, alignSpanTrees, asChat, avatarVariants, badgeVariants, buildLayeredGraph, buttonVariants, cn, computeBarLayout, computeHistogram, computePageRange, computeTraceBounds, configToText, contentText, defaultEvaluatorConfig, deriveSpanKind, deriveSteps, diffLines, durationMs, extractVars, fieldPresent, fieldToText, flattenAll, flattenVisible, groupByNamespace, isCategoricalConfig, isContinuousConfig, isFreeformConfig, isNearBottom, isRedactedThinking, isRegexEvaluator, isSpanError, isTargetEvaluator, isThresholdEvaluator, linScale, matchesAccept, niceAxisTicks, niceMax, packRows, prettyValue, seriesPath, sessionBounds, sheetVariants, spanCostUsd, templateToText, toNs, toTranscriptRows, traceMetrics, useStickToBottom, useToast, validateFiles };
+export { AccountMenu, ActionBar, Alert, AnnotationInput, AnnotationSummaryGroup, AttributesTable, Avatar, BadgeWithDot as Badge, Breadcrumb, Button, Card, ChatMessageCard, Checkbox, CodeBlock, Combobox, CommandPalette, CommentThread, ConfirmDialog, CopyButton, DangerZone, DataTable, DatasetItemDiff, DeploymentRow, DescriptionList, Dialog, DiffView, DomainConfig, DropdownMenu, EmptyState, EnvVarEditor, EvaluatorForm, FileDropzone, FormField, GRAPH_NODE_CAP, Histogram, IOCards, Input, JsonViewer, KIND_LABEL, Label, LoginSplit, MessageBranchSelector, MessageCard, MessageItem, MetricCard, MetricsPanel, PageShell, Pagination, PercentileChart, PinInput, PlanBadge, PreviewEnvCard, PriceBreakdown, Progress, ProjectCard, PromptTemplateEditor, PromptVersionDiff, RadioGroup, RollbackUI, ScrollArea, Select, SessionSummary, SessionTimeline, SeverityBadge, Sheet, Sidebar, Skeleton, Slider, SocialAuthRow, SpanGraph, SpanTree, SpanTreeRow, SpanWaterfall, StatTile, StatusDot, StatusIndicator, Stepper, Switch, Table, Tabs, TagInput, TaskHeader, Textarea, Timestamp, Toast, Toaster, TokenCostBreakdown, TooltipWithStatics as Tooltip, TopNav, TraceCompare, TraceTranscript, TrendChart, UpdateBanner, VIRTUALIZE_THRESHOLD, aggregateCost, aggregateSession, alignSpanTrees, asChat, avatarVariants, badgeVariants, buildLayeredGraph, buttonVariants, cn, computeBarLayout, computeHistogram, computePageRange, computeTraceBounds, configToText, contentText, defaultEvaluatorConfig, deriveSpanKind, deriveSteps, diffLines, durationMs, extractVars, fieldPresent, fieldToText, flattenAll, flattenVisible, groupByNamespace, isCategoricalConfig, isContinuousConfig, isFreeformConfig, isNearBottom, isRedactedThinking, isRegexEvaluator, isSpanError, isTargetEvaluator, isThresholdEvaluator, linScale, matchesAccept, niceAxisTicks, niceMax, packRows, prettyValue, seriesPath, sessionBounds, sheetVariants, spanCostUsd, spanOwnCostUsd, templateToText, toNs, toTranscriptRows, traceMetrics, useStickToBottom, useToast, validateFiles };

package/dist/lib/trace/cost.d.ts

@@ -9,6 +9,14 @@ import type { TraceSpan } from "./types.js";
  * negative costs floor to 0.
  */
 export declare function spanCostUsd(span: TraceSpan): number;
+/**
+ * A single span's own USD cost for PER-SPAN DISPLAY: the promoted `costUsd` field, else the first
+ * parseable cost attribute — but returns `undefined` when the span has no individually-computed
+ * cost (absent / non-numeric / ≤ 0). Distinct from `spanCostUsd` (which collapses to 0 for honest
+ * `∑` badges): a per-span cost is "exists or doesn't", not a sum, so the absent case renders `—`
+ * (em-dash) downstream instead of a fabricated `$0.0000` (M52 / theo-lens#71 Finding 3).
+ */
+export declare function spanOwnCostUsd(span: TraceSpan): number | undefined;
 /**
  * Sum a span's own cost + all descendants' (`∑`). Total: missing cost counts as 0, never NaN.
  * Cycle-safe: a repeated/self-referential child is counted at most once (no stack overflow).

package/dist/lib/trace/types.d.ts

@@ -66,7 +66,12 @@ export interface FlatSpan {
 export interface TranscriptRowStats {
     inputTokens: number;
     outputTokens: number;
-    costUsd: number;
+    /**
+     * Per-span own cost. `undefined` when the span has no individually-computed cost — the feed
+     * renders `—` then, never a fabricated `$0.0000` (M52 / theo-lens#71 Finding 3). A real computed
+     * cost is a positive number.
+     */
+    costUsd: number | undefined;
     durationMs: number | null;
 }
 /** One row in the reader-mode transcript feed. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.28.1",
+  "version": "0.29.0",
   "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be",
   "type": "module",
   "license": "Apache-2.0",