@elizaos/ui 2.0.0-alpha.25 → 2.0.0-alpha.334

package/packages/ui/src/components/composites/trajectories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC"}

package/packages/ui/src/components/composites/trajectories/index.js

@@ -0,0 +1,4 @@
+export * from "./trajectory-code-block";
+export * from "./trajectory-llm-call-card";
+export * from "./trajectory-pipeline-graph";
+export * from "./trajectory-sidebar-item";

package/packages/ui/src/components/composites/trajectories/trajectory-code-block.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface TrajectoryCodeBlockProps {
+    collapseLabel: React.ReactNode;
+    content: string;
+    copyLabel: React.ReactNode;
+    copyToClipboardLabel?: string;
+    expandLabel: React.ReactNode;
+    label: React.ReactNode;
+    linesLabel: React.ReactNode;
+    onCopy: (content: string) => void;
+}
+export declare function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToClipboardLabel, expandLabel, label, linesLabel, onCopy, }: TrajectoryCodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-code-block.d.ts.map

package/packages/ui/src/components/composites/trajectories/trajectory-code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,2CA4C1B"}

package/packages/ui/src/components/composites/trajectories/trajectory-code-block.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../../ui/button";
+import { PagePanel } from "../page-panel";
+export function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToClipboardLabel, expandLabel, label, linesLabel, onCopy, }) {
+    const [expanded, setExpanded] = React.useState(false);
+    const lines = content.split("\n").length;
+    const shouldTruncate = !expanded && lines > 20;
+    const displayContent = shouldTruncate
+        ? `${content.split("\n").slice(0, 20).join("\n")}\n...`
+        : content;
+    return (_jsxs(PagePanel, { variant: "inset", className: "overflow-hidden", children: [_jsx(PagePanel.Header, { heading: label, description: linesLabel, actions: _jsxs(PagePanel.ActionRail, { className: "rounded-full px-1 py-1", children: [lines > 20 ? (_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => setExpanded((current) => !current), children: expanded ? collapseLabel : expandLabel })) : null, _jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => onCopy(content), title: copyToClipboardLabel, children: copyLabel })] }) }), _jsx("pre", { className: "max-h-[28rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words px-4 py-4 text-xs leading-6 text-txt", children: displayContent })] }));
+}

package/packages/ui/src/components/composites/trajectories/trajectory-llm-call-card.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface TrajectoryLlmCallCardProps {
+    callLabel: React.ReactNode;
+    copyLabel: React.ReactNode;
+    copyToClipboardLabel?: string;
+    costLabel: React.ReactNode;
+    costValue: React.ReactNode;
+    inputLabel: React.ReactNode;
+    latencyLabel: React.ReactNode;
+    maxLabel: React.ReactNode;
+    maxValue: React.ReactNode;
+    model: React.ReactNode;
+    onCopy: (content: string) => void;
+    outputLabel: React.ReactNode;
+    purposeLabel: React.ReactNode;
+    response: string;
+    systemCollapseLabel: React.ReactNode;
+    systemExpandLabel: React.ReactNode;
+    systemLabel: React.ReactNode;
+    systemLinesLabel: React.ReactNode;
+    systemPrompt?: string | null;
+    systemPromptButtonLabel: React.ReactNode;
+    temperatureLabel: React.ReactNode;
+    temperatureValue: React.ReactNode;
+    tokensLabel: React.ReactNode;
+    totalTokensValue: React.ReactNode;
+    tokenBreakdownMeta: React.ReactNode;
+    tags?: readonly string[];
+    inputLinesLabel: React.ReactNode;
+    outputLinesLabel: React.ReactNode;
+    userPrompt: string;
+}
+export declare function TrajectoryLlmCallCard({ callLabel, copyLabel, copyToClipboardLabel, costLabel, costValue, inputLabel, latencyLabel, maxLabel, maxValue, model, onCopy, outputLabel, purposeLabel, response, systemCollapseLabel, systemExpandLabel, systemLabel, systemLinesLabel, systemPrompt, systemPromptButtonLabel, temperatureLabel, temperatureValue, tokensLabel, totalTokensValue, tokenBreakdownMeta, tags, inputLinesLabel, outputLinesLabel, userPrompt, }: TrajectoryLlmCallCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-llm-call-card.d.ts.map

package/packages/ui/src/components/composites/trajectories/trajectory-llm-call-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-llm-call-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-llm-call-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,UAAU,GACX,EAAE,0BAA0B,2CAoH5B"}

package/packages/ui/src/components/composites/trajectories/trajectory-llm-call-card.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { Button } from "../../ui/button";
+import { PagePanel } from "../page-panel";
+import { TrajectoryCodeBlock } from "./trajectory-code-block";
+function CallMetric({ label, value, meta }) {
+    return (_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: label }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: value }), meta ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: meta })) : null] }));
+}
+export function TrajectoryLlmCallCard({ callLabel, copyLabel, copyToClipboardLabel, costLabel, costValue, inputLabel, latencyLabel, maxLabel, maxValue, model, onCopy, outputLabel, purposeLabel, response, systemCollapseLabel, systemExpandLabel, systemLabel, systemLinesLabel, systemPrompt, systemPromptButtonLabel, temperatureLabel, temperatureValue, tokensLabel, totalTokensValue, tokenBreakdownMeta, tags, inputLinesLabel, outputLinesLabel, userPrompt, }) {
+    const [showSystem, setShowSystem] = React.useState(false);
+    const purposeValue = tags?.length ? tags.join(", ") : "Inference";
+    return (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: callLabel }), _jsx("div", { className: "text-lg font-semibold text-txt", children: model }), tags?.length ? (_jsx("div", { className: "flex flex-wrap gap-2", children: tags.map((tag) => (_jsx("span", { className: "rounded-full border border-border/50 bg-bg/60 px-2.5 py-1 text-[11px] font-medium text-muted", children: tag }, tag))) })) : null] }), systemPrompt ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setShowSystem((current) => !current), className: "shrink-0 gap-2 self-start", children: [showSystem ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5" })), showSystem ? systemCollapseLabel : systemPromptButtonLabel] })) : null] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(CallMetric, { label: purposeLabel, value: purposeValue, meta: callLabel }), _jsx(CallMetric, { label: latencyLabel, value: response.length, meta: outputLinesLabel }), _jsx(CallMetric, { label: costLabel, value: costValue, meta: temperatureLabel }), _jsx(CallMetric, { label: tokensLabel, value: totalTokensValue, meta: tokenBreakdownMeta }), _jsx(CallMetric, { label: maxLabel, value: maxValue, meta: inputLinesLabel }), _jsx(CallMetric, { label: temperatureLabel, value: temperatureValue, meta: systemPrompt ? systemLinesLabel : systemExpandLabel })] }), systemPrompt && showSystem ? (_jsx(TrajectoryCodeBlock, { content: systemPrompt, label: systemLabel, linesLabel: systemLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy })) : null] }), _jsxs("div", { className: "mt-4 grid gap-4 xl:grid-cols-2", children: [_jsx(TrajectoryCodeBlock, { content: userPrompt, label: inputLabel, linesLabel: inputLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy }), _jsx(TrajectoryCodeBlock, { content: response, label: outputLabel, linesLabel: outputLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy })] })] }));
+}

package/packages/ui/src/components/composites/trajectories/trajectory-pipeline-graph.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TrajectoryPipelineGraph — horizontal pipeline visualization showing
+ * agent processing stages: input → shouldRespond → plan → actions → evaluators.
+ *
+ * Pure presentational component. The parent owns filter state and passes
+ * pre-computed node data.
+ */
+import type { LucideIcon } from "lucide-react";
+export type PipelineStageId = "input" | "should_respond" | "plan" | "actions" | "evaluators";
+export interface PipelineNode {
+    id: PipelineStageId;
+    label: string;
+    callCount: number;
+    status: "active" | "skipped" | "error";
+    icon: LucideIcon;
+}
+export interface TrajectoryPipelineGraphProps {
+    /** Ordered array of pipeline nodes (typically 5). */
+    nodes: PipelineNode[];
+    /** Currently selected stage, or null for "show all". */
+    activeStageId: PipelineStageId | null;
+    /** Callback when a stage node is clicked. */
+    onStageClick: (stageId: PipelineStageId) => void;
+}
+export declare function TrajectoryPipelineGraph({ nodes, activeStageId, onStageClick, }: TrajectoryPipelineGraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-pipeline-graph.d.ts.map

package/packages/ui/src/components/composites/trajectories/trajectory-pipeline-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-pipeline-graph.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-pipeline-graph.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,eAAe,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,4BAA4B;IAC3C,qDAAqD;IACrD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,wDAAwD;IACxD,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,6CAA6C;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD;AA4GD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE,4BAA4B,2CAsB9B"}

package/packages/ui/src/components/composites/trajectories/trajectory-pipeline-graph.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+function PipelineConnector({ dimmed }) {
+    return (_jsx("div", { className: `flex items-center ${dimmed ? "opacity-30" : "opacity-60"}`, children: _jsxs("svg", { width: "36", height: "12", viewBox: "0 0 36 12", fill: "none", className: "shrink-0", "aria-hidden": "true", focusable: "false", children: [_jsx("line", { x1: "0", y1: "6", x2: "28", y2: "6", stroke: "currentColor", strokeWidth: "1.5", className: "text-muted" }), _jsx("path", { d: "M28 2 L34 6 L28 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", className: "text-muted" })] }) }));
+}
+function PipelineNodeButton({ node, selected, onClick, }) {
+    const Icon = node.icon;
+    const statusClasses = {
+        active: selected
+            ? "border-primary/40 bg-primary/5 ring-2 ring-primary/30 shadow-sm"
+            : "border-border/40 hover:border-border/60 hover:shadow-sm",
+        skipped: selected
+            ? "border-primary/30 bg-primary/5 ring-2 ring-primary/20 opacity-70"
+            : "border-border/25 border-dashed opacity-50 hover:opacity-70",
+        error: selected
+            ? "border-danger/40 bg-danger/5 ring-2 ring-danger/30"
+            : "border-danger/30 hover:border-danger/40",
+    };
+    const iconColor = {
+        active: selected ? "text-primary" : "text-txt/70",
+        skipped: "text-muted/50",
+        error: "text-danger/80",
+    };
+    const countBg = {
+        active: selected ? "bg-primary/15 text-primary" : "bg-muted/10 text-txt/60",
+        skipped: "bg-muted/8 text-muted/40",
+        error: "bg-danger/10 text-danger/70",
+    };
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `
+        flex min-w-[90px] flex-col items-center gap-1.5 rounded-xl border
+        px-3 py-2.5 transition-all duration-150 cursor-pointer select-none
+        ${statusClasses[node.status]}
+      `, children: [_jsx(Icon, { className: `h-5 w-5 ${iconColor[node.status]}` }), _jsx("span", { className: "text-2xs font-semibold uppercase tracking-[0.12em] text-txt/70 whitespace-nowrap", children: node.label }), _jsx("span", { className: `
+          rounded-full px-2 py-0.5 text-2xs font-bold leading-none
+          ${countBg[node.status]}
+        `, children: node.id === "input" ? "\u2713" : node.callCount })] }));
+}
+// ---------------------------------------------------------------------------
+// Main component
+// ---------------------------------------------------------------------------
+export function TrajectoryPipelineGraph({ nodes, activeStageId, onStageClick, }) {
+    return (_jsx("div", { className: "flex items-center gap-1 overflow-x-auto py-1", children: nodes.map((node, i) => (_jsxs("div", { className: "contents", children: [i > 0 && (_jsx(PipelineConnector, { dimmed: node.status === "skipped" ||
+                        (i > 0 && nodes[i - 1].status === "skipped") })), _jsx(PipelineNodeButton, { node: node, selected: activeStageId === node.id, onClick: () => onStageClick(node.id) })] }, node.id))) }));
+}

package/packages/ui/src/components/composites/trajectories/trajectory-sidebar-item.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+export interface TrajectorySidebarItemProps {
+    active?: boolean;
+    callCount: React.ReactNode;
+    durationLabel: React.ReactNode;
+    onSelect?: () => void;
+    sourceColor?: string;
+    sourceLabel: React.ReactNode;
+    statusColor?: string;
+    statusLabel: React.ReactNode;
+    title: React.ReactNode;
+    tokenLabel: React.ReactNode;
+}
+export declare function TrajectorySidebarItem({ active, callCount, durationLabel, onSelect, sourceColor, sourceLabel, statusColor, statusLabel, title, tokenLabel, }: TrajectorySidebarItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-sidebar-item.d.ts.map

package/packages/ui/src/components/composites/trajectories/trajectory-sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-sidebar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsBpC,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAc,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,KAAK,EACL,UAAU,GACX,EAAE,0BAA0B,2CA0B5B"}

package/packages/ui/src/components/composites/trajectories/trajectory-sidebar-item.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarContent } from "../sidebar";
+function InlineMeta({ color, label, }) {
+    return (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-2xs font-medium text-muted/85", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full", style: color ? { backgroundColor: color } : undefined }), _jsx("span", { children: label })] }));
+}
+export function TrajectorySidebarItem({ active = false, callCount, durationLabel, onSelect, sourceColor, sourceLabel, statusColor, statusLabel, title, tokenLabel, }) {
+    return (_jsxs(SidebarContent.Item, { active: active, onClick: onSelect, "aria-current": active ? "page" : undefined, children: [_jsx(SidebarContent.ItemIcon, { active: active, className: "text-xs-tight font-bold", children: callCount }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: title }), _jsx(SidebarContent.ItemDescription, { children: _jsxs("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx(InlineMeta, { label: sourceLabel, color: sourceColor }), _jsx(InlineMeta, { label: statusLabel, color: statusColor }), _jsx("span", { children: tokenLabel }), _jsx("span", { children: durationLabel })] }) })] })] }));
+}

package/packages/ui/src/components/primitives/index.d.ts

@@ -0,0 +1,26 @@
+export * from "../ui/badge";
+export * from "../ui/button";
+export * from "../ui/card";
+export * from "../ui/checkbox";
+export * from "../ui/dialog";
+export * from "../ui/drawer-sheet";
+export * from "../ui/dropdown-menu";
+export * from "../ui/grid";
+export * from "../ui/input";
+export * from "../ui/label";
+export * from "../ui/popover";
+export * from "../ui/select";
+export * from "../ui/separator";
+export * from "../ui/skeleton";
+export * from "../ui/slider";
+export * from "../ui/sonner";
+export * from "../ui/spinner";
+export * from "../ui/stack";
+export * from "../ui/switch";
+export * from "../ui/tabs";
+export * from "../ui/tag-editor";
+export * from "../ui/tag-input";
+export * from "../ui/textarea";
+export * from "../ui/tooltip";
+export * from "../ui/typography";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/components/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/packages/ui/src/components/primitives/index.js

@@ -0,0 +1,25 @@
+export * from "../ui/badge";
+export * from "../ui/button";
+export * from "../ui/card";
+export * from "../ui/checkbox";
+export * from "../ui/dialog";
+export * from "../ui/drawer-sheet";
+export * from "../ui/dropdown-menu";
+export * from "../ui/grid";
+export * from "../ui/input";
+export * from "../ui/label";
+export * from "../ui/popover";
+export * from "../ui/select";
+export * from "../ui/separator";
+export * from "../ui/skeleton";
+export * from "../ui/slider";
+export * from "../ui/sonner";
+export * from "../ui/spinner";
+export * from "../ui/stack";
+export * from "../ui/switch";
+export * from "../ui/tabs";
+export * from "../ui/tag-editor";
+export * from "../ui/tag-input";
+export * from "../ui/textarea";
+export * from "../ui/tooltip";
+export * from "../ui/typography";

package/packages/ui/src/components/ui/admin-dialog.d.ts

@@ -0,0 +1,50 @@
+import type * as React from "react";
+import { DialogContent } from "./dialog";
+import { type InputProps } from "./input";
+export interface AdminDialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogContent> {
+    className?: string;
+    children?: React.ReactNode;
+    container?: HTMLElement | null;
+}
+export declare function AdminDialogContent({ className, ...props }: AdminDialogContentProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AdminDialogHeader({ className, ...props }: AdminDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AdminDialogFooterChrome({ className, ...props }: AdminDialogFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminDialogBodyScrollProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AdminDialogBodyScroll({ className, ...props }: AdminDialogBodyScrollProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminMetaBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare function AdminMetaBadge({ className, ...props }: AdminMetaBadgeProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminMonoMetaProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare function AdminMonoMeta({ className, ...props }: AdminMonoMetaProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminInputProps extends InputProps {
+}
+export declare function AdminInput({ className, ...props }: AdminInputProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminCodeEditorProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+export declare function AdminCodeEditor({ className, ...props }: AdminCodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminSegmentedTabListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AdminSegmentedTabList({ className, ...props }: AdminSegmentedTabListProps): import("react/jsx-runtime").JSX.Element;
+export interface AdminSegmentedTabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+}
+export declare function AdminSegmentedTab({ active, className, ...props }: AdminSegmentedTabProps): import("react/jsx-runtime").JSX.Element;
+export declare const AdminDialog: {
+    Content: typeof AdminDialogContent;
+    Header: typeof AdminDialogHeader;
+    Footer: typeof AdminDialogFooterChrome;
+    BodyScroll: typeof AdminDialogBodyScroll;
+    MetaBadge: typeof AdminMetaBadge;
+    MonoMeta: typeof AdminMonoMeta;
+    Input: typeof AdminInput;
+    CodeEditor: typeof AdminCodeEditor;
+    SegmentedTabList: typeof AdminSegmentedTabList;
+    SegmentedTab: typeof AdminSegmentedTab;
+};
+//# sourceMappingURL=admin-dialog.d.ts.map

package/packages/ui/src/components/ui/admin-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/admin-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,aAAa,EAA8B,MAAM,UAAU,CAAC;AACrE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAUzB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAOxB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAOxB;AAED,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAO5B;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAU1E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAElD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAOxE;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;CAAG;AAEtD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUlE;AAED,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAU5E;AAED,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAE5B;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAcxB;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAC"}

package/packages/ui/src/components/ui/admin-dialog.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { DialogContent, DialogFooter, DialogHeader } from "./dialog";
+import { Input } from "./input";
+export function AdminDialogContent({ className, ...props }) {
+    return (_jsx(DialogContent, { className: cn("flex w-full flex-col overflow-hidden rounded-2xl border border-border/60 bg-card/98 p-0 shadow-2xl", className), ...props }));
+}
+export function AdminDialogHeader({ className, ...props }) {
+    return (_jsx(DialogHeader, { className: cn("shrink-0 bg-card/80 px-5 py-4", className), ...props }));
+}
+export function AdminDialogFooterChrome({ className, ...props }) {
+    return (_jsx(DialogFooter, { className: cn("shrink-0 bg-card/80 px-5 py-4", className), ...props }));
+}
+export function AdminDialogBodyScroll({ className, ...props }) {
+    return (_jsx("div", { className: cn("custom-scrollbar flex-1 overflow-y-auto", className), ...props }));
+}
+export function AdminMetaBadge({ className, ...props }) {
+    return (_jsx("span", { className: cn("rounded-full border border-border/40 bg-bg-accent/80 px-2 py-0.5 text-2xs font-bold lowercase tracking-widest text-muted-strong", className), ...props }));
+}
+export function AdminMonoMeta({ className, ...props }) {
+    return (_jsx("span", { className: cn("text-2xs font-mono text-muted/70", className), ...props }));
+}
+export function AdminInput({ className, ...props }) {
+    return (_jsx(Input, { className: cn("h-10 w-full rounded-xl border border-border/50 bg-card/85 px-3 text-sm font-mono text-txt shadow-inner transition-[border-color,box-shadow,background-color] placeholder:text-muted/60 focus-visible:ring-accent", className), ...props }));
+}
+export function AdminCodeEditor({ className, ...props }) {
+    return (_jsx("textarea", { className: cn("h-full w-full resize-none border-0 bg-bg-hover p-5 font-mono text-sm leading-relaxed text-txt focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 focus-visible:ring-inset", className), ...props }));
+}
+export function AdminSegmentedTabList({ className, ...props }) {
+    return _jsx("div", { className: cn("flex bg-bg-accent/35", className), ...props });
+}
+export function AdminSegmentedTab({ active = false, className, ...props }) {
+    return (_jsx("button", { type: "button", className: cn("flex-1 rounded-none border-b-2 px-4 py-2.5 text-xs-tight font-bold tracking-[0.1em] transition-[border-color,color,background-color]", active
+            ? "border-accent text-accent"
+            : "border-transparent text-muted-strong hover:text-txt", className), ...props }));
+}
+export const AdminDialog = {
+    Content: AdminDialogContent,
+    Header: AdminDialogHeader,
+    Footer: AdminDialogFooterChrome,
+    BodyScroll: AdminDialogBodyScroll,
+    MetaBadge: AdminMetaBadge,
+    MonoMeta: AdminMonoMeta,
+    Input: AdminInput,
+    CodeEditor: AdminCodeEditor,
+    SegmentedTabList: AdminSegmentedTabList,
+    SegmentedTab: AdminSegmentedTab,
+};

package/packages/ui/src/components/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+type BadgeVariantsProps = {
+    variant?: "default" | "secondary" | "destructive" | "outline" | null;
+};
+declare const badgeVariants: (props?: BadgeVariantsProps) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, BadgeVariantsProps {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/packages/ui/src/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC;CACtE,CAAC;AAqBF,QAAA,MAAM,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,MACK,CAAC;AAE3D,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,kBAAkB;CAAG;AAEzB,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/packages/ui/src/components/ui/badge.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const _badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-fg hover:bg-primary/80",
+            secondary: "border-transparent bg-bg-accent text-txt hover:bg-bg-hover",
+            destructive: "border-transparent bg-destructive text-destructive-fg hover:bg-destructive/80",
+            outline: "text-txt border-border",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const badgeVariants = _badgeVariants;
+function Badge({ className, variant, ...props }) {
+    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/packages/ui/src/components/ui/banner.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+type BannerVariantsProps = {
+    variant?: "error" | "warning" | "info" | null;
+};
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, BannerVariantsProps {
+    /** Optional action element (button, link) */
+    action?: React.ReactNode;
+    /** Show dismiss button */
+    dismissible?: boolean;
+    /** Called when dismiss is clicked */
+    onDismiss?: () => void;
+    /** Aria-label for dismiss button */
+    dismissLabel?: string;
+}
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=banner.d.ts.map

package/packages/ui/src/components/ui/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;CAC/C,CAAC;AA2BF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,mBAAmB;IACrB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,oFAwClB,CAAC"}

package/packages/ui/src/components/ui/banner.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { AlertTriangle, Info, X, XCircle } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "./button";
+const _bannerVariants = cva("flex items-center gap-3 border px-4 py-2.5 text-xs", {
+    variants: {
+        variant: {
+            error: "border-destructive/30 bg-destructive/10 text-destructive",
+            warning: "border-warn/30 bg-warn/10 text-warn",
+            info: "border-accent/30 bg-accent/10 text-accent",
+        },
+    },
+    defaultVariants: {
+        variant: "info",
+    },
+});
+const bannerVariants = _bannerVariants;
+const ICONS = {
+    error: XCircle,
+    warning: AlertTriangle,
+    info: Info,
+};
+export const Banner = React.forwardRef(({ variant = "info", action, dismissible, onDismiss, dismissLabel = "Dismiss", className, children, ...props }, ref) => {
+    const Icon = ICONS[variant ?? "info"];
+    return (_jsxs("div", { ref: ref, className: cn(bannerVariants({ variant }), className), role: "alert", ...props, children: [_jsx(Icon, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1", children: children }), action, dismissible && (_jsx(Button, { variant: "ghost", size: "icon", onClick: onDismiss, className: "h-6 w-6 rounded-sm opacity-70 hover:opacity-100 transition-opacity", "aria-label": dismissLabel, children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
+});
+Banner.displayName = "Banner";

package/packages/ui/src/components/ui/button.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+type ButtonVariantsProps = {
+    variant?: "default" | "surface" | "surfaceAccent" | "surfaceDestructive" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
+    size?: "default" | "sm" | "lg" | "icon" | null;
+    className?: string | null | undefined;
+};
+declare const buttonVariants: (props?: ButtonVariantsProps) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<ButtonVariantsProps, "className"> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/packages/ui/src/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,IAAI,CAAC;IACT,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAwCF,QAAA,MAAM,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,mBAAmB,KAAK,MACK,CAAC;AAE7D,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAYX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/packages/ui/src/components/ui/button.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const _buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: 
+            // Solid accent surfaces use text-accent-fg; translucent accent buttons
+            // switch to text-accent in dark mode to preserve contrast.
+            "border border-accent/45 bg-accent/18 text-accent-fg dark:text-accent shadow-sm hover:border-accent/70 hover:bg-accent/28",
+            surface: "border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]",
+            surfaceAccent: "border border-accent/26 bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.16),rgba(var(--accent-rgb),0.07))] text-txt-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_14px_22px_-18px_rgba(var(--accent-rgb),0.24)] ring-1 ring-inset ring-accent/10 hover:border-accent/42 hover:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.2),rgba(var(--accent-rgb),0.1))] hover:text-txt-strong",
+            surfaceDestructive: "border border-danger/30 bg-[linear-gradient(180deg,rgba(239,68,68,0.12),rgba(239,68,68,0.06))] text-danger shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_14px_20px_-18px_rgba(127,29,29,0.18)] hover:border-danger/44 hover:bg-[linear-gradient(180deg,rgba(239,68,68,0.16),rgba(239,68,68,0.08))] hover:text-danger",
+            destructive: "border border-destructive/45 bg-destructive/92 text-destructive-fg shadow-sm hover:border-destructive/75 hover:bg-destructive",
+            outline: "border border-border bg-card/92 text-txt shadow-sm hover:border-border-strong hover:bg-bg-hover",
+            secondary: "border border-border bg-bg-accent text-txt shadow-sm hover:border-border-strong hover:bg-bg-hover",
+            ghost: "text-muted-strong hover:bg-bg-accent hover:text-txt",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3 py-1.5",
+            lg: "h-11 rounded-md px-8 py-2.5",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const buttonVariants = _buttonVariants;
+const Button = React.forwardRef(({ className, variant, size, asChild = false, style, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, style: style, ...props }));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/packages/ui/src/components/ui/card.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type CardVariantsProps = {
+    variant?: "default" | "interactive" | "status" | "setting" | "flat" | null;
+};
+declare const cardVariants: (props?: CardVariantsProps) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, CardVariantsProps {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, };
+//# sourceMappingURL=card.d.ts.map

package/packages/ui/src/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;CAC5E,CAAC;AAsBF,QAAA,MAAM,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,iBAAiB,KAAK,MAExC,CAAC;AAEZ,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,iBAAiB;CAAG;AAExB,QAAA,MAAM,IAAI,kFAQT,CAAC;AAGF,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHASb,CAAC;AAGH,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,GACb,CAAC"}

package/packages/ui/src/components/ui/card.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const _cardVariants = cva("rounded-xl border border-border bg-card text-card-fg", {
+    variants: {
+        variant: {
+            default: "shadow-[0_10px_28px_rgba(15,23,42,0.08)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.28)]",
+            interactive: "shadow-[0_10px_28px_rgba(15,23,42,0.08)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.28)] transition-[border-color,box-shadow] hover:border-border-strong hover:shadow-md cursor-pointer",
+            status: "shadow-sm",
+            setting: "shadow-sm p-0",
+            flat: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const cardVariants = _cardVariants;
+const Card = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(cardVariants({ variant }), className), ...props })));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-muted", className), ...props })));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+CardFooter.displayName = "CardFooter";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, };

package/packages/ui/src/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAkBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}