@flamingo-stack/openframe-frontend-core 0.0.849 → 0.0.850

package/dist/{knowledge-TC7JLOWI.cjs → knowledge-75PO5DYS.cjs}

@@ -8,8 +8,8 @@ var _chunkLHV2R6QUcjs = require('./chunk-LHV2R6QU.cjs');
 var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
-var _chunkYLETC7LPcjs = require('./chunk-YLETC7LP.cjs');
-require('./chunk-IKOL6NJY.cjs');
+var _chunkXKOL5CNUcjs = require('./chunk-XKOL5CNU.cjs');
+require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-SA2NNWIJ.cjs');
 require('./chunk-IHY7E4EX.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -1908,7 +1908,7 @@ function KnowledgeScreen(_props) {
   const cast = _chunkLHV2R6QUcjs.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, 
-    _chunkYLETC7LPcjs.KnowledgeBaseArticleView,
+    _chunkXKOL5CNUcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
       content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFXLROQUTcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })

package/dist/{logs-GPOYCP4B.cjs → logs-PZESOAIG.cjs}

@@ -15,8 +15,8 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkYLETC7LPcjs = require('./chunk-YLETC7LP.cjs');
-require('./chunk-IKOL6NJY.cjs');
+var _chunkXKOL5CNUcjs = require('./chunk-XKOL5CNU.cjs');
+require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-SA2NNWIJ.cjs');
 require('./chunk-IHY7E4EX.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -1890,7 +1890,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkFDZOE5TLcjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunkYLETC7LPcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkXKOL5CNUcjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -1962,13 +1962,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, _chunkYLETC7LPcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKOL5CNUcjs.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, 
-      _chunkYLETC7LPcjs.LogsPageView,
+      _chunkXKOL5CNUcjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -1976,7 +1976,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYLETC7LPcjs.LogsTableView,
+          _chunkXKOL5CNUcjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -1991,7 +1991,7 @@ 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, _chunkOT6P57ZScjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYLETC7LPcjs.LogDrawer,
+      _chunkXKOL5CNUcjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -2003,12 +2003,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYLETC7LPcjs.ToolBadge, { toolType: _chunkTX4NTH22cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKOL5CNUcjs.ToolBadge, { toolType: _chunkTX4NTH22cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkYLETC7LPcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkXKOL5CNUcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYLETC7LPcjs.DeviceCard,
+          _chunkXKOL5CNUcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-ZUHOUMDD.cjs → policies-6XNMBFWO.cjs}

@@ -10,8 +10,8 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkYLETC7LPcjs = require('./chunk-YLETC7LP.cjs');
-require('./chunk-IKOL6NJY.cjs');
+var _chunkXKOL5CNUcjs = require('./chunk-XKOL5CNU.cjs');
+require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-SA2NNWIJ.cjs');
 require('./chunk-IHY7E4EX.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -1894,14 +1894,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunkYLETC7LPcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkXKOL5CNUcjs.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: _chunkYLETC7LPcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkXKOL5CNUcjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -1915,16 +1915,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYLETC7LPcjs.PoliciesTable,
+    _chunkXKOL5CNUcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYLETC7LPcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKOL5CNUcjs.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, _chunkYLETC7LPcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKOL5CNUcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{remote-session-NT4NG7EF.cjs → remote-session-Q2FIBCGT.cjs}

@@ -11,7 +11,7 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkIKOL6NJYcjs = require('./chunk-IKOL6NJY.cjs');
+var _chunkCAGNWDVJcjs = require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-OT6P57ZS.cjs');
 require('./chunk-3W4ASAXN.cjs');
 require('./chunk-YJZ7R3W5.cjs');
@@ -1922,7 +1922,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 ${_chunkIKOL6NJYcjs.DEVICE_WALLPAPER_CLASS}`, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `absolute inset-0 flex flex-col overflow-hidden ${_chunkCAGNWDVJcjs.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" }),
@@ -1986,7 +1986,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, 
-      _chunkIKOL6NJYcjs.RemoteDesktopView,
+      _chunkCAGNWDVJcjs.RemoteDesktopView,
       {
         ...fixture.view,
         onEnterFullscreen: noop,
@@ -1997,7 +1997,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, _chunkIKOL6NJYcjs.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, _chunkCAGNWDVJcjs.RemoteDesktopChatPanel, { ...fixture.chat, sending: false, onSend: keepDraft, variant: "side" }) })
         )
       }
     ) })

package/dist/{scripts-FOEVDGTH.cjs → scripts-B3JW6TPF.cjs}

@@ -13,10 +13,10 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkYLETC7LPcjs = require('./chunk-YLETC7LP.cjs');
+var _chunkXKOL5CNUcjs = require('./chunk-XKOL5CNU.cjs');
 
 
-var _chunkIKOL6NJYcjs = require('./chunk-IKOL6NJY.cjs');
+var _chunkCAGNWDVJcjs = require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-SA2NNWIJ.cjs');
 require('./chunk-IHY7E4EX.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -1998,8 +1998,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkYLETC7LPcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkYLETC7LPcjs.EXECUTION_COLUMNS.status
+  { ..._chunkXKOL5CNUcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkXKOL5CNUcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2049,16 +2049,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, _chunkIKOL6NJYcjs.TruncateText, { variant: "h4", children: script.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCAGNWDVJcjs.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, _chunkIKOL6NJYcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCAGNWDVJcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYLETC7LPcjs.ScriptShellBadge,
+              _chunkXKOL5CNUcjs.ScriptShellBadge,
               {
                 value: script.shellType,
                 className: "shrink-0 text-ods-text-secondary text-h6",
@@ -2082,7 +2082,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, 
-        _chunkYLETC7LPcjs.ScriptExecutionsTable,
+        _chunkXKOL5CNUcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions.slice(0, COMPACT_ROWS),
           columns: COMPACT_COLUMNS,
@@ -2092,13 +2092,13 @@ function ScriptsScreen({ compact = false }) {
       ) })
     );
   }
-  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYLETC7LPcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKOL5CNUcjs.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, 
-        _chunkYLETC7LPcjs.ScriptExecutionsTable,
+        _chunkXKOL5CNUcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-XGTMNFST.cjs → software-update-NWP542J7.cjs}

@@ -15,10 +15,10 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkYLETC7LPcjs = require('./chunk-YLETC7LP.cjs');
+var _chunkXKOL5CNUcjs = require('./chunk-XKOL5CNU.cjs');
 
 
-var _chunkIKOL6NJYcjs = require('./chunk-IKOL6NJY.cjs');
+var _chunkCAGNWDVJcjs = require('./chunk-CAGNWDVJ.cjs');
 require('./chunk-SA2NNWIJ.cjs');
 require('./chunk-IHY7E4EX.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -1923,14 +1923,14 @@ var noop = () => {
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIKOL6NJYcjs.Autocomplete,
+    _chunkCAGNWDVJcjs.Autocomplete,
     {
-      label: _chunkYLETC7LPcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkXKOL5CNUcjs.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: _chunkYLETC7LPcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkXKOL5CNUcjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1944,7 +1944,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, 
-    _chunkYLETC7LPcjs.SoftwareActionForm,
+    _chunkXKOL5CNUcjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1956,7 +1956,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYLETC7LPcjs.DeviceSelector,
+        _chunkXKOL5CNUcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

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

package/src/components/embeds/embed-viewer-frame.tsx

@@ -72,6 +72,9 @@ export interface EmbedViewerFrameProps {
   loadingActionCount?: number;
 }
 
+/** The header's loading form draws one button by default: most viewers have one action (the PDF viewer passes two). */
+export const EMBED_VIEWER_SKELETON_ACTIONS = 1;
+
 export function EmbedViewerFrame({
   icon,
   title,
@@ -89,7 +92,7 @@ export function EmbedViewerFrame({
   sandbox,
   className,
   fullscreenControl,
-  loadingActionCount = 1,
+  loadingActionCount = EMBED_VIEWER_SKELETON_ACTIONS,
 }: EmbedViewerFrameProps) {
   // ONE switch for the whole frame (header included): a page's loading scope, or the standard `loading` prop. The body
   // alone also waits while the viewer resolves where its frame points.
@@ -157,7 +160,12 @@ export function EmbedViewerFrame({
           <div className="flex w-full items-center gap-2 content-sm:w-auto">
             {Array.from({ length: loadingActionCount }, (_, i) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: loading buttons never reorder
-              <InteractiveSkeleton.Button key={i} size="small-legacy" className="flex-1 content-sm:flex-initial" />
+              <InteractiveSkeleton.Button
+                key={i}
+                data-loading-item
+                size="small-legacy"
+                className="flex-1 content-sm:flex-initial"
+              />
             ))}
           </div>
         ) : fullscreenControl && src ? (

package/src/components/embeds/pdf-viewer.tsx

@@ -16,6 +16,9 @@ export interface PdfViewerProps {
   loading?: boolean;
 }
 
+/** The header's loading form: Preview and Download, the viewer's two actions. */
+const PDF_VIEWER_SKELETON_ACTIONS = 2;
+
 export function PdfViewer({ src, fileName, onPreview, onDownload, height, loading = false }: PdfViewerProps) {
   const displayName = fileName || 'PDF Document';
   // In a loading scope the document is being read: the frame draws its loading form, never "not available".
@@ -62,7 +65,7 @@ export function PdfViewer({ src, fileName, onPreview, onDownload, height, loadin
         </div>
       }
       src={src}
-      loadingActionCount={2}
+      loadingActionCount={PDF_VIEWER_SKELETON_ACTIONS}
       loading={loading}
       height={height}
     />

package/src/components/features/software/index.ts

@@ -40,6 +40,7 @@ export { type PackageSearchSlotProps, SoftwareRowFields, type SoftwareRowFieldsP
 export {
   DEFAULT_SOFTWARE_UPDATE_POLICY,
   DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  defaultSoftwareUpdateSettings,
   SOFTWARE_UPDATE_COUNTDOWN_OPTIONS,
   SOFTWARE_UPDATE_DEADLINE_OPTIONS,
   type SoftwareUpdateMode,

package/src/components/features/software/software-action-copy.ts

@@ -19,6 +19,21 @@ export interface SoftwareActionCopy {
   logsHeading: string;
 }
 
+/**
+ * The run modes say when a device actually gets the run, not only when it is sent. Both forms submit a software bundle
+ * (`submitSoftwareBundle`), and the backend delivers it per device:
+ * - Now: each device gets an online-dispatch sentinel (`SoftwareBundleService.armOnlineDispatch`), so an online device
+ *   starts at once and an offline one when it comes online.
+ * - Scheduled: the schedule is created with `offlineBehavior` RETRY_ON_RECONNECT and the reconnect window
+ *   `openframe.rmm.software.bundle.schedule.reconnect-window-seconds` (604800 s, 7 days, in saas-tenant
+ *   `configs/base/openframe-saas-api.yml`): a device offline at the start time gets the run when it reconnects within
+ *   that window. Keep "within 7 days" in step with that key.
+ */
+const nowDescription = (noun: string) =>
+  `The ${noun} starts now on online devices, and on the others when they come online.`;
+const scheduleDescription = (noun: string) =>
+  `The ${noun} runs at the scheduled time. Devices offline then get it when they come back online, within 7 days.`;
+
 /** Everything the install and update flows word differently, on every page that shows one. */
 export const SOFTWARE_ACTION_COPY: Record<SoftwareActionKind, SoftwareActionCopy> = {
   INSTALL: {
@@ -27,12 +42,8 @@ export const SOFTWARE_ACTION_COPY: Record<SoftwareActionKind, SoftwareActionCopy
     runLabel: 'Run Installation',
     scheduleLabel: 'Schedule Install',
     modes: [
-      { value: 'now', label: 'Install Now', description: 'The install starts immediately.' },
-      {
-        value: 'schedule',
-        label: 'Schedule Install',
-        description: 'The install runs automatically at the scheduled time.',
-      },
+      { value: 'now', label: 'Install Now', description: nowDescription('install') },
+      { value: 'schedule', label: 'Schedule Install', description: scheduleDescription('install') },
     ],
     started: 'Installation started',
     scheduled: 'Installation scheduled',
@@ -46,12 +57,8 @@ export const SOFTWARE_ACTION_COPY: Record<SoftwareActionKind, SoftwareActionCopy
     runLabel: 'Run Update',
     scheduleLabel: 'Schedule Update',
     modes: [
-      { value: 'now', label: 'Update Now', description: 'The update starts immediately.' },
-      {
-        value: 'schedule',
-        label: 'Schedule Update',
-        description: 'The update runs automatically at the scheduled time.',
-      },
+      { value: 'now', label: 'Update Now', description: nowDescription('update') },
+      { value: 'schedule', label: 'Schedule Update', description: scheduleDescription('update') },
     ],
     started: 'Update started',
     scheduled: 'Update scheduled',

package/src/components/features/software/software-action-form.tsx

@@ -10,7 +10,7 @@ import { SOFTWARE_ACTION_COPY, type SoftwareActionKind } from './software-action
 import { newSoftwareRow, type SoftwareRow } from './software-row';
 import { type PackageSearchSlotProps, SoftwareRowFields } from './software-row-fields';
 import {
-  DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  defaultSoftwareUpdateSettings,
   SoftwareUpdateSettingsFields,
   type SoftwareUpdateSettingsValues,
 } from './update-settings-fields';
@@ -74,6 +74,12 @@ export interface SoftwareActionFormProps<TRef extends string = string> {
    * settings yet never shows choices that go nowhere; the host that submits `updateSettings` passes true.
    */
   showUpdateSettings?: boolean;
+  /**
+   * "Update Settings" offer Wait & notify and the countdowns, which need the devices to notify the user. Default false:
+   * Wait (with an optional deadline that closes the app without warning) or Force Update, opening on Force Update, and
+   * no countdown.
+   */
+  updateUserNotifications?: boolean;
   /** The "Device Selection" heading over the picker. Default true; a host that titles the picker itself passes false. */
   showDeviceHeading?: boolean;
   className?: string;
@@ -104,6 +110,7 @@ export function SoftwareActionForm<TRef extends string = string>({
   addRows = true,
   runModeLayout = 'stacked',
   showUpdateSettings = false,
+  updateUserNotifications = false,
   showDeviceHeading = true,
   className = 'px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]',
 }: SoftwareActionFormProps<TRef>) {
@@ -115,7 +122,7 @@ export function SoftwareActionForm<TRef extends string = string>({
   const [time, setTime] = useState(initialValues.time ?? '');
   const [timeReference, setTimeReference] = useState<TRef>(initialValues.timeReference);
   const [updateSettings, setUpdateSettings] = useState<SoftwareUpdateSettingsValues>(
-    () => initialValues.updateSettings ?? DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+    () => initialValues.updateSettings ?? defaultSoftwareUpdateSettings(updateUserNotifications),
   );
   const withUpdateSettings = action === 'UPDATE' && showUpdateSettings;
 
@@ -215,7 +222,13 @@ export function SoftwareActionForm<TRef extends string = string>({
         </>
       )}
 
-      {withUpdateSettings && <SoftwareUpdateSettingsFields value={updateSettings} onChange={setUpdateSettings} />}
+      {withUpdateSettings && (
+        <SoftwareUpdateSettingsFields
+          value={updateSettings}
+          onChange={setUpdateSettings}
+          userNotifications={updateUserNotifications}
+        />
+      )}
 
       {showDeviceHeading && (
         <h2 className="pt-[var(--spacing-system-l)] text-ods-text-primary text-h2">Device Selection</h2>