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

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

@@ -5,17 +5,18 @@ import React from "react";
 import Link from "../../../embed-shims/next-link.js";
 import { formatDateUTC as formatDate } from "../../../utils/format.js";
 import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { 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 formatToken(token) {
   if (!token) return null;
   const lower = token.toLowerCase().replace(/_/g, " ");
@@ -35,6 +36,7 @@ function statusScheme(status) {
   return "default";
 }
 function HubspotTicketCard({ item, variant = "compact", className, anchorProps }) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(HubspotTicketCardSkeleton, { variant, className });
   const statusText = item.statusLabel ?? formatToken(item.status);
   const priorityText = formatToken(item.priority);
   const dateText = formatDate(item.dateUpdated, { fallback: "", timezone: "local" });
@@ -109,24 +111,17 @@ function HubspotTicketCardSkeleton({
       /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 shrink-0 rounded" })
     ] });
   }
-  return /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_SKELETON_OUTER} ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
-      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-2/3 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-12 rounded-full" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-16 rounded-full" })
-      ] }),
-      /* @__PURE__ */ jsx(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-4/6 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-3/4 rounded" }),
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-5 w-2/5 rounded" })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-  ] });
+  return /* @__PURE__ */ jsx(
+    CompactCardSkeleton,
+    {
+      slot: false,
+      titleWidth: "w-2/3",
+      titleBadges: ["w-12", "w-16"],
+      rows: [{ width: "w-1/2" }, { width: "w-5/6", lines: 4 }, { width: "w-1/3" }],
+      trailingIcon: true,
+      className
+    }
+  );
 }
 export {
   HubspotTicketCard,

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

@@ -6,13 +6,13 @@
  * NO internal click logic — consumers wrap the card with their own anchor
  * (hub's `<NavLinkAnchor>` or lib's `<NavLinkAnchorViaRuntime>`).
  */
-export { EntityAuthorCard, EntityMetadataValueCell, EntityMetadataAuthorCell, EMPTY_AUTHOR_PLACEHOLDER, type EntityAuthorCardProps, } from './entity-author-card';
+export { EntityAuthorCard, EntityMetadataValueCell, EntityMetadataAuthorCell, EntityAuthorCardSkeleton, EntityMetadataValueCellSkeleton, EntityMetadataAuthorCellSkeleton, type EntityAuthorCardSkeletonProps, EMPTY_AUTHOR_PLACEHOLDER, type EntityAuthorCardProps, } from './entity-author-card';
 export { BlogImagePlaceholder } from './blog-image-placeholder';
-export { EntityPortraitCard, type EntityPortraitCardProps, type EntityPortraitPerson } from './entity-portrait-card';
+export { EntityPortraitCard, EntityPortraitCardSkeleton, type EntityPortraitCardProps, type EntityPortraitPerson, } from './entity-portrait-card';
 export { useCoverImageFallback, hideOnError, type CoverImageFallback } from './use-cover-image-fallback';
-export { AdminContentCard } from './admin-content-card';
+export { AdminContentCard, AdminContentCardSkeleton } from './admin-content-card';
 export { CONTENT_CARD_FRAME_CLASS, CONTENT_CARD_SKELETON_FRAME_CLASS, ContentCardFrame, type ContentCardFrameProps, } from './content-card-frame';
-export { AdminContentCardGrid, AdminContentCardGridSkeleton, AdminContentCardSkeleton, ADMIN_CONTENT_CARD_GRID_CLASS, type AdminContentCardGridProps, type AdminContentCardGridSkeletonProps, } from './admin-content-card-grid';
+export { AdminContentCardGrid, AdminContentCardGridSkeleton, ADMIN_CONTENT_CARD_GRID_CLASS, type AdminContentCardGridProps, type AdminContentCardGridSkeletonProps, } from './admin-content-card-grid';
 export { EmployeeEntryCard, EmployeeEntryCardSkeleton, EmployeeEntryBadge } from './employee-entry-card';
 export type { EmployeeEntryCardData, EmployeeEntryCardProps } from './employee-entry-card';
 export { WhatIShippedCard, WhatIShippedCardSkeleton } from './what-i-shipped-card';
@@ -22,9 +22,10 @@ export type { HowIWorkCardData, HowIWorkCardProps } from './how-i-work-card';
 export { AiPromptCard, AiPromptCardSkeleton } from './ai-prompt-card';
 export type { AiPromptCardData, AiPromptCardProps } from './ai-prompt-card';
 export { BlockCard, type BlockCardProps } from './block-card';
-export { ChatTicketItem, type ChatTicketItemData, type ChatTicketItemProps } from './chat-ticket-item';
+export { ChatTicketItem, ChatTicketItemSkeleton, type ChatTicketItemData, type ChatTicketItemProps, } from './chat-ticket-item';
 export { ChatVideoEntityCard, type ChatVideoEntityCardProps } from './chat-video-entity-card';
-export { ProductReleaseCard, ProductReleaseCardSkeleton, type ProductReleaseCardProps, type ProductReleaseCardSize, type ProductReleaseCardAnchorProps, } from './product-release-card';
+export { ProductReleaseCard, type ProductReleaseCardProps, type ProductReleaseCardSize, type ProductReleaseCardAnchorProps, } from '../../shared/product-release/product-release-card';
+export { ProductReleaseCardSkeleton } from '../../shared/product-release/product-release-card-skeleton';
 export { defaultBuildProductReleaseCardProps, buildProductReleaseCardProps, type ProductReleaseCardDerivedProps, } from './product-release-card-defaults';
 export { BlogCard, BlogCardSkeleton, type BlogCardProps } from './blog-card';
 export { CaseStudyCard, CaseStudyCardSkeleton, type CaseStudyCardProps } from './case-study-card';
@@ -43,6 +44,6 @@ export { ProgramCard, ProgramCardSkeleton, type ProgramCardProps } from './progr
 export { CampaignCardAdmin, CampaignCardAdminSkeleton, type CampaignCardItem, type CampaignCardAdminProps, type CampaignCardAdminAnchorProps, } from './campaign-card-admin';
 export { GenericEntityCard, GenericEntityCardSkeleton, type GenericEntityCardItem, type GenericEntityCardProps, type GenericEntityCardAnchorProps, } from './generic-entity-card';
 export { renderChatInlineEntityCard, ChatCardLoader, chatCardLabel, type ChatCardRenderOptions, type ChatCardDispatchExtras, } from './dispatch';
-export { programItemToStripProfile, type ProgramAuthorRef } from '../types/entities/program-types';
+export { programItemToStripProfile, type ProgramAuthorRef } from '../../features/video-bites-shared';
 export { type MingoInfoCardAction, MingoInfoCardActionProvider } from '../mingo-info-card';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -2,12 +2,18 @@ import {
   EntityAuthorCard,
   EntityMetadataValueCell,
   EntityMetadataAuthorCell,
+  EntityAuthorCardSkeleton,
+  EntityMetadataValueCellSkeleton,
+  EntityMetadataAuthorCellSkeleton,
   EMPTY_AUTHOR_PLACEHOLDER
 } from "./entity-author-card.js";
 import { BlogImagePlaceholder } from "./blog-image-placeholder.js";
-import { EntityPortraitCard } from "./entity-portrait-card.js";
+import {
+  EntityPortraitCard,
+  EntityPortraitCardSkeleton
+} from "./entity-portrait-card.js";
 import { useCoverImageFallback, hideOnError } from "./use-cover-image-fallback.js";
-import { AdminContentCard } from "./admin-content-card.js";
+import { AdminContentCard, AdminContentCardSkeleton } from "./admin-content-card.js";
 import {
   CONTENT_CARD_FRAME_CLASS,
   CONTENT_CARD_SKELETON_FRAME_CLASS,
@@ -16,7 +22,6 @@ import {
 import {
   AdminContentCardGrid,
   AdminContentCardGridSkeleton,
-  AdminContentCardSkeleton,
   ADMIN_CONTENT_CARD_GRID_CLASS
 } from "./admin-content-card-grid.js";
 import { EmployeeEntryCard, EmployeeEntryCardSkeleton, EmployeeEntryBadge } from "./employee-entry-card.js";
@@ -24,12 +29,15 @@ import { WhatIShippedCard, WhatIShippedCardSkeleton } from "./what-i-shipped-car
 import { HowIWorkCard, HowIWorkCardSkeleton } from "./how-i-work-card.js";
 import { AiPromptCard, AiPromptCardSkeleton } from "./ai-prompt-card.js";
 import { BlockCard } from "./block-card.js";
-import { ChatTicketItem } from "./chat-ticket-item.js";
+import {
+  ChatTicketItem,
+  ChatTicketItemSkeleton
+} from "./chat-ticket-item.js";
 import { ChatVideoEntityCard } from "./chat-video-entity-card.js";
 import {
-  ProductReleaseCard,
-  ProductReleaseCardSkeleton
-} from "./product-release-card.js";
+  ProductReleaseCard
+} from "../../shared/product-release/product-release-card.js";
+import { ProductReleaseCardSkeleton } from "../../shared/product-release/product-release-card-skeleton.js";
 import {
   defaultBuildProductReleaseCardProps,
   buildProductReleaseCardProps
@@ -84,7 +92,7 @@ import {
   ChatCardLoader,
   chatCardLabel
 } from "./dispatch.js";
-import { programItemToStripProfile } from "../types/entities/program-types.js";
+import { programItemToStripProfile } from "../../features/video-bites-shared.js";
 import { MingoInfoCardActionProvider } from "../mingo-info-card.js";
 export {
   ADMIN_CONTENT_CARD_GRID_CLASS,
@@ -106,6 +114,7 @@ export {
   CaseStudyCardSkeleton,
   ChatCardLoader,
   ChatTicketItem,
+  ChatTicketItemSkeleton,
   ChatVideoEntityCard,
   ContentCardFrame,
   CustomerInterviewCard,
@@ -119,9 +128,13 @@ export {
   EmployeeEntryCard,
   EmployeeEntryCardSkeleton,
   EntityAuthorCard,
+  EntityAuthorCardSkeleton,
   EntityMetadataAuthorCell,
+  EntityMetadataAuthorCellSkeleton,
   EntityMetadataValueCell,
+  EntityMetadataValueCellSkeleton,
   EntityPortraitCard,
+  EntityPortraitCardSkeleton,
   GenericEntityCard,
   GenericEntityCardSkeleton,
   GitHubActivityCard,

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

@@ -14,9 +14,15 @@ export interface InvestorUpdateCardProps {
     showTypeBadge?: boolean;
     className?: string;
 }
-/** `portrait` shares the default skeleton shape (same zone boxes). */
-export declare function InvestorUpdateCardSkeleton({ size }: {
+/**
+ * An investor update card while it is read, one per density: `default` is the admin card's own skeleton (the card is
+ * an `AdminContentCard`), `portrait` the shared portrait skeleton with the static chip, `sm` the compact card's rows.
+ */
+export declare function InvestorUpdateCardSkeleton({ size, showTypeBadge, className, }: {
     size?: 'default' | 'sm' | 'portrait';
-}): import("react").JSX.Element;
+    /** `portrait`: the card shows the "Investor Update" chip. */
+    showTypeBadge?: boolean;
+    className?: string;
+}): import("react").JSX.Element | null;
 export declare function InvestorUpdateCard({ update, href, target: targetProp, rel: relProp, targetPlatform, placeholderUrl: placeholderUrlProp, size, showTypeBadge, className, }: InvestorUpdateCardProps): import("react").JSX.Element;
 //# sourceMappingURL=investor-update-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"investor-update-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/investor-update-card.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAoBpG,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACrC,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,0BAA0B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAA;CAAE,+BA+BxG;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,uBAAuB,+BA4GzB"}
+{"version":3,"file":"investor-update-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/investor-update-card.tsx"],"names":[],"mappings":"AAcA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAqBpG,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACrC,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACrC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAsBA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,uBAAuB,+BA+GzB"}

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

@@ -3,49 +3,46 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Calendar } from "lucide-react";
 import Image from "../../../embed-shims/next-image.js";
 import Link from "../../../embed-shims/next-link.js";
-import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import { formatInvestorUpdatePeriod } from "../types/entities/investor-update.js";
 import {
   COMPACT_CARD_IMAGE_SLOT,
   COMPACT_CARD_META_ROW_BOX,
   COMPACT_CARD_OUTER,
   COMPACT_CARD_ROW_FILLER,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
   COMPACT_CARD_SUBTITLE,
   COMPACT_CARD_SUMMARY,
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW
 } from "../utils/compact-card-classes.js";
-import { AdminContentCard } from "./admin-content-card.js";
-import { CONTENT_CARD_SKELETON_FRAME_CLASS } from "./content-card-frame.js";
-import { EntityPortraitCard } from "./entity-portrait-card.js";
+import { CompactCardSkeleton } from "../utils/compact-card-skeleton.js";
+import { AdminContentCard, AdminContentCardSkeleton } from "./admin-content-card.js";
+import { EntityPortraitCard, EntityPortraitCardSkeleton } from "./entity-portrait-card.js";
+const INVESTOR_UPDATE_TYPE_LABEL = "Investor Update";
 import { useEntityCardLink } from "./use-entity-card-link.js";
 import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
-function InvestorUpdateCardSkeleton({ size = "default" }) {
+function InvestorUpdateCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ jsx(
+      EntityPortraitCardSkeleton,
+      {
+        typeLabel: showTypeBadge ? INVESTOR_UPDATE_TYPE_LABEL : void 0,
+        className
+      }
+    );
+  }
+  if (size === "default") {
+    return /* @__PURE__ */ jsx("div", { className: `block h-full ${className ?? ""}`, children: /* @__PURE__ */ jsx(AdminContentCardSkeleton, { actions: false, subtitleRow: false }) });
+  }
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsxs("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-4 w-8 shrink-0 rounded" })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] })
-    ] });
+    return /* @__PURE__ */ jsx(CompactCardSkeleton, { titleWidth: "w-1/2", titleBadges: ["w-8"], rows: [{ width: "w-1/3" }, { width: "w-11/12" }], className });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `h-full ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
-    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630]" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/3 rounded" })
-    ] })
-  ] });
+  return null;
 }
 function InvestorUpdateCard({
   update,
@@ -70,6 +67,9 @@ function InvestorUpdateCard({
     aspect: size === "sm" ? "square" : "wide"
   });
   const coverImage = update.featured_image || placeholderUrl || null;
+  if (useLoadingScope()) {
+    return /* @__PURE__ */ jsx(InvestorUpdateCardSkeleton, { size, showTypeBadge, className });
+  }
   if (size === "sm") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
     return /* @__PURE__ */ jsxs(Link, { href, target, rel, className: `${COMPACT_CARD_OUTER} ${className ?? ""}`, children: [
@@ -109,7 +109,7 @@ function InvestorUpdateCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Investor Update" : void 0,
+        typeLabel: showTypeBadge ? INVESTOR_UPDATE_TYPE_LABEL : void 0,
         imageUrl: update.featured_image,
         placeholderUrl,
         imageAlt: update.title ?? "Investor update",

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

@@ -15,8 +15,17 @@ export interface OnboardingGuideCardProps {
     showTypeBadge?: boolean | 'default' | 'sm' | 'portrait';
     className?: string;
 }
-export declare function OnboardingGuideCardSkeleton({ size }: {
-    size?: 'catalog' | 'default' | 'sm';
+/** A guide card while it is read, one per density; `portrait` is the shared portrait skeleton with the static chip. */
+export declare function OnboardingGuideCardSkeleton({ size, showTypeBadge, published, className, }: {
+    size?: 'catalog' | 'default' | 'sm' | 'portrait';
+    /**
+     * `catalog`: the metadata grid has its Published cell (the card shows one when the guide carries `published_at`;
+     * the related-content rail's rows do not).
+     */
+    published?: boolean;
+    /** `portrait`: the card shows the "Guide" chip. */
+    showTypeBadge?: boolean;
+    className?: string;
 }): import("react").JSX.Element;
 export declare function OnboardingGuideCard({ guide, href, target: targetProp, rel: relProp, targetPlatform, placeholderUrl: placeholderUrlProp, size, showTypeBadge, className, }: OnboardingGuideCardProps): import("react").JSX.Element;
 //# sourceMappingURL=onboarding-guide-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/onboarding-guide-card.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAoB1E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACjD,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,wBAAgB,2BAA2B,CAAC,EAAE,IAAgB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAA;CAAE,+BAwExG;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,wBAAwB,+BA0L1B"}
+{"version":3,"file":"onboarding-guide-card.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/entity-cards/onboarding-guide-card.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAuB1E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,eAAe,CAAC;IACvB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACjD,oHAAoH;IACpH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,uHAAuH;AACvH,wBAAgB,2BAA2B,CAAC,EAC1C,IAAgB,EAChB,aAAoB,EACpB,SAAgB,EAChB,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IACjD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAkDA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,OAAO,EACZ,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,IAAgB,EAChB,aAAoB,EACpB,SAAS,GACV,EAAE,wBAAwB,+BA6L1B"}

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

@@ -6,12 +6,11 @@ import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
 import { formatDurationMMSS } from "../../../utils/format.js";
 import { CardHoverPlay } from "../../features/video-center-badge.js";
-import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { useLoadingScope } from "../../ui/loading-scope.js";
 import {
   COMPACT_CARD_OUTER,
   COMPACT_CARD_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE_ROW,
   COMPACT_CARD_TITLE,
@@ -19,15 +18,26 @@ import {
   COMPACT_CARD_SUMMARY,
   COMPACT_CARD_ROW_FILLER
 } from "../utils/compact-card-classes.js";
+import { CompactCardSkeleton } from "../utils/compact-card-skeleton.js";
 import { BlogImagePlaceholder } from "./blog-image-placeholder.js";
 import { CONTENT_CARD_FRAME_CLASS, CONTENT_CARD_SKELETON_FRAME_CLASS } from "./content-card-frame.js";
-import { EntityAuthorCard } from "./entity-author-card.js";
-import { EntityPortraitCard } from "./entity-portrait-card.js";
+import { EntityAuthorCard, EntityAuthorCardSkeleton } from "./entity-author-card.js";
+import { EntityPortraitCard, EntityPortraitCardSkeleton } from "./entity-portrait-card.js";
+const GUIDE_TYPE_LABEL = "Guide";
+import { MEDIA_ASPECT, TEXT_LINES_MIN } from "../../../styles/component-sizes.js";
 import { useEntityCardLink } from "./use-entity-card-link.js";
 import { useEntityCardPlaceholder } from "./use-entity-card-placeholder.js";
 function stripMarkdownPreview(text) {
   return text.replace(/```[\s\S]*?```/g, " ").replace(/^#{1,6}\s+/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_~`>]/g, "").replace(/^\s*[-+]\s+/gm, "").replace(/-{3,}/g, " ").replace(/\s+/g, " ").trim().replace(/^([\s\S]{240})[\s\S]+$/, "$1\u2026");
 }
+const CATALOG_BODY = "flex flex-col gap-4 p-6";
+const CATALOG_ROW = "flex flex-col gap-4 md:flex-row md:gap-6";
+const CATALOG_COVER_COL = "w-full flex-shrink-0 md:w-[256px]";
+const CATALOG_COVER = `relative ${MEDIA_ASPECT.og} w-full overflow-hidden rounded-lg`;
+const CATALOG_TEXT = "flex min-w-0 flex-1 flex-col";
+const CATALOG_TITLE_ROW = `mb-3 flex items-start text-h2 ${TEXT_LINES_MIN[2]}`;
+const CATALOG_SUMMARY_ROW = `text-h6 ${TEXT_LINES_MIN[2]}`;
+const CATALOG_EXTRA_CELL_LABELS = ["Section"];
 const HORIZONTAL_SIZE_TOKENS = {
   default: {
     padding: "p-4",
@@ -36,64 +46,54 @@ const HORIZONTAL_SIZE_TOKENS = {
     summaryClamp: "line-clamp-2"
   }
 };
-function OnboardingGuideCardSkeleton({ size = "default" }) {
+function OnboardingGuideCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  published = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ jsx(EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0, className });
+  }
   if (size === "catalog") {
-    return /* @__PURE__ */ jsxs("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg md:w-[256px]" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded md:h-[30px]" }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded md:h-[30px]" })
+    return /* @__PURE__ */ jsx("div", { className: cn(CONTENT_CARD_SKELETON_FRAME_CLASS, "block", className), "aria-hidden": true, children: /* @__PURE__ */ jsxs("div", { className: CATALOG_BODY, children: [
+      /* @__PURE__ */ jsxs("div", { className: CATALOG_ROW, children: [
+        /* @__PURE__ */ jsx("div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: CATALOG_COVER }) }),
+        /* @__PURE__ */ jsxs("div", { className: CATALOG_TEXT, children: [
+          /* @__PURE__ */ jsxs("div", { className: CATALOG_TITLE_ROW, children: [
+            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h2", lines: 2, className: "w-3/4 lg:hidden" }),
+            /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h2", className: "hidden w-3/4 lg:flex" })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
-          ] })
+          /* @__PURE__ */ jsx("div", { className: CATALOG_SUMMARY_ROW, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-3", children: [
-        [0, 1].map((i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex flex-col gap-3 border-b border-ods-border p-4 md:border-b-0 md:border-r",
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 rounded" })
-            ] })
-          },
-          `cell-${i}`
-        )),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" }),
-            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
-          ] })
-        ] })
-      ] })
-    ] });
+      /* @__PURE__ */ jsx(
+        EntityAuthorCardSkeleton,
+        {
+          extraCellLabels: CATALOG_EXTRA_CELL_LABELS,
+          publishedLabel: published ? void 0 : null
+        }
+      )
+    ] }) });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs("span", { className: COMPACT_CARD_SKELETON_OUTER, 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-3/5 rounded" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
-        /* @__PURE__ */ jsx("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-    ] });
+    return /* @__PURE__ */ jsx(CompactCardSkeleton, { trailingIcon: true, className });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ jsxs("span", { className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, children: [
-    /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
-    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(`flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
+        ] })
+      ]
+    }
+  );
 }
 function OnboardingGuideCard({
   guide,
@@ -117,6 +117,9 @@ function OnboardingGuideCard({
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
+  if (useLoadingScope()) {
+    return /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size, showTypeBadge: showTypeBadge !== false, className });
+  }
   if (size === "portrait") {
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     return /* @__PURE__ */ jsx(
@@ -125,7 +128,7 @@ function OnboardingGuideCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Guide" : void 0,
+        typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0,
         imageUrl: coverImage,
         placeholderUrl,
         imageAlt: guide.title,
@@ -148,9 +151,9 @@ function OnboardingGuideCard({
         rel,
         prefetch: false,
         className: cn(CONTENT_CARD_FRAME_CLASS, "block no-underline", className),
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: CATALOG_BODY, children: [
+          /* @__PURE__ */ jsxs("div", { className: CATALOG_ROW, children: [
+            /* @__PURE__ */ jsx("div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ jsxs("div", { className: cn(CATALOG_COVER, "bg-ods-bg"), children: [
               coverImage ? /* @__PURE__ */ jsx(
                 Image,
                 {
@@ -175,9 +178,9 @@ function OnboardingGuideCard({
                 durationLabel
               ] })
             ] }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
-              /* @__PURE__ */ jsx("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
+            /* @__PURE__ */ jsxs("div", { className: CATALOG_TEXT, children: [
+              /* @__PURE__ */ jsx("div", { className: CATALOG_TITLE_ROW, children: /* @__PURE__ */ jsx("h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
+              /* @__PURE__ */ jsx("div", { className: CATALOG_SUMMARY_ROW, children: /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
             ] })
           ] }),
           /* @__PURE__ */ jsx(
@@ -189,7 +192,7 @@ function OnboardingGuideCard({
               extraCells: [
                 {
                   value: `${guide.section} \xB7 Step ${stepLabel}`,
-                  label: "Section",
+                  label: CATALOG_EXTRA_CELL_LABELS[0],
                   uppercase: false
                 }
               ]

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

@@ -1,8 +1,15 @@
 import type React from 'react';
-import { type BaseProgramItem, type ProgramConfig, type ProgramMedia } from '../types/entities/program-types';
+import type { BaseProgramItem, ProgramConfig, ProgramMedia } from '../types/entities/program-types';
 type CardSize = 'default' | 'sm' | 'portrait' | 'feature' | 'row';
-export declare function ProgramCardSkeleton({ size, eyebrow, media, tags, }: {
+export declare function ProgramCardSkeleton({ size, eyebrow, media, tags, hosts, typeLabel, actionLabel, className, }: {
+    /** `default` size: the action's words (copy: `View <type>`), drawn for real; else a button of its size. */
+    actionLabel?: string;
+    /** `default` size: how many host avatars the card shows (a row of its own on a phone). 0 = none. */
+    hosts?: number;
     size?: CardSize;
+    /** `portrait` size: the content-type chip (the config's static label), when the card shows one. */
+    typeLabel?: string;
+    className?: string;
     eyebrow?: boolean;
     /** `default` size: how many gallery thumbnails the card shows (`MediaGallery`'s row). 0 = no gallery. */
     media?: number;

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

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