@flamingo-stack/openframe-frontend-core 0.0.774 → 0.0.775

package/dist/{chunk-VWUQVJ2D.cjs → chunk-FHTTRWAK.cjs}

@@ -4,7 +4,7 @@
 
 
 
-var _chunkU332FL4Ccjs = require('./chunk-U332FL4C.cjs');
+var _chunk6SJYFUGDcjs = require('./chunk-6SJYFUGD.cjs');
 
 
 
@@ -26,7 +26,7 @@ var _chunkL5CKY5WAcjs = require('./chunk-L5CKY5WA.cjs');
 
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 
 var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
@@ -179,7 +179,7 @@ function ProductReleasesView({
     initialData
   });
   const isLoading = inScope || fetching;
-  _chunkU332FL4Ccjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _3 => _3.sync]), isLoading && !data);
+  _chunk6SJYFUGDcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _3 => _3.sync]), isLoading && !data);
   const releases = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _4 => _4.data]), () => ( []));
   const totalCount = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.count]), () => ( 0));
   const totalPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, totalCount, itemsPerPage);
@@ -198,10 +198,10 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkU332FL4Ccjs.ListEmptyState,
+    _chunk6SJYFUGDcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -314,7 +314,7 @@ function MediaGalleryStripSkeleton({
 var _lucidereact = require('lucide-react');
 
 
-var DefaultMarkdownRenderer = _chunk4JZC624Scjs.RichMarkdownRenderer;
+var DefaultMarkdownRenderer = _chunk42JGOJCBcjs.RichMarkdownRenderer;
 var CONTENT_STACK_CLASS = "space-y-6 content-md:space-y-8";
 var RELEASE_TITLE_SKELETON_LINES = { phone: 7, md: 4, lg: 2 };
 var METADATA_GRID_CLASS = "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4";
@@ -364,7 +364,7 @@ function ReleaseDetailPage({
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const captions = _chunkKWZ62LPZcjs.useCaptions.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const seed = initialData == null ? void 0 : initialData;
   const {
     data: release,
@@ -470,7 +470,7 @@ function ReleaseDetailPage({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTENT_STACK_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.EntityTagBadges,
+            _chunk42JGOJCBcjs.EntityTagBadges,
             {
               tags: view.product_release_tags,
               max: RELEASE_TAG_ROW_MAX,
@@ -551,7 +551,7 @@ function ReleaseDetailPage({
             ] })
           ] }) }) }),
           loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.ReleaseChangelogSection,
+            _chunk42JGOJCBcjs.ReleaseChangelogSection,
             {
               title: "Breaking Changes",
               entries: breakingChanges || [],
@@ -563,7 +563,7 @@ function ReleaseDetailPage({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.ReleaseChangelogSection,
+            _chunk42JGOJCBcjs.ReleaseChangelogSection,
             {
               title: "Features Added",
               entries: featuresAdded || [],
@@ -573,7 +573,7 @@ function ReleaseDetailPage({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.ReleaseChangelogSection,
+            _chunk42JGOJCBcjs.ReleaseChangelogSection,
             {
               title: "Bugs Fixed",
               entries: bugFixed || [],
@@ -583,7 +583,7 @@ function ReleaseDetailPage({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.ReleaseChangelogSection,
+            _chunk42JGOJCBcjs.ReleaseChangelogSection,
             {
               title: "Improvements",
               entries: improvements || [],
@@ -612,9 +612,9 @@ function ReleaseDetailPage({
               return deliveryLoading ? (
                 // The loaded preview's frame, its height written into the markup (`fixedHeight`), so the tables'
                 // loading state takes the collapsed preview's place, toggle row included. Inert: nothing to open yet.
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.FadePreview, { fixedHeight: true, collapsedHeight: DELIVERY_PREVIEW_HEIGHT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DELIVERY_TABLES_STACK_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) }) }) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.FadePreview, { fixedHeight: true, collapsedHeight: DELIVERY_PREVIEW_HEIGHT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DELIVERY_TABLES_STACK_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) }) }) })
               ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk4JZC624Scjs.FadePreview,
+                _chunk42JGOJCBcjs.FadePreview,
                 {
                   hiddenCount: deliveryCount - 1,
                   collapsedHeight: DELIVERY_PREVIEW_HEIGHT,
@@ -1017,7 +1017,7 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.Accordion,
+    _chunk42JGOJCBcjs.Accordion,
     {
       type: "multiple",
       value: expandedQuarters,
@@ -1027,14 +1027,14 @@ function RoadmapGrid({
         const itemCount = _optionalChain([itemsByQuarter, 'access', _20 => _20[quarter], 'optionalAccess', _21 => _21.length]) || 0;
         const isExpanded = expandedQuarters.includes(quarter);
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunk4JZC624Scjs.AccordionItem,
+          _chunk42JGOJCBcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             "data-loading-item": true,
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: QUARTER_HEAD_CLASS, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: QUARTER_HEAD_CLASS, children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "h3",
                   {
@@ -1064,7 +1064,7 @@ function RoadmapGrid({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -1114,18 +1114,18 @@ function RoadmapView({
   });
   const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _22 => _22.items]), () => ( []));
   _chunkE64HPPRHcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX });
-  const syncInPage = _chunkU332FL4Ccjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _23 => _23.sync]), isLoading && !data);
+  const syncInPage = _chunk6SJYFUGDcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _23 => _23.sync]), isLoading && !data);
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
-      !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.DataSyncLine, { loading: true }),
+      !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.DataSyncLine, { loading: true }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridQuarterSkeleton, { showLeftMargin })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
-    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.DataSyncLine, { sync: _optionalChain([data, 'optionalAccess', _24 => _24.sync]) }),
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.DataSyncLine, { sync: _optionalChain([data, 'optionalAccess', _24 => _24.sync]) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       RoadmapGrid,
       {
@@ -1149,7 +1149,7 @@ var TABLE_FRAME_CLASS = `w-full ${_chunkY3EBUFX4cjs.CONTENT_CARD_SKELETON_FRAME_
 var ROW_SEPARATOR_CLASS = "border-b border-ods-border last:border-b-0";
 var DELIVERY_TABLE_SKELETON_ROWS = 5;
 function DeliveryTableSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TABLE_FRAME_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: Array.from({ length: DELIVERY_TABLE_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU332FL4Ccjs.DeliveryRowSkeleton, {}) }, i)) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TABLE_FRAME_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: Array.from({ length: DELIVERY_TABLE_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SJYFUGDcjs.DeliveryRowSkeleton, {}) }, i)) }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryTableSkeleton, {});
@@ -1162,7 +1162,7 @@ function DeliveryTable({ items, isLoading = false }) {
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU332FL4Ccjs.DeliveryRow, { item, id: _chunkBTVO676Bcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SJYFUGDcjs.DeliveryRow, { item, id: _chunkBTVO676Bcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
 
@@ -1247,18 +1247,18 @@ function DeliveryLists({
   const filteredCompleted = _optionalChain([data, 'optionalAccess', _25 => _25.completed]) || [];
   const filteredInProgress = _optionalChain([data, 'optionalAccess', _26 => _26.inProgress]) || [];
   _chunkE64HPPRHcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX });
-  const syncInPage = _chunkU332FL4Ccjs.usePageDataSync.call(void 0, sync, isLoading && !data);
+  const syncInPage = _chunk6SJYFUGDcjs.usePageDataSync.call(void 0, sync, isLoading && !data);
   const showCompleted = true;
   const showInProgress = true;
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
-    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.DataSyncLine, { sync, loading: isLoading && !data }),
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.DataSyncLine, { sync, loading: isLoading && !data }),
     !isLoading && !hasResults && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkU332FL4Ccjs.ListEmptyState,
+      _chunk6SJYFUGDcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1483,7 +1483,7 @@ function legalDocumentStampLabel(doc) {
 }
 var LEGAL_DOCUMENT_SKELETON_SECTIONS = 3;
 function LegalDocumentSkeleton({ sections = LEGAL_DOCUMENT_SKELETON_SECTIONS }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the document", className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.RichMarkdownRendererSkeleton, { title: true, sections }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the document", className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.RichMarkdownRendererSkeleton, { title: true, sections }) });
 }
 function LegalDocumentPage({
   docType,
@@ -1495,7 +1495,7 @@ function LegalDocumentPage({
   emptyStateMessage: emptyStateMessageProp,
   initialData = null,
   apiEndpoint,
-  MarkdownRenderer = _chunk4JZC624Scjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk42JGOJCBcjs.RichMarkdownRenderer,
   documentsEndpoint,
   backButton,
   faq,
@@ -1526,7 +1526,7 @@ function LegalDocumentPage({
       titleSize: "h1",
       titleWrap: true,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex-1", isLoading && "w-full"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LegalDocumentSkeleton, {}) : error ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 text-center", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-error bg-ods-error-secondary p-6", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-2 text-ods-error", children: errorTitle }),
@@ -1550,7 +1550,7 @@ function LegalDocumentPage({
       ]
     }
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-Q7EXOVMT.cjs → chunk-ODF3KCRK.cjs}

@@ -5,14 +5,14 @@ var _chunkVISK6LKEcjs = require('./chunk-VISK6LKE.cjs');
 
 
 
-var _chunkE5E7IE7Xcjs = require('./chunk-E5E7IE7X.cjs');
+var _chunkPMX6QNNNcjs = require('./chunk-PMX6QNNN.cjs');
 
 
 
 
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 
 var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
@@ -152,7 +152,7 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkE5E7IE7Xcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkPMX6QNNNcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
@@ -170,7 +170,7 @@ function OnboardingGuidesCatalogView({
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_CONTROLS_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE5E7IE7Xcjs.DocSearchBar,
+      _chunkPMX6QNNNcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -182,7 +182,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     (loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4JZC624Scjs.FilterPillRow,
+      _chunk42JGOJCBcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -193,7 +193,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading && selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   const view = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_VIEW_CLASS, children: [
     preControls,
@@ -313,7 +313,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunk4JZC624Scjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk42JGOJCBcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -325,7 +325,7 @@ function OnboardingGuideDetailView({
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const captions = _chunkKWZ62LPZcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
   const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const {
@@ -343,7 +343,7 @@ function OnboardingGuideDetailView({
   const backCfg = { label: backLabel, onClick: () => router.push(resolvedBackHref) };
   const loading = scoped || !guide && isLoading;
   if (!loading && (error || !guide)) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   const view = _nullishCoalesce(guide, () => ( EMPTY_ONBOARDING_GUIDE));
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", view);
@@ -361,7 +361,7 @@ function OnboardingGuideDetailView({
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV3W56L2Dcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkY3EBUFX4cjs.EntityAuthorCard,
       {

package/dist/{chunk-E5E7IE7X.cjs → chunk-PMX6QNNN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 
 
@@ -70,7 +70,7 @@ function DocSearchBar({
   renderResult
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.SearchInput,
+    _chunk42JGOJCBcjs.SearchInput,
     {
       placeholder,
       value: query,

package/dist/{chunk-Q6B2DC65.cjs → chunk-TF2XYDH3.cjs}

@@ -2,12 +2,12 @@
 
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 // src/components/product-demo/screens/devices-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEVICES_SEARCH_QUERY = "Windows";
-var TOOLBAR = { ..._chunk4JZC624Scjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunk42JGOJCBcjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 var NO_DEVICES = [];
@@ -19,7 +19,7 @@ function DevicesScreenView({
   loading = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.DevicesPanelView,
+    _chunk42JGOJCBcjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,

package/dist/{chunk-HTSRAQVG.cjs → chunk-VAGZJRYV.cjs}

@@ -4,7 +4,7 @@
 var _chunkL5CKY5WAcjs = require('./chunk-L5CKY5WA.cjs');
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 
 var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
@@ -53,7 +53,7 @@ function FaqDocumentPage({
       skeletonNav
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-UAKXZ2KD.cjs → chunk-VDXBACD3.cjs}

@@ -18,7 +18,7 @@ var _chunkUSMR73NDcjs = require('./chunk-USMR73ND.cjs');
 
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 
 
 var _chunkRB7VLVMDcjs = require('./chunk-RB7VLVMD.cjs');
@@ -192,7 +192,7 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
   const rowClassName = _chunk65VVJSQZcjs.cn.call(void 0, 
     ROW_CLASSES[variant],
@@ -580,7 +580,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk4JZC624Scjs.HeaderButton,
+                _chunk42JGOJCBcjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -888,7 +888,7 @@ function SiteFooter({
   const columns = nav.footerColumns;
   const accordion = columns.length > ACCORDION_OVER;
   const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.SocialIconRow,
+    _chunk42JGOJCBcjs.SocialIconRow,
     {
       compact: true,
       links: nav.brand.social.map((link) => ({
@@ -1201,7 +1201,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
   });
   if (sections.length === 0 && !inScope) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.PageContainer,
+    _chunk42JGOJCBcjs.PageContainer,
     {
       as: "div",
       backgroundClassName: "sticky z-30 border-b border-ods-border bg-ods-bg transition-[top] duration-300 ease-in-out motion-reduce:transition-none",
@@ -1336,7 +1336,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1763,7 +1763,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
     else window.location.assign(target);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.HeaderButton,
+    _chunk42JGOJCBcjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -1773,7 +1773,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
         // existing while updates are unread — never by tinting the glyph.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -1849,7 +1849,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4JZC624Scjs.HeaderButton,
+          _chunk42JGOJCBcjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1875,7 +1875,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4JZC624Scjs.HeaderButton,
+          _chunk42JGOJCBcjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1892,7 +1892,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.TimeTrackerHeaderButton, { disabled, className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.TimeTrackerHeaderButton, { disabled, className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1912,7 +1912,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JZC624Scjs.HeaderButton,
+            _chunk42JGOJCBcjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkHY6BCZH7cjs.SquareAvatar,
@@ -1997,12 +1997,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunk4JZC624Scjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunk42JGOJCBcjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _56 => _56.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _57 => _57.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _58 => _58.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4JZC624Scjs.HeaderButton,
+    _chunk42JGOJCBcjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -2675,7 +2675,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
@@ -2699,7 +2699,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {

package/dist/{cloud-tenants-7RNZ6GHM.cjs → cloud-tenants-ISGAMTJD.cjs}

@@ -9,7 +9,7 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk4JZC624Scjs = require('./chunk-4JZC624S.cjs');
+var _chunk42JGOJCBcjs = require('./chunk-42JGOJCB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 require('./chunk-V3W56L2D.cjs');
@@ -1916,7 +1916,7 @@ var getHref = () => "#";
 function CloudTenantsScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildCloudTenantsFixture(cast), [cast]);
-  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JZC624Scjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
+  const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42JGOJCBcjs.TenantsTableView, { rows: fixture.rows, getHref, now: fixture.now });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-l)]", children: table });
 }
 

package/dist/components/authors/author-detail-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"author-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/authors/author-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAU/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBA+FrG"}
+{"version":3,"file":"author-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/authors/author-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAU/D,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,aAAa,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAuGrG"}

package/dist/components/authors/author-detail-view.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Image from "../../embed-shims/next-image.js";
-import { AVATAR_SIZE } from "../../styles/component-sizes.js";
+import { AVATAR_SIZE, AVATAR_SIZE_PX } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { formatBioText } from "../../utils/format.js";
 import { useProxiedImageUrl } from "../chat/hooks/use-proxied-image-url.js";
@@ -29,7 +29,17 @@ function AuthorDetailView({ author, proxyImageUrl, children, className }) {
       /* @__PURE__ */ jsx("div", { className: AVATAR_BOX_CLASS, children: loading ? (
         // The avatar in its scope draws its own skeleton, the round box of this frame.
         /* @__PURE__ */ jsx(SquareAvatar, { variant: "round", alt: "", className: "h-full w-full" })
-      ) : /* @__PURE__ */ jsx("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx(Image, { src: proxiedAvatar, alt: author.fullName, fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-ods-text-secondary text-h2", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      ) : /* @__PURE__ */ jsx("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: proxiedAvatar,
+          alt: author.fullName,
+          fill: true,
+          sizes: `${AVATAR_SIZE_PX.profile}px`,
+          className: "object-cover",
+          unoptimized: true
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-ods-text-secondary text-h2", children: author.fullName.charAt(0).toUpperCase() }) }) }),
       /* @__PURE__ */ jsxs("div", { className: cn(IDENTITY_TEXT_CLASS, loading && "w-full"), children: [
         /* @__PURE__ */ jsx("p", { className: NAME_CLASS, children: loading ? (
           // A typical name's width (about 282px at the name's `text-h2`).