@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.750

package/dist/components/chat/chat-message-skeleton.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 const BODY_LINE_WIDTHS = ["w-full", "w-11/12", "w-4/5", "w-5/6"];
 const bodyLineWidth = (index, total) => index === total - 1 ? "w-3/5" : BODY_LINE_WIDTHS[index % BODY_LINE_WIDTHS.length];
 function ChatMessageSkeleton({
@@ -12,14 +14,15 @@ function ChatMessageSkeleton({
   const lines = Math.max(1, bodyLines);
   return /* @__PURE__ */ jsx("div", { className: cn("relative py-[var(--spacing-system-s)]", className), children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-      showAvatar && !isUser && /* @__PURE__ */ jsx("div", { className: "h-8 w-8 flex-shrink-0 animate-pulse rounded-full bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-32 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "ml-auto h-4 w-14 animate-pulse rounded bg-ods-border" })
+      showAvatar && !isUser && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 flex-shrink-0 rounded-full" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-32 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "ml-auto h-4 w-14 rounded" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-[var(--spacing-system-xxs)]", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx("div", { className: cn("h-4 animate-pulse rounded bg-ods-border", bodyLineWidth(i, lines)) }, i)) })
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pt-[var(--spacing-system-xxs)]", children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn("h-4 rounded", bodyLineWidth(i, lines)) }, i)) })
   ] }) });
 }
 function ChatMessageListSkeleton({
+  region = true,
   className,
   messageCount = 6,
   showAvatars = true,
@@ -32,7 +35,7 @@ function ChatMessageListSkeleton({
     id: index,
     isUser: index % 3 === 0
   }));
-  return /* @__PURE__ */ jsx("div", { className: "relative flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading messages", announce: region, className: "relative flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(

package/dist/components/chat/chat-sidebar-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sidebar-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-sidebar-skeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,wHA6B3B,CAAC;AAIF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,mBAAmB,qHAmCxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"chat-sidebar-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-sidebar-skeleton.tsx"],"names":[],"mappings":"AAMA,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,wHA6B3B,CAAC;AAIF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,mBAAmB,qHAmCxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/chat/chat-sidebar-skeleton.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { ChatPlusIcon } from "../icons-v2-generated/index.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "../ui/button/index.js";
 const DialogListItemSkeleton = forwardRef(
   ({ className, ...props }, ref) => {
@@ -20,10 +21,10 @@ const DialogListItemSkeleton = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-start justify-center gap-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex w-full items-center", children: /* @__PURE__ */ jsx("div", { className: "h-6 w-full max-w-[200px] animate-pulse rounded bg-ods-border" }) }),
-            /* @__PURE__ */ jsx("div", { className: "h-4 w-32 animate-pulse rounded bg-ods-border" })
+            /* @__PURE__ */ jsx("div", { className: "flex w-full items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-full max-w-[200px] rounded" }) }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32 rounded" })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "size-6 shrink-0 animate-pulse rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-6 shrink-0 rounded" })
         ]
       }
     );

package/dist/components/chat/chat-top-navigation.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { Settings01Icon, SidebarIcon } from "../icons-v2-generated/index.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { SquareAvatar } from "../ui/square-avatar.js";
 const edgeButtonClass = cn(
   "flex size-14 shrink-0 items-center justify-center border-ods-border text-ods-text-secondary",
@@ -39,10 +39,10 @@ const ChatTopNavigation = forwardRef(
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)]", children: [
         isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "size-10 shrink-0 rounded-full" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-10 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-32" })
           ] })
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(SquareAvatar, { src: avatarUrl ?? void 0, alt: name, fallback: name, size: "md", variant: "round" }),

package/dist/components/chat/context-items-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-items-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/context-items-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAI7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,eAAO,MAAM,iBAAiB,qOACsM,CAAC;AACrO,eAAO,MAAM,kBAAkB,uFAAuF,CAAC;AACvH,eAAO,MAAM,mBAAmB,wEAAwE,CAAC;AACzG,eAAO,MAAM,kBAAkB,gPACgN,CAAC;AAChP,eAAO,MAAM,mBAAmB,wDAAwD,CAAC;AAMzF,MAAM,WAAW,mBAAmB;IAClC,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,IAAiB,EACjB,KAAK,GACN,EAAE,mBAAmB,+BAgBrB;AAMD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAahE;AAOD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uDAAuD;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAe,EACf,UAAU,EACV,WAAmB,EACnB,UAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,+BA0CvB;AAOD,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB;;gFAE4E;IAC5E,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qBAAa,oBAAqB,SAAQ,SAAS,CAAC,yBAAyB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;IAClG,KAAK;;MAAsB;IAE3B,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,IAAI,EAAE,yBAAyB;IAMlD,OAAO,CAAC,KAAK,CAEX;IAEF,MAAM;CAIP"}
+{"version":3,"file":"context-items-list.d.ts","sourceRoot":"","sources":["../../../src/components/chat/context-items-list.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAK7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAMlE,eAAO,MAAM,iBAAiB,qOACsM,CAAC;AACrO,eAAO,MAAM,kBAAkB,uFAAuF,CAAC;AACvH,eAAO,MAAM,mBAAmB,wEAAwE,CAAC;AACzG,eAAO,MAAM,kBAAkB,gPACgN,CAAC;AAChP,eAAO,MAAM,mBAAmB,wDAAwD,CAAC;AAMzF,MAAM,WAAW,mBAAmB;IAClC,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,IAAiB,EACjB,KAAK,GACN,EAAE,mBAAmB,+BAgBrB;AAMD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BAahE;AAOD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uDAAuD;IACvD,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAe,EACf,UAAU,EACV,WAAmB,EACnB,UAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,+BA+CvB;AAOD,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB;;gFAE4E;IAC5E,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qBAAa,oBAAqB,SAAQ,SAAS,CAAC,yBAAyB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;IAClG,KAAK;;MAAsB;IAE3B,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,IAAI,EAAE,yBAAyB;IAMlD,OAAO,CAAC,KAAK,CAEX;IAEF,MAAM;CAIP"}

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

@@ -6,7 +6,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Component, useCallback } from "react";
 import { cn } from "../../utils/cn.js";
 import { CheckFillIcon } from "../icons-v2-generated/signs-and-symbols/check-fill-icon.js";
-import { Skeleton } from "../ui/skeleton.js";
+import { LoadingRegion } from "../loading/loading-region.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 const itemKey = (i) => `${i.type}:${i.id}`;
 const CONTEXT_ROW_CLASS = "flex w-full items-center gap-2 border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 text-left outline-none transition-colors last:border-b-0 hover:bg-ods-bg-hover focus-visible:bg-ods-bg-hover [&_svg]:size-4 md:[&_svg]:size-6";
 const CONTEXT_ICON_CLASS = "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary md:size-6";
@@ -46,7 +47,7 @@ function ContextItemsSkeleton({ count }) {
     "div",
     {
       className: "flex items-center border-b border-ods-border bg-ods-bg py-3 pl-4 pr-2 last:border-b-0",
-      children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-1/2" })
+      children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2" })
     },
     `ctx-skeleton-${i}`
   )) });
@@ -97,7 +98,8 @@ function ContextItemsList({
             itemKey(item)
           );
         }),
-        loadingMore && /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: 3 })
+        loadingMore && // `contents`: the rows stay the list's own rows; the region only adds the one announcement.
+        /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading more items", className: "contents", children: /* @__PURE__ */ jsx(ContextItemsSkeleton, { count: 3 }) })
       ]
     }
   );

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

@@ -16,6 +16,25 @@ export declare function AdminContentCardSkeleton({ className, actions, subtitleR
     /** The bordered actions row. Off for a card rendered without `actions` (a read-only rail card). */
     actions?: boolean;
 }): import("react").JSX.Element;
+export interface AdminContentCardGridSkeletonProps {
+    /** How many placeholder cards: one page. */
+    count?: number;
+    /** The placeholder card. Default `AdminContentCardSkeleton`. */
+    Skeleton?: ComponentType<{
+        className?: string;
+    }>;
+    className?: string;
+    /** What is loading, read once by a screen reader. Default "Loading". */
+    label?: string;
+    /** The loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default `true`. */
+    region?: boolean;
+}
+/**
+ * The grid's loading state on its own: one page of placeholder cards in the
+ * grid's columns. `AdminContentCardGrid` draws exactly this while it loads; a
+ * page that has no grid yet (a Suspense fallback) draws it directly.
+ */
+export declare function AdminContentCardGridSkeleton({ count, Skeleton, className, label, region, }: AdminContentCardGridSkeletonProps): import("react").JSX.Element;
 export interface AdminContentCardGridProps<T> {
     items: readonly T[];
     /** One page of cards: the loading skeleton count and the reserved slot count. */
@@ -34,6 +53,10 @@ export interface AdminContentCardGridProps<T> {
         className?: string;
     }>;
     className?: string;
+    /** What is loading, read once by a screen reader while `loading`. Default "Loading". */
+    loadingLabel?: string;
+    /** The loading state announces itself. `false` inside another loading region. Default `true`. */
+    loadingRegion?: boolean;
 }
 /**
  * A paginated card grid that is ONE height in every state: the card-grid
@@ -48,5 +71,5 @@ export interface AdminContentCardGridProps<T> {
  * Pair it with a pagination control that keeps its space on a single page, so the
  * pagination row holds too.
  */
-export declare function AdminContentCardGrid<T>({ items, pageSize, loading, itemKey, renderCard, empty, Skeleton, className, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
+export declare function AdminContentCardGrid<T>({ items, pageSize, loading, itemKey, renderCard, empty, Skeleton, className, loadingLabel, loadingRegion, }: AdminContentCardGridProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=admin-content-card-grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAElF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAc,EACd,WAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA8BA;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAmC,EACnC,SAAS,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA0C9B"}
+{"version":3,"file":"admin-content-card-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,qFAAqF;AACrF,eAAO,MAAM,6BAA6B,kFACuC,CAAC;AAElF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,OAAc,EACd,WAAkB,GACnB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mGAAmG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA8BA;AAED,MAAM,WAAW,iCAAiC;IAChD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,KAAU,EACV,QAAmC,EACnC,SAAS,EACT,KAAiB,EACjB,MAAa,GACd,EAAE,iCAAiC,+BAanC;AAED,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACnC,8FAA8F;IAC9F,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAmC,EACnC,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA2C9B"}

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

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
+import { LoadingRegion } from "../../loading/loading-region.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 const ADMIN_CONTENT_CARD_GRID_CLASS = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[var(--spacing-system-lf)]";
 function AdminContentCardSkeleton({
   className,
@@ -11,25 +13,25 @@ function AdminContentCardSkeleton({
     "div",
     {
       className: cn(
-        "flex h-full animate-pulse flex-col overflow-hidden rounded-2xl border border-ods-border bg-transparent",
+        "flex h-full flex-col overflow-hidden rounded-2xl border border-ods-border bg-transparent",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "aspect-[3/2] w-full shrink-0 bg-ods-border/20" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[3/2] w-full shrink-0" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-sf)] p-5", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-[2lh] w-full rounded bg-ods-border text-h3" }),
-          subtitleRow && /* @__PURE__ */ jsx("div", { className: "h-[1lh] w-1/2 rounded bg-ods-border text-h6" }),
-          /* @__PURE__ */ jsx("div", { className: "h-[2lh] w-full rounded bg-ods-border text-h6" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[2lh] w-full rounded text-h3" }),
+          subtitleRow && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[1lh] w-1/2 rounded text-h6" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[2lh] w-full rounded text-h6" }),
           /* @__PURE__ */ jsxs("div", { className: "flex h-7 items-center gap-[var(--spacing-system-xsf)]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-5 w-20 rounded-full bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-5 w-24 rounded-full bg-ods-border" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-20 rounded-full" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24 rounded-full" })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "h-[1lh] w-32 rounded bg-ods-border text-h6" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[1lh] w-32 rounded text-h6" }),
           actions && /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between border-t border-ods-border pt-[var(--spacing-system-sf)]", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-10 w-24 rounded bg-ods-border" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--spacing-system-xsf)]", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-10 w-20 rounded bg-ods-border" }),
-              /* @__PURE__ */ jsx("div", { className: "h-10 w-20 rounded bg-ods-border" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-20 rounded" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-20 rounded" })
             ] })
           ] })
         ] })
@@ -37,6 +39,24 @@ function AdminContentCardSkeleton({
     }
   );
 }
+function AdminContentCardGridSkeleton({
+  count = 12,
+  Skeleton = AdminContentCardSkeleton,
+  className,
+  label = "Loading",
+  region = true
+}) {
+  return /* @__PURE__ */ jsx(
+    LoadingRegion,
+    {
+      label,
+      announce: region,
+      className: cn(ADMIN_CONTENT_CARD_GRID_CLASS, className),
+      "data-state": "loading",
+      children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(Skeleton, {}, i))
+    }
+  );
+}
 function AdminContentCardGrid({
   items,
   pageSize,
@@ -45,12 +65,22 @@ function AdminContentCardGrid({
   renderCard,
   empty,
   Skeleton = AdminContentCardSkeleton,
-  className
+  className,
+  loadingLabel,
+  loadingRegion
 }) {
   const gridClass = cn(ADMIN_CONTENT_CARD_GRID_CLASS, className);
-  if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: gridClass, "data-state": "loading", children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ jsx(Skeleton, {}, i)) });
-  }
+  if (loading)
+    return /* @__PURE__ */ jsx(
+      AdminContentCardGridSkeleton,
+      {
+        count: pageSize,
+        Skeleton,
+        className,
+        label: loadingLabel,
+        region: loadingRegion
+      }
+    );
   const slots = Array.from({ length: Math.max(0, pageSize - items.length) }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "invisible" }, `slot-${i}`));
   if (items.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "relative", "data-state": "empty", children: [
@@ -66,5 +96,6 @@ function AdminContentCardGrid({
 export {
   ADMIN_CONTENT_CARD_GRID_CLASS,
   AdminContentCardGrid,
+  AdminContentCardGridSkeleton,
   AdminContentCardSkeleton
 };

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

@@ -1 +1 @@
-{"version":3,"file":"admin-content-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,qBAAqB;IAC7B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;8EAE0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,WAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,qBAqFvB"}
+{"version":3,"file":"admin-content-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/admin-content-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,qBAAqB;IAC7B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;8EAE0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yBAAyB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,WAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,qBAqFvB"}

package/dist/components/chat/entity-cards/admin-content-card.js

@@ -5,6 +5,7 @@ import Image from "../../../embed-shims/next-image.js";
 import { useImageEdgeColor } from "../../../hooks/ui/use-image-edge-color.js";
 import { cn } from "../../../utils/cn.js";
 import { PlatformBadge } from "../../features/platform-badge.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { CONTENT_CARD_FRAME_CLASS } from "./content-card-frame.js";
 function AdminContentCard({
   imageUrl,
@@ -27,7 +28,7 @@ function AdminContentCard({
   const imageBgColor = useImageEdgeColor(displayUrl || null, "transparent");
   return /* @__PURE__ */ jsxs("article", { className: cn(CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col", className), children: [
     /* @__PURE__ */ jsx("div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      !imageLoaded && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
+      !imageLoaded && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
       /* @__PURE__ */ jsx(
         Image,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"blog-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/blog-card.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAuB3D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC;;sCAEkC;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;sEACkE;IAClE,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;IACnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;0CAEsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BAkC9F;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,EACT,gBAAwB,EACxB,QAAgB,GACjB,EAAE,aAAa,+BAoJf"}
+{"version":3,"file":"blog-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/blog-card.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAwB3D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC;;sCAEkC;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;sEACkE;IAClE,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;IACnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;0CAEsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BAkC9F;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,EACT,gBAAwB,EACxB,QAAgB,GACjB,EAAE,aAAa,+BAoJf"}

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

@@ -5,6 +5,7 @@ import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
 import { formatDateWithTimezone } from "../../../utils/format.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { StatusBadge } from "../../ui/status-badge.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
@@ -27,24 +28,24 @@ import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
 function BlogCardSkeleton({ 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" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("article", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "group flex h-full animate-pulse flex-col"), children: [
-    /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] bg-ods-border" }),
+  return /* @__PURE__ */ jsxs("article", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "group flex h-full flex-col"), children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630]" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-1/2 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(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
       /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-8 rounded-full" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
       ] })
     ] })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"campaign-card-admin.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/campaign-card-admin.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,qEAAqE;AACrE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,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,sBAAsB;IACrC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAyC7F;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiB9E"}
+{"version":3,"file":"campaign-card-admin.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/campaign-card-admin.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,qEAAqE;AACrE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,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,sBAAsB;IACrC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAyC7F;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiB9E"}

package/dist/components/chat/entity-cards/campaign-card-admin.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Megaphone } from "lucide-react";
 import Link from "../../../embed-shims/next-link.js";
 import { formatDateShort } from "../../../utils/date-formatters.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import {
   COMPACT_CARD_ICON_SLOT,
   COMPACT_CARD_META_ROW_BOX,
@@ -38,11 +39,11 @@ function CampaignCardAdmin({ campaign, className, anchorProps }) {
 }
 function CampaignCardAdminSkeleton({ className }) {
   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-3/5 rounded bg-ods-bg" }) }),
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-1/2 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-1/2 rounded" }) }),
+      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
     ] })
   ] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"case-study-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/case-study-card.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,2BAA2B,CAAC;AA0BpF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,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,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;yFACqF;IACrF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzD;kFAC8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;oFACgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD;wEACwE;AACxE,wBAAgB,qBAAqB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,QAAQ,CAAA;CAAE,+BAwD9G;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,eAAmC,EACnC,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,sCAyMpB"}
+{"version":3,"file":"case-study-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/case-study-card.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,2BAA2B,CAAC;AA2BpF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,CAAC;IACzB,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,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;yFACqF;IACrF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IACzD;kFAC8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;oFACgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD;wEACwE;AACxE,wBAAgB,qBAAqB,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,GAAG,QAAQ,CAAA;CAAE,+BAwD9G;AAkBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,eAAmC,EACnC,YAAY,EACZ,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,sCAyMpB"}

package/dist/components/chat/entity-cards/case-study-card.js

@@ -8,6 +8,7 @@ import { sortBitesByFeaturedAtDesc } from "../../features/video-bites-shared.js"
 import { CardHoverPlay } from "../../features/video-center-badge.js";
 import { VideoHoverPreviewSurface } from "../../features/video-hover-preview.js";
 import { EntityIcon } from "../../icon-display.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Card } from "../../ui/card.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
@@ -74,42 +75,42 @@ function CaseStudyPersonRow({ study }) {
 }
 function CaseStudyCardSkeleton({ size = "default" }) {
   if (size === "result") {
-    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, "animate-pulse"), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex h-[60px] shrink-0 items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-10 w-1/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-1/3 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-ods-border" }) })
+      /* @__PURE__ */ jsx("div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }) })
     ] });
   }
   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-1/2 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-1/2 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: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-border" }),
+  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
     /* @__PURE__ */ jsxs("div", { className: "flex h-[72px] flex-col gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-1/2 rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
       ] })
     ] })
   ] });

package/dist/components/chat/entity-cards/chat-ticket-item.js

@@ -4,7 +4,7 @@ import { ChevronRight } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
 import { WrenchIcon } from "../../icons-v2-generated/household/wrench-icon.js";
-import { Skeleton } from "../../ui/skeleton.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Tag } from "../../ui/tag.js";
 import { TicketStatusTag, resolveStatusTagProps, resolveTicketStatus } from "../../ui/ticket-status-tag.js";
 const UNREAD_NOTICE = "You have a new unread message";
@@ -22,11 +22,11 @@ const ChatTicketItem = forwardRef(
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-1/2" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" })
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2" }),
+              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/3" })
             ] }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 shrink-0 rounded-r-md" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "size-12 shrink-0 rounded-md" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-20 shrink-0 rounded-r-md" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-12 shrink-0 rounded-md" })
           ]
         }
       );

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

@@ -1 +1 @@
-{"version":3,"file":"customer-interview-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/customer-interview-card.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAsB3E,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,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,8EAA8E;IAC9E,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,6BAA6B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BAyC3G;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,0BAA0B,+BAkK5B"}
+{"version":3,"file":"customer-interview-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/customer-interview-card.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAuB3E,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,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,8EAA8E;IAC9E,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,6BAA6B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BAyC3G;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,0BAA0B,+BAkK5B"}

package/dist/components/chat/entity-cards/customer-interview-card.js

@@ -4,6 +4,7 @@ import { Video } from "lucide-react";
 import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Card } from "../../ui/card.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
@@ -26,30 +27,30 @@ import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
 function CustomerInterviewCardSkeleton({ 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" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex animate-pulse flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ jsx("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-border" }),
+  return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-3/4 rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-5 w-1/2 rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
     ] }),
     /* @__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(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__ */ jsxs("div", { className: "mt-auto flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-1/2 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
       ] })
     ] })
   ] });

package/dist/components/chat/entity-cards/data-room-doc-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-room-doc-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/data-room-doc-card.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAS3E,MAAM,WAAW,0BAA0B;IACzC,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,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;iEAa6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB;+EAC2E;IAC3E,WAAW,CAAC,EAAE,0BAA0B,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,oBAAoB,qBAyChG;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAmB5E"}
+{"version":3,"file":"data-room-doc-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/data-room-doc-card.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAS3E,MAAM,WAAW,0BAA0B;IACzC,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,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;iEAa6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB;+EAC2E;IAC3E,WAAW,CAAC,EAAE,0BAA0B,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,oBAAoB,qBAyChG;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAmB5E"}