@flamingo-stack/openframe-frontend-core 0.0.742 → 0.0.743

package/dist/{knowledge-KKBCSNUA.cjs → knowledge-7VPS2ZBU.cjs}

@@ -8,7 +8,7 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
 require('./chunk-URVIPSAJ.cjs');
 require('./chunk-NTGIQP7O.cjs');
 require('./chunk-U2O5YQRP.cjs');
@@ -19,12 +19,12 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-YQGDXH3M.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PS6T65KA.cjs');
+require('./chunk-BM6JZRVD.cjs');
 
 
-var _chunk32Q7K5OPcjs = require('./chunk-32Q7K5OP.cjs');
+var _chunk7YDF3QBNcjs = require('./chunk-7YDF3QBN.cjs');
 require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-5TCIRWHL.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-XAA5EZ5T.cjs');
-require('./chunk-5MH6BRPY.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-UY6A6TEY.cjs');
@@ -1905,10 +1905,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, 
-    _chunk4PKORVOXcjs.KnowledgeBaseArticleView,
+    _chunkWCY35GB5cjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk32Q7K5OPcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7YDF3QBNcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-X2GRNO57.cjs → logs-M3QPAUH7.cjs}

@@ -16,7 +16,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
 require('./chunk-URVIPSAJ.cjs');
 require('./chunk-NTGIQP7O.cjs');
 require('./chunk-U2O5YQRP.cjs');
@@ -27,12 +27,12 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-YQGDXH3M.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
 
 
-var _chunkPS6T65KAcjs = require('./chunk-PS6T65KA.cjs');
-require('./chunk-32Q7K5OP.cjs');
+var _chunkBM6JZRVDcjs = require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
 require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-5TCIRWHL.cjs');
@@ -1833,8 +1833,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-XAA5EZ5T.cjs');
-require('./chunk-5MH6BRPY.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-UY6A6TEY.cjs');
@@ -1886,7 +1886,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunk4PKORVOXcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkWCY35GB5cjs.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, _chunk4PKORVOXcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCY35GB5cjs.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, 
-      _chunk4PKORVOXcjs.LogsPageView,
+      _chunkWCY35GB5cjs.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, 
-          _chunk4PKORVOXcjs.LogsTableView,
+          _chunkWCY35GB5cjs.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, _chunk4PKORVOXcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4PKORVOXcjs.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, _chunkWCY35GB5cjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWCY35GB5cjs.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, _chunk4PKORVOXcjs.ToolBadge, { toolType: _chunkPS6T65KAcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCY35GB5cjs.ToolBadge, { toolType: _chunkBM6JZRVDcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunk4PKORVOXcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkWCY35GB5cjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4PKORVOXcjs.DeviceCard,
+          _chunkWCY35GB5cjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-35BXKB6P.cjs → policies-UAVE6X62.cjs}

@@ -10,7 +10,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
 require('./chunk-URVIPSAJ.cjs');
 require('./chunk-NTGIQP7O.cjs');
 require('./chunk-U2O5YQRP.cjs');
@@ -21,10 +21,10 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-YQGDXH3M.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PS6T65KA.cjs');
-require('./chunk-32Q7K5OP.cjs');
+require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
 require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-5TCIRWHL.cjs');
@@ -1825,8 +1825,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-XAA5EZ5T.cjs');
-require('./chunk-5MH6BRPY.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-UY6A6TEY.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: _chunk4PKORVOXcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkWCY35GB5cjs.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: _chunk4PKORVOXcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkWCY35GB5cjs.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, 
-    _chunk4PKORVOXcjs.PoliciesTable,
+    _chunkWCY35GB5cjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCY35GB5cjs.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, _chunk4PKORVOXcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCY35GB5cjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{scripts-KQYVQOLU.cjs → scripts-EDQ3IQKW.cjs}

@@ -13,7 +13,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
 require('./chunk-URVIPSAJ.cjs');
 require('./chunk-NTGIQP7O.cjs');
 
@@ -26,10 +26,10 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-YQGDXH3M.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PS6T65KA.cjs');
-require('./chunk-32Q7K5OP.cjs');
+require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
 require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-5TCIRWHL.cjs');
@@ -1832,8 +1832,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-XAA5EZ5T.cjs');
-require('./chunk-5MH6BRPY.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-UY6A6TEY.cjs');
@@ -1995,8 +1995,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunk4PKORVOXcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunk4PKORVOXcjs.EXECUTION_COLUMNS.status
+  { ..._chunkWCY35GB5cjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkWCY35GB5cjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2055,7 +2055,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, _chunkU2O5YQRPcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4PKORVOXcjs.ScriptShellBadge,
+              _chunkWCY35GB5cjs.ScriptShellBadge,
               {
                 value: script.shellType,
                 className: "shrink-0 text-ods-text-secondary text-h6",
@@ -2079,7 +2079,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, 
-        _chunk4PKORVOXcjs.ScriptExecutionsTable,
+        _chunkWCY35GB5cjs.ScriptExecutionsTable,
         {
           rows: fixture.executions.slice(0, COMPACT_ROWS),
           columns: COMPACT_COLUMNS,
@@ -2089,13 +2089,13 @@ function ScriptsScreen({ compact = false }) {
       ) })
     );
   }
-  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PKORVOXcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWCY35GB5cjs.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, 
-        _chunk4PKORVOXcjs.ScriptExecutionsTable,
+        _chunkWCY35GB5cjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-ED33WSKT.cjs → software-update-B2MZVNPK.cjs}

@@ -15,7 +15,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk4PKORVOXcjs = require('./chunk-4PKORVOX.cjs');
+var _chunkWCY35GB5cjs = require('./chunk-WCY35GB5.cjs');
 require('./chunk-URVIPSAJ.cjs');
 require('./chunk-NTGIQP7O.cjs');
 
@@ -28,10 +28,10 @@ require('./chunk-LU7TD6QS.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-YQGDXH3M.cjs');
+require('./chunk-GAGNKWOC.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PS6T65KA.cjs');
-require('./chunk-32Q7K5OP.cjs');
+require('./chunk-BM6JZRVD.cjs');
+require('./chunk-7YDF3QBN.cjs');
 require('./chunk-OWGLRE74.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-5TCIRWHL.cjs');
@@ -1832,8 +1832,8 @@ require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-XAA5EZ5T.cjs');
-require('./chunk-5MH6BRPY.cjs');
+require('./chunk-JGZEHBBD.cjs');
+require('./chunk-LJ46XYYP.cjs');
 require('./chunk-QYLIHZKZ.cjs');
 require('./chunk-63N4FN5V.cjs');
 require('./chunk-UY6A6TEY.cjs');
@@ -1922,12 +1922,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkU2O5YQRPcjs.Autocomplete,
     {
-      label: _chunk4PKORVOXcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkWCY35GB5cjs.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: _chunk4PKORVOXcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkWCY35GB5cjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1941,7 +1941,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, 
-    _chunk4PKORVOXcjs.SoftwareActionForm,
+    _chunkWCY35GB5cjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1953,7 +1953,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4PKORVOXcjs.DeviceSelector,
+        _chunkWCY35GB5cjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

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

package/src/components/chat/entity-cards/onboarding-guide-card.tsx

@@ -296,7 +296,14 @@ export function OnboardingGuideCard({
       (s): s is string => typeof s === 'string' && s.length > 0,
     );
     return (
-      <Link href={href} target={target} rel={rel} prefetch={false} className={cn(COMPACT_CARD_OUTER, className)}>
+      <Link
+        href={href}
+        target={target}
+        rel={rel}
+        prefetch={false}
+        // `group`: the play mark on a video cover shows on the card's hover.
+        className={cn(COMPACT_CARD_OUTER, 'group', className)}
+      >
         <span className={COMPACT_CARD_IMAGE_SLOT}>
           {compactCover ? (
             <Image src={compactCover} alt={guide.title} fill sizes="56px" className="object-contain" unoptimized />

package/src/components/chat/tool-execution-display.tsx

@@ -69,6 +69,11 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
     const isConciseRemoteRead = !message.integratedToolType && !!previewText && argEntries.length === 0 && !hasResult;
     const isStaticRow = isClientView || isConciseRemoteRead;
     const hasBody = argEntries.length > 0 || hasResult || isExecuting;
+    // A run with no arguments and no result has nothing behind a chevron either:
+    // its header stays, with no chevron and no click target, so the row never
+    // opens onto an empty box. (A run still executing has a body: its live
+    // "Result:" placeholder.)
+    const isExpanded = expanded && hasBody;
 
     const renderStatusIcon = () => {
       if (isExecuting) return <DotsLoaderIcon size={16} className="text-ods-text-secondary" />;
@@ -96,7 +101,7 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
             'min-w-0 flex-1 text-h6',
             isClientView
               ? 'whitespace-pre-wrap break-words text-ods-text-primary'
-              : expanded
+              : isExpanded
                 ? 'whitespace-pre-wrap break-all text-ods-text-primary'
                 : 'line-clamp-2 max-h-10 break-all text-ods-text-secondary',
           )}
@@ -104,9 +109,9 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
           {previewText}
         </div>
         <div className="flex h-5 w-5 shrink-0 items-center justify-center">{renderStatusIcon()}</div>
-        {!isStaticRow && (
+        {!isStaticRow && hasBody && (
           <div className="flex h-5 w-5 shrink-0 items-center justify-center">
-            <ExpandChevron expanded={expanded} />
+            <ExpandChevron expanded={isExpanded} />
           </div>
         )}
       </>
@@ -135,13 +140,19 @@ const ToolExecutionDisplay = forwardRef<HTMLDivElement, ToolExecutionDisplayProp
           </div>
         ) : (
           <>
-            <button
-              type="button"
-              className="flex w-full cursor-pointer items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left"
-              onClick={() => setExpanded(prev => !prev)}
-            >
-              {headerContent}
-            </button>
+            {hasBody ? (
+              <button
+                type="button"
+                className="flex w-full cursor-pointer items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left"
+                onClick={() => setExpanded(prev => !prev)}
+              >
+                {headerContent}
+              </button>
+            ) : (
+              <div className="flex w-full items-start gap-[var(--spacing-system-xs)] p-[var(--spacing-system-s)] text-left">
+                {headerContent}
+              </div>
+            )}
 
             <div className="w-full" style={containerStyle}>
               <div ref={innerRef}>

package/src/components/features/scripts/schedule-form/schedule-interval-input.tsx

@@ -55,18 +55,25 @@ interface ScheduleIntervalInputProps {
  * held until the first Save (`showErrors`) and re-checked on blur
  * (`reValidateMode`), so nothing here is judged mid-word.
  */
-export function ScheduleIntervalInput({
-  value,
-  onChange,
-  onBlur,
-  disabled,
-  invalid,
-  error,
-  min,
-  className,
-  'aria-label': ariaLabel,
-  'data-invalid-focus': invalidFocus,
-}: ScheduleIntervalInputProps) {
+export function ScheduleIntervalInput(props: ScheduleIntervalInputProps) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    disabled,
+    invalid,
+    error,
+    min,
+    className,
+    'aria-label': ariaLabel,
+    'data-invalid-focus': invalidFocus,
+  } = props;
+  // Only a box that shows its own error wires `Input`'s error slot (Repeat in).
+  // A wired slot wraps the box in a full-width column that reserves room for the
+  // message, and in a row that column takes the width of the control beside it:
+  // Stop Retry after, whose error the section carries, would squeeze its unit
+  // select to nothing.
+  const errorSlot = 'error' in props;
   const [text, setText] = useState(() => (value === null ? '' : String(value)));
   const focused = useRef(false);
 
@@ -115,7 +122,7 @@ export function ScheduleIntervalInput({
       }}
       disabled={disabled}
       invalid={invalid}
-      error={error}
+      {...(errorSlot ? { error } : {})}
     />
   );
 }

package/src/components/features/scripts/schedule-form/schedule-offline-fields.tsx

@@ -160,10 +160,15 @@ export function ScheduleOfflineFields({ showErrors, disabled = false }: { showEr
 
   const options = SCHEDULE_OFFLINE_BEHAVIOR_OPTIONS.map(option =>
     isRetryOnReconnect(option.value)
-      ? // Desktop only. Below `md` the caption plus two controls cannot share a
-        // row with the option's own label without squeezing it to nothing, so
-        // the same fields render full-width under the group instead.
-        { ...option, trailing: <div className="hidden content-md:flex">{windowFieldsFor(false)}</div> }
+      ? {
+          ...option,
+          // Desktop: the fields end the option's row.
+          trailing: <div className="hidden content-md:flex">{windowFieldsFor(false)}</div>,
+          // Below `md` the caption plus two controls cannot share a row with the
+          // option's own label without squeezing it to nothing, so the same
+          // fields take their own full-width row under it, inside the option.
+          footer: <div className="content-md:hidden">{windowFieldsFor(true)}</div>,
+        }
       : option,
   );
 
@@ -202,7 +207,6 @@ export function ScheduleOfflineFields({ showErrors, disabled = false }: { showEr
               disabled={disabled}
               options={options}
             />
-            <div className="pt-[var(--spacing-system-xs)] content-md:hidden">{windowFieldsFor(true)}</div>
             {intervalError && (
               <div className="absolute bottom-0 left-0 right-0 translate-y-full">
                 <TruncateText variant="h6" className="text-ods-error">

package/src/components/meeting-scheduler/booking-form.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Fragment, useEffect, useMemo, useState } from 'react';
+import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 import type { FormEvent, ReactNode, Ref } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import type { Control, Path, UseFormRegister } from 'react-hook-form';
@@ -397,6 +397,16 @@ export interface BookingFormProps {
    * appended full width. Both are deliberate — see `slotNode`/`unplacedFields`.
    */
   fieldRows?: BookingFieldRow[];
+  /** The form element's id, so a host can submit it from a button outside it
+   *  (`<button form={id}>`): the modal layout keeps its actions in a footer
+   *  under the card. */
+  formId?: string;
+  /** Leave the submit button out: the host draws one of its own (see `formId`). */
+  hideSubmit?: boolean;
+  /** Whether the answers would pass validation as they stand, reported on every
+   *  change: a host drawing its own submit keeps it disabled until this says
+   *  true. The form's own button never needs it - its click validates. */
+  onValidityChange?: (valid: boolean) => void;
   /** Per-field display overrides, keyed by field name — see `BookingFieldCopy`. */
   fieldCopy?: Record<string, BookingFieldCopy>;
   /** Email domains this form refuses, with the message it shows — see `DeniedEmailDomains`.
@@ -441,6 +451,9 @@ export function BookingForm({
   submitLabel,
   footerNote,
   fieldRows,
+  formId,
+  hideSubmit = false,
+  onValidityChange,
   fieldCopy,
   deniedEmailDomains,
   consent,
@@ -507,6 +520,19 @@ export function BookingForm({
   const [consentError, setConsentError] = useState<string | null>(null);
   const consentMissing = Boolean(consent) && !consented;
 
+  // Live validity for a host-drawn submit. `watch()` re-renders on every
+  // change; the parse is the same schema the submit runs, so the two can never
+  // disagree. Reported only when asked for, and only when it changes.
+  const watchedValues = watch();
+  const liveValid = onValidityChange ? schema.safeParse(watchedValues).success && !consentMissing : false;
+  const lastValidRef = useRef<boolean | null>(null);
+  useEffect(() => {
+    if (!onValidityChange) return;
+    if (lastValidRef.current === liveValid) return;
+    lastValidRef.current = liveValid;
+    onValidityChange(liveValid);
+  });
+
   // The seeded availability is refetched immediately on mount, so the link's
   // consent set can change WHILE this form is open. Reconcile rather than
   // remount: carry each `consented` across by id and default new ids to false.
@@ -685,7 +711,7 @@ export function BookingForm({
 
   // Opted out of HubSpot's collected-forms script — see HUBSPOT_DO_NOT_COLLECT_FORM_PROPS.
   return (
-    <form onSubmit={submit} className={FORM_STACK} noValidate {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}>
+    <form id={formId} onSubmit={submit} className={FORM_STACK} noValidate {...HUBSPOT_DO_NOT_COLLECT_FORM_PROPS}>
       <HoneypotField {...honeypotInputProps} />
 
       {/* Email first, name pair below — the order the desktop and mobile mocks
@@ -806,7 +832,7 @@ export function BookingForm({
       {/* Two shapes, not one with a placeholder: without a note this must stay
           the bare `flex` row it has always been, or the submit slides from the
           left edge to the right on every existing slot-first booking. */}
-      {footerNote ? (
+      {hideSubmit ? null : footerNote ? (
         <div className={FOOTER_ROW_CLASS}>
           <p className="text-ods-text-secondary text-h6">{footerNote}</p>
           {submitButton}