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

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

@@ -49,11 +49,11 @@ import { QuestionCircleIcon } from "../../icons-v2-generated/signs-and-symbols/q
 import { TrophyIcon } from "../../icons-v2-generated/sport/trophy-icon.js";
 import { Rocket02Icon } from "../../icons-v2-generated/vehicles-and-delivery/rocket-02-icon.js";
 import { TruckFastIcon } from "../../icons-v2-generated/vehicles-and-delivery/truck-fast-icon.js";
-import { ProductReleaseCardSkeleton } from "../../shared/product-release/product-release-card-skeleton.js";
+import { ProductReleaseCard } from "../../shared/product-release/product-release-card.js";
 import { VendorIcon } from "../../vendor-icon.js";
 import { useChatPanel } from "../chat-panel-context.js";
 import { useChatCardItem } from "../hooks/use-chat-card-item.js";
-import { MingoInfoCard, MingoInfoCardSkeleton } from "../mingo-info-card.js";
+import { MingoInfoCard } from "../mingo-info-card.js";
 import { SourceActionButton } from "../source-action-button.js";
 import { formatInvestorUpdatePeriod } from "../types/entities/investor-update.js";
 import { getStatusColorScheme } from "../utils/agent-status-message.js";
@@ -65,10 +65,10 @@ import { computeIsNewTab, buildAnchorProps } from "../utils/nav-anchor-props.js"
 import { readFetchedCardTitle } from "../utils/resolve-fetched-card-href.js";
 import { resolveSourceIcon, sourceRowCtxFromRuntime } from "../utils/source-row-cta.js";
 import { BlockCard } from "./block-card.js";
-import { BlogCardSkeleton } from "./blog-card.js";
-import { CaseStudyCardSkeleton } from "./case-study-card.js";
+import { BlogCard } from "./blog-card.js";
+import { CaseStudyCard } from "./case-study-card.js";
 import { ChatVideoEntityCard } from "./chat-video-entity-card.js";
-import { CustomerInterviewCardSkeleton } from "./customer-interview-card.js";
+import { CustomerInterviewCard } from "./customer-interview-card.js";
 import { DeletedDataCard } from "./deleted-data-card.js";
 import { designDocMetaLine } from "./design-doc-card.js";
 import {
@@ -77,11 +77,11 @@ import {
   kindLabel as githubKindLabel,
   reviewStateLabel
 } from "./github-activity-card.js";
-import { InvestorUpdateCardSkeleton } from "./investor-update-card.js";
-import { OnboardingGuideCardSkeleton } from "./onboarding-guide-card.js";
+import { InvestorUpdateCard } from "./investor-update-card.js";
+import { OnboardingGuideCard } from "./onboarding-guide-card.js";
 import { defaultBuildProductReleaseCardProps } from "./product-release-card-defaults.js";
-import { ProgramCardSkeleton } from "./program-card.js";
-import { RoadmapCardSkeleton } from "./roadmap-card.js";
+import { ProgramCard } from "./program-card.js";
+import { RoadmapCard } from "./roadmap-card.js";
 import { TaskTypeIcon } from "./task-type-icon.js";
 function githubKindIcon(kind) {
   switch (kind) {
@@ -510,9 +510,6 @@ function CampaignChatCard({
     }
   );
 }
-function CampaignChatCardSkeleton() {
-  return /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {});
-}
 function EntityMingoCard({
   title,
   description,
@@ -757,7 +754,7 @@ function refHydratedEntry(docType, label, renderRef) {
     contentRefType: docType,
     noComposedHref: true,
     fallbackHref: (item) => item?.url ?? null,
-    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     render: (item, chatRef, opts) => renderRef(fetchedItemDisplayRef(item, chatRef), opts)
   };
 }
@@ -885,7 +882,7 @@ function employeeEntryRegistryEntries() {
     label: cfg.label,
     bareInline: true,
     contentRefType: docType,
-    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       GlyphChatCard,
       {
@@ -913,7 +910,7 @@ function programRegistryEntries() {
     label: cfg.label,
     contentRefType: cfg.contentRefType,
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(ProgramCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(ProgramCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       ProgramChatCard,
       {
@@ -954,7 +951,7 @@ function roadmapRegistryEntries() {
     bareInline: true,
     ...cfg.noComposedHref ? { noComposedHref: true } : {},
     ...cfg.fallbackHref ? { fallbackHref: cfg.fallbackHref } : {},
-    skeleton: () => /* @__PURE__ */ jsx(RoadmapCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(RoadmapCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       RoadmapChatCard,
       {
@@ -1005,7 +1002,7 @@ const CHAT_CARD_REGISTRY = {
     contentRefType: "faq",
     noComposedHref: true,
     fallbackHref: (item) => item?.id != null ? `/faqs#${faqItemAnchor(item.id)}` : null,
-    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(FaqChatCard, { chatRef: fetchedFaqDisplayRef(item, chatRef), isNewTab: opts.isNewTab, discuss: opts.discuss })
   },
   // Trust center — ONE record (`[card://trust_center:main]`) from the public
@@ -1018,7 +1015,7 @@ const CHAT_CARD_REGISTRY = {
     contentRefType: TRUST_CENTER_DOCUMENT_TYPE,
     noComposedHref: true,
     fallbackHref: () => TRUST_CENTER_PAGE_PATH,
-    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(TrustCenterChatCard, { item, chatRef, isNewTab: opts.isNewTab, discuss: opts.discuss })
   },
   hubspot_ticket: refHydratedEntry("hubspot_ticket", "HubSpot ticket", (displayRef, opts) => /* @__PURE__ */ jsx(HubspotTicketChatCard, { chatRef: displayRef, isNewTab: opts.isNewTab, discuss: opts.discuss })),
@@ -1043,7 +1040,7 @@ const CHAT_CARD_REGISTRY = {
     label: "Blog post",
     contentRefType: "blog_post_existing",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(BlogCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(BlogCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       BlogChatCard,
       {
@@ -1060,7 +1057,7 @@ const CHAT_CARD_REGISTRY = {
     label: "Case study",
     contentRefType: "case_study",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(CaseStudyCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(CaseStudyCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       CaseStudyChatCard,
       {
@@ -1078,14 +1075,14 @@ const CHAT_CARD_REGISTRY = {
     bareInline: true,
     noComposedHref: true,
     fallbackHref: (item) => item?.url ?? null,
-    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(DesignDocChatCard, { item, chatRef, isNewTab: opts.isNewTab, discuss: opts.discuss })
   },
   customer_interview: {
     label: "Customer interview",
     contentRefType: "customer_interview",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(CustomerInterviewCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(CustomerInterviewCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       CustomerInterviewChatCard,
       {
@@ -1101,7 +1098,7 @@ const CHAT_CARD_REGISTRY = {
     label: "Product release",
     contentRefType: "product_release",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(ProductReleaseCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(ProductReleaseCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => {
       const builder = opts?.extras?.buildProductReleaseCardProps ?? defaultBuildProductReleaseCardProps;
       return /* @__PURE__ */ jsx(
@@ -1121,7 +1118,7 @@ const CHAT_CARD_REGISTRY = {
     label: "Investor update",
     contentRefType: "investor_update",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(InvestorUpdateCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(InvestorUpdateCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       InvestorUpdateChatCard,
       {
@@ -1139,7 +1136,7 @@ const CHAT_CARD_REGISTRY = {
     bareInline: true,
     // "Display" affordance (verbatim guide body) instead of "Ask".
     displayAction: true,
-    skeleton: () => /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: "sm" }),
+    skeleton: () => /* @__PURE__ */ jsx(OnboardingGuideCard, { loading: true, size: "sm" }),
     render: (item, chatRef, opts) => /* @__PURE__ */ jsx(
       OnboardingGuideChatCard,
       {
@@ -1155,7 +1152,7 @@ const CHAT_CARD_REGISTRY = {
     label: "Marketing campaign",
     contentRefType: "marketing_campaign",
     bareInline: true,
-    skeleton: () => /* @__PURE__ */ jsx(CampaignChatCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ jsx(MingoInfoCard, { loading: true, title: "" }),
     // No public viewer — synthesize the hub-internal admin URL post-fetch
     // so the wrapper + isNewTab computation see the actual destination.
     fallbackHref: (item) => item?.id ? `/admin/campaigns/${encodeURIComponent(String(item.id))}` : null,

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

@@ -13,7 +13,7 @@ export interface EmployeeEntryCardData {
         avatar_url?: string | null;
     } | null;
 }
-export interface EmployeeEntryCardProps {
+interface LoadedEmployeeEntryCardProps {
     entry: EmployeeEntryCardData;
     /** Already-formatted date shown in the meta row. Bindings own the format so
      *  the UTC-pin convention stays in `utils/format`, not in the card. */
@@ -32,29 +32,22 @@ export interface EmployeeEntryCardProps {
     anchorProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
     className?: string;
 }
+/**
+ * The entry, or `loading` while the host reads it: the card then draws its own loading form (the admin card's), as it
+ * does in a loading scope. `actions` then says what the actions row shows (a node drawn for real and inert, `true`
+ * button bars, absent none).
+ */
+export type EmployeeEntryCardProps = (LoadedEmployeeEntryCardProps & {
+    loading?: boolean;
+}) | (Partial<LoadedEmployeeEntryCardProps> & {
+    loading: true;
+});
 /** An entity's own badge (discipline, level, step count): the standard `StatusBadge`
  *  stamp, so it sits at exactly the size and height of the status badge beside it. */
 export declare function EmployeeEntryBadge({ children }: {
     children: string;
 }): React.JSX.Element;
-/**
- * THE people-hub employee-entry card. Wraps `AdminContentCard` with the canonical
- * mapping (cover = featured_image || main_video_thumbnail, OG placeholder
- * fallback, title, 140-char summary, status badge, author avatar+name + a date
- * label). Every entity that renders "an employee's entry" binds to this one
- * engine — What I Shipped and How I Work differ only in which date column they
- * format and which extra badges they add, so the card itself cannot drift
- * between the dashboard and the related-content rail.
- */
-export declare function EmployeeEntryCard({ entry, dateLabel, extraBadges, untitledLabel, placeholderUrl, actions, anchorProps, className, }: EmployeeEntryCardProps): React.JSX.Element;
-/**
- * The employee-entry card's placeholder: THE admin card skeleton, the same
- * component every `AdminContentCard reserveRows` grid uses, so the loading card
- * and the real one are the same box. `actions` matches a card rendered with an
- * owner action row (the dashboards); a read-only card (rails) has none.
- */
-export declare function EmployeeEntryCardSkeleton({ className, actions }: {
-    className?: string;
-    actions?: boolean;
-}): React.JSX.Element;
+/** ONE switch: in a loading scope (or `loading`) the card is the admin card's loading form, box for box. */
+export declare function EmployeeEntryCard(props: EmployeeEntryCardProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=employee-entry-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"employee-entry-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/employee-entry-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;2CAE2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CAC3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,CAAC;IAC7B;2EACuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;sFACsF;AACtF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,qBAEpE;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,WAAW,EACX,aAAgC,EAChC,cAAc,EACd,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,sBAAsB,qBA4DxB;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAElH"}
+{"version":3,"file":"employee-entry-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/employee-entry-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;2CAE2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CAC3E;AAED,UAAU,4BAA4B;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAC7B;2EACuE;IACvE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAChC,CAAC,4BAA4B,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,CAAC,OAAO,CAAC,4BAA4B,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAevH;sFACsF;AACtF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,qBAEpE;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAa9D"}

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

@@ -2,9 +2,10 @@
 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 { useLoadingScope } from "../../ui/loading-scope.js";
 import { StatusBadge } from "../../ui/status-badge.js";
 import { useProxiedImageUrl } from "../hooks/use-proxied-image-url.js";
-import { AdminContentCard, AdminContentCardSkeleton } from "./admin-content-card.js";
+import { AdminContentCard } from "./admin-content-card.js";
 const STATUS_BADGE_SCHEME = {
   published: "success",
   draft: "warning",
@@ -19,7 +20,22 @@ const STATUS_BADGE_SCHEME = {
 function EmployeeEntryBadge({ children }) {
   return /* @__PURE__ */ jsx(StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
 }
-function EmployeeEntryCard({
+function EmployeeEntryCard(props) {
+  if (useLoadingScope() || props.loading) {
+    return /* @__PURE__ */ jsx(
+      AdminContentCard,
+      {
+        loading: true,
+        title: "",
+        className: props.className,
+        actions: props.actions || false,
+        subtitleRow: false
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(LoadedEmployeeEntryCard, { ...props });
+}
+function LoadedEmployeeEntryCard({
   entry,
   dateLabel,
   extraBadges,
@@ -74,11 +90,7 @@ function EmployeeEntryCard({
   );
   return anchorProps ? /* @__PURE__ */ jsx(Link, { ...anchorProps, className: "block h-full", children: card }) : card;
 }
-function EmployeeEntryCardSkeleton({ className, actions = false }) {
-  return /* @__PURE__ */ jsx(AdminContentCardSkeleton, { className, actions, subtitleRow: false });
-}
 export {
   EmployeeEntryBadge,
-  EmployeeEntryCard,
-  EmployeeEntryCardSkeleton
+  EmployeeEntryCard
 };

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

@@ -71,6 +71,9 @@ export interface EntityAuthorCardProps {
      *  holds. Defaults to false. */
     renderEmptyAuthor?: boolean;
     className?: string;
+    /** The record is still being read: the card draws its skeleton, its cells the ones the caller asked for (a
+     *  Published cell when `publishedAt` is passed at all, `null` included). A loading scope does the same. */
+    loading?: boolean;
 }
 export declare function EntityMetadataValueCell({ value, label, className, uppercase, optional, }: {
     value: React.ReactNode;
@@ -80,41 +83,22 @@ export declare function EntityMetadataValueCell({ value, label, className, upper
     /** 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 /
  * divider is the caller's responsibility — this is just the cell content.
  */
-export declare function EntityMetadataAuthorCell({ author, roleLabel, authorHref, className, }: {
-    author: NonNullable<EntityAuthorCardProps['author']>;
+export declare function EntityMetadataAuthorCell({ author, roleLabel, authorHref, className, loading: loadingProp, }: {
     roleLabel?: string;
     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;
+} & ({
+    author: NonNullable<EntityAuthorCardProps['author']>;
+    loading?: boolean;
 }
-/**
- * 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;
+/** The author is still being read: the cell draws its own loading form (also in a loading scope). */
+ | {
+    author?: undefined;
+    loading: true;
+})): React.JSX.Element;
+export declare function EntityAuthorCard({ author, roleLabel, authorHref, publishedAt, publishedLabel, extraCells, renderEmptyAuthor, className, loading: loadingProp, }: 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;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"}
+{"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;IACnB;+GAC2G;IAC3G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;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;AAiBD;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CACA;IAAE,MAAM,EAAE,WAAW,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAC7E,qGAAqG;GACnG;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,CACxC,qBAiCA;AAoDD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAA4B,EAC5B,UAAU,EACV,iBAAyB,EACzB,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE,qBAAqB,4BAqDvB"}

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

@@ -49,9 +49,10 @@ function EntityMetadataAuthorCell({
   author,
   roleLabel = "Author",
   authorHref,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = useLoadingScope();
+  const loading = useLoadingScope() || loadingProp || !author;
   if (loading) return /* @__PURE__ */ jsx(EntityMetadataAuthorCellSkeleton, { className });
   const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
   const fullName = trimmedName || "Unknown Author";
@@ -102,9 +103,10 @@ function EntityAuthorCard({
   publishedLabel = "Published",
   extraCells,
   renderEmptyAuthor = false,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = useLoadingScope();
+  const loading = useLoadingScope() || !!loadingProp;
   if (loading) {
     return /* @__PURE__ */ jsx(
       EntityAuthorCardSkeleton,
@@ -151,9 +153,6 @@ function EntityAuthorCard({
 export {
   EMPTY_AUTHOR_PLACEHOLDER,
   EntityAuthorCard,
-  EntityAuthorCardSkeleton,
   EntityMetadataAuthorCell,
-  EntityMetadataAuthorCellSkeleton,
-  EntityMetadataValueCell,
-  EntityMetadataValueCellSkeleton
+  EntityMetadataValueCell
 };

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

@@ -56,15 +56,9 @@ export interface EntityPortraitCardProps {
     /** The card's picture is likely the page's largest paint: fetch it at once and ranked high, not lazily. */
     priority?: boolean;
     className?: string;
+    /** The record is still being read: the card draws its skeleton (the same three zones, the chip real). A loading
+     *  scope does the same. */
+    loading?: boolean;
 }
-export declare function EntityPortraitCard({ href, target, rel, typeLabel, imageUrl, placeholderUrl, imageAlt, title, titleClassName, person, priority, 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;
+export declare function EntityPortraitCard({ href, target, rel, typeLabel, imageUrl, placeholderUrl, imageAlt, title, titleClassName, person, priority, className, loading: loadingProp, }: EntityPortraitCardProps): 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;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,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,qBA2GzB;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"}
+{"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,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;+BAC2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;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,QAAQ,EACR,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE,uBAAuB,qBA+GzB"}

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

@@ -32,9 +32,10 @@ function EntityPortraitCard({
   titleClassName,
   person,
   priority,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = useLoadingScope();
+  const loading = useLoadingScope() || !!loadingProp;
   const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
   const [measured, setMeasured] = useState(null);
   const isWide = measured?.src === src ? measured.isWide : null;
@@ -75,6 +76,7 @@ function EntityPortraitCard({
           variant: "button",
           colorScheme: "accentBorder",
           singleLine: true,
+          staticText: true,
           text: typeLabel,
           className: "self-start"
         }
@@ -94,17 +96,24 @@ function EntityPortraitCard({
             unoptimized: true
           }
         ) : /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
-        person.iconOverlayUrl && /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ jsx(
-          Image,
+        person.iconOverlayUrl && /* @__PURE__ */ jsx(
+          "div",
           {
-            src: person.iconOverlayUrl,
-            alt: "",
-            className: "h-full w-full object-cover",
-            width: 24,
-            height: 24,
-            unoptimized: true
+            "data-loading-optional": true,
+            className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg",
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                src: person.iconOverlayUrl,
+                alt: "",
+                className: "h-full w-full object-cover",
+                width: 24,
+                height: 24,
+                unoptimized: true
+              }
+            )
           }
-        ) })
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: PORTRAIT_PERSON_TEXT, children: [
         /* @__PURE__ */ jsx("span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
@@ -123,6 +132,7 @@ function EntityPortraitCardSkeleton({ typeLabel, className }) {
           variant: "button",
           colorScheme: "accentBorder",
           singleLine: true,
+          staticText: true,
           text: typeLabel,
           className: "self-start"
         }
@@ -139,6 +149,5 @@ function EntityPortraitCardSkeleton({ typeLabel, className }) {
   ] }) });
 }
 export {
-  EntityPortraitCard,
-  EntityPortraitCardSkeleton
+  EntityPortraitCard
 };

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

@@ -28,8 +28,5 @@ export interface GenericEntityCardProps {
     anchorProps?: GenericEntityCardAnchorProps;
 }
 export declare function GenericEntityCard({ item, className, anchorProps }: GenericEntityCardProps): React.JSX.Element;
-export declare function GenericEntityCardSkeleton({ className }: {
-    className?: string;
-}): React.JSX.Element;
 export {};
 //# sourceMappingURL=generic-entity-card.d.ts.map

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

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

@@ -65,6 +65,5 @@ function GenericEntityCardSkeleton({ className }) {
   );
 }
 export {
-  GenericEntityCard,
-  GenericEntityCardSkeleton
+  GenericEntityCard
 };

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

@@ -24,8 +24,4 @@ export interface GitHubActivityCardProps {
     anchorProps?: GitHubActivityCardAnchorProps;
 }
 export declare function GitHubActivityCard({ item, variant, className, anchorProps }: GitHubActivityCardProps): React.JSX.Element;
-export declare function GitHubActivityCardSkeleton({ variant, className, }: {
-    variant?: 'row' | 'compact';
-    className?: string;
-}): React.JSX.Element;
 //# sourceMappingURL=github-activity-card.d.ts.map

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;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"}
+{"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"}

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

@@ -197,7 +197,6 @@ function GitHubActivityCardSkeleton({
 }
 export {
   GitHubActivityCard,
-  GitHubActivityCardSkeleton,
   formatActivityId,
   kindLabel,
   parseGithubTitle,

package/dist/components/chat/entity-cards/how-i-work-card.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import { EmployeeEntryCardSkeleton, type EmployeeEntryCardData } from './employee-entry-card';
+import { type EmployeeEntryCardData } from './employee-entry-card';
 /** Minimal row shape the card renders. Both the hub dashboard entry and the
  *  related-content hydrated row satisfy it structurally. */
 export interface HowIWorkCardData extends EmployeeEntryCardData {
@@ -8,7 +8,7 @@ export interface HowIWorkCardData extends EmployeeEntryCardData {
      *  scanning the grid can tell a sales workflow from an engineering one. */
     discipline?: string | null;
 }
-export interface HowIWorkCardProps {
+interface LoadedHowIWorkCardProps {
     entry: HowIWorkCardData;
     /** OG fallback cover. Caller computes it (hub: `useOgPlaceholderUrl`; related
      *  rail: `extras.buildOgPlaceholderUrl`). */
@@ -20,6 +20,12 @@ export interface HowIWorkCardProps {
     anchorProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
     className?: string;
 }
+/** The entry, or `loading` while the host reads it: the card then draws its own loading form (`EmployeeEntryCard`'s). */
+export type HowIWorkCardProps = (LoadedHowIWorkCardProps & {
+    loading?: boolean;
+}) | (Partial<LoadedHowIWorkCardProps> & {
+    loading: true;
+});
 /**
  * THE single "How I Work" card — a thin binding over `EmployeeEntryCard` that
  * maps the session date to the shared meta date and adds the discipline badge.
@@ -27,8 +33,6 @@ export interface HowIWorkCardProps {
  * related-content rail (with `anchorProps`), so the card cannot drift between
  * the two surfaces.
  */
-export declare function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }: HowIWorkCardProps): React.JSX.Element;
-/** Loading skeleton matching HowIWorkCard's shape. Shared with every other
- *  employee-entry card so the rail's placeholder never diverges from the card. */
-export declare const HowIWorkCardSkeleton: typeof EmployeeEntryCardSkeleton;
+export declare function HowIWorkCard(props: HowIWorkCardProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=how-i-work-card.d.ts.map

package/dist/components/chat/entity-cards/how-i-work-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"how-i-work-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/how-i-work-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,yBAAyB,EAEzB,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAE/B;4DAC4D;AAC5D,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;+EAC2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,iBAAiB,qBAiBzG;AAED;kFACkF;AAClF,eAAO,MAAM,oBAAoB,kCAA4B,CAAC"}
+{"version":3,"file":"how-i-work-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/how-i-work-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAyC,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE1G;4DAC4D;AAC5D,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB;IAC7D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;+EAC2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,gBAAgB,CAAC;IACxB;iDAC6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;6DACyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yHAAyH;AACzH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GAAG,CAAC,OAAO,CAAC,uBAAuB,CAAC,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAS7G;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAmBpD"}

package/dist/components/chat/entity-cards/how-i-work-card.js

@@ -1,15 +1,13 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { formatDateUTC } from "../../../utils/format.js";
-import {
-  EmployeeEntryCard,
-  EmployeeEntryCardSkeleton,
-  EmployeeEntryBadge
-} from "./employee-entry-card.js";
+import { EmployeeEntryCard, EmployeeEntryBadge } from "./employee-entry-card.js";
 function disciplineLabel(discipline) {
   return discipline.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase());
 }
-function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }) {
+function HowIWorkCard(props) {
+  if (props.loading) return /* @__PURE__ */ jsx(EmployeeEntryCard, { loading: true, actions: props.actions, className: props.className });
+  const { entry, placeholderUrl, actions, anchorProps, className } = props;
   return /* @__PURE__ */ jsx(
     EmployeeEntryCard,
     {
@@ -24,8 +22,6 @@ function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }
     }
   );
 }
-const HowIWorkCardSkeleton = EmployeeEntryCardSkeleton;
 export {
-  HowIWorkCard,
-  HowIWorkCardSkeleton
+  HowIWorkCard
 };