@flamingo-stack/openframe-frontend-core 0.0.193 → 0.0.194-snapshot.20260518210734

package/dist/{chunk-E6VCRL42.js → chunk-U6AJSRJP.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,
@@ -7835,6 +7909,7 @@ var MessageSegmentAccumulator = class {
       return this.getSegments();
     }
     const toolKey = execId || `${toolData.integratedToolType}-${toolData.toolFunction}`;
+    this.resolvePendingApprovalForExecution();
     if (toolData.type === "EXECUTING_TOOL") {
       this.executingTools.set(toolKey, {
         integratedToolType: toolData.integratedToolType,
@@ -7891,6 +7966,30 @@ var MessageSegmentAccumulator = class {
     });
     return matched;
   }
+  /**
+   * A tool only ever runs after its approval gate was granted. The legacy /
+   * single `approval_request` segment carries no `toolExecutionRequestId` to
+   * correlate with the execution, and an observer (e.g. a technician
+   * mirroring the client chat) may never receive an `APPROVAL_RESULT` chunk —
+   * only the tool's `EXECUTING_TOOL` / `EXECUTED_TOOL` events. Treat the
+   * arrival of a tool execution as implicit approval of the most recent
+   * still-pending gate so the card does not stay stuck `pending` in realtime.
+   *
+   * The agent stays paused while an approval is outstanding, so there is at
+   * most one relevant gate; flipping only the latest pending one is safe and
+   * monotonic (never downgrades, can't make a correct state wrong — an
+   * unapproved tool cannot execute). `approval_batch` is handled separately by
+   * `applyExecutionToBatch` and is intentionally left untouched here.
+   */
+  resolvePendingApprovalForExecution() {
+    for (let i = this.segments.length - 1; i >= 0; i--) {
+      const seg = this.segments[i];
+      if (seg.type === "approval_request" && seg.status === "pending") {
+        this.segments[i] = { ...seg, status: "approved" };
+        return;
+      }
+    }
+  }
   /**
    * Track a pending approval request
    */
@@ -8588,11 +8687,22 @@ function processMessageData(data, accumulator, approvalStatuses, options = {}, e
               }
             }
           } else {
-            accumulator.trackApprovalRequest(data.approvalRequestId, {
-              command: data.command || "",
-              explanation: data.explanation,
-              approvalType
-            });
+            const resolvedStatus = approvalStatuses[data.approvalRequestId];
+            if (resolvedStatus === "approved" || resolvedStatus === "rejected") {
+              accumulator.addApprovalRequest(
+                data.approvalRequestId,
+                data.command || "",
+                data.explanation,
+                approvalType,
+                resolvedStatus
+              );
+            } else {
+              accumulator.trackApprovalRequest(data.approvalRequestId, {
+                command: data.command || "",
+                explanation: data.explanation,
+                approvalType
+              });
+            }
           }
         } else {
           escalatedApprovals?.set(data.approvalRequestId, {
@@ -33507,6 +33617,8 @@ export {
   remarkCardLinks,
   BlockCard,
   MemoizedChatMessageEnhanced,
+  MESSAGE_TYPE,
+  SCROLL_ANCHOR,
   ChatMessageList,
   Tabs,
   TabsList,
@@ -33540,7 +33652,6 @@ export {
   AUTHOR_TYPE,
   APPROVAL_STATUS,
   CONNECTION_STATUS,
-  MESSAGE_TYPE,
   NETWORK_CONFIG,
   useChunkCatchup,
   useNatsDialogSubscription,
@@ -34008,4 +34119,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-E6VCRL42.js.map
+//# sourceMappingURL=chunk-U6AJSRJP.js.map