@flamingo-stack/openframe-frontend-core 0.0.747 → 0.0.749

package/dist/components/chat/entity-cards/hubspot-ticket-card.js

@@ -4,6 +4,7 @@ import { ExternalLink } from "lucide-react";
 import React from "react";
 import Link from "../../../embed-shims/next-link.js";
 import { formatDateUTC as formatDate } from "../../../utils/format.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { StatusBadge } from "../../ui/status-badge.js";
 import {
   COMPACT_CARD_META_ROW,
@@ -101,30 +102,30 @@ function HubspotTicketCardSkeleton({
   className
 }) {
   if (variant === "row") {
-    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 animate-pulse items-center gap-3 ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-40 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 flex-1 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-16 shrink-0 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-20 shrink-0 rounded bg-ods-bg/60" })
+    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 items-center gap-3 ${className ?? ""}`, children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-40 shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 shrink-0 rounded" })
     ] });
   }
   return /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_SKELETON_OUTER} ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ jsx("span", { className: "h-4 w-12 rounded-full bg-ods-bg/60" }),
-        /* @__PURE__ */ jsx("span", { className: "h-4 w-16 rounded-full bg-ods-bg/60" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-12 rounded-full" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-16 rounded-full" })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "h-4 w-1/2 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-1/2 rounded" }),
       /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "h-5 w-5/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ jsx("span", { className: "h-5 w-4/6 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ jsx("span", { className: "h-5 w-3/4 rounded bg-ods-bg/60" }),
-        /* @__PURE__ */ jsx("span", { className: "h-5 w-2/5 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-5/6 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-4/6 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-2/5 rounded" })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) })
+      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) })
     ] }),
-    /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 export {

package/dist/components/chat/entity-cards/index.d.ts

@@ -12,7 +12,7 @@ export { EntityPortraitCard, type EntityPortraitCardProps, type EntityPortraitPe
 export { useCoverImageFallback, hideOnError, type CoverImageFallback } from './use-cover-image-fallback';
 export { AdminContentCard } from './admin-content-card';
 export { CONTENT_CARD_FRAME_CLASS, CONTENT_CARD_SKELETON_FRAME_CLASS, ContentCardFrame, type ContentCardFrameProps, } from './content-card-frame';
-export { AdminContentCardGrid, AdminContentCardSkeleton, ADMIN_CONTENT_CARD_GRID_CLASS, type AdminContentCardGridProps, } from './admin-content-card-grid';
+export { AdminContentCardGrid, AdminContentCardGridSkeleton, AdminContentCardSkeleton, ADMIN_CONTENT_CARD_GRID_CLASS, type AdminContentCardGridProps, type AdminContentCardGridSkeletonProps, } from './admin-content-card-grid';
 export { EmployeeEntryCard, EmployeeEntryCardSkeleton, EmployeeEntryBadge } from './employee-entry-card';
 export type { EmployeeEntryCardData, EmployeeEntryCardProps } from './employee-entry-card';
 export { WhatIShippedCard, WhatIShippedCardSkeleton } from './what-i-shipped-card';

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

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

package/dist/components/chat/entity-cards/index.js

@@ -15,6 +15,7 @@ import {
 } from "./content-card-frame.js";
 import {
   AdminContentCardGrid,
+  AdminContentCardGridSkeleton,
   AdminContentCardSkeleton,
   ADMIN_CONTENT_CARD_GRID_CLASS
 } from "./admin-content-card-grid.js";
@@ -89,6 +90,7 @@ export {
   ADMIN_CONTENT_CARD_GRID_CLASS,
   AdminContentCard,
   AdminContentCardGrid,
+  AdminContentCardGridSkeleton,
   AdminContentCardSkeleton,
   AiPromptCard,
   AiPromptCardSkeleton,

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

@@ -1 +1 @@
-{"version":3,"file":"investor-update-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/investor-update-card.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAoBpG,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb;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,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACrC,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,0BAA0B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BA+BxG;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,uBAAuB,+BA4GzB"}
+{"version":3,"file":"investor-update-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/investor-update-card.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAoBpG,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb;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,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACrC,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,0BAA0B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BA+BxG;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,uBAAuB,+BA4GzB"}

package/dist/components/chat/entity-cards/investor-update-card.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar } from "lucide-react";
 import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { formatInvestorUpdatePeriod } from "../types/entities/investor-update.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
@@ -25,24 +26,24 @@ import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
 function InvestorUpdateCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
         /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ jsx("span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx("span", { className: "h-4 w-8 shrink-0 rounded bg-ods-bg/70" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-8 shrink-0 rounded" })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `h-full animate-pulse ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] bg-ods-border" }),
+  return /* @__PURE__ */ jsxs("div", { className: `h-full ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630]" }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-4/5 rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/3 rounded" })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/onboarding-guide-card.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAoB1E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;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,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACjD,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,wBAAgB,2BAA2B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;CAAE,+BA0ExG;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,wBAAwB,+BA0L1B"}
+{"version":3,"file":"onboarding-guide-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/onboarding-guide-card.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAoB1E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;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,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACjD,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,wBAAgB,2BAA2B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;CAAE,+BAwExG;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,wBAAwB,+BA0L1B"}

package/dist/components/chat/entity-cards/onboarding-guide-card.js

@@ -6,6 +6,7 @@ import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
 import { formatDurationMMSS } from "../../../utils/format.js";
 import { CardHoverPlay } from "../../features/video-center-badge.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import {
   COMPACT_CARD_OUTER,
   COMPACT_CARD_IMAGE_SLOT,
@@ -37,17 +38,17 @@ const HORIZONTAL_SIZE_TOKENS = {
 };
 function OnboardingGuideCardSkeleton({ size = "default" }) {
   if (size === "catalog") {
-    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-4 p-6"), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6"), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg md:w-[256px]" }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsxs("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-            /* @__PURE__ */ jsx("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded md:h-[30px]" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded md:h-[30px]" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
           ] })
         ] })
       ] }),
@@ -57,17 +58,17 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
           {
             className: "flex flex-col gap-3 border-b border-ods-border p-4 md:border-b-0 md:border-r",
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-6 w-32 rounded bg-ods-border" }),
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 rounded" })
             ] })
           },
           `cell-${i}`
         )),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
           ] })
         ] })
       ] })
@@ -75,30 +76,24 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
   }
   if (size === "sm") {
     return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
-        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
-          /* @__PURE__ */ jsx("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("span", { className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, children: [
+    /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
+    ] })
+  ] });
 }
 function OnboardingGuideCard({
   guide,

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

@@ -1 +1 @@
-{"version":3,"file":"program-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/program-card.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EAElB,MAAM,iCAAiC,CAAC;AAkBzC,KAAK,QAAQ,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAoClE,wBAAgB,mBAAmB,CAAC,EAClC,IAAgB,EAChB,OAAc,EACd,KAAS,EACT,IAAY,GACb,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,qBA6FA;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe;IACzD,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;;;2CAGuC;IACvC,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,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8LD,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,EAAE,EACrD,MAAM,EACN,IAAI,EACJ,KAAU,EACV,UAAU,EACV,IAAgB,EAChB,aAAoB,EACpB,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,kBAA0B,EAC1B,OAAO,EACP,IAAS,EACT,SAAS,GACV,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAiRrB"}
+{"version":3,"file":"program-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/program-card.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EAElB,MAAM,iCAAiC,CAAC;AAkBzC,KAAK,QAAQ,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAoClE,wBAAgB,mBAAmB,CAAC,EAClC,IAAgB,EAChB,OAAc,EACd,KAAS,EACT,IAAY,GACb,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,qBA6FA;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,eAAe;IACzD,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACzB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;;;2CAGuC;IACvC,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,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8LD,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,EAAE,EACrD,MAAM,EACN,IAAI,EACJ,KAAU,EACV,UAAU,EACV,IAAgB,EAChB,aAAoB,EACpB,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,kBAA0B,EAC1B,OAAO,EACP,IAAS,EACT,SAAS,GACV,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAiRrB"}

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

@@ -11,6 +11,7 @@ import { isImageMedia } from "../../../utils/media-type.js";
 import { programMetaFormatters, programMetaLine } from "../../../utils/program-instant.js";
 import { PROGRAM_META_RENDERERS } from "../../../utils/program-meta-renderers.js";
 import { CardHoverPlay } from "../../features/video-center-badge.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Button } from "../../ui/button/button.js";
 import { ImageGalleryModal } from "../../ui/image-gallery-modal.js";
 import { SquareAvatar } from "../../ui/square-avatar.js";
@@ -60,59 +61,59 @@ function ProgramCardSkeleton({
   tags = false
 }) {
   if (size === "row") {
-    return /* @__PURE__ */ jsxs("span", { className: cn(EDITORIAL_FRAME, EDITORIAL_ROW_GRID, "animate-pulse"), children: [
-      /* @__PURE__ */ jsx("span", { className: cn(EDITORIAL_ROW_THUMB, "bg-ods-border/20") }),
+    return /* @__PURE__ */ jsxs("span", { className: cn(EDITORIAL_FRAME, EDITORIAL_ROW_GRID), children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
       /* @__PURE__ */ jsxs("span", { className: EDITORIAL_ROW_TEXT, children: [
-        /* @__PURE__ */ jsx("span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h3" }),
-        /* @__PURE__ */ jsx("span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-40 rounded bg-ods-border" }) }),
-        /* @__PURE__ */ jsx("span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h6" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
+        /* @__PURE__ */ jsx("span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h6" })
       ] })
     ] });
   }
   if (size === "feature") {
-    return /* @__PURE__ */ jsxs("span", { className: cn(EDITORIAL_FRAME, "flex animate-pulse flex-col"), children: [
-      /* @__PURE__ */ jsx("span", { className: cn(EDITORIAL_FEATURE_COVER, "bg-ods-border/20") }),
+    return /* @__PURE__ */ jsxs("span", { className: cn(EDITORIAL_FRAME, "flex flex-col"), children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: cn(EDITORIAL_FEATURE_COVER, "rounded-none") }),
       /* @__PURE__ */ jsxs("span", { className: EDITORIAL_FEATURE_BODY, children: [
-        eyebrow && /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-28 rounded bg-ods-border text-h5" }),
-        /* @__PURE__ */ jsx("span", { className: "block h-[2lh] w-full rounded bg-ods-border text-h3" }),
-        /* @__PURE__ */ jsx("span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-40 rounded bg-ods-border" }) }),
-        /* @__PURE__ */ jsx("span", { className: "block h-[3lh] w-full rounded bg-ods-border text-h4" }),
+        eyebrow && /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-28 rounded text-h5" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
+        /* @__PURE__ */ jsx("span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded text-h4" }),
         /* @__PURE__ */ jsxs("span", { className: EDITORIAL_PERSON_ROW, children: [
-          /* @__PURE__ */ jsx("span", { className: "block h-8 w-8 shrink-0 rounded-full bg-ods-border" }),
-          /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-40 rounded bg-ods-border text-h6" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-8 w-8 shrink-0 rounded-full" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded text-h6" })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
     return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY, "animate-pulse"), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY), children: [
     /* @__PURE__ */ jsxs("div", { className: DEFAULT_HEADER, children: [
-      /* @__PURE__ */ jsx("div", { className: `${DEFAULT_COVER_FRAME} bg-ods-border` }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: DEFAULT_COVER_FRAME }),
       /* @__PURE__ */ jsxs("div", { className: DEFAULT_TEXT, children: [
-        /* @__PURE__ */ jsx("div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ jsx("span", { className: "block h-[2lh] w-3/4 rounded bg-ods-border" }) }),
+        /* @__PURE__ */ jsx("div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-3/4 rounded" }) }),
         /* @__PURE__ */ jsxs("div", { className: DEFAULT_META_ROW, children: [
-          /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("span", { className: "block h-[1lh] w-40 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-32 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ jsx("span", { className: "block h-[3lh] w-full rounded bg-ods-border" }) }),
+        /* @__PURE__ */ jsx("div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded" }) }),
         tags && /* @__PURE__ */ jsxs("div", { className: DEFAULT_TAG_ROW, children: [
-          /* @__PURE__ */ jsx("span", { className: "block h-8 w-24 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("span", { className: "block h-8 w-24 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" })
         ] })
       ] })
     ] }),
-    media > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ jsx("div", { className: `${DEFAULT_GALLERY_THUMB} bg-ods-border` }, i)) }),
-    /* @__PURE__ */ jsx("div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ jsx("div", { className: "h-11 w-40 rounded bg-ods-border md:h-12" }) })
+    media > 0 && /* @__PURE__ */ jsx("div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB }, i)) }),
+    /* @__PURE__ */ jsx("div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-11 w-40 rounded md:h-12" }) })
   ] });
 }
 function getHosts(hosts) {

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":"AAwBA,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;AAE5C,wBAAgB,mBAAmB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,+BAwD5E;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,+BA6OlB"}
+{"version":3,"file":"roadmap-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/roadmap-card.tsx"],"names":[],"mappings":"AAyBA,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;AAE5C,wBAAgB,mBAAmB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,+BAsD5E;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,+BA6OlB"}

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

@@ -8,6 +8,7 @@ import { cn } from "../../../utils/cn.js";
 import { getProxiedImageUrl } from "../../../utils/image-proxy.js";
 import { ImageClassicIcon } from "../../icons-v2-generated/audio-and-visual/image-classic-icon.js";
 import { FigmaClassicIcon } from "../../icons-v2-generated/brand-logos/figma-classic-icon.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { AvatarStack } from "../../ui/avatar-stack.js";
 import { Button } from "../../ui/button/button.js";
 import { ImageGalleryModal } from "../../ui/image-gallery-modal.js";
@@ -32,53 +33,50 @@ import { TaskTypeIcon } from "./task-type-icon.js";
 function RoadmapCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx("span", { className: "block aspect-square h-12 w-12 shrink-0 self-start rounded-md border border-ods-border bg-ods-bg p-1.5" }),
+      /* @__PURE__ */ jsx(
+        UnifiedSkeleton,
+        {
+          as: "span",
+          className: "block aspect-square h-12 w-12 shrink-0 self-start rounded-md border border-ods-border p-1.5"
+        }
+      ),
       /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
         /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ jsx("span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx("span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
         ] }),
         /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_META_ROW_BOX} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ jsx("span", { className: "h-3 w-2/5 flex-1 rounded bg-ods-bg/60" }),
-          /* @__PURE__ */ jsx("span", { className: "h-3 w-10 shrink-0 rounded bg-ods-bg/40" }),
-          /* @__PURE__ */ jsx("span", { className: "h-6 w-14 shrink-0 rounded-full bg-ods-bg/40" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 flex-1 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-10 shrink-0 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-6 w-14 shrink-0 rounded-full" })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-5/6 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-5/6 rounded" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        CONTENT_CARD_SKELETON_FRAME_CLASS,
-        "flex h-full animate-pulse flex-col gap-4 p-[var(--spacing-system-lf)]"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-16 w-16 flex-shrink-0 rounded-lg bg-ods-border" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-ods-border" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "h-6 w-16 rounded bg-ods-border" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-5/6 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-4/5 rounded bg-ods-border" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-12 w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-6 w-14 rounded-full bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-8 w-20 rounded bg-ods-border" })
-          ] })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex h-full flex-col gap-4 p-[var(--spacing-system-lf)]"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-16 w-16 flex-shrink-0 rounded-lg" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
+      ] }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-16 rounded" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-5/6 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-4/5 rounded" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-32 rounded" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-14 rounded-full" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-20 rounded" })
+      ] })
+    ] })
+  ] });
 }
 function assigneePeople(assignees) {
   return (assignees ?? []).map((a) => ({

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;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAiBxE,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,qBA0F5G;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,qBA+BA"}
+{"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;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAiBxE,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,qBA0F5G;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,qBA+BA"}

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

@@ -5,6 +5,7 @@ import React from "react";
 import Link from "../../../embed-shims/next-link.js";
 import { formatDateUTC as formatDate } from "../../../utils/format.js";
 import { SlackIcon } from "../../icons-v2-generated/brand-logos/slack-icon.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import {
   COMPACT_CARD_ICON_SLOT,
   COMPACT_CARD_META_ROW,
@@ -83,22 +84,22 @@ function SlackMessageCardSkeleton({
   className
 }) {
   if (variant === "row") {
-    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 animate-pulse items-center gap-3 ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-32 shrink-0 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 flex-1 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-24 shrink-0 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-20 shrink-0 rounded bg-ods-bg/60" })
+    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 items-center gap-3 ${className ?? ""}`, children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3.5 w-3.5 shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-32 shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 shrink-0 rounded" })
     ] });
   }
   return /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_SKELETON_OUTER} ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
     /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-2/3 rounded bg-ods-bg" }) }),
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-5/6 rounded bg-ods-bg/60" }) }),
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) })
+      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }) }),
+      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-5/6 rounded" }) }),
+      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) })
     ] }),
-    /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
   ] });
 }
 export {

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

@@ -4,8 +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 { ScrollFadeOverlay, useScrollFade } from "../ui/scroll-fade.js";
-import { Skeleton } from "../ui/skeleton.js";
 import { accentFromIdentityIcon } from "./quick-action-chip.js";
 import { QuickActionWall } from "./quick-action-wall.js";
 const DEFAULT_TITLE = "Guide Mode Chat";
@@ -61,7 +61,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(Skeleton, { className: "h-5 w-3/4 max-w-80 rounded-sm" }) }) : null
+                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
               ] })
             ] }),
             children