@flamingo-stack/openframe-frontend-core 0.0.243 → 0.0.244

package/dist/{chunk-SGJBUL2Y.cjs → chunk-FSS2MIEA.cjs}

@@ -1,25 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
 
 
 
 var _chunkFIG2RKZFcjs = require('./chunk-FIG2RKZF.cjs');
 
-// src/utils/suggestion-url.ts
-function buildSuggestionUrl(path, opts = {}) {
-  const qs = new URLSearchParams();
-  const { entityType, entityId } = opts;
-  if (entityType && entityId !== void 0 && entityId !== null && entityId !== "") {
-    qs.set("entityType", entityType);
-    qs.set("entityId", String(entityId));
-  }
-  if (opts.count !== void 0) qs.set("count", String(opts.count));
-  for (const [key, value] of Object.entries(_nullishCoalesce(opts.extraParams, () => ( {})))) {
-    if (value !== void 0 && value !== "") qs.set(key, value);
-  }
-  const query = qs.toString();
-  return `${_nullishCoalesce(opts.apiBaseUrl, () => ( ""))}${path}${query ? `?${query}` : ""}`;
-}
-
 // src/components/ui/chevron-button.tsx
 _chunkFIG2RKZFcjs.init_cn.call(void 0, );
 var _react = require('react'); var React = _interopRequireWildcard(_react);
@@ -56,6 +40,5 @@ ChevronButton.displayName = "ChevronButton";
 
 
 
-
-exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
-//# sourceMappingURL=chunk-SGJBUL2Y.cjs.map
+exports.ChevronButton = ChevronButton;
+//# sourceMappingURL=chunk-FSS2MIEA.cjs.map

package/dist/chunk-FSS2MIEA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-FSS2MIEA.cjs","../src/components/ui/chevron-button.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACFA,uCAAA,CAAA;AAFA,2EAAuB;AACvB,2CAAuC;AAkC/B,+CAAA;AAvBR,IAAM,cAAA,EAAsB,KAAA,CAAA,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,UAAA,EAAY,eAAA,EAAiB,WAAA,EAAa,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC3G,IAAA,MAAM,KAAA,EAAA,CAAQ,WAAA,EAAa,uBAAA,EAAY,wBAAA,EAAA,GAAA,CAAiB,UAAA,IAAc,KAAA,EAAO,uBAAA,EAAY,wBAAA,CAAA;AACzF,IAAA,MAAM,YAAA,EAAc;AAAA,MAClB,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAEA,IAAA,uBACE,6BAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,kCAAA;AAAA,UACT,sQAAA;AAAA,UACA,gBAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,eAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,6BAAA,IAAC,EAAA,EAAK,SAAA,EAAW,WAAA,CAAY,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IACtC,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,aAAA,CAAc,YAAA,EAAc,eAAA;ADH5B;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-FSS2MIEA.cjs","sourcesContent":[null,"\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"]}

package/dist/{chunk-VAUI3CND.js → chunk-LJGBFD52.js}

@@ -4,22 +4,6 @@ import {
   init_cn
 } from "./chunk-XTCBRQN2.js";
 
-// src/utils/suggestion-url.ts
-function buildSuggestionUrl(path, opts = {}) {
-  const qs = new URLSearchParams();
-  const { entityType, entityId } = opts;
-  if (entityType && entityId !== void 0 && entityId !== null && entityId !== "") {
-    qs.set("entityType", entityType);
-    qs.set("entityId", String(entityId));
-  }
-  if (opts.count !== void 0) qs.set("count", String(opts.count));
-  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {
-    if (value !== void 0 && value !== "") qs.set(key, value);
-  }
-  const query = qs.toString();
-  return `${opts.apiBaseUrl ?? ""}${path}${query ? `?${query}` : ""}`;
-}
-
 // src/components/ui/chevron-button.tsx
 init_cn();
 import * as React from "react";
@@ -55,7 +39,6 @@ var ChevronButton = React.forwardRef(
 ChevronButton.displayName = "ChevronButton";
 
 export {
-  buildSuggestionUrl,
   ChevronButton
 };
-//# sourceMappingURL=chunk-VAUI3CND.js.map
+//# sourceMappingURL=chunk-LJGBFD52.js.map

package/dist/chunk-LJGBFD52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/chevron-button.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"],"mappings":";;;;;;;AAIA;AAFA,YAAY,WAAW;AACvB,SAAS,WAAW,mBAAmB;AAkC/B;AAvBR,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,YAAY,QAAQ,OAAO,MAAM,YAAY,iBAAiB,aAAa,GAAG,MAAM,GAAG,QAAQ;AAC3G,UAAM,QAAQ,aAAa,YAAY,iBAAiB,cAAc,OAAO,YAAY;AACzF,UAAM,cAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,QAAK,WAAW,YAAY,IAAI,GAAG;AAAA;AAAA,IACtC;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/{chunk-FRRMXLU5.js → chunk-M7DPUWAL.js}

@@ -1,24 +1,4 @@
 "use client";
-import {
-  ToolIcon,
-  dotColorByVariant,
-  getSmallPlatformIcon,
-  progressColorByVariant,
-  toolLabels,
-  useAutoLimitTags,
-  useCopyToClipboard,
-  useDebounce,
-  useHorizontalScrollbar,
-  useHumanitySignals,
-  useImageEdgeColor,
-  useLgUp,
-  useLocalStorage,
-  useMdUp,
-  useNearViewport,
-  useOgPlaceholder,
-  useOnboardingState,
-  useToast
-} from "./chunk-UECRKCKH.js";
 import {
   useChatRuntime,
   useRequiredChatRuntime
@@ -29,12 +9,6 @@ import {
 import {
   dynamic
 } from "./chunk-EL5YVPD5.js";
-import {
-  init_next_navigation,
-  usePathname,
-  useRouter,
-  useSearchParams
-} from "./chunk-PLJLE4A4.js";
 import {
   Button,
   Checkbox,
@@ -56,6 +30,32 @@ import {
   init_next_link,
   next_link_default
 } from "./chunk-OHPI2HRK.js";
+import {
+  ToolIcon,
+  dotColorByVariant,
+  getSmallPlatformIcon,
+  progressColorByVariant,
+  toolLabels,
+  useAutoLimitTags,
+  useCopyToClipboard,
+  useDebounce,
+  useHorizontalScrollbar,
+  useHumanitySignals,
+  useImageEdgeColor,
+  useLgUp,
+  useLocalStorage,
+  useMdUp,
+  useNearViewport,
+  useOgPlaceholder,
+  useOnboardingState,
+  useToast
+} from "./chunk-UECRKCKH.js";
+import {
+  init_next_navigation,
+  usePathname,
+  useRouter,
+  useSearchParams
+} from "./chunk-PLJLE4A4.js";
 import {
   BashIcon,
   ClickUpIcon,
@@ -4397,12 +4397,15 @@ var ChatMessageList = forwardRef13(
     onLoadMoreRef.current = onLoadMore;
     const isFetchingRef = useRef6(isFetchingNextPage);
     isFetchingRef.current = isFetchingNextPage;
+    const dialogIdRef = useRef6(dialogId);
+    dialogIdRef.current = dialogId;
     const prevRenderRef = useRef6({ dialogId: void 0, messageCount: 0, lastMessageId: void 0 });
-    const prependRef = useRef6({ firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 });
+    const loadOlderAnchorRef = useRef6(null);
     useEffect6(() => {
       if (!autoScroll) return;
       const dialogChanged = dialogId !== prevRenderRef.current.dialogId;
       const prevCount = prevRenderRef.current.messageCount;
+      const prevLastId = prevRenderRef.current.lastMessageId;
       const newCount = messages.length;
       const currentLastId = messages[messages.length - 1]?.id;
       prevRenderRef.current = { dialogId, messageCount: newCount, lastMessageId: currentLastId };
@@ -4415,7 +4418,8 @@ var ChatMessageList = forwardRef13(
         return;
       }
       if (newCount > prevCount) {
-        const newSlice = messages.slice(prevCount);
+        const prevLastIdx = prevLastId ? messages.findIndex((m) => m.id === prevLastId) : -1;
+        const newSlice = prevLastIdx >= 0 ? messages.slice(prevLastIdx + 1) : messages.slice(prevCount);
         const hasNewUser = newSlice.some((m) => m.role === "user");
         if (hasNewUser) {
           void scrollToBottom({ animation: "instant", ignoreEscapes: true });
@@ -4439,34 +4443,17 @@ var ChatMessageList = forwardRef13(
     }, [autoScroll, messages, dialogId, scrollToBottom, contentRef]);
     useLayoutEffect3(() => {
       const el = scrollRef.current;
-      if (!el) {
-        prependRef.current = { firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 };
-        return;
-      }
-      const currentFirstId = messages[0]?.id;
-      const currentFirstContent = messages[0]?.content;
-      const prevFirstId = prependRef.current.firstMessageId;
-      const prevHeight = prependRef.current.scrollHeight;
-      if (currentFirstId !== prevFirstId) {
-        if (prevFirstId && prevHeight > 0) {
-          const prevIdx = messages.findIndex((m) => m.id === prevFirstId);
-          if (prevIdx > 0) {
-            const addedHeight = el.scrollHeight - prevHeight;
-            if (addedHeight > 0) el.scrollTop += addedHeight;
-          }
-        }
-        prependRef.current = {
-          firstMessageId: currentFirstId,
-          firstMessageContent: currentFirstContent,
-          scrollHeight: el.scrollHeight
-        };
+      const anchor = loadOlderAnchorRef.current;
+      if (!el || !anchor) return;
+      if (anchor.dialogId !== dialogId) {
+        loadOlderAnchorRef.current = null;
         return;
       }
-      prependRef.current.scrollHeight = el.scrollHeight;
-      if (currentFirstContent !== prependRef.current.firstMessageContent) {
-        prependRef.current.firstMessageContent = currentFirstContent;
-      }
-    }, [messages, scrollRef]);
+      const addedHeight = el.scrollHeight - anchor.scrollHeight;
+      if (addedHeight <= 0) return;
+      loadOlderAnchorRef.current = null;
+      el.scrollTop = anchor.scrollTop + addedHeight;
+    }, [messages, dialogId, scrollRef]);
     const messageElsRef = useRef6(/* @__PURE__ */ new Map());
     const refCallbacksRef = useRef6(/* @__PURE__ */ new Map());
     const getRegisterMessageEl = (id) => {
@@ -4538,6 +4525,14 @@ var ChatMessageList = forwardRef13(
           const entry = entries[0];
           if (!entry) return;
           if (entry.isIntersecting && !isFetchingRef.current) {
+            const el = scrollRef.current;
+            if (el) {
+              loadOlderAnchorRef.current = {
+                dialogId: dialogIdRef.current,
+                scrollHeight: el.scrollHeight,
+                scrollTop: el.scrollTop
+              };
+            }
             onLoadMoreRef.current?.();
           }
         },
@@ -4545,7 +4540,7 @@ var ChatMessageList = forwardRef13(
       );
       observer.observe(sentinelElement);
       return () => observer.disconnect();
-    }, [hasNextPage, scrollRef]);
+    }, [hasNextPage, isFetchingNextPage, scrollRef]);
     useImperativeHandle2(ref, () => scrollRef.current, [scrollRef]);
     if (isLoading) {
       return /* @__PURE__ */ jsx26(
@@ -17132,9 +17127,6 @@ function scrollElementIntoView(target, options = {}) {
 
 // src/utils/list-url.ts
 var ALIASES = { blog_post_existing: "blog_post" };
-function canonicalContentRefType(contentRefType) {
-  return ALIASES[contentRefType] ?? contentRefType;
-}
 var BUILDERS = {
   roadmap_item: (ids, b) => `${b}/api/roadmap?task_ids=${ids.join(",")}`,
   delivery_item: (ids, b) => `${b}/api/delivery?task_ids=${ids.join(",")}`,
@@ -17159,60 +17151,6 @@ function buildListUrl(contentRefType, ids, base = "") {
   return fn ? fn(ids, base) : null;
 }
 
-// src/utils/content-ref-groups.ts
-var CONTENT_REF_GROUPS = {
-  investor_update: { label: "Investor Updates", order: 1, layout: "grid", gridSize: "default" },
-  product_release: { label: "Product Releases", order: 2, layout: "list", gridSize: "lg" },
-  podcast: { label: "Podcasts", order: 3, layout: "list", gridSize: "default" },
-  webinar: { label: "Webinars", order: 4, layout: "list", gridSize: "default" },
-  case_study: { label: "Case Studies", order: 5, layout: "grid", gridSize: "default" },
-  event: { label: "Events", order: 6, layout: "list", gridSize: "default" },
-  blog_post_existing: { label: "Blog Posts", order: 7, layout: "grid", gridSize: "default" },
-  customer_interview: { label: "Customer Interviews", order: 8, layout: "grid", gridSize: "default" },
-  onboarding_guide: { label: "Onboarding Guides", order: 9, layout: "list", gridSize: "default" }
-};
-function getContentRefLabel(type) {
-  return CONTENT_REF_GROUPS[type]?.label ?? null;
-}
-function getContentRefLabelOrTitleCase(type) {
-  return CONTENT_REF_GROUPS[type]?.label ?? type.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase());
-}
-function orderContentRefTypes(present) {
-  const presentSet = new Set(present);
-  const registeredInOrder = Object.entries(CONTENT_REF_GROUPS).sort(([, a], [, b]) => a.order - b.order).map(([type]) => type).filter((type) => presentSet.has(type));
-  const unregistered = [...presentSet].filter((type) => !CONTENT_REF_GROUPS[type]);
-  return [...registeredInOrder, ...unregistered];
-}
-
-// src/utils/extract-items.ts
-function extractItems(data) {
-  if (!data || typeof data !== "object") return [];
-  const obj = data;
-  if (Array.isArray(obj.items)) return obj.items;
-  if (Array.isArray(obj.posts)) return obj.posts;
-  if (Array.isArray(obj.campaigns)) return obj.campaigns;
-  if (Array.isArray(obj.completed) || Array.isArray(obj.inProgress)) {
-    const completed = Array.isArray(obj.completed) ? obj.completed : [];
-    const inProgress = Array.isArray(obj.inProgress) ? obj.inProgress : [];
-    return [...completed, ...inProgress];
-  }
-  if (Array.isArray(obj.data)) return obj.data;
-  if (Array.isArray(data)) return data;
-  return [];
-}
-function extractItemId(type, item) {
-  if (!item || typeof item !== "object") return null;
-  const obj = item;
-  if (type === "roadmap_item" || type === "delivery_item" || type === "internal_task") {
-    const ext = obj.external_id;
-    if (typeof ext === "string") return ext;
-  }
-  const id = obj.id;
-  if (typeof id === "string") return id;
-  if (typeof id === "number") return String(id);
-  return null;
-}
-
 // src/utils/content-href.ts
 var DEFAULT_CONTENT_SUFFIXES = {
   onboarding_guide: "onboarding-guides",
@@ -23899,6 +23837,7 @@ var CategorySection = ({
           /* @__PURE__ */ jsx195(
             Button,
             {
+              type: "button",
               variant: "transparent",
               onClick: (e) => {
                 e.stopPropagation();
@@ -36546,6 +36485,33 @@ init_next_navigation();
 
 // src/components/chat/hooks/use-chat-card-item.ts
 import { useQuery } from "@tanstack/react-query";
+function extractItems(data) {
+  if (!data || typeof data !== "object") return [];
+  const obj = data;
+  if (Array.isArray(obj.items)) return obj.items;
+  if (Array.isArray(obj.posts)) return obj.posts;
+  if (Array.isArray(obj.campaigns)) return obj.campaigns;
+  if (Array.isArray(obj.completed) || Array.isArray(obj.inProgress)) {
+    const completed = Array.isArray(obj.completed) ? obj.completed : [];
+    const inProgress = Array.isArray(obj.inProgress) ? obj.inProgress : [];
+    return [...completed, ...inProgress];
+  }
+  if (Array.isArray(obj.data)) return obj.data;
+  if (Array.isArray(data)) return data;
+  return [];
+}
+function extractItemId(type, item) {
+  if (!item || typeof item !== "object") return null;
+  const obj = item;
+  if (type === "roadmap_item" || type === "delivery_item" || type === "internal_task") {
+    const ext = obj.external_id;
+    if (typeof ext === "string") return ext;
+  }
+  const id = obj.id;
+  if (typeof id === "string") return id;
+  if (typeof id === "number") return String(id);
+  return null;
+}
 function useChatCardItem(type, id) {
   const runtime = useRequiredChatRuntime();
   const url = runtime.endpoints.buildListUrl(type, [id]);
@@ -42095,6 +42061,110 @@ function extractIncompleteMessageState(lastMessage) {
   };
 }
 
+// src/components/chat/utils/history-merge.ts
+var SYNTHETIC_REALTIME_ID_PREFIXES = ["assistant-", "user-", "error-"];
+function isSyntheticRealtimeId(id) {
+  return SYNTHETIC_REALTIME_ID_PREFIXES.some((prefix) => id.startsWith(prefix));
+}
+function flattenMessagePagesChronological(pages) {
+  if (!pages) return [];
+  return [...pages].reverse().flatMap((page) => [...page.messages].reverse());
+}
+function maxPersistedStreamSeq(pages) {
+  let max = 0;
+  if (!pages) return max;
+  for (const page of pages) {
+    for (const msg of page.messages) {
+      const seq = msg.lastChunkStreamSeq;
+      if (typeof seq === "number" && seq > max) max = seq;
+    }
+  }
+  return max;
+}
+function mergeHistoryWithRealtime(input) {
+  const {
+    processedHistory,
+    rawHistoryIds,
+    existingMessages,
+    streamingMessageId,
+    historyFetchedAt,
+    historyMaxStreamSeq = 0,
+    realtimeSeenStreamSeq = 0
+  } = input;
+  if (processedHistory.length === 0) return existingMessages;
+  const processedIds = new Set(processedHistory.map((m) => m.id));
+  const seqCoverageKnown = realtimeSeenStreamSeq > 0 && historyMaxStreamSeq > 0;
+  const historyCoversRealtime = seqCoverageKnown ? historyMaxStreamSeq >= realtimeSeenStreamSeq : null;
+  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;
+  let processedToUse = processedHistory;
+  const pinnedSyntheticIds = /* @__PURE__ */ new Set();
+  const droppedSyntheticIds = /* @__PURE__ */ new Set();
+  if (historyBatchId) {
+    const batchTwins = existingMessages.filter(
+      (m) => m.role === "assistant" && Array.isArray(m.content) && m.content.some(
+        (s) => s.type === "approval_batch" && s.data?.approvalRequestId === historyBatchId
+      )
+    );
+    const existingWithSameBatch = batchTwins.find((m) => m.id === streamingMessageId) ?? batchTwins[batchTwins.length - 1];
+    if (existingWithSameBatch && Array.isArray(existingWithSameBatch.content)) {
+      const histSize = Array.isArray(historyTrailingAssistant?.content) ? historyTrailingAssistant.content.length : 0;
+      const realtimeSize = existingWithSameBatch.content.length;
+      if (existingWithSameBatch.id === streamingMessageId || realtimeSize > histSize) {
+        processedToUse = processedHistory.slice(0, -1);
+        pinnedSyntheticIds.add(existingWithSameBatch.id);
+      } else {
+        droppedSyntheticIds.add(existingWithSameBatch.id);
+      }
+    }
+  }
+  const realtimeMessages = existingMessages.filter((m) => {
+    if (pinnedSyntheticIds.has(m.id)) return true;
+    if (droppedSyntheticIds.has(m.id)) return false;
+    if (processedIds.has(m.id)) return false;
+    if (rawHistoryIds?.has(m.id)) return false;
+    if (m.role === "user" && m.id.startsWith("optimistic-") && typeof m.content === "string") {
+      const canBeInSnapshot = (m.timestamp?.getTime() ?? 0) <= historyFetchedAt;
+      return !(canBeInSnapshot && processedToUse.some((pm) => pm.role === "user" && pm.content === m.content));
+    }
+    if (isSyntheticRealtimeId(m.id) && m.id !== streamingMessageId) {
+      const covered = historyCoversRealtime !== null ? historyCoversRealtime : (m.timestamp?.getTime() ?? 0) <= historyFetchedAt;
+      if (covered) return false;
+    }
+    return true;
+  });
+  return [...processedToUse, ...realtimeMessages];
+}
+function computeHistoryPrepend(processedHistory, existingMessages) {
+  const existingIds = new Set(existingMessages.map((m) => m.id));
+  const newMessages = [];
+  let boundaryMessageIndex = -1;
+  for (let i = 0; i < processedHistory.length; i++) {
+    if (existingIds.has(processedHistory[i].id)) {
+      boundaryMessageIndex = i;
+      break;
+    }
+    newMessages.push(processedHistory[i]);
+  }
+  let boundaryMessageId;
+  let boundaryUpdates;
+  if (boundaryMessageIndex >= 0) {
+    const boundaryMessage = processedHistory[boundaryMessageIndex];
+    const existingBoundary = existingMessages.find((m) => m.id === boundaryMessage.id);
+    if (existingBoundary) {
+      const existingContent = JSON.stringify(existingBoundary.content);
+      const newContent = JSON.stringify(boundaryMessage.content);
+      if (existingContent !== newContent) {
+        boundaryMessageId = boundaryMessage.id;
+        boundaryUpdates = { content: boundaryMessage.content };
+      }
+    }
+  }
+  if (newMessages.length === 0 && !boundaryUpdates) return null;
+  return { newMessages, boundaryMessageId, boundaryUpdates };
+}
+
 // src/components/chat/utils/chip-action-class.ts
 var CHIP_ACTION_BUTTON_CLASS = "text-[11px] font-medium text-ods-text-secondary hover:text-ods-text-primary bg-transparent hover:bg-ods-card-hover border border-ods-border rounded-md px-2 py-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus";
 
@@ -43605,8 +43675,6 @@ export {
   applyProxyAuth,
   setEmbedAuthAdapter,
   embedAuthedFetch,
-  extractItems,
-  extractItemId,
   useChatCardItem,
   SOURCE_ICON_NAMES,
   getSourceIconName,
@@ -43675,6 +43743,11 @@ export {
   useNatsChatAdapter,
   useUnifiedChat,
   extractIncompleteMessageState,
+  SYNTHETIC_REALTIME_ID_PREFIXES,
+  flattenMessagePagesChronological,
+  maxPersistedStreamSeq,
+  mergeHistoryWithRealtime,
+  computeHistoryPrepend,
   CHIP_ACTION_BUTTON_CLASS,
   chatChipClass,
   clickupTaskUrl,
@@ -43780,12 +43853,7 @@ export {
   TICKET_STATUS_OPTIONS,
   OPENFRAME_DEV_SECTIONS,
   scrollElementIntoView,
-  canonicalContentRefType,
   buildListUrl,
-  CONTENT_REF_GROUPS,
-  getContentRefLabel,
-  getContentRefLabelOrTitleCase,
-  orderContentRefTypes,
   DEFAULT_CONTENT_SUFFIXES,
   makeComposeContentUrl,
   buildDefaultHref,
@@ -44028,4 +44096,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-FRRMXLU5.js.map
+//# sourceMappingURL=chunk-M7DPUWAL.js.map