@djangocfg/ui-tools 2.1.368 → 2.1.369

package/dist/index.cjs

@@ -7,7 +7,7 @@ var chunkKNDLV4PI_cjs = require('./chunk-KNDLV4PI.cjs');
 var chunk5I5QNGUG_cjs = require('./chunk-5I5QNGUG.cjs');
 var chunkYW5IVWHQ_cjs = require('./chunk-YW5IVWHQ.cjs');
 var chunk76NNDZH6_cjs = require('./chunk-76NNDZH6.cjs');
-var chunkOPKFKTIN_cjs = require('./chunk-OPKFKTIN.cjs');
+var chunkOD3P64QD_cjs = require('./chunk-OD3P64QD.cjs');
 var chunkYXZ6GU7H_cjs = require('./chunk-YXZ6GU7H.cjs');
 var chunkFVVF7VCD_cjs = require('./chunk-FVVF7VCD.cjs');
 var chunk7EYHNP3E_cjs = require('./chunk-7EYHNP3E.cjs');
@@ -373,7 +373,7 @@ var LazyTree = createLazyComponent(
   }
 );
 var LazyChat = createLazyComponent(
-  () => import('./ChatRoot-HARTIAJ5.cjs').then((m) => ({ default: m.ChatRoot })),
+  () => import('./ChatRoot-PW6U3QVF.cjs').then((m) => ({ default: m.ChatRoot })),
   {
     displayName: "LazyChat",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, { minHeight: 320, text: "Loading chat\u2026" })
@@ -410,7 +410,7 @@ async function* parseSSE(response, options = {}) {
     throw new Error("SSE response has no body");
   }
   const map = options.map ?? DEFAULT_MAP;
-  const idleMs = options.idleTimeoutMs ?? chunkOPKFKTIN_cjs.LIMITS.sseIdleMs;
+  const idleMs = options.idleTimeoutMs ?? chunkOD3P64QD_cjs.LIMITS.sseIdleMs;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let buffer = "";
@@ -613,7 +613,7 @@ function createMockTransport(opts = {}) {
     async createSession(_opts) {
       await sleep(latency);
       return {
-        sessionId: chunkOPKFKTIN_cjs.createId("s"),
+        sessionId: chunkOD3P64QD_cjs.createId("s"),
         messages: history.length ? [...history] : void 0,
         hasMore: false,
         cursor: null,
@@ -630,12 +630,12 @@ function createMockTransport(opts = {}) {
         throw new Error("mock transport scripted failure");
       }
       history.push({
-        id: chunkOPKFKTIN_cjs.createId("u"),
+        id: chunkOD3P64QD_cjs.createId("u"),
         role: "user",
         content,
         createdAt: Date.now()
       });
-      const messageId = chunkOPKFKTIN_cjs.createId("a");
+      const messageId = chunkOD3P64QD_cjs.createId("a");
       yield { type: "message_start", messageId, sessionId: _sid };
       const reply = replies[turn % replies.length];
       turn += 1;
@@ -664,7 +664,7 @@ function createMockTransport(opts = {}) {
       turn += 1;
       const text = typeof reply === "string" ? reply : reply.filter((e) => e.type === "chunk").map((e) => e.delta).join("");
       return {
-        id: chunkOPKFKTIN_cjs.createId("a"),
+        id: chunkOD3P64QD_cjs.createId("a"),
         role: "assistant",
         content: text || DEFAULT_REPLY,
         createdAt: Date.now()
@@ -675,6 +675,138 @@ function createMockTransport(opts = {}) {
   };
 }
 chunkOLISEQHS_cjs.__name(createMockTransport, "createMockTransport");
+function useChatScroll(options) {
+  const {
+    containerRef,
+    bottomRef,
+    isStreaming = false,
+    bottomThresholdPx = 80,
+    messagesCount = 0
+  } = options;
+  const [isAtBottom, setIsAtBottom] = React.useState(true);
+  const [unreadCount, setUnreadCount] = React.useState(0);
+  const lastCountRef = React.useRef(messagesCount);
+  const stickyRef = React.useRef(true);
+  const wasStreamingRef = React.useRef(isStreaming);
+  const scrollToBottom = React.useCallback(
+    (smooth = false) => {
+      const el = containerRef.current;
+      if (!el) return;
+      el.scrollTo({
+        top: el.scrollHeight,
+        behavior: smooth ? "smooth" : "auto"
+      });
+      stickyRef.current = true;
+      setIsAtBottom(true);
+      setUnreadCount(0);
+    },
+    [containerRef]
+  );
+  const resetUnread = React.useCallback(() => setUnreadCount(0), []);
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const onScroll = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(() => {
+      const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
+      const atBottom = distance <= bottomThresholdPx;
+      stickyRef.current = atBottom;
+      setIsAtBottom(atBottom);
+      if (atBottom) setUnreadCount(0);
+    }, "onScroll");
+    onScroll();
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      el.removeEventListener("scroll", onScroll);
+    };
+  }, [containerRef, bottomThresholdPx]);
+  React.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    if (isStreaming) {
+      wasStreamingRef.current = true;
+      if (!stickyRef.current) return;
+      let raf = 0;
+      const tick = /* @__PURE__ */ chunkOLISEQHS_cjs.__name(() => {
+        if (!stickyRef.current) return;
+        el.scrollTop = el.scrollHeight;
+        raf = requestAnimationFrame(tick);
+      }, "tick");
+      raf = requestAnimationFrame(tick);
+      return () => cancelAnimationFrame(raf);
+    }
+    if (wasStreamingRef.current && stickyRef.current) {
+      wasStreamingRef.current = false;
+      let raf1 = 0;
+      let raf2 = 0;
+      raf1 = requestAnimationFrame(() => {
+        el.scrollTop = el.scrollHeight;
+        raf2 = requestAnimationFrame(() => {
+          el.scrollTop = el.scrollHeight;
+        });
+      });
+      return () => {
+        cancelAnimationFrame(raf1);
+        cancelAnimationFrame(raf2);
+      };
+    }
+    wasStreamingRef.current = false;
+    return;
+  }, [containerRef, isStreaming]);
+  React.useEffect(() => {
+    if (messagesCount > lastCountRef.current) {
+      if (stickyRef.current) {
+        const el = containerRef.current;
+        if (el) el.scrollTop = el.scrollHeight;
+      } else {
+        setUnreadCount((n) => n + (messagesCount - lastCountRef.current));
+      }
+    }
+    lastCountRef.current = messagesCount;
+  }, [containerRef, messagesCount]);
+  React.useEffect(() => {
+  }, [bottomRef]);
+  return { isAtBottom, unreadCount, scrollToBottom, resetUnread };
+}
+chunkOLISEQHS_cjs.__name(useChatScroll, "useChatScroll");
+function useChatHistory(options) {
+  const { enabled = true, containerRef, topSentinelRef, hasMore, isLoadingMore, loadMore } = options;
+  const heightBeforeRef = React.useRef(null);
+  React.useEffect(() => {
+    if (heightBeforeRef.current == null) return;
+    const el = containerRef.current;
+    if (!el) {
+      heightBeforeRef.current = null;
+      return;
+    }
+    if (!isLoadingMore) {
+      const delta = el.scrollHeight - heightBeforeRef.current;
+      if (delta > 0) {
+        el.scrollTop += delta;
+      }
+      heightBeforeRef.current = null;
+    }
+  }, [containerRef, isLoadingMore]);
+  React.useEffect(() => {
+    if (!enabled || !hasMore) return;
+    const sentinel = topSentinelRef.current;
+    const root = containerRef.current;
+    if (!sentinel || !root) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!entry?.isIntersecting) return;
+        if (isLoadingMore) return;
+        const el = containerRef.current;
+        if (el) heightBeforeRef.current = el.scrollHeight;
+        void loadMore();
+      },
+      { root, threshold: 0, rootMargin: "200px 0px 0px 0px" }
+    );
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, [enabled, hasMore, isLoadingMore, containerRef, topSentinelRef, loadMore]);
+}
+chunkOLISEQHS_cjs.__name(useChatHistory, "useChatHistory");
 function useChatLightbox() {
   const [state, setState] = React.useState(null);
   const open = React.useCallback((att, gallery) => {
@@ -732,9 +864,9 @@ function AudioToggle({
   alwaysShow = false,
   className
 }) {
-  const muted = chunkOPKFKTIN_cjs.useChatAudioPrefs((s) => s.muted);
-  const setMuted = chunkOPKFKTIN_cjs.useChatAudioPrefs((s) => s.setMuted);
-  const ctx = chunkOPKFKTIN_cjs.useChatContextOptional();
+  const muted = chunkOD3P64QD_cjs.useChatAudioPrefs((s) => s.muted);
+  const setMuted = chunkOD3P64QD_cjs.useChatAudioPrefs((s) => s.setMuted);
+  const ctx = chunkOD3P64QD_cjs.useChatContextOptional();
   if (ctx && !ctx.hasAudio && !alwaysShow) return null;
   const Icon = muted ? lucideReact.VolumeX : lucideReact.Volume2;
   const label = muted ? "Unmute chat sounds" : "Mute chat sounds";
@@ -2048,159 +2180,151 @@ Object.defineProperty(exports, "useCronWeekDays", {
 });
 Object.defineProperty(exports, "Attachments", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.Attachments; }
+  get: function () { return chunkOD3P64QD_cjs.Attachments; }
 });
 Object.defineProperty(exports, "AttachmentsGrid", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.AttachmentsGrid; }
+  get: function () { return chunkOD3P64QD_cjs.AttachmentsGrid; }
 });
 Object.defineProperty(exports, "AttachmentsList", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.AttachmentsList; }
+  get: function () { return chunkOD3P64QD_cjs.AttachmentsList; }
 });
 Object.defineProperty(exports, "CHAT_EVENT_NAME", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.CHAT_EVENT_NAME; }
+  get: function () { return chunkOD3P64QD_cjs.CHAT_EVENT_NAME; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.CSS_VARS; }
+  get: function () { return chunkOD3P64QD_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.ChatProvider; }
+  get: function () { return chunkOD3P64QD_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatRoot", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.ChatRoot; }
+  get: function () { return chunkOD3P64QD_cjs.ChatRoot; }
 });
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.Composer; }
+  get: function () { return chunkOD3P64QD_cjs.Composer; }
 });
 Object.defineProperty(exports, "DEFAULT_LABELS", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.DEFAULT_LABELS; }
+  get: function () { return chunkOD3P64QD_cjs.DEFAULT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.DEFAULT_SIDEBAR; }
+  get: function () { return chunkOD3P64QD_cjs.DEFAULT_SIDEBAR; }
 });
 Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.DEFAULT_Z_INDEX; }
+  get: function () { return chunkOD3P64QD_cjs.DEFAULT_Z_INDEX; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.EmptyState; }
+  get: function () { return chunkOD3P64QD_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "ErrorBanner", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.ErrorBanner; }
+  get: function () { return chunkOD3P64QD_cjs.ErrorBanner; }
 });
 Object.defineProperty(exports, "HOTKEYS", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.HOTKEYS; }
+  get: function () { return chunkOD3P64QD_cjs.HOTKEYS; }
 });
 Object.defineProperty(exports, "JumpToLatest", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.JumpToLatest; }
+  get: function () { return chunkOD3P64QD_cjs.JumpToLatest; }
 });
 Object.defineProperty(exports, "LIMITS", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.LIMITS; }
+  get: function () { return chunkOD3P64QD_cjs.LIMITS; }
 });
 Object.defineProperty(exports, "MessageActions", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.MessageActions; }
+  get: function () { return chunkOD3P64QD_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.MessageBubble; }
+  get: function () { return chunkOD3P64QD_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.MessageList; }
+  get: function () { return chunkOD3P64QD_cjs.MessageList; }
 });
 Object.defineProperty(exports, "STORAGE_KEYS", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.STORAGE_KEYS; }
+  get: function () { return chunkOD3P64QD_cjs.STORAGE_KEYS; }
 });
 Object.defineProperty(exports, "Sources", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.Sources; }
+  get: function () { return chunkOD3P64QD_cjs.Sources; }
 });
 Object.defineProperty(exports, "StreamingIndicator", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.StreamingIndicator; }
+  get: function () { return chunkOD3P64QD_cjs.StreamingIndicator; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.ToolCalls; }
+  get: function () { return chunkOD3P64QD_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "createId", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.createId; }
+  get: function () { return chunkOD3P64QD_cjs.createId; }
 });
 Object.defineProperty(exports, "createTokenBuffer", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.createTokenBuffer; }
+  get: function () { return chunkOD3P64QD_cjs.createTokenBuffer; }
 });
 Object.defineProperty(exports, "deriveInitials", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.deriveInitials; }
+  get: function () { return chunkOD3P64QD_cjs.deriveInitials; }
 });
 Object.defineProperty(exports, "getChatLogger", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.getChatLogger; }
+  get: function () { return chunkOD3P64QD_cjs.getChatLogger; }
 });
 Object.defineProperty(exports, "initialState", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.initialState; }
+  get: function () { return chunkOD3P64QD_cjs.initialState; }
 });
 Object.defineProperty(exports, "reducer", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.reducer; }
+  get: function () { return chunkOD3P64QD_cjs.reducer; }
 });
 Object.defineProperty(exports, "resolvePersona", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.resolvePersona; }
+  get: function () { return chunkOD3P64QD_cjs.resolvePersona; }
 });
 Object.defineProperty(exports, "useChat", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChat; }
+  get: function () { return chunkOD3P64QD_cjs.useChat; }
 });
 Object.defineProperty(exports, "useChatAudio", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatAudio; }
+  get: function () { return chunkOD3P64QD_cjs.useChatAudio; }
 });
 Object.defineProperty(exports, "useChatAudioPrefs", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatAudioPrefs; }
+  get: function () { return chunkOD3P64QD_cjs.useChatAudioPrefs; }
 });
 Object.defineProperty(exports, "useChatComposer", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatComposer; }
+  get: function () { return chunkOD3P64QD_cjs.useChatComposer; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatContext; }
+  get: function () { return chunkOD3P64QD_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useChatContextOptional", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatContextOptional; }
-});
-Object.defineProperty(exports, "useChatHistory", {
-  enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatHistory; }
+  get: function () { return chunkOD3P64QD_cjs.useChatContextOptional; }
 });
 Object.defineProperty(exports, "useChatLayout", {
   enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatLayout; }
-});
-Object.defineProperty(exports, "useChatScroll", {
-  enumerable: true,
-  get: function () { return chunkOPKFKTIN_cjs.useChatScroll; }
+  get: function () { return chunkOD3P64QD_cjs.useChatLayout; }
 });
 Object.defineProperty(exports, "TreeError", {
   enumerable: true,
@@ -2401,7 +2525,9 @@ exports.isPlainObject = isPlainObject;
 exports.isStringValue = isStringValue;
 exports.mentionPresets = mentionPresets;
 exports.parseSSE = parseSSE;
+exports.useChatHistory = useChatHistory;
 exports.useChatLightbox = useChatLightbox;
+exports.useChatScroll = useChatScroll;
 exports.useEditor = useEditor;
 exports.useEditorContext = useEditorContext;
 exports.useLanguage = useLanguage;