@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/components/ui/Command.js

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

package/dist/components/ui/ContextMenu.js

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

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

@@ -0,0 +1,21 @@
+import { type ReactNode, type Ref } from 'react';
+export interface ConversationProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Conversation - scroll container consuming useScrollToBottom (US-003).
+ *
+ * Provides spring-physics auto-scroll via use-stick-to-bottom. Compound
+ * exports: Conversation, ConversationContent, ConversationScrollButton.
+ */
+export declare function Conversation({ children, className, ref, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export interface ConversationContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function ConversationContent({ children, className, ref, ...props }: ConversationContentProps): import("react/jsx-runtime").JSX.Element;
+export interface ConversationScrollButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare function ConversationScrollButton({ className, ref, ...props }: ConversationScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ui/Conversation.js

@@ -0,0 +1,196 @@
+'use client';
+import { useScrollToBottom } from '../../chunk-VJ5VD4UT.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import { ArrowDownIcon } from '../../chunk-SR5U52V3.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { createContext, useCallback, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ConversationContext = createContext(null);
+function useConversationContext() {
+  const ctx = useContext(ConversationContext);
+  if (!ctx) {
+    throw new Error("Conversation compound components must be used within <Conversation>");
+  }
+  return ctx;
+}
+function mergeRefs(...refs) {
+  return (node) => {
+    for (const r of refs) {
+      if (typeof r === "function") r(node);
+      else if (r && typeof r === "object") r.current = node;
+    }
+  };
+}
+function Conversation({ children, className, ref, ...props }) {
+  const scroll = useScrollToBottom();
+  return /* @__PURE__ */ jsx(ConversationContext.Provider, { value: scroll, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: mergeRefs(ref, scroll.containerRef),
+      role: "log",
+      className: cn(
+        "relative flex-1 touch-pan-y overflow-y-auto will-change-scroll",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+function ConversationContent({ children, className, ref, ...props }) {
+  const { contentRef, endRef } = useConversationContext();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: mergeRefs(ref, contentRef),
+      "data-conversation-content": "",
+      className: cn("p-4", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("div", { ref: endRef, "aria-hidden": "true", className: "h-px w-full" })
+      ]
+    }
+  );
+}
+function ConversationScrollButton({
+  className,
+  ref,
+  ...props
+}) {
+  const { isAtBottom, scrollToBottom } = useConversationContext();
+  const handleClick = useCallback(() => {
+    scrollToBottom("smooth");
+  }, [scrollToBottom]);
+  if (isAtBottom) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick: handleClick,
+      "aria-label": "Scroll to bottom",
+      className: cn(
+        "absolute bottom-4 left-1/2 z-10 -translate-x-1/2 rounded-full",
+        "border border-border bg-background/95 p-2 shadow-md",
+        "transition-colors hover:bg-surface",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4 text-text-secondary" })
+    }
+  );
+}
+
+export { Conversation, ConversationContent, ConversationScrollButton };

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

@@ -5,7 +5,11 @@ declare const threadVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface Message {
     id: string;
-    role: "user" | "assistant" | "system";
+    /**
+     * Message role. Use `"assistant"` for AI messages.
+     * @deprecated `"agent"` is accepted for backward compat but will be removed in the next major version.
+     */
+    role: "user" | "assistant" | "agent" | "system";
     content: string;
     timestamp?: string;
     avatar?: string;
@@ -14,8 +18,10 @@ export interface ConversationThreadProps extends React.HTMLAttributes<HTMLDivEle
     messages: Message[];
     /** Show timestamps below messages */
     showTimestamps?: boolean;
+    /** Show streaming indicator on the last assistant message */
+    isStreaming?: boolean;
 }
-declare function ConversationThread({ className, variant, messages, showTimestamps, ref, ...props }: ConversationThreadProps & {
+declare function ConversationThread({ className, variant, messages, showTimestamps, isStreaming, ref, ...props }: ConversationThreadProps & {
     ref?: React.Ref<HTMLDivElement>;
 }): import("react/jsx-runtime").JSX.Element;
 export { ConversationThread, threadVariants };

package/dist/components/ui/ConversationThread.js

@@ -1,5 +1,5 @@
 'use client';
-import { Avatar, AvatarFallback } from '../../chunk-NAAU5IWU.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../chunk-NAAU5IWU.js';
 import { cn } from '../../chunk-QYZT24TS.js';
 import { useTranslations } from 'next-intl';
 import { cva } from 'class-variance-authority';
@@ -27,6 +27,7 @@ var messageVariants = cva(
       role: {
         user: "flex-row-reverse",
         assistant: "flex-row",
+        agent: "flex-row",
         system: "justify-center"
       }
     },
@@ -42,6 +43,7 @@ var bubbleVariants = cva(
       role: {
         user: "bg-primary text-primary-foreground rounded-br-sm",
         assistant: "bg-surface border border-border text-text-primary rounded-bl-sm",
+        agent: "bg-surface border border-border text-text-primary rounded-bl-sm",
         system: "bg-muted/50 text-text-tertiary text-xs italic px-4 py-1.5 rounded-lg"
       }
     },
@@ -50,7 +52,7 @@ var bubbleVariants = cva(
     }
   }
 );
-function ConversationThread({ className, variant, messages, showTimestamps = false, ref, ...props }) {
+function ConversationThread({ className, variant, messages, showTimestamps = false, isStreaming = false, ref, ...props }) {
   const t = useTranslations("components.conversationThread");
   return /* @__PURE__ */ jsx(
     "div",
@@ -60,20 +62,36 @@ function ConversationThread({ className, variant, messages, showTimestamps = fal
       role: "log",
       "aria-label": t("conversationThread"),
       ...props,
-      children: messages.map((message) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(messageVariants({ role: message.role })),
-          children: [
-            message.role !== "system" && /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", "aria-label": message.role === "user" ? t("user") : t("aiAssistant"), children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: message.role === "user" ? "U" : "AI" }) }),
-            /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", message.role === "user" ? "items-end" : "items-start"), children: [
-              /* @__PURE__ */ jsx("div", { className: cn(bubbleVariants({ role: message.role })), children: message.content }),
-              showTimestamps && message.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-text-tertiary mt-1.5 px-1.5", children: message.timestamp })
-            ] })
-          ]
-        },
-        message.id
-      ))
+      children: messages.map((message, index) => {
+        const isLastAssistant = isStreaming && index === messages.length - 1 && (message.role === "assistant" || message.role === "agent");
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(messageVariants({ role: message.role })),
+            children: [
+              message.role !== "system" && /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 shrink-0", "aria-label": message.role === "user" ? t("user") : t("aiAssistant"), children: [
+                !!message.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: message.avatar, alt: "" }),
+                /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", children: message.role === "user" ? "U" : "AI" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", message.role === "user" ? "items-end" : "items-start"), children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(bubbleVariants({ role: message.role })),
+                    ...isLastAssistant ? { "aria-live": "polite" } : {},
+                    children: [
+                      message.content,
+                      !!isLastAssistant && /* @__PURE__ */ jsx("span", { className: "inline-block w-1.5 h-4 ml-0.5 bg-accent animate-pulse rounded-sm" })
+                    ]
+                  }
+                ),
+                showTimestamps && message.timestamp && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-text-tertiary mt-1.5 px-1.5", children: message.timestamp })
+              ] })
+            ]
+          },
+          message.id
+        );
+      })
     }
   );
 }