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

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"}

package/dist/components/chat/entity-cards/data-room-doc-card.js

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLink } from "lucide-react";
 import Link from "../../../embed-shims/next-link.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { StatusBadge } from "../../ui/status-badge.js";
 import {
   COMPACT_CARD_OUTER,
@@ -34,16 +35,16 @@ function DataRoomDocCardSkeleton({ className }) {
   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 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-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-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-3/4 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-3/4 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/design-doc-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-doc-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/design-doc-card.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK5E,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,eAAe,CAAC,GAAG,iBAAiB,EAAE,CAarG;AAED,mEAAmE;AACnE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG,MAAM,CAIvF;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wGAAwG;AACxG,wBAAgB,qBAAqB,gCA6BpC;AAED,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAkDtF"}
+{"version":3,"file":"design-doc-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/design-doc-card.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK5E,6FAA6F;AAC7F,wBAAgB,eAAe,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,eAAe,CAAC,GAAG,iBAAiB,EAAE,CAarG;AAED,mEAAmE;AACnE,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,YAAY,CAAC,GAAG,MAAM,CAIvF;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC;IACf,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wGAAwG;AACxG,wBAAgB,qBAAqB,gCA2BpC;AAED,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAkDtF"}

package/dist/components/chat/entity-cards/design-doc-card.js

@@ -38,8 +38,6 @@ function DesignDocCardSkeleton() {
         CONTENT_CARD_SKELETON_FRAME_CLASS,
         "flex h-full flex-col gap-[var(--spacing-system-mf)] p-[var(--spacing-system-lf)]"
       ),
-      role: "status",
-      "aria-label": "Loading design doc",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-[16px]", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"generic-entity-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/generic-entity-card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACtC;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,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAsEzF;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAoB9E"}
+{"version":3,"file":"generic-entity-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/generic-entity-card.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACtC;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,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAsEzF;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAoB9E"}

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

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ExternalLink } from "lucide-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,
@@ -53,17 +54,17 @@ function GenericEntityCardSkeleton({ className }) {
   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 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-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-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-3/4 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-3/4 rounded" })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "h-3 w-1/4 rounded bg-ods-bg/70" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/4 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/github-activity-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"github-activity-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/github-activity-card.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA2C/G,wBAAgB,SAAS,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAU1D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAK7E;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,kBAAkB,GACvB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CA4CxD;AAyBD;wEACwE;AACxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAE7D;AAWD,MAAM,WAAW,6BAA6B;IAC5C,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,uBAAuB;IACtC,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;8EAC0E;IAC1E,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,uBAAuB,qBAkGhH;AAED,wBAAgB,0BAA0B,CAAC,EACzC,OAAmB,EACnB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAiCA"}
+{"version":3,"file":"github-activity-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/github-activity-card.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA2C/G,wBAAgB,SAAS,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAU1D;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAK7E;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,kBAAkB,GACvB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,aAAa,GAAG,IAAI,CAAA;CAAE,CA4CxD;AAyBD;wEACwE;AACxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAE7D;AAWD,MAAM,WAAW,6BAA6B;IAC5C,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,uBAAuB;IACtC,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;8EAC0E;IAC1E,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,uBAAuB,qBAkGhH;AAED,wBAAgB,0BAA0B,CAAC,EACzC,OAAmB,EACnB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAiCA"}

package/dist/components/chat/entity-cards/github-activity-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 { GithubClassicIcon } from "../../icons-v2-generated/brand-logos/github-classic-icon.js";
+import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import {
   COMPACT_CARD_ICON_SLOT,
   COMPACT_CARD_META_ROW,
@@ -179,24 +180,24 @@ function GitHubActivityCardSkeleton({
   className
 }) {
   if (variant === "row") {
-    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 animate-pulse items-center gap-3 ${className ?? ""}`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `flex min-w-0 items-center gap-3 ${className ?? ""}`, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex w-28 shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-ods-bg" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3.5 w-3.5 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded" })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-2/3 flex-1 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-40 shrink-0 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-20 shrink-0 rounded bg-ods-bg/60" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-40 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-1/2 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-1/2 rounded" }) }),
       /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_SUMMARY, children: COMPACT_CARD_ROW_FILLER }) })
     ] }),
-    /* @__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/hubspot-ticket-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hubspot-ticket-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/hubspot-ticket-card.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAY1E,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,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAyBD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAuG9G;AAED,wBAAgB,yBAAyB,CAAC,EACxC,OAAmB,EACnB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAmCA"}
+{"version":3,"file":"hubspot-ticket-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/hubspot-ticket-card.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAY1E,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,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C;AAyBD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,OAAmB,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBAuG9G;AAED,wBAAgB,yBAAyB,CAAC,EACxC,OAAmB,EACnB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAmCA"}