@djangocfg/ui-tools 2.1.369 → 2.1.372

package/dist/{chunk-YLIYXSUO.mjs → chunk-KSBMKHYY.mjs}

@@ -1,9 +1,9 @@
 import { MarkdownMessage } from './chunk-NWUT327A.mjs';
 import { __name } from './chunk-N2XQF2OL.mjs';
-import { createContext, forwardRef, memo, useRef, useImperativeHandle, useCallback, useMemo, useReducer, useEffect, useState, useSyncExternalStore, useContext } from 'react';
+import { createContext, forwardRef, memo, useRef, useImperativeHandle, useCallback, useEffect, useMemo, useReducer, useState, useSyncExternalStore, useContext } from 'react';
 import { cn, isDev } from '@djangocfg/ui-core/lib';
 import { consola } from 'consola';
-import { useLocalStorage, useMediaQuery } from '@djangocfg/ui-core/hooks';
+import { useCopy, useLocalStorage, useMediaQuery } from '@djangocfg/ui-core/hooks';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -2154,7 +2154,9 @@ var MessageList = forwardRef(/* @__PURE__ */ __name(function MessageList2({
   const ctx = useChatContextOptional();
   const messages = messagesProp ?? ctx?.messages ?? [];
   const isLoadingMore = isLoadingMoreProp ?? ctx?.isLoadingMore ?? false;
+  const { copyToClipboard } = useCopy();
   const virtuosoRef = useRef(null);
+  const didInitialScrollRef = useRef(false);
   useImperativeHandle(
     ref,
     () => ({
@@ -2179,15 +2181,31 @@ var MessageList = forwardRef(/* @__PURE__ */ __name(function MessageList2({
       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 = useCallback((index, m) => m.id ?? index, []);
+  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 = useCallback(
+    (index, m) => m?.id ?? index,
+    []
+  );
   const startReachedHandler = useMemo(() => {
     if (!onStartReached) return void 0;
     let inFlight = false;
@@ -2240,25 +2258,21 @@ var MessageList = forwardRef(/* @__PURE__ */ __name(function MessageList2({
       className: 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__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ jsx(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);
-  }
-}
-__name(copy, "copy");
+var EMPTY_COMPONENTS = {};
 function ChatRoot(props) {
   const { transport, config, initialSessionId, autoCreateSession, streaming, audio, debug, className, listClassName, ...slots } = props;
   return /* @__PURE__ */ jsx(
@@ -2308,7 +2322,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)
     },
@@ -2362,13 +2376,13 @@ function ChatRootShell({ className, listClassName, slots }) {
   ] });
 }
 __name(ChatRootShell, "ChatRootShell");
-function copy2(text) {
+function copy(text) {
   if (typeof navigator !== "undefined" && navigator.clipboard) {
     void navigator.clipboard.writeText(text);
   }
 }
-__name(copy2, "copy");
+__name(copy, "copy");
 
 export { Attachments, AttachmentsGrid, AttachmentsList, CHAT_EVENT_NAME, CSS_VARS, ChatProvider, ChatRoot, Composer, DEFAULT_LABELS, DEFAULT_SIDEBAR, DEFAULT_Z_INDEX, EmptyState, ErrorBanner, HOTKEYS, JumpToLatest, LIMITS, MessageActions, MessageBubble, MessageList, STORAGE_KEYS, Sources, StreamingIndicator, ToolCalls, createId, createTokenBuffer, deriveInitials, getChatLogger, initialState, reducer, resolvePersona, useChat, useChatAudio, useChatAudioPrefs, useChatComposer, useChatContext, useChatContextOptional, useChatLayout };
-//# sourceMappingURL=chunk-YLIYXSUO.mjs.map
-//# sourceMappingURL=chunk-YLIYXSUO.mjs.map
+//# sourceMappingURL=chunk-KSBMKHYY.mjs.map
+//# sourceMappingURL=chunk-KSBMKHYY.mjs.map