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

package/dist/components/chat/entity-cards/program-card.js

@@ -16,9 +16,9 @@ import { CardHoverPlay } from "../../features/video-center-badge.js";
 import { InteractiveSkeleton, TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Button } from "../../ui/button/button.js";
 import { ImageGalleryModal } from "../../ui/image-gallery-modal.js";
-import { useLoadingScope } from "../../ui/loading-scope.js";
-import { SquareAvatar, SquareAvatarSkeleton } from "../../ui/square-avatar.js";
-import { Tag, TagSkeleton } from "../../ui/tag.js";
+import { LoadingItems, useLoadingScope } from "../../ui/loading-scope.js";
+import { SquareAvatar } from "../../ui/square-avatar.js";
+import { Tag } from "../../ui/tag.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
   COMPACT_CARD_META_ROW_BOX,
@@ -31,7 +31,7 @@ import {
 } from "../utils/compact-card-classes.js";
 import { CompactCardSkeleton } from "../utils/compact-card-skeleton.js";
 import { CONTENT_CARD_SKELETON_FRAME_CLASS, ContentCardFrame } from "./content-card-frame.js";
-import { EntityPortraitCard, EntityPortraitCardSkeleton } from "./entity-portrait-card.js";
+import { EntityPortraitCard } from "./entity-portrait-card.js";
 import { useEntityCardLink } from "./use-entity-card-link.js";
 import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
 const EDITORIAL_FRAME = CONTENT_CARD_SKELETON_FRAME_CLASS;
@@ -55,6 +55,8 @@ const DEFAULT_GALLERY_THUMB = "relative h-24 w-24 flex-shrink-0 overflow-hidden
 const DEFAULT_FOOTER = "flex justify-end border-t border-ods-border pt-[var(--spacing-system-lf)]";
 const DEFAULT_HOSTS_ROW = "flex flex-wrap gap-2 md:justify-end";
 const DEFAULT_SKELETON_TAGS = 2;
+const PROGRAM_CARD_SKELETON_HOSTS = 1;
+const PROGRAM_CARD_SKELETON_MEDIA = 4;
 const EDITORIAL_PERSON_AVATAR = { variant: "round", size: "sm" };
 const programActionLabel = (singular) => `View ${singular.toLowerCase()}`;
 function ProgramActionButton({ label, href, newTab }) {
@@ -65,12 +67,13 @@ function ProgramCardSkeleton({
   eyebrow = true,
   media = 0,
   tags = false,
-  hosts = 1,
+  hosts = PROGRAM_CARD_SKELETON_HOSTS,
   typeLabel,
   actionLabel,
   className
 }) {
-  if (size === "portrait") return /* @__PURE__ */ jsx(EntityPortraitCardSkeleton, { typeLabel, className });
+  if (size === "portrait")
+    return /* @__PURE__ */ jsx(EntityPortraitCard, { loading: true, href: "", imageAlt: "", title: "", typeLabel, className });
   if (size === "row") {
     return /* @__PURE__ */ jsxs("span", { className: cn(EDITORIAL_FRAME, EDITORIAL_ROW_GRID, className), children: [
       /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
@@ -90,7 +93,7 @@ function ProgramCardSkeleton({
         /* @__PURE__ */ jsx("span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
         /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h4", lines: 3, className: "w-full" }),
         /* @__PURE__ */ jsxs("span", { className: EDITORIAL_PERSON_ROW, children: [
-          /* @__PURE__ */ jsx(SquareAvatarSkeleton, { ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
+          /* @__PURE__ */ jsx(SquareAvatar, { loading: true, ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
           /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "h6", className: "w-40" })
         ] })
       ] })
@@ -109,17 +112,35 @@ function ProgramCardSkeleton({
           /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "inherit", lines: 3, className: "w-full" }) }),
-        tags && /* @__PURE__ */ jsx("div", { className: DEFAULT_TAG_ROW, children: Array.from({ length: DEFAULT_SKELETON_TAGS }, (_, i) => /* @__PURE__ */ jsx(TagSkeleton, {}, i)) })
+        tags && /* @__PURE__ */ jsx("div", { className: DEFAULT_TAG_ROW, children: /* @__PURE__ */ jsx(LoadingItems, { count: DEFAULT_SKELETON_TAGS, children: () => /* @__PURE__ */ jsx(Tag, { loading: true, as: "span", label: "", variant: "outline", "data-loading-item": true }) }) })
       ] }),
-      hosts > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_HOSTS_ROW, children: Array.from({ length: hosts }, (_, i) => /* @__PURE__ */ jsx(SquareAvatarSkeleton, { variant: "round", size: "sm" }, i)) })
+      hosts > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_HOSTS_ROW, children: /* @__PURE__ */ jsx(LoadingItems, { count: hosts, children: () => /* @__PURE__ */ jsx(SquareAvatar, { loading: true, variant: "round", size: "sm", "data-loading-item": true }) }) })
     ] }),
-    media > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB }, i)) }),
+    media > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, children: /* @__PURE__ */ jsx(LoadingItems, { count: media, children: () => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB, "data-loading-item": true }) }) }),
     /* @__PURE__ */ jsx("div", { className: DEFAULT_FOOTER, children: actionLabel ? (
       // The action's words are copy: the real button, not a control while it loads.
       /* @__PURE__ */ jsx("span", { inert: true, "aria-hidden": true, className: "flex", children: /* @__PURE__ */ jsx(ProgramActionButton, { label: actionLabel }) })
     ) : /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "default", className: "w-40" }) })
   ] });
 }
+function ProgramCard(props) {
+  if (useLoadingScope() || props.loading) {
+    const { config, size = "default", showTypeBadge = true, eyebrow, className } = props;
+    return /* @__PURE__ */ jsx(
+      ProgramCardSkeleton,
+      {
+        size,
+        eyebrow: !!eyebrow,
+        media: config?.cardShowsGallery ? PROGRAM_CARD_SKELETON_MEDIA : 0,
+        hosts: config?.cardShowsHosts ? PROGRAM_CARD_SKELETON_HOSTS : 0,
+        typeLabel: config && size === "portrait" && showTypeBadge ? config.labels.singular : void 0,
+        actionLabel: config ? programActionLabel(config.labels.singular) : void 0,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(LoadedProgramCard, { ...props });
+}
 function getHosts(hosts) {
   if (!hosts) return [];
   try {
@@ -148,7 +169,7 @@ function getHosts(hosts) {
   }
   return [];
 }
-function MediaGallery({ images, title }) {
+function MediaGallery({ images, title, optional }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const openImageModal = (index, event) => {
@@ -161,11 +182,12 @@ function MediaGallery({ images, title }) {
     setSelectedImageIndex(null);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", "data-loading-optional": optional || void 0, children: /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(DEFAULT_GALLERY_THUMB, "group/thumb cursor-pointer"),
         onClick: (e) => openImageModal(index, e),
+        "data-loading-item": true,
         children: /* @__PURE__ */ jsx(
           Image,
           {
@@ -269,8 +291,9 @@ function ProgramEditorialCard({
         ),
         /* @__PURE__ */ jsxs("span", { className: "truncate text-h6", children: [
           /* @__PURE__ */ jsx("span", { className: "text-ods-text-primary", children: profile.name }),
-          profile.subtitle && /* @__PURE__ */ jsxs("span", { className: "text-ods-text-secondary", children: [
-            " \xB7 ",
+          profile.subtitle && /* @__PURE__ */ jsxs("span", { "data-loading-optional": true, className: "text-ods-text-secondary", children: [
+            " ",
+            "\xB7 ",
             profile.subtitle
           ] })
         ] })
@@ -278,7 +301,7 @@ function ProgramEditorialCard({
     ] })
   ] });
 }
-function ProgramCard({
+function LoadedProgramCard({
   config,
   item,
   media = [],
@@ -307,21 +330,6 @@ function ProgramCard({
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" || size === "row" ? "square" : "wide"
   });
-  if (useLoadingScope()) {
-    return /* @__PURE__ */ jsx(
-      ProgramCardSkeleton,
-      {
-        size,
-        eyebrow: !!eyebrow,
-        media: media.filter((m) => isImageMedia(m)).length,
-        tags: tags.length > 0,
-        hosts: getHosts(item.hosts).length,
-        typeLabel: size === "portrait" && showTypeBadge ? config.labels.singular : void 0,
-        actionLabel: programActionLabel(config.labels.singular),
-        className
-      }
-    );
-  }
   const coverImage = item.cover_url;
   const images = media.filter((m) => isImageMedia(m));
   const hosts = getHosts(item.hosts);
@@ -469,7 +477,8 @@ function ProgramCard({
         ] })
       ] }),
       /* @__PURE__ */ jsx("p", { className: DEFAULT_DESCRIPTION, children: item.description }),
-      tags.length > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_TAG_ROW, children: tags.map((tag) => /* @__PURE__ */ jsx(Tag, { as: "span", label: tag, variant: "outline" }, tag)) })
+      tags.length > 0 && // Only some records carry tags: the loading card leaves the row out.
+      /* @__PURE__ */ jsx("div", { className: DEFAULT_TAG_ROW, "data-loading-optional": true, children: tags.map((tag) => /* @__PURE__ */ jsx(Tag, { as: "span", label: tag, variant: "outline", "data-loading-item": true }, tag)) })
     ] }),
     hosts.length > 0 && // A type whose cards always show hosts (`cardShowsHosts`) draws them while loading; elsewhere only some
     // records have hosts, so the row is record-dependent.
@@ -480,7 +489,8 @@ function ProgramCard({
         src: host.avatar || void 0,
         alt: host.name,
         fallback: host.name.charAt(0).toUpperCase(),
-        size: "sm"
+        size: "sm",
+        "data-loading-item": true
       },
       `${item.id}-host-${index}`
     )) })
@@ -490,7 +500,7 @@ function ProgramCard({
   if (wholeCardClickable) {
     return /* @__PURE__ */ jsxs(ContentCardFrame, { as: "a", href, target, rel, className: cardFrameClass, children: [
       cardHeader,
-      images.length > 0 && /* @__PURE__ */ jsx(MediaGallery, { images, title: item.title }),
+      images.length > 0 && /* @__PURE__ */ jsx(MediaGallery, { images, title: item.title, optional: !config.cardShowsGallery }),
       /* @__PURE__ */ jsx("div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ jsxs(
         "span",
         {
@@ -506,11 +516,12 @@ function ProgramCard({
   }
   return /* @__PURE__ */ jsxs(ContentCardFrame, { as: "div", className: cardFrameClass, children: [
     /* @__PURE__ */ jsx(Link, { href, target, rel, className: "block", children: cardHeader }),
-    images.length > 0 && /* @__PURE__ */ jsx(MediaGallery, { images, title: item.title }),
+    images.length > 0 && /* @__PURE__ */ jsx(MediaGallery, { images, title: item.title, optional: !config.cardShowsGallery }),
     /* @__PURE__ */ jsx("div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ jsx(ProgramActionButton, { label: actionLabel, href, newTab: target === "_blank" }) })
   ] });
 }
 export {
-  ProgramCard,
-  ProgramCardSkeleton
+  PROGRAM_CARD_SKELETON_HOSTS,
+  PROGRAM_CARD_SKELETON_MEDIA,
+  ProgramCard
 };

package/dist/components/chat/entity-cards/roadmap-card.d.ts

@@ -1,19 +1,7 @@
 import type { RoadmapItem } from '../types/entities/roadmap-item';
 type CardSize = 'default' | 'sm';
 export type VoteType = 'up' | 'down' | null;
-/**
- * A roadmap card while it is read. `default`, in the card's own boxes: the 64px icon box, the title as two `text-h3`
- * lines, the quarter and id as a `text-h5` line, the status badge's box (beside the heading from md, its own row
- * below), the description as three `text-h4` lines and the vote buttons' 48px box (with `votes`); the assignees and
- * target version are drawn only when an item has them, so the skeleton leaves them out. `sm`: the compact card's rows.
- */
-export declare function RoadmapCardSkeleton({ size, votes, className, }: {
-    size?: CardSize;
-    /** `default`: the card shows its vote buttons (the caller passes `onVote`). */
-    votes?: boolean;
-    className?: string;
-}): import("react").JSX.Element;
-export interface RoadmapCardProps {
+interface LoadedRoadmapCardProps {
     item: RoadmapItem;
     /** Detail URL for the compact branch (`sm`). Used by the parent
      *  wrapper to drive nav. Default-branch cards don't need href —
@@ -38,6 +26,16 @@ export interface RoadmapCardProps {
     onVote?: (voteType: 'up' | 'down') => void;
     isVoting?: boolean;
 }
-export declare function RoadmapCard({ item, href, target, rel, size, cardType, className, id, userVote, onVote, isVoting, }: RoadmapCardProps): import("react").JSX.Element;
+/**
+ * The record and its link, or `loading` while the host reads it: the card then draws its own loading form, as it
+ * does in a loading scope.
+ */
+export type RoadmapCardProps = (LoadedRoadmapCardProps & {
+    loading?: boolean;
+}) | (Partial<LoadedRoadmapCardProps> & {
+    loading: true;
+});
+/** ONE switch: in a loading scope (or `loading`) the card is its own loading form. */
+export declare function RoadmapCard(props: RoadmapCardProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=roadmap-card.d.ts.map

package/dist/components/chat/entity-cards/roadmap-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"roadmap-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/roadmap-card.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAmBlE,KAAK,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;AACjC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAoB5C;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAgB,EAChB,KAAY,EACZ,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4CA;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,cAAc,GAAG,eAAe,GAAG,eAAe,CAAC;IAC9D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;mCAI+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAaD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAI,EAEJ,MAAM,EAEN,GAAG,EACH,IAAgB,EAChB,QAAyB,EACzB,SAAS,EACT,EAAE,EACF,QAAQ,EACR,MAAM,EACN,QAAgB,GACjB,EAAE,gBAAgB,+BAwOlB"}
+{"version":3,"file":"roadmap-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/roadmap-card.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAmBlE,KAAK,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;AACjC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAiF5C,UAAU,sBAAsB;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,cAAc,GAAG,eAAe,GAAG,eAAe,CAAC;IAC9D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;mCAI+B;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAC1B,CAAC,sBAAsB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAa3G,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAKlD"}

package/dist/components/chat/entity-cards/roadmap-card.js

@@ -13,7 +13,7 @@ import { AvatarStack } from "../../ui/avatar-stack.js";
 import { Button } from "../../ui/button/button.js";
 import { ImageGalleryModal } from "../../ui/image-gallery-modal.js";
 import { useLoadingScope } from "../../ui/loading-scope.js";
-import { StatusBadge, StatusBadgeSkeleton, generationTierFromLabel } from "../../ui/status-badge.js";
+import { StatusBadge, generationTierFromLabel } from "../../ui/status-badge.js";
 import { useProxiedImageUrl } from "../hooks/use-proxied-image-url.js";
 import { getStatusColorScheme } from "../utils/agent-status-message.js";
 import { getTaskTypeLabel } from "../utils/clickup-task-type-utils.js";
@@ -71,9 +71,9 @@ function RoadmapCardSkeleton({
         /* @__PURE__ */ jsx("div", { className: ROADMAP_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", lines: 2, className: "w-3/4" }) }),
         /* @__PURE__ */ jsx("div", { className: ROADMAP_CARD_META_ROW, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h5", className: "w-1/3" }) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(StatusBadgeSkeleton, {}) })
+      /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(StatusBadge, { loading: true, text: "" }) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(StatusBadgeSkeleton, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(StatusBadge, { loading: true, text: "" }) }),
     /* @__PURE__ */ jsx("div", { className: ROADMAP_CARD_SUMMARY_ROW, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1" }),
     /* @__PURE__ */ jsx("div", { className: ROADMAP_CARD_FOOTER, children: votes && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(ROADMAP_CARD_VOTES, "w-32") }) })
@@ -86,7 +86,13 @@ function assigneePeople(assignees) {
     avatarUrl: a.avatarUrl
   }));
 }
-function RoadmapCard({
+function RoadmapCard(props) {
+  if (useLoadingScope() || props.loading) {
+    return /* @__PURE__ */ jsx(RoadmapCardSkeleton, { size: props.size, votes: !!props.onVote, className: props.className });
+  }
+  return /* @__PURE__ */ jsx(LoadedRoadmapCard, { ...props });
+}
+function LoadedRoadmapCard({
   item,
   href,
   target,
@@ -100,10 +106,8 @@ function RoadmapCard({
   isVoting = false
 }) {
   const [showScreenshots, setShowScreenshots] = useState(false);
-  const loading = useLoadingScope();
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = useProxiedImageUrl(logoUrl) || null;
-  if (loading) return /* @__PURE__ */ jsx(RoadmapCardSkeleton, { size, votes: !!onVote, className });
   if (size === "sm") {
     const compactHref = safeHref(href ?? null);
     const hasVotes = (item.upvotes ?? 0) > 0 || (item.downvotes ?? 0) > 0;
@@ -281,7 +285,14 @@ function RoadmapCard({
             }
           ) : null;
         })(),
-        item.targetVersion && /* @__PURE__ */ jsx(StatusBadge, { gen: generationTierFromLabel(item.targetVersion), text: item.targetVersion })
+        item.targetVersion && /* @__PURE__ */ jsx(
+          StatusBadge,
+          {
+            "data-loading-optional": true,
+            gen: generationTierFromLabel(item.targetVersion),
+            text: item.targetVersion
+          }
+        )
       ] })
     ] }),
     item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ jsx(
@@ -295,6 +306,5 @@ function RoadmapCard({
   ] });
 }
 export {
-  RoadmapCard,
-  RoadmapCardSkeleton
+  RoadmapCard
 };

package/dist/components/chat/entity-cards/slack-message-card.d.ts

@@ -13,8 +13,4 @@ export interface SlackMessageCardProps {
     anchorProps?: SlackMessageCardAnchorProps;
 }
 export declare function SlackMessageCard({ item, variant, className, anchorProps }: SlackMessageCardProps): React.JSX.Element;
-export declare function SlackMessageCardSkeleton({ variant, className, }: {
-    variant?: 'row' | 'compact';
-    className?: string;
-}): React.JSX.Element;
 //# sourceMappingURL=slack-message-card.d.ts.map

package/dist/components/chat/entity-cards/slack-message-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slack-message-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/slack-message-card.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAgBxE,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C;AAgBD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,qBAAqB,qBA2F5G;AAED,wBAAgB,wBAAwB,CAAC,EACvC,OAAmB,EACnB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAuBA"}
+{"version":3,"file":"slack-message-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/slack-message-card.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAgBxE,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,2BAA2B,CAAC;CAC3C;AAgBD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,qBAAqB,qBA2F5G"}

package/dist/components/chat/entity-cards/slack-message-card.js

@@ -108,6 +108,5 @@ function SlackMessageCardSkeleton({
   );
 }
 export {
-  SlackMessageCard,
-  SlackMessageCardSkeleton
+  SlackMessageCard
 };

package/dist/components/chat/entity-cards/what-i-shipped-card.d.ts

@@ -1,11 +1,11 @@
 import type React from 'react';
-import { EmployeeEntryCardSkeleton, type EmployeeEntryCardData } from './employee-entry-card';
+import { type EmployeeEntryCardData } from './employee-entry-card';
 /** Minimal row shape the card renders. Both the hub dashboard entry and the
  *  related-content hydrated row satisfy it structurally. */
 export interface WhatIShippedCardData extends EmployeeEntryCardData {
     entry_month?: string | null;
 }
-export interface WhatIShippedCardProps {
+interface LoadedWhatIShippedCardProps {
     entry: WhatIShippedCardData;
     /** OG fallback cover. Caller computes it (hub: `useOgPlaceholderUrl`; related
      *  rail: `extras.buildOgPlaceholderUrl`). */
@@ -17,6 +17,12 @@ export interface WhatIShippedCardProps {
     anchorProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
     className?: string;
 }
+/** The entry, or `loading` while the host reads it: the card then draws its own loading form (`EmployeeEntryCard`'s). */
+export type WhatIShippedCardProps = (LoadedWhatIShippedCardProps & {
+    loading?: boolean;
+}) | (Partial<LoadedWhatIShippedCardProps> & {
+    loading: true;
+});
 /**
  * THE single "What I Shipped" card — a thin binding over `EmployeeEntryCard`
  * that maps the reporting month to the shared meta date. Used by BOTH the
@@ -24,8 +30,6 @@ export interface WhatIShippedCardProps {
  * (with `anchorProps` for click-through), so the card is byte-identical
  * everywhere — one engine, one mapping, no drift.
  */
-export declare function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, className }: WhatIShippedCardProps): React.JSX.Element;
-/** Loading skeleton matching WhatIShippedCard's shape. Shared with every other
- *  employee-entry card so the rail's placeholder never diverges from the card. */
-export declare const WhatIShippedCardSkeleton: typeof EmployeeEntryCardSkeleton;
+export declare function WhatIShippedCard(props: WhatIShippedCardProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=what-i-shipped-card.d.ts.map

package/dist/components/chat/entity-cards/what-i-shipped-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"what-i-shipped-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/what-i-shipped-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,yBAAyB,EAAE,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEjH;4DAC4D;AAC5D,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,oBAAoB,CAAC;IAC5B;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAWjH;AAED;kFACkF;AAClF,eAAO,MAAM,wBAAwB,kCAA4B,CAAC"}
+{"version":3,"file":"what-i-shipped-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/what-i-shipped-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEtF;4DAC4D;AAC5D,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,oBAAoB,CAAC;IAC5B;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yHAAyH;AACzH,MAAM,MAAM,qBAAqB,GAC/B,CAAC,2BAA2B,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,CAAC,OAAO,CAAC,2BAA2B,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAErH;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAa5D"}

package/dist/components/chat/entity-cards/what-i-shipped-card.js

@@ -1,8 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { formatEntryMonthUTC } from "../../../utils/format.js";
-import { EmployeeEntryCard, EmployeeEntryCardSkeleton } from "./employee-entry-card.js";
-function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, className }) {
+import { EmployeeEntryCard } from "./employee-entry-card.js";
+function WhatIShippedCard(props) {
+  if (props.loading) return /* @__PURE__ */ jsx(EmployeeEntryCard, { loading: true, actions: props.actions, className: props.className });
+  const { entry, placeholderUrl, actions, anchorProps, className } = props;
   return /* @__PURE__ */ jsx(
     EmployeeEntryCard,
     {
@@ -15,8 +17,6 @@ function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, classNa
     }
   );
 }
-const WhatIShippedCardSkeleton = EmployeeEntryCardSkeleton;
 export {
-  WhatIShippedCard,
-  WhatIShippedCardSkeleton
+  WhatIShippedCard
 };

package/dist/components/chat/error-message-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-message-display.d.ts","sourceRoot":"","sources":["../../../src/components/chat/error-message-display.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AASxD,QAAA,MAAM,mBAAmB,qHA6DxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"error-message-display.d.ts","sourceRoot":"","sources":["../../../src/components/chat/error-message-display.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AASxD,QAAA,MAAM,mBAAmB,qHA0DxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/chat/error-message-display.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import { cn } from "../../utils/cn.js";
 import { AlertCircleIcon } from "../icons-v2-generated/index.js";
+import { Button } from "../ui/button/index.js";
 import { useChatAppearance } from "./chat-appearance-context.js";
 import { ExpandChevron } from "./expand-chevron.js";
 import { useCollapsible } from "./hooks/use-collapsible.js";
@@ -30,17 +31,14 @@ const ErrorMessageDisplay = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "row",
               type: "button",
               onClick: hasDetails ? () => setExpanded((prev) => !prev) : void 0,
               "aria-expanded": hasDetails ? expanded : void 0,
               "aria-label": hasDetails ? expanded ? "Collapse details" : "Expand details" : void 0,
               disabled: !hasDetails,
-              className: cn(
-                "flex w-full items-center gap-[var(--spacing-system-xsf)] text-left",
-                hasDetails ? "cursor-pointer" : "cursor-default"
-              ),
               children: [
                 /* @__PURE__ */ jsx(AlertCircleIcon, { size: 16, className: cn("shrink-0", iconTint[type]) }),
                 /* @__PURE__ */ jsx(

package/dist/components/chat/guide-mode-banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guide-mode-banner.d.ts","sourceRoot":"","sources":["../../../src/components/chat/guide-mode-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAqB,EAAE,OAAyB,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA8BpH"}
+{"version":3,"file":"guide-mode-banner.d.ts","sourceRoot":"","sources":["../../../src/components/chat/guide-mode-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAqB,EAAE,OAAyB,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BA0BpH"}

package/dist/components/chat/guide-mode-banner.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { CompassIcon } from "../icons-v2-generated/map-and-travel/compass-icon.js";
 import { QuestionCircleIcon } from "../icons-v2-generated/signs-and-symbols/question-circle-icon.js";
+import { Button } from "../ui/button/index.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip.js";
 const DEFAULT_LABEL = "Guide Mode Chat";
 const DEFAULT_TOOLTIP = "A quick session chat for exploring OpenFrame. Mingo answers how-to questions and guides you through configuration, but won\u2019t touch devices, run scripts, or perform any actions.";
@@ -18,15 +19,7 @@ function GuideModeBanner({ label = DEFAULT_LABEL, tooltip = DEFAULT_TOOLTIP, cla
         /* @__PURE__ */ jsx(CompassIcon, { size: 16, className: "shrink-0 text-ods-text-on-accent" }),
         /* @__PURE__ */ jsx("p", { className: "flex-1 truncate uppercase text-ods-text-on-accent text-h5", children: label }),
         tooltip != null && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": "About Guide Mode",
-              className: "shrink-0 rounded-sm text-ods-text-on-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-text-on-accent",
-              children: /* @__PURE__ */ jsx(QuestionCircleIcon, { size: 16 })
-            }
-          ) }),
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "icon-inline", type: "button", "aria-label": "About Guide Mode", children: /* @__PURE__ */ jsx(QuestionCircleIcon, { size: 16, className: "text-ods-text-on-accent" }) }) }),
           /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", align: "end", className: "max-w-[280px] normal-case text-h6", children: tooltip })
         ] }) })
       ]

package/dist/components/chat/guide-welcome.d.ts

@@ -34,7 +34,7 @@ export interface GuideWelcomeProps {
     subtitle?: ReactNode;
     /** While the admin greeting is still being fetched, render a one-line
      *  subtitle skeleton instead of flashing empty → text. Ignored once a
-     *  `subtitle` is present. */
+     *  `subtitle` is present. A loading scope draws the skeleton too. */
     subtitleLoading?: boolean;
     /** Quick-action chips — caller-provided; there are no built-in defaults, so
      *  the chip row is omitted entirely unless the host supplies actions. ALL

package/dist/components/chat/guide-welcome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"guide-welcome.d.ts","sourceRoot":"","sources":["../../../src/components/chat/guide-welcome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAMhD,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOrF,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,sEAAsE;IACtE,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;0DAEsD;IACtD,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACpG;;2DAEuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;iCAE6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;wCAIoC;IACpC,YAAY,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/C,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD;wDACoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC;;oFAEgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;oFACgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAqB,EACrB,IAAI,EACJ,QAAQ,EACR,eAAuB,EACvB,YAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA+GnB"}
+{"version":3,"file":"guide-welcome.d.ts","sourceRoot":"","sources":["../../../src/components/chat/guide-welcome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAOhD,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOrF,uDAAuD;AACvD,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,sEAAsE;IACtE,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;0DAEsD;IACtD,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACpG;;2DAEuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;yEAEqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;wCAIoC;IACpC,YAAY,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/C,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD;wDACoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC;;oFAEgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;oFACgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAqB,EACrB,IAAI,EACJ,QAAQ,EACR,eAAuB,EACvB,YAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAiHnB"}

package/dist/components/chat/guide-welcome.js

@@ -4,7 +4,8 @@ import { useMemo } from "react";
 import { cn } from "../../utils/cn.js";
 import { AgentMark } from "../agent-mark.js";
 import { EntityIcon } from "../icon-display.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { ScrollFadeOverlay, useScrollFade } from "../ui/scroll-fade.js";
 import { accentFromIdentityIcon } from "./quick-action-chip.js";
 import { QuickActionWall } from "./quick-action-wall.js";
@@ -23,6 +24,7 @@ function GuideWelcome({
   className
 }) {
   const { scrollRef, fadeTop, fadeBottom, update: updateScrollFade } = useScrollFade();
+  const subtitleIsLoading = useLoadingScope() || subtitleLoading && !subtitle;
   const chipItems = useMemo(
     () => quickActions.map((action) => ({
       id: action.id,
@@ -61,7 +63,7 @@ function GuideWelcome({
               ) : /* @__PURE__ */ jsx(AgentMark, { agent: "mingo", className: "h-12 w-12" }),
               /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-[var(--spacing-system-l)]", children: [
                 /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h2", children: title }),
-                subtitle ? /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h4", children: subtitle }) : subtitleLoading ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 max-w-80 rounded-sm" }) }) : null
+                subtitleIsLoading ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/4 max-w-80" }) }) : subtitle ? /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h4", children: subtitle }) : null
               ] })
             ] }),
             children

package/dist/components/chat/hooks/use-chat-dialog-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-dialog-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/hooks/use-chat-dialog-manager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEhG,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,gCAAgC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C;0FACsF;IACtF,YAAY,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,0EAA0E;IAC1E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,cAAc,EACd,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,eAAe,GAChB,EAAE,wBAAwB;oCA1BO,kBAAkB,KAAK,OAAO,CAAC,kBAAkB,CAAC;2BAE3D,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;;;;;;;;gCAiF7B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;+BAoEjC,MAAM;6BAVN,MAAM;;;;;;;;;;;;gCA9GJ,MAAM;;;EAyOhB"}
+{"version":3,"file":"use-chat-dialog-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/hooks/use-chat-dialog-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEhG,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,gCAAgC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C;0FACsF;IACtF,YAAY,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,0EAA0E;IAC1E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,0DAA0D;IAC1D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,cAAc,EACd,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,eAAe,GAChB,EAAE,wBAAwB;oCA1BO,kBAAkB,KAAK,OAAO,CAAC,kBAAkB,CAAC;2BAE3D,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC;;;;;;;;gCAiF7B,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;+BAoEjC,MAAM;6BAVN,MAAM;;;;;;;;;;;;gCA9GJ,MAAM;;;EAyOhB"}

package/dist/components/chat/hooks/use-chat-dialog-manager.js

@@ -1,5 +1,6 @@
 "use client";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { CHAT_HISTORY_PAGE_SIZE } from "../mingo-chat-history.js";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -58,7 +59,7 @@ function useChatDialogManager({
         setArchivedLoading(true);
       }
       try {
-        const result = await fetchArchivedDialogs({ cursor, limit: 20 });
+        const result = await fetchArchivedDialogs({ cursor, limit: CHAT_HISTORY_PAGE_SIZE });
         if (!isCurrent()) return;
         setArchivedCursor(result.nextCursor);
         setArchivedDialogs((prev) => cursor ? [...prev, ...result.dialogs] : result.dialogs);

package/dist/components/chat/hooks/use-nats-chat-adapter.d.ts.map

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

package/dist/components/chat/hooks/use-nats-chat-adapter.js

@@ -1,6 +1,7 @@
 "use client";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { decodeNatsChunk } from "../../../chat-protocol/nats-decoder.js";
+import { CHAT_HISTORY_PAGE_SIZE } from "../mingo-chat-history.js";
 import { createChatDialogStore, DEFAULT_DIALOG_SIDE } from "../stream/chat-dialog-store.js";
 import { useChatStreamReducer } from "../stream/use-chat-stream-reducer.js";
 import { buildDiscussPrompt } from "../utils/discuss-ref-prompt.js";
@@ -63,7 +64,7 @@ function useNatsChatAdapter(config, options = {}) {
     stopGeneration: stopGenerationCallback,
     assistantName = "Mingo",
     chatTypeFilter,
-    dialogsPageSize = 20,
+    dialogsPageSize = CHAT_HISTORY_PAGE_SIZE,
     messagesPageSize = 50,
     modelProvider = null,
     modelLabel = null

package/dist/components/chat/hooks/use-sse-chat-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sse-chat-adapter.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/hooks/use-sse-chat-adapter.ts"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,UAAU,EAAW,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAGV,gBAAgB,EAGjB,MAAM,mCAAmC,CAAC;AA0C3C;4CAC4C;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B;;kEAE8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;uCACmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,wBAAwB;IACvC,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAClE;AAED,MAAM,WAAW,+BAA+B;IAC9C;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,CAAC,EAAE,wBAAwB,EAClC,cAAc,GAAE,+BAAoC,GACnD,gBAAgB,CAiqBlB"}
+{"version":3,"file":"use-sse-chat-adapter.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/hooks/use-sse-chat-adapter.ts"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,UAAU,EAAW,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAGV,gBAAgB,EAGjB,MAAM,mCAAmC,CAAC;AA0C3C;4CAC4C;AAC5C,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B;;kEAE8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;uCACmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,wBAAwB;IACvC,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAClE;AAED,MAAM,WAAW,+BAA+B;IAC9C;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,CAAC,EAAE,wBAAwB,EAClC,cAAc,GAAE,+BAAoC,GACnD,gBAAgB,CAiqBlB"}