@flamingo-stack/openframe-frontend-core 0.0.447 → 0.0.448-snapshot.20260718005900

package/dist/{chunk-YCSNDUDE.js → chunk-5SJGFLL2.js}

@@ -10943,6 +10943,63 @@ var CHEVRON_SUPPRESS_MS = 4e3;
 var USER_SCROLL_SUPPRESS_MS = 3e3;
 var STRIP_CELL_MAX_WIDTH = "90vw";
 var EMPTY_CHILDREN = [];
+var CLONE_FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[tabindex],[contenteditable]:not([contenteditable="false"])';
+function useSuppressCloneFocus(active) {
+  const ref = useRef14(null);
+  useEffect19(() => {
+    const root = ref.current;
+    if (!root || !active) return;
+    const suppress = () => {
+      root.querySelectorAll(CLONE_FOCUSABLE_SELECTOR).forEach((el) => {
+        if (el.getAttribute("tabindex") !== "-1") el.setAttribute("tabindex", "-1");
+      });
+    };
+    suppress();
+    const mo = new MutationObserver(suppress);
+    mo.observe(root, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["href", "tabindex", "contenteditable", "controls"]
+    });
+    return () => mo.disconnect();
+  }, [active]);
+  return ref;
+}
+function ManagedCell({
+  item,
+  ctx,
+  cardWidthMobile,
+  cardWidthDesktop
+}) {
+  const hintedWidth = React35.isValidElement(item) ? item.props["data-strip-cell-width"] : void 0;
+  const desktopWidth = typeof hintedWidth === "number" ? hintedWidth : cardWidthDesktop;
+  const cloneRef = useSuppressCloneFocus(ctx.isClone);
+  return /* @__PURE__ */ jsx78(
+    "div",
+    {
+      className: "shrink-0 self-stretch",
+      style: { width: ctx.isMobile ? cardWidthMobile : desktopWidth, maxWidth: STRIP_CELL_MAX_WIDTH },
+      "data-strip-card-key": ctx.cardKey,
+      onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
+      onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
+      onFocus: () => ctx.onActivate(ctx.cardKey),
+      onBlur: (e) => {
+        if (e.currentTarget.contains(e.relatedTarget)) return;
+        ctx.onDeactivate(ctx.cardKey);
+      },
+      children: /* @__PURE__ */ jsx78(
+        "div",
+        {
+          ref: cloneRef,
+          className: "h-full [&>*]:h-full [&>a>*]:h-full",
+          "aria-hidden": ctx.isClone || void 0,
+          children: item
+        }
+      )
+    }
+  );
+}
 function CardsStrip(props) {
   const {
     title,
@@ -11229,36 +11286,14 @@ function CardsStrip(props) {
     if (!childrenMode) {
       return props.renderCard(item, ctx);
     }
-    const hintedWidth = React35.isValidElement(item) ? item.props["data-strip-cell-width"] : void 0;
-    const desktopWidth = typeof hintedWidth === "number" ? hintedWidth : cardWidthDesktop;
-    return (
-      // OUTER cell: width + activation handlers (never inert — an inert cell
-      // would retarget pointer events to the track and defeat hover-pause on
-      // clones).
-      /* @__PURE__ */ jsx78(
-        "div",
-        {
-          className: "shrink-0 self-stretch",
-          style: { width: ctx.isMobile ? cardWidthMobile : desktopWidth, maxWidth: STRIP_CELL_MAX_WIDTH },
-          "data-strip-card-key": ctx.cardKey,
-          onPointerEnter: ctx.isTouch ? void 0 : () => ctx.onActivate(ctx.cardKey),
-          onPointerLeave: ctx.isTouch ? void 0 : () => ctx.onDeactivate(ctx.cardKey),
-          onFocus: () => ctx.onActivate(ctx.cardKey),
-          onBlur: (e) => {
-            if (e.currentTarget.contains(e.relatedTarget)) return;
-            ctx.onDeactivate(ctx.cardKey);
-          },
-          children: /* @__PURE__ */ jsx78(
-            "div",
-            {
-              className: "h-full [&>*]:h-full [&>a>*]:h-full",
-              "aria-hidden": ctx.isClone || void 0,
-              inert: ctx.isClone || void 0,
-              children: item
-            }
-          )
-        }
-      )
+    return /* @__PURE__ */ jsx78(
+      ManagedCell,
+      {
+        item,
+        ctx,
+        cardWidthMobile,
+        cardWidthDesktop
+      }
     );
   };
   if (items.length === 0) return null;
@@ -50242,7 +50277,8 @@ function pushStandaloneMessages(processedMessages, msg, messageDataArray) {
         content: "",
         name: data.text,
         authorType: "system",
-        timestamp: new Date(msg.createdAt)
+        timestamp: new Date(msg.createdAt),
+        ...typeof msg.lastChunkStreamSeq === "number" ? { streamSeq: msg.lastChunkStreamSeq } : {}
       });
     }
   });
@@ -50272,6 +50308,7 @@ function processHistoricalMessages(messages, options = {}) {
   let currentAssistantId = null;
   let currentAssistantTimestamp = null;
   let lastAssistantId = null;
+  let currentAssistantStreamSeq;
   const flushAssistantMessage = () => {
     const idToUse = lastAssistantId || currentAssistantId;
     if (idToUse && accumulator.hasContent()) {
@@ -50283,13 +50320,15 @@ function processHistoricalMessages(messages, options = {}) {
         assistantType,
         authorType: assistantType,
         timestamp: currentAssistantTimestamp || /* @__PURE__ */ new Date(),
-        avatar: assistantAvatar
+        avatar: assistantAvatar,
+        ...currentAssistantStreamSeq !== void 0 ? { streamSeq: currentAssistantStreamSeq } : {}
       });
       accumulator.resetSegments();
-      currentAssistantId = null;
-      currentAssistantTimestamp = null;
-      lastAssistantId = null;
     }
+    currentAssistantId = null;
+    currentAssistantTimestamp = null;
+    lastAssistantId = null;
+    currentAssistantStreamSeq = void 0;
   };
   messages.forEach((msg, index) => {
     if (chatTypeFilter && msg.chatType !== chatTypeFilter) return;
@@ -50318,7 +50357,8 @@ function processHistoricalMessages(messages, options = {}) {
             avatar: getOwnerAvatar(msg.owner),
             authorType: userAuthorType,
             timestamp: new Date(msg.createdAt),
-            ...contextItems && contextItems.length > 0 ? { contextItems } : {}
+            ...contextItems && contextItems.length > 0 ? { contextItems } : {},
+            ...typeof msg.lastChunkStreamSeq === "number" ? { streamSeq: msg.lastChunkStreamSeq } : {}
           });
         }
       });
@@ -50328,6 +50368,9 @@ function processHistoricalMessages(messages, options = {}) {
         currentAssistantTimestamp = new Date(msg.createdAt);
       }
       lastAssistantId = msg.id;
+      if (typeof msg.lastChunkStreamSeq === "number") {
+        currentAssistantStreamSeq = currentAssistantStreamSeq === void 0 ? msg.lastChunkStreamSeq : Math.max(currentAssistantStreamSeq, msg.lastChunkStreamSeq);
+      }
       messageDataArray.forEach((data) => {
         processMessageData(
           data,
@@ -50566,6 +50609,7 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
   let currentAssistantId = null;
   let currentAssistantTimestamp = null;
   let lastAssistantId = null;
+  let currentAssistantStreamSeq;
   const flushAssistantMessage = () => {
     const idToUse = lastAssistantId || currentAssistantId;
     if (idToUse && accumulator.hasContent()) {
@@ -50577,13 +50621,15 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
         assistantType,
         authorType: assistantType,
         timestamp: currentAssistantTimestamp || /* @__PURE__ */ new Date(),
-        avatar: assistantAvatar
+        avatar: assistantAvatar,
+        ...currentAssistantStreamSeq !== void 0 ? { streamSeq: currentAssistantStreamSeq } : {}
       });
       accumulator.resetSegments();
-      currentAssistantId = null;
-      currentAssistantTimestamp = null;
-      lastAssistantId = null;
     }
+    currentAssistantId = null;
+    currentAssistantTimestamp = null;
+    lastAssistantId = null;
+    currentAssistantStreamSeq = void 0;
   };
   messages.forEach((msg, index) => {
     if (chatTypeFilter && msg.chatType !== chatTypeFilter) return;
@@ -50612,7 +50658,8 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
             avatar: getOwnerAvatar(msg.owner),
             authorType: userAuthorType,
             timestamp: new Date(msg.createdAt),
-            ...contextItems && contextItems.length > 0 ? { contextItems } : {}
+            ...contextItems && contextItems.length > 0 ? { contextItems } : {},
+            ...typeof msg.lastChunkStreamSeq === "number" ? { streamSeq: msg.lastChunkStreamSeq } : {}
           });
         }
       });
@@ -50622,6 +50669,9 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
         currentAssistantTimestamp = new Date(msg.createdAt);
       }
       lastAssistantId = msg.id;
+      if (typeof msg.lastChunkStreamSeq === "number") {
+        currentAssistantStreamSeq = currentAssistantStreamSeq === void 0 ? msg.lastChunkStreamSeq : Math.max(currentAssistantStreamSeq, msg.lastChunkStreamSeq);
+      }
       messageDataArray.forEach((data) => {
         processMessageData(
           data,
@@ -51798,6 +51848,15 @@ function mergeHistoryWithRealtime(input) {
   const processedIds = new Set(processedHistory.map((m) => m.id));
   const seqCoverageKnown = realtimeSeenStreamSeq > 0 && historyMaxStreamSeq > 0;
   const historyCoversRealtime = seqCoverageKnown ? historyMaxStreamSeq >= realtimeSeenStreamSeq : null;
+  const historyMaxSeqByRole = /* @__PURE__ */ new Map();
+  let anyHistoryRowSeq = false;
+  for (const pm of processedHistory) {
+    if (typeof pm.streamSeq === "number") {
+      anyHistoryRowSeq = true;
+      const prev = historyMaxSeqByRole.get(pm.role) ?? 0;
+      if (pm.streamSeq > prev) historyMaxSeqByRole.set(pm.role, pm.streamSeq);
+    }
+  }
   const trailing = processedHistory[processedHistory.length - 1];
   const historyTrailingAssistant = trailing?.role === "assistant" ? trailing : null;
   const historyBatchId = historyTrailingAssistant && Array.isArray(historyTrailingAssistant.content) ? historyTrailingAssistant.content.find((s) => s.type === "approval_batch")?.data?.approvalRequestId ?? null : null;
@@ -51822,8 +51881,26 @@ function mergeHistoryWithRealtime(input) {
       }
     }
   }
+  if (historyTrailingAssistant && Array.isArray(historyTrailingAssistant.content) && processedToUse[processedToUse.length - 1] === historyTrailingAssistant && !pinnedSyntheticIds.has(historyTrailingAssistant.id)) {
+    const persistedSize = historyTrailingAssistant.content.length;
+    const persistedSeq = historyTrailingAssistant.streamSeq ?? 0;
+    const richerTwin = existingMessages.find(
+      (m) => m !== historyTrailingAssistant && m.id === historyTrailingAssistant.id && m.role === "assistant" && Array.isArray(m.content) && (m.content.length > persistedSize || m.content.length === persistedSize && typeof m.streamSeq === "number" && m.streamSeq > persistedSeq)
+    );
+    if (richerTwin) {
+      processedToUse = processedToUse.slice(0, -1);
+      pinnedSyntheticIds.add(richerTwin.id);
+    }
+  }
   const lastProcessed = processedToUse[processedToUse.length - 1];
   const trailingAssistantText = lastProcessed && lastProcessed.role === "assistant" ? assistantAnswerText(lastProcessed.content) : "";
+  const persistedUserContentCounts = /* @__PURE__ */ new Map();
+  for (const pm of processedToUse) {
+    if (pm.role === "user" && typeof pm.content === "string") {
+      persistedUserContentCounts.set(pm.content, (persistedUserContentCounts.get(pm.content) ?? 0) + 1);
+    }
+  }
+  const seenUserSyntheticByContent = /* @__PURE__ */ new Map();
   const realtimeMessages = existingMessages.filter((m) => {
     if (pinnedSyntheticIds.has(m.id)) return true;
     if (droppedSyntheticIds.has(m.id)) return false;
@@ -51837,7 +51914,25 @@ function mergeHistoryWithRealtime(input) {
       if (m.role === "assistant" && trailingAssistantText && assistantAnswerText(m.content) === trailingAssistantText) {
         return false;
       }
-      const covered = typeof m.streamSeq === "number" && historyMaxStreamSeq > 0 ? historyMaxStreamSeq >= m.streamSeq : historyCoversRealtime !== null ? historyCoversRealtime : (m.timestamp?.getTime() ?? 0) <= historyFetchedAt;
+      if (m.role === "user" && m.id.startsWith("user-") && typeof m.content === "string") {
+        const seen = (seenUserSyntheticByContent.get(m.content) ?? 0) + 1;
+        seenUserSyntheticByContent.set(m.content, seen);
+        if ((persistedUserContentCounts.get(m.content) ?? 0) < seen) return true;
+        if (typeof m.streamSeq !== "number" || historyMaxStreamSeq <= 0) return false;
+        if (historyMaxStreamSeq >= m.streamSeq) return false;
+        const lastPersisted = processedToUse[processedToUse.length - 1];
+        if (lastPersisted && lastPersisted.role === "user" && lastPersisted.content === m.content) return false;
+        return true;
+      }
+      let covered;
+      if (typeof m.streamSeq === "number" && anyHistoryRowSeq) {
+        const roleMax = historyMaxSeqByRole.get(m.role) ?? 0;
+        covered = roleMax > 0 && roleMax >= m.streamSeq;
+      } else if (typeof m.streamSeq === "number" && historyMaxStreamSeq > 0) {
+        covered = historyMaxStreamSeq >= m.streamSeq;
+      } else {
+        covered = historyCoversRealtime !== null ? historyCoversRealtime : (m.timestamp?.getTime() ?? 0) <= historyFetchedAt;
+      }
       if (covered) return false;
     }
     return true;
@@ -54564,4 +54659,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-YCSNDUDE.js.map
+//# sourceMappingURL=chunk-5SJGFLL2.js.map