@elizaos/ui 2.0.0-alpha.13 → 2.0.0-alpha.140

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,2CAUxB;AAED,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAUxB;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,2CAU5B;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/{dist → packages/ui/src}/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

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":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,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/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;8EAcnB,CAAC;AAQF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,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/{dist → packages/ui/src}/components/ui/banner.js

@@ -3,6 +3,7 @@ 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: {
@@ -22,6 +23,6 @@ const ICONS = {
 };
 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", { type: "button", onClick: onDismiss, className: "rounded-sm p-0.5 opacity-70 hover:opacity-100 transition-opacity", "aria-label": dismissLabel, children: _jsx(X, { className: "h-3.5 w-3.5" }) }))] }));
+    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/{dist → packages/ui/src}/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "surface" | "surfaceAccent" | "surfaceDestructive" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

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":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EAoCnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,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,39 @@
+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 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/{dist → packages/ui/src}/components/ui/card.d.ts

@@ -1,9 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const cardVariants: (props?: ({
+    variant?: "flat" | "status" | "default" | "interactive" | "setting" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+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, };
+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":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;8EAkBjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,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/{dist → packages/ui/src}/components/ui/card.js

@@ -1,7 +1,22 @@
 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 Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border border-border bg-card text-card-fg shadow-sm", className), ...props })));
+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 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";
@@ -13,4 +28,4 @@ const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("di
 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, };
+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"}

package/packages/ui/src/components/ui/confirm-delete.d.ts

@@ -0,0 +1,20 @@
+export interface ConfirmDeleteProps {
+    onConfirm: () => void;
+    disabled?: boolean;
+    triggerLabel?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    busyLabel?: string;
+    promptText?: string;
+    className?: string;
+    /** Override the trigger button class (replaces default). */
+    triggerClassName?: string;
+    /** Override the confirm button class (replaces default). */
+    confirmClassName?: string;
+    /** Override the cancel button class (replaces default). */
+    cancelClassName?: string;
+    /** Override the prompt text class (replaces default). */
+    promptClassName?: string;
+}
+export declare function ConfirmDelete({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, className, triggerClassName, confirmClassName, cancelClassName, promptClassName, }: ConfirmDeleteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=confirm-delete.d.ts.map

package/packages/ui/src/components/ui/confirm-delete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-delete.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,EAAE,kBAAkB,2CA0DpB"}

package/packages/ui/src/components/ui/confirm-delete.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", className, triggerClassName, confirmClassName, cancelClassName, promptClassName, }) {
+    const [confirming, setConfirming] = React.useState(false);
+    if (!confirming) {
+        return (_jsx("button", { type: "button", className: triggerClassName ??
+                cn("rounded-md border border-border px-2 py-1 text-xs text-muted transition-colors hover:border-destructive hover:text-destructive", className), onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
+    }
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: promptClassName ?? "text-xs-tight text-destructive", children: promptText }), _jsx("button", { type: "button", className: confirmClassName ??
+                    "rounded-md border border-destructive bg-destructive px-2 py-0.5 text-2xs font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
+                    onConfirm();
+                    setConfirming(false);
+                }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: cancelClassName ??
+                    "rounded-md border border-border px-2 py-0.5 text-2xs text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
+}

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

@@ -0,0 +1,49 @@
+export type ConfirmVariant = "danger" | "warn" | "default";
+export interface ConfirmDialogProps {
+    open: boolean;
+    title?: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ConfirmVariant;
+    tone?: ConfirmVariant;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function ConfirmDialog({ open, title, message, confirmLabel, cancelLabel, variant: variantProp, tone, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface PromptDialogProps {
+    open: boolean;
+    title?: string;
+    message: string;
+    placeholder?: string;
+    defaultValue?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: (value: string) => void;
+    onCancel: () => void;
+}
+export declare function PromptDialog({ open, title, message, placeholder, defaultValue, confirmLabel, cancelLabel, onConfirm, onCancel, }: PromptDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface ConfirmOptions {
+    title?: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: ConfirmVariant;
+}
+export declare function useConfirm(): {
+    confirm: (opts: ConfirmOptions) => Promise<boolean>;
+    modalProps: ConfirmDialogProps;
+};
+export interface PromptOptions {
+    title?: string;
+    message: string;
+    placeholder?: string;
+    defaultValue?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+export declare function usePrompt(): {
+    prompt: (opts: PromptOptions) => Promise<string | null>;
+    modalProps: PromptDialogProps;
+};
+//# sourceMappingURL=confirm-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAqCpB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAqB,EACrB,OAAO,EACP,WAAW,EACX,YAAiB,EACjB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,2CAoDnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,UAAU;oBAOf,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA4B3C;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS;mBAOd,aAAa,KAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;;EA4BhD"}