@flamingo-stack/openframe-frontend-core 0.0.193 → 0.0.194

package/dist/{chunk-E6VCRL42.js → chunk-C5VTN2SB.js}

@@ -5521,6 +5521,28 @@ function CyclingPhrase({
   ] });
 }
 
+// src/components/chat/types/message.types.ts
+var MESSAGE_TYPE = {
+  TEXT: "TEXT",
+  THINKING: "THINKING",
+  EXECUTING_TOOL: "EXECUTING_TOOL",
+  EXECUTED_TOOL: "EXECUTED_TOOL",
+  APPROVAL_REQUEST: "APPROVAL_REQUEST",
+  APPROVAL_RESULT: "APPROVAL_RESULT",
+  ERROR: "ERROR",
+  MESSAGE_START: "MESSAGE_START",
+  MESSAGE_END: "MESSAGE_END",
+  MESSAGE_REQUEST: "MESSAGE_REQUEST",
+  AI_METADATA: "AI_METADATA",
+  TOKEN_USAGE: "TOKEN_USAGE",
+  CONTEXT_COMPACTION_START: "CONTEXT_COMPACTION_START",
+  CONTEXT_COMPACTION_END: "CONTEXT_COMPACTION_END",
+  DIRECT_MESSAGE: "DIRECT_MESSAGE",
+  SYSTEM: "SYSTEM",
+  DIALOG_CLOSED: "DIALOG_CLOSED"
+};
+var SCROLL_ANCHOR = { TOP: "top", BOTTOM: "bottom" };
+
 // src/components/chat/chat-message-list.tsx
 import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var STREAMING_WORDS = [
@@ -5535,6 +5557,16 @@ var STREAMING_WORDS = [
   "Conjuring",
   "Riffing"
 ];
+function hasNonEmptyContent(content) {
+  if (typeof content === "string") return content.length > 0;
+  if (!Array.isArray(content)) return false;
+  return content.some((s) => s.type === "text" && s.text.length > 0);
+}
+function disposeAnchorWatcher(w) {
+  if (!w) return;
+  w.ro.disconnect();
+  clearTimeout(w.timer);
+}
 var ChatMessageList = forwardRef21(
   ({
     className,
@@ -5555,7 +5587,7 @@ var ChatMessageList = forwardRef21(
     NavLinkAnchor,
     ...props
   }, ref) => {
-    const { scrollRef, contentRef, scrollToBottom } = useStickToBottom({
+    const { scrollRef, contentRef, scrollToBottom, stopScroll } = useStickToBottom({
       resize: "smooth",
       initial: false
     });
@@ -5619,6 +5651,68 @@ var ChatMessageList = forwardRef21(
         prependRef.current.firstMessageContent = currentFirstContent;
       }
     }, [messages, scrollRef]);
+    const messageElsRef = useRef5(/* @__PURE__ */ new Map());
+    const refCallbacksRef = useRef5(/* @__PURE__ */ new Map());
+    const getRegisterMessageEl = (id) => {
+      let cb = refCallbacksRef.current.get(id);
+      if (cb) return cb;
+      cb = (el) => {
+        if (el) {
+          messageElsRef.current.set(id, el);
+        } else {
+          messageElsRef.current.delete(id);
+          refCallbacksRef.current.delete(id);
+        }
+      };
+      refCallbacksRef.current.set(id, cb);
+      return cb;
+    };
+    const scrolledIdsRef = useRef5(null);
+    if (scrolledIdsRef.current === null) {
+      scrolledIdsRef.current = new Set(
+        messages.filter((m) => hasNonEmptyContent(m.content)).map((m) => m.id)
+      );
+    }
+    const anchorWatcherRef = useRef5(null);
+    useLayoutEffect2(() => {
+      if (!autoScroll) return;
+      const last = messages[messages.length - 1];
+      if (!last || last.role !== "assistant" || last.scrollAnchor !== SCROLL_ANCHOR.TOP) return;
+      if (!hasNonEmptyContent(last.content)) return;
+      const seen = scrolledIdsRef.current;
+      if (seen.has(last.id)) return;
+      const node = messageElsRef.current.get(last.id);
+      const container = scrollRef.current;
+      if (!node || !node.isConnected || !container) return;
+      seen.add(last.id);
+      stopScroll();
+      node.scrollIntoView({ block: "start" });
+      disposeAnchorWatcher(anchorWatcherRef.current);
+      const baselineScrollTop = container.scrollTop;
+      const ro = new ResizeObserver(() => {
+        if (!node.isConnected) {
+          ro.disconnect();
+          return;
+        }
+        if (container.scrollTop > baselineScrollTop + 200) {
+          ro.disconnect();
+          return;
+        }
+        node.scrollIntoView({ block: "start" });
+      });
+      ro.observe(node);
+      const timer = setTimeout(() => {
+        ro.disconnect();
+        if (anchorWatcherRef.current?.id === last.id) {
+          anchorWatcherRef.current = null;
+        }
+      }, 2e3);
+      anchorWatcherRef.current = { id: last.id, ro, timer };
+    }, [messages, autoScroll, stopScroll, scrollRef]);
+    useEffect6(() => () => {
+      disposeAnchorWatcher(anchorWatcherRef.current);
+      anchorWatcherRef.current = null;
+    }, []);
     useEffect6(() => {
       const scrollContainer = scrollRef.current;
       const sentinelElement = sentinelRef.current;
@@ -5686,6 +5780,7 @@ var ChatMessageList = forwardRef21(
                 messages.map((message, index) => /* @__PURE__ */ jsx33(
                   MemoizedChatMessageEnhanced,
                   {
+                    ref: getRegisterMessageEl(message.id),
                     role: message.role,
                     name: message.name,
                     content: message.content,
@@ -6924,27 +7019,6 @@ var CONNECTION_STATUS = {
   ERROR: "error"
 };
 
-// src/components/chat/types/message.types.ts
-var MESSAGE_TYPE = {
-  TEXT: "TEXT",
-  THINKING: "THINKING",
-  EXECUTING_TOOL: "EXECUTING_TOOL",
-  EXECUTED_TOOL: "EXECUTED_TOOL",
-  APPROVAL_REQUEST: "APPROVAL_REQUEST",
-  APPROVAL_RESULT: "APPROVAL_RESULT",
-  ERROR: "ERROR",
-  MESSAGE_START: "MESSAGE_START",
-  MESSAGE_END: "MESSAGE_END",
-  MESSAGE_REQUEST: "MESSAGE_REQUEST",
-  AI_METADATA: "AI_METADATA",
-  TOKEN_USAGE: "TOKEN_USAGE",
-  CONTEXT_COMPACTION_START: "CONTEXT_COMPACTION_START",
-  CONTEXT_COMPACTION_END: "CONTEXT_COMPACTION_END",
-  DIRECT_MESSAGE: "DIRECT_MESSAGE",
-  SYSTEM: "SYSTEM",
-  DIALOG_CLOSED: "DIALOG_CLOSED"
-};
-
 // src/components/chat/types/network.types.ts
 var NETWORK_CONFIG = {
   SHARED_CLOSE_DELAY_MS: 3e3,
@@ -33507,6 +33581,8 @@ export {
   remarkCardLinks,
   BlockCard,
   MemoizedChatMessageEnhanced,
+  MESSAGE_TYPE,
+  SCROLL_ANCHOR,
   ChatMessageList,
   Tabs,
   TabsList,
@@ -33540,7 +33616,6 @@ export {
   AUTHOR_TYPE,
   APPROVAL_STATUS,
   CONNECTION_STATUS,
-  MESSAGE_TYPE,
   NETWORK_CONFIG,
   useChunkCatchup,
   useNatsDialogSubscription,
@@ -34008,4 +34083,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-E6VCRL42.js.map
+//# sourceMappingURL=chunk-C5VTN2SB.js.map