@usetheo/ui 0.23.0 → 0.27.0

package/dist/components/composites/severity-badge/severity-badge.d.ts

@@ -0,0 +1,33 @@
+import { type HTMLAttributes } from "react";
+import { type BadgeProps } from "../../primitives/badge/index.js";
+/**
+ * SeverityBadge — labeled, multi-level severity indicator (composite).
+ *
+ * Composes the `Badge` primitive: maps a `Severity` level (langfuse's
+ * MonitorSeverity vocabulary, lowercased) to a Badge `variant`, rendering a
+ * human-readable label.
+ *
+ * NOT a duplicate of `StatusIndicator`: StatusIndicator is a small colored
+ * *status dot* (online/offline/degraded/info) conveying component liveness.
+ * SeverityBadge is a *labeled Badge* conveying a multi-level severity grade
+ * (ok/warning/alert/no_data/unknown/paused) — different semantics, different
+ * surface (bordered pill with text, not a dot). See plan ADR D2.
+ *
+ * @example
+ *   <SeverityBadge severity="alert" />                    // "Alert", destructive
+ *   <SeverityBadge severity="ok" label="Healthy" />       // custom label
+ *   <SeverityBadge severity="warning" variantMap={{ warning: "accent" }} />
+ */
+/** Severity level. langfuse MonitorSeverity vocabulary, lowercased. */
+export type Severity = "ok" | "warning" | "alert" | "no_data" | "unknown" | "paused";
+/** A Badge visual variant (derived from the Badge primitive). */
+export type BadgeVariant = NonNullable<BadgeProps["variant"]>;
+export interface SeverityBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Severity level to convey. */
+    severity: Severity;
+    /** Overrides the default human-readable label derived from the severity. */
+    label?: string;
+    /** Per-severity overrides of the default severity → Badge variant map. */
+    variantMap?: Partial<Record<Severity, BadgeVariant>>;
+}
+export declare const SeverityBadge: import("react").ForwardRefExoticComponent<SeverityBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/composites/tag-input/index.d.ts

@@ -0,0 +1,2 @@
+export { TagInput } from "./tag-input.js";
+export type { TagInputProps } from "./tag-input.js";

package/dist/components/composites/tag-input/tag-input.d.ts

@@ -0,0 +1,32 @@
+/**
+ * TagInput — controlled multi-value tag editor (M17).
+ *
+ * Renders one removable chip per tag (`Badge` + a per-tag "×" button) plus a
+ * text input to add a new tag on Enter. Fully controlled: the consumer owns
+ * `value: string[]` and handles `onChange`. Adding calls
+ * `onChange([...value, tag])`; removing calls `onChange` without that tag.
+ * Dedup is built-in — adding an existing (trimmed) tag is a no-op, and so is
+ * an empty/whitespace tag. `disabled` blocks both add and remove.
+ *
+ * Design (ADR D2 + parsimony ladder rung 5): composes `Input` + `Badge` with
+ * Enter-to-add rather than the single-select `Combobox`. `Combobox` is a
+ * typeahead that selects ONE value from a fixed list and closes its own
+ * listbox on select — it has no "create arbitrary tag" affordance, so a plain
+ * input is both simpler and a better fit for free-text multi-value tags.
+ * `suggestions` power a native `<datalist>` (zero-dep autocomplete).
+ *
+ *   <TagInput value={tags} onChange={setTags} suggestions={["bug", "feat"]} />
+ */
+export interface TagInputProps {
+    /** Current tags (controlled). */
+    value: string[];
+    /** Called with the next tag list on add/remove. */
+    onChange: (value: string[]) => void;
+    /** Optional autocomplete suggestions surfaced via a native datalist. */
+    suggestions?: string[];
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const TagInput: import("react").ForwardRefExoticComponent<TagInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export { TagInput };

package/dist/components/composites/token-cost-breakdown/index.d.ts

@@ -0,0 +1,2 @@
+export { TokenCostBreakdown } from "./token-cost-breakdown.js";
+export type { TokenCostBreakdownProps } from "./token-cost-breakdown.js";

package/dist/components/composites/token-cost-breakdown/token-cost-breakdown.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from "react";
+/**
+ * TokenCostBreakdown — a `<dl>` breakdown of a request's/span's/trace's token
+ * usage and USD cost: input, output, cache tokens, total, and cost. Controlled
+ * and pure — the consumer supplies the numbers; nothing is fetched.
+ *
+ * Honest zeros (M9 SessionSummary convention): a real `0` renders `0` /
+ * `$0.0000`; an ABSENT (undefined) field renders `—` (em-dash) — it is never
+ * fabricated as a zero. When EVERY field is absent, an honest empty state
+ * renders instead of a table of em-dashes.
+ *
+ *   <TokenCostBreakdown inputTokens={1200} outputTokens={340}
+ *                       cacheTokens={80} totalTokens={1620} costUsd={0.0234} />
+ */
+export interface TokenCostBreakdownProps extends HTMLAttributes<HTMLDListElement> {
+    inputTokens?: number;
+    outputTokens?: number;
+    cacheTokens?: number;
+    totalTokens?: number;
+    costUsd?: number;
+    /** USD cost formatter. Default `$0.0000`. */
+    formatCostUsd?: (usd: number) => string;
+    className?: string;
+}
+declare const TokenCostBreakdown: import("react").ForwardRefExoticComponent<TokenCostBreakdownProps & import("react").RefAttributes<HTMLDListElement>>;
+export { TokenCostBreakdown };

package/dist/index.d.ts

@@ -3,12 +3,12 @@ export { aggregateCost, asChat, contentText, isRedactedThinking, buildLayeredGra
 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";
-export { Breadcrumb, type BreadcrumbLinkProps, } from "./components/primitives/breadcrumb/index.js";
-export { DescriptionList, type DescriptionListProps, } from "./components/primitives/description-list/index.js";
+export { Breadcrumb, type BreadcrumbLinkProps } from "./components/primitives/breadcrumb/index.js";
+export { DescriptionList, type DescriptionListProps } from "./components/primitives/description-list/index.js";
 export { JsonViewer, type JsonViewerProps } from "./components/primitives/json-viewer/index.js";
 export { Combobox, type ComboboxContentProps, type ComboboxInputProps, type ComboboxItemProps, type ComboboxProps, } from "./components/primitives/combobox/index.js";
-export { Slider, type SliderMark, type SliderProps, } from "./components/primitives/slider/index.js";
-export { UpdateBanner, type UpdateBannerProps, } from "./components/primitives/update-banner/index.js";
+export { Slider, type SliderMark, type SliderProps } from "./components/primitives/slider/index.js";
+export { UpdateBanner, type UpdateBannerProps } from "./components/primitives/update-banner/index.js";
 export { Card } from "./components/primitives/card/index.js";
 export { Input, type InputProps } from "./components/primitives/input/index.js";
 export { Dialog } from "./components/primitives/dialog/index.js";
@@ -33,14 +33,15 @@ export { Progress, type ProgressProps } from "./components/primitives/progress/i
 export { PlanBadge, type PlanBadgeProps, type PlanTier, } from "./components/primitives/plan-badge/index.js";
 export { AccountMenu, type AccountMenuProps, } from "./components/composites/account-menu/index.js";
 export { Table, type TableProps, type TableCellProps, type TableHeaderCellProps, } from "./components/primitives/table/index.js";
-export { StatusDot, type StatusDotProps, type StatusKind, } from "./components/primitives/status-dot/index.js";
+export { StatusDot, type StatusDotProps, type StatusKind } from "./components/primitives/status-dot/index.js";
 export { CopyButton, type CopyButtonProps, } from "./components/primitives/copy-button/index.js";
 export { Timestamp, type TimestampProps } from "./components/primitives/timestamp/index.js";
 export { StatTile, type StatTileProps } from "./components/primitives/stat-tile/index.js";
 export { DangerZone, type DangerZoneProps, type DangerZoneActionProps, } from "./components/primitives/danger-zone/index.js";
 export { ConfirmDialog, type ConfirmDialogProps, } from "./components/composites/confirm-dialog/index.js";
 export { CodeBlock, type CodeBlockProps } from "./components/composites/code-block/index.js";
-export { StatusIndicator, type StatusIndicatorKind, type StatusIndicatorProps, type StatusIndicatorSize, } from "./components/composites/status-indicator/index.js";
+export { StatusIndicator } from "./components/composites/status-indicator/index.js";
+export type { StatusIndicatorKind, StatusIndicatorProps, StatusIndicatorSize } from "./components/composites/status-indicator/index.js";
 export { MetricCard, type MetricCardDelta, type MetricCardProps, type MetricCardTrend, } from "./components/composites/metric-card/index.js";
 export { Alert, type AlertProps, type AlertIntent } from "./components/primitives/alert/index.js";
 export { Pagination, computePageRange, type PaginationProps, } from "./components/primitives/pagination/index.js";
@@ -77,3 +78,39 @@ export { SpanGraph } from "./components/composites/span-graph/index.js";
 export type { SpanGraphProps } from "./components/composites/span-graph/index.js";
 export { TraceCompare } from "./components/composites/trace-compare/index.js";
 export type { TraceCompareProps, CompareLane, } from "./components/composites/trace-compare/index.js";
+export { aggregateSession, sessionBounds } from "./lib/session/index.js";
+export type { SessionTraceItem, SessionMetrics } from "./lib/session/index.js";
+export { SessionSummary } from "./components/composites/session-summary/index.js";
+export type { SessionSummaryProps } from "./components/composites/session-summary/index.js";
+export { SessionTimeline } from "./components/composites/session-timeline/index.js";
+export type { SessionTimelineProps } from "./components/composites/session-timeline/index.js";
+export { computeHistogram } from "./lib/chart/index.js";
+export type { HistogramBin } from "./lib/chart/index.js";
+export { diffLines } from "./lib/diff/index.js";
+export type { DiffRow, DiffRowKind } from "./lib/diff/index.js";
+export { DiffView } from "./components/composites/diff-view/index.js";
+export type { DiffViewProps, DiffViewMode } from "./components/composites/diff-view/index.js";
+export { PromptVersionDiff, templateToText, configToText } from "./components/composites/prompt-version-diff/index.js";
+export type { PromptVersionDiffProps, PromptSnapshot } from "./components/composites/prompt-version-diff/index.js";
+export { DatasetItemDiff, fieldToText, fieldPresent } from "./components/composites/dataset-item-diff/index.js";
+export type { DatasetItemDiffProps, DatasetItemSnapshot } from "./components/composites/dataset-item-diff/index.js";
+export { Histogram } from "./components/composites/histogram/index.js";
+export type { HistogramProps } from "./components/composites/histogram/index.js";
+export { PercentileChart } from "./components/composites/percentile-chart/index.js";
+export type { PercentileBucket, PercentileChartProps } from "./components/composites/percentile-chart/index.js";
+export { AnnotationInput, isCategoricalConfig, isContinuousConfig, isFreeformConfig } from "./components/composites/annotation-input/index.js";
+export type { AnnotationInputProps, CategoricalOption, AnnotationCategoricalConfig, AnnotationContinuousConfig, AnnotationFreeformConfig, AnnotationConfig } from "./components/composites/annotation-input/index.js";
+export { EvaluatorForm, defaultEvaluatorConfig, isTargetEvaluator, isRegexEvaluator, isThresholdEvaluator } from "./components/composites/evaluator-form/index.js";
+export type { EvaluatorFormProps, EvaluatorConfig, EvaluatorType, ExactMatchEvaluatorConfig, ContainsEvaluatorConfig, RegexEvaluatorConfig, LevenshteinEvaluatorConfig, JsonDistanceEvaluatorConfig } from "./components/composites/evaluator-form/index.js";
+export { AnnotationSummaryGroup, type AnnotationSummaryGroupProps } from "./components/composites/annotation-summary-group/index.js";
+export { TokenCostBreakdown } from "./components/composites/token-cost-breakdown/index.js";
+export type { TokenCostBreakdownProps } from "./components/composites/token-cost-breakdown/index.js";
+export { PriceBreakdown } from "./components/composites/price-breakdown/index.js";
+export type { PriceBreakdownProps } from "./components/composites/price-breakdown/index.js";
+export { SeverityBadge } from "./components/composites/severity-badge/index.js";
+export type { Severity, BadgeVariant, SeverityBadgeProps } from "./components/composites/severity-badge/index.js";
+export { TagInput, type TagInputProps } from "./components/composites/tag-input/index.js";
+export { CommentThread, type Comment, type CommentThreadProps } from "./components/composites/comment-thread/index.js";
+export { ChatMessageCard, type ChatMessageCardProps } from "./components/composites/chat-message-card/index.js";
+export { MessageBranchSelector, type MessageBranchSelectorProps } from "./components/composites/message-branch-selector/index.js";
+export { PromptTemplateEditor, extractVars, type PromptTemplateEditorProps } from "./components/composites/prompt-template-editor/index.js";