@devalok/shilp-sutra-karm 0.17.0 → 0.18.0

package/dist/_chunks/chat-panel.js

@@ -1,157 +1,130 @@
 "use client";
-import { jsx as e, jsxs as s, Fragment as q } from "react/jsx-runtime";
-import * as k from "react";
-import { useRef as R, useEffect as X, useState as A, useCallback as T } from "react";
-import { Sheet as Y, SheetContent as J, SheetTitle as Q } from "@devalok/shilp-sutra/ui/sheet";
-import { cn as b } from "@devalok/shilp-sutra/ui/lib/utils";
-import { springs as w } from "@devalok/shilp-sutra/ui/lib/motion";
-import { u as W } from "./use-composed-ref.js";
-import { M as P, A as Z, m as N } from "./vendor.js";
-import { IconRobot as C, IconAlertCircle as $, IconUser as O, IconSquare as S, IconSend as ee, IconMessagePlus as L, IconMessage as se, IconArchive as ae, IconTrash as re, IconChevronDown as te, IconHistory as le, IconX as de } from "@tabler/icons-react";
+import { jsxs as s, jsx as e, Fragment as X } from "react/jsx-runtime";
+import * as w from "react";
+import { useRef as R, useEffect as Y, useState as P, useCallback as T } from "react";
+import { Sheet as _, SheetContent as J, SheetTitle as Q } from "@devalok/shilp-sutra/ui/sheet";
+import { AnimatePresence as W, motion as g } from "framer-motion";
+import { cn as x } from "@devalok/shilp-sutra/ui/lib/utils";
+import { springs as v } from "@devalok/shilp-sutra/ui/lib/motion";
+import { u as Z } from "./use-composed-ref.js";
+import { m as A } from "./markdown-components.js";
+import { M as L } from "./vendor.js";
+import { IconRobot as C, IconAlertCircle as $, IconUser as O, IconSquare as S, IconSend as ee, IconMessagePlus as E, IconMessage as se, IconArchive as ae, IconTrash as re, IconChevronDown as te, IconHistory as ie, IconX as le } from "@tabler/icons-react";
 import { Button as D } from "@devalok/shilp-sutra/ui/button";
-import { formatRelativeTime as ce } from "@devalok/shilp-sutra/ui/lib/date-utils";
-import { DropdownMenu as ie, DropdownMenuTrigger as ne, DropdownMenuContent as oe, DropdownMenuItem as me } from "@devalok/shilp-sutra/ui";
-const H = {
-  p: ({ children: a }) => /* @__PURE__ */ e("p", { className: "mb-ds-03 last:mb-0", children: a }),
-  code: ({
-    children: a,
-    className: t
-  }) => (t == null ? void 0 : t.includes("language-")) ? /* @__PURE__ */ e("code", { className: t, children: a }) : /* @__PURE__ */ e("code", { className: "rounded bg-surface-3 px-ds-02 py-ds-01 text-ds-md", children: a }),
-  pre: ({ children: a }) => /* @__PURE__ */ e("pre", { className: "mb-ds-03 overflow-x-auto rounded-ds-lg bg-surface-3 p-ds-04 text-ds-md", children: a }),
-  ul: ({ children: a }) => /* @__PURE__ */ e("ul", { className: "mb-ds-03 list-disc pl-ds-05", children: a }),
-  ol: ({ children: a }) => /* @__PURE__ */ e("ol", { className: "mb-ds-03 list-decimal pl-ds-05", children: a }),
-  li: ({ children: a }) => /* @__PURE__ */ e("li", { className: "mb-ds-02", children: a }),
-  strong: ({ children: a }) => /* @__PURE__ */ e("strong", { className: "font-semibold", children: a }),
-  a: ({
-    href: a,
-    children: t,
-    ...c
-  }) => {
-    const d = a && /^(https?:\/\/|mailto:)/i.test(a) ? a : "#";
-    return /* @__PURE__ */ e(
-      "a",
-      {
-        href: d,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "text-accent-11 underline hover:text-accent-12",
-        ...c,
-        children: t
-      }
-    );
-  }
-}, E = k.forwardRef(
-  function({ text: t, isComplete: c = !1, className: d, ...u }, n) {
-    return /* @__PURE__ */ s("div", { ref: n, className: b(d), ...u, "aria-live": "off", children: [
-      /* @__PURE__ */ e(P, { components: H, children: t }),
-      !c && /* @__PURE__ */ e("span", { className: "inline-block h-4 w-2 animate-pulse bg-surface-fg-muted ml-ds-01" }),
+import { formatRelativeTime as de } from "@devalok/shilp-sutra/ui/lib/date-utils";
+import { DropdownMenu as ce, DropdownMenuTrigger as ne, DropdownMenuContent as oe, DropdownMenuItem as me } from "@devalok/shilp-sutra/ui";
+const H = w.forwardRef(
+  function({ text: l, isComplete: d = !1, className: i, ...f }, c) {
+    return /* @__PURE__ */ s("div", { ref: c, className: x(i), ...f, "aria-live": "off", children: [
+      /* @__PURE__ */ e(L, { components: A, children: l }),
+      !d && /* @__PURE__ */ e("span", { className: "inline-block h-4 w-2 animate-pulse bg-surface-fg-muted ml-ds-01" }),
       /* @__PURE__ */ e(
         "span",
         {
           className: "sr-only",
           "aria-live": "polite",
           "aria-atomic": "true",
-          children: c ? t : ""
+          children: d ? l : ""
         }
       )
     ] });
   }
 );
-E.displayName = "StreamingText";
-const K = k.forwardRef(
+H.displayName = "StreamingText";
+const K = w.forwardRef(
   function({
-    messages: t,
-    isStreaming: c = !1,
-    streamingText: d = "",
-    isLoadingMessages: u = !1,
-    emptyTitle: n = "Karm AI",
-    emptyDescription: h = "Ask me about tasks, projects, attendance, or anything else.",
-    className: m,
-    ...f
-  }, o) {
-    const p = R(null), i = W(p, o);
-    return X(() => {
-      const r = p.current;
-      r && (r.scrollTop = r.scrollHeight);
-    }, [t, d]), u ? /* @__PURE__ */ e("div", { ref: o, className: b("flex flex-1 items-center justify-center", m), ...f, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-ds-03", children: [
+    messages: l,
+    isStreaming: d = !1,
+    streamingText: i = "",
+    isLoadingMessages: f = !1,
+    emptyTitle: c = "Karm AI",
+    emptyDescription: u = "Ask me about tasks, projects, attendance, or anything else.",
+    className: o,
+    ...m
+  }, n) {
+    const h = R(null), t = Z(h, n);
+    return Y(() => {
+      const a = h.current;
+      a && (a.scrollTop = a.scrollHeight);
+    }, [l, i]), f ? /* @__PURE__ */ e("div", { ref: n, className: x("flex flex-1 items-center justify-center", o), ...m, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-ds-03", children: [
       /* @__PURE__ */ e("div", { className: "h-ds-xs w-ds-xs animate-spin rounded-ds-full border-2 border-surface-border border-t-transparent" }),
       /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: "Loading messages..." })
-    ] }) }) : t.length === 0 && !c ? /* @__PURE__ */ e("div", { ref: o, className: b("flex flex-1 items-center justify-center p-ds-06", m), ...f, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-ds-04 text-center", children: [
+    ] }) }) : l.length === 0 && !d ? /* @__PURE__ */ e("div", { ref: n, className: x("flex flex-1 items-center justify-center p-ds-06", o), ...m, children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-ds-04 text-center", children: [
       /* @__PURE__ */ e("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-surface-3", children: /* @__PURE__ */ e(C, { className: "h-ico-lg w-ico-lg text-surface-fg-muted" }) }),
-      /* @__PURE__ */ e("h3", { className: "text-ds-base text-surface-fg", children: n }),
-      /* @__PURE__ */ e("p", { className: "text-ds-sm max-w-[280px] text-surface-fg-subtle", children: h })
-    ] }) }) : /* @__PURE__ */ e("div", { ref: i, className: b("no-scrollbar flex-1 overflow-y-auto p-ds-05", m), ...f, children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", role: "log", "aria-label": "Chat messages", children: /* @__PURE__ */ s(Z, { initial: !1, children: [
-      t.map((r) => r.role === "SYSTEM" ? /* @__PURE__ */ e(
-        N.div,
+      /* @__PURE__ */ e("h3", { className: "text-ds-base text-surface-fg", children: c }),
+      /* @__PURE__ */ e("p", { className: "text-ds-sm max-w-[280px] text-surface-fg-subtle", children: u })
+    ] }) }) : /* @__PURE__ */ e("div", { ref: t, className: x("no-scrollbar flex-1 overflow-y-auto p-ds-05", o), ...m, children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", role: "log", "aria-label": "Chat messages", children: /* @__PURE__ */ s(W, { initial: !1, children: [
+      l.map((a) => a.role === "SYSTEM" ? /* @__PURE__ */ e(
+        g.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },
-          transition: w.snappy,
+          transition: v.snappy,
           className: "flex justify-center",
           children: /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-lg bg-error-3 px-ds-04 py-ds-03", children: [
             /* @__PURE__ */ e($, { className: "h-ico-sm w-ico-sm shrink-0 text-error-11" }),
-            /* @__PURE__ */ e("p", { className: "text-ds-sm text-error-11", children: r.content })
+            /* @__PURE__ */ e("p", { className: "text-ds-sm text-error-11", children: a.content })
           ] })
         },
-        r.id
-      ) : r.role === "USER" ? /* @__PURE__ */ e(
-        N.div,
+        a.id
+      ) : a.role === "USER" ? /* @__PURE__ */ e(
+        g.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },
-          transition: w.snappy,
+          transition: v.snappy,
           className: "flex justify-end",
           children: /* @__PURE__ */ s("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
-            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-br-ds-sm bg-accent-9 px-ds-04 py-ds-03 text-accent-fg", children: /* @__PURE__ */ e("p", { className: "text-ds-md whitespace-pre-wrap", children: r.content }) }),
+            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-br-ds-sm bg-accent-9 px-ds-04 py-ds-03 text-accent-fg", children: /* @__PURE__ */ e("p", { className: "text-ds-md whitespace-pre-wrap", children: a.content }) }),
             /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-surface-3", children: /* @__PURE__ */ e(O, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }) })
           ] })
         },
-        r.id
+        a.id
       ) : /* @__PURE__ */ e(
-        N.div,
+        g.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },
-          transition: w.snappy,
+          transition: v.snappy,
           className: "flex justify-start",
           children: /* @__PURE__ */ s("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
             /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-surface-3", children: /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }) }),
-            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg", children: /* @__PURE__ */ e(P, { components: H, children: r.content }) }) })
+            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg", children: /* @__PURE__ */ e(L, { components: A, children: a.content }) }) })
           ] })
         },
-        r.id
+        a.id
       )),
-      c && d && /* @__PURE__ */ e(
-        N.div,
+      d && i && /* @__PURE__ */ e(
+        g.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },
-          transition: w.snappy,
+          transition: v.snappy,
           className: "flex justify-start",
           children: /* @__PURE__ */ s("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
             /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-surface-3", children: /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }) }),
-            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg", children: /* @__PURE__ */ e(E, { text: d }) }) })
+            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg", children: /* @__PURE__ */ e(H, { text: i }) }) })
           ] })
         },
         "streaming-text"
       ),
-      c && !d && /* @__PURE__ */ e(
-        N.div,
+      d && !i && /* @__PURE__ */ e(
+        g.div,
         {
           initial: { opacity: 0, y: 10 },
           animate: { opacity: 1, y: 0 },
-          transition: w.snappy,
+          transition: v.snappy,
           className: "flex justify-start",
           children: /* @__PURE__ */ s("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
             /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-surface-3", children: /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }) }),
-            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02b py-ds-02", children: [0, 1, 2].map((r) => /* @__PURE__ */ e(
-              N.span,
+            /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-surface-3 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-02b py-ds-02", children: [0, 1, 2].map((a) => /* @__PURE__ */ e(
+              g.span,
               {
                 className: "h-2 w-2 rounded-ds-full bg-surface-fg-subtle",
                 animate: { y: [0, -4, 0] },
-                transition: { duration: 0.6, repeat: 1 / 0, delay: r * 0.15 }
+                transition: { duration: 0.6, repeat: 1 / 0, delay: a * 0.15 }
               },
-              r
+              a
             )) }) })
           ] })
         },
@@ -161,119 +134,119 @@ const K = k.forwardRef(
   }
 );
 K.displayName = "MessageList";
-const U = k.forwardRef(
+const U = w.forwardRef(
   function({
-    onSubmit: t,
-    onCancel: c,
-    isStreaming: d = !1,
-    placeholder: u = "Ask Karm AI...",
-    disclaimer: n = "AI responses may be inaccurate. Verify important information.",
-    className: h,
-    ...m
-  }, f) {
-    const [o, p] = A(""), i = R(null), r = T(() => {
-      const l = i.current;
-      l && (l.style.height = "auto", l.style.height = Math.min(l.scrollHeight, 160) + "px");
+    onSubmit: l,
+    onCancel: d,
+    isStreaming: i = !1,
+    placeholder: f = "Ask Karm AI...",
+    disclaimer: c = "AI responses may be inaccurate. Verify important information.",
+    className: u,
+    ...o
+  }, m) {
+    const [n, h] = P(""), t = R(null), a = T(() => {
+      const r = t.current;
+      r && (r.style.height = "auto", r.style.height = Math.min(r.scrollHeight, 160) + "px");
     }, []), y = T(() => {
-      const l = o.trim();
-      !l || d || (p(""), i.current && (i.current.style.height = "auto"), t(l));
-    }, [o, d, t]), v = T(
-      (l) => {
-        l.key === "Enter" && !l.shiftKey && (l.preventDefault(), y());
+      const r = n.trim();
+      !r || i || (h(""), t.current && (t.current.style.height = "auto"), l(r));
+    }, [n, i, l]), N = T(
+      (r) => {
+        r.key === "Enter" && !r.shiftKey && (r.preventDefault(), y());
       },
       [y]
     );
-    return /* @__PURE__ */ s("div", { ref: f, className: b("border-t border-surface-border-strong bg-surface-1 p-ds-04", h), ...m, children: [
+    return /* @__PURE__ */ s("div", { ref: m, className: x("border-t border-surface-border-strong bg-surface-1 p-ds-04", u), ...o, children: [
       /* @__PURE__ */ s("div", { className: "flex items-end gap-ds-03 rounded-ds-xl border border-surface-border-strong bg-surface-3 px-ds-04 py-ds-03", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            ref: i,
-            value: o,
-            onChange: (l) => {
-              p(l.target.value), r();
+            ref: t,
+            value: n,
+            onChange: (r) => {
+              h(r.target.value), a();
             },
-            onKeyDown: v,
-            placeholder: u,
+            onKeyDown: N,
+            placeholder: f,
             "aria-label": "Type a message",
-            disabled: d,
+            disabled: i,
             rows: 1,
             className: "text-ds-md no-scrollbar max-h-[160px] min-h-ds-xs flex-1 resize-none bg-transparent text-surface-fg placeholder:text-surface-fg-subtle focus:outline-none disabled:opacity-action-disabled"
           }
         ),
-        d ? /* @__PURE__ */ e(D, { variant: "solid", color: "error", size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: c, "aria-label": "Stop generating", children: /* @__PURE__ */ e(S, { className: "h-ico-sm w-ico-sm" }) }) : /* @__PURE__ */ e(D, { size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: y, disabled: !o.trim(), "aria-label": "Send message", children: /* @__PURE__ */ e(ee, { className: "h-ico-sm w-ico-sm" }) })
+        i ? /* @__PURE__ */ e(D, { variant: "solid", color: "error", size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: d, "aria-label": "Stop generating", children: /* @__PURE__ */ e(S, { className: "h-ico-sm w-ico-sm" }) }) : /* @__PURE__ */ e(D, { size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: y, disabled: !n.trim(), "aria-label": "Send message", children: /* @__PURE__ */ e(ee, { className: "h-ico-sm w-ico-sm" }) })
       ] }),
-      n && /* @__PURE__ */ e("p", { className: "text-ds-sm mt-ds-02b text-center text-surface-fg-subtle", children: n })
+      c && /* @__PURE__ */ e("p", { className: "text-ds-sm mt-ds-02b text-center text-surface-fg-subtle", children: c })
     ] });
   }
 );
 U.displayName = "ChatInput";
-const z = k.forwardRef(
+const z = w.forwardRef(
   function({
-    conversations: t,
-    activeConversationId: c,
-    isLoading: d = !1,
-    onSelect: u,
-    onNewChat: n,
-    onArchive: h,
-    onDelete: m,
-    className: f,
-    ...o
-  }, p) {
-    return /* @__PURE__ */ s("div", { ref: p, className: b("flex flex-1 flex-col overflow-hidden", f), ...o, children: [
+    conversations: l,
+    activeConversationId: d,
+    isLoading: i = !1,
+    onSelect: f,
+    onNewChat: c,
+    onArchive: u,
+    onDelete: o,
+    className: m,
+    ...n
+  }, h) {
+    return /* @__PURE__ */ s("div", { ref: h, className: x("flex flex-1 flex-col overflow-hidden", m), ...n, children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
         /* @__PURE__ */ e("h3", { className: "text-ds-md font-semibold text-surface-fg", children: "Conversations" }),
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: n,
+            onClick: c,
             className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-surface-fg-muted transition-colors hover:bg-surface-2",
             children: [
-              /* @__PURE__ */ e(L, { className: "h-ico-sm w-ico-sm" }),
+              /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" }),
               /* @__PURE__ */ e("span", { className: "text-ds-sm", children: "New Chat" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "no-scrollbar flex-1 overflow-y-auto", children: d ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-surface-border border-t-transparent" }) }) : t.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-12", children: [
+      /* @__PURE__ */ e("div", { className: "no-scrollbar flex-1 overflow-y-auto", children: i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-surface-border border-t-transparent" }) }) : l.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-12", children: [
         /* @__PURE__ */ e(se, { className: "h-ds-sm w-ds-sm text-surface-fg-subtle" }),
         /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No conversations yet" })
-      ] }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: t.map((i) => /* @__PURE__ */ s(
+      ] }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: l.map((t) => /* @__PURE__ */ s(
         "div",
         {
-          className: b(
+          className: x(
             "group flex items-center gap-ds-04 border-b border-surface-border px-ds-05 py-ds-04 transition-colors hover:bg-surface-2",
-            c === i.id && "bg-surface-2"
+            d === t.id && "bg-surface-2"
           ),
           children: [
             /* @__PURE__ */ s(
               "button",
               {
-                onClick: () => u(i.id),
+                onClick: () => f(t.id),
                 className: "flex min-w-0 flex-1 flex-col gap-ds-01 text-left",
                 children: [
-                  /* @__PURE__ */ e("p", { className: "text-ds-md truncate text-surface-fg", children: i.title || "Untitled conversation" }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: ce(i.updatedAt) })
+                  /* @__PURE__ */ e("p", { className: "text-ds-md truncate text-surface-fg", children: t.title || "Untitled conversation" }),
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: de(t.updatedAt) })
                 ]
               }
             ),
             /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
-              h && /* @__PURE__ */ e(
+              u && /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: (r) => {
-                    r.stopPropagation(), h(i.id);
+                  onClick: (a) => {
+                    a.stopPropagation(), u(t.id);
                   },
                   className: "flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-3 hover:text-surface-fg-muted",
                   "aria-label": "Archive conversation",
                   children: /* @__PURE__ */ e(ae, { className: "h-ico-sm w-ico-sm" })
                 }
               ),
-              m && /* @__PURE__ */ e(
+              o && /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: (r) => {
-                    r.stopPropagation(), m(i.id);
+                  onClick: (a) => {
+                    a.stopPropagation(), o(t.id);
                   },
                   className: "flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors hover:bg-error-3 hover:text-error-11",
                   "aria-label": "Delete conversation",
@@ -283,7 +256,7 @@ const z = k.forwardRef(
             ] })
           ]
         },
-        i.id
+        t.id
       )) }) })
     ] });
   }
@@ -297,129 +270,129 @@ const fe = [
   { id: "vidwan", name: "Vidwan", desc: "Knowledge Expert" },
   { id: "sanchalak", name: "Sanchalak", desc: "Manager Advisor" },
   { id: "dwar-palak", name: "Dwar-Palak", desc: "Access Control" }
-], ue = k.forwardRef(
+], ue = w.forwardRef(
   function({
-    isOpen: t,
-    onOpenChange: c,
-    messages: d,
-    conversations: u,
-    agents: n = fe,
-    selectedAgentId: h = "devadoot",
-    activeConversationId: m,
-    isStreaming: f = !1,
-    streamingText: o = "",
-    isLoadingMessages: p = !1,
-    isLoadingConversations: i = !1,
-    onSendMessage: r,
+    isOpen: l,
+    onOpenChange: d,
+    messages: i,
+    conversations: f,
+    agents: c = fe,
+    selectedAgentId: u = "devadoot",
+    activeConversationId: o,
+    isStreaming: m = !1,
+    streamingText: n = "",
+    isLoadingMessages: h = !1,
+    isLoadingConversations: t = !1,
+    onSendMessage: a,
     onCancelStream: y,
-    onSelectAgent: v,
-    onStartNewChat: l,
+    onSelectAgent: N,
+    onStartNewChat: r,
     onSelectConversation: I,
-    onArchiveConversation: B,
-    onDeleteConversation: F,
-    className: G,
-    ...V
-  }, _) {
-    const [M, j] = A(!1), g = n.find((x) => x.id === h) ?? n[0];
-    return /* @__PURE__ */ e(Y, { open: t, onOpenChange: c, children: /* @__PURE__ */ s(
+    onArchiveConversation: F,
+    onDeleteConversation: G,
+    className: V,
+    ...q
+  }, B) {
+    const [M, j] = P(!1), b = c.find((p) => p.id === u) ?? c[0];
+    return /* @__PURE__ */ e(_, { open: l, onOpenChange: d, children: /* @__PURE__ */ s(
       J,
       {
-        ref: _,
+        ref: B,
         side: "right",
-        className: b("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-1 p-0 sm:max-w-[480px] [&>button]:hidden", G),
-        ...V,
+        className: x("flex w-full flex-col gap-0 border-l border-surface-border-strong bg-surface-1 p-0 sm:max-w-[480px] [&>button]:hidden", V),
+        ...q,
         children: [
           /* @__PURE__ */ e(Q, { className: "sr-only", children: "AI Chat" }),
           /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 border-b border-surface-border-strong px-ds-05 py-ds-04", children: [
-            /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ s(ie, { children: [
+            /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ s(ce, { children: [
               /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
                   className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-surface-2",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "text-ds-base text-surface-fg", children: g == null ? void 0 : g.name }),
-                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: g == null ? void 0 : g.desc }),
+                    /* @__PURE__ */ e("span", { className: "text-ds-base text-surface-fg", children: b == null ? void 0 : b.name }),
+                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: b == null ? void 0 : b.desc }),
                     /* @__PURE__ */ e(te, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e(oe, { align: "start", className: "w-64", children: n.map((x) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(oe, { align: "start", className: "w-64", children: c.map((p) => /* @__PURE__ */ e(
                 me,
                 {
-                  onClick: () => v == null ? void 0 : v(x.id),
-                  className: h === x.id ? "bg-surface-2" : "",
+                  onClick: () => N == null ? void 0 : N(p.id),
+                  className: u === p.id ? "bg-surface-2" : "",
                   children: /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
-                    /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg", children: x.name }),
-                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: x.desc })
+                    /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg", children: p.name }),
+                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: p.desc })
                   ] })
                 },
-                x.id
+                p.id
               )) })
             ] }) }),
             /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => {
-                  l == null || l(), j(!1);
+                  r == null || r(), j(!1);
                 },
                 className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-2",
                 "aria-label": "New chat",
-                children: /* @__PURE__ */ e(L, { className: "h-ico-sm w-ico-sm" })
+                children: /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => j(!M),
-                className: b(
+                className: x(
                   "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-surface-2",
                   M ? "bg-surface-2 text-surface-fg" : "text-surface-fg-muted"
                 ),
                 "aria-label": "Conversation history",
-                children: /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm" })
+                children: /* @__PURE__ */ e(ie, { className: "h-ico-sm w-ico-sm" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => c(!1),
+                onClick: () => d(!1),
                 className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-surface-fg-muted transition-colors hover:bg-surface-2",
                 "aria-label": "Close chat",
-                children: /* @__PURE__ */ e(de, { className: "h-ico-sm w-ico-sm" })
+                children: /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm" })
               }
             )
           ] }),
           M ? /* @__PURE__ */ e(
             z,
             {
-              conversations: u,
-              activeConversationId: m,
-              isLoading: i,
-              onSelect: (x) => {
-                I == null || I(x), j(!1);
+              conversations: f,
+              activeConversationId: o,
+              isLoading: t,
+              onSelect: (p) => {
+                I == null || I(p), j(!1);
               },
               onNewChat: () => {
-                l == null || l(), j(!1);
+                r == null || r(), j(!1);
               },
-              onArchive: B,
-              onDelete: F
+              onArchive: F,
+              onDelete: G
             }
-          ) : /* @__PURE__ */ s(q, { children: [
+          ) : /* @__PURE__ */ s(X, { children: [
             /* @__PURE__ */ e(
               K,
               {
-                messages: d,
-                isStreaming: f,
-                streamingText: o,
-                isLoadingMessages: p
+                messages: i,
+                isStreaming: m,
+                streamingText: n,
+                isLoadingMessages: h
               }
             ),
             /* @__PURE__ */ e(
               U,
               {
-                onSubmit: r,
+                onSubmit: a,
                 onCancel: y,
-                isStreaming: f
+                isStreaming: m
               }
             )
           ] })
@@ -432,7 +405,7 @@ ue.displayName = "ChatPanel";
 export {
   U as C,
   K as M,
-  E as S,
+  H as S,
   ue as a,
   z as b
 };