@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/chat/entity-cards/employee-entry-card.js

@@ -2,10 +2,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
-import { getProxiedImageUrl } from "../../../utils/image-proxy-stub.js";
 import { StatusBadge } from "../../ui/status-badge.js";
-import { AdminContentCard } from "./admin-content-card.js";
-import { AdminContentCardSkeleton } from "./admin-content-card-grid.js";
+import { useProxiedImageUrl } from "../hooks/use-proxied-image-url.js";
+import { AdminContentCard, AdminContentCardSkeleton } from "./admin-content-card.js";
 const STATUS_BADGE_SCHEME = {
   published: "success",
   draft: "warning",
@@ -30,6 +29,7 @@ function EmployeeEntryCard({
   anchorProps,
   className
 }) {
+  const authorAvatar = useProxiedImageUrl(entry.author?.avatar_url, { directHttps: false });
   const card = /* @__PURE__ */ jsx(
     AdminContentCard,
     {
@@ -51,10 +51,10 @@ function EmployeeEntryCard({
       ] }) : null,
       meta: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-          entry.author?.avatar_url ? /* @__PURE__ */ jsx(
+          authorAvatar ? /* @__PURE__ */ jsx(
             Image,
             {
-              src: getProxiedImageUrl(entry.author.avatar_url) ?? entry.author.avatar_url,
+              src: authorAvatar,
               alt: "",
               className: "h-[1lh] w-[1lh] shrink-0 rounded-full object-cover",
               width: 20,

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

@@ -55,11 +55,15 @@ export interface EntityAuthorCardProps {
      * Use for entity-specific labels (e.g. onboarding-guide section/step,
      * webinar host, customer-interview customer). The grid auto-sizes via
      * `grid-cols-N`.
+     *
+     * `optional`: a cell only some records carry (a date a record may leave empty). It is not drawn in a loading scope
+     * (list the cells every record has there) and its loaded cell is marked `data-loading-optional`.
      */
     extraCells?: Array<{
         value: React.ReactNode;
         label: string;
         uppercase?: boolean;
+        optional?: boolean;
     }>;
     /** When true, render the author cell even when `author?.full_name` is
      *  missing — using the `EMPTY_AUTHOR_PLACEHOLDER` shape above. Used by
@@ -68,16 +72,18 @@ export interface EntityAuthorCardProps {
     renderEmptyAuthor?: boolean;
     className?: string;
 }
-/**
- * Single value cell — top: large `text-h4` value (uppercase), bottom: small
- * `DM_Sans` 14px secondary label. A non-text value (a `DepartmentBadge`) renders
- * as given in the value slot.
- */
-export declare function EntityMetadataValueCell({ value, label, className, uppercase, }: {
+export declare function EntityMetadataValueCell({ value, label, className, uppercase, optional, }: {
     value: React.ReactNode;
     label: string;
     className?: string;
     uppercase?: boolean;
+    /** A cell only some records carry: marked `data-loading-optional` (its loading state does not draw it). */
+    optional?: boolean;
+}): React.JSX.Element;
+/** A value cell while its value is read: the label is the page's own words, the value a bar of its line. */
+export declare function EntityMetadataValueCellSkeleton({ label, className }: {
+    label: string;
+    className?: string;
 }): React.JSX.Element;
 /**
  * Author cell — `<SquareAvatar>` + name + role label. The containing border /
@@ -89,5 +95,26 @@ export declare function EntityMetadataAuthorCell({ author, roleLabel, authorHref
     authorHref?: string;
     className?: string;
 }): React.JSX.Element;
+/** The author cell while it is read: the avatar's box and a bar for the name and the role (both read data). */
+export declare function EntityMetadataAuthorCellSkeleton({ className }: {
+    className?: string;
+}): React.JSX.Element;
+export interface EntityAuthorCardSkeletonProps {
+    /** The labels of the extra cells, in order (the page's own words: "Section", "Customer"). */
+    extraCellLabels?: string[];
+    /** The Published cell's label, or `null` when the card has no Published cell. Defaults to "Published". */
+    publishedLabel?: string | null;
+    /**
+     * How many optional cells the loaded card may add (cells only some records carry). They are not drawn, but they
+     * count in the grid's columns, so every drawn cell is as wide as on the loaded card. Default 0.
+     */
+    optionalCells?: number;
+    className?: string;
+}
+/**
+ * The card while it is read: the same grid, every label real, every value a bar, the author cell an avatar box and
+ * two bars. `EntityAuthorCard` draws it in a loading scope.
+ */
+export declare function EntityAuthorCardSkeleton({ extraCellLabels, publishedLabel, optionalCells, className, }: EntityAuthorCardSkeletonProps): React.JSX.Element;
 export declare function EntityAuthorCard({ author, roleLabel, authorHref, publishedAt, publishedLabel, extraCells, renderEmptyAuthor, className, }: EntityAuthorCardProps): React.JSX.Element | null;
 //# sourceMappingURL=entity-author-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"entity-author-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/entity-author-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAIjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC;AAEX,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC;mEAC+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gDAE4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;sDAEkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACnF;;;oCAGgC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAgB,GACjB,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,qBAaA;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBA+BA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAA4B,EAC5B,UAAU,EACV,iBAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,4BAkDvB"}
+{"version":3,"file":"entity-author-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/entity-author-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC;AAEX,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC;mEAC+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;gDAE4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;sDAEkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACvG;;;oCAGgC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAgB,EAChB,QAAgB,GACjB,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,qBAcA;AAED,4GAA4G;AAC5G,wBAAgB,+BAA+B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAY1G;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,SAAS,GACV,EAAE;IACD,MAAM,EAAE,WAAW,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAiCA;AAED,+GAA+G;AAC/G,wBAAgB,gCAAgC,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAUrF;AAED,MAAM,WAAW,6BAA6B;IAC5C,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,0GAA0G;IAC1G,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAoB,EACpB,cAA4B,EAC5B,aAAiB,EACjB,SAAS,GACV,EAAE,6BAA6B,qBAa/B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAA4B,EAC5B,UAAU,EACV,iBAAyB,EACzB,SAAS,GACV,EAAE,qBAAqB,4BAqDvB"}

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

@@ -1,22 +1,48 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../../embed-shims/next-link.js";
+import { AVATAR_SIZE } from "../../../styles/component-sizes.js";
+import { cn } from "../../../utils/cn.js";
 import { formatDate, nameInitials } from "../../../utils/format.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import { SquareAvatar } from "../../ui/square-avatar.js";
 const EMPTY_AUTHOR_PLACEHOLDER = {
   full_name: "\u2014",
   avatar_url: null,
   job_title: "Unknown"
 };
+const VALUE_CELL_CLASS = "flex flex-col gap-3 p-4";
+const CELL_STACK_CLASS = "flex flex-col gap-0";
+const VALUE_TEXT_CLASS = "text-ods-text-primary text-h4";
+const VALUE_NODE_CLASS = "flex min-h-6 items-center";
+const LABEL_TEXT_CLASS = "text-ods-text-secondary text-h6";
+const AUTHOR_CELL_CLASS = "flex items-center gap-3 p-4";
+const AUTHOR_TEXT_CLASS = "flex min-w-0 flex-1 flex-col gap-0";
+const AUTHOR_NAME_CLASS = "truncate text-ods-text-primary text-h3";
+const AUTHOR_AVATAR_SIZE = "md";
+const CELL_DIVIDER_CLASS = "border-b md:border-b-0 md:border-r border-ods-border";
+const GRID_FRAME_CLASS = "grid grid-cols-1 w-full overflow-hidden rounded-md border border-ods-border";
+function gridColsClass(cells) {
+  return cells >= 4 ? "md:grid-cols-4" : cells === 3 ? "md:grid-cols-3" : cells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+}
 function EntityMetadataValueCell({
   value,
   label,
   className,
-  uppercase = true
+  uppercase = true,
+  optional = false
 }) {
-  return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-3 p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
-    typeof value === "string" ? /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h4", children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ jsx("div", { className: "flex min-h-6 items-center", children: value }),
-    /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: label })
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(EntityMetadataValueCellSkeleton, { label, className });
+  return /* @__PURE__ */ jsx("div", { className: cn(VALUE_CELL_CLASS, className), "data-loading-optional": optional || void 0, children: /* @__PURE__ */ jsxs("div", { className: CELL_STACK_CLASS, children: [
+    typeof value === "string" ? /* @__PURE__ */ jsx("p", { className: VALUE_TEXT_CLASS, children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ jsx("div", { className: VALUE_NODE_CLASS, children: value }),
+    /* @__PURE__ */ jsx("p", { className: LABEL_TEXT_CLASS, children: label })
+  ] }) });
+}
+function EntityMetadataValueCellSkeleton({ label, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(VALUE_CELL_CLASS, className), children: /* @__PURE__ */ jsxs("div", { className: CELL_STACK_CLASS, children: [
+    /* @__PURE__ */ jsx("p", { className: VALUE_TEXT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { as: "span", type: "inherit", className: "w-24" }) }),
+    /* @__PURE__ */ jsx("p", { className: LABEL_TEXT_CLASS, children: label })
   ] }) });
 }
 function EntityMetadataAuthorCell({
@@ -25,25 +51,49 @@ function EntityMetadataAuthorCell({
   authorHref,
   className
 }) {
+  const loading = useLoadingScope();
+  if (loading) return /* @__PURE__ */ jsx(EntityMetadataAuthorCellSkeleton, { className });
   const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
   const fullName = trimmedName || "Unknown Author";
-  return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 p-4 ${className ?? ""}`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(AUTHOR_CELL_CLASS, className), children: [
     /* @__PURE__ */ jsx(
       SquareAvatar,
       {
         src: author.avatar_url || "",
         alt: fullName,
         fallback: nameInitials(fullName, ""),
-        size: "md",
+        size: AUTHOR_AVATAR_SIZE,
         variant: "round"
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
-      /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h3", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx(Link, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
-      /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: author.job_title || roleLabel })
+    /* @__PURE__ */ jsxs("div", { className: AUTHOR_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx("p", { className: AUTHOR_NAME_CLASS, title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx(Link, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
+      /* @__PURE__ */ jsx("p", { className: LABEL_TEXT_CLASS, children: author.job_title || roleLabel })
     ] })
   ] });
 }
+function EntityMetadataAuthorCellSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(AUTHOR_CELL_CLASS, className), children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "circular", className: cn("shrink-0", AVATAR_SIZE[AUTHOR_AVATAR_SIZE]) }),
+    /* @__PURE__ */ jsxs("div", { className: AUTHOR_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-32" }),
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-20" })
+    ] })
+  ] });
+}
+function EntityAuthorCardSkeleton({
+  extraCellLabels = [],
+  publishedLabel = "Published",
+  optionalCells = 0,
+  className
+}) {
+  const totalCells = extraCellLabels.length + optionalCells + (publishedLabel === null ? 0 : 1) + 1;
+  return /* @__PURE__ */ jsxs("div", { className: cn(GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
+    extraCellLabels.map((label, i) => /* @__PURE__ */ jsx(EntityMetadataValueCellSkeleton, { label, className: CELL_DIVIDER_CLASS }, `${label}-${i}`)),
+    publishedLabel !== null && /* @__PURE__ */ jsx(EntityMetadataValueCellSkeleton, { label: publishedLabel, className: CELL_DIVIDER_CLASS }),
+    /* @__PURE__ */ jsx(EntityMetadataAuthorCellSkeleton, {})
+  ] });
+}
 function EntityAuthorCard({
   author,
   roleLabel = "Author",
@@ -54,6 +104,18 @@ function EntityAuthorCard({
   renderEmptyAuthor = false,
   className
 }) {
+  const loading = useLoadingScope();
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      EntityAuthorCardSkeleton,
+      {
+        extraCellLabels: (extraCells ?? []).filter((cell) => !cell.optional).map((cell) => cell.label),
+        optionalCells: (extraCells ?? []).filter((cell) => cell.optional).length,
+        publishedLabel: publishedAt === void 0 ? null : publishedLabel,
+        className
+      }
+    );
+  }
   const hasAuthor = !!author?.full_name;
   if (!hasAuthor && !renderEmptyAuthor) return null;
   const effectiveAuthor = hasAuthor ? author : EMPTY_AUTHOR_PLACEHOLDER;
@@ -62,32 +124,36 @@ function EntityAuthorCard({
   const showDateCell = !!dateLabel;
   const extras = extraCells ?? [];
   const totalCells = extras.length + (showDateCell ? 1 : 0) + 1;
-  const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
-  const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `grid grid-cols-1 ${gridColsClass} w-full overflow-hidden rounded-md border border-ods-border ${className ?? ""}`,
-      children: [
-        extras.map((cell, i) => /* @__PURE__ */ jsx(
-          EntityMetadataValueCell,
-          {
-            value: cell.value,
-            label: cell.label,
-            uppercase: cell.uppercase ?? true,
-            className: dividerClass
-          },
-          `${cell.label}-${i}`
-        )),
-        showDateCell && /* @__PURE__ */ jsx(EntityMetadataValueCell, { value: dateLabel, label: publishedLabel, uppercase: false, className: dividerClass }),
-        /* @__PURE__ */ jsx(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: cn(GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
+    extras.map((cell, i) => /* @__PURE__ */ jsx(
+      EntityMetadataValueCell,
+      {
+        value: cell.value,
+        label: cell.label,
+        uppercase: cell.uppercase ?? true,
+        optional: cell.optional,
+        className: CELL_DIVIDER_CLASS
+      },
+      `${cell.label}-${i}`
+    )),
+    showDateCell && /* @__PURE__ */ jsx(
+      EntityMetadataValueCell,
+      {
+        value: dateLabel,
+        label: publishedLabel,
+        uppercase: false,
+        className: CELL_DIVIDER_CLASS
+      }
+    ),
+    /* @__PURE__ */ jsx(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
+  ] });
 }
 export {
   EMPTY_AUTHOR_PLACEHOLDER,
   EntityAuthorCard,
+  EntityAuthorCardSkeleton,
   EntityMetadataAuthorCell,
-  EntityMetadataValueCell
+  EntityMetadataAuthorCellSkeleton,
+  EntityMetadataValueCell,
+  EntityMetadataValueCellSkeleton
 };

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

@@ -56,4 +56,13 @@ export interface EntityPortraitCardProps {
     className?: string;
 }
 export declare function EntityPortraitCard({ href, target, rel, typeLabel, imageUrl, placeholderUrl, imageAlt, title, titleClassName, person, className, }: EntityPortraitCardProps): React.JSX.Element;
+/**
+ * The portrait card while it is read: the same three zones. The content-type chip is the caller's static label and
+ * is drawn for real; the title (two lines under a chip, three without, at the 24px title leading) and the person
+ * (48px avatar, name and subtitle lines) are bars.
+ */
+export declare function EntityPortraitCardSkeleton({ typeLabel, className }: {
+    typeLabel?: string;
+    className?: string;
+}): React.JSX.Element;
 //# sourceMappingURL=entity-portrait-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"entity-portrait-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/entity-portrait-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;yBAEqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;sBACkB;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,KAAK,EACL,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,qBA+GzB"}
+{"version":3,"file":"entity-portrait-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/entity-portrait-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;yBAEqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;sBACkB;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,KAAK,EACL,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,qBA0GzB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA6B9G"}

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

@@ -5,11 +5,21 @@ import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
 import { useImageEdgeColor } from "../../../hooks/ui/use-image-edge-color.js";
 import { cn } from "../../../utils/cn.js";
+import { MediaSkeleton, TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Card } from "../../ui/card.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import { StatusBadge } from "../../ui/status-badge.js";
-import { CONTENT_CARD_FRAME_CLASS } from "./content-card-frame.js";
+import { CONTENT_CARD_FRAME_CLASS, CONTENT_CARD_SKELETON_FRAME_CLASS } from "./content-card-frame.js";
 import { useCoverImageFallback } from "./use-cover-image-fallback.js";
 const MIN_WIDE_RATIO = 1.3;
+const PORTRAIT_BODY = "flex h-full flex-col gap-6 p-6";
+const PORTRAIT_MEDIA = "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm";
+const PORTRAIT_TITLE_ZONE = "flex h-[72px] shrink-0 flex-col justify-center gap-1.5";
+const PORTRAIT_TITLE_LEADING = "leading-6";
+const PORTRAIT_TITLE = cn("break-words text-ods-text-primary text-h4", PORTRAIT_TITLE_LEADING);
+const PORTRAIT_FOOTER = "flex h-[60px] shrink-0 items-center";
+const PORTRAIT_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
+const PORTRAIT_PERSON_TEXT = "flex min-w-0 flex-col";
 function EntityPortraitCard({
   href,
   target,
@@ -23,6 +33,7 @@ function EntityPortraitCard({
   person,
   className
 }) {
+  const loading = useLoadingScope();
   const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
   const [measured, setMeasured] = useState(null);
   const isWide = measured?.src === src ? measured.isWide : null;
@@ -33,11 +44,12 @@ function EntityPortraitCard({
     }
   };
   const edgeColor = useImageEdgeColor(isWide === false ? src : null, "var(--color-bg-surface)");
-  return /* @__PURE__ */ jsx(Link, { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs(Card, { className: cn(CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col gap-6 p-6"), children: [
+  if (loading) return /* @__PURE__ */ jsx(EntityPortraitCardSkeleton, { typeLabel, className });
+  return /* @__PURE__ */ jsx(Link, { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs(Card, { className: cn(CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm bg-ods-bg transition-colors duration-300",
+        className: cn(PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
         style: isWide === false ? { backgroundColor: edgeColor } : void 0,
         children: src && /* @__PURE__ */ jsx(
           Image,
@@ -54,7 +66,7 @@ function EntityPortraitCard({
         )
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex h-[72px] shrink-0 flex-col justify-center gap-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: PORTRAIT_TITLE_ZONE, children: [
       typeLabel && /* @__PURE__ */ jsx(
         StatusBadge,
         {
@@ -65,19 +77,9 @@ function EntityPortraitCard({
           className: "self-start"
         }
       ),
-      /* @__PURE__ */ jsx(
-        "h3",
-        {
-          className: cn(
-            "break-words leading-6 text-ods-text-primary text-h4",
-            typeLabel ? "line-clamp-2" : "line-clamp-3",
-            titleClassName
-          ),
-          children: title
-        }
-      )
+      /* @__PURE__ */ jsx("h3", { className: cn(PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex h-[60px] shrink-0 items-center", children: person && /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+    /* @__PURE__ */ jsx("div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ jsxs("div", { className: PORTRAIT_PERSON_ROW, children: [
       /* @__PURE__ */ jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [
         person.avatarUrl ? /* @__PURE__ */ jsx(
           Image,
@@ -102,13 +104,39 @@ function EntityPortraitCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: PORTRAIT_PERSON_TEXT, children: [
         /* @__PURE__ */ jsx("span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
         person.subtitle && /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", children: person.subtitle })
       ] })
     ] }) })
   ] }) });
 }
+function EntityPortraitCardSkeleton({ typeLabel, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ jsxs(Card, { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(PORTRAIT_MEDIA, "rounded-sm") }),
+    /* @__PURE__ */ jsxs("div", { className: PORTRAIT_TITLE_ZONE, children: [
+      typeLabel && /* @__PURE__ */ jsx(
+        StatusBadge,
+        {
+          variant: "button",
+          colorScheme: "accentBorder",
+          singleLine: true,
+          text: typeLabel,
+          className: "self-start"
+        }
+      ),
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: cn("w-full", PORTRAIT_TITLE_LEADING) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: PORTRAIT_FOOTER, children: /* @__PURE__ */ jsxs("div", { className: PORTRAIT_PERSON_ROW, children: [
+      /* @__PURE__ */ jsx(MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ jsxs("div", { className: cn(PORTRAIT_PERSON_TEXT, "gap-0"), children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-32" }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" })
+      ] })
+    ] }) })
+  ] }) });
+}
 export {
-  EntityPortraitCard
+  EntityPortraitCard,
+  EntityPortraitCardSkeleton
 };

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;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"}
+{"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,qBAuEzF;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAW9E"}

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

@@ -3,19 +3,20 @@ 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 { useLoadingScope } from "../../ui/loading-scope.js";
 import { StatusBadge } from "../../ui/status-badge.js";
 import {
   COMPACT_CARD_META_ROW,
   COMPACT_CARD_META_ROW_BOX,
   COMPACT_CARD_OUTER,
   COMPACT_CARD_OUTER_STATIC,
-  COMPACT_CARD_SKELETON_OUTER,
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE,
   safeHref
 } from "../utils/compact-card-classes.js";
+import { CompactCardSkeleton } from "../utils/compact-card-skeleton.js";
 function GenericEntityCard({ item, className, anchorProps }) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(GenericEntityCardSkeleton, { className });
   const href = safeHref(item.url);
   const dateText = formatDate(item.dateUpdated, { fallback: "", timezone: "local" });
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -51,21 +52,17 @@ function GenericEntityCard({ item, className, anchorProps }) {
   return href ? /* @__PURE__ */ jsx(Link, { href, className: `${COMPACT_CARD_OUTER} ${className ?? ""}`, children: body }) : /* @__PURE__ */ jsx("span", { className: `${COMPACT_CARD_OUTER_STATIC} ${className ?? ""}`, "aria-label": "No link available", children: body });
 }
 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(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(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(UnifiedSkeleton, { as: "span", className: "h-5 w-5/6 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" })
-      ] }),
-      /* @__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(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-  ] });
+  return /* @__PURE__ */ jsx(
+    CompactCardSkeleton,
+    {
+      slot: false,
+      titleWidth: "w-2/3",
+      titleBadges: ["w-16"],
+      rows: [{ width: "w-1/2" }, { width: "w-5/6", lines: 2 }, { width: "w-1/4" }],
+      trailingIcon: true,
+      className
+    }
+  );
 }
 export {
   GenericEntityCard,

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;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"}
+{"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;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AA0C/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,qBAmGhH;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,qBAgBA"}

package/dist/components/chat/entity-cards/github-activity-card.js

@@ -6,6 +6,7 @@ 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 { useLoadingScope } from "../../ui/loading-scope.js";
 import {
   COMPACT_CARD_ICON_SLOT,
   COMPACT_CARD_META_ROW,
@@ -13,14 +14,13 @@ import {
   COMPACT_CARD_OUTER,
   COMPACT_CARD_OUTER_STATIC,
   COMPACT_CARD_ROW_FILLER,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
   COMPACT_CARD_SUMMARY,
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
   safeHref
 } from "../utils/compact-card-classes.js";
+import { ActivityRowSkeleton, CompactCardSkeleton } from "../utils/compact-card-skeleton.js";
 function parseRepoFromUrl(url) {
   if (!url) return null;
   try {
@@ -118,6 +118,7 @@ function ReviewStateBadge({ state, className = "" }) {
   return /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center rounded px-1.5 py-0.5 text-h5 ${paint} ${className}`, children: label });
 }
 function GitHubActivityCard({ item, variant = "compact", className, anchorProps }) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(GitHubActivityCardSkeleton, { variant, className });
   const kind = item.kind ?? "commit";
   const repo = item.repo ?? parseRepoFromUrl(item.url) ?? "";
   const dateText = formatDate(item.dateUpdated, { fallback: "", timezone: "local" });
@@ -180,25 +181,19 @@ function GitHubActivityCardSkeleton({
   className
 }) {
   if (variant === "row") {
-    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(UnifiedSkeleton, { className: "h-3.5 w-3.5 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded" })
-      ] }),
-      /* @__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__ */ jsx(
+      ActivityRowSkeleton,
+      {
+        lead: /* @__PURE__ */ jsxs("div", { className: "flex w-28 shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3.5 w-3.5 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-16 rounded" })
+        ] }),
+        trailingWidths: ["w-40", "w-20"],
+        className
+      }
+    );
   }
-  return /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_SKELETON_OUTER} ${className ?? ""}`, children: [
-    /* @__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(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(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-  ] });
+  return /* @__PURE__ */ jsx(CompactCardSkeleton, { titleWidth: "w-2/3", rows: [{ width: "w-1/2" }, {}], trailingIcon: true, className });
 }
 export {
   GitHubActivityCard,

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;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"}
+{"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;AAM1B,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,qBAwG9G;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,qBAqBA"}