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

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

@@ -8,7 +8,7 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 require('./chunk-MZLWB5AH.cjs');
@@ -21,10 +21,10 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-QS4G7CHU.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-UBPSA3RM.cjs');
+require('./chunk-WUYL4BMD.cjs');
 
 
-var _chunkZXFOMNI5cjs = require('./chunk-ZXFOMNI5.cjs');
+var _chunkNZELWPKOcjs = require('./chunk-NZELWPKO.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.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, 
-    _chunkL5WSNX4Hcjs.KnowledgeBaseArticleView,
+    _chunkBZLHU4EKcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZXFOMNI5cjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNZELWPKOcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-3DMPE2TM.cjs → logs-G6AFN7A6.cjs}

@@ -16,7 +16,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 require('./chunk-MZLWB5AH.cjs');
@@ -31,8 +31,8 @@ require('./chunk-QS4G7CHU.cjs');
 require('./chunk-C42WIUH6.cjs');
 
 
-var _chunkUBPSA3RMcjs = require('./chunk-UBPSA3RM.cjs');
-require('./chunk-ZXFOMNI5.cjs');
+var _chunkWUYL4BMDcjs = require('./chunk-WUYL4BMD.cjs');
+require('./chunk-NZELWPKO.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.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: _chunkL5WSNX4Hcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkBZLHU4EKcjs.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, _chunkL5WSNX4Hcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.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, 
-      _chunkL5WSNX4Hcjs.LogsPageView,
+      _chunkBZLHU4EKcjs.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, 
-          _chunkL5WSNX4Hcjs.LogsTableView,
+          _chunkBZLHU4EKcjs.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, _chunkL5WSNX4Hcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL5WSNX4Hcjs.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, _chunkBZLHU4EKcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBZLHU4EKcjs.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, _chunkL5WSNX4Hcjs.ToolBadge, { toolType: _chunkUBPSA3RMcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.ToolBadge, { toolType: _chunkWUYL4BMDcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkL5WSNX4Hcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkBZLHU4EKcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL5WSNX4Hcjs.DeviceCard,
+          _chunkBZLHU4EKcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

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

@@ -10,7 +10,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 require('./chunk-MZLWB5AH.cjs');
@@ -23,8 +23,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-QS4G7CHU.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-UBPSA3RM.cjs');
-require('./chunk-ZXFOMNI5.cjs');
+require('./chunk-WUYL4BMD.cjs');
+require('./chunk-NZELWPKO.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.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: _chunkL5WSNX4Hcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkBZLHU4EKcjs.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: _chunkL5WSNX4Hcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkBZLHU4EKcjs.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, 
-    _chunkL5WSNX4Hcjs.PoliciesTable,
+    _chunkBZLHU4EKcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5WSNX4Hcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.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, _chunkL5WSNX4Hcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

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

@@ -13,7 +13,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 
@@ -28,8 +28,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-QS4G7CHU.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-UBPSA3RM.cjs');
-require('./chunk-ZXFOMNI5.cjs');
+require('./chunk-WUYL4BMD.cjs');
+require('./chunk-NZELWPKO.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1993,8 +1993,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkL5WSNX4Hcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkL5WSNX4Hcjs.EXECUTION_COLUMNS.status
+  { ..._chunkBZLHU4EKcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkBZLHU4EKcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2053,7 +2053,7 @@ function ScriptCodePicture({ script }) {
           /* @__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, 
-              _chunkL5WSNX4Hcjs.ScriptShellBadge,
+              _chunkBZLHU4EKcjs.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, 
-        _chunkL5WSNX4Hcjs.ScriptExecutionsTable,
+        _chunkBZLHU4EKcjs.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, _chunkL5WSNX4Hcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZLHU4EKcjs.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, 
-        _chunkL5WSNX4Hcjs.ScriptExecutionsTable,
+        _chunkBZLHU4EKcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

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

@@ -15,7 +15,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkL5WSNX4Hcjs = require('./chunk-L5WSNX4H.cjs');
+var _chunkBZLHU4EKcjs = require('./chunk-BZLHU4EK.cjs');
 require('./chunk-LJT2KRE2.cjs');
 require('./chunk-RB7VLVMD.cjs');
 
@@ -30,8 +30,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-QS4G7CHU.cjs');
 require('./chunk-C42WIUH6.cjs');
-require('./chunk-UBPSA3RM.cjs');
-require('./chunk-ZXFOMNI5.cjs');
+require('./chunk-WUYL4BMD.cjs');
+require('./chunk-NZELWPKO.cjs');
 require('./chunk-EHJE3UWZ.cjs');
 require('./chunk-RNLRS4ID.cjs');
 require('./chunk-5QP3K2CE.cjs');
@@ -1920,12 +1920,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkMZLWB5AHcjs.Autocomplete,
     {
-      label: _chunkL5WSNX4Hcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkBZLHU4EKcjs.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: _chunkL5WSNX4Hcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkBZLHU4EKcjs.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, 
-    _chunkL5WSNX4Hcjs.SoftwareActionForm,
+    _chunkBZLHU4EKcjs.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, 
-        _chunkL5WSNX4Hcjs.DeviceSelector,
+        _chunkBZLHU4EKcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

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

package/src/components/shared/roadmap/roadmap-grid-skeleton.tsx

@@ -39,7 +39,9 @@ export function RoadmapGridSkeleton({
   return (
     <LoadingRegion label="Loading the roadmap" announce={region} className={roadmapGridClass(columns, showLeftMargin)}>
       {Array.from({ length: count }).map((_, i) => (
-        <RoadmapCardSkeleton key={i} />
+        <div key={i} className="min-w-0" data-loading-item>
+          <RoadmapCardSkeleton />
+        </div>
       ))}
     </LoadingRegion>
   );

package/src/components/shared/roadmap/roadmap-grid.tsx

@@ -155,14 +155,16 @@ function RoadmapGridSingle({
         // `buildDevSectionUrl('roadmap', <id>)` → `#roadmap-<external_id>`;
         // `useScrollToHash` in `roadmap-view.tsx` finds the card by id
         // and scrolls.
-        <RoadmapCard
-          key={item.id}
-          item={item}
-          id={devSectionAnchorId('roadmap', item.id)}
-          userVote={getVote(item.id)}
-          onVote={voteType => onVote(item.id, voteType)}
-          isVoting={votingTasks.has(item.id)}
-        />
+        // `data-loading-item`: how many items a quarter holds is read data (the loading-state gate measures it as a list).
+        <div key={item.id} className="min-w-0" data-loading-item>
+          <RoadmapCard
+            item={item}
+            id={devSectionAnchorId('roadmap', item.id)}
+            userVote={getVote(item.id)}
+            onVote={voteType => onVote(item.id, voteType)}
+            isVoting={votingTasks.has(item.id)}
+          />
+        </div>
       ))}
     </div>
   );
@@ -188,7 +190,7 @@ export function RoadmapGridQuarterSkeleton({
 }) {
   return (
     <div className={QUARTER_LIST_CLASS} aria-hidden>
-      <div className="flex flex-col">
+      <div className="flex flex-col" data-loading-item>
         <div className={QUARTER_HEAD_CLASS}>
           <TextLineSkeleton type="h2" className="w-40" />
           <TextLineSkeleton type="h6" className="w-16" />
@@ -357,6 +359,8 @@ export function RoadmapGrid({
             value={quarter}
             id={`quarter-${quarter.replace(/\s+/g, '-').toLowerCase()}`}
             className="border-0"
+            // How many quarters the roadmap spans is read data: a list to the loading-state gate.
+            data-loading-item
           >
             <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">
               <div className={QUARTER_HEAD_CLASS}>

package/src/components/ui/markdown/engine.tsx

@@ -204,7 +204,12 @@ const SKELETON_LEAD_LINES = { phone: 5, wide: 3 } as const;
 export const MARKDOWN_RENDERER_CLASS = 'simple-markdown-renderer';
 const RENDERER_CLASS = MARKDOWN_RENDERER_CLASS;
 const CONTENT_WRAPPER_CLASS = 'content-wrapper max-w-none';
-const ARTICLE_CLASS = 'prose prose-lg max-w-none';
+/**
+ * The rendered body. `[&>*:last-child]:mb-0`: the last block never pushes what follows the document further down.
+ * Prose's own last-child reset has zero specificity, so a block that sets its own margin (a table's `my-6`) kept it,
+ * and a document's distance to the next section depended on which block it ended with.
+ */
+const ARTICLE_CLASS = 'prose prose-lg max-w-none [&>*:last-child]:mb-0';
 
 /**
  * One memoized completed block of a streaming message. Parent-level memos