@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{embeddable-chat-KEWUGQIF.cjs → embeddable-chat-HEL4Z2FL.cjs}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkR6BKQKIFcjs = require('./chunk-R6BKQKIF.cjs');
+var _chunk4XDYSGRLcjs = require('./chunk-4XDYSGRL.cjs');
 require('./chunk-24I6RFVU.cjs');
 
 
@@ -57,21 +57,20 @@ require('./chunk-24I6RFVU.cjs');
 
 
 
+var _chunkFWJ5YECNcjs = require('./chunk-FWJ5YECN.cjs');
 
 
-var _chunkTZP7PSPGcjs = require('./chunk-TZP7PSPG.cjs');
+var _chunkT7SDYBSTcjs = require('./chunk-T7SDYBST.cjs');
+require('./chunk-QD7SKYCQ.cjs');
 
 
-var _chunkLBGAHB6Xcjs = require('./chunk-LBGAHB6X.cjs');
-require('./chunk-KKAY6GPU.cjs');
 
 
 
+var _chunkAKCBLZAOcjs = require('./chunk-AKCBLZAO.cjs');
 
-var _chunkXEYL6AFZcjs = require('./chunk-XEYL6AFZ.cjs');
 
-
-var _chunkLELS4XMXcjs = require('./chunk-LELS4XMX.cjs');
+var _chunkVZKAAXU3cjs = require('./chunk-VZKAAXU3.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1873,7 +1872,7 @@ require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
 require('./chunk-OJZBZH56.cjs');
-require('./chunk-64KBI5MI.cjs');
+require('./chunk-2OYKOHFK.cjs');
 require('./chunk-JKX2C3I2.cjs');
 
 
@@ -1884,18 +1883,18 @@ var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 
 
-var _chunkCGQ7CL62cjs = require('./chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
 
 
-var _chunkMQPTOJMFcjs = require('./chunk-MQPTOJMF.cjs');
-require('./chunk-3ZLPYEL5.cjs');
-require('./chunk-SETFUCZA.cjs');
-require('./chunk-BEMGJDXI.cjs');
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
+require('./chunk-Q7HXTF2C.cjs');
+require('./chunk-HTSRCFXP.cjs');
+require('./chunk-RYIWADIB.cjs');
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1903,7 +1902,7 @@ require('./chunk-4IYNDV3G.cjs');
 require('./chunk-6VOOPMP5.cjs');
 require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
-require('./chunk-3LW5TD54.cjs');
+require('./chunk-DJTPDK3W.cjs');
 require('./chunk-7PNRXJX2.cjs');
 require('./chunk-NTPX5GXI.cjs');
 require('./chunk-AQXKXZWB.cjs');
@@ -1911,32 +1910,33 @@ require('./chunk-V4FXUIMH.cjs');
 require('./chunk-SZHDXXMK.cjs');
 
 
-var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
 require('./chunk-5GJM7VRR.cjs');
-require('./chunk-E76ONBKF.cjs');
+require('./chunk-3VINTJPE.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
-require('./chunk-FL2RMEDX.cjs');
+require('./chunk-T4ZVKEDP.cjs');
 
 
 
-var _chunkXIFEZ2JTcjs = require('./chunk-XIFEZ2JT.cjs');
+var _chunkL4XOCV7Scjs = require('./chunk-L4XOCV7S.cjs');
 
 
 var _chunkZ74QE57Tcjs = require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
-require('./chunk-WEANWBJH.cjs');
-require('./chunk-XFRBEXQN.cjs');
+require('./chunk-63OCO2G5.cjs');
+require('./chunk-YNDH72VU.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 require('./chunk-KHKPLOU4.cjs');
 
 // src/components/chat/embeddable-chat.tsx
@@ -2008,7 +2008,7 @@ function useChatDialogManager({
         setArchivedLoading(true);
       }
       try {
-        const result = await fetchArchivedDialogs({ cursor, limit: 20 });
+        const result = await fetchArchivedDialogs({ cursor, limit: _chunkFWJ5YECNcjs.CHAT_HISTORY_PAGE_SIZE });
         if (!isCurrent()) return;
         setArchivedCursor(result.nextCursor);
         setArchivedDialogs((prev) => cursor ? [...prev, ...result.dialogs] : result.dialogs);
@@ -2135,7 +2135,7 @@ function splitCitedSources(sources, content) {
   }
   const cited = sources.filter((source) => firstMentionAt.has(source.index)).sort((a, b) => (_nullishCoalesce(firstMentionAt.get(a.index), () => ( 0))) - (_nullishCoalesce(firstMentionAt.get(b.index), () => ( 0))));
   const uncited = sources.filter((source) => !firstMentionAt.has(source.index));
-  return { cited: _chunkTZP7PSPGcjs.groupSourcesByTable.call(void 0, cited), uncited: _chunkTZP7PSPGcjs.groupSourcesByTable.call(void 0, uncited) };
+  return { cited: _chunkFWJ5YECNcjs.groupSourcesByTable.call(void 0, cited), uncited: _chunkFWJ5YECNcjs.groupSourcesByTable.call(void 0, uncited) };
 }
 
 // src/components/chat/utils/host-message.ts
@@ -2186,7 +2186,7 @@ function pruneTimestampCache(timestampCache, liveIds) {
 // src/components/chat/embeddable-chat.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var HISTORY_RAIL_WIDTH = 320;
-var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + _chunkTZP7PSPGcjs.CHAT_BLOCK_MIN_WIDTH;
+var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + _chunkFWJ5YECNcjs.CHAT_BLOCK_MIN_WIDTH;
 var DRAWER_DEFAULT_WIDTH_RATIO = 0.5;
 var DRAWER_WIDTH_KEY = "mingo-chat-width-v4";
 var DRAWER_DEFAULT_WIDTH_PX = 750;
@@ -2242,32 +2242,24 @@ function RailSlot({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         // Border on the OUTER so the rail/chat divider tracks the animating
         // boundary (and fades out with the panel) instead of vanishing early.
         "shrink-0 overflow-hidden border-r border-ods-border transition-[width,opacity] ease-out",
-        active ? _chunk65VVJSQZcjs.cn.call(void 0, "duration-[240ms] opacity-100", width) : "duration-[300ms] w-0 opacity-0",
+        active ? _chunkN6YCOBLKcjs.cn.call(void 0, "duration-[240ms] opacity-100", width) : "duration-[300ms] w-0 opacity-0",
         className
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full", width, innerClassName), children })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-full", width, innerClassName), children })
     }
   );
 }
 var DEFAULT_AI_AGENT_CONFIG_URL = (slug) => `/api/ai-agents/${encodeURIComponent(slug)}`;
-var SKELETON_ROW_VARIANTS = [
-  { titleWidth: "w-32", slashWidth: "w-20", descriptionLines: 2 },
-  { titleWidth: "w-28", slashWidth: "w-16", descriptionLines: 2 },
-  { titleWidth: "w-40", slashWidth: "w-24", descriptionLines: 2 },
-  { titleWidth: "w-44", slashWidth: "w-28", descriptionLines: 2 },
-  { titleWidth: "w-36", slashWidth: "w-24", descriptionLines: 1 },
-  { titleWidth: "w-24", slashWidth: "w-16", descriptionLines: 2 }
-];
 function dispatchSlashCommandAction(actionId, cmdId, ref) {
   const input = ref.current;
   if (!input) return;
   switch (actionId) {
     case "browse":
-      input.submit(_chunkTZP7PSPGcjs.formatSingularLookupInvocation.call(void 0, cmdId));
+      input.submit(_chunkFWJ5YECNcjs.formatSingularLookupInvocation.call(void 0, cmdId));
       return;
     case "search":
       input.setValue(`/${cmdId} `);
@@ -2293,7 +2285,7 @@ function SourceChip({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const cta = _chunkTZP7PSPGcjs.resolveSourceRowCTA.call(void 0, 
+  const cta = _chunkFWJ5YECNcjs.resolveSourceRowCTA.call(void 0, 
     {
       sourceRepo: src.sourceRepo,
       documentType: src.documentType,
@@ -2303,15 +2295,15 @@ function SourceChip({
       targetPlatform: _nullishCoalesce(src.targetPlatform, () => ( null)),
       path: src.path
     },
-    _chunkTZP7PSPGcjs.sourceRowCtxFromRuntime.call(void 0, runtime, { baseRoute, chipBasePlatform })
+    _chunkFWJ5YECNcjs.sourceRowCtxFromRuntime.call(void 0, runtime, { baseRoute, chipBasePlatform })
   );
   const Icon = cta.icon;
   const icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "h-3.5 w-3.5" });
-  const chipClass = _chunkTZP7PSPGcjs.chatChipClass.call(void 0, { tone: "secondary" });
-  const decideTab = (href, targetPlatform) => _chunkMQPTOJMFcjs.computeIsNewTab.call(void 0, runtime, href, targetPlatform);
+  const chipClass = _chunkFWJ5YECNcjs.chatChipClass.call(void 0, { tone: "secondary" });
+  const decideTab = (href, targetPlatform) => _chunkJQWYXC2Ecjs.computeIsNewTab.call(void 0, runtime, href, targetPlatform);
   if (src.items && src.items.length > 0) {
     const dropdownItems = src.items.map((item) => {
-      const itemCta = _chunkTZP7PSPGcjs.resolveSourceRowCTA.call(void 0, 
+      const itemCta = _chunkFWJ5YECNcjs.resolveSourceRowCTA.call(void 0, 
         {
           sourceRepo: src.sourceRepo,
           documentType: item.documentType,
@@ -2321,7 +2313,7 @@ function SourceChip({
           targetPlatform: _nullishCoalesce(item.targetPlatform, () => ( null)),
           path: item.path
         },
-        _chunkTZP7PSPGcjs.sourceRowCtxFromRuntime.call(void 0, runtime, { baseRoute, chipBasePlatform })
+        _chunkFWJ5YECNcjs.sourceRowCtxFromRuntime.call(void 0, runtime, { baseRoute, chipBasePlatform })
       );
       const ItemIcon = itemCta.icon;
       const itemChatRef = itemCta.chatRef;
@@ -2341,13 +2333,13 @@ function SourceChip({
       };
     });
     const itemIndices = src.items.flatMap((item) => item.index === void 0 ? [] : [item.index]);
-    const groupIndices = itemIndices.length > 0 ? _chunkTZP7PSPGcjs.formatCitationIndices.call(void 0, itemIndices) : `${src.index}`;
+    const groupIndices = itemIndices.length > 0 ? _chunkFWJ5YECNcjs.formatCitationIndices.call(void 0, itemIndices) : `${src.index}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkR6BKQKIFcjs.HoverDropdown,
+      _chunk4XDYSGRLcjs.HoverDropdown,
       {
         items: dropdownItems,
         renderAnchor: ({ href, targetPlatform, path, className, children }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTZP7PSPGcjs.NavLinkAnchorViaRuntime,
+          _chunkFWJ5YECNcjs.NavLinkAnchorViaRuntime,
           {
             href,
             targetPlatform: _nullishCoalesce(targetPlatform, () => ( null)),
@@ -2380,10 +2372,10 @@ function SourceChip({
   ] });
   const wrapChip = (clickable) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center", children: [
     clickable,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.SourceActionButton, { chatRef: cta.chatRef, onDiscuss, density: "inline", className: "-mr-1 ml-1" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.SourceActionButton, { chatRef: cta.chatRef, onDiscuss, density: "inline", className: "-mr-1 ml-1" })
   ] });
   const buildClickHandler = (href, path, targetPlatform, isNewTab) => (e) => {
-    const handled = _chunkTZP7PSPGcjs.executeNavigation.call(void 0, {
+    const handled = _chunkFWJ5YECNcjs.executeNavigation.call(void 0, {
       event: e,
       runtime,
       href,
@@ -2394,14 +2386,14 @@ function SourceChip({
     if (handled && !isNewTab && onClose) onClose();
   };
   if (cta.href && !!src.externalUrl) {
-    const resolvedHref = _chunkCGQ7CL62cjs.resolveHrefForRuntime.call(void 0, cta.href, runtime);
+    const resolvedHref = _chunkOHXB6HUXcjs.resolveHrefForRuntime.call(void 0, cta.href, runtime);
     const isNewTab = decideTab(resolvedHref, _nullishCoalesce(cta.targetPlatform, () => ( null)));
     return wrapChip(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkV45KLJQPcjs.next_link_default,
         {
           href: resolvedHref,
-          ..._chunkMQPTOJMFcjs.newTabAnchorAttrs.call(void 0, isNewTab),
+          ..._chunkJQWYXC2Ecjs.newTabAnchorAttrs.call(void 0, isNewTab),
           onClick: buildClickHandler(resolvedHref, null, _nullishCoalesce(cta.targetPlatform, () => ( null)), isNewTab),
           className: chipClass,
           children: chipBody(src.name)
@@ -2410,14 +2402,14 @@ function SourceChip({
     );
   }
   if (cta.href) {
-    const resolvedHref = _chunkCGQ7CL62cjs.resolveHrefForRuntime.call(void 0, cta.href, runtime);
+    const resolvedHref = _chunkOHXB6HUXcjs.resolveHrefForRuntime.call(void 0, cta.href, runtime);
     const isNewTab = decideTab(resolvedHref, _nullishCoalesce(cta.targetPlatform, () => ( null)));
     return wrapChip(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkV45KLJQPcjs.next_link_default,
         {
           href: resolvedHref,
-          ..._chunkMQPTOJMFcjs.newTabAnchorAttrs.call(void 0, isNewTab),
+          ..._chunkJQWYXC2Ecjs.newTabAnchorAttrs.call(void 0, isNewTab),
           onClick: buildClickHandler(resolvedHref, src.path, _nullishCoalesce(cta.targetPlatform, () => ( null)), isNewTab),
           className: chipClass,
           title: displayName,
@@ -2485,10 +2477,13 @@ function SourceChips({
         src.index
       )),
       hasOverflow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
+        _chunkCDBFQVPAcjs.Button,
         {
+          variant: "link",
+          size: "compact",
+          noPaddingX: true,
+          type: "button",
           onClick: () => setExpanded(!expanded),
-          className: "inline-flex cursor-pointer items-center gap-1 rounded border border-ods-accent bg-ods-card px-2 py-0.5 text-ods-accent transition-colors text-h6 hover:bg-ods-accent/10",
           "aria-expanded": expanded,
           "aria-label": expanded ? "Show fewer sources" : `Show ${hiddenCount} additional retrieved sources`,
           children: expanded ? "Show less" : `+${hiddenCount} more retrieved ${hiddenCount === 1 ? "source" : "sources"}`
@@ -2529,7 +2524,7 @@ function EmbeddableChatInner({
   defaultActiveMode,
   shell = "drawer",
   closable = true,
-  appearance = _chunkXEYL6AFZcjs.CHAT_APPEARANCE.CLASSIC,
+  appearance = _chunkAKCBLZAOcjs.CHAT_APPEARANCE.CLASSIC,
   onCollapse,
   collapseTo = "list",
   onExpand,
@@ -2537,6 +2532,7 @@ function EmbeddableChatInner({
   userDisplayName,
   userAvatarUrl,
   mingoWelcome,
+  historyPageSize,
   guideWelcome,
   contextPicker,
   renderMention,
@@ -2551,11 +2547,11 @@ function EmbeddableChatInner({
   handleRef
 }) {
   const shellLess = shell !== "drawer";
-  const isV2 = appearance === _chunkXEYL6AFZcjs.CHAT_APPEARANCE.V2;
+  const isV2 = appearance === _chunkAKCBLZAOcjs.CHAT_APPEARANCE.V2;
   const runtime = _chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, );
   const source = _nullishCoalesce(runtime.source, () => ( ""));
   const commandsUrl = runtime.endpoints.commandsUrl;
-  const { attachmentsEnabled, user: identityUser } = _chunkTZP7PSPGcjs.useChatIdentity.call(void 0, );
+  const { attachmentsEnabled, user: identityUser } = _chunkFWJ5YECNcjs.useChatIdentity.call(void 0, );
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
   _react.useEffect.call(void 0, () => {
     if (process.env.NODE_ENV !== "production") {
@@ -2609,11 +2605,11 @@ function EmbeddableChatInner({
   const [quickActionPreview, setQuickActionPreview] = _react.useState.call(void 0, null);
   const slashCommandsProp = _react.useMemo.call(void 0, 
     () => ({
-      fetchCommands: (prefix, signal) => _chunkTZP7PSPGcjs.fetchSlashCommands.call(void 0, prefix, signal, commandsUrl),
+      fetchCommands: (prefix, signal) => _chunkFWJ5YECNcjs.fetchSlashCommands.call(void 0, prefix, signal, commandsUrl),
       resolveSourceIcon: (sourceId) => {
-        const iconName = _chunkTZP7PSPGcjs.getSourceIconName.call(void 0, sourceId);
+        const iconName = _chunkFWJ5YECNcjs.getSourceIconName.call(void 0, sourceId);
         if (!iconName) return void 0;
-        return { Icon: _chunkTUAATMUEcjs.resolveIcon.call(void 0, iconName, { variant: "brand" }), label: sourceId };
+        return { Icon: _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, iconName, { variant: "brand" }), label: sourceId };
       },
       onAction: (cmd, actionId) => {
         dispatchSlashCommandAction(actionId, cmd.id, chatInputRef);
@@ -2640,7 +2636,7 @@ function EmbeddableChatInner({
     },
     [controlledActiveMode, onActiveModeChange]
   );
-  const { commands: commandsList, loaded: commandsLoaded } = _chunkTZP7PSPGcjs.useSlashCommandRegistry.call(void 0, commandsUrl, {
+  const { commands: commandsList, loaded: commandsLoaded } = _chunkFWJ5YECNcjs.useSlashCommandRegistry.call(void 0, commandsUrl, {
     enabled: activeMode === "guide"
   });
   const commandsById = _react.useMemo.call(void 0, () => {
@@ -2651,7 +2647,7 @@ function EmbeddableChatInner({
   const resolveAgentConfigUrl = _nullishCoalesce(_nullishCoalesce(aiAgentConfigUrlProp, () => ( runtime.endpoints.aiAgentConfigUrl)), () => ( DEFAULT_AI_AGENT_CONFIG_URL));
   const agentConfigUrl = activeAgentSlug ? resolveAgentConfigUrl(activeAgentSlug) : void 0;
   const emptyStateUrl = _nullishCoalesce(agentConfigUrl, () => ( runtime.endpoints.emptyStateUrl));
-  const { config: emptyStateConfig, loading: emptyStateLoading } = _chunkTZP7PSPGcjs.useEmptyStateConfig.call(void 0, emptyStateUrl, {
+  const { config: emptyStateConfig, loading: emptyStateLoading } = _chunkFWJ5YECNcjs.useEmptyStateConfig.call(void 0, emptyStateUrl, {
     enabled: activeMode === "guide" || !!activeAgentSlug
   });
   const effectiveGreeting = _nullishCoalesce(emptyStateConfig.greeting, () => ( emptyStateGreeting));
@@ -2698,7 +2694,7 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages,
     dialogCapabilities
-  } = _chunkTZP7PSPGcjs.useUnifiedChat.call(void 0, {
+  } = _chunkFWJ5YECNcjs.useUnifiedChat.call(void 0, {
     modes: effectiveModes,
     activeMode,
     mingoStateOverride: mingoState,
@@ -2745,8 +2741,8 @@ function EmbeddableChatInner({
     addFiles: addAttachmentFiles,
     removeAttachment,
     clear: clearAttachments
-  } = _chunkTZP7PSPGcjs.useChatAttachments.call(void 0, );
-  const { panelRef: galleryPanelRef, modal: galleryModal } = _chunkTZP7PSPGcjs.useChatAttachmentImageGallery.call(void 0, );
+  } = _chunkFWJ5YECNcjs.useChatAttachments.call(void 0, );
+  const { panelRef: galleryPanelRef, modal: galleryModal } = _chunkFWJ5YECNcjs.useChatAttachmentImageGallery.call(void 0, );
   const contextMaxItems = _nullishCoalesce(_optionalChain([contextPicker, 'optionalAccess', _16 => _16.maxItems]), () => ( 10));
   const contextPickerForMode = activeMode === "mingo" ? contextPicker : void 0;
   const [contextItems, setContextItems] = _react.useState.call(void 0, NO_CONTEXT_ITEMS);
@@ -2866,7 +2862,7 @@ function EmbeddableChatInner({
   const askAboutRef = _react.useRef.call(void 0, discussRef);
   const askAbout = _react.useCallback.call(void 0, (reference) => askAboutRef.current(reference), []);
   const renderEntityCard = _react.useCallback.call(void 0, 
-    (reference) => _chunkTZP7PSPGcjs.renderChatInlineEntityCard.call(void 0, reference, {
+    (reference) => _chunkFWJ5YECNcjs.renderChatInlineEntityCard.call(void 0, reference, {
       onDiscuss: askAbout,
       onDisplay: displayRef,
       baseRoute: resolvedBaseRoute,
@@ -2876,7 +2872,7 @@ function EmbeddableChatInner({
     [askAbout, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
   const mingoAssistantIcon = _react.useMemo.call(void 0, 
-    () => effectiveAssistantIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLBGAHB6Xcjs.AgentMark, { agent: "mingo", className: "h-6 w-6" }),
+    () => effectiveAssistantIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT7SDYBSTcjs.AgentMark, { agent: "mingo", className: "h-6 w-6" }),
     [effectiveAssistantIcon]
   );
   const [timestampCache] = _react.useState.call(void 0, () => /* @__PURE__ */ new Map());
@@ -2888,13 +2884,13 @@ function EmbeddableChatInner({
     pruneTimestampCache(timestampCache, new Set(rawMessages.map((m) => m.id)));
     return mapped;
   }, [rawMessages, guideUserName, guideUserAvatar, timestampCache]);
-  const whatToAsk = _chunkTZP7PSPGcjs.useWhatToAsk.call(void 0, {
+  const whatToAsk = _chunkFWJ5YECNcjs.useWhatToAsk.call(void 0, {
     dialogId: activeDialogId,
     content: typeof whatToAskContent === "function" ? void 0 : whatToAskContent,
     user: {
       name: _nullishCoalesce(headerUserName, () => ( "You")),
       avatar: _optionalChain([identityUser, 'optionalAccess', _40 => _40.avatarUrl, 'optionalAccess', _41 => _41.trim, 'call', _42 => _42()]) || _optionalChain([userAvatarUrl, 'optionalAccess', _43 => _43.trim, 'call', _44 => _44()]) || null,
-      authorType: _chunkXEYL6AFZcjs.AUTHOR_TYPE.ADMIN
+      authorType: _chunkAKCBLZAOcjs.AUTHOR_TYPE.ADMIN
     },
     assistant: { name: "Mingo", assistantType: "mingo" }
   });
@@ -2907,7 +2903,7 @@ function EmbeddableChatInner({
       noteWhatToAskSend();
       let augmentedText = text;
       if (readyAttachments.length > 0) {
-        const markdown = readyAttachments.map((att) => _chunkTZP7PSPGcjs.formatChatAttachmentMarkdownForBubble.call(void 0, att, viewUrlPrefix)).join("");
+        const markdown = readyAttachments.map((att) => _chunkFWJ5YECNcjs.formatChatAttachmentMarkdownForBubble.call(void 0, att, viewUrlPrefix)).join("");
         augmentedText = `${text}${markdown}`;
       }
       void sendMessage(augmentedText, {
@@ -2946,7 +2942,7 @@ function EmbeddableChatInner({
         // agent/persona (`icon_props.color`) wins; the built-in slug map
         // (fae→pink, mingo→cyan) is only the fallback for unconfigured
         // built-in agents.
-        accent: _nullishCoalesce(_chunkTZP7PSPGcjs.accentFromIdentityIcon.call(void 0, effectiveAssistantIcon), () => ( _chunkTZP7PSPGcjs.getAgentAccent.call(void 0, activeAgentSlug)))
+        accent: _nullishCoalesce(_chunkFWJ5YECNcjs.accentFromIdentityIcon.call(void 0, effectiveAssistantIcon), () => ( _chunkFWJ5YECNcjs.getAgentAccent.call(void 0, activeAgentSlug)))
       }));
     }
     return (_nullishCoalesce(effectiveSuggestedQueries, () => ( []))).map((q, i) => ({
@@ -2994,7 +2990,7 @@ function EmbeddableChatInner({
     unarchiveDialog: mingoCaps.unarchiveDialog
   });
   const handleOpen = _react.useCallback.call(void 0, () => setIsOpen(true), [setIsOpen]);
-  _chunkTZP7PSPGcjs.useCloseOnNavigation.call(void 0, handleNavigationClose, null);
+  _chunkFWJ5YECNcjs.useCloseOnNavigation.call(void 0, handleNavigationClose, null);
   _react.useEffect.call(void 0, () => {
     const handler = (e) => {
       const detail = e.detail;
@@ -3002,8 +2998,8 @@ function EmbeddableChatInner({
       setIsOpen(true);
       setTimeout(() => askAbout(detail.ref), 0);
     };
-    window.addEventListener(_chunkTZP7PSPGcjs.ASK_AI_OPEN_WITH_REF_EVENT, handler);
-    return () => window.removeEventListener(_chunkTZP7PSPGcjs.ASK_AI_OPEN_WITH_REF_EVENT, handler);
+    window.addEventListener(_chunkFWJ5YECNcjs.ASK_AI_OPEN_WITH_REF_EVENT, handler);
+    return () => window.removeEventListener(_chunkFWJ5YECNcjs.ASK_AI_OPEN_WITH_REF_EVENT, handler);
   }, [source, askAbout, setIsOpen]);
   const pendingAskRef = _react.useRef.call(void 0, null);
   const isDraft = activeDialogId == null && messages.length === 0;
@@ -3037,10 +3033,10 @@ function EmbeddableChatInner({
       const prompt = typeof detail.prompt === "string" ? detail.prompt.trim() : "";
       if (prompt) setTimeout(() => sendAskPrompt(prompt), 0);
     };
-    window.addEventListener(_chunkTZP7PSPGcjs.ASK_AI_OPEN_EVENT, handler);
-    return () => window.removeEventListener(_chunkTZP7PSPGcjs.ASK_AI_OPEN_EVENT, handler);
+    window.addEventListener(_chunkFWJ5YECNcjs.ASK_AI_OPEN_EVENT, handler);
+    return () => window.removeEventListener(_chunkFWJ5YECNcjs.ASK_AI_OPEN_EVENT, handler);
   }, [source, setIsOpen, sendAskPrompt]);
-  _react.useEffect.call(void 0, () => _chunkTZP7PSPGcjs.chatListensForAskAiOpens.call(void 0, ), []);
+  _react.useEffect.call(void 0, () => _chunkFWJ5YECNcjs.chatListensForAskAiOpens.call(void 0, ), []);
   const hasMessages = messages.length > 0;
   const dialogsInitialLoading = isDialogsLoading && dialogs.length === 0;
   const dialogsLoadError = dialogsError && dialogs.length === 0;
@@ -3076,7 +3072,7 @@ function EmbeddableChatInner({
     (message, index) => {
       if (message.role !== "assistant") return null;
       if (chatLoading && index === messages.length - 1) return null;
-      const { cited, uncited } = splitCitedSources(message.sources, _chunkTZP7PSPGcjs.flattenAssistantContent.call(void 0, message.content));
+      const { cited, uncited } = splitCitedSources(message.sources, _chunkFWJ5YECNcjs.flattenAssistantContent.call(void 0, message.content));
       if (cited.length === 0 && uncited.length === 0) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SourceChips,
@@ -3094,7 +3090,7 @@ function EmbeddableChatInner({
   );
   const [portalHost, setPortalHost] = _react.useState.call(void 0, null);
   const [panelBoundary, setPanelBoundary] = _react.useState.call(void 0, null);
-  const splitMinWidth = (isV2 ? _chunkTZP7PSPGcjs.MINGO_V2_RAIL_WIDTH : HISTORY_RAIL_WIDTH) + _chunkTZP7PSPGcjs.CHAT_BLOCK_MIN_WIDTH;
+  const splitMinWidth = (isV2 ? _chunkFWJ5YECNcjs.MINGO_V2_RAIL_WIDTH : HISTORY_RAIL_WIDTH) + _chunkFWJ5YECNcjs.CHAT_BLOCK_MIN_WIDTH;
   const [canSplit, setCanSplit] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!panelBoundary || typeof ResizeObserver === "undefined") return void 0;
@@ -3113,7 +3109,7 @@ function EmbeddableChatInner({
     [splitMinWidth]
   );
   const [railCollapsed, setRailCollapsed] = _react.useState.call(void 0, false);
-  const railStorageHydrated = _chunkTZP7PSPGcjs.useIsHydrated.call(void 0, );
+  const railStorageHydrated = _chunkFWJ5YECNcjs.useIsHydrated.call(void 0, );
   const [railStorageRead, setRailStorageRead] = _react.useState.call(void 0, false);
   if (railStorageHydrated && !railStorageRead) {
     setRailStorageRead(true);
@@ -3167,7 +3163,7 @@ function EmbeddableChatInner({
     resetToNewChat();
   }, [clearWhatToAskDraft, resetToNewChat]);
   const activeDialogStatus = activeDialog && dialogStatusOf ? dialogStatusOf(activeDialog) : void 0;
-  const isChatBlocked = !!composerLock || chatLoading || activeDialogStatus === "working" || activeDialogStatus === "approval" || (_nullishCoalesce(_optionalChain([pendingApprovals, 'optionalAccess', _65 => _65.length]), () => ( 0))) > 0 || _chunkTZP7PSPGcjs.awaitsDecision.call(void 0, hostMessages);
+  const isChatBlocked = !!composerLock || chatLoading || activeDialogStatus === "working" || activeDialogStatus === "approval" || (_nullishCoalesce(_optionalChain([pendingApprovals, 'optionalAccess', _65 => _65.length]), () => ( 0))) > 0 || _chunkFWJ5YECNcjs.awaitsDecision.call(void 0, hostMessages);
   const showWhatToAsk = (content) => {
     whatToAsk.clearDraft();
     resetToNewChat();
@@ -3263,7 +3259,7 @@ function EmbeddableChatInner({
     }),
     [resetToNewChat, contextMaxItems]
   );
-  const splitHeaderMenuItems = _chunkTZP7PSPGcjs.chatDialogMenuItems.call(void 0, {
+  const splitHeaderMenuItems = _chunkFWJ5YECNcjs.chatDialogMenuItems.call(void 0, {
     onCopyLink: headerOnCopyLink,
     onRename: headerOnRename,
     onCompact: headerOnCompact,
@@ -3338,11 +3334,12 @@ function EmbeddableChatInner({
       void loadMoreDialogs();
     },
     isLoadingHistory: dialogsInitialLoading,
+    pageSize: historyPageSize,
     loadError: dialogsLoadError,
     onRetry: reloadDialogs
   };
   const v2Header = isV2 && !stackedListView ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "col-start-2 row-start-1 min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTZP7PSPGcjs.MingoChatHeader,
+    _chunkFWJ5YECNcjs.MingoChatHeader,
     {
       title: archiveOpen ? "Chat Archive" : headerShowBack || isGuideEmpty ? headerTitle : freshConversationTitle,
       subtitle: archiveOpen ? void 0 : headerPersonName,
@@ -3362,7 +3359,7 @@ function EmbeddableChatInner({
   const body = (
     // The whole panel reads the appearance (the composer's footer too), not
     // only the thread `ChatMessageList` provides it to.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatAppearanceContext.Provider, { value: appearance, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.CollisionBoundaryContext.Provider, { value: panelBoundary, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.ChatAppearanceContext.Provider, { value: appearance, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.CollisionBoundaryContext.Provider, { value: panelBoundary, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
@@ -3370,7 +3367,7 @@ function EmbeddableChatInner({
           "data-surface": isV2 ? "mingo" : void 0,
           className: `flex h-full flex-col overflow-hidden transition-colors duration-200 ${!isV2 && (archiveOpen && !splitActive || stackedListView) ? "bg-ods-card" : "bg-ods-bg"} ${previewMode ? "pointer-events-none select-none" : ""}`,
           children: archiveOpen && !splitActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTZP7PSPGcjs.ChatArchivePage,
+            _chunkFWJ5YECNcjs.ChatArchivePage,
             {
               dialogs: archivedDialogs,
               onSelectDialog: handleArchivedSelect,
@@ -3386,7 +3383,7 @@ function EmbeddableChatInner({
           ) }, "archive-view") : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
             {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "min-h-0 flex-1 duration-200 animate-in fade-in-0",
                 // v2: the list runs the full height beside a column of header,
                 // banner and chat; each child below takes its cell explicitly.
@@ -3400,7 +3397,7 @@ function EmbeddableChatInner({
                     narrow: true,
                     className: "col-start-1 row-span-3 row-start-1",
                     innerClassName: "flex min-h-0 flex-col",
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.MingoChatRail, { ...mingoRailProps, className: "w-full border-r-0" })
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.MingoChatRail, { ...mingoRailProps, className: "w-full border-r-0" })
                   }
                 ),
                 isV2 ? v2Header : showWideHeader ? (
@@ -3417,53 +3414,72 @@ function EmbeddableChatInner({
                   // sub-`md` viewport would split the body yet drop to the mobile
                   // single-bar header (no rail search / collapse controls).
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-14 w-full flex-shrink-0 overflow-hidden border-b border-ods-border bg-ods-card", children: [
-                    railPresence.mounted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RailSlot, { active: railPresence.active, innerClassName: "flex overflow-hidden", children: archiveOpen ? (
-                      // Archive open in the wide layout — the rail header
-                      // turns into a "Chat Archive" back bar (the list itself
-                      // renders in the rail below); the chat block is untouched.
-                      // Back is a full-height leading cell, matching the other
-                      // header cells (not a small inline chevron).
-                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatHeaderIconButton, { divider: "right", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFC7N7BQXcjs.Chevron02LeftIcon, { size: 24 }) }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Chat Archive" }) })
-                      ] })
-                    ) : (
-                      // "Current Chats" rail header — title fills, then the
-                      // search + archive controls. When search is open the
-                      // inline field takes over the title area in place
-                      // (Figma 116:51217) and the magnifier toggle is hidden.
-                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                        railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkTZP7PSPGcjs.ChatHeaderSearchField,
-                          {
-                            initialValue: mingoCaps.searchQuery,
-                            onSearchChange: mingoCaps.onSearchChange,
-                            onCollapse: () => setRailSearchOpen(false)
-                          }
-                        ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
-                          mingoCaps.onSearchChange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkTZP7PSPGcjs.ChatHeaderIconButton,
-                            {
-                              onClick: () => setRailSearchOpen((o) => !o),
-                              "aria-label": "Search chats",
-                              "aria-pressed": railSearchOpen,
-                              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { size: 24 })
-                            }
-                          )
-                        ] }),
-                        headerOnOpenArchive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatHeaderIconButton, { onClick: headerOnOpenArchive, "aria-label": "Chat archive", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7JKBT3LTcjs.ClockHistoryIcon, { size: 24 }) })
-                      ] })
-                    ) }),
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1", children: [
+                    railPresence.mounted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      RailSlot,
+                      {
+                        active: railPresence.active,
+                        innerClassName: "flex divide-x divide-ods-border overflow-hidden",
+                        children: archiveOpen ? (
+                          // Archive open in the wide layout — the rail header
+                          // turns into a "Chat Archive" back bar (the list itself
+                          // renders in the rail below); the chat block is untouched.
+                          // Back is a full-height leading cell, matching the other
+                          // header cells (not a small inline chevron).
+                          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "cell", className: "w-14", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFC7N7BQXcjs.Chevron02LeftIcon, { size: 24 }) }),
+                            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Chat Archive" }) })
+                          ] })
+                        ) : (
+                          // "Current Chats" rail header — title fills, then the
+                          // search + archive controls. When search is open the
+                          // inline field takes over the title area in place
+                          // (Figma 116:51217) and the magnifier toggle is hidden.
+                          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                            railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                              _chunkFWJ5YECNcjs.ChatHeaderSearchField,
+                              {
+                                initialValue: mingoCaps.searchQuery,
+                                onSearchChange: mingoCaps.onSearchChange,
+                                onCollapse: () => setRailSearchOpen(false)
+                              }
+                            ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
+                              mingoCaps.onSearchChange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                                _chunkCDBFQVPAcjs.Button,
+                                {
+                                  variant: "cell",
+                                  className: "w-14",
+                                  onClick: () => setRailSearchOpen((o) => !o),
+                                  "aria-label": "Search chats",
+                                  "aria-pressed": railSearchOpen,
+                                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { size: 24 })
+                                }
+                              )
+                            ] }),
+                            headerOnOpenArchive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                              _chunkCDBFQVPAcjs.Button,
+                              {
+                                variant: "cell",
+                                className: "w-14",
+                                onClick: headerOnOpenArchive,
+                                "aria-label": "Chat archive",
+                                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7JKBT3LTcjs.ClockHistoryIcon, { size: 24 })
+                              }
+                            )
+                          ] })
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 divide-x divide-ods-border", children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "button",
+                        _chunkCDBFQVPAcjs.Button,
                         {
+                          variant: "cell",
                           type: "button",
                           onClick: toggleRailCollapsed,
                           "aria-label": splitActive ? "Collapse chat list" : "Show chat list",
                           "aria-pressed": !splitActive,
-                          className: "flex size-14 shrink-0 items-center justify-center border-r border-ods-border text-ods-text-secondary transition-colors hover:bg-ods-bg-hover hover:text-ods-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
+                          className: "size-14",
                           children: splitActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ7OPT4PNcjs.Arrow02RightIcon, { size: 24 }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYT2QVY3cjs.Arrow02LeftIcon, { size: 24 })
                         }
                       ),
@@ -3475,7 +3491,7 @@ function EmbeddableChatInner({
                         headerAvatar ? (
                           // Owner avatar at the title cell's right edge (Figma 113:63273).
                           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkBNUZKBNVcjs.SquareAvatar,
+                            _chunkAFJEUBDScjs.SquareAvatar,
                             {
                               variant: "round",
                               sizePx: 32,
@@ -3489,17 +3505,17 @@ function EmbeddableChatInner({
                           )
                         ) : null
                       ] }),
-                      isViewingArchived && headerOnRestore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatHeaderIconButton, { onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPX2JK6Pcjs.Refresh01LeftIcon, { size: 24 }) }),
+                      isViewingArchived && headerOnRestore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "cell", className: "w-14", onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPPX2JK6Pcjs.Refresh01LeftIcon, { size: 24 }) }),
                       headerShowBack && !isViewingArchived && splitHeaderMenuItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkLELS4XMXcjs.ActionsMenuDropdown,
+                        _chunkVZKAAXU3cjs.ActionsMenuDropdown,
                         {
                           triggerAriaLabel: "Chat actions",
                           onCloseAutoFocus: (e) => e.preventDefault(),
                           groups: [{ items: splitHeaderMenuItems }],
-                          customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatHeaderIconButton, { "aria-label": "Chat actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24 }) })
+                          customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "cell", className: "w-14", "aria-label": "Chat actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24 }) })
                         }
                       ),
-                      closeControl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatHeaderIconButton, { onClick: closeControl, "aria-label": "Close", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { size: 24 }) })
+                      closeControl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "cell", className: "w-14", onClick: closeControl, "aria-label": "Close", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { size: 24 }) })
                     ] })
                   ] })
                 ) : (
@@ -3507,20 +3523,20 @@ function EmbeddableChatInner({
                   // guide, resolved into `narrowHeaderProps` above. (Wide layouts,
                   // including rail-collapsed, use the wide header above.) Embedded
                   // previews (hero demo tabs) force the compact bar via `compact`.
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatPanelHeader, { ...narrowHeaderProps, compact: previewMode })
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.ChatPanelHeader, { ...narrowHeaderProps, compact: previewMode })
                 ),
                 activeMode === "guide" && hasMingoMode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkTZP7PSPGcjs.GuideModeBanner,
+                  _chunkFWJ5YECNcjs.GuideModeBanner,
                   {
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, "duration-200 animate-in fade-in-0", isV2 && "col-start-2 row-start-2")
+                    className: _chunkN6YCOBLKcjs.cn.call(void 0, "duration-200 animate-in fade-in-0", isV2 && "col-start-2 row-start-2")
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-h-0 flex-1 overflow-hidden", isV2 && "col-start-2 row-start-3 min-w-0"), children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex min-h-0 flex-1 overflow-hidden", isV2 && "col-start-2 row-start-3 min-w-0"), children: [
                   !isV2 && railPresence.mounted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RailSlot, { active: railPresence.active, innerClassName: "flex flex-col min-h-0 bg-ods-card", children: archiveOpen ? (
                     // Archive list inside the rail (header lives in the split
                     // header's left cell above). Right chat block stays put.
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkTZP7PSPGcjs.ChatArchivePage,
+                      _chunkFWJ5YECNcjs.ChatArchivePage,
                       {
                         embedded: true,
                         dialogs: archivedDialogs,
@@ -3534,7 +3550,7 @@ function EmbeddableChatInner({
                       }
                     )
                   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkTZP7PSPGcjs.MingoHistoryRail,
+                    _chunkFWJ5YECNcjs.MingoHistoryRail,
                     {
                       dialogs,
                       activeDialogId: _nullishCoalesce(activeDialogId, () => ( void 0)),
@@ -3553,15 +3569,16 @@ function EmbeddableChatInner({
                         void loadMoreDialogs();
                       },
                       isLoadingHistory: dialogsInitialLoading,
+                      pageSize: historyPageSize,
                       loadError: dialogsLoadError,
                       onRetry: reloadDialogs
                     }
                   ) }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-h-0 min-w-0 flex-1 flex-col", isV2 && "ods-glow-accent-corner"), children: isV2 && archiveOpen ? (
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex min-h-0 min-w-0 flex-1 flex-col", isV2 && "ods-glow-accent-corner"), children: isV2 && archiveOpen ? (
                     // v2: the archive opens in the chat column under the chat's
                     // header; the list stays, and "Chat Archive" there toggles back.
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkTZP7PSPGcjs.MingoArchiveList,
+                      _chunkFWJ5YECNcjs.MingoArchiveList,
                       {
                         dialogs: archivedDialogs,
                         onSelectDialog: handleArchivedSelect,
@@ -3574,7 +3591,7 @@ function EmbeddableChatInner({
                       }
                     )
                   ) : stackedListView && isV2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkTZP7PSPGcjs.MingoChatRail,
+                    _chunkFWJ5YECNcjs.MingoChatRail,
                     {
                       ...mingoRailProps,
                       onNewChat: () => setComposeOpen(true),
@@ -3593,7 +3610,7 @@ function EmbeddableChatInner({
                     // single-column view. No composer here; "Start New Chat" opens
                     // the compose view.
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkTZP7PSPGcjs.MingoHistoryRail,
+                      _chunkFWJ5YECNcjs.MingoHistoryRail,
                       {
                         className: "duration-200 animate-in fade-in-0",
                         dialogs,
@@ -3613,6 +3630,7 @@ function EmbeddableChatInner({
                           void loadMoreDialogs();
                         },
                         isLoadingHistory: dialogsInitialLoading,
+                        pageSize: historyPageSize,
                         loadError: dialogsLoadError,
                         onRetry: reloadDialogs
                       }
@@ -3622,25 +3640,15 @@ function EmbeddableChatInner({
                       "div",
                       {
                         className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0",
-                        children: hasConversation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", children: messagesInitialLoading ? (
-                          // Match the real list's `fullWidth` layout so swapping
-                          // skeleton → bubbles doesn't shift the column. The panel
-                          // wrapper above already pads (`p-[var(--spacing-system-m)]`),
-                          // so the skeleton sits flush (no inner px/pb).
-                          //
-                          // In `previewMode` the chat lives in a fixed-height host box
-                          // (e.g. the Mingo hero demo). The default bottom-anchored
-                          // skeleton overflows a short panel and grows its OWN
-                          // scrollbar — ugly. `fill` top-anchors + clips overflow so
-                          // it reads as "the whole panel is loading" and never scrolls.
-                          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatMessageListSkeleton, { fullWidth: true, fill: previewMode, className: "flex-1" })
-                        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkTZP7PSPGcjs.ChatMessageList,
+                        children: hasConversation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          _chunkFWJ5YECNcjs.ChatMessageList,
                           {
                             messages,
+                            isLoading: messagesInitialLoading,
+                            fill: previewMode,
                             appearance,
                             isTyping: chatLoading,
-                            typingMessage: streamingProgress ? _chunkTZP7PSPGcjs.chatProgressLabel.call(void 0, streamingProgress) : void 0,
+                            typingMessage: streamingProgress ? _chunkFWJ5YECNcjs.chatProgressLabel.call(void 0, streamingProgress) : void 0,
                             pendingApprovals,
                             autoScroll: !previewMode,
                             pinBottom: previewMode,
@@ -3653,7 +3661,7 @@ function EmbeddableChatInner({
                             renderMention,
                             renderAfterMessage: renderMessageSources,
                             onAskSelect: chatLoading || previewMode ? void 0 : handleAskSelect,
-                            NavLinkAnchor: _chunkTZP7PSPGcjs.NavLinkAnchorViaRuntime,
+                            NavLinkAnchor: _chunkFWJ5YECNcjs.NavLinkAnchorViaRuntime,
                             className: previewMode ? "pointer-events-auto flex-1" : "flex-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
                             contentClassName: "max-w-none pb-0",
                             fullWidth: true,
@@ -3667,9 +3675,10 @@ function EmbeddableChatInner({
                           quick-action chips. Guide mode keeps the slash-command
                           onboarding list below. */
                           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkTZP7PSPGcjs.MingoWelcome,
+                            _chunkFWJ5YECNcjs.MingoWelcome,
                             {
                               onStartGuideChat: effectiveModes.guide ? () => handleActiveModeChange("guide") : void 0,
+                              historyPageSize,
                               ...mingoWelcome,
                               hasExistingChats: false,
                               onQuickActionHover: (action) => setQuickActionPreview(_nullishCoalesce(action.prompt, () => ( action.label))),
@@ -3682,7 +3691,7 @@ function EmbeddableChatInner({
                           + slash-command onboarding list share one scroll region,
                           with a pinned quick-action chip row above the composer. */
                           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            _chunkTZP7PSPGcjs.GuideWelcome,
+                            _chunkFWJ5YECNcjs.GuideWelcome,
                             {
                               subtitle: _nullishCoalesce(effectiveGreeting, () => ( void 0)),
                               subtitleLoading: emptyStateLoading,
@@ -3698,17 +3707,9 @@ function EmbeddableChatInner({
                               onQuickActionHoverEnd: () => setQuickActionPreview(null),
                               agentSlug: activeAgentSlug,
                               children: (chipCommands.length > 0 || !commandsLoaded) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "shrink-0 overflow-hidden rounded-md border border-ods-border", children: [
-                                !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                                  _chunkTZP7PSPGcjs.MingoOnboardingCardSkeleton,
-                                  {
-                                    titleWidth: variant.titleWidth,
-                                    slashWidth: variant.slashWidth,
-                                    descriptionLines: variant.descriptionLines
-                                  },
-                                  `chip-skeleton-${i}`
-                                )),
+                                !commandsLoaded && chipCommands.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: _chunkAKCBLZAOcjs.MINGO_ONBOARDING_SKELETON_ROWS, children: (i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.MingoOnboardingCard, { loading: true, "data-loading-item": true, skeletonIndex: i, title: "" }) }),
                                 chipCommands.map((cmd) => {
-                                  const Icon = _chunkTUAATMUEcjs.resolveIcon.call(void 0, cmd.iconName);
+                                  const Icon = _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, cmd.iconName);
                                   const cmdId = cmd.id;
                                   const label = _nullishCoalesce(cmd.label, () => ( `/${cmdId}`));
                                   const cardActions = cmd.actions.map((action) => ({
@@ -3717,13 +3718,14 @@ function EmbeddableChatInner({
                                     onClick: () => dispatchSlashCommandAction(action.id, cmdId, chatInputRef)
                                   }));
                                   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                                    _chunkXEYL6AFZcjs.MingoOnboardingCard,
+                                    _chunkAKCBLZAOcjs.MingoOnboardingCard,
                                     {
                                       icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: 16 }),
                                       title: label,
                                       slashCommand: `/${cmdId}`,
                                       description: cmd.description,
-                                      actions: cardActions
+                                      actions: cardActions,
+                                      "data-loading-item": true
                                     },
                                     cmdId
                                   );
@@ -3737,7 +3739,7 @@ function EmbeddableChatInner({
                     ) }),
                     aboveComposer != null && aboveComposer !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 px-[var(--spacing-system-m)] pb-[var(--spacing-system-m)]", children: aboveComposer }),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkTZP7PSPGcjs.ChatAttachmentChipStrip,
+                      _chunkFWJ5YECNcjs.ChatAttachmentChipStrip,
                       {
                         attachments: stagedAttachments,
                         onRemove: removeAttachment,
@@ -3745,7 +3747,7 @@ function EmbeddableChatInner({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkTZP7PSPGcjs.ChatComposer,
+                      _chunkFWJ5YECNcjs.ChatComposer,
                       {
                         archived: isViewingArchived,
                         lock: composerLock,
@@ -3796,7 +3798,7 @@ function EmbeddableChatInner({
       ),
       galleryModal,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTZP7PSPGcjs.ChatDialogModals,
+        _chunkFWJ5YECNcjs.ChatDialogModals,
         {
           renameTarget,
           setRenameTarget,
@@ -3812,14 +3814,14 @@ function EmbeddableChatInner({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, style: { display: "contents" } })
     ] }) }) })
   );
-  const panel = shellLess ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTZP7PSPGcjs.ChatPanelContext.Provider, { value: chatPanelHandle, children: [
+  const panel = shellLess ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFWJ5YECNcjs.ChatPanelContext.Provider, { value: chatPanelHandle, children: [
     shell === "none" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPrimitive.Title, { children: [
       sourceLabel,
       " AI Assistant"
     ] }) }),
     body
-  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR6BKQKIFcjs.Drawer, { open: isOpen, onOpenChange: (o) => !o && handleClose(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ChatPanelContext.Provider, { value: chatPanelHandle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkR6BKQKIFcjs.DrawerContent,
+  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4XDYSGRLcjs.Drawer, { open: isOpen, onOpenChange: (o) => !o && handleClose(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.ChatPanelContext.Provider, { value: chatPanelHandle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunk4XDYSGRLcjs.DrawerContent,
     {
       side: "right",
       flush: true,
@@ -3848,10 +3850,10 @@ function EmbeddableChatInner({
         "aria-hidden": isOpen,
         className: `pointer-events-none sticky bottom-0 z-[9990] h-0 ${isOpen ? "opacity-0" : "opacity-100"}`,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute bottom-4 right-4 md:bottom-6 md:right-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             onClick: handleOpen,
-            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLBGAHB6Xcjs.AgentMark, { agent: "mingo", className: "h-5 w-5" }),
+            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT7SDYBSTcjs.AgentMark, { agent: "mingo", className: "h-5 w-5" }),
             tabIndex: isOpen ? -1 : 0,
             className: `pointer-events-auto !w-auto shadow-lg ${isOpen ? "!pointer-events-none" : ""}`,
             children: "Ask AI"