@flamingo-stack/openframe-frontend-core 0.0.733 → 0.0.734

package/dist/{knowledge-AP34IMXN.cjs → knowledge-NRLHSCC5.cjs}

@@ -8,7 +8,7 @@ var _chunkII4QMH26cjs = require('./chunk-II4QMH26.cjs');
 var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
-var _chunk3KGICRH7cjs = require('./chunk-3KGICRH7.cjs');
+var _chunk4V672TEIcjs = require('./chunk-4V672TEI.cjs');
 require('./chunk-ZJNYWNCB.cjs');
 require('./chunk-3HPB4H4C.cjs');
 require('./chunk-L4ZNR5V7.cjs');
@@ -21,10 +21,10 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-OXJ57643.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-3UTPZW36.cjs');
+require('./chunk-EMBH2EJO.cjs');
 
 
-var _chunkYIXKH2JOcjs = require('./chunk-YIXKH2JO.cjs');
+var _chunkHAWQA5FIcjs = require('./chunk-HAWQA5FI.cjs');
 require('./chunk-ZRYKDN2J.cjs');
 require('./chunk-HZJRERJW.cjs');
 require('./chunk-DUXLZPMJ.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-J7JKPTGO.cjs');
-require('./chunk-P3R23TOE.cjs');
+require('./chunk-TLQQP2EL.cjs');
+require('./chunk-DHIISS4W.cjs');
 require('./chunk-FCGLSWKR.cjs');
 require('./chunk-YADG5Q7C.cjs');
 require('./chunk-MYBTNOS6.cjs');
@@ -1905,10 +1905,10 @@ function KnowledgeScreen(_props) {
   const cast = _chunkII4QMH26cjs.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, 
-    _chunk3KGICRH7cjs.KnowledgeBaseArticleView,
+    _chunk4V672TEIcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIXKH2JOcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHAWQA5FIcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-CEVMIOPW.cjs → logs-BR6SLYAF.cjs}

@@ -16,7 +16,7 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunk3KGICRH7cjs = require('./chunk-3KGICRH7.cjs');
+var _chunk4V672TEIcjs = require('./chunk-4V672TEI.cjs');
 require('./chunk-ZJNYWNCB.cjs');
 require('./chunk-3HPB4H4C.cjs');
 require('./chunk-L4ZNR5V7.cjs');
@@ -31,8 +31,8 @@ require('./chunk-OXJ57643.cjs');
 require('./chunk-YUMFVQIN.cjs');
 
 
-var _chunk3UTPZW36cjs = require('./chunk-3UTPZW36.cjs');
-require('./chunk-YIXKH2JO.cjs');
+var _chunkEMBH2EJOcjs = require('./chunk-EMBH2EJO.cjs');
+require('./chunk-HAWQA5FI.cjs');
 require('./chunk-ZRYKDN2J.cjs');
 require('./chunk-HZJRERJW.cjs');
 require('./chunk-DUXLZPMJ.cjs');
@@ -1833,8 +1833,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-J7JKPTGO.cjs');
-require('./chunk-P3R23TOE.cjs');
+require('./chunk-TLQQP2EL.cjs');
+require('./chunk-DHIISS4W.cjs');
 require('./chunk-FCGLSWKR.cjs');
 require('./chunk-YADG5Q7C.cjs');
 require('./chunk-MYBTNOS6.cjs');
@@ -1886,7 +1886,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkKHXZFLINcjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunk3KGICRH7cjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunk4V672TEIcjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -1958,13 +1958,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, _chunk3KGICRH7cjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4V672TEIcjs.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, 
-      _chunk3KGICRH7cjs.LogsPageView,
+      _chunk4V672TEIcjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -1972,7 +1972,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3KGICRH7cjs.LogsTableView,
+          _chunk4V672TEIcjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -1986,8 +1986,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, _chunk3KGICRH7cjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3KGICRH7cjs.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, _chunk4V672TEIcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4V672TEIcjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -1999,12 +1999,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KGICRH7cjs.ToolBadge, { toolType: _chunk3UTPZW36cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4V672TEIcjs.ToolBadge, { toolType: _chunkEMBH2EJOcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunk3KGICRH7cjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunk4V672TEIcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3KGICRH7cjs.DeviceCard,
+          _chunk4V672TEIcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-AMBMRCGB.cjs → policies-MQRXBYG2.cjs}

@@ -10,7 +10,7 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunk3KGICRH7cjs = require('./chunk-3KGICRH7.cjs');
+var _chunk4V672TEIcjs = require('./chunk-4V672TEI.cjs');
 require('./chunk-ZJNYWNCB.cjs');
 require('./chunk-3HPB4H4C.cjs');
 require('./chunk-L4ZNR5V7.cjs');
@@ -23,8 +23,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-OXJ57643.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-3UTPZW36.cjs');
-require('./chunk-YIXKH2JO.cjs');
+require('./chunk-EMBH2EJO.cjs');
+require('./chunk-HAWQA5FI.cjs');
 require('./chunk-ZRYKDN2J.cjs');
 require('./chunk-HZJRERJW.cjs');
 require('./chunk-DUXLZPMJ.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-J7JKPTGO.cjs');
-require('./chunk-P3R23TOE.cjs');
+require('./chunk-TLQQP2EL.cjs');
+require('./chunk-DHIISS4W.cjs');
 require('./chunk-FCGLSWKR.cjs');
 require('./chunk-YADG5Q7C.cjs');
 require('./chunk-MYBTNOS6.cjs');
@@ -1891,14 +1891,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunk3KGICRH7cjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunk4V672TEIcjs.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: _chunk3KGICRH7cjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunk4V672TEIcjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -1912,16 +1912,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3KGICRH7cjs.PoliciesTable,
+    _chunk4V672TEIcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KGICRH7cjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4V672TEIcjs.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, _chunk3KGICRH7cjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4V672TEIcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{software-update-Z3MWMSHI.cjs → software-update-RUGIQP7N.cjs}

@@ -15,7 +15,7 @@ var _chunkKHXZFLINcjs = require('./chunk-KHXZFLIN.cjs');
 
 
 
-var _chunk3KGICRH7cjs = require('./chunk-3KGICRH7.cjs');
+var _chunk4V672TEIcjs = require('./chunk-4V672TEI.cjs');
 require('./chunk-ZJNYWNCB.cjs');
 require('./chunk-3HPB4H4C.cjs');
 
@@ -30,8 +30,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-OXJ57643.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-3UTPZW36.cjs');
-require('./chunk-YIXKH2JO.cjs');
+require('./chunk-EMBH2EJO.cjs');
+require('./chunk-HAWQA5FI.cjs');
 require('./chunk-ZRYKDN2J.cjs');
 require('./chunk-HZJRERJW.cjs');
 require('./chunk-DUXLZPMJ.cjs');
@@ -1832,8 +1832,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-J7JKPTGO.cjs');
-require('./chunk-P3R23TOE.cjs');
+require('./chunk-TLQQP2EL.cjs');
+require('./chunk-DHIISS4W.cjs');
 require('./chunk-FCGLSWKR.cjs');
 require('./chunk-YADG5Q7C.cjs');
 require('./chunk-MYBTNOS6.cjs');
@@ -1926,12 +1926,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkL4ZNR5V7cjs.Autocomplete,
     {
-      label: _chunk3KGICRH7cjs.PACKAGE_SEARCH_LABEL,
+      label: _chunk4V672TEIcjs.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: _chunk3KGICRH7cjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunk4V672TEIcjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1945,7 +1945,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, 
-    _chunk3KGICRH7cjs.SoftwareActionForm,
+    _chunk4V672TEIcjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1957,7 +1957,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3KGICRH7cjs.DeviceSelector,
+        _chunk4V672TEIcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

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

package/src/components/layout/page-heading.tsx

@@ -154,7 +154,15 @@ const SECTION_HEADING_LAYOUT = {
 } as const;
 
 export interface SectionHeadingProps {
-  /** The small label above the heading (Azeret Mono, uppercase, accent colour). */
+  /**
+   * The small label above the heading (Azeret Mono, uppercase, accent colour).
+   * On a page heading (`level="page"`) it is part of the `<h1>`: a hero's
+   * eyebrow names what the page is about ("Endpoint management software") above
+   * its positioning line, so the page's heading, and its accessible name, say
+   * both. The element takes no box of its own, so the eyebrow and the title keep
+   * their two places in the stack. On a section heading it stays a label beside
+   * the `<h2>`, whose accessible name is its title alone.
+   */
   eyebrow?: ReactNode;
   /** The heading text; a node when part of it is highlighted. Every sentence mark in it is drawn in the accent colour. */
   title: ReactNode;
@@ -204,14 +212,36 @@ export function SectionHeading({
   const accentClassName = headingAccentClass(platform, tone);
   const layout = SECTION_HEADING_LAYOUT[level];
   const Tag = presentational ? 'div' : level === 'page' ? 'h1' : 'h2';
+  const eyebrowNode = eyebrow ? <span className={`text-h5 ${accentClassName}`}>{eyebrow}</span> : null;
+  const headingText = (
+    <>
+      {accentSentenceMarks(title, platform, tone)}
+      {punctuation ? <span className={accentClassName}>{punctuation}</span> : null}
+    </>
+  );
   const stack = (
     <div className={layout.stack}>
-      {eyebrow ? <span className={`text-h5 ${accentClassName}`}>{eyebrow}</span> : null}
-      <Tag className={layout.heading} data-section-heading>
-        {accentSentenceMarks(title, platform, tone)}
-        {punctuation ? <span className={accentClassName}>{punctuation}</span> : null}
-      </Tag>
-      {intro ? <div className={layout.intro}>{intro}</div> : null}
+      {eyebrowNode && level === 'page' ? (
+        // `contents`: the element names the heading and draws no box, so the stack lays its two children out as before.
+        <Tag className="contents">
+          {eyebrowNode}
+          <span className={`block ${layout.heading}`} data-section-heading>
+            {headingText}
+          </span>
+        </Tag>
+      ) : (
+        <>
+          {eyebrowNode}
+          <Tag className={layout.heading} data-section-heading>
+            {headingText}
+          </Tag>
+        </>
+      )}
+      {intro ? (
+        <div className={layout.intro} data-section-intro>
+          {intro}
+        </div>
+      ) : null}
     </div>
   );
   if (!action) return className ? <div className={className}>{stack}</div> : stack;