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

package/dist/components/product-demo/product-screen.d.ts

@@ -1,6 +1,6 @@
 import { type ProductScreenFrameProps } from '../ui/product-screen-frame';
 import { type ProductScreenKey } from './screen-keys';
-/** Frame heights of the two renderings: constants, so a skeleton and the loaded screen are one box. */
+/** Frame heights of the two renderings: constants, so the loading state and the loaded screen are one box. */
 export declare const PRODUCT_SCREEN_HEIGHT = 440;
 export declare const PRODUCT_SCREEN_COMPACT_HEIGHT = 300;
 export interface ProductScreenProps extends Omit<ProductScreenFrameProps, 'children' | 'label' | 'height'> {
@@ -12,11 +12,11 @@ export interface ProductScreenProps extends Omit<ProductScreenFrameProps, 'child
     /** Overrides the frame height of the rendering. */
     height?: number | string;
 }
-/** The box a product screen occupies while it loads. */
-export declare function ProductScreenSkeleton({ compact, height, className, }: Pick<ProductScreenProps, 'compact' | 'height' | 'className'>): import("react").JSX.Element;
 /**
  * One product screen of the registry, in its frame. The screen's code is
- * downloaded when this mounts; until then the frame holds its box.
+ * downloaded when this mounts; until then the frame draws the screen in its
+ * loading state. In a page's loading scope it stays in that state and fetches
+ * nothing.
  */
-export declare function ProductScreen({ screen, compact, label, height, designWidth, ...frame }: ProductScreenProps): import("react").JSX.Element;
+export declare function ProductScreen({ screen, compact, ...frame }: ProductScreenProps): import("react").JSX.Element;
 //# sourceMappingURL=product-screen.d.ts.map

package/dist/components/product-demo/product-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-screen.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/product-screen.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE9F,OAAO,EAA8C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAQlG,uGAAuG;AACvG,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,6BAA6B,MAAM,CAAC;AA4BjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxG,MAAM,EAAE,gBAAgB,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wDAAwD;AACxD,wBAAgB,qBAAqB,CAAC,EACpC,OAAe,EACf,MAAM,EACN,SAAS,GACV,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC,+BAO9D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAuBlH"}
+{"version":3,"file":"product-screen.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/product-screen.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE9F,OAAO,EAA8C,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AASlG,8GAA8G;AAC9G,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,6BAA6B,MAAM,CAAC;AA4BjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxG,MAAM,EAAE,gBAAgB,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAwCD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BActF"}

package/dist/components/product-demo/product-screen.js

@@ -2,9 +2,11 @@
 import { jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
 import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { ProductScreenFrame } from "../ui/product-screen-frame.js";
 import { PRODUCT_SCREEN_LOADERS } from "./registry.js";
 import { PRODUCT_SCREEN_KEYS, PRODUCT_SCREEN_LABELS } from "./screen-keys.js";
+import { PRODUCT_SCREEN_LOADING } from "./screen-loading.js";
 const LAZY_SCREENS = Object.fromEntries(
   PRODUCT_SCREEN_KEYS.map((key) => [key, lazy(PRODUCT_SCREEN_LOADERS[key])])
 );
@@ -19,21 +21,15 @@ const MIN_LAYOUT_WIDTH = {
 const COMPACT_LAYOUT_WIDTH = {
   "remote-session": 380
 };
-function ProductScreenSkeleton({
+function ProductScreenShell({
+  screen,
   compact = false,
+  label,
   height,
-  className
+  designWidth,
+  children,
+  ...frame
 }) {
-  return /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      className,
-      height: height ?? (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT)
-    }
-  );
-}
-function ProductScreen({ screen, compact = false, label, height, designWidth, ...frame }) {
-  const Screen = LAZY_SCREENS[screen];
   const frameHeight = height ?? (compact ? PRODUCT_SCREEN_COMPACT_HEIGHT : PRODUCT_SCREEN_HEIGHT);
   const minWidth = compact ? void 0 : MIN_LAYOUT_WIDTH[screen];
   const compactWidth = compact ? COMPACT_LAYOUT_WIDTH[screen] : void 0;
@@ -47,13 +43,21 @@ function ProductScreen({ screen, compact = false, label, height, designWidth, ..
       ...compactWidth !== void 0 && { scaleFrom: 0 },
       label: label ?? PRODUCT_SCREEN_LABELS[screen],
       height: frameHeight,
-      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-full w-full" }), children: /* @__PURE__ */ jsx(Screen, { compact }) })
+      children
     }
   );
 }
+function ScreenLoading({ screen, compact }) {
+  const Loading = PRODUCT_SCREEN_LOADING[screen];
+  return Loading ? /* @__PURE__ */ jsx(Loading, { compact }) : /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-full w-full" });
+}
+function ProductScreen({ screen, compact = false, ...frame }) {
+  const Screen = LAZY_SCREENS[screen];
+  const loading = useLoadingScope();
+  return /* @__PURE__ */ jsx(ProductScreenShell, { screen, compact, ...frame, children: loading ? /* @__PURE__ */ jsx(ScreenLoading, { screen, compact }) : /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(ScreenLoading, { screen, compact }), children: /* @__PURE__ */ jsx(Screen, { compact }) }) });
+}
 export {
   PRODUCT_SCREEN_COMPACT_HEIGHT,
   PRODUCT_SCREEN_HEIGHT,
-  ProductScreen,
-  ProductScreenSkeleton
+  ProductScreen
 };

package/dist/components/product-demo/screen-loading.d.ts

@@ -0,0 +1,10 @@
+import type { ProductScreenKey } from './screen-keys';
+import type { ProductScreenComponent } from './types';
+/**
+ * Each screen's loading state, drawn in its frame while the screen's code (and its fixture) loads: the screen's own
+ * VIEW rendered with `loading`, never a separate skeleton. Kept apart from `PRODUCT_SCREEN_LOADERS`: this module
+ * imports the screen's view, never the screen module or its fixture, so the lazy chunk stays the screen's. A screen
+ * with no entry yet holds its frame's box.
+ */
+export declare const PRODUCT_SCREEN_LOADING: Partial<Record<ProductScreenKey, ProductScreenComponent>>;
+//# sourceMappingURL=screen-loading.d.ts.map

package/dist/components/product-demo/screen-loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-loading.d.ts","sourceRoot":"","sources":["../../../src/components/product-demo/screen-loading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAOtD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAE5F,CAAC"}

package/dist/components/product-demo/screen-loading.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { DevicesScreenView } from "./screens/devices-view.js";
+function DevicesScreenLoading({ compact = false }) {
+  return /* @__PURE__ */ jsx(DevicesScreenView, { compact, loading: true });
+}
+const PRODUCT_SCREEN_LOADING = {
+  devices: DevicesScreenLoading
+};
+export {
+  PRODUCT_SCREEN_LOADING
+};

package/dist/components/product-demo/screens/devices-view.d.ts

@@ -0,0 +1,22 @@
+import { type DeviceFilters, type DeviceRow } from '../../features/devices';
+/** What the Devices page shows for a search: the query in the field and the rows that answer it. */
+export declare const DEVICES_SEARCH_QUERY = "Windows";
+export interface DevicesScreenViewProps {
+    compact?: boolean;
+    /** The rows, from the screen's fixture. */
+    devices?: DeviceRow[];
+    deviceFilters?: DeviceFilters | null;
+    totalCount?: number;
+    /** The screen's code is still being fetched: the same panel in its own loading state. */
+    loading?: boolean;
+}
+/**
+ * The product's Devices page in its table view, answering a search: the query in the toolbar, the rows that
+ * match. No title row (the job is named above the picture) and no row menu (a closed menu carries nothing and
+ * the customer needs the room). The narrow rendering drops the customer column and keeps device, status and OS.
+ *
+ * Read by the screen (with its fixture) and by its skeleton (`loading`: the panel's own loading state, the real
+ * toolbar locked and the rows skeletons), so the two are one layout.
+ */
+export declare function DevicesScreenView({ compact, devices, deviceFilters, totalCount, loading, }: DevicesScreenViewProps): import("react").JSX.Element;
+//# sourceMappingURL=devices-view.d.ts.map

package/dist/components/product-demo/screens/devices-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices-view.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/screens/devices-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAwB,MAAM,wBAAwB,CAAC;AAEpH,oGAAoG;AACpG,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAW9C,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,OAAoB,EACpB,aAAa,EACb,UAAU,EACV,OAAe,GAChB,EAAE,sBAAsB,+BAiBxB"}

package/dist/components/product-demo/screens/devices-view.js

@@ -0,0 +1,35 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DevicesPanelView, IDLE_DEVICES_TOOLBAR } from "../../features/devices/index.js";
+const DEVICES_SEARCH_QUERY = "Windows";
+const TOOLBAR = { ...IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
+const NO_HEADER = /* @__PURE__ */ jsx(Fragment, {});
+const HIDDEN_WHEN_COMPACT = ["organization"];
+const NO_DEVICES = [];
+function DevicesScreenView({
+  compact = false,
+  devices = NO_DEVICES,
+  deviceFilters,
+  totalCount,
+  loading = false
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ jsx(
+    DevicesPanelView,
+    {
+      className: "p-[var(--spacing-system-l)]",
+      headerSlot: NO_HEADER,
+      toolbar: TOOLBAR,
+      viewMode: "table",
+      devices,
+      deviceFilters,
+      totalCount,
+      hideColumns: compact ? HIDDEN_WHEN_COMPACT : void 0,
+      loading,
+      loadingRegion: false
+    }
+  ) });
+}
+export {
+  DEVICES_SEARCH_QUERY,
+  DevicesScreenView
+};

package/dist/components/product-demo/screens/devices.d.ts

@@ -1,10 +1,4 @@
 import type { ProductScreenViewProps } from '../types';
-/**
- * The product's Devices page in its table view, answering a search: the query
- * in the toolbar, the rows that match. No title row (the job is named above the
- * picture) and no row menu (a closed menu carries nothing and the customer
- * needs the room). The narrow rendering drops the customer column and keeps
- * device, status and OS.
- */
+/** The product's Devices page answering a search (`DevicesScreenView`), fed by its fixture. */
 export default function DevicesScreen({ compact }: ProductScreenViewProps): import("react").JSX.Element;
 //# sourceMappingURL=devices.d.ts.map

package/dist/components/product-demo/screens/devices.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/screens/devices.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAUvD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAe,EAAE,EAAE,sBAAsB,+BAiBhF"}
+{"version":3,"file":"devices.d.ts","sourceRoot":"","sources":["../../../../src/components/product-demo/screens/devices.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,+FAA+F;AAC/F,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,OAAe,EAAE,EAAE,sBAAsB,+BAWhF"}

package/dist/components/product-demo/screens/devices.js

@@ -1,28 +1,21 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { DevicesPanelView, IDLE_DEVICES_TOOLBAR } from "../../features/devices/index.js";
 import { useProductDemoCast } from "../cast.js";
-import { buildWindowsDevicesFixture, DEVICES_SEARCH_QUERY } from "../fixtures/devices.js";
-const TOOLBAR = { ...IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
-const NO_HEADER = /* @__PURE__ */ jsx(Fragment, {});
-const HIDDEN_WHEN_COMPACT = ["organization"];
+import { buildWindowsDevicesFixture } from "../fixtures/devices.js";
+import { DevicesScreenView } from "./devices-view.js";
 function DevicesScreen({ compact = false }) {
   const cast = useProductDemoCast();
   const fixture = useMemo(() => buildWindowsDevicesFixture(cast), [cast]);
-  return /* @__PURE__ */ jsx("div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ jsx(
-    DevicesPanelView,
+  return /* @__PURE__ */ jsx(
+    DevicesScreenView,
     {
-      className: "p-[var(--spacing-system-l)]",
-      headerSlot: NO_HEADER,
-      toolbar: TOOLBAR,
-      viewMode: "table",
+      compact,
       devices: fixture.devices,
       deviceFilters: fixture.deviceFilters,
-      totalCount: fixture.totalCount,
-      hideColumns: compact ? HIDDEN_WHEN_COMPACT : void 0
+      totalCount: fixture.totalCount
     }
-  ) });
+  );
 }
 export {
   DevicesScreen as default

package/dist/components/related-content/card-registry.d.ts

@@ -75,8 +75,9 @@ export interface RelatedCardContext {
 /** One registered content type. `Row` is erased here — `cardEntry` below is
  *  what keeps each branch's row type concrete. */
 export interface RelatedCardRegistryEntry {
-    /** Sized to match the resolved card exactly (zero layout shift). */
-    skeleton: (size: CardSize) => React.ReactNode;
+    /** Sized to match the resolved card exactly (zero layout shift). `extras` are the host's (a program's config says
+     *  whether its cards show hosts). */
+    skeleton: (size: CardSize, extras?: ChatCardDispatchExtras) => React.ReactNode;
     render: (row: unknown, ctx: RelatedCardContext) => React.ReactNode;
 }
 export declare const RELATED_CARD_REGISTRY: Record<string, RelatedCardRegistryEntry>;

package/dist/components/related-content/card-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-registry.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/card-registry.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAkB5E,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE/C;;kDAEkD;AAClD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;iFAC6E;IAC7E,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAiBD,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAwcD;0DAC0D;AAC1D,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC;IACf;0BACsB;IACtB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,SAAS,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACtC,wEAAwE;IACxE,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,KAAK,CAAC,CAAC;IACzD,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED;kDACkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CACpE;AAuED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAkK1E,CAAC"}
+{"version":3,"file":"card-registry.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/card-registry.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAmB5E,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE/C;;kDAEkD;AAClD,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB;iFAC6E;IAC7E,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAiBD,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAwcD;0DAC0D;AAC1D,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC;IACf;0BACsB;IACtB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4EAA4E;IAC5E,SAAS,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACtC,wEAAwE;IACxE,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,GAAG,KAAK,CAAC,CAAC;IACzD,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED;kDACkD;AAClD,MAAM,WAAW,wBAAwB;IACvC;yCACqC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CACpE;AAmFD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAkK1E,CAAC"}

package/dist/components/related-content/card-registry.js

@@ -7,7 +7,6 @@ import { CustomerInterviewCard, CustomerInterviewCardSkeleton } from "../chat/en
 import { HowIWorkCard, HowIWorkCardSkeleton } from "../chat/entity-cards/how-i-work-card.js";
 import { InvestorUpdateCard, InvestorUpdateCardSkeleton } from "../chat/entity-cards/investor-update-card.js";
 import { OnboardingGuideCard, OnboardingGuideCardSkeleton } from "../chat/entity-cards/onboarding-guide-card.js";
-import { ProductReleaseCard, ProductReleaseCardSkeleton } from "../chat/entity-cards/product-release-card.js";
 import { buildProductReleaseCardProps } from "../chat/entity-cards/product-release-card-defaults.js";
 import { ProgramCard, ProgramCardSkeleton } from "../chat/entity-cards/program-card.js";
 import { RoadmapCard, RoadmapCardSkeleton } from "../chat/entity-cards/roadmap-card.js";
@@ -15,6 +14,8 @@ import {
   WhatIShippedCard,
   WhatIShippedCardSkeleton
 } from "../chat/entity-cards/what-i-shipped-card.js";
+import { ProductReleaseCard } from "../shared/product-release/product-release-card.js";
+import { ProductReleaseCardSkeleton } from "../shared/product-release/product-release-card-skeleton.js";
 function asRecord(value) {
   return typeof value === "object" && value !== null ? value : {};
 }
@@ -404,9 +405,20 @@ function cardEntry(definition) {
     render: (row, ctx) => definition.render(definition.decode(row), ctx)
   };
 }
+const EVENT_CARD_SKELETON_MEDIA = 4;
 function programEntry(configKey) {
   return cardEntry({
-    skeleton: (size) => /* @__PURE__ */ jsx(ProgramCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    // An event's list API serves its gallery (the loaded card draws its photo row), the other programs' none.
+    // Hosts are drawn only for a type whose cards show them (its config's `cardShowsHosts`): elsewhere a record may
+    // have none.
+    skeleton: (size, extras) => /* @__PURE__ */ jsx(
+      ProgramCardSkeleton,
+      {
+        size: size === "sm" ? "sm" : "default",
+        media: configKey === "event" ? EVENT_CARD_SKELETON_MEDIA : 0,
+        hosts: extras?.programConfigs?.[configKey]?.cardShowsHosts ? 1 : 0
+      }
+    ),
     decode: decodeProgramRow,
     render: (item, ctx) => {
       const config = ctx.extras?.programConfigs?.[configKey];
@@ -540,7 +552,7 @@ const RELATED_CARD_REGISTRY = {
    *  step-numbered 'default' variant is for the guide detail page's "More in
    *  section" rail, not this full-width row. */
   onboarding_guide: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog" }),
+    skeleton: (size) => /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog", published: false }),
     decode: decodeOnboardingGuideRow,
     render: (guide, ctx) => /* @__PURE__ */ jsx(
       OnboardingGuideCard,

package/dist/components/related-content/index.cjs

@@ -2,14 +2,15 @@
 
 
 
-var _chunk47GZ33NDcjs = require('../../chunk-47GZ33ND.cjs');
-require('../../chunk-RO72PRQI.cjs');
-require('../../chunk-NS64LMVE.cjs');
-require('../../chunk-22XAPV6N.cjs');
-require('../../chunk-OJJ4RL2T.cjs');
-require('../../chunk-63N4FN5V.cjs');
-require('../../chunk-M7YZGRAV.cjs');
-require('../../chunk-EQZXJUYV.cjs');
+
+var _chunkREJMFXGDcjs = require('../../chunk-REJMFXGD.cjs');
+require('../../chunk-ZRDMGMY7.cjs');
+require('../../chunk-FZB4RMRK.cjs');
+require('../../chunk-DGNBXZXT.cjs');
+require('../../chunk-R3JX4MXD.cjs');
+require('../../chunk-SETFUCZA.cjs');
+require('../../chunk-AAECWUNV.cjs');
+require('../../chunk-JTSUAHDL.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -18,21 +19,21 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-I5MSCD57.cjs');
+require('../../chunk-3LW5TD54.cjs');
 require('../../chunk-ASMNNSUQ.cjs');
 require('../../chunk-CW3ML76U.cjs');
-require('../../chunk-MWLD6NXV.cjs');
-require('../../chunk-R3TWQ3ZJ.cjs');
+require('../../chunk-VFZFCRAL.cjs');
+require('../../chunk-5P4TDV7V.cjs');
 require('../../chunk-DGFDBPO7.cjs');
-require('../../chunk-HOTM4UM6.cjs');
+require('../../chunk-E76ONBKF.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-NO5UJLLQ.cjs');
-require('../../chunk-2QMBXGMQ.cjs');
+require('../../chunk-WEANWBJH.cjs');
+require('../../chunk-XFRBEXQN.cjs');
+require('../../chunk-TF5D5MNO.cjs');
 require('../../chunk-V45KLJQP.cjs');
-require('../../chunk-3LU4UFPS.cjs');
-require('../../chunk-H3RYUTND.cjs');
-require('../../chunk-3ATAYP36.cjs');
+require('../../chunk-65VVJSQZ.cjs');
+
 
 
 
-exports.GROUP_PAGE_SIZE = _chunk47GZ33NDcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunk47GZ33NDcjs.RelatedContentSection;
+exports.GROUP_PAGE_SIZE = _chunkREJMFXGDcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunkREJMFXGDcjs.RelatedContentSection; exports.RelatedContentSectionSkeleton = _chunkREJMFXGDcjs.RelatedContentSectionSkeleton;

package/dist/components/related-content/index.d.ts

@@ -1,2 +1,3 @@
-export { RelatedContentSection, GROUP_PAGE_SIZE, type RelatedContentSectionProps, type CardLinkProvider, type CardLinkProviderProps, type CardLinkAnchorProps, type AdminCampaignCardSlot, } from './related-content-section';
+export { RelatedContentSection, RelatedContentSectionSkeleton, type RelatedContentSectionSkeletonProps, GROUP_PAGE_SIZE, type RelatedContentSectionProps, type CardLinkProvider, type CardLinkProviderProps, type AdminCampaignCardSlot, } from './related-content-section';
+export { type CardLinkAnchorProps } from './card-registry';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/related-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,eAAe,EACf,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,KAAK,kCAAkC,EACvC,eAAe,EACf,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/related-content/index.js

@@ -1,8 +1,10 @@
 import {
   RelatedContentSection,
+  RelatedContentSectionSkeleton,
   GROUP_PAGE_SIZE
 } from "./related-content-section.js";
 export {
   GROUP_PAGE_SIZE,
-  RelatedContentSection
+  RelatedContentSection,
+  RelatedContentSectionSkeleton
 };

package/dist/components/related-content/related-content-section.d.ts

@@ -49,7 +49,6 @@ import type React from 'react';
 import type { ContentRef, ContentRefWithReason } from '../../types/content-ref';
 import type { ChatCardDispatchExtras } from '../chat/entity-cards/dispatch';
 import { type CardLinkAnchorProps } from './card-registry';
-export type { CardLinkAnchorProps };
 /** Render-prop component injection for the navigation decision — keeps hook
  *  calls legal (hooks live INSIDE the injected component; `CardForType`
  *  itself calls zero hooks). The hub injects a `useNavLink`-backed provider;
@@ -196,4 +195,18 @@ export interface RelatedContentSectionProps {
     emptyState?: React.ReactNode;
 }
 export declare function RelatedContentSection({ contentRefs, entityType, entityId, authorId, minResults, sameTypeMinResults, includeTypes, initialItems, title, columns, excludeTypes, apiBaseUrl, extras, resolveHref, buildListUrl, LinkProvider, adminCampaignCard, showWhenEmpty, emptyStateText, emptyState, }: RelatedContentSectionProps): React.JSX.Element | null;
+export interface RelatedContentSectionSkeletonProps extends Pick<RelatedContentSectionProps, 'title' | 'entityType' | 'minResults' | 'sameTypeMinResults' | 'columns' | 'adminCampaignCard' | 'extras'> {
+    /**
+     * The rail's content types (its `includeTypes`, or the types of the refs it holds). Ordered like the loaded rail.
+     * Empty: the types are read data (an author's rail): one group of an unknown type, its heading a bar and its cards
+     * the rail's grid content card's skeleton.
+     */
+    types: string[];
+}
+/**
+ * The rail while its groups are read: the title (a bar when it is read with the record and passed empty), then one
+ * group per type in the loaded rail's order, each with its real label heading and its cards' own skeletons in the
+ * group's layout: `sameTypeMinResults` for the host's type, `minResults` for the others (a page never needs a pager).
+ */
+export declare function RelatedContentSectionSkeleton({ title, types, entityType, minResults, sameTypeMinResults, columns, adminCampaignCard, extras, }: RelatedContentSectionSkeletonProps): React.JSX.Element;
 //# sourceMappingURL=related-content-section.d.ts.map

package/dist/components/related-content/related-content-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"related-content-section.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/related-content-section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"related-content-section.d.ts","sourceRoot":"","sources":["../../../src/components/related-content/related-content-section.tsx"],"names":[],"mappings":"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"}