@arcadeai/design-system 3.35.2 → 3.36.2

package/dist/components/ui/molecules/chat-history-item.d.ts

@@ -0,0 +1,21 @@
+import type * as React from "react";
+export type ChatHistoryItemProps = {
+    /** Chat title displayed in the sidebar item. */
+    title: string;
+    /** Whether this item is the currently active chat. */
+    isActive?: boolean;
+    /** Whether the chat is currently streaming a response. Shows a loading indicator. */
+    isStreaming?: boolean;
+    /** When set, the item renders as a link instead of a button. */
+    href?: string;
+    /** Router Link component for client-side routing. Receives `to` and `children`. When omitted, renders a native `<a>` with `href`. */
+    linkComponent?: React.ElementType;
+    /** Called when the item is clicked (for side-effects like stopping a stream). When `href` is set, navigation is handled by the link. */
+    onSelect?: () => void;
+    /** Called when the user confirms deletion. When set, a delete action appears on hover. */
+    onDelete?: () => void;
+    /** Icon component for the delete action. @default Trash2Icon from lucide-react */
+    deleteIcon?: React.ReactNode;
+};
+export declare function ChatHistoryItem({ title, isActive, isStreaming, href, linkComponent: LinkComp, onSelect, onDelete, deleteIcon, }: ChatHistoryItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-history-item.d.ts.map

package/dist/components/ui/molecules/chat-history-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-history-item.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chat-history-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAgBpC,MAAM,MAAM,oBAAoB,GAAG;IACjC,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qIAAqI;IACrI,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,wIAAwI;IACxI,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kFAAkF;IAClF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAmB,EACnB,IAAI,EACJ,aAAa,EAAE,QAAQ,EACvB,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,EAAE,oBAAoB,2CA6FtB"}

package/dist/components/ui/molecules/chat-history-item.js

@@ -0,0 +1,88 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { Trash2Icon as N } from "lucide-react";
+import { useState as T, useRef as v } from "react";
+import { Loader as x } from "../atoms/loader.js";
+import { SidebarMenuItem as O, SidebarMenuButton as u, SidebarMenuAction as p } from "../atoms/sidebar.js";
+import { Tooltip as y, TooltipTrigger as I, TooltipContent as k } from "../atoms/tooltip.js";
+import { ConfirmPopover as M } from "./confirm-popover.js";
+import { cn as j } from "../../../lib/utils.js";
+function P({
+  title: o,
+  isActive: s,
+  isStreaming: c = !1,
+  href: n,
+  linkComponent: l,
+  onSelect: t,
+  onDelete: i,
+  deleteIcon: f
+}) {
+  const [b, d] = T(!1), r = v(null), g = (C) => {
+    if (!C) {
+      d(!1);
+      return;
+    }
+    r.current && r.current.scrollWidth > r.current.offsetWidth && d(!0);
+  }, m = j(
+    "py-2.5 group-hover/menu-item:bg-sidebar-accent group-hover/menu-item:text-sidebar-accent-foreground",
+    (i || c) && "pr-8"
+  ), a = /* @__PURE__ */ e("span", { className: "truncate", ref: r, children: o });
+  return /* @__PURE__ */ h(O, { children: [
+    /* @__PURE__ */ h(y, { onOpenChange: g, open: b, children: [
+      /* @__PURE__ */ e(I, { asChild: !0, children: n ? /* @__PURE__ */ e(
+        u,
+        {
+          asChild: !0,
+          className: m,
+          isActive: s,
+          children: l ? /* @__PURE__ */ e(l, { onClick: t, to: n, children: a }) : /* @__PURE__ */ e("a", { href: n, onClick: t, children: a })
+        }
+      ) : /* @__PURE__ */ e(
+        u,
+        {
+          className: m,
+          isActive: s,
+          onClick: t,
+          children: a
+        }
+      ) }),
+      /* @__PURE__ */ e(k, { side: "right", children: o })
+    ] }),
+    c ? /* @__PURE__ */ e(
+      p,
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none",
+        tabIndex: -1,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: "border-sidebar-foreground/25 border-t-sidebar-foreground",
+            size: "sm",
+            variant: "circular"
+          }
+        )
+      }
+    ) : i && /* @__PURE__ */ e(
+      M,
+      {
+        confirmLabel: "Delete",
+        description: "This action cannot be undone.",
+        onConfirm: i,
+        side: "right",
+        title: "Delete this chat?",
+        children: /* @__PURE__ */ e(
+          p,
+          {
+            "aria-label": `Delete "${o}"`,
+            className: "hover:bg-secondary hover:text-secondary-foreground",
+            showOnHover: !0,
+            children: f ?? /* @__PURE__ */ e(N, { className: "size-3.5" })
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  P as ChatHistoryItem
+};

package/dist/components/ui/molecules/chat-message-list.d.ts

@@ -74,4 +74,10 @@ export type ChatStreamingIndicatorProps = React.ComponentProps<"div">;
  * Renders a default typing animation, or pass children for a custom indicator.
  */
 export declare function ChatStreamingIndicator({ children, className, ...props }: ChatStreamingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export type ChatMessageListSkeletonProps = React.ComponentProps<"div">;
+/**
+ * Skeleton placeholder that mirrors the `ChatMessageList` layout.
+ * Shows alternating user/assistant message bubbles as animated placeholders.
+ */
+export declare function ChatMessageListSkeleton({ className, ...props }: ChatMessageListSkeletonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chat-message-list.d.ts.map

package/dist/components/ui/molecules/chat-message-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-list.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chat-message-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAIhC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,kDA0EtB;AAID,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAYtB;AAID,MAAM,MAAM,yBAAyB,GAAG;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B;AAID,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAU7B"}
+{"version":3,"file":"chat-message-list.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/chat-message-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAIhC;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,kDA0EtB;AAID,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAYtB;AAID,MAAM,MAAM,yBAAyB,GAAG;IACtC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B;AAID,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAU7B;AAWD,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAwC9B"}

package/dist/components/ui/molecules/chat-message-list.js

@@ -1,121 +1,177 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import { Fragment as v } from "react";
-import { Loader as C } from "../atoms/loader.js";
-import { Message as x, MessageContent as f } from "./message.js";
-import { cn as l } from "../../../lib/utils.js";
-function A({
-  messages: t,
-  isStreaming: r = !1,
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { Fragment as N } from "react";
+import { Loader as S } from "../atoms/loader.js";
+import { Skeleton as u } from "../atoms/skeleton.js";
+import { Message as f, MessageContent as p } from "./message.js";
+import { cn as o } from "../../../lib/utils.js";
+function b({
+  messages: a,
+  isStreaming: l = !1,
   renderMessage: e,
-  loadingIndicator: i,
+  loadingIndicator: n,
   children: c,
-  className: p,
-  ...d
+  className: s,
+  ...m
 }) {
-  const m = l(
+  const h = o(
     "mx-auto flex w-full max-w-3xl flex-col gap-8 px-6",
-    p
+    s
   );
   if (c)
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ t(
       "div",
       {
         "aria-live": "polite",
-        className: m,
+        className: h,
         "data-slot": "chat-message-list",
         role: "log",
-        ...d,
+        ...m,
         children: c
       }
     );
-  if (!t)
+  if (!a)
     return null;
-  const o = t.at(-1), h = r && (!o || o.role !== "assistant" || !o.content);
-  return /* @__PURE__ */ g(
+  const i = a.at(-1), g = l && (!i || i.role !== "assistant" || !i.content);
+  return /* @__PURE__ */ w(
     "div",
     {
       "aria-live": "polite",
-      className: m,
+      className: h,
       "data-slot": "chat-message-list",
       role: "log",
-      ...d,
+      ...m,
       children: [
-        t.map((n) => {
-          const u = n.role === "user", s = n === o;
-          return e ? /* @__PURE__ */ a(v, { children: e(n, {
-            isLast: s,
-            isStreaming: s && r
-          }) }, n.id) : u || n.content ? u ? /* @__PURE__ */ a(N, { children: n.content }, n.id) : /* @__PURE__ */ a(
-            w,
+        a.map((r) => {
+          const x = r.role === "user", d = r === i;
+          return e ? /* @__PURE__ */ t(N, { children: e(r, {
+            isLast: d,
+            isStreaming: d && l
+          }) }, r.id) : x || r.content ? x ? /* @__PURE__ */ t(v, { children: r.content }, r.id) : /* @__PURE__ */ t(
+            y,
             {
-              isAnimating: s && r,
-              children: n.content
+              isAnimating: d && l,
+              children: r.content
             },
-            n.id
+            r.id
           ) : null;
         }),
-        h && /* @__PURE__ */ a(y, { children: i })
+        g && /* @__PURE__ */ t(C, { children: n })
       ]
     }
   );
 }
-function N({
-  children: t,
-  className: r,
+function v({
+  children: a,
+  className: l,
   ...e
 }) {
-  return /* @__PURE__ */ a(
-    x,
+  return /* @__PURE__ */ t(
+    f,
     {
-      className: l("ml-auto max-w-2xl", r),
+      className: o("ml-auto max-w-2xl", l),
       "data-slot": "chat-user-message",
       ...e,
-      children: /* @__PURE__ */ a(f, { className: "rounded-xl bg-primary px-4 py-2 text-primary-foreground", children: t })
+      children: /* @__PURE__ */ t(p, { className: "rounded-xl bg-primary px-4 py-2 text-primary-foreground", children: a })
     }
   );
 }
-function w({
-  children: t,
-  isAnimating: r,
+function y({
+  children: a,
+  isAnimating: l,
   className: e,
-  ...i
+  ...n
 }) {
-  return /* @__PURE__ */ a(
-    x,
+  return /* @__PURE__ */ t(
+    f,
     {
       className: e,
       "data-slot": "chat-assistant-message",
-      ...i,
-      children: typeof t == "string" ? /* @__PURE__ */ a(
-        f,
+      ...n,
+      children: typeof a == "string" ? /* @__PURE__ */ t(
+        p,
         {
           className: "prose-sm bg-transparent p-0 [&_h1]:text-2xl [&_h2]:text-xl [&_h3]:text-lg",
-          isAnimating: r,
+          isAnimating: l,
           markdown: !0,
-          children: t
+          children: a
         }
-      ) : t
+      ) : a
     }
   );
 }
-function y({
-  children: t,
-  className: r,
+function C({
+  children: a,
+  className: l,
   ...e
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: l("flex items-center gap-2 px-1", r),
+      className: o("flex items-center gap-2 px-1", l),
       "data-slot": "chat-streaming-indicator",
       ...e,
-      children: t ?? /* @__PURE__ */ a(C, { variant: "typing" })
+      children: a ?? /* @__PURE__ */ t(S, { variant: "typing" })
+    }
+  );
+}
+const M = [
+  { role: "user", lines: 1, width: "60%" },
+  { role: "assistant", lines: 3, width: "85%" },
+  { role: "user", lines: 1, width: "45%" },
+  { role: "assistant", lines: 2, width: "75%" }
+];
+function U({
+  className: a,
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(
+        "mx-auto flex w-full max-w-3xl flex-col gap-8 px-6",
+        a
+      ),
+      ...l,
+      children: M.map(
+        (e, n) => e.role === "user" ? /* @__PURE__ */ t(
+          "div",
+          {
+            className: "ml-auto flex max-w-2xl items-start gap-3",
+            children: /* @__PURE__ */ t(
+              u,
+              {
+                className: "h-10 rounded-xl",
+                style: { width: e.width }
+              }
+            )
+          },
+          `msg-skeleton-${n.toString()}`
+        ) : /* @__PURE__ */ t(
+          "div",
+          {
+            className: "flex flex-col gap-2",
+            style: { maxWidth: e.width },
+            children: Array.from({ length: e.lines }).map((c, s) => /* @__PURE__ */ t(
+              u,
+              {
+                className: "h-4 rounded",
+                style: {
+                  width: s === e.lines - 1 ? "65%" : "100%"
+                }
+              },
+              `line-${n.toString()}-${s.toString()}`
+            ))
+          },
+          `msg-skeleton-${n.toString()}`
+        )
+      )
     }
   );
 }
 export {
-  w as ChatAssistantMessage,
-  A as ChatMessageList,
-  y as ChatStreamingIndicator,
-  N as ChatUserMessage
+  y as ChatAssistantMessage,
+  b as ChatMessageList,
+  U as ChatMessageListSkeleton,
+  C as ChatStreamingIndicator,
+  v as ChatUserMessage
 };

package/dist/components/ui/molecules/command-bar.d.ts

@@ -0,0 +1,7 @@
+type CommandBarProps = {
+    command: string;
+    className?: string;
+};
+export declare function CommandBar({ command, className }: CommandBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=command-bar.d.ts.map

package/dist/components/ui/molecules/command-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-bar.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/command-bar.tsx"],"names":[],"mappings":"AAKA,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,2CA2BjE"}

package/dist/components/ui/molecules/command-bar.js

@@ -0,0 +1,38 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { w as a } from "../../../web-BwFNdl01.js";
+import { CopyButton as l } from "../atoms/copy-button.js";
+import { SHIKI_THEMES as s } from "../../../lib/shiki-themes.js";
+import { cn as i } from "../../../lib/utils.js";
+function u({ command: t, className: r }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i("relative overflow-hidden rounded-md border", r),
+      children: [
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto text-sm [&_.shiki]:py-3 [&_.shiki]:pr-14 [&_.shiki]:pl-10", children: /* @__PURE__ */ e(
+          a,
+          {
+            addDefaultStyles: !1,
+            defaultColor: !1,
+            language: "shellscript",
+            showLanguage: !1,
+            theme: s,
+            children: t
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 select-none text-muted-foreground",
+            children: "$"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { content: t }) })
+      ]
+    }
+  );
+}
+export {
+  u as CommandBar
+};

package/dist/components/ui/molecules/confirm-popover.d.ts

@@ -0,0 +1,20 @@
+export type ConfirmPopoverProps = {
+    /** Title shown in the confirmation dialog. */
+    title: string;
+    /** Optional description shown below the title. */
+    description?: string;
+    /** Label for the confirm button. @default "Confirm" */
+    confirmLabel?: string;
+    /** Label for the cancel button. @default "Cancel" */
+    cancelLabel?: string;
+    /** Button variant for the confirm action. @default "destructive" */
+    confirmVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost";
+    /** Called when the user confirms. */
+    onConfirm: () => void;
+    /** Trigger element (rendered via PopoverTrigger asChild). */
+    children: React.ReactNode;
+    /** Side of the trigger to place the popover. @default "bottom" */
+    side?: "top" | "bottom" | "left" | "right";
+};
+export declare function ConfirmPopover({ title, description, confirmLabel, cancelLabel, confirmVariant, onConfirm, children, side, }: ConfirmPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=confirm-popover.d.ts.map

package/dist/components/ui/molecules/confirm-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-popover.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/confirm-popover.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,cAAc,CAAC,EACX,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,CAAC;IACZ,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,YAAwB,EACxB,WAAsB,EACtB,cAA8B,EAC9B,SAAS,EACT,QAAQ,EACR,IAAe,GAChB,EAAE,mBAAmB,2CAmCrB"}

package/dist/components/ui/molecules/confirm-popover.js

@@ -0,0 +1,50 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { Button as n } from "../atoms/button.js";
+import { Popover as u, PopoverTrigger as v, PopoverContent as h } from "../atoms/popover.js";
+function P({
+  title: i,
+  description: r,
+  confirmLabel: a = "Confirm",
+  cancelLabel: s = "Cancel",
+  confirmVariant: m = "destructive",
+  onConfirm: c,
+  children: l,
+  side: p = "bottom"
+}) {
+  const [d, o] = f(!1);
+  return /* @__PURE__ */ t(u, { onOpenChange: o, open: d, children: [
+    /* @__PURE__ */ e(v, { asChild: !0, children: l }),
+    /* @__PURE__ */ t(h, { className: "w-auto max-w-64 space-y-3 p-4", side: p, children: [
+      /* @__PURE__ */ e("p", { className: "font-medium text-sm", children: i }),
+      r && /* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs", children: r }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e(
+          n,
+          {
+            "data-testid": "confirm-popover-cancel",
+            onClick: () => o(!1),
+            size: "sm",
+            variant: "outline",
+            children: s
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            "data-testid": "confirm-popover-confirm",
+            onClick: () => {
+              c(), o(!1);
+            },
+            size: "sm",
+            variant: m,
+            children: a
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  P as ConfirmPopover
+};

package/dist/components/ui/molecules/empty-state.d.ts

@@ -1,6 +1,7 @@
 import type * as React from "react";
-export declare function EmptyState({ title, description, ...rest }: {
+export declare function EmptyState({ title, description, children, ...rest }: {
     title?: string;
     description?: string;
+    children?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/molecules/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,UAAU,CAAC,EACzB,KAAoB,EACpB,WAAoD,EACpD,GAAG,IAAI,EACR,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAmBvC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,UAAU,CAAC,EACzB,KAAoB,EACpB,WAAoD,EACpD,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAoBvC"}

package/dist/components/ui/molecules/empty-state.js

@@ -1,25 +1,27 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Search as d } from "lucide-react";
-function g({
+import { Search as l } from "lucide-react";
+function i({
   title: t = "No results",
   description: a = "Try adjusting your search or filters",
-  ...s
+  children: s,
+  ...d
 }) {
   return /* @__PURE__ */ r(
     "div",
     {
       className: "flex h-56 flex-col items-center justify-center gap-4 rounded-xl border-2 border-gray-200 border-dashed bg-gray-50/50 text-center dark:border-gray-800 dark:bg-gray-900/50",
-      ...s,
+      ...d,
       children: [
-        /* @__PURE__ */ e("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ e(d, { className: "h-8 w-8 text-gray-400" }) }),
+        /* @__PURE__ */ e("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ e(l, { className: "h-8 w-8 text-gray-400" }) }),
         /* @__PURE__ */ r("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e("h3", { className: "font-semibold text-gray-900 text-lg dark:text-gray-100", children: t }),
           /* @__PURE__ */ e("p", { className: "text-gray-600 text-sm dark:text-gray-400", children: a })
-        ] })
+        ] }),
+        s
       ]
     }
   );
 }
 export {
-  g as EmptyState
+  i as EmptyState
 };

package/dist/components/ui/molecules/error-state.d.ts

@@ -0,0 +1,17 @@
+import type * as React from "react";
+export type ErrorStateProps = {
+    /** Primary heading (default: "Something went wrong") */
+    title?: string;
+    /** Supporting text below the heading */
+    description?: string;
+    /** Error message shown in a destructive Alert */
+    errorMessage?: string;
+    /** Stack trace shown in development only */
+    errorStack?: string;
+    /** Force the developer details panel to render. Defaults to dev mode. */
+    showDeveloperDetails?: boolean;
+    /** Action buttons rendered in the card footer */
+    children?: React.ReactNode;
+} & Omit<React.ComponentProps<"div">, "children">;
+export declare function ErrorState({ title, description, errorMessage, errorStack, showDeveloperDetails, children, className, ...props }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=error-state.d.ts.map

package/dist/components/ui/molecules/error-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/error-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,MAAM,MAAM,eAAe,GAAG;IAC5B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,wBAAgB,UAAU,CAAC,EACzB,KAA8B,EAC9B,WAAuE,EACvE,YAAY,EACZ,UAAU,EACV,oBAA0C,EAC1C,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CA8CjB"}

package/dist/components/ui/molecules/error-state.js

@@ -0,0 +1,45 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { AlertTriangle as o } from "lucide-react";
+import { Alert as x, AlertDescription as h } from "../atoms/alert.js";
+import { Card as f, CardHeader as p, CardTitle as u, CardDescription as w, CardContent as N, CardFooter as v } from "../atoms/card.js";
+import { cn as g } from "../../../lib/utils.js";
+function A({
+  title: i = "Something went wrong",
+  description: l = "We've been notified of this error and will investigate.",
+  errorMessage: t,
+  errorStack: a,
+  showDeveloperDetails: n = !1,
+  children: s,
+  className: d,
+  ...m
+}) {
+  const c = !!(a && n);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: g("flex h-full items-center justify-center p-4", d),
+      ...m,
+      children: /* @__PURE__ */ r(f, { className: "w-full max-w-md 2xl:max-w-xl", role: "alert", children: [
+        /* @__PURE__ */ r(p, { className: "text-center", children: [
+          /* @__PURE__ */ e("div", { className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/20", children: /* @__PURE__ */ e(o, { className: "h-6 w-6 text-red-600 dark:text-red-400" }) }),
+          /* @__PURE__ */ e(u, { className: "text-xl", children: i }),
+          l && /* @__PURE__ */ e(w, { children: l })
+        ] }),
+        (t || a) && /* @__PURE__ */ r(N, { className: "space-y-4", children: [
+          t && /* @__PURE__ */ r(x, { variant: "destructive", children: [
+            /* @__PURE__ */ e(o, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e(h, { className: "whitespace-pre-wrap break-words font-mono text-sm", children: t })
+          ] }),
+          c && /* @__PURE__ */ r("details", { className: "text-muted-foreground text-xs", children: [
+            /* @__PURE__ */ e("summary", { className: "cursor-pointer hover:text-foreground", children: "Developer Details" }),
+            /* @__PURE__ */ e("pre", { className: "mt-2 overflow-auto whitespace-pre-wrap rounded bg-muted p-2 text-xs", children: a })
+          ] })
+        ] }),
+        s && /* @__PURE__ */ e(v, { className: "flex gap-2", children: s })
+      ] })
+    }
+  );
+}
+export {
+  A as ErrorState
+};

package/dist/components/ui/molecules/index.d.ts

@@ -1,8 +1,15 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
-export type { ChatAssistantMessageProps, ChatMessageItem, ChatMessageListProps, ChatStreamingIndicatorProps, ChatUserMessageProps, } from './chat-message-list';
-export { ChatAssistantMessage, ChatMessageList, ChatStreamingIndicator, ChatUserMessage, } from './chat-message-list';
+export type { ChatHistoryItemProps } from './chat-history-item';
+export { ChatHistoryItem } from './chat-history-item';
+export type { ChatAssistantMessageProps, ChatMessageItem, ChatMessageListProps, ChatMessageListSkeletonProps, ChatStreamingIndicatorProps, ChatUserMessageProps, } from './chat-message-list';
+export { ChatAssistantMessage, ChatMessageList, ChatMessageListSkeleton, ChatStreamingIndicator, ChatUserMessage, } from './chat-message-list';
+export { CommandBar } from './command-bar';
+export type { ConfirmPopoverProps } from './confirm-popover';
+export { ConfirmPopover } from './confirm-popover';
 export { DateTimePicker } from './date-time-picker';
 export { EmptyState } from './empty-state';
+export type { ErrorStateProps } from './error-state';
+export { ErrorState } from './error-state';
 export type { MessageActionProps, MessageActionsProps, MessageAvatarProps, MessageContentProps, MessageProps, } from './message';
 export { Message, MessageAction, MessageActions, MessageAvatar, MessageContent, } from './message';
 export type { PromptInputActionProps, PromptInputActionsProps, PromptInputProps, PromptInputTextareaProps, } from './prompt-input';
@@ -12,8 +19,6 @@ export type { Step, StepStatus, StepsProgressProps } from './steps-progress';
 export { StepsProgress } from './steps-progress';
 export type { SuggestionCardProps } from './suggestion-card';
 export { SuggestionCard } from './suggestion-card';
-export type { SwitcherContentProps, SwitcherInputProps, SwitcherItemProps, SwitcherProps, SwitcherTriggerProps, } from './switcher';
-export { Switcher, SwitcherContent, SwitcherInput, SwitcherItem, SwitcherTrigger, useSwitcher, } from './switcher';
 export type { ToolAuthorizationArgsProps, ToolAuthorizationHeaderProps, ToolAuthorizationMessageProps, ToolAuthorizationProps, ToolAuthorizationStatus, } from './tool-authorization';
 export { ToolAuthorization, ToolAuthorizationArgs, ToolAuthorizationContent, ToolAuthorizationHeader, ToolAuthorizationMessage, } from './tool-authorization';
 export type { ToolCallAccordionContentProps, ToolCallAccordionItemProps, ToolCallAccordionProps, ToolCallAccordionTriggerProps, ToolCallState, ToolCallView, } from './tool-call-accordion';