@flamingo-stack/openframe-frontend-core 0.0.837 → 0.0.839

package/dist/{knowledge-FLQDJJPG.cjs → knowledge-2QNZGDFO.cjs}

@@ -8,7 +8,7 @@ var _chunkLHV2R6QUcjs = require('./chunk-LHV2R6QU.cjs');
 var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
-var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
+var _chunkN2TCVIPRcjs = require('./chunk-N2TCVIPR.cjs');
 require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
 require('./chunk-TRZEFT2N.cjs');
@@ -19,7 +19,7 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-WAYYHZFS.cjs');
+require('./chunk-5E4YEHHO.cjs');
 require('./chunk-OT6P57ZS.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, 
-    _chunkEDBQXRKNcjs.KnowledgeBaseArticleView,
+    _chunkN2TCVIPRcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
       content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ7A7IZWLcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })

package/dist/{logs-D5QE4XXT.cjs → logs-YPWTJVIH.cjs}

@@ -15,7 +15,7 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
+var _chunkN2TCVIPRcjs = require('./chunk-N2TCVIPR.cjs');
 require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
 require('./chunk-TRZEFT2N.cjs');
@@ -28,7 +28,7 @@ require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
 
 
-var _chunkWAYYHZFScjs = require('./chunk-WAYYHZFS.cjs');
+var _chunk5E4YEHHOcjs = require('./chunk-5E4YEHHO.cjs');
 
 
 var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.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: _chunkEDBQXRKNcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkN2TCVIPRcjs.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, _chunkEDBQXRKNcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2TCVIPRcjs.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, 
-      _chunkEDBQXRKNcjs.LogsPageView,
+      _chunkN2TCVIPRcjs.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, 
-          _chunkEDBQXRKNcjs.LogsTableView,
+          _chunkN2TCVIPRcjs.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, 
-      _chunkEDBQXRKNcjs.LogDrawer,
+      _chunkN2TCVIPRcjs.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, _chunkEDBQXRKNcjs.ToolBadge, { toolType: _chunkWAYYHZFScjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2TCVIPRcjs.ToolBadge, { toolType: _chunk5E4YEHHOcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkEDBQXRKNcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkN2TCVIPRcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEDBQXRKNcjs.DeviceCard,
+          _chunkN2TCVIPRcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-W62WSRBO.cjs → policies-BK7TUKAF.cjs}

@@ -10,7 +10,7 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
+var _chunkN2TCVIPRcjs = require('./chunk-N2TCVIPR.cjs');
 require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
 require('./chunk-TRZEFT2N.cjs');
@@ -21,7 +21,7 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-WAYYHZFS.cjs');
+require('./chunk-5E4YEHHO.cjs');
 require('./chunk-OT6P57ZS.cjs');
 require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.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: _chunkEDBQXRKNcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkN2TCVIPRcjs.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: _chunkEDBQXRKNcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkN2TCVIPRcjs.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, 
-    _chunkEDBQXRKNcjs.PoliciesTable,
+    _chunkN2TCVIPRcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDBQXRKNcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2TCVIPRcjs.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, _chunkEDBQXRKNcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2TCVIPRcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{scripts-MVJAIKSW.cjs → scripts-K7AOYWZE.cjs}

@@ -13,7 +13,7 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
+var _chunkN2TCVIPRcjs = require('./chunk-N2TCVIPR.cjs');
 
 
 var _chunkFNNDGOR3cjs = require('./chunk-FNNDGOR3.cjs');
@@ -26,7 +26,7 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-WAYYHZFS.cjs');
+require('./chunk-5E4YEHHO.cjs');
 require('./chunk-OT6P57ZS.cjs');
 require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
@@ -1998,8 +1998,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkEDBQXRKNcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkEDBQXRKNcjs.EXECUTION_COLUMNS.status
+  { ..._chunkN2TCVIPRcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkN2TCVIPRcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2058,7 +2058,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, _chunkFNNDGOR3cjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkEDBQXRKNcjs.ScriptShellBadge,
+              _chunkN2TCVIPRcjs.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, 
-        _chunkEDBQXRKNcjs.ScriptExecutionsTable,
+        _chunkN2TCVIPRcjs.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, _chunkEDBQXRKNcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN2TCVIPRcjs.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, 
-        _chunkEDBQXRKNcjs.ScriptExecutionsTable,
+        _chunkN2TCVIPRcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-XP5CN7YZ.cjs → software-update-UFN4SBMY.cjs}

@@ -15,7 +15,7 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
+var _chunkN2TCVIPRcjs = require('./chunk-N2TCVIPR.cjs');
 
 
 var _chunkFNNDGOR3cjs = require('./chunk-FNNDGOR3.cjs');
@@ -28,7 +28,7 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-WAYYHZFS.cjs');
+require('./chunk-5E4YEHHO.cjs');
 require('./chunk-OT6P57ZS.cjs');
 require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
@@ -1883,7 +1883,7 @@ var chrome = {
   packageType: null
 };
 var TONIGHT_11_PM = { value: "23:00", label: "11:00 PM" };
-var timing = {
+var SOFTWARE_DEMO_TIMING = {
   timeReferenceOptions: [
     { value: "SERVER", label: "Your account timezone" },
     { value: "DEVICE_LOCAL", label: "Device local timezone" }
@@ -1909,7 +1909,7 @@ function buildSoftwareUpdateFixture(cast) {
   return {
     action: "UPDATE",
     package: chrome,
-    timing,
+    timing: SOFTWARE_DEMO_TIMING,
     initialValues,
     devices,
     selectedIds: /* @__PURE__ */ new Set([_chunkFDZOE5TLcjs.DEMO_DEVICES.reception.id, _chunkFDZOE5TLcjs.DEMO_DEVICES.samT14.id, _chunkFDZOE5TLcjs.DEMO_DEVICES.frontDesk.id])
@@ -1925,12 +1925,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkFNNDGOR3cjs.Autocomplete,
     {
-      label: _chunkEDBQXRKNcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkN2TCVIPRcjs.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: _chunkEDBQXRKNcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkN2TCVIPRcjs.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, 
-    _chunkEDBQXRKNcjs.SoftwareActionForm,
+    _chunkN2TCVIPRcjs.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, 
-        _chunkEDBQXRKNcjs.DeviceSelector,
+        _chunkN2TCVIPRcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/dist/utils/notifications.cjs

@@ -21,6 +21,7 @@ var NOTIFICATION_CATEGORIES = [
   "INSIGHTS",
   "MINGO",
   "INTEGRATIONS",
+  "BILLING",
   "GENERIC"
 ];
 var NOTIFICATION_CATEGORY_LABELS = {
@@ -35,6 +36,7 @@ var NOTIFICATION_CATEGORY_LABELS = {
   INSIGHTS: "Insights",
   MINGO: "Mingo",
   INTEGRATIONS: "Integrations",
+  BILLING: "Billing",
   GENERIC: "General"
 };
 var DEFAULT_NOTIFICATION_CATEGORY = "GENERIC";

package/dist/utils/notifications.d.ts

@@ -18,7 +18,7 @@ export declare const DEFAULT_NOTIFICATION_SEVERITY: NotificationSeverity;
  * The backend's `NotificationCategory`: the dashboard section a notification
  * belongs to. Any section but GENERIC shows an unread counter on its menu item.
  */
-export declare const NOTIFICATION_CATEGORIES: readonly ["DASHBOARD", "CUSTOMERS", "DEVICES", "SCRIPTS", "MONITORING", "SOFTWARE", "LOGS", "TICKETS", "INSIGHTS", "MINGO", "INTEGRATIONS", "GENERIC"];
+export declare const NOTIFICATION_CATEGORIES: readonly ["DASHBOARD", "CUSTOMERS", "DEVICES", "SCRIPTS", "MONITORING", "SOFTWARE", "LOGS", "TICKETS", "INSIGHTS", "MINGO", "INTEGRATIONS", "BILLING", "GENERIC"];
 export type NotificationCategory = (typeof NOTIFICATION_CATEGORIES)[number];
 /** Each category as the app's navigation names its section. */
 export declare const NOTIFICATION_CATEGORY_LABELS: Readonly<Record<NotificationCategory, string>>;

package/dist/utils/notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/utils/notifications.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,yEAAyE;AACzE,eAAO,MAAM,uBAAuB,mDAAoD,CAAC;AACzF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAKvF,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,EAAE,oBAA6B,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,uBAAuB,wJAa1B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,+DAA+D;AAC/D,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAavF,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,EAAE,oBAAgC,CAAC;AAE7E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/utils/notifications.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,yEAAyE;AACzE,eAAO,MAAM,uBAAuB,mDAAoD,CAAC;AACzF,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAKvF,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,EAAE,oBAA6B,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,uBAAuB,mKAc1B,CAAC;AACX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,+DAA+D;AAC/D,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAcvF,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,6BAA6B,EAAE,oBAAgC,CAAC;AAE7E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,oBAAoB,CAEpF"}

package/dist/utils/notifications.js

@@ -18,6 +18,7 @@ const NOTIFICATION_CATEGORIES = [
   "INSIGHTS",
   "MINGO",
   "INTEGRATIONS",
+  "BILLING",
   "GENERIC"
 ];
 const NOTIFICATION_CATEGORY_LABELS = {
@@ -32,6 +33,7 @@ const NOTIFICATION_CATEGORY_LABELS = {
   INSIGHTS: "Insights",
   MINGO: "Mingo",
   INTEGRATIONS: "Integrations",
+  BILLING: "Billing",
   GENERIC: "General"
 };
 const DEFAULT_NOTIFICATION_CATEGORY = "GENERIC";

package/package.json

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

package/src/components/chat/composer-sheet.tsx

@@ -31,7 +31,7 @@ export interface ComposerSheetProps {
   onResetHeight?: () => void;
   /** Share of the layer the sheet takes while `height` is null. Default 0.64. */
   defaultShare?: number;
-  /** Default 320. */
+  /** Default 320; a layer too short for it lowers it, so the sheet stays inside the layer. */
   minHeight?: number;
   /**
    * Whether the tab on its top edge resizes it. Default `true`. Off (a phone, where
@@ -76,8 +76,10 @@ function TabGrip() {
  * The conversation sheet over a page: it rises from the docked composer, the page
  * stays beneath under a scrim, and a tab standing on its top edge resizes it from
  * `minHeight` to the full height of the layer (a drag, the arrow keys, Home / End; a
- * double click asks the host for the default height). Without `resizable` it has no
- * tab and can take the whole layer. Meant for `AppLayout`'s
+ * double click asks the host for the default height). The layer is its limit before
+ * `minHeight` is: a tall dock in a short window leaves less than the floor, and past the
+ * layer's top the sheet's header would run under what stands over it. Without
+ * `resizable` it has no tab and can take the whole layer. Meant for `AppLayout`'s
  * `composerSheet` layer, whose bottom is the dock's top edge: the sheet stands above
  * the composer as a card of its own, its header at its top border.
  *
@@ -122,8 +124,9 @@ export function ComposerSheet({
   // floor for that frame and grow from it. The tab above the sheet stays in the layer.
   const tabHeight = resizable ? TAB_HEIGHT : 0;
   const measured = layerHeight > 0;
-  const maxHeight = measured ? Math.max(minHeight, layerHeight - tabHeight) : Number.POSITIVE_INFINITY;
-  const clamp = (next: number) => Math.round(Math.min(maxHeight, Math.max(minHeight, next)));
+  const maxHeight = measured ? Math.max(0, layerHeight - tabHeight) : Number.POSITIVE_INFINITY;
+  const floor = Math.min(minHeight, maxHeight);
+  const clamp = (next: number) => Math.round(Math.min(maxHeight, Math.max(floor, next)));
   // Until the layer is measured the share is a percentage, so the first frame is right.
   const resolved = height === null ? (measured ? clamp(layerHeight * defaultShare) : null) : clamp(height);
 
@@ -155,7 +158,7 @@ export function ComposerSheet({
         )}
         style={{
           height: resolved ?? `${Math.round(defaultShare * 100)}%`,
-          minHeight,
+          minHeight: floor,
           maxHeight: `calc(100% - ${tabHeight}px)`,
         }}
       >
@@ -171,9 +174,9 @@ export function ComposerSheet({
             <TabFoot side="right" />
             <PanelResizeHandle
               side="bottom"
-              size={resolved ?? minHeight}
-              minSize={minHeight}
-              maxSize={measured ? maxHeight : (resolved ?? minHeight)}
+              size={resolved ?? floor}
+              minSize={floor}
+              maxSize={measured ? maxHeight : (resolved ?? floor)}
               onSize={next => onHeightChange(clamp(next))}
               clampSize={clamp}
               panelRef={panelRef}

package/src/components/chat/embeddable-chat.tsx

@@ -2762,8 +2762,11 @@ function EmbeddableChatInner({
         'flex min-h-0 flex-1 flex-col p-[var(--spacing-system-m)]',
         // With a host block above the composer the thread keeps room
         // for a line and the working status: the block gives way
-        // instead (below), so the status never lands on it.
-        hasAboveComposer && 'min-h-32',
+        // instead (below), so the status never lands on it. Not when
+        // the thread is portalled out (`threadContainer`): the block
+        // stays in the host's dock and takes no height from it, so the
+        // floor would only push the thread's end out of its own box.
+        hasAboveComposer && !splitMode && 'min-h-32',
       )}
     >
       <div key={contentViewKey} className="flex min-h-0 flex-1 flex-col duration-200 animate-in fade-in-0">

package/src/components/features/command-box.tsx

@@ -2,6 +2,7 @@
 
 import { ChevronDown } from 'lucide-react';
 import type React from 'react';
+import { TEXT_LINES_HEIGHT } from '../../styles/component-sizes';
 import { cn } from '../../utils/cn';
 import { Copy02Icon } from '../icons-v2-generated/documents/copy-02-icon';
 import { TextLineSkeleton } from '../loading/unified-skeleton';
@@ -106,7 +107,11 @@ const COMMAND_BOX_CLASS = 'flex flex-col gap-2';
 const COMMAND_BOX_TITLE_CLASS = 'text-ods-text-primary text-h4';
 const COMMAND_BOX_FRAME_CLASS = 'rounded-[6px] border border-ods-border bg-ods-bg p-4';
 const COMMAND_BOX_COPY_ROW_CLASS = 'flex items-start gap-4';
-const COMMAND_BOX_COPY_BUTTON_LAYOUT = 'shrink-0';
+/**
+ * The copy button's slot, one line of the command's text class tall: the taller button overflows it evenly, so the
+ * frame's padding stays even and the icon stays on the first line of a long command.
+ */
+const COMMAND_BOX_COPY_SLOT_CLASS = cn(TEXT_LINES_HEIGHT[1], 'flex shrink-0 items-center text-code');
 const COMMAND_BOX_ACTIONS_CLASS = 'mt-4 flex flex-col gap-3 content-md:flex-row content-md:justify-end';
 const COMMAND_BOX_ACTION_CLASS = 'w-full content-md:w-auto';
 /** The fixed-height command area: N rows of the `text-code` line height token. Read by the box and its skeleton. */
@@ -184,16 +189,11 @@ export function CommandBox({
         {onCopy ? (
           <div className={COMMAND_BOX_COPY_ROW_CLASS}>
             {commandText}
-            <Button
-              variant="bare"
-              size="icon-sm"
-              type="button"
-              onClick={onCopy}
-              aria-label={copyAriaLabel}
-              className={COMMAND_BOX_COPY_BUTTON_LAYOUT}
-            >
-              <Copy02Icon />
-            </Button>
+            <div className={COMMAND_BOX_COPY_SLOT_CLASS}>
+              <Button variant="bare" size="icon-sm" type="button" onClick={onCopy} aria-label={copyAriaLabel}>
+                <Copy02Icon />
+              </Button>
+            </div>
           </div>
         ) : (
           commandText
@@ -290,14 +290,12 @@ function CommandBoxSkeleton({
         {showCopy ? (
           <div className={COMMAND_BOX_COPY_ROW_CLASS}>
             {commandLines}
-            <span
-              className={cn(
-                buttonVariants({ variant: 'transparent', size: 'icon-sm' }),
-                COMMAND_BOX_COPY_BUTTON_LAYOUT,
-              )}
-            >
-              <Copy02Icon />
-            </span>
+            <div className={COMMAND_BOX_COPY_SLOT_CLASS}>
+              {/* `cn` resolves the conflicting icon sizes, as `Button` does; without it, the icon is 20px. */}
+              <span className={cn(buttonVariants({ variant: 'bare', size: 'icon-sm' }))}>
+                <Copy02Icon />
+              </span>
+            </div>
           </div>
         ) : (
           commandLines

package/src/components/features/notifications/notification-category-icon.tsx

@@ -6,7 +6,7 @@ import { NamedIcon, type IconRef } from '../../chat/utils/icon-loading';
  * Backend `NotificationCategory` → icon, the icon of the dashboard section the
  * notification belongs to (the app navigation's own). A table of icon NAMES: an
  * icon is loaded when a notification of its category is drawn. GENERIC,
- * INTEGRATIONS and unknown categories have none (the tile draws its severity
+ * INTEGRATIONS, BILLING and unknown categories have none (the tile draws its severity
  * dot). Every icon takes the host's text colour, so a row of them is one colour.
  */
 const ICON_BY_CATEGORY: Readonly<Record<string, IconRef>> = {

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

@@ -37,3 +37,14 @@ export {
 } from './software-action-form';
 export { newSoftwareRow, type SelectedPackage, type SoftwareRow } from './software-row';
 export { type PackageSearchSlotProps, SoftwareRowFields, type SoftwareRowFieldsProps } from './software-row-fields';
+export {
+  DEFAULT_SOFTWARE_UPDATE_POLICY,
+  DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  SOFTWARE_UPDATE_COUNTDOWN_OPTIONS,
+  SOFTWARE_UPDATE_DEADLINE_OPTIONS,
+  type SoftwareUpdateMode,
+  type SoftwareUpdatePolicy,
+  SoftwareUpdateSettingsFields,
+  type SoftwareUpdateSettingsFieldsProps,
+  type SoftwareUpdateSettingsValues,
+} from './update-settings-fields';

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

@@ -9,6 +9,11 @@ import { SoftwareScheduleFields, type SoftwareScheduleTiming } from './schedule-
 import { SOFTWARE_ACTION_COPY, type SoftwareActionKind } from './software-action-copy';
 import { newSoftwareRow, type SoftwareRow } from './software-row';
 import { type PackageSearchSlotProps, SoftwareRowFields } from './software-row-fields';
+import {
+  DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  SoftwareUpdateSettingsFields,
+  type SoftwareUpdateSettingsValues,
+} from './update-settings-fields';
 
 /** Run the packages now, or at a scheduled start. */
 export type SoftwareRunMode = 'now' | 'schedule';
@@ -20,6 +25,8 @@ export interface SoftwareActionFormValues<TRef extends string = string> {
   date: Date | null;
   time: string;
   timeReference: TRef;
+  /** UPDATE only: "Update Settings". Undefined for INSTALL, and when the form hides them (`showUpdateSettings`). */
+  updateSettings?: SoftwareUpdateSettingsValues;
 }
 
 /** What the device picker slot is told: which devices the chosen packages can run on. */
@@ -62,6 +69,11 @@ export interface SoftwareActionFormProps<TRef extends string = string> {
    * schedule's fields on the same row, so the devices start higher.
    */
   runModeLayout?: 'stacked' | 'inline';
+  /**
+   * UPDATE only: the "Update Settings" block under the timing. Default false, so a host that does not send the
+   * settings yet never shows choices that go nowhere; the host that submits `updateSettings` passes true.
+   */
+  showUpdateSettings?: boolean;
   /** The "Device Selection" heading over the picker. Default true; a host that titles the picker itself passes false. */
   showDeviceHeading?: boolean;
   className?: string;
@@ -91,6 +103,7 @@ export function SoftwareActionForm<TRef extends string = string>({
   renderDevicePicker,
   addRows = true,
   runModeLayout = 'stacked',
+  showUpdateSettings = false,
   showDeviceHeading = true,
   className = 'px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]',
 }: SoftwareActionFormProps<TRef>) {
@@ -101,6 +114,10 @@ export function SoftwareActionForm<TRef extends string = string>({
   const [date, setDate] = useState<Date | null>(initialValues.date ?? null);
   const [time, setTime] = useState(initialValues.time ?? '');
   const [timeReference, setTimeReference] = useState<TRef>(initialValues.timeReference);
+  const [updateSettings, setUpdateSettings] = useState<SoftwareUpdateSettingsValues>(
+    () => initialValues.updateSettings ?? DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  );
+  const withUpdateSettings = action === 'UPDATE' && showUpdateSettings;
 
   // The picker's frame: devices on the OS the chosen packages install on.
   const osTypesKey = [...new Set(rows.map(row => PACKAGE_MANAGER_OS[row.packageManager]))].sort().join(',');
@@ -110,7 +127,15 @@ export function SoftwareActionForm<TRef extends string = string>({
     {
       label: mode === 'now' ? copy.runLabel : copy.scheduleLabel,
       variant: 'accent',
-      onClick: () => onSubmit({ rows, mode, date, time, timeReference }),
+      onClick: () =>
+        onSubmit({
+          rows,
+          mode,
+          date,
+          time,
+          timeReference,
+          updateSettings: withUpdateSettings ? updateSettings : undefined,
+        }),
       disabled: submitDisabled,
       loading: submitting,
     },
@@ -190,6 +215,8 @@ export function SoftwareActionForm<TRef extends string = string>({
         </>
       )}
 
+      {withUpdateSettings && <SoftwareUpdateSettingsFields value={updateSettings} onChange={setUpdateSettings} />}
+
       {showDeviceHeading && (
         <h2 className="pt-[var(--spacing-system-l)] text-ods-text-primary text-h2">Device Selection</h2>
       )}