@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/ui/Accordion.js

@@ -0,0 +1,115 @@
+'use client';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../chunk-W4YX7N46.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentAvatar.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+declare const agentAvatarVariants: (props?: ({
+    size?: "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AgentState = "idle" | "listening" | "speaking";
+interface AgentAvatarProps extends React.HTMLAttributes<HTMLButtonElement>, VariantProps<typeof agentAvatarVariants> {
+    src: string;
+    name: string;
+    state?: AgentState;
+}
+declare function AgentAvatar({ src, name, state, size, className, ref, ...props }: AgentAvatarProps & {
+    ref?: React.Ref<HTMLButtonElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentAvatar, agentAvatarVariants };
+export type { AgentAvatarProps, AgentState };

package/dist/components/ui/AgentAvatar.js

@@ -0,0 +1,73 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var agentAvatarVariants = cva(
+  "relative inline-flex items-center justify-center rounded-full overflow-hidden select-none",
+  {
+    variants: {
+      size: {
+        lg: "h-[120px] w-[120px]",
+        xl: "h-[200px] w-[200px]",
+        "2xl": "h-[400px] w-[400px]"
+      }
+    },
+    defaultVariants: {
+      size: "xl"
+    }
+  }
+);
+function AgentAvatar({ src, name, state = "idle", size, className, ref, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "relative group cursor-pointer border-0 bg-transparent p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-full",
+        className
+      ),
+      "aria-label": `${name} - ${state}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 rounded-full transition-opacity duration-300",
+              state === "speaking" && "agent-avatar-speaking",
+              state === "listening" && "agent-avatar-listening",
+              state === "idle" && "opacity-0"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              agentAvatarVariants({ size }),
+              "agent-avatar-breathe ring-2 ring-border/50 transition-shadow duration-300",
+              state === "speaking" && "ring-accent shadow-[0_0_30px_rgba(var(--accent),0.4)]",
+              state === "listening" && "ring-primary/60 shadow-[0_0_20px_rgba(var(--primary),0.2)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src,
+                  alt: name,
+                  className: "h-full w-full object-cover",
+                  draggable: false
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-overlay/0 group-hover:bg-overlay/10 transition-colors duration-200 rounded-full" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { AgentAvatar, agentAvatarVariants };

package/dist/components/ui/AgentMessageBubble.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const bubbleVariants: (props?: ({
+    role?: "user" | "agent" | "system" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AgentMessageBubbleProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bubbleVariants> {
+    role: "user" | "agent" | "system";
+    content: string;
+    avatar?: React.ReactNode;
+    timestamp?: string;
+    toolCalls?: React.ReactNode;
+    actions?: {
+        onCopy?: () => void;
+        onRetry?: () => void;
+    };
+    isStreaming?: boolean;
+}
+declare function AgentMessageBubble({ className, role, content, avatar, timestamp, toolCalls, actions, isStreaming, ref, ...props }: AgentMessageBubbleProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentMessageBubble, bubbleVariants };

package/dist/components/ui/AgentMessageBubble.js

@@ -0,0 +1,115 @@
+'use client';
+export { AgentMessageBubble, bubbleVariants } from '../../chunk-AUSYEAIJ.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentMetricsCard.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const agentMetricsCardVariants: (props?: ({
+    layout?: "grid" | "row" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface Metric {
+    label: string;
+    value: string | number;
+    unit?: string;
+    trend?: 'up' | 'down' | 'flat';
+}
+export interface AgentMetricsCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof agentMetricsCardVariants> {
+    metrics: Metric[];
+    onRefresh?: () => void;
+}
+declare function AgentMetricsCard({ className, layout, metrics, onRefresh, ref, ...props }: AgentMetricsCardProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentMetricsCard, agentMetricsCardVariants };

package/dist/components/ui/AgentMetricsCard.js

@@ -0,0 +1,7 @@
+'use client';
+export { AgentMetricsCard, agentMetricsCardVariants } from '../../chunk-OCQB4IU7.js';
+import '../../chunk-ZJ6PY5ST.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentStatus.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const agentStatusVariants: (props?: ({
+    status?: "idle" | "thinking" | "streaming" | "error" | "complete" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AgentStatusType = "idle" | "thinking" | "streaming" | "error" | "complete";
+export interface AgentStatusProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children">, VariantProps<typeof agentStatusVariants> {
+    /** Current agent status */
+    status?: AgentStatusType;
+    /** Custom label (overrides default status label) */
+    label?: string;
+    /** Show the status dot indicator */
+    showDot?: boolean;
+}
+declare function AgentStatus({ className, status, size, label, showDot, ref, ...props }: AgentStatusProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentStatus, agentStatusVariants };

package/dist/components/ui/AgentStatus.js

@@ -0,0 +1,77 @@
+'use client';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var agentStatusVariants = cva(
+  "inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-xs font-medium transition-colors border",
+  {
+    variants: {
+      status: {
+        idle: "border-border bg-surface text-text-secondary",
+        thinking: "border-accent/30 bg-accent/5 text-accent",
+        streaming: "border-info/30 bg-info/5 text-info",
+        error: "border-destructive/30 bg-destructive/5 text-destructive",
+        complete: "border-success/30 bg-success/5 text-success"
+      },
+      size: {
+        sm: "px-2 py-1.5 text-[10px] gap-1.5",
+        default: "px-4 py-1.5 text-xs gap-2",
+        lg: "px-4 py-2 text-sm gap-2.5"
+      }
+    },
+    defaultVariants: {
+      status: "idle",
+      size: "default"
+    }
+  }
+);
+var dotVariants = cva(
+  "rounded-full",
+  {
+    variants: {
+      status: {
+        idle: "bg-text-tertiary",
+        thinking: "bg-accent animate-pulse",
+        streaming: "bg-info animate-pulse",
+        error: "bg-destructive",
+        complete: "bg-success"
+      },
+      size: {
+        sm: "h-1.5 w-1.5",
+        default: "h-2 w-2",
+        lg: "h-2.5 w-2.5"
+      }
+    },
+    defaultVariants: {
+      status: "idle",
+      size: "default"
+    }
+  }
+);
+var STATUS_LABELS = {
+  idle: "Idle",
+  thinking: "Thinking...",
+  streaming: "Streaming",
+  error: "Error",
+  complete: "Complete"
+};
+function AgentStatus({ className, status = "idle", size, label, showDot = true, ref, ...props }) {
+  const displayLabel = label ?? STATUS_LABELS[status];
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn(agentStatusVariants({ status, size }), className),
+      role: "status",
+      "aria-label": `Agent status: ${displayLabel}`,
+      ...props,
+      children: [
+        !!showDot && /* @__PURE__ */ jsx("span", { className: cn(dotVariants({ status, size })), "aria-hidden": "true" }),
+        displayLabel
+      ]
+    }
+  );
+}
+
+export { AgentStatus, agentStatusVariants };

package/dist/components/ui/AgentTeamPanel.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const agentTeamPanelVariants: (props?: ({
+    size?: "default" | "compact" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AgentEntry = {
+    id: string;
+    name: string;
+    role: string;
+    status: "idle" | "active" | "complete" | "error";
+    avatar?: React.ReactNode;
+    model?: string;
+    currentAction?: string;
+    tokenCount?: number;
+    cost?: number;
+    elapsedMs?: number;
+    stepsCompleted?: number;
+    stepsTotal?: number;
+    toolCalls?: Array<{
+        name: string;
+        status: "running" | "done" | "error";
+    }>;
+};
+export interface AgentTeamPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof agentTeamPanelVariants> {
+    agents: AgentEntry[];
+}
+declare function AgentTeamPanel({ className, size, agents, ref, ...props }: AgentTeamPanelProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentTeamPanel, agentTeamPanelVariants };

package/dist/components/ui/AgentTeamPanel.js

@@ -0,0 +1,6 @@
+'use client';
+export { AgentTeamPanel, agentTeamPanelVariants } from '../../chunk-J3QL5UQ7.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentTerminal.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface TerminalLine {
+    text: string;
+    type?: 'stdin' | 'stdout' | 'stderr';
+}
+export interface AgentTerminalProps extends React.HTMLAttributes<HTMLDivElement> {
+    lines: TerminalLine[];
+    title?: string;
+    onCopy?: () => void;
+}
+declare function AgentTerminal({ className, lines, title, onCopy, ref, ...props }: AgentTerminalProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentTerminal };

package/dist/components/ui/AgentTerminal.js

@@ -0,0 +1,3 @@
+'use client';
+export { AgentTerminal } from '../../chunk-ILIHQ2KZ.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/AgentTimeline.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+type TimelineEventType = "tool_call" | "message" | "decision" | "error";
+type TimelineEvent = {
+    id: string;
+    timestamp: string;
+    type: TimelineEventType;
+    agent?: string;
+    title: string;
+    detail?: string;
+};
+export interface AgentTimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    events: TimelineEvent[];
+}
+declare function AgentTimeline({ className, events, ref, ...props }: AgentTimelineProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { AgentTimeline };

package/dist/components/ui/AgentTimeline.js

@@ -0,0 +1,90 @@
+'use client';
+import { ChevronDownIcon } from '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var eventDotColor = {
+  tool_call: "bg-accent",
+  message: "bg-primary",
+  decision: "bg-warning",
+  error: "bg-destructive"
+};
+var eventLineColor = {
+  tool_call: "border-accent/30",
+  message: "border-primary/30",
+  decision: "border-warning/30",
+  error: "border-destructive/30"
+};
+function AgentTimeline({ className, events, ref, ...props }) {
+  const [expandedIds, setExpandedIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const toggle = (id) => {
+    setExpandedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("relative", className), ...props, children: events.map((event, i) => {
+    const isLast = i === events.length - 1;
+    const isExpanded = expandedIds.has(event.id);
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex gap-4 pb-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-2.5 w-2.5 rounded-full flex-shrink-0 mt-1.5",
+              eventDotColor[event.type]
+            )
+          }
+        ),
+        !isLast && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "w-px flex-1 border-l",
+              eventLineColor[event.type]
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 -mt-0.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary truncate", children: event.title }),
+          event.detail && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggle(event.id),
+              "aria-label": isExpanded ? "Collapse details" : "Expand details",
+              className: "text-text-tertiary hover:text-text-secondary transition-colors flex-shrink-0",
+              children: /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  size: 14,
+                  className: cn(
+                    "transition-transform",
+                    isExpanded && "rotate-180"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-text-tertiary mt-0.5", children: [
+          /* @__PURE__ */ jsx("time", { children: event.timestamp }),
+          event.agent && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { children: event.agent })
+          ] })
+        ] }),
+        event.detail && isExpanded && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-text-secondary rounded bg-surface p-2", children: event.detail })
+      ] })
+    ] }, event.id);
+  }) });
+}
+
+export { AgentTimeline };

package/dist/components/ui/Alert.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ref, ...props }: React.HTMLAttributes<HTMLHeadingElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertIcon({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Alert, alertVariants, AlertTitle, AlertDescription, AlertIcon };

package/dist/components/ui/Alert.js

@@ -0,0 +1,3 @@
+'use client';
+export { Alert, AlertDescription, AlertIcon, AlertTitle, alertVariants } from '../../chunk-GJUR6HT3.js';
+import '../../chunk-QYZT24TS.js';