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

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

@@ -1,4 +1,24 @@
 "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
@@ -9,6 +29,12 @@ import {
 import {
   dynamic
 } from "./chunk-EL5YVPD5.js";
+import {
+  init_next_navigation,
+  usePathname,
+  useRouter,
+  useSearchParams
+} from "./chunk-PLJLE4A4.js";
 import {
   Button,
   Checkbox,
@@ -30,32 +56,6 @@ 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,15 +4397,12 @@ 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 loadOlderAnchorRef = useRef6(null);
+    const prependRef = useRef6({ firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 });
     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 };
@@ -4418,8 +4415,7 @@ var ChatMessageList = forwardRef13(
         return;
       }
       if (newCount > prevCount) {
-        const prevLastIdx = prevLastId ? messages.findIndex((m) => m.id === prevLastId) : -1;
-        const newSlice = prevLastIdx >= 0 ? messages.slice(prevLastIdx + 1) : messages.slice(prevCount);
+        const newSlice = messages.slice(prevCount);
         const hasNewUser = newSlice.some((m) => m.role === "user");
         if (hasNewUser) {
           void scrollToBottom({ animation: "instant", ignoreEscapes: true });
@@ -4443,17 +4439,34 @@ var ChatMessageList = forwardRef13(
     }, [autoScroll, messages, dialogId, scrollToBottom, contentRef]);
     useLayoutEffect3(() => {
       const el = scrollRef.current;
-      const anchor = loadOlderAnchorRef.current;
-      if (!el || !anchor) return;
-      if (anchor.dialogId !== dialogId) {
-        loadOlderAnchorRef.current = null;
+      if (!el) {
+        prependRef.current = { firstMessageId: void 0, firstMessageContent: void 0, scrollHeight: 0 };
         return;
       }
-      const addedHeight = el.scrollHeight - anchor.scrollHeight;
-      if (addedHeight <= 0) return;
-      loadOlderAnchorRef.current = null;
-      el.scrollTop = anchor.scrollTop + addedHeight;
-    }, [messages, dialogId, scrollRef]);
+      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
+        };
+        return;
+      }
+      prependRef.current.scrollHeight = el.scrollHeight;
+      if (currentFirstContent !== prependRef.current.firstMessageContent) {
+        prependRef.current.firstMessageContent = currentFirstContent;
+      }
+    }, [messages, scrollRef]);
     const messageElsRef = useRef6(/* @__PURE__ */ new Map());
     const refCallbacksRef = useRef6(/* @__PURE__ */ new Map());
     const getRegisterMessageEl = (id) => {
@@ -4525,14 +4538,6 @@ 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?.();
           }
         },
@@ -4540,7 +4545,7 @@ var ChatMessageList = forwardRef13(
       );
       observer.observe(sentinelElement);
       return () => observer.disconnect();
-    }, [hasNextPage, isFetchingNextPage, scrollRef]);
+    }, [hasNextPage, scrollRef]);
     useImperativeHandle2(ref, () => scrollRef.current, [scrollRef]);
     if (isLoading) {
       return /* @__PURE__ */ jsx26(
@@ -9582,6 +9587,9 @@ init_next_link();
 init_cn();
 import { Clock, ExternalLink, GraduationCap, Play as Play2 } from "lucide-react";
 import { jsx as jsx73, jsxs as jsxs58 } from "react/jsx-runtime";
+function stripMarkdownPreview(text) {
+  return text.replace(/```[\s\S]*?```/g, " ").replace(/^#{1,6}\s+/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_~`>]/g, "").replace(/^\s*[-+]\s+/gm, "").replace(/-{3,}/g, " ").replace(/\s+/g, " ").trim();
+}
 var HORIZONTAL_SIZE_TOKENS = {
   default: {
     padding: "p-4",
@@ -9726,7 +9734,7 @@ function OnboardingGuideCard({
             ] }) }),
             /* @__PURE__ */ jsxs58("div", { className: "flex-1 min-w-0 flex flex-col", children: [
               /* @__PURE__ */ jsx73("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx73("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: guide.title }) }),
-              /* @__PURE__ */ jsx73("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx73("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-2", children: (guide.video_summary || guide.content || "").trim() }) })
+              /* @__PURE__ */ jsx73("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx73("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-2", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
             ] })
           ] }),
           /* @__PURE__ */ jsx73(
@@ -9752,7 +9760,7 @@ function OnboardingGuideCard({
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     const compactCover = coverImage || placeholderUrl || null;
     const hasVideoCover = !guide.featured_image && !!guide.main_video_thumbnail;
-    const summary2 = (guide.video_summary || guide.content || "").trim();
+    const summary2 = stripMarkdownPreview(guide.video_summary || guide.content || "");
     const author = guide.author?.full_name?.trim() || "";
     const subtitleParts = [
       `Step ${guide.step_order}`,
@@ -9783,7 +9791,7 @@ function OnboardingGuideCard({
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  const summary = (guide.video_summary || guide.content || "").trim();
+  const summary = stripMarkdownPreview(guide.video_summary || guide.content || "");
   return /* @__PURE__ */ jsxs58(
     next_link_default,
     {
@@ -17127,6 +17135,9 @@ 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(",")}`,
@@ -17151,6 +17162,60 @@ 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",
@@ -23837,7 +23902,6 @@ var CategorySection = ({
           /* @__PURE__ */ jsx195(
             Button,
             {
-              type: "button",
               variant: "transparent",
               onClick: (e) => {
                 e.stopPropagation();
@@ -36485,33 +36549,6 @@ 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]);
@@ -42061,110 +42098,6 @@ 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";
 
@@ -43675,6 +43608,8 @@ export {
   applyProxyAuth,
   setEmbedAuthAdapter,
   embedAuthedFetch,
+  extractItems,
+  extractItemId,
   useChatCardItem,
   SOURCE_ICON_NAMES,
   getSourceIconName,
@@ -43743,11 +43678,6 @@ export {
   useNatsChatAdapter,
   useUnifiedChat,
   extractIncompleteMessageState,
-  SYNTHETIC_REALTIME_ID_PREFIXES,
-  flattenMessagePagesChronological,
-  maxPersistedStreamSeq,
-  mergeHistoryWithRealtime,
-  computeHistoryPrepend,
   CHIP_ACTION_BUTTON_CLASS,
   chatChipClass,
   clickupTaskUrl,
@@ -43853,7 +43783,12 @@ export {
   TICKET_STATUS_OPTIONS,
   OPENFRAME_DEV_SECTIONS,
   scrollElementIntoView,
+  canonicalContentRefType,
   buildListUrl,
+  CONTENT_REF_GROUPS,
+  getContentRefLabel,
+  getContentRefLabelOrTitleCase,
+  orderContentRefTypes,
   DEFAULT_CONTENT_SUFFIXES,
   makeComposeContentUrl,
   buildDefaultHref,
@@ -44096,4 +44031,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-M7DPUWAL.js.map
+//# sourceMappingURL=chunk-NZST65RV.js.map