@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ai/command-bar.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as r, jsx as e, Fragment as De } from "react/jsx-runtime";
 import * as s from "react";
-import { Dialog as _e, DialogPortal as Ae, DialogOverlay as Ee, DialogContentRaw as Me, DialogTitle as Re, DialogDescription as Se } from "../ui/dialog.js";
-import { IconArrowUp as ze, IconArrowDown as Le, IconCornerDownLeft as le, IconSearch as Be, IconLoader2 as je, IconX as Fe } from "@tabler/icons-react";
+import { Dialog as Ae, DialogPortal as Ee, DialogOverlay as Me, DialogContentRaw as Re, DialogTitle as Se, DialogDescription as ze } from "../ui/dialog.js";
+import { IconArrowUp as Le, IconArrowDown as Be, IconCornerDownLeft as le, IconSearch as je, IconLoader2 as Fe, IconX as $e } from "@tabler/icons-react";
 import { Icon as v } from "../ui/icon.js";
 import { cn as u } from "../ui/lib/utils.js";
-import { springs as ue, tweens as Y } from "../ui/lib/motion.js";
-import { VisuallyHidden as $e } from "../ui/visually-hidden.js";
+import { springs as ue, tweens as Z } from "../ui/lib/motion.js";
+import { VisuallyHidden as Pe } from "../ui/visually-hidden.js";
 import { u as fe } from "../_chunks/motion-provider.js";
-import { g as Pe, m as Ke, a as Oe } from "../_chunks/keybinding.js";
-import { m as x, A as Z } from "../_chunks/framer.js";
-function Ve({
+import { g as Ke, m as Oe, a as Ve } from "../_chunks/keybinding.js";
+import { m as x, A as _ } from "../_chunks/framer.js";
+function qe({
   active: n,
   rounded: p,
   reducedMotion: h,
@@ -61,73 +61,73 @@ function Ve({
     }
   ) : /* @__PURE__ */ e(De, { children: l });
 }
-function qe(n) {
+function Qe(n) {
   return n.filterValue ? n.filterValue : typeof n.label == "string" ? n.label : "";
 }
-function Qe(n) {
+function Te(n) {
   return typeof n.description == "string" ? n.description : "";
 }
-function Te({
+function Ge({
   placeholders: n,
   interval: p,
   paused: h
 }) {
-  const [l, z] = s.useState(0), { reducedMotion: K } = fe();
+  const [l, L] = s.useState(0), { reducedMotion: O } = fe();
   return s.useEffect(() => {
     if (h || n.length <= 1) return;
-    const O = setInterval(() => {
-      z((d) => (d + 1) % n.length);
+    const V = setInterval(() => {
+      L((d) => (d + 1) % n.length);
     }, p);
-    return () => clearInterval(O);
-  }, [h, n.length, p]), K ? /* @__PURE__ */ e("span", { className: "pointer-events-none absolute text-surface-fg-subtle", children: n[l] }) : /* @__PURE__ */ e(Z, { mode: "wait", children: /* @__PURE__ */ e(
+    return () => clearInterval(V);
+  }, [h, n.length, p]), O ? /* @__PURE__ */ e("span", { className: "pointer-events-none absolute text-surface-fg-subtle", children: n[l] }) : /* @__PURE__ */ e(_, { mode: "wait", children: /* @__PURE__ */ e(
     x.span,
     {
       initial: { opacity: 0, y: -4 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: 4 },
-      transition: Y.fade,
+      transition: Z.fade,
       className: "pointer-events-none absolute text-surface-fg-subtle",
       children: n[l]
     },
     n[l]
   ) });
 }
-const Ge = s.forwardRef(
+const Ue = s.forwardRef(
   function({
     onSubmit: p,
     state: h = "idle",
     groups: l = [],
-    onSearch: z,
-    emptyMessage: K = "No results found.",
-    emptyState: O,
+    onSearch: L,
+    emptyMessage: O = "No results found.",
+    emptyState: V,
     variant: d = "hero",
-    placeholder: L = "Ask anything...",
+    placeholder: B = "Ask anything...",
     placeholderInterval: me = 5e3,
     greeting: ee,
-    hints: V,
+    hints: q,
     agentName: te,
-    agentIcon: Ue,
+    agentIcon: He,
     open: se,
     defaultOpen: pe,
     onOpenChange: ae,
-    keybinding: E = "mod+j",
-    disabled: B = !1,
-    maxHeight: q = "320px",
+    keybinding: M = "mod+j",
+    disabled: j = !1,
+    maxHeight: Q = "320px",
     children: N,
-    className: Q,
-    ...T
-  }, G) {
-    const U = se !== void 0, [be, ge] = s.useState(pe ?? !1), M = U ? se : be, re = s.useRef(M);
-    re.current = M;
+    className: T,
+    ...G
+  }, U) {
+    const H = se !== void 0, [be, ge] = s.useState(pe ?? !1), R = H ? se : be, re = s.useRef(R);
+    re.current = R;
     const w = s.useCallback(
       (t) => {
         const a = typeof t == "function" ? t(re.current) : t;
-        U || ge(a), ae?.(a);
+        H || ge(a), ae?.(a);
       },
-      [U, ae]
-    ), [o, k] = s.useState(""), [f, C] = s.useState(-1), [ne, xe] = s.useState(""), [I, oe] = s.useState(!1), [H, he] = s.useState(!1), R = s.useRef(null), ie = s.useRef(null), J = s.useId(), de = `command-bar-listbox-${J}`, { reducedMotion: b } = fe(), j = { duration: 0 }, ye = s.useMemo(() => Pe(), []), F = s.useMemo(
-      () => Array.isArray(L) ? L : [L],
-      [L]
+      [H, ae]
+    ), [o, k] = s.useState(""), [f, C] = s.useState(-1), [ne, xe] = s.useState(""), [I, oe] = s.useState(!1), [J, he] = s.useState(!1), S = s.useRef(null), ie = s.useRef(null), W = s.useId(), de = `command-bar-listbox-${W}`, { reducedMotion: b } = fe(), F = { duration: 0 }, ye = s.useMemo(() => Ke(), []), $ = s.useMemo(
+      () => Array.isArray(B) ? B : [B],
+      [B]
     ), c = l.length > 0, y = s.useMemo(() => {
       if (!c) return [];
       if (!o.trim()) return l;
@@ -135,7 +135,7 @@ const Ge = s.forwardRef(
       return l.map((a) => ({
         ...a,
         items: a.items.filter(
-          (g) => qe(g).toLowerCase().includes(t) || Qe(g).toLowerCase().includes(t)
+          (g) => Qe(g).toLowerCase().includes(t) || Te(g).toLowerCase().includes(t)
         )
       })).filter((a) => a.items.length > 0);
     }, [l, o, c]), m = s.useMemo(
@@ -148,33 +148,33 @@ const Ge = s.forwardRef(
         for (const i of g.items)
           t.set(i.id, a++);
       return t;
-    }, [y]), Ne = typeof q == "number" ? `${q}px` : q;
+    }, [y]), Ne = typeof Q == "number" ? `${Q}px` : Q;
     s.useEffect(() => {
-      if (d !== "floating" || E === !1) return;
-      const t = Array.isArray(E) ? E : [E];
+      if (d !== "floating" || M === !1) return;
+      const t = Array.isArray(M) ? M : [M];
       function a(g) {
         for (const i of t)
-          if (Ke(g, i)) {
-            g.preventDefault(), w((A) => !A);
+          if (Oe(g, i)) {
+            g.preventDefault(), w((E) => !E);
             return;
           }
       }
       return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-    }, [d, E, w]), s.useEffect(() => {
-      d === "floating" && M && (k(""), C(-1), requestAnimationFrame(() => {
-        R.current?.focus();
+    }, [d, M, w]), s.useEffect(() => {
+      d === "floating" && R && (k(""), C(-1), requestAnimationFrame(() => {
+        S.current?.focus();
       }));
-    }, [d, M]), s.useEffect(() => {
+    }, [d, R]), s.useEffect(() => {
       if (f < 0) return;
       ie.current?.querySelector(
         `[data-command-index="${f}"]`
       )?.scrollIntoView({ block: "nearest" });
     }, [f]);
     const we = (t) => {
-      k(t), C(c && t.trim() ? 0 : -1), z?.(t);
+      k(t), C(c && t.trim() ? 0 : -1), L?.(t);
     }, ce = s.useCallback(() => {
-      !o.trim() || B || (xe(o), p?.(o));
-    }, [o, B, p]), ke = (t) => {
+      !o.trim() || j || (xe(o), p?.(o));
+    }, [o, j, p]), ke = (t) => {
       switch (t.key) {
         case "ArrowDown": {
           if (!c || m.length === 0) return;
@@ -194,23 +194,23 @@ const Ge = s.forwardRef(
           break;
         }
         case "Escape": {
-          t.preventDefault(), h === "responded" ? k("") : d === "floating" ? w(!1) : R.current?.blur();
+          t.preventDefault(), h === "responded" ? k("") : d === "floating" ? w(!1) : S.current?.blur();
           break;
         }
       }
     }, Ce = () => {
-      k(""), C(-1), R.current?.focus();
+      k(""), C(-1), S.current?.focus();
     };
     s.useEffect(() => {
-      if (H) {
+      if (J) {
         const t = setTimeout(() => he(!1), 500);
         return () => clearTimeout(t);
       }
-    }, [H]), b || ue.snappy;
-    const $ = b ? j : Y.fade, S = b ? { opacity: 1, scale: 1, y: 0 } : void 0, D = d === "inline", _ = h === "processing", Ie = h === "responded", W = () => /* @__PURE__ */ e(
-      Ve,
+    }, [J]), b || ue.snappy;
+    const P = b ? F : Z.fade, z = b ? { opacity: 1, scale: 1, y: 0 } : void 0, D = d === "inline", A = h === "processing", Ie = h === "responded", X = () => /* @__PURE__ */ e(
+      qe,
       {
-        active: _,
+        active: A,
         rounded: D ? "rounded-ds-md" : "rounded-ds-lg",
         reducedMotion: b,
         children: /* @__PURE__ */ r(
@@ -219,15 +219,15 @@ const Ge = s.forwardRef(
             className: u(
               "flex items-center gap-ds-04 border bg-surface-overlay transition-colors transition-shadow duration-fast-02 ease-productive-standard",
               D ? "rounded-ds-md px-ds-04" : "rounded-ds-lg px-ds-05",
-              _ ? "border-transparent" : "border-surface-border-strong",
-              I && !_ && "border-accent-7 shadow-ring",
-              H && "animate-shake"
+              A ? "border-transparent" : "border-surface-border-strong",
+              I && !A && "border-accent-7 shadow-ring",
+              J && "animate-shake"
             ),
             children: [
               /* @__PURE__ */ e(
                 v,
                 {
-                  icon: Be,
+                  icon: je,
                   size: D ? "xs" : "sm",
                   stroke: "light",
                   className: u(
@@ -237,10 +237,10 @@ const Ge = s.forwardRef(
                 }
               ),
               /* @__PURE__ */ r("div", { className: "relative flex flex-1 items-center", children: [
-                !o && !I && F.length > 1 && /* @__PURE__ */ e(
-                  Te,
+                !o && !I && $.length > 1 && /* @__PURE__ */ e(
+                  Ge,
                   {
-                    placeholders: F,
+                    placeholders: $,
                     interval: me,
                     paused: I || !!o
                   }
@@ -248,27 +248,27 @@ const Ge = s.forwardRef(
                 /* @__PURE__ */ e(
                   "input",
                   {
-                    ref: R,
+                    ref: S,
                     value: o,
                     onChange: (t) => we(t.target.value),
                     onFocus: () => oe(!0),
                     onBlur: () => oe(!1),
                     onKeyDown: ke,
-                    placeholder: F.length === 1 || I ? F[0] : "",
-                    readOnly: _,
-                    disabled: B,
+                    placeholder: $.length === 1 || I ? $[0] : "",
+                    readOnly: A,
+                    disabled: j,
                     role: "combobox",
                     "aria-expanded": c && m.length > 0,
                     "aria-controls": c ? de : void 0,
-                    "aria-activedescendant": c && f >= 0 && m[f] ? `command-bar-item-${J}-${m[f].id}` : void 0,
+                    "aria-activedescendant": c && f >= 0 && m[f] ? `command-bar-item-${W}-${m[f].id}` : void 0,
                     "aria-autocomplete": c ? "list" : void 0,
                     "aria-label": te ? `Ask ${te}` : "AI Command Bar",
                     className: u(
                       "flex-1 bg-transparent text-surface-fg outline-none",
                       "placeholder:text-surface-fg-subtle",
                       D ? "h-9 text-ds-sm" : "h-12 text-ds-base",
-                      _ && "cursor-wait",
-                      B && "cursor-not-allowed opacity-50"
+                      A && "cursor-wait",
+                      j && "cursor-not-allowed opacity-50"
                     ),
                     autoComplete: "off",
                     autoCorrect: "off",
@@ -276,10 +276,10 @@ const Ge = s.forwardRef(
                   }
                 )
               ] }),
-              _ ? /* @__PURE__ */ e("span", { "data-testid": "command-bar-spinner", className: "shrink-0", children: /* @__PURE__ */ e(
+              A ? /* @__PURE__ */ e("span", { "data-testid": "command-bar-spinner", className: "shrink-0", children: /* @__PURE__ */ e(
                 v,
                 {
-                  icon: je,
+                  icon: Fe,
                   size: D ? "xs" : "sm",
                   stroke: "light",
                   animate: "spin",
@@ -292,25 +292,26 @@ const Ge = s.forwardRef(
                   onClick: Ce,
                   className: "shrink-0 rounded-ds-sm p-ds-01 text-surface-fg-subtle transition-colors duration-fast-01 hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
                   "aria-label": "Clear",
+                  title: "Clear",
                   children: /* @__PURE__ */ e(
                     v,
                     {
-                      icon: Fe,
+                      icon: $e,
                       size: D ? "xs" : "sm",
                       stroke: "light"
                     }
                   )
                 }
-              ) : d === "hero" ? /* @__PURE__ */ e(Z, { children: !I && /* @__PURE__ */ r(
+              ) : d === "hero" ? /* @__PURE__ */ e(_, { children: !I && /* @__PURE__ */ r(
                 x.kbd,
                 {
-                  initial: S ?? { opacity: 0 },
+                  initial: z ?? { opacity: 0 },
                   animate: { opacity: 1 },
                   exit: b ? void 0 : { opacity: 0 },
-                  transition: $,
-                  className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)] sm:inline-flex",
+                  transition: P,
+                  className: "hidden shrink-0 select-none rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex",
                   children: [
-                    Oe(ye),
+                    Ve(ye),
                     "J"
                   ]
                 }
@@ -319,7 +320,7 @@ const Ge = s.forwardRef(
           }
         )
       }
-    ), X = () => !c || !(m.length > 0 || o.trim() && y.length === 0) && !o.trim() ? null : /* @__PURE__ */ r(
+    ), Y = () => !c || !(m.length > 0 || o.trim() && y.length === 0) && !o.trim() ? null : /* @__PURE__ */ r(
       "div",
       {
         ref: ie,
@@ -332,42 +333,42 @@ const Ge = s.forwardRef(
           y.length === 0 && o.trim() && /* @__PURE__ */ e(
             x.div,
             {
-              initial: S ?? { opacity: 0 },
+              initial: z ?? { opacity: 0 },
               animate: { opacity: 1 },
-              transition: $,
+              transition: P,
               className: "flex items-center justify-center py-ds-07",
-              children: O ?? /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: K })
+              children: V ?? /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: O })
             }
           ),
           y.map((a, g) => /* @__PURE__ */ r(
             x.div,
             {
-              initial: S ?? { opacity: 0 },
+              initial: z ?? { opacity: 0 },
               animate: { opacity: 1 },
-              transition: b ? j : { ...Y.fade, delay: g * 0.06 },
+              transition: b ? F : { ...Z.fade, delay: g * 0.06 },
               className: "mb-ds-02",
               children: [
                 /* @__PURE__ */ e("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ e("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle", children: a.label }) }),
                 a.items.map((i) => {
-                  const A = ve.get(i.id) ?? 0, P = A === f;
+                  const E = ve.get(i.id) ?? 0, K = E === f;
                   return /* @__PURE__ */ r(
                     x.button,
                     {
-                      id: `command-bar-item-${J}-${i.id}`,
+                      id: `command-bar-item-${W}-${i.id}`,
                       type: "button",
                       role: "option",
-                      "aria-selected": P,
-                      "data-command-index": A,
-                      initial: S ?? { opacity: 0, y: 4 },
+                      "aria-selected": K,
+                      "data-command-index": E,
+                      initial: z ?? { opacity: 0, y: 4 },
                       animate: { opacity: 1, y: 0 },
-                      transition: b ? j : { ...ue.snappy, delay: A * 0.03 },
+                      transition: b ? F : { ...ue.snappy, delay: E * 0.03 },
                       onClick: () => {
                         i.onSelect(), d === "floating" && w(!1);
                       },
-                      onMouseEnter: () => C(A),
+                      onMouseEnter: () => C(E),
                       className: u(
                         "flex w-full items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 text-left transition-[color,background-color] duration-fast-02 ease-productive-standard",
-                        P ? "bg-surface-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"
+                        K ? "bg-surface-raised-hover text-surface-fg" : "text-surface-fg-muted hover:bg-surface-raised"
                       ),
                       children: [
                         i.icon && /* @__PURE__ */ e(
@@ -375,7 +376,7 @@ const Ge = s.forwardRef(
                           {
                             className: u(
                               "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 transition-colors duration-fast-02 ease-productive-standard",
-                              P ? "text-accent-11" : "text-surface-fg-subtle"
+                              K ? "text-accent-11" : "text-surface-fg-subtle"
                             ),
                             "aria-hidden": "true",
                             children: i.icon
@@ -385,13 +386,13 @@ const Ge = s.forwardRef(
                           /* @__PURE__ */ e("span", { className: "text-ds-md", children: i.renderLabel ? i.renderLabel(o) : i.label }),
                           i.description && /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: i.description })
                         ] }),
-                        /* @__PURE__ */ e(Z, { children: P && /* @__PURE__ */ e(
+                        /* @__PURE__ */ e(_, { children: K && /* @__PURE__ */ e(
                           x.span,
                           {
                             initial: b ? void 0 : { opacity: 0 },
                             animate: { opacity: 1 },
                             exit: b ? void 0 : { opacity: 0 },
-                            transition: $,
+                            transition: P,
                             className: "inline-flex shrink-0",
                             children: /* @__PURE__ */ e(
                               v,
@@ -419,23 +420,23 @@ const Ge = s.forwardRef(
     return d === "hero" ? /* @__PURE__ */ r(
       "div",
       {
-        ref: G,
+        ref: U,
         role: "search",
         className: u(
           "bg-surface-raised rounded-ds-xl shadow-raised p-ds-07",
-          Q
+          T
         ),
-        ...T,
+        ...G,
         children: [
           ee && /* @__PURE__ */ e("p", { className: "text-ds-lg text-surface-fg-muted mb-ds-04", children: ee }),
-          W(),
           X(),
-          V && V.length > 0 && /* @__PURE__ */ e("div", { className: "mt-ds-04 flex flex-wrap gap-ds-02b", children: V.map((t) => /* @__PURE__ */ e(
+          Y(),
+          q && q.length > 0 && /* @__PURE__ */ e("div", { className: "mt-ds-04 flex flex-wrap gap-ds-02b", children: q.map((t) => /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               onClick: () => {
-                k(t), z?.(t), R.current?.focus();
+                k(t), L?.(t), S.current?.focus();
               },
               className: "rounded-ds-md border border-surface-border-strong bg-surface-overlay px-ds-03 py-ds-01 text-ds-sm text-surface-fg-subtle transition-colors duration-fast-02 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted",
               children: t
@@ -448,25 +449,25 @@ const Ge = s.forwardRef(
     ) : d === "inline" ? /* @__PURE__ */ r(
       "div",
       {
-        ref: G,
+        ref: U,
         role: "search",
-        className: u("w-full", Q),
-        ...T,
+        className: u("w-full", T),
+        ...G,
         children: [
-          W(),
           X(),
+          Y(),
           N && /* @__PURE__ */ e("div", { className: "mt-ds-03", children: N })
         ]
       }
-    ) : /* @__PURE__ */ e(_e, { open: M, onOpenChange: (t) => {
+    ) : /* @__PURE__ */ e(Ae, { open: R, onOpenChange: (t) => {
       w(t);
-    }, children: /* @__PURE__ */ r(Ae, { children: [
-      /* @__PURE__ */ e(Ee, { className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    }, children: /* @__PURE__ */ r(Ee, { children: [
+      /* @__PURE__ */ e(Me, { className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
       /* @__PURE__ */ r(
-        Me,
+        Re,
         {
-          ref: G,
-          ...T,
+          ref: U,
+          ...G,
           className: u(
             "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
             "overflow-hidden rounded-ds-xl border border-surface-border-strong bg-surface-overlay shadow-overlay",
@@ -475,37 +476,37 @@ const Ge = s.forwardRef(
             "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
             "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
             "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2",
-            Q
+            T
           ),
           children: [
-            /* @__PURE__ */ r($e, { children: [
-              /* @__PURE__ */ e(Re, { children: "AI Command Bar" }),
-              /* @__PURE__ */ e(Se, { children: "Search commands or ask a question" })
+            /* @__PURE__ */ r(Pe, { children: [
+              /* @__PURE__ */ e(Se, { children: "AI Command Bar" }),
+              /* @__PURE__ */ e(ze, { children: "Search commands or ask a question" })
             ] }),
-            /* @__PURE__ */ e("div", { className: "p-ds-04", children: W() }),
-            X(),
+            /* @__PURE__ */ e("div", { className: "p-ds-04", children: X() }),
+            Y(),
             N && /* @__PURE__ */ e("div", { className: "border-t border-surface-border-strong p-ds-04", children: N }),
             /* @__PURE__ */ r(
               x.div,
               {
-                initial: S ?? { opacity: 0 },
+                initial: z ?? { opacity: 0 },
                 animate: { opacity: 1 },
-                transition: $,
+                transition: P,
                 className: "flex items-center gap-ds-05 border-t border-surface-border-strong px-ds-05 py-ds-03",
                 children: [
                   c && /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
                     /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-01", children: [
-                      /* @__PURE__ */ e("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ e(v, { icon: ze, size: "xs", className: "text-surface-fg-subtle" }) }),
-                      /* @__PURE__ */ e("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ e(v, { icon: Le, size: "xs", className: "text-surface-fg-subtle" }) })
+                      /* @__PURE__ */ e("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ e(v, { icon: Le, size: "xs", className: "text-surface-fg-subtle" }) }),
+                      /* @__PURE__ */ e("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-surface-border-strong bg-surface-raised shadow-kbd", children: /* @__PURE__ */ e(v, { icon: Be, size: "xs", className: "text-surface-fg-subtle" }) })
                     ] }),
                     /* @__PURE__ */ e("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Navigate" })
                   ] }),
                   /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
-                    /* @__PURE__ */ e("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: /* @__PURE__ */ e(v, { icon: le, size: "xs", className: "text-surface-fg-subtle" }) }),
+                    /* @__PURE__ */ e("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd", children: /* @__PURE__ */ e(v, { icon: le, size: "xs", className: "text-surface-fg-subtle" }) }),
                     /* @__PURE__ */ e("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Submit" })
                   ] }),
                   /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
-                    /* @__PURE__ */ e("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-[inset_0_-1px_0_rgba(0,0,0,0.1)]", children: "Esc" }),
+                    /* @__PURE__ */ e("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd", children: "Esc" }),
                     /* @__PURE__ */ e("span", { className: "text-ds-xs text-surface-fg-subtle", children: "Close" })
                   ] })
                 ]
@@ -517,7 +518,7 @@ const Ge = s.forwardRef(
     ] }) });
   }
 );
-Ge.displayName = "CommandBar";
+Ue.displayName = "CommandBar";
 export {
-  Ge as CommandBar
+  Ue as CommandBar
 };

package/dist/ai/conversation.d.ts

@@ -1,20 +1,32 @@
 "use client";
 import { ConversationMessage, ProcessingStep, BlockComponentProps } from './types';
 import * as React from 'react';
+/**
+ * Renders a scrollable AI conversation thread with support for streaming
+ * processing steps, custom content blocks, and action confirmations.
+ */
 export interface AIConversationProps {
+    /** Ordered conversation messages (user + assistant turns). */
     messages: ConversationMessage[];
+    /** When true, shows a live processing indicator below the last message. */
     isProcessing?: boolean;
+    /** Granular processing steps shown during the processing state. */
     processingSteps?: ProcessingStep[];
+    /** Agent identity displayed as a header on assistant messages. */
     agent?: {
         name: string;
         icon?: React.ReactNode;
     };
+    /** Called when user interacts with an action block (confirm/cancel/undo). */
     onAction?: (actionId: string, type: 'confirm' | 'cancel' | 'undo') => void;
+    /** Map of custom block type names to React components for extensible rendering. */
     customBlocks?: Record<string, React.ComponentType<BlockComponentProps<any>>>;
+    /** Max height of the conversation container (CSS value). Enables scrolling. */
     maxHeight?: string | number;
+    /** Auto-scroll to bottom on new messages. @default true */
     autoScroll?: boolean;
     className?: string;
 }
-declare function AIConversation({ messages, isProcessing, processingSteps, agent: agentProp, onAction, customBlocks, maxHeight, autoScroll, className, }: AIConversationProps): import("react/jsx-runtime").JSX.Element;
+declare const AIConversation: React.ForwardRefExoticComponent<AIConversationProps & React.RefAttributes<HTMLDivElement>>;
 export { AIConversation };
 //# sourceMappingURL=conversation.d.ts.map

package/dist/ai/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAIhB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmND,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,YAAoB,EACpB,eAAe,EACf,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAiB,EACjB,SAAS,GACV,EAAE,mBAAmB,2CAwHrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAIhB;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,8DAA8D;IAC9D,QAAQ,EAAE,mBAAmB,EAAE,CAAA;IAC/B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kEAAkE;IAClE,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAA;IAChD,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1E,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5E,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmND,QAAA,MAAM,cAAc,4FAkIlB,CAAA;AAGF,OAAO,EAAE,cAAc,EAAE,CAAA"}