@flamingo-stack/openframe-frontend-core 0.0.192 → 0.0.193-snapshot.20260518191824

package/dist/{chunk-CDR4RZ5N.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,
@@ -32657,7 +32731,6 @@ function WaitlistForm({
 }
 
 // src/components/features/board/board.tsx
-init_cn();
 import * as React102 from "react";
 import {
   DndContext,
@@ -32671,6 +32744,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { arrayMove, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
+init_cn();
 
 // src/components/features/board/board-column.tsx
 import { useDroppable } from "@dnd-kit/core";
@@ -33110,6 +33184,18 @@ function Board({
   className
 }) {
   const { collapsed, toggle } = useBoardCollapse(collapseStorageKey);
+  const {
+    scrollRef,
+    trackRef,
+    thumbRef,
+    thumbRatio,
+    onScroll,
+    onTrackClick,
+    onTrackWheel,
+    onThumbPointerDown,
+    onThumbPointerMove,
+    onThumbPointerUp
+  } = useHorizontalScrollbar();
   const [items, setItems] = React102.useState(columns);
   const isDraggingRef = React102.useRef(false);
   React102.useEffect(() => {
@@ -33262,31 +33348,62 @@ function Board({
       onDragEnd: handleDragEnd,
       onDragCancel: handleDragCancel,
       children: [
-        /* @__PURE__ */ jsx299("div", { className: cn("flex h-full overflow-x-auto", className), children: items.map((column, i) => {
-          const prev = items[i - 1];
-          const next = items[i + 1];
-          const joinLeft = !!(column.system && prev?.system);
-          const joinRight = !!(column.system && next?.system);
-          const showGap = i > 0 && !joinLeft;
-          return /* @__PURE__ */ jsxs246(React102.Fragment, { children: [
-            showGap && /* @__PURE__ */ jsx299("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
-            /* @__PURE__ */ jsx299(
-              BoardColumn,
-              {
-                column,
-                collapsed: !!collapsed[column.id],
-                onToggleCollapse: () => toggle(column.id),
-                onAddTicket,
-                getTicketHref,
-                renderAssignSlot,
-                onLoadMore,
-                loadMoreRootMargin,
-                joinLeft,
-                joinRight
-              }
-            )
-          ] }, column.id);
-        }) }),
+        /* @__PURE__ */ jsxs246("div", { className: cn("flex flex-col h-full", className), children: [
+          /* @__PURE__ */ jsx299(
+            "div",
+            {
+              ref: scrollRef,
+              onScroll,
+              className: "flex flex-1 min-h-0 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+              children: items.map((column, i) => {
+                const prev = items[i - 1];
+                const next = items[i + 1];
+                const joinLeft = !!(column.system && prev?.system);
+                const joinRight = !!(column.system && next?.system);
+                const showGap = i > 0 && !joinLeft;
+                return /* @__PURE__ */ jsxs246(React102.Fragment, { children: [
+                  showGap && /* @__PURE__ */ jsx299("div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
+                  /* @__PURE__ */ jsx299(
+                    BoardColumn,
+                    {
+                      column,
+                      collapsed: !!collapsed[column.id],
+                      onToggleCollapse: () => toggle(column.id),
+                      onAddTicket,
+                      getTicketHref,
+                      renderAssignSlot,
+                      onLoadMore,
+                      loadMoreRootMargin,
+                      joinLeft,
+                      joinRight
+                    }
+                  )
+                ] }, column.id);
+              })
+            }
+          ),
+          thumbRatio > 0 && /* @__PURE__ */ jsx299(
+            "div",
+            {
+              ref: trackRef,
+              onClick: onTrackClick,
+              onWheel: onTrackWheel,
+              className: "relative h-2 mt-[var(--spacing-system-mf)] rounded-full bg-ods-border cursor-pointer shrink-0",
+              children: /* @__PURE__ */ jsx299(
+                "div",
+                {
+                  ref: thumbRef,
+                  "data-scrollbar-thumb": true,
+                  className: "absolute top-0 h-full rounded-full bg-ods-text-secondary transition-colors",
+                  style: { width: `${thumbRatio * 100}%`, cursor: "grab" },
+                  onPointerDown: onThumbPointerDown,
+                  onPointerMove: onThumbPointerMove,
+                  onPointerUp: onThumbPointerUp
+                }
+              )
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx299(DragOverlay, { dropAnimation: null, children: activeTicket ? /* @__PURE__ */ jsx299(TicketCard, { ticket: activeTicket.ticket, columnId: activeTicket.columnId, isOverlay: true }) : null })
       ]
     }
@@ -33464,6 +33581,8 @@ export {
   remarkCardLinks,
   BlockCard,
   MemoizedChatMessageEnhanced,
+  MESSAGE_TYPE,
+  SCROLL_ANCHOR,
   ChatMessageList,
   Tabs,
   TabsList,
@@ -33497,7 +33616,6 @@ export {
   AUTHOR_TYPE,
   APPROVAL_STATUS,
   CONNECTION_STATUS,
-  MESSAGE_TYPE,
   NETWORK_CONFIG,
   useChunkCatchup,
   useNatsDialogSubscription,
@@ -33965,4 +34083,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-CDR4RZ5N.js.map
+//# sourceMappingURL=chunk-C5VTN2SB.js.map