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

package/dist/components/navigation/sticky-section-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-section-nav.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sticky-section-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,qGAAqG;AACrG,eAAO,MAAM,+BAA+B,SAAS,CAAC;AACtD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,qFAAqF;AACrF,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAoBnD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+DD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAuB,EACvB,WAA2C,EAC3C,WAAwB,EACxB,KAAK,EACL,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,qBAkFvB;AAKD;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,WAAwB,EACxB,KAAyC,EACzC,KAAK,EACL,MAAM,EACN,cAAuB,EACvB,SAAS,GACV,EAAE,IAAI,CAAC,qBAAqB,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,gBAAgB,GAAG,WAAW,CAAC,GAAG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,qBAsCA;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,EAAE,EAC7D,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;oCAWa,MAAM;EAqErB"}
+{"version":3,"file":"sticky-section-nav.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sticky-section-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,qGAAqG;AACrG,eAAO,MAAM,+BAA+B,SAAS,CAAC;AACtD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,qFAAqF;AACrF,eAAO,MAAM,iCAAiC,IAAI,CAAC;AAsBnD,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+DD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAuB,EACvB,WAA2C,EAC3C,WAAwB,EACxB,KAAK,EACL,MAAM,EACN,KAAK,GACN,EAAE,qBAAqB,qBA2EvB;AA0DD;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,EAAE,EAC7D,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;oCAWa,MAAM;EAqErB"}

package/dist/components/navigation/sticky-section-nav.js

@@ -5,6 +5,7 @@ import Link from "../../embed-shims/next-link.js";
 import { cn } from "../../utils/index.js";
 import { scrollElementIntoView } from "../../utils/scroll-into-view.js";
 import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { BUTTON_KIND_CLASS, Button } from "../ui/button/index.js";
 import { useLoadingScope } from "../ui/loading-scope.js";
 import { ScrollShadow } from "../ui/scroll-fade.js";
 const STICKY_SECTION_NAV_HEIGHT_CLASS = "h-14";
@@ -20,7 +21,8 @@ const PILL_CLASS = cn(
 );
 const VERTICAL_NAV_CLASS = "relative bg-ods-bg";
 const VERTICAL_ROW_CLASS = "relative flex h-10 w-full items-stretch transition-all duration-200";
-const VERTICAL_BUTTON_CLASS = "relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2";
+const VERTICAL_BUTTON_LAYOUT_CLASS = "flex-1 justify-start";
+const VERTICAL_BUTTON_SKELETON_CLASS = cn(BUTTON_KIND_CLASS.tab, VERTICAL_BUTTON_LAYOUT_CLASS);
 function HorizontalSectionNav({
   sections,
   activeSection,
@@ -143,21 +145,14 @@ function StickySectionNav({
         }
       ),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "tab",
           onClick: () => onSectionClick(section.id),
           "aria-current": activeSection === section.id ? "location" : void 0,
-          className: VERTICAL_BUTTON_CLASS,
-          children: /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-left transition-all duration-200 text-h6",
-                activeSection === section.id ? "text-ods-text-primary" : "text-ods-text-secondary hover:text-ods-text-primary"
-              ),
-              children: section.label
-            }
-          )
+          "data-state": activeSection === section.id ? "active" : void 0,
+          className: VERTICAL_BUTTON_LAYOUT_CLASS,
+          children: /* @__PURE__ */ jsx("span", { className: "text-left text-h6", children: section.label })
         }
       )
     ] }, section.id))
@@ -196,7 +191,7 @@ function StickySectionNavSkeleton({
         }
       }
     ),
-    widths.map((width, i) => /* @__PURE__ */ jsx("div", { className: VERTICAL_ROW_CLASS, children: /* @__PURE__ */ jsx("div", { className: VERTICAL_BUTTON_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: width }) }) }, i))
+    widths.map((width, i) => /* @__PURE__ */ jsx("div", { className: VERTICAL_ROW_CLASS, children: /* @__PURE__ */ jsx("div", { className: VERTICAL_BUTTON_SKELETON_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: width }) }) }, i))
   ] });
 }
 function useSectionNavigation(sections, options) {
@@ -260,6 +255,5 @@ export {
   STICKY_SECTION_NAV_HEIGHT_PX,
   STICKY_SECTION_NAV_SKELETON_COUNT,
   StickySectionNav,
-  StickySectionNavSkeleton,
   useSectionNavigation
 };

package/dist/components/onboarding-guides/index.cjs

@@ -7,28 +7,27 @@
 
 
 
-var _chunkDOM5CUEYcjs = require('../../chunk-DOM5CUEY.cjs');
-require('../../chunk-SDZG7VV7.cjs');
-require('../../chunk-7LJSGOWS.cjs');
-require('../../chunk-HXLOCZMG.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
-require('../../chunk-SIDDZZKL.cjs');
+var _chunkB6EQVH7Dcjs = require('../../chunk-B6EQVH7D.cjs');
+require('../../chunk-RJX33Y4Q.cjs');
+require('../../chunk-OFX6XEVN.cjs');
+require('../../chunk-ODZ5XGWA.cjs');
+require('../../chunk-YEJWNHD3.cjs');
+require('../../chunk-4XDYSGRL.cjs');
+require('../../chunk-UONQCE5N.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-5PK22JP7.cjs');
+require('../../chunk-ZV6RQNXE.cjs');
 require('../../chunk-VXAKQRV7.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-WCSWWVPF.cjs');
-require('../../chunk-C42WIUH6.cjs');
-require('../../chunk-S3YDUX2I.cjs');
-require('../../chunk-TZP7PSPG.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+require('../../chunk-SMEX3BWO.cjs');
+require('../../chunk-HLZUBJPL.cjs');
+require('../../chunk-FWJ5YECN.cjs');
+require('../../chunk-T7SDYBST.cjs');
+require('../../chunk-QD7SKYCQ.cjs');
+require('../../chunk-AKCBLZAO.cjs');
+require('../../chunk-VZKAAXU3.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1817,21 +1816,21 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-JB2SEF6Q.cjs');
+require('../../chunk-3IHGS44W.cjs');
 require('../../chunk-OJZBZH56.cjs');
-require('../../chunk-64KBI5MI.cjs');
+require('../../chunk-2OYKOHFK.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-LGNJTSKB.cjs');
-require('../../chunk-CGQ7CL62.cjs');
-require('../../chunk-MQPTOJMF.cjs');
-require('../../chunk-3ZLPYEL5.cjs');
-require('../../chunk-SETFUCZA.cjs');
-require('../../chunk-BEMGJDXI.cjs');
-require('../../chunk-BNUZKBNV.cjs');
+require('../../chunk-JHDPEYZH.cjs');
+require('../../chunk-OHXB6HUX.cjs');
+require('../../chunk-JQWYXC2E.cjs');
+require('../../chunk-Q7HXTF2C.cjs');
+require('../../chunk-HTSRCFXP.cjs');
+require('../../chunk-RYIWADIB.cjs');
+require('../../chunk-AFJEUBDS.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1840,26 +1839,26 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-3LW5TD54.cjs');
+require('../../chunk-DJTPDK3W.cjs');
 require('../../chunk-7PNRXJX2.cjs');
 require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-AQXKXZWB.cjs');
 require('../../chunk-V4FXUIMH.cjs');
 require('../../chunk-SZHDXXMK.cjs');
-require('../../chunk-TUAATMUE.cjs');
+require('../../chunk-IYU2ZH2J.cjs');
 require('../../chunk-5GJM7VRR.cjs');
-require('../../chunk-E76ONBKF.cjs');
+require('../../chunk-3VINTJPE.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-YXDHVHB2.cjs');
-require('../../chunk-FL2RMEDX.cjs');
-require('../../chunk-XIFEZ2JT.cjs');
+require('../../chunk-KWV23THO.cjs');
+require('../../chunk-T4ZVKEDP.cjs');
+require('../../chunk-L4XOCV7S.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-WEANWBJH.cjs');
-require('../../chunk-XFRBEXQN.cjs');
-require('../../chunk-TF5D5MNO.cjs');
+require('../../chunk-63OCO2G5.cjs');
+require('../../chunk-YNDH72VU.cjs');
+require('../../chunk-CDBFQVPA.cjs');
+require('../../chunk-N6YCOBLK.cjs');
 require('../../chunk-V45KLJQP.cjs');
-require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
 
 
@@ -1869,4 +1868,4 @@ require('../../chunk-KHKPLOU4.cjs');
 
 
 
-exports.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = _chunkDOM5CUEYcjs.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT; exports.OnboardingGuideDetailView = _chunkDOM5CUEYcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogView = _chunkDOM5CUEYcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkDOM5CUEYcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkDOM5CUEYcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkDOM5CUEYcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkDOM5CUEYcjs.useOnboardingGuides;
+exports.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT = _chunkB6EQVH7Dcjs.ONBOARDING_GUIDE_RELATED_SKELETON_COUNT; exports.OnboardingGuideDetailView = _chunkB6EQVH7Dcjs.OnboardingGuideDetailView; exports.OnboardingGuidesCatalogView = _chunkB6EQVH7Dcjs.OnboardingGuidesCatalogView; exports.onboardingGuideKeys = _chunkB6EQVH7Dcjs.onboardingGuideKeys; exports.useOnboardingGuide = _chunkB6EQVH7Dcjs.useOnboardingGuide; exports.useOnboardingGuideSections = _chunkB6EQVH7Dcjs.useOnboardingGuideSections; exports.useOnboardingGuides = _chunkB6EQVH7Dcjs.useOnboardingGuides;

package/dist/components/onboarding-guides/onboarding-guide-detail-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAoB/E,MAAM,WAAW,8BAA8B;IAC7C;2EACuE;IACvE,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;iEAC6D;IAC7D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B;iEAC6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;+EAC2E;IAC3E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;uEAEmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;oCACgC;IAChC,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IAC1D,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;0EAEsE;IACtE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AASD,qFAAqF;AACrF,eAAO,MAAM,uCAAuC,IAAI,CAAC;AAiFzD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,OAAY,EACZ,gBAAuC,EACvC,iBAAiB,EACjB,QAAQ,EACR,SAAqC,EACrC,QAA+B,EAC/B,cAAc,EACd,KAAY,GACb,EAAE,8BAA8B,+BAyKhC"}
+{"version":3,"file":"onboarding-guide-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAoB/E,MAAM,WAAW,8BAA8B;IAC7C;2EACuE;IACvE,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;iEAC6D;IAC7D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B;iEAC6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;+EAC2E;IAC3E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;uEAEmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;oCACgC;IAChC,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IAC1D,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;0EAEsE;IACtE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AASD,qFAAqF;AACrF,eAAO,MAAM,uCAAuC,IAAI,CAAC;AAiFzD,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,OAAY,EACZ,gBAAuC,EACvC,iBAAiB,EACjB,QAAQ,EACR,SAAqC,EACrC,QAA+B,EAC/B,cAAc,EACd,KAAY,GACb,EAAE,8BAA8B,+BAiKhC"}

package/dist/components/onboarding-guides/onboarding-guide-detail-view.js

@@ -16,11 +16,11 @@ import { toStripProfile } from "../features/video-bites-shared.js";
 import { VideoBitesStrip } from "../features/video-bites-strip.js";
 import { PageShell } from "../layout/article-detail-layout.js";
 import { PageLayout } from "../layout/page-layout.js";
-import { LoadingRegion } from "../loading/loading-region.js";
+import { LoadingFallback } from "../loading/loading-fallback.js";
 import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { ArticleAuthorByline } from "../shared/article-author-byline.js";
 import { LoadError } from "../ui/error-state.js";
-import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
+import { useLoadingScope } from "../ui/loading-scope.js";
 import { RichMarkdownRenderer } from "../ui/markdown/index.js";
 const RELATED_BLOCK_CLASS = "space-y-4 border-t border-ods-border pt-8";
 const RELATED_HEADING_CLASS = "tracking-[-0.36px] text-ods-text-primary text-h3";
@@ -200,9 +200,7 @@ function OnboardingGuideDetailView({
     /* @__PURE__ */ jsx(RelatedGuides, { section: view.section, related, renderCard: renderRelatedCardFn }),
     /* @__PURE__ */ jsx(Fragment, { children: relatedContent }, "related-content")
   ] });
-  return renderShell(
-    loading ? /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading the guide", announce: !scoped, children: /* @__PURE__ */ jsx(LoadingScope, { children: page }) }) : page
-  );
+  return renderShell(loading ? /* @__PURE__ */ jsx(LoadingFallback, { label: "Loading the guide", children: page }) : page);
 }
 export {
   ONBOARDING_GUIDE_RELATED_SKELETON_COUNT,

package/dist/components/onboarding-guides/onboarding-guides-catalog-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guides-catalog-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAiB/E,KAAK,cAAc,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,WAAW,gCAAgC;IAC/C;kDAC8C;IAC9C,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;sDACkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,aAAa,EACb,eAAe,EACf,cAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,QAA+B,GAChC,EAAE,gCAAgC,+BA4JlC"}
+{"version":3,"file":"onboarding-guides-catalog-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAqD/E,KAAK,cAAc,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,WAAW,gCAAgC;IAC/C;kDAC8C;IAC9C,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;IACnD;sDACkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,aAAa,EACb,eAAe,EACf,cAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,QAA+B,GAChC,EAAE,gCAAgC,+BAwJlC"}

package/dist/components/onboarding-guides/onboarding-guides-catalog-view.js

@@ -8,21 +8,29 @@ import { useSelfFetch } from "../../hooks/use-self-fetch.js";
 import { cn } from "../../utils/cn.js";
 import { resolveContentHref } from "../../utils/content-href.js";
 import { OnboardingGuideCard } from "../chat/entity-cards/onboarding-guide-card.js";
-import { LoadingRegion } from "../loading/loading-region.js";
+import { LoadingFallback } from "../loading/loading-fallback.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { DocSearchBar, useDocSearch } from "../shared/doc-search/index.js";
 import { LoadError } from "../ui/error-state.js";
 import { FilterPillRow } from "../ui/filter-pill-row.js";
-import { LoadingScope, useLoadingScope } from "../ui/loading-scope.js";
-import {
-  CATALOG_CONTROLS_CLASS,
-  CATALOG_LIST_CLASS,
-  CATALOG_SECTION_CLASS,
-  CATALOG_SECTION_COUNT_CLASS,
-  CATALOG_SECTION_HEADING_CLASS,
-  CATALOG_SECTIONS_CLASS,
-  CATALOG_VIEW_CLASS,
-  OnboardingCatalogSectionsSkeleton
-} from "./onboarding-guides-catalog-skeleton.js";
+import { LoadingItems, useLoadingScope } from "../ui/loading-scope.js";
+const CATALOG_VIEW_CLASS = "flex w-full flex-col gap-10";
+const CATALOG_CONTROLS_CLASS = "space-y-4";
+const CATALOG_SECTIONS_CLASS = "space-y-10";
+const CATALOG_SECTION_CLASS = "space-y-4";
+const CATALOG_SECTION_HEADING_CLASS = "flex items-center gap-2 text-ods-text-primary text-h3";
+const CATALOG_SECTION_COUNT_CLASS = "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 px-2 py-0.5 text-ods-text-secondary text-h6";
+const CATALOG_LIST_CLASS = "flex flex-col gap-4";
+const ONBOARDING_CATALOG_SKELETON_CARDS = 3;
+function OnboardingCatalogSectionsSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: CATALOG_SECTIONS_CLASS, children: /* @__PURE__ */ jsxs("section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
+    /* @__PURE__ */ jsxs("h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
+      /* @__PURE__ */ jsx("span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: CATALOG_LIST_CLASS, children: /* @__PURE__ */ jsx(LoadingItems, { count: ONBOARDING_CATALOG_SKELETON_CARDS, children: () => /* @__PURE__ */ jsx("li", { "data-loading-item": true, children: /* @__PURE__ */ jsx(OnboardingGuideCard, { loading: true, size: "catalog" }) }) }) })
+  ] }) });
+}
 function OnboardingGuidesCatalogView({
   initialGuides,
   initialSections,
@@ -145,7 +153,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading) return view;
-  return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading onboarding guides", announce: !scoped, children: /* @__PURE__ */ jsx(LoadingScope, { children: view }) });
+  return /* @__PURE__ */ jsx(LoadingFallback, { label: "Loading onboarding guides", children: view });
 }
 function OnboardingCatalogSections({
   grouped,
@@ -169,7 +177,7 @@ function OnboardingCatalogSections({
         sec.section,
         /* @__PURE__ */ jsx("span", { className: CATALOG_SECTION_COUNT_CLASS, children: sec.guides.length })
       ] }),
-      /* @__PURE__ */ jsx("ul", { className: CATALOG_LIST_CLASS, children: sec.guides.map((guide) => /* @__PURE__ */ jsx("li", { children: renderCard(guide) }, guide.id)) })
+      /* @__PURE__ */ jsx("ul", { className: CATALOG_LIST_CLASS, children: sec.guides.map((guide) => /* @__PURE__ */ jsx("li", { "data-loading-item": true, children: renderCard(guide) }, guide.id)) })
     ] }, sec.section)
   )) });
 }

package/dist/components/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAA+C,MAAM,OAAO,CAAC;AAQpH,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAmFD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CA6BjF;AAeD;;;GAGG;AACH,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,QAAA,MAAM,UAAU,GAAI,4EAA4E,eAAe,gCA+E9G,CAAC;AAEF;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,UAA4C,EAC5C,WAAe,EACf,SAAS,GACV,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAkBA;AAED,QAAA,MAAM,iBAAiB,+HAItB,CAAC;AAGF,QAAA,MAAM,cAAc,yHAElB,CAAC;AAGH,QAAA,MAAM,cAAc,uIAanB,CAAC;AAGF,QAAA,MAAM,kBAAkB,6HAavB,CAAC;AAGF,QAAA,MAAM,kBAAkB,uIASvB,CAAC;AAGF,QAAA,MAAM,cAAc,uIASnB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAA+C,MAAM,OAAO,CAAC;AAQpH,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAmFD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CA6BjF;AAeD;;;GAGG;AACH,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAElD,QAAA,MAAM,UAAU,GAAI,4EAA4E,eAAe,gCA+E9G,CAAC;AAEF;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,UAA4C,EAC5C,WAAe,EACf,SAAS,GACV,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAkBA;AAED,QAAA,MAAM,iBAAiB,+HAItB,CAAC;AAGF,QAAA,MAAM,cAAc,yHAElB,CAAC;AAGH,QAAA,MAAM,cAAc,uIAInB,CAAC;AAGF,QAAA,MAAM,kBAAkB,6HAavB,CAAC;AAGF,QAAA,MAAM,kBAAkB,uIASvB,CAAC;AAGF,QAAA,MAAM,cAAc,uIASnB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}

package/dist/components/pagination.js

@@ -174,17 +174,7 @@ const PaginationItem = forwardRef(({ className, ...props }, ref) => {
 PaginationItem.displayName = "PaginationItem";
 const PaginationLink = forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        className: cn(
-          "inline-flex h-10 w-10 items-center justify-center rounded-md border border-input bg-background transition-colors text-h6 hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          className
-        ),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", ref, className, ...props });
   }
 );
 PaginationLink.displayName = "PaginationLink";

package/dist/components/platform/ToolBadge.d.ts

@@ -39,14 +39,6 @@ export interface ToolBadgeProps {
  * (a card's footer that stays one height) sizes that room from it.
  */
 export declare const TOOL_CHIP_HEIGHT = "2rem";
-export interface ToolBadgeSkeletonProps {
-    variant?: 'inline' | 'chip';
-    /** Whether the badge leads with its mark (default true). */
-    icon?: boolean;
-    className?: string;
-}
-/** A badge while its tool is read: the chip's own frame (or the inline row), a mark box and a bar for the name. */
-export declare function ToolBadgeSkeleton({ variant, icon, className }: ToolBadgeSkeletonProps): React.JSX.Element;
 /**
  * One tool, named: a mark and a label. Pass a `toolType` for a tool the
  * registry knows, or `label` + `icon` for one it does not (a connector or a

package/dist/components/platform/ToolBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolBadge.d.ts","sourceRoot":"","sources":["../../../src/components/platform/ToolBadge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AASvD,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,SAAS,CAAC;AASvC,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mHAAmH;AACnH,wBAAgB,iBAAiB,CAAC,EAAE,OAAkB,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,sBAAsB,qBAevG;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgE9C,CAAC"}
+{"version":3,"file":"ToolBadge.d.ts","sourceRoot":"","sources":["../../../src/components/platform/ToolBadge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AASvD,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,SAAS,CAAC;AAkCvC;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgE9C,CAAC"}

package/dist/components/platform/ToolBadge.js

@@ -84,6 +84,5 @@ const ToolBadge = ({
 };
 export {
   TOOL_CHIP_HEIGHT,
-  ToolBadge,
-  ToolBadgeSkeleton
+  ToolBadge
 };

package/dist/components/platform/index.d.ts

@@ -10,8 +10,8 @@ export { SoftwareSourceBadge } from './SoftwareSourceBadge';
 export type { SoftwareSourceBadgeProps, SoftwareSource } from './SoftwareSourceBadge';
 export { CveLink } from './CveLink';
 export type { CveLinkProps } from './CveLink';
-export { TOOL_CHIP_HEIGHT, ToolBadge, ToolBadgeSkeleton } from './ToolBadge';
-export type { ToolBadgeProps, ToolBadgeSkeletonProps } from './ToolBadge';
+export { TOOL_CHIP_HEIGHT, ToolBadge } from './ToolBadge';
+export type { ToolBadgeProps } from './ToolBadge';
 export type { ToolType } from '../../types/tool.types';
 export { ShellTypeBadge } from './ShellTypeBadge';
 export type { ShellTypeBadgeProps } from './ShellTypeBadge';

package/dist/components/platform/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/platform/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEtF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC7E,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1E,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/platform/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEtF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/platform/index.js

@@ -1,7 +1,7 @@
 import { SoftwareInfo } from "./SoftwareInfo.js";
 import { SoftwareSourceBadge } from "./SoftwareSourceBadge.js";
 import { CveLink } from "./CveLink.js";
-import { TOOL_CHIP_HEIGHT, ToolBadge, ToolBadgeSkeleton } from "./ToolBadge.js";
+import { TOOL_CHIP_HEIGHT, ToolBadge } from "./ToolBadge.js";
 import { ShellTypeBadge } from "./ShellTypeBadge.js";
 import { ScriptInfoSection } from "./ScriptInfoSection.js";
 import { ScriptArguments } from "./ScriptArguments.js";
@@ -13,6 +13,5 @@ export {
   SoftwareInfo,
   SoftwareSourceBadge,
   TOOL_CHIP_HEIGHT,
-  ToolBadge,
-  ToolBadgeSkeleton
+  ToolBadge
 };

package/dist/components/product-demo/index.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkQIATO42Vcjs = require('../../chunk-QIATO42V.cjs');
+var _chunkXYKVOBIPcjs = require('../../chunk-XYKVOBIP.cjs');
 
 
 
@@ -11,25 +11,24 @@ var _chunkSTEJZPIOcjs = require('../../chunk-STEJZPIO.cjs');
 require('../../chunk-DKOLQPE7.cjs');
 
 
-var _chunkHXLOCZMGcjs = require('../../chunk-HXLOCZMG.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
-require('../../chunk-SIDDZZKL.cjs');
+var _chunkODZ5XGWAcjs = require('../../chunk-ODZ5XGWA.cjs');
+require('../../chunk-YEJWNHD3.cjs');
+require('../../chunk-4XDYSGRL.cjs');
+require('../../chunk-UONQCE5N.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-5PK22JP7.cjs');
+require('../../chunk-ZV6RQNXE.cjs');
 require('../../chunk-VXAKQRV7.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-WCSWWVPF.cjs');
-require('../../chunk-C42WIUH6.cjs');
-require('../../chunk-S3YDUX2I.cjs');
-require('../../chunk-TZP7PSPG.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+require('../../chunk-SMEX3BWO.cjs');
+require('../../chunk-HLZUBJPL.cjs');
+require('../../chunk-FWJ5YECN.cjs');
+require('../../chunk-T7SDYBST.cjs');
+require('../../chunk-QD7SKYCQ.cjs');
+require('../../chunk-AKCBLZAO.cjs');
+require('../../chunk-VZKAAXU3.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1818,21 +1817,21 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-JB2SEF6Q.cjs');
+require('../../chunk-3IHGS44W.cjs');
 require('../../chunk-OJZBZH56.cjs');
-require('../../chunk-64KBI5MI.cjs');
+require('../../chunk-2OYKOHFK.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-LGNJTSKB.cjs');
-require('../../chunk-CGQ7CL62.cjs');
-require('../../chunk-MQPTOJMF.cjs');
-require('../../chunk-3ZLPYEL5.cjs');
-require('../../chunk-SETFUCZA.cjs');
-require('../../chunk-BEMGJDXI.cjs');
-require('../../chunk-BNUZKBNV.cjs');
+require('../../chunk-JHDPEYZH.cjs');
+require('../../chunk-OHXB6HUX.cjs');
+require('../../chunk-JQWYXC2E.cjs');
+require('../../chunk-Q7HXTF2C.cjs');
+require('../../chunk-HTSRCFXP.cjs');
+require('../../chunk-RYIWADIB.cjs');
+require('../../chunk-AFJEUBDS.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1841,29 +1840,31 @@ require('../../chunk-6VOOPMP5.cjs');
 require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-3LW5TD54.cjs');
+require('../../chunk-DJTPDK3W.cjs');
 require('../../chunk-7PNRXJX2.cjs');
 require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-AQXKXZWB.cjs');
 require('../../chunk-V4FXUIMH.cjs');
 require('../../chunk-SZHDXXMK.cjs');
-require('../../chunk-TUAATMUE.cjs');
+require('../../chunk-IYU2ZH2J.cjs');
 require('../../chunk-5GJM7VRR.cjs');
-require('../../chunk-E76ONBKF.cjs');
+require('../../chunk-3VINTJPE.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
-require('../../chunk-YXDHVHB2.cjs');
-require('../../chunk-FL2RMEDX.cjs');
-require('../../chunk-XIFEZ2JT.cjs');
+require('../../chunk-KWV23THO.cjs');
+require('../../chunk-T4ZVKEDP.cjs');
+require('../../chunk-L4XOCV7S.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
-require('../../chunk-WEANWBJH.cjs');
+require('../../chunk-63OCO2G5.cjs');
 
 
+var _chunkYNDH72VUcjs = require('../../chunk-YNDH72VU.cjs');
+require('../../chunk-CDBFQVPA.cjs');
 
-var _chunkXFRBEXQNcjs = require('../../chunk-XFRBEXQN.cjs');
-require('../../chunk-TF5D5MNO.cjs');
+
+
+var _chunkN6YCOBLKcjs = require('../../chunk-N6YCOBLK.cjs');
 require('../../chunk-V45KLJQP.cjs');
-require('../../chunk-65VVJSQZ.cjs');
 require('../../chunk-KHKPLOU4.cjs');
 
 // src/components/product-demo/product-screen.tsx
@@ -1871,15 +1872,15 @@ var _react = require('react');
 
 // src/components/product-demo/registry.ts
 var PRODUCT_SCREEN_LOADERS = {
-  "remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-TGM2OTTV.cjs"))),
-  "software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-CCCKS4ZE.cjs"))),
-  devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-WL3I23EE.cjs"))),
-  policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-CQACBIKK.cjs"))),
-  "cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-EUH42CCL.cjs"))),
-  "tickets-board": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../tickets-board-FB5AGLJD.cjs"))),
-  logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-XODCXWYI.cjs"))),
-  knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-O3PXUX73.cjs"))),
-  scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-QMM6SEB5.cjs")))
+  "remote-session": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../remote-session-MEV5JL2Z.cjs"))),
+  "software-update": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../software-update-4ZBCGJGA.cjs"))),
+  devices: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../devices-TDKCKWRP.cjs"))),
+  policies: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../policies-ICRXHW3H.cjs"))),
+  "cloud-tenants": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../cloud-tenants-UAFVHKX7.cjs"))),
+  "tickets-board": () => Promise.resolve().then(() => _interopRequireWildcard(require("../../tickets-board-BJPQD3HE.cjs"))),
+  logs: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../logs-6WRBPIMM.cjs"))),
+  knowledge: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../knowledge-A5KJ4CAD.cjs"))),
+  scripts: () => Promise.resolve().then(() => _interopRequireWildcard(require("../../scripts-AZVCZE6C.cjs")))
 };
 
 // src/components/product-demo/screen-keys.ts
@@ -1904,18 +1905,28 @@ var PRODUCT_SCREEN_OPTIONS = PRODUCT_SCREEN_KEYS.map(
 
 // src/components/product-demo/screen-loading.tsx
 var _jsxruntime = require('react/jsx-runtime');
-function DevicesScreenLoading({ compact = false }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQIATO42Vcjs.DevicesScreenView, { compact, loading: true });
-}
 var PRODUCT_SCREEN_LOADING = {
-  devices: DevicesScreenLoading
+  // The Devices screen while its code loads: the same view, in its own loading state.
+  devices: ({ compact = false }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXYKVOBIPcjs.DevicesScreenView, { compact, loading: true })
 };
 
 // src/components/product-demo/product-screen.tsx
 
-var LAZY_SCREENS = Object.fromEntries(
-  PRODUCT_SCREEN_KEYS.map((key) => [key, _react.lazy.call(void 0, PRODUCT_SCREEN_LOADERS[key])])
-);
+var LOADED_SCREENS = /* @__PURE__ */ new Map();
+function useScreenCode(screen, fetch) {
+  const [, setArrived] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    if (!fetch || LOADED_SCREENS.has(screen)) return void 0;
+    let live = true;
+    void PRODUCT_SCREEN_LOADERS[screen]().then((module) => {
+      LOADED_SCREENS.set(screen, module.default);
+      if (live) setArrived((count) => count + 1);
+    });
+    return () => {
+      live = false;
+    };
+  }, [screen, fetch]);
+}
 var PRODUCT_SCREEN_HEIGHT = 440;
 var PRODUCT_SCREEN_COMPACT_HEIGHT = 300;
 var MIN_LAYOUT_WIDTH = {
@@ -1942,7 +1953,7 @@ function ProductScreenShell({
   const layoutWidth = _nullishCoalesce(compactWidth, () => ( // A screen with a minimum keeps it whether or not the host names a width (the frame's default is narrower).
   (minWidth !== void 0 ? Math.max(_nullishCoalesce(designWidth, () => ( minWidth)), minWidth) : designWidth)));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHXLOCZMGcjs.ProductScreenFrame,
+    _chunkODZ5XGWAcjs.ProductScreenFrame,
     {
       ...frame,
       designWidth: layoutWidth,
@@ -1955,12 +1966,13 @@ function ProductScreenShell({
 }
 function ScreenLoading({ screen, compact }) {
   const Loading = PRODUCT_SCREEN_LOADING[screen];
-  return Loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Loading, { compact }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-full w-full" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingScope, { bare: true, children: Loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Loading, { compact }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-full w-full" }) });
 }
 function ProductScreen({ screen, compact = false, ...frame }) {
-  const Screen = LAZY_SCREENS[screen];
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductScreenShell, { screen, compact, ...frame, children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScreenLoading, { screen, compact }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScreenLoading, { screen, compact }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Screen, { compact }) }) });
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  useScreenCode(screen, !loading);
+  const Screen = LOADED_SCREENS.get(screen);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductScreenShell, { screen, compact, ...frame, children: loading || !Screen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScreenLoading, { screen, compact }) : _react.createElement.call(void 0, Screen, { compact }) });
 }
 
 

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":"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"}
+{"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,EAAyB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA2B7E,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;AA8CD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAUtF"}