@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/components/chat/context-items-list.js

@@ -7,13 +7,17 @@ import { Component, useCallback } from "react";
 import { cn } from "../../utils/cn.js";
 import { CheckFillIcon } from "../icons-v2-generated/signs-and-symbols/check-fill-icon.js";
 import { LoadingRegion } from "../loading/loading-region.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { BUTTON_KIND_CLASS, Button } from "../ui/button/index.js";
+import { LoadingItems, loadingItemProps, useLoadingScope } from "../ui/loading-scope.js";
 const itemKey = (i) => `${i.type}:${i.id}`;
 const CONTEXT_ROW_CLASS = "flex w-full items-center gap-2 border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 text-left outline-none transition-colors last:border-b-0 hover:bg-ods-bg-hover focus-visible:bg-ods-bg-hover [&_svg]:size-4 md:[&_svg]:size-6";
-const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6";
+const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6 [&_svg]:size-4 md:[&_svg]:size-6";
 const CONTEXT_LABEL_CLASS = "flex-1 truncate text-h4 font-medium leading-6 text-ods-text-primary";
-const CONTEXT_BACK_CLASS = "flex shrink-0 items-center gap-2 border-b border-ods-border bg-ods-bg px-2 py-3 text-left text-h4 font-medium leading-6 text-ods-text-secondary outline-none transition-colors hover:text-ods-text-primary [&_svg]:size-4 md:[&_svg]:size-6";
+const CONTEXT_BACK_BAR_CLASS = "sticky top-0 z-10 shrink-0 bg-ods-bg";
 const CONTEXT_STATE_CLASS = "bg-ods-bg px-4 py-3 text-h4 text-ods-text-secondary";
+const CONTEXT_LIST_CLASS = "max-h-[min(340px,45vh)] divide-y divide-ods-border overflow-y-auto overscroll-contain";
+const CONTEXT_ITEMS_PAGE_SIZE = 10;
 function ContextMenuRow({
   icon,
   label,
@@ -22,35 +26,37 @@ function ContextMenuRow({
   disabled = false,
   selected,
   role = "menuitem",
-  title
+  title,
+  loading: loadingProp = false,
+  ...props
 }) {
-  return /* @__PURE__ */ jsxs(
-    "button",
+  const inScope = useLoadingScope();
+  const loading = loadingProp || inScope && (label == null || label === "");
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon != null && /* @__PURE__ */ jsx("span", { className: CONTEXT_ICON_CLASS, children: icon }),
+    /* @__PURE__ */ jsx("span", { className: CONTEXT_LABEL_CLASS, children: loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/2" }) : label }),
+    !loading && trailing
+  ] });
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: BUTTON_KIND_CLASS.row, ...loadingItemProps(props), children: content });
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
     {
+      variant: "row",
       type: "button",
       role,
       "aria-selected": role === "option" ? selected : void 0,
       disabled,
       onClick,
       title,
-      className: cn(CONTEXT_ROW_CLASS, disabled && "cursor-not-allowed opacity-40 hover:bg-ods-bg"),
-      children: [
-        icon != null && /* @__PURE__ */ jsx("span", { className: CONTEXT_ICON_CLASS, children: icon }),
-        /* @__PURE__ */ jsx("span", { className: CONTEXT_LABEL_CLASS, children: label }),
-        trailing
-      ]
+      ...loadingItemProps(props),
+      children: content
     }
   );
 }
 function ContextItemsSkeleton({ count }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex items-center border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 last:border-b-0",
-      children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2" })
-    },
-    `ctx-skeleton-${i}`
-  )) });
+  return /* @__PURE__ */ jsx(LoadingItems, { count, children: () => /* @__PURE__ */ jsx(ContextMenuRow, { loading: true, label: "", "data-loading-item": true }) });
 }
 function ContextItemsList({
   items,
@@ -60,9 +66,11 @@ function ContextItemsList({
   hasMore = false,
   onLoadMore,
   loadingMore = false,
+  pageSize = CONTEXT_ITEMS_PAGE_SIZE,
   emptyLabel = "No results",
   className
 }) {
+  const loading = useLoadingScope();
   const onScroll = useCallback(
     (e) => {
       if (!hasMore || loadingMore || !onLoadMore) return;
@@ -71,38 +79,33 @@ function ContextItemsList({
     },
     [hasMore, loadingMore, onLoadMore]
   );
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: cn(CONTEXT_LIST_CLASS, className), children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: pageSize }) });
+  }
   if (items.length === 0 && !loadingMore) {
     return /* @__PURE__ */ jsx("div", { className: CONTEXT_STATE_CLASS, children: emptyLabel });
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "listbox",
-      "aria-label": "Items",
-      onScroll,
-      className: cn("max-h-[min(340px,45vh)] overflow-y-auto overscroll-contain", className),
-      children: [
-        items.map((item) => {
-          const selected = selectedKeys.has(itemKey(item));
-          return /* @__PURE__ */ jsx(
-            ContextMenuRow,
-            {
-              role: "option",
-              selected,
-              disabled: !selected && atLimit,
-              onClick: () => onToggle(item),
-              label: item.label,
-              title: !selected && atLimit ? "Selection limit reached" : void 0,
-              trailing: selected ? /* @__PURE__ */ jsx(CheckFillIcon, { className: "size-4 shrink-0 text-ods-accent md:size-6" }) : void 0
-            },
-            itemKey(item)
-          );
-        }),
-        loadingMore && // `contents`: the rows stay the list's own rows; the region only adds the one announcement.
-        /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading more items", className: "contents", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: 3 }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { role: "listbox", "aria-label": "Items", onScroll, className: cn(CONTEXT_LIST_CLASS, className), children: [
+    items.map((item) => {
+      const selected = selectedKeys.has(itemKey(item));
+      return /* @__PURE__ */ jsx(
+        ContextMenuRow,
+        {
+          role: "option",
+          selected,
+          disabled: !selected && atLimit,
+          onClick: () => onToggle(item),
+          label: item.label,
+          title: !selected && atLimit ? "Selection limit reached" : void 0,
+          trailing: selected ? /* @__PURE__ */ jsx(CheckFillIcon, { className: "size-4 shrink-0 text-ods-accent md:size-6" }) : void 0,
+          "data-loading-item": true
+        },
+        itemKey(item)
+      );
+    }),
+    loadingMore && // `contents`: the rows stay the list's own rows; the region only adds the one announcement.
+    /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading more items", className: "contents", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: pageSize }) })
+  ] });
 }
 class ContextErrorBoundary extends Component {
   constructor() {
@@ -126,13 +129,12 @@ class ContextErrorBoundary extends Component {
   }
 }
 export {
-  CONTEXT_BACK_CLASS,
+  CONTEXT_BACK_BAR_CLASS,
   CONTEXT_ICON_CLASS,
   CONTEXT_LABEL_CLASS,
   CONTEXT_ROW_CLASS,
   CONTEXT_STATE_CLASS,
   ContextErrorBoundary,
   ContextItemsList,
-  ContextItemsSkeleton,
   ContextMenuRow
 };

package/dist/components/chat/embeddable-chat.d.ts

@@ -233,6 +233,14 @@ export interface EmbeddableChatProps {
      * hover-preview callbacks are also wired internally.
      */
     mingoWelcome?: Omit<MingoWelcomeProps, 'onStartGuideChat' | 'hasExistingChats' | 'onQuickActionHover' | 'onQuickActionHoverEnd'>;
+    /**
+     * The host's conversation page size: how many dialogs one page of the list
+     * holds (the `limit` the host's dialog reader asks for). Every conversation
+     * list's loading state (the history rails, the v2 chat list, the welcome's
+     * history) draws exactly one page of rows. Defaults to
+     * `CHAT_HISTORY_PAGE_SIZE` (the lib's own adapters' page).
+     */
+    historyPageSize?: number;
     /**
      * Content overrides for the Guide-mode empty state (`<GuideWelcome>`):
      * greeting `title`/`subtitle` and the `quickActions` chips. Each field falls

package/dist/components/chat/embeddable-chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embeddable-chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/embeddable-chat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"embeddable-chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/embeddable-chat.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/embeddable-chat.js

@@ -31,6 +31,7 @@ import { ActionsMenuDropdown } from "../ui/actions-menu.js";
 import { Button } from "../ui/button/index.js";
 import { Drawer, DrawerContent } from "../ui/drawer.js";
 import { HoverDropdown } from "../ui/hover-dropdown.js";
+import { LoadingItems } from "../ui/loading-scope.js";
 import { CollisionBoundaryContext, PortalContainerContext } from "../ui/portal-container.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
 import { ChatAppearanceContext } from "./chat-appearance-context.js";
@@ -39,10 +40,8 @@ import { ChatAttachmentChipStrip } from "./chat-attachment-bar.js";
 import { ChatComposer } from "./chat-composer.js";
 import { chatDialogMenuItems } from "./chat-dialog-menu-items.js";
 import { CHAT_BLOCK_MIN_WIDTH, MINGO_V2_RAIL_WIDTH } from "./chat-dimensions.js";
-import { ChatHeaderIconButton } from "./chat-header-icon-button.js";
 import { ChatHeaderSearchField } from "./chat-header-search-field.js";
 import { ChatMessageList } from "./chat-message-list.js";
-import { ChatMessageListSkeleton } from "./chat-message-skeleton.js";
 import { ChatPanelContext } from "./chat-panel-context.js";
 import { ChatPanelHeader } from "./chat-panel-header.js";
 import { renderChatInlineEntityCard } from "./entity-cards/dispatch.js";
@@ -62,8 +61,7 @@ import { MingoChatHeader } from "./mingo-chat-header.js";
 import { ChatDialogModals } from "./mingo-chat-modals.js";
 import { MingoChatRail } from "./mingo-chat-rail.js";
 import { MingoHistoryRail } from "./mingo-history-rail.js";
-import { MingoOnboardingCard } from "./mingo-onboarding-card.js";
-import { MingoOnboardingCardSkeleton } from "./mingo-onboarding-card-skeleton.js";
+import { MINGO_ONBOARDING_SKELETON_ROWS, MingoOnboardingCard } from "./mingo-onboarding-card.js";
 import { MingoWelcome } from "./mingo-welcome.js";
 import { NavLinkAnchorViaRuntime } from "./nav-link-anchor-via-runtime.js";
 import { accentFromIdentityIcon, getAgentAccent } from "./quick-action-chip.js";
@@ -150,14 +148,6 @@ function RailSlot({
   );
 }
 const DEFAULT_AI_AGENT_CONFIG_URL = (slug) => `/api/ai-agents/${encodeURIComponent(slug)}`;
-const 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;
@@ -381,10 +371,13 @@ function SourceChips({
         src.index
       )),
       hasOverflow && /* @__PURE__ */ jsx(
-        "button",
+        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"}`
@@ -433,6 +426,7 @@ function EmbeddableChatInner({
   userDisplayName,
   userAvatarUrl,
   mingoWelcome,
+  historyPageSize,
   guideWelcome,
   contextPicker,
   renderMention,
@@ -1234,6 +1228,7 @@ function EmbeddableChatInner({
       void loadMoreDialogs();
     },
     isLoadingHistory: dialogsInitialLoading,
+    pageSize: historyPageSize,
     loadError: dialogsLoadError,
     onRetry: reloadDialogs
   };
@@ -1313,53 +1308,72 @@ function EmbeddableChatInner({
                   // sub-`md` viewport would split the body yet drop to the mobile
                   // single-bar header (no rail search / collapse controls).
                   /* @__PURE__ */ jsxs("div", { className: "flex h-14 w-full flex-shrink-0 overflow-hidden border-b border-ods-border bg-ods-card", children: [
-                    railPresence.mounted && /* @__PURE__ */ jsx(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__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(ChatHeaderIconButton, { divider: "right", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ jsx(Chevron02LeftIcon, { size: 24 }) }),
-                        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx("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__ */ jsxs(Fragment, { children: [
-                        railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx(
-                          ChatHeaderSearchField,
-                          {
-                            initialValue: mingoCaps.searchQuery,
-                            onSearchChange: mingoCaps.onSearchChange,
-                            onCollapse: () => setRailSearchOpen(false)
-                          }
-                        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
-                          mingoCaps.onSearchChange && /* @__PURE__ */ jsx(
-                            ChatHeaderIconButton,
-                            {
-                              onClick: () => setRailSearchOpen((o) => !o),
-                              "aria-label": "Search chats",
-                              "aria-pressed": railSearchOpen,
-                              children: /* @__PURE__ */ jsx(SearchIcon, { size: 24 })
-                            }
-                          )
-                        ] }),
-                        headerOnOpenArchive && /* @__PURE__ */ jsx(ChatHeaderIconButton, { onClick: headerOnOpenArchive, "aria-label": "Chat archive", children: /* @__PURE__ */ jsx(ClockHistoryIcon, { size: 24 }) })
-                      ] })
-                    ) }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1", children: [
+                    railPresence.mounted && /* @__PURE__ */ jsx(
+                      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__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx(Button, { variant: "cell", className: "w-14", onClick: closeArchive, "aria-label": "Back to chats", children: /* @__PURE__ */ jsx(Chevron02LeftIcon, { size: 24 }) }),
+                            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx("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__ */ jsxs(Fragment, { children: [
+                            railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx(
+                              ChatHeaderSearchField,
+                              {
+                                initialValue: mingoCaps.searchQuery,
+                                onSearchChange: mingoCaps.onSearchChange,
+                                onCollapse: () => setRailSearchOpen(false)
+                              }
+                            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: "Current Chats" }) }),
+                              mingoCaps.onSearchChange && /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "cell",
+                                  className: "w-14",
+                                  onClick: () => setRailSearchOpen((o) => !o),
+                                  "aria-label": "Search chats",
+                                  "aria-pressed": railSearchOpen,
+                                  children: /* @__PURE__ */ jsx(SearchIcon, { size: 24 })
+                                }
+                              )
+                            ] }),
+                            headerOnOpenArchive && /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "cell",
+                                className: "w-14",
+                                onClick: headerOnOpenArchive,
+                                "aria-label": "Chat archive",
+                                children: /* @__PURE__ */ jsx(ClockHistoryIcon, { size: 24 })
+                              }
+                            )
+                          ] })
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 divide-x divide-ods-border", children: [
                       /* @__PURE__ */ jsx(
-                        "button",
+                        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__ */ jsx(Arrow02RightIcon, { size: 24 }) : /* @__PURE__ */ jsx(Arrow02LeftIcon, { size: 24 })
                         }
                       ),
@@ -1385,17 +1399,17 @@ function EmbeddableChatInner({
                           )
                         ) : null
                       ] }),
-                      isViewingArchived && headerOnRestore && /* @__PURE__ */ jsx(ChatHeaderIconButton, { onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ jsx(Refresh01LeftIcon, { size: 24 }) }),
+                      isViewingArchived && headerOnRestore && /* @__PURE__ */ jsx(Button, { variant: "cell", className: "w-14", onClick: headerOnRestore, "aria-label": "Unarchive chat", children: /* @__PURE__ */ jsx(Refresh01LeftIcon, { size: 24 }) }),
                       headerShowBack && !isViewingArchived && splitHeaderMenuItems.length > 0 && /* @__PURE__ */ jsx(
                         ActionsMenuDropdown,
                         {
                           triggerAriaLabel: "Chat actions",
                           onCloseAutoFocus: (e) => e.preventDefault(),
                           groups: [{ items: splitHeaderMenuItems }],
-                          customTrigger: /* @__PURE__ */ jsx(ChatHeaderIconButton, { "aria-label": "Chat actions", children: /* @__PURE__ */ jsx(Ellipsis01Icon, { size: 24 }) })
+                          customTrigger: /* @__PURE__ */ jsx(Button, { variant: "cell", className: "w-14", "aria-label": "Chat actions", children: /* @__PURE__ */ jsx(Ellipsis01Icon, { size: 24 }) })
                         }
                       ),
-                      closeControl && /* @__PURE__ */ jsx(ChatHeaderIconButton, { onClick: closeControl, "aria-label": "Close", children: /* @__PURE__ */ jsx(XmarkIcon, { size: 24 }) })
+                      closeControl && /* @__PURE__ */ jsx(Button, { variant: "cell", className: "w-14", onClick: closeControl, "aria-label": "Close", children: /* @__PURE__ */ jsx(XmarkIcon, { size: 24 }) })
                     ] })
                   ] })
                 ) : (
@@ -1449,6 +1463,7 @@ function EmbeddableChatInner({
                         void loadMoreDialogs();
                       },
                       isLoadingHistory: dialogsInitialLoading,
+                      pageSize: historyPageSize,
                       loadError: dialogsLoadError,
                       onRetry: reloadDialogs
                     }
@@ -1509,6 +1524,7 @@ function EmbeddableChatInner({
                           void loadMoreDialogs();
                         },
                         isLoadingHistory: dialogsInitialLoading,
+                        pageSize: historyPageSize,
                         loadError: dialogsLoadError,
                         onRetry: reloadDialogs
                       }
@@ -1518,22 +1534,12 @@ function EmbeddableChatInner({
                       "div",
                       {
                         className: "flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0",
-                        children: hasConversation ? /* @__PURE__ */ jsx("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__ */ jsx(ChatMessageListSkeleton, { fullWidth: true, fill: previewMode, className: "flex-1" })
-                        ) : /* @__PURE__ */ jsx(
+                        children: hasConversation ? /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
                           ChatMessageList,
                           {
                             messages,
+                            isLoading: messagesInitialLoading,
+                            fill: previewMode,
                             appearance,
                             isTyping: chatLoading,
                             typingMessage: streamingProgress ? chatProgressLabel(streamingProgress) : void 0,
@@ -1566,6 +1572,7 @@ function EmbeddableChatInner({
                             MingoWelcome,
                             {
                               onStartGuideChat: effectiveModes.guide ? () => handleActiveModeChange("guide") : void 0,
+                              historyPageSize,
                               ...mingoWelcome,
                               hasExistingChats: false,
                               onQuickActionHover: (action) => setQuickActionPreview(action.prompt ?? action.label),
@@ -1594,15 +1601,7 @@ function EmbeddableChatInner({
                               onQuickActionHoverEnd: () => setQuickActionPreview(null),
                               agentSlug: activeAgentSlug,
                               children: (chipCommands.length > 0 || !commandsLoaded) && /* @__PURE__ */ jsxs("div", { className: "shrink-0 overflow-hidden rounded-md border border-ods-border", children: [
-                                !commandsLoaded && chipCommands.length === 0 && SKELETON_ROW_VARIANTS.map((variant, i) => /* @__PURE__ */ jsx(
-                                  MingoOnboardingCardSkeleton,
-                                  {
-                                    titleWidth: variant.titleWidth,
-                                    slashWidth: variant.slashWidth,
-                                    descriptionLines: variant.descriptionLines
-                                  },
-                                  `chip-skeleton-${i}`
-                                )),
+                                !commandsLoaded && chipCommands.length === 0 && /* @__PURE__ */ jsx(LoadingItems, { count: MINGO_ONBOARDING_SKELETON_ROWS, children: (i) => /* @__PURE__ */ jsx(MingoOnboardingCard, { loading: true, "data-loading-item": true, skeletonIndex: i, title: "" }) }),
                                 chipCommands.map((cmd) => {
                                   const Icon = resolveIcon(cmd.iconName);
                                   const cmdId = cmd.id;
@@ -1619,7 +1618,8 @@ function EmbeddableChatInner({
                                       title: label,
                                       slashCommand: `/${cmdId}`,
                                       description: cmd.description,
-                                      actions: cardActions
+                                      actions: cardActions,
+                                      "data-loading-item": true
                                     },
                                     cmdId
                                   );

package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts

@@ -1,43 +1,22 @@
 import type { ComponentType, ReactNode } from 'react';
 /** THE admin card grid: columns and gap shared by the live grid and its skeleton. */
 export declare const ADMIN_CONTENT_CARD_GRID_CLASS = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[var(--spacing-system-lf)]";
-export interface AdminContentCardGridSkeletonProps {
-    /**
-     * How many placeholder cards: ONE FULL PAGE, the host's page size (the `pageSize` the grid it stands in for
-     * loads). A host that pages its grid passes it; the default `12` is the typical admin page, for a host that
-     * states none.
-     */
-    count?: number;
-    /** The placeholder card. Default `AdminContentCardSkeleton`. */
-    Skeleton?: ComponentType<{
-        className?: string;
-    }>;
-    className?: string;
-    /** What is loading, read once by a screen reader. Default "Loading". */
-    label?: string;
-    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
-    region?: boolean;
-}
-/**
- * The grid's loading state on its own: one page of placeholder cards in the
- * grid's columns. `AdminContentCardGrid` draws exactly this while it loads; a
- * page that has no grid yet (a Suspense fallback) draws it directly.
- */
-export declare function AdminContentCardGridSkeleton({ count, Skeleton, className, label, region, }: AdminContentCardGridSkeletonProps): import("react").JSX.Element;
 export interface AdminContentCardGridProps<T> {
     items: readonly T[];
     /** One page of cards: the loading skeleton count and the reserved slot count. */
     pageSize: number;
-    loading: boolean;
+    /** The page is still being read (a loading scope does the same): one page of cards in their loading form. */
+    loading?: boolean;
     itemKey: (item: T) => string | number;
     renderCard: (item: T) => ReactNode;
     /** Rendered when `items` is empty, floated top-aligned over a full page of reserved slots. */
     empty: ReactNode;
     /**
-     * The placeholder card, used for loading and for reserved slots. Default
-     * `AdminContentCardSkeleton`; a grid of another card (e.g. `HowIWorkCard`)
-     * passes that card's own skeleton so the heights match.
+     * The grid's card rendered with `loading` (e.g. `<HowIWorkCard loading />`), drawn in every cell while loading and
+     * in the reserved (invisible) slots, so the heights match. Default `AdminContentCard`'s own loading form.
      */
+    loadingCard?: ReactNode;
+    /** @deprecated Pass `loadingCard`: the host's card rendered with `loading`, never a separate skeleton component. */
     Skeleton?: ComponentType<{
         className?: string;
     }>;
@@ -49,7 +28,7 @@ export interface AdminContentCardGridProps<T> {
 }
 /**
  * A paginated card grid that is ONE height in every state: the card-grid
- * counterpart of the admin `Table`'s `skeletonRows` + `keepHeightWhenEmpty`.
+ * counterpart of `DataTable.Body`'s `skeletonRows` + `minRows`.
  * `AdminContentCard`s rendered in it pass `reserveRows`, so a full page is the
  * height of the reserved one.
  *
@@ -60,5 +39,5 @@ export interface AdminContentCardGridProps<T> {
  * Pair it with a pagination control that keeps its space on a single page, so the
  * pagination row holds too.
  */
-export declare function AdminContentCardGrid<T>({ items, pageSize, loading, itemKey, renderCard, empty, Skeleton, className, loadingLabel, loadingRegion, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
+export declare function AdminContentCardGrid<T>({ items, pageSize, loading: loadingProp, itemKey, renderCard, empty, loadingCard, Skeleton, className, loadingLabel, loadingRegion, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=admin-content-card-grid.d.ts.map

package/dist/components/chat/entity-cards/admin-content-card-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAElF,MAAM,WAAW,iCAAiC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,KAAU,EACV,QAAmC,EACnC,SAAS,EACT,KAAiB,EACjB,MAAa,GACd,EAAE,iCAAiC,+BAanC;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAmC,EACnC,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA2C9B"}
+{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAgElF,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oHAAoH;IACpH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BAiD9B"}