@flamingo-stack/openframe-frontend-core 0.0.770 → 0.0.772

package/dist/{knowledge-ZLHYBG4L.cjs → knowledge-CYJP4XYY.cjs}

@@ -8,10 +8,10 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
+var _chunkZVKJKWABcjs = require('./chunk-ZVKJKWAB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
-require('./chunk-MZLWB5AH.cjs');
+require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-XVFM6SJA.cjs');
@@ -19,12 +19,12 @@ require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-QS4G7CHU.cjs');
+require('./chunk-KSCEAIBS.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-WUYL4BMD.cjs');
+require('./chunk-YI3CDGKM.cjs');
 
 
-var _chunkNZELWPKOcjs = require('./chunk-NZELWPKO.cjs');
+var _chunkILZEXCJHcjs = require('./chunk-ILZEXCJH.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-HQF62LAU.cjs');
-require('./chunk-4EJU462O.cjs');
+require('./chunk-FPCGKH5K.cjs');
+require('./chunk-5V7BIUGA.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1903,10 +1903,10 @@ function KnowledgeScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildKnowledgeFixture(cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBZLHU4EKcjs.KnowledgeBaseArticleView,
+    _chunkZVKJKWABcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNZELWPKOcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILZEXCJHcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-G6AFN7A6.cjs → logs-NL3ZBQKC.cjs}

@@ -16,10 +16,10 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
+var _chunkZVKJKWABcjs = require('./chunk-ZVKJKWAB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
-require('./chunk-MZLWB5AH.cjs');
+require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-XVFM6SJA.cjs');
@@ -27,12 +27,12 @@ require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-QS4G7CHU.cjs');
+require('./chunk-KSCEAIBS.cjs');
 require('./chunk-C42WIUH6.cjs');
 
 
-var _chunkWUYL4BMDcjs = require('./chunk-WUYL4BMD.cjs');
-require('./chunk-NZELWPKO.cjs');
+var _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
+require('./chunk-ILZEXCJH.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1833,8 +1833,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-HQF62LAU.cjs');
-require('./chunk-4EJU462O.cjs');
+require('./chunk-FPCGKH5K.cjs');
+require('./chunk-5V7BIUGA.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1884,7 +1884,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunkBZLHU4EKcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkZVKJKWABcjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -1956,13 +1956,13 @@ var NO_FILTERS = {};
 var ACTION_COLUMNS = ["copy", "quickView", "open"];
 var BESIDE_DRAWER_HIDDEN = [...ACTION_COLUMNS, "tool", "source"];
 var logHref = () => "#";
-var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.LogCopyIconButton, {});
 function LogsScreen({ compact = false }) {
   const [dock, setDock] = _react.useState.call(void 0, null);
   const selected = LOGS_FIXTURE_SELECTED;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full bg-ods-bg", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBZLHU4EKcjs.LogsPageView,
+      _chunkZVKJKWABcjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -1970,7 +1970,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBZLHU4EKcjs.LogsTableView,
+          _chunkZVKJKWABcjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -1984,8 +1984,8 @@ function LogsScreen({ compact = false }) {
         )
       }
     ) }),
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBZLHU4EKcjs.LogDrawer,
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZVKJKWABcjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -1997,12 +1997,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.ToolBadge, { toolType: _chunkWUYL4BMDcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.ToolBadge, { toolType: _chunkYI3CDGKMcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkBZLHU4EKcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkZVKJKWABcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBZLHU4EKcjs.DeviceCard,
+          _chunkZVKJKWABcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-SEOK4IQO.cjs → policies-WTUV4EIT.cjs}

@@ -10,10 +10,10 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
+var _chunkZVKJKWABcjs = require('./chunk-ZVKJKWAB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
-require('./chunk-MZLWB5AH.cjs');
+require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-XVFM6SJA.cjs');
@@ -21,10 +21,10 @@ require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-QS4G7CHU.cjs');
+require('./chunk-KSCEAIBS.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-WUYL4BMD.cjs');
-require('./chunk-NZELWPKO.cjs');
+require('./chunk-YI3CDGKM.cjs');
+require('./chunk-ILZEXCJH.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-HQF62LAU.cjs');
-require('./chunk-4EJU462O.cjs');
+require('./chunk-FPCGKH5K.cjs');
+require('./chunk-5V7BIUGA.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1889,14 +1889,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunkBZLHU4EKcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkZVKJKWABcjs.computePolicySummary.call(void 0, POLICIES),
   rows: POLICIES.map((item) => ({
     id: item.id,
     name: item.name,
     description: item.description,
     critical: item.critical,
     severityLabel: item.critical ? "Critical" : "Low",
-    status: _chunkBZLHU4EKcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkZVKJKWABcjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -1910,16 +1910,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBZLHU4EKcjs.PoliciesTable,
+    _chunkZVKJKWABcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.DataTable.RowCount, {}),
       emptyMessage: "No policies found."
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col gap-[var(--spacing-system-l)] bg-ods-bg p-[var(--spacing-system-l)]", children: [
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{remote-session-WVORQV7V.cjs → remote-session-TC3BZDBZ.cjs}

@@ -11,7 +11,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkMZLWB5AHcjs = require('./chunk-MZLWB5AH.cjs');
+var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-5QP3K2CE.cjs');
 require('./chunk-LELS4XMX.cjs');
@@ -1918,7 +1918,7 @@ function TaskbarApp({ icon, active = false }) {
   );
 }
 function RemoteDesktopPicture({ desktop }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `absolute inset-0 flex flex-col overflow-hidden ${_chunkMZLWB5AHcjs.DEVICE_WALLPAPER_CLASS}`, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `absolute inset-0 flex flex-col overflow-hidden ${_chunkV3W56L2Dcjs.DEVICE_WALLPAPER_CLASS}`, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute left-[var(--spacing-system-sf)] top-[var(--spacing-system-sf)] hidden flex-col gap-[var(--spacing-system-sf)] content-md:flex", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DesktopShortcut, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYHH5EIOcjs.TrashIcon, { className: "h-5 w-5" }), label: "Recycle Bin" }),
@@ -1982,7 +1982,7 @@ function RemoteSessionScreen({ compact = false }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col bg-ods-bg", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[var(--spacing-system-l)] flex-shrink-0" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMZLWB5AHcjs.RemoteDesktopView,
+      _chunkV3W56L2Dcjs.RemoteDesktopView,
       {
         ...fixture.view,
         onEnterFullscreen: noop,
@@ -1993,7 +1993,7 @@ function RemoteSessionScreen({ compact = false }) {
         screen: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteDesktopPicture, { desktop: fixture.desktop }),
         chat: compact ? null : (
           // The side column needs the room of the wide layout; a narrow frame keeps the screen alone.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden min-h-0 content-md:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.RemoteDesktopChatPanel, { ...fixture.chat, sending: false, onSend: keepDraft, variant: "side" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden min-h-0 content-md:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3W56L2Dcjs.RemoteDesktopChatPanel, { ...fixture.chat, sending: false, onSend: keepDraft, variant: "side" }) })
         )
       }
     ) })

package/dist/{scripts-HH4YVUBO.cjs → scripts-EE6MLBQP.cjs}

@@ -13,12 +13,12 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
+var _chunkZVKJKWABcjs = require('./chunk-ZVKJKWAB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 
 
-var _chunkMZLWB5AHcjs = require('./chunk-MZLWB5AH.cjs');
+var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-XVFM6SJA.cjs');
@@ -26,10 +26,10 @@ require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-QS4G7CHU.cjs');
+require('./chunk-KSCEAIBS.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-WUYL4BMD.cjs');
-require('./chunk-NZELWPKO.cjs');
+require('./chunk-YI3CDGKM.cjs');
+require('./chunk-ILZEXCJH.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1832,8 +1832,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-HQF62LAU.cjs');
-require('./chunk-4EJU462O.cjs');
+require('./chunk-FPCGKH5K.cjs');
+require('./chunk-5V7BIUGA.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1993,8 +1993,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkBZLHU4EKcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkBZLHU4EKcjs.EXECUTION_COLUMNS.status
+  { ..._chunkZVKJKWABcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkZVKJKWABcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2044,16 +2044,16 @@ function ScriptCodePicture({ script }) {
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xxs)] border-b border-ods-border p-[var(--spacing-system-m)]", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center justify-between gap-[var(--spacing-system-m)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.TruncateText, { variant: "h4", children: script.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3W56L2Dcjs.TruncateText, { variant: "h4", children: script.name }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)] text-ods-text-primary text-h6", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTPKKRHUMcjs.TimerIcon, { className: "size-4 text-ods-text-secondary" }),
               `${schedule.repeat} ${schedule.time} \xB7 ${schedule.deviceCount} devices`
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center justify-between gap-[var(--spacing-system-m)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZLWB5AHcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV3W56L2Dcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBZLHU4EKcjs.ScriptShellBadge,
+              _chunkZVKJKWABcjs.ScriptShellBadge,
               {
                 value: script.shellType,
                 className: "shrink-0 text-ods-text-secondary text-h6",
@@ -2077,7 +2077,7 @@ function ScriptsScreen({ compact = false }) {
     return (
       // Four runs of the card's row height fill the frame; the padding is what is left round them.
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full overflow-hidden bg-ods-bg p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBZLHU4EKcjs.ScriptExecutionsTable,
+        _chunkZVKJKWABcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions.slice(0, COMPACT_ROWS),
           columns: COMPACT_COLUMNS,
@@ -2087,13 +2087,13 @@ function ScriptsScreen({ compact = false }) {
       ) })
     );
   }
-  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZVKJKWABcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
   return (
     // The frame's tighter padding and no header row: the output opened under a run needs the height.
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full gap-[var(--spacing-system-m)] overflow-hidden bg-ods-bg p-[var(--spacing-system-m)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-[39%] shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScriptCodePicture, { script: fixture.script }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBZLHU4EKcjs.ScriptExecutionsTable,
+        _chunkZVKJKWABcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-4A3XJZQB.cjs → software-update-HX6PN4SB.cjs}

@@ -15,12 +15,12 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
+var _chunkZVKJKWABcjs = require('./chunk-ZVKJKWAB.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 
 
-var _chunkMZLWB5AHcjs = require('./chunk-MZLWB5AH.cjs');
+var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-XVFM6SJA.cjs');
@@ -28,10 +28,10 @@ require('./chunk-2JRSYWFP.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-QS4G7CHU.cjs');
+require('./chunk-KSCEAIBS.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-WUYL4BMD.cjs');
-require('./chunk-NZELWPKO.cjs');
+require('./chunk-YI3CDGKM.cjs');
+require('./chunk-ILZEXCJH.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1832,8 +1832,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-HQF62LAU.cjs');
-require('./chunk-4EJU462O.cjs');
+require('./chunk-FPCGKH5K.cjs');
+require('./chunk-5V7BIUGA.cjs');
 require('./chunk-R3JX4MXD.cjs');
 require('./chunk-SETFUCZA.cjs');
 require('./chunk-VFUMM6JC.cjs');
@@ -1918,14 +1918,14 @@ var noop = () => {
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMZLWB5AHcjs.Autocomplete,
+    _chunkV3W56L2Dcjs.Autocomplete,
     {
-      label: _chunkBZLHU4EKcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkZVKJKWABcjs.PACKAGE_SEARCH_LABEL,
       labelVariant: "large",
       options: value ? [{ value: value.id, label: value.name, description: _nullishCoalesce(value.description, () => ( void 0)) }] : [],
       value: _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.id]), () => ( null)),
       onChange: noop,
-      placeholder: _chunkBZLHU4EKcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkZVKJKWABcjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1939,7 +1939,7 @@ function SoftwareUpdateScreen({ compact = false }) {
     [fixture.devices, fixture.selectedIds]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBZLHU4EKcjs.SoftwareActionForm,
+    _chunkZVKJKWABcjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1951,7 +1951,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBZLHU4EKcjs.DeviceSelector,
+        _chunkZVKJKWABcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/dist/types/category.d.ts

@@ -29,6 +29,11 @@ export interface RealCategoryCardProps {
     subcategoryCount?: number;
     vendors?: Vendor[];
     isLoading?: boolean;
+    /**
+     * The vendors the host reads for the card's strip (its fetch limit): the vendor icons the loading card draws.
+     * Default `CATEGORIES_CART_SKELETON_VENDORS`.
+     */
+    vendorLimit?: number;
     isLoadingVendorCount?: boolean;
     isLoadingSubcategoryCount?: boolean;
     className?: string;

package/dist/types/category.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category.d.ts","sourceRoot":"","sources":["../../src/types/category.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"category.d.ts","sourceRoot":"","sources":["../../src/types/category.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;QACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/types/logs.types.d.ts

@@ -18,6 +18,8 @@ export interface LogsListProps {
     showConnector?: boolean;
     onLogClick?: (log: LogEntry) => void;
     loading?: boolean;
+    /** Rows the loading state draws: the logs the host reads (its page size or limit). Default a typical count. */
+    skeletonRows?: number;
     emptyMessage?: string;
     className?: string;
 }

package/dist/types/logs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logs.types.d.ts","sourceRoot":"","sources":["../../src/types/logs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9E,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAM3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAM3D,CAAC"}
+{"version":3,"file":"logs.types.d.ts","sourceRoot":"","sources":["../../src/types/logs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9E,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+GAA+G;IAC/G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAM3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAM3D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.770",
+  "version": "0.0.772",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "sideEffects": [

package/src/components/case-studies/quote-cards-strip.tsx

@@ -63,23 +63,28 @@ export interface QuoteCardsStripProps {
   quotes: readonly QuoteCard[];
   /** The quotes are being read (the host's query runs): the strip draws its own skeleton. A page's loading scope does too. */
   loading?: boolean;
-  /** The quote cards the skeleton draws: one screen of the host's strip. */
+  /**
+   * The quote cards the skeleton draws: the number of quotes the host reads (its limit). Default
+   * `QUOTE_STRIP_SKELETON_CARDS`, a typical count for a host that states none.
+   */
+  skeletonCount?: number;
+  /** @deprecated Use `skeletonCount`. */
   fold?: number;
   className?: string;
 }
 
-/** The quote cards a strip's skeleton draws when its host names none: a chip is about a third of a wide page's row. */
-const QUOTE_STRIP_FOLD = 4;
+/** The quote cards a strip's skeleton draws when its host names no count: a typical count. */
+const QUOTE_STRIP_SKELETON_CARDS = 4;
 
 /** The strip while its quotes are read: the same strip engine, still, with the quote card's own skeleton. */
-function QuoteCardsStripSkeleton({ fold, className }: { fold: number; className?: string }) {
+function QuoteCardsStripSkeleton({ count, className }: { count: number; className?: string }) {
   return (
     <CardsStrip
       className={className}
       showTitle={false}
       showChevrons={false}
       autoScroll={false}
-      items={Array.from({ length: fold }, (_, index) => ({ key: `quote-${index}` }))}
+      items={Array.from({ length: count }, (_, index) => ({ key: `quote-${index}` }))}
       itemKey={item => item.key}
       renderCard={(_item, ctx) => <QuoteCardTileSkeleton key={ctx.cardKey} className="shrink-0" />}
     />
@@ -93,9 +98,13 @@ function QuoteCardsStripSkeleton({ fold, className }: { fold: number; className?
  * keeps the click but stays out of the a11y tree. While its quotes are read (a page's loading scope with none handed
  * over, or `loading`) it is its own skeleton; read and empty, it renders nothing.
  */
-export function QuoteCardsStrip({ quotes, loading = false, fold = QUOTE_STRIP_FOLD, className }: QuoteCardsStripProps) {
+export function QuoteCardsStrip({ quotes, loading = false, skeletonCount, fold, className }: QuoteCardsStripProps) {
   const scoped = useLoadingScope();
-  if ((scoped && quotes.length === 0) || loading) return <QuoteCardsStripSkeleton fold={fold} className={className} />;
+  if ((scoped && quotes.length === 0) || loading) {
+    return (
+      <QuoteCardsStripSkeleton count={skeletonCount ?? fold ?? QUOTE_STRIP_SKELETON_CARDS} className={className} />
+    );
+  }
   if (quotes.length === 0) return null;
   return (
     <CardsStrip

package/src/components/categories-cart.tsx

@@ -24,8 +24,11 @@ const FOOT_ROW_CLASS = 'flex items-start justify-between gap-4 md:items-end md:g
 const ARROW_BOX_CLASS =
   'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-md border border-ods-border bg-transparent transition-colors md:h-12 md:w-12';
 const ARROW_ICON_CLASS = `${ICON_SIZE.step} text-ods-text-primary transition-colors`;
-/** As many icon boxes as the widest strip shows (the strip clips the rest). */
-const ICON_STRIP_FOLD = 20;
+/**
+ * Vendor icons the loading card draws when its host states no `vendorLimit`: a typical read (the OpenMSP home page
+ * reads 14 vendors per category). The strip clips what does not fit, loaded and loading alike.
+ */
+export const CATEGORIES_CART_SKELETON_VENDORS = 14;
 
 /** The strip's fades at both ends, into the card's own surface. */
 function StripFades() {
@@ -44,9 +47,10 @@ export function CategoriesCart({
   vendorCount = 0,
   subcategoryCount = 0,
   isLoading = false,
+  vendorLimit,
   className = '',
 }: RealCategoryCardProps) {
-  if (useLoadingScope() || isLoading) return <CategoriesCartSkeleton className={className} />;
+  if (useLoadingScope() || isLoading) return <CategoriesCartSkeleton vendors={vendorLimit} className={className} />;
   return (
     <Link
       href={`/vendors?category=${category.slug}`}
@@ -96,13 +100,20 @@ export function CategoriesCart({
  * A category card while its category is read: the card's frame, the vendor strip as icon boxes, a bar for the name,
  * the counts line and two description lines, and the arrow box as it is. Not a link: there is no category yet.
  */
-export function CategoriesCartSkeleton({ className }: { className?: string }) {
+export function CategoriesCartSkeleton({
+  vendors = CATEGORIES_CART_SKELETON_VENDORS,
+  className,
+}: {
+  /** Vendor icons to draw: the vendors the host reads per category. Default `CATEGORIES_CART_SKELETON_VENDORS`. */
+  vendors?: number;
+  className?: string;
+}) {
   return (
     <div className={cn(CARD_SHELL_CLASS, className)} aria-hidden>
       <div className={CARD_STACK_CLASS}>
         <div className={ICON_STRIP_CLASS}>
           <div className={ICON_ROW_CLASS}>
-            {Array.from({ length: ICON_STRIP_FOLD }, (_, index) => (
+            {Array.from({ length: vendors }, (_, index) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: skeleton icons never reorder
               <VendorIconSkeleton key={index} size={VENDOR_ICON_SIZE} className="rounded" />
             ))}

package/src/components/chat/entity-cards/admin-content-card-grid.tsx

@@ -10,7 +10,11 @@ export const ADMIN_CONTENT_CARD_GRID_CLASS =
   'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[var(--spacing-system-lf)]';
 
 export interface AdminContentCardGridSkeletonProps {
-  /** How many placeholder cards: one page. */
+  /**
+   * How many placeholder cards: ONE FULL PAGE, the host's page size (the `pageSize` the grid it stands in for
+   * loads). A host that pages its grid passes it; the default `12` is the typical admin page, for a host that
+   * states none.
+   */
   count?: number;
   /** The placeholder card. Default `AdminContentCardSkeleton`. */
   Skeleton?: ComponentType<{ className?: string }>;

package/src/components/chat/entity-cards/program-card.tsx

@@ -100,8 +100,11 @@ const DEFAULT_GALLERY_THUMB =
 const DEFAULT_FOOTER = 'flex justify-end border-t border-ods-border pt-[var(--spacing-system-lf)]';
 /** The hosts' avatars (32px each): beside the text from md, their own row under it on a phone. */
 const DEFAULT_HOSTS_ROW = 'flex flex-wrap gap-2 md:justify-end';
-/** The tags a card's skeleton draws when it shows a tag row (a row of read tags: a typical one). */
-const DEFAULT_TAGS_FOLD = 2;
+/**
+ * The tags a card's skeleton draws when it shows a tag row: a typical count. The loaded row draws every tag the item
+ * carries (no cap), so there is no limit to draw.
+ */
+const DEFAULT_SKELETON_TAGS = 2;
 /** The person's avatar in the editorial feature card, read by the card and its skeleton. */
 const EDITORIAL_PERSON_AVATAR = { variant: 'round', size: 'sm' } as const;
 
@@ -197,7 +200,7 @@ export function ProgramCardSkeleton({
           </div>
           {tags && (
             <div className={DEFAULT_TAG_ROW}>
-              {Array.from({ length: DEFAULT_TAGS_FOLD }, (_, i) => (
+              {Array.from({ length: DEFAULT_SKELETON_TAGS }, (_, i) => (
                 <TagSkeleton key={i} />
               ))}
             </div>