@djangocfg/ui-tools 2.1.369 → 2.1.372

package/dist/ChatRoot-2WNYE2V5.mjs

@@ -0,0 +1,5 @@
+export { ChatRoot } from './chunk-KSBMKHYY.mjs';
+import './chunk-NWUT327A.mjs';
+import './chunk-N2XQF2OL.mjs';
+//# sourceMappingURL=ChatRoot-2WNYE2V5.mjs.map
+//# sourceMappingURL=ChatRoot-2WNYE2V5.mjs.map

package/dist/{ChatRoot-DENECC2Q.mjs.map → ChatRoot-2WNYE2V5.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-DENECC2Q.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-2WNYE2V5.mjs"}

package/dist/ChatRoot-AD2JIUIU.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkA6DDYQQV_cjs = require('./chunk-A6DDYQQV.cjs');
+require('./chunk-XACCHZH2.cjs');
+require('./chunk-OLISEQHS.cjs');
+
+
+
+Object.defineProperty(exports, "ChatRoot", {
+  enumerable: true,
+  get: function () { return chunkA6DDYQQV_cjs.ChatRoot; }
+});
+//# sourceMappingURL=ChatRoot-AD2JIUIU.cjs.map
+//# sourceMappingURL=ChatRoot-AD2JIUIU.cjs.map

package/dist/{ChatRoot-PW6U3QVF.cjs.map → ChatRoot-AD2JIUIU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-PW6U3QVF.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-AD2JIUIU.cjs"}

package/dist/{chunk-OD3P64QD.cjs → chunk-A6DDYQQV.cjs}

@@ -2156,7 +2156,9 @@ var MessageList = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(func
   const ctx = useChatContextOptional();
   const messages = messagesProp ?? ctx?.messages ?? [];
   const isLoadingMore = isLoadingMoreProp ?? ctx?.isLoadingMore ?? false;
+  const { copyToClipboard } = hooks.useCopy();
   const virtuosoRef = react.useRef(null);
+  const didInitialScrollRef = react.useRef(false);
   react.useImperativeHandle(
     ref,
     () => ({
@@ -2181,15 +2183,31 @@ var MessageList = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(func
       MessageBubble,
       {
         message: m,
-        onCopy: () => copy(m.content),
+        onCopy: () => void copyToClipboard(m.content),
         onRegenerate: ctx ? () => void ctx.regenerate(m.id) : void 0,
         onDelete: ctx ? () => ctx.deleteMessage(m.id) : void 0
       }
     ) }),
-    [itemClassName, ctx]
+    [itemClassName, ctx, copyToClipboard]
   );
   const itemRenderer = renderItem ?? defaultRenderItem;
-  const computeItemKey = react.useCallback((index, m) => m.id ?? index, []);
+  react.useEffect(() => {
+    if (didInitialScrollRef.current) return;
+    if (messages.length === 0) return;
+    didInitialScrollRef.current = true;
+    const id = requestAnimationFrame(() => {
+      virtuosoRef.current?.scrollToIndex({
+        index: "LAST",
+        align: "end",
+        behavior: "auto"
+      });
+    });
+    return () => cancelAnimationFrame(id);
+  }, [messages.length]);
+  const computeItemKey = react.useCallback(
+    (index, m) => m?.id ?? index,
+    []
+  );
   const startReachedHandler = react.useMemo(() => {
     if (!onStartReached) return void 0;
     let inFlight = false;
@@ -2242,25 +2260,21 @@ var MessageList = react.forwardRef(/* @__PURE__ */ chunkOLISEQHS_cjs.__name(func
       className: lib.cn("flex-1", className),
       data: messages,
       computeItemKey,
-      itemContent: (index, m) => itemRenderer(m, index),
+      itemContent: (index, m) => m ? itemRenderer(m, index) : null,
       defaultItemHeight,
+      initialTopMostItemIndex: messages.length > 0 ? messages.length - 1 : 0,
       followOutput: (isAtBottom) => isAtBottom ? "auto" : false,
       atBottomStateChange: onAtBottomChange,
       alignToBottom: true,
       startReached: startReachedHandler,
       components: isLoadingMore ? {
         Header: /* @__PURE__ */ chunkOLISEQHS_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ jsxRuntime.jsx(components.Spinner, { className: "size-4 text-muted-foreground" }) }), "Header")
-      } : void 0,
+      } : EMPTY_COMPONENTS,
       increaseViewportBy: { top: 200, bottom: 400 }
     }
   );
 }, "MessageList"));
-function copy(text) {
-  if (typeof navigator !== "undefined" && navigator.clipboard) {
-    void navigator.clipboard.writeText(text);
-  }
-}
-chunkOLISEQHS_cjs.__name(copy, "copy");
+var EMPTY_COMPONENTS = {};
 function ChatRoot(props) {
   const { transport, config, initialSessionId, autoCreateSession, streaming, audio, debug, className, listClassName, ...slots } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2310,7 +2324,7 @@ function ChatRootShell({ className, listClassName, slots }) {
       toolCallsProps: slots.toolCallsProps,
       attachmentRenderers: slots.attachmentRenderers,
       onAttachmentOpen: slots.onAttachmentOpen,
-      onCopy: () => copy2(m.content),
+      onCopy: () => copy(m.content),
       onRegenerate: () => void chat.regenerate(m.id),
       onDelete: () => chat.deleteMessage(m.id)
     },
@@ -2364,12 +2378,12 @@ function ChatRootShell({ className, listClassName, slots }) {
   ] });
 }
 chunkOLISEQHS_cjs.__name(ChatRootShell, "ChatRootShell");
-function copy2(text) {
+function copy(text) {
   if (typeof navigator !== "undefined" && navigator.clipboard) {
     void navigator.clipboard.writeText(text);
   }
 }
-chunkOLISEQHS_cjs.__name(copy2, "copy");
+chunkOLISEQHS_cjs.__name(copy, "copy");
 
 exports.Attachments = Attachments;
 exports.AttachmentsGrid = AttachmentsGrid;
@@ -2408,5 +2422,5 @@ exports.useChatComposer = useChatComposer;
 exports.useChatContext = useChatContext;
 exports.useChatContextOptional = useChatContextOptional;
 exports.useChatLayout = useChatLayout;
-//# sourceMappingURL=chunk-OD3P64QD.cjs.map
-//# sourceMappingURL=chunk-OD3P64QD.cjs.map
+//# sourceMappingURL=chunk-A6DDYQQV.cjs.map
+//# sourceMappingURL=chunk-A6DDYQQV.cjs.map