@flamingo-stack/openframe-frontend-core 0.0.781 → 0.0.782

package/dist/{scripts-AZVCZE6C.cjs → scripts-72EJDICT.cjs}

@@ -13,26 +13,26 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
-require('./chunk-YEJWNHD3.cjs');
-require('./chunk-4XDYSGRL.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
+require('./chunk-MKF6XX5A.cjs');
+require('./chunk-ZFOMRALU.cjs');
 
 
-var _chunkUONQCE5Ncjs = require('./chunk-UONQCE5N.cjs');
+var _chunkTS6TISIFcjs = require('./chunk-TS6TISIF.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-ZV6RQNXE.cjs');
+require('./chunk-CBKXU77H.cjs');
 require('./chunk-VXAKQRV7.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-SMEX3BWO.cjs');
-require('./chunk-HLZUBJPL.cjs');
-require('./chunk-FWJ5YECN.cjs');
-require('./chunk-T7SDYBST.cjs');
-require('./chunk-QD7SKYCQ.cjs');
-require('./chunk-AKCBLZAO.cjs');
-require('./chunk-VZKAAXU3.cjs');
+require('./chunk-UPQMFK5B.cjs');
+require('./chunk-N7QNWHJA.cjs');
+require('./chunk-7OJMOG34.cjs');
+require('./chunk-BE4OUWTA.cjs');
+require('./chunk-WSBWP7IW.cjs');
+require('./chunk-E2ZZOYSM.cjs');
+require('./chunk-FS7CBRF4.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1823,21 +1823,21 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-3IHGS44W.cjs');
+require('./chunk-N2SVJJLU.cjs');
 require('./chunk-OJZBZH56.cjs');
-require('./chunk-2OYKOHFK.cjs');
+require('./chunk-LUWYWYNC.cjs');
 require('./chunk-JKX2C3I2.cjs');
 require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-JHDPEYZH.cjs');
-require('./chunk-OHXB6HUX.cjs');
-require('./chunk-JQWYXC2E.cjs');
-require('./chunk-Q7HXTF2C.cjs');
-require('./chunk-HTSRCFXP.cjs');
-require('./chunk-RYIWADIB.cjs');
-require('./chunk-AFJEUBDS.cjs');
+require('./chunk-4DKPNN2A.cjs');
+require('./chunk-5XAWVXNI.cjs');
+require('./chunk-ODDUGLYF.cjs');
+require('./chunk-DYF6XB27.cjs');
+require('./chunk-4MQASMIU.cjs');
+require('./chunk-XAA5LUHC.cjs');
+require('./chunk-ZJS45HQZ.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1846,25 +1846,25 @@ require('./chunk-6VOOPMP5.cjs');
 require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
-require('./chunk-DJTPDK3W.cjs');
+require('./chunk-F2FFJWOQ.cjs');
 require('./chunk-7PNRXJX2.cjs');
 require('./chunk-NTPX5GXI.cjs');
 require('./chunk-AQXKXZWB.cjs');
 require('./chunk-V4FXUIMH.cjs');
 require('./chunk-SZHDXXMK.cjs');
-require('./chunk-IYU2ZH2J.cjs');
+require('./chunk-CS5SZJFV.cjs');
 require('./chunk-5GJM7VRR.cjs');
-require('./chunk-3VINTJPE.cjs');
+require('./chunk-5WMRVMXH.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
-require('./chunk-KWV23THO.cjs');
-require('./chunk-T4ZVKEDP.cjs');
-require('./chunk-L4XOCV7S.cjs');
+require('./chunk-EHQ2UGT4.cjs');
+require('./chunk-OMTH355I.cjs');
+require('./chunk-4DQ4CNAG.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
-require('./chunk-63OCO2G5.cjs');
-require('./chunk-YNDH72VU.cjs');
-require('./chunk-CDBFQVPA.cjs');
-require('./chunk-N6YCOBLK.cjs');
+require('./chunk-A3UZFFR3.cjs');
+require('./chunk-NNNRN4OF.cjs');
+require('./chunk-FLS6DZEN.cjs');
+require('./chunk-MGEUZRNQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 require('./chunk-KHKPLOU4.cjs');
 
@@ -1995,8 +1995,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkODZ5XGWAcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkODZ5XGWAcjs.EXECUTION_COLUMNS.status
+  { ..._chunkA4YUTS6Qcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkA4YUTS6Qcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2046,16 +2046,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, _chunkUONQCE5Ncjs.TruncateText, { variant: "h4", children: script.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.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, _chunkUONQCE5Ncjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkODZ5XGWAcjs.ScriptShellBadge,
+              _chunkA4YUTS6Qcjs.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, 
-        _chunkODZ5XGWAcjs.ScriptExecutionsTable,
+        _chunkA4YUTS6Qcjs.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, _chunkODZ5XGWAcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.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, 
-        _chunkODZ5XGWAcjs.ScriptExecutionsTable,
+        _chunkA4YUTS6Qcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-4ZBCGJGA.cjs → software-update-PPUVCLPO.cjs}

@@ -15,26 +15,26 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
-require('./chunk-YEJWNHD3.cjs');
-require('./chunk-4XDYSGRL.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
+require('./chunk-MKF6XX5A.cjs');
+require('./chunk-ZFOMRALU.cjs');
 
 
-var _chunkUONQCE5Ncjs = require('./chunk-UONQCE5N.cjs');
+var _chunkTS6TISIFcjs = require('./chunk-TS6TISIF.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
-require('./chunk-ZV6RQNXE.cjs');
+require('./chunk-CBKXU77H.cjs');
 require('./chunk-VXAKQRV7.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
-require('./chunk-SMEX3BWO.cjs');
-require('./chunk-HLZUBJPL.cjs');
-require('./chunk-FWJ5YECN.cjs');
-require('./chunk-T7SDYBST.cjs');
-require('./chunk-QD7SKYCQ.cjs');
-require('./chunk-AKCBLZAO.cjs');
-require('./chunk-VZKAAXU3.cjs');
+require('./chunk-UPQMFK5B.cjs');
+require('./chunk-N7QNWHJA.cjs');
+require('./chunk-7OJMOG34.cjs');
+require('./chunk-BE4OUWTA.cjs');
+require('./chunk-WSBWP7IW.cjs');
+require('./chunk-E2ZZOYSM.cjs');
+require('./chunk-FS7CBRF4.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1823,21 +1823,21 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-3IHGS44W.cjs');
+require('./chunk-N2SVJJLU.cjs');
 require('./chunk-OJZBZH56.cjs');
-require('./chunk-2OYKOHFK.cjs');
+require('./chunk-LUWYWYNC.cjs');
 require('./chunk-JKX2C3I2.cjs');
 require('./chunk-7DNL734S.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
 require('./chunk-EWPR7662.cjs');
-require('./chunk-JHDPEYZH.cjs');
-require('./chunk-OHXB6HUX.cjs');
-require('./chunk-JQWYXC2E.cjs');
-require('./chunk-Q7HXTF2C.cjs');
-require('./chunk-HTSRCFXP.cjs');
-require('./chunk-RYIWADIB.cjs');
-require('./chunk-AFJEUBDS.cjs');
+require('./chunk-4DKPNN2A.cjs');
+require('./chunk-5XAWVXNI.cjs');
+require('./chunk-ODDUGLYF.cjs');
+require('./chunk-DYF6XB27.cjs');
+require('./chunk-4MQASMIU.cjs');
+require('./chunk-XAA5LUHC.cjs');
+require('./chunk-ZJS45HQZ.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1846,25 +1846,25 @@ require('./chunk-6VOOPMP5.cjs');
 require('./chunk-ORO54HDF.cjs');
 require('./chunk-RUHKTWGB.cjs');
 require('./chunk-BLH2SFOO.cjs');
-require('./chunk-DJTPDK3W.cjs');
+require('./chunk-F2FFJWOQ.cjs');
 require('./chunk-7PNRXJX2.cjs');
 require('./chunk-NTPX5GXI.cjs');
 require('./chunk-AQXKXZWB.cjs');
 require('./chunk-V4FXUIMH.cjs');
 require('./chunk-SZHDXXMK.cjs');
-require('./chunk-IYU2ZH2J.cjs');
+require('./chunk-CS5SZJFV.cjs');
 require('./chunk-5GJM7VRR.cjs');
-require('./chunk-3VINTJPE.cjs');
+require('./chunk-5WMRVMXH.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
-require('./chunk-KWV23THO.cjs');
-require('./chunk-T4ZVKEDP.cjs');
-require('./chunk-L4XOCV7S.cjs');
+require('./chunk-EHQ2UGT4.cjs');
+require('./chunk-OMTH355I.cjs');
+require('./chunk-4DQ4CNAG.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
-require('./chunk-63OCO2G5.cjs');
-require('./chunk-YNDH72VU.cjs');
-require('./chunk-CDBFQVPA.cjs');
-require('./chunk-N6YCOBLK.cjs');
+require('./chunk-A3UZFFR3.cjs');
+require('./chunk-NNNRN4OF.cjs');
+require('./chunk-FLS6DZEN.cjs');
+require('./chunk-MGEUZRNQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 require('./chunk-KHKPLOU4.cjs');
 
@@ -1920,14 +1920,14 @@ var noop = () => {
 var HIDDEN_WHEN_COMPACT = ["organization"];
 function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUONQCE5Ncjs.Autocomplete,
+    _chunkTS6TISIFcjs.Autocomplete,
     {
-      label: _chunkODZ5XGWAcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkA4YUTS6Qcjs.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: _chunkODZ5XGWAcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkA4YUTS6Qcjs.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, 
-    _chunkODZ5XGWAcjs.SoftwareActionForm,
+    _chunkA4YUTS6Qcjs.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, 
-        _chunkODZ5XGWAcjs.DeviceSelector,
+        _chunkA4YUTS6Qcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/dist/{tickets-board-BJPQD3HE.cjs → tickets-board-EYKLSB36.cjs}

@@ -10,10 +10,10 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkYEJWNHD3cjs = require('./chunk-YEJWNHD3.cjs');
+var _chunkMKF6XX5Acjs = require('./chunk-MKF6XX5A.cjs');
 require('./chunk-VXAKQRV7.cjs');
-require('./chunk-T7SDYBST.cjs');
-require('./chunk-VZKAAXU3.cjs');
+require('./chunk-BE4OUWTA.cjs');
+require('./chunk-FS7CBRF4.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
 require('./chunk-KHPX3KU4.cjs');
@@ -1802,11 +1802,11 @@ require('./chunk-LMBYZITR.cjs');
 require('./chunk-TMVC7S2R.cjs');
 require('./chunk-IYHH5EIO.cjs');
 require('./chunk-XIBCMGBW.cjs');
-require('./chunk-2OYKOHFK.cjs');
+require('./chunk-LUWYWYNC.cjs');
 require('./chunk-WWUSFOJ7.cjs');
 require('./chunk-SKI6NKOE.cjs');
-require('./chunk-Q7HXTF2C.cjs');
-require('./chunk-AFJEUBDS.cjs');
+require('./chunk-DYF6XB27.cjs');
+require('./chunk-ZJS45HQZ.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-32ASZMTV.cjs');
 require('./chunk-OOYBIS7D.cjs');
@@ -1817,15 +1817,15 @@ require('./chunk-RUHKTWGB.cjs');
 require('./chunk-7PNRXJX2.cjs');
 require('./chunk-V4FXUIMH.cjs');
 require('./chunk-SZHDXXMK.cjs');
-require('./chunk-IYU2ZH2J.cjs');
+require('./chunk-CS5SZJFV.cjs');
 require('./chunk-5GJM7VRR.cjs');
-require('./chunk-3VINTJPE.cjs');
-require('./chunk-L4XOCV7S.cjs');
+require('./chunk-5WMRVMXH.cjs');
+require('./chunk-4DQ4CNAG.cjs');
 require('./chunk-Z74QE57T.cjs');
 require('./chunk-XZJCBIYR.cjs');
-require('./chunk-YNDH72VU.cjs');
-require('./chunk-CDBFQVPA.cjs');
-require('./chunk-N6YCOBLK.cjs');
+require('./chunk-NNNRN4OF.cjs');
+require('./chunk-FLS6DZEN.cjs');
+require('./chunk-MGEUZRNQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 
 // src/components/product-demo/screens/tickets-board.tsx
@@ -1840,7 +1840,7 @@ function buildTicketsBoardFixture(cast) {
   const dana = assignee(cast.person("dana"));
   const alex = assignee(cast.person("alex"));
   return [
-    _chunkYEJWNHD3cjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
+    _chunkMKF6XX5Acjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
       ticket("tk-1051", "Printer offline at the front desk", "ACTIVE", {
         ticketNumber: "1051",
         agent: "fae",
@@ -1858,7 +1858,7 @@ function buildTicketsBoardFixture(cast) {
         tags: ["onboarding"]
       })
     ]),
-    _chunkYEJWNHD3cjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
+    _chunkMKF6XX5Acjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
       ticket("tk-1049", "Acrobat Pro for Maya", "TECH_REQUIRED", {
         ticketNumber: "1049",
         agent: "fae",
@@ -1882,7 +1882,7 @@ function buildTicketsBoardFixture(cast) {
         escalatedByUser: true
       })
     ]),
-    _chunkYEJWNHD3cjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
+    _chunkMKF6XX5Acjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
       ticket("tk-1046", "Replace the conference room display", "ON_HOLD", {
         ticketNumber: "1046",
         organizationName: _chunkDKOLQPE7cjs.DEMO_ORGANIZATIONS.acme.name,
@@ -1891,7 +1891,7 @@ function buildTicketsBoardFixture(cast) {
         activity: { kind: "waiting-external" }
       })
     ]),
-    _chunkYEJWNHD3cjs.columnFromTicketStatus.call(void 0, 
+    _chunkMKF6XX5Acjs.columnFromTicketStatus.call(void 0, 
       "RESOLVED",
       [
         ticket("tk-1048", "Slow laptop", "RESOLVED", {
@@ -1927,7 +1927,7 @@ function TicketsBoardScreen({ compact = false }) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const board = _react.useMemo.call(void 0, () => buildTicketsBoardFixture(cast), [cast]);
   const columns = compact ? board.filter((column) => column.id !== "ON_HOLD") : board;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYEJWNHD3cjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg p-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMKF6XX5Acjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
 }
 
 

package/dist/{video-file-player-DETXW4OJ.cjs → video-file-player-ZU666VUY.cjs}

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkQD7SKYCQcjs = require('./chunk-QD7SKYCQ.cjs');
+var _chunkWSBWP7IWcjs = require('./chunk-WSBWP7IW.cjs');
 
 
 var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
@@ -13,7 +13,7 @@ var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
 
 
 
-var _chunkHTSRCFXPcjs = require('./chunk-HTSRCFXP.cjs');
+var _chunk4MQASMIUcjs = require('./chunk-4MQASMIU.cjs');
 require('./chunk-S5C3OZCO.cjs');
 require('./chunk-4IYNDV3G.cjs');
 require('./chunk-NTPX5GXI.cjs');
@@ -24,8 +24,8 @@ require('./chunk-5GJM7VRR.cjs');
 require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
-require('./chunk-N6YCOBLK.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
+require('./chunk-MGEUZRNQ.cjs');
 require('./chunk-V45KLJQP.cjs');
 
 // src/components/features/video-file-player.tsx
@@ -251,14 +251,14 @@ function useHoverPlayback(mediaRef, sound, { playOnHover, playWhenHovered, muted
       element.volume = SOUND_VOLUME;
     });
     const attempt = (retriesLeft) => {
-      const played = _chunkHTSRCFXPcjs.hasUserInteracted.call(void 0, ) ? playWithSound(element, hostMutedRef.current, wanted) : playMuted(element, wanted);
+      const played = _chunk4MQASMIUcjs.hasUserInteracted.call(void 0, ) ? playWithSound(element, hostMutedRef.current, wanted) : playMuted(element, wanted);
       void played.then((outcome) => {
         if (outcome === "interrupted" && hovered && element.paused !== false && retriesLeft > 0)
           attempt(retriesLeft - 1);
       });
     };
     attempt(INTERRUPTED_PLAY_RETRIES);
-    if (_chunkHTSRCFXPcjs.hasUserInteracted.call(void 0, )) return;
+    if (_chunk4MQASMIUcjs.hasUserInteracted.call(void 0, )) return;
     const onFirstGesture = () => {
       if (!hovered) return;
       onLiveElement(() => {
@@ -267,8 +267,8 @@ function useHoverPlayback(mediaRef, sound, { playOnHover, playWhenHovered, muted
       });
       endMutedFallback();
     };
-    _chunkHTSRCFXPcjs.activationWaiters.add(onFirstGesture);
-    cleanups.push(() => _chunkHTSRCFXPcjs.activationWaiters.delete(onFirstGesture));
+    _chunk4MQASMIUcjs.activationWaiters.add(onFirstGesture);
+    cleanups.push(() => _chunk4MQASMIUcjs.activationWaiters.delete(onFirstGesture));
   }, [mediaRef, hostMutedRef, playWithSound, playMuted, endMutedFallback]);
   _react.useEffect.call(void 0, () => () => _optionalChain([endHoverRef, 'access', _41 => _41.current, 'optionalCall', _42 => _42()]), []);
   const controlled = typeof playWhenHovered === "boolean";
@@ -294,7 +294,7 @@ function usePlaybackHealth(mediaRef, url, monitored) {
       if (!monitored) return;
       clearStallTimer();
       setFailed(true);
-      _chunkHTSRCFXPcjs.reportPlaybackFailure.call(void 0, { kind: "file", src: url, reason });
+      _chunk4MQASMIUcjs.reportPlaybackFailure.call(void 0, { kind: "file", src: url, reason });
     },
     [monitored, clearStallTimer, url]
   );
@@ -304,7 +304,7 @@ function usePlaybackHealth(mediaRef, url, monitored) {
     stallTimerRef.current = setTimeout(() => {
       stallTimerRef.current = null;
       fail("stall");
-    }, _chunkHTSRCFXPcjs.VIDEO_STALL_TIMEOUT_MS);
+    }, _chunk4MQASMIUcjs.VIDEO_STALL_TIMEOUT_MS);
   }, [mediaRef, monitored, fail]);
   const alive = _react.useCallback.call(void 0, () => {
     clearStallTimer();
@@ -425,7 +425,7 @@ function FilePlayer({
       src: url,
       poster: poster || void 0,
       streamType: "on-demand",
-      preload: _nullishCoalesce(preload, () => ( (_chunkQD7SKYCQcjs.saveDataEnabled.call(void 0, ) ? "none" : "metadata"))),
+      preload: _nullishCoalesce(preload, () => ( (_chunkWSBWP7IWcjs.saveDataEnabled.call(void 0, ) ? "none" : "metadata"))),
       playsInline: true,
       muted,
       preferCmcd: "header",
@@ -443,7 +443,7 @@ function FilePlayer({
   const unmute = sound.mutedFallback && !hideMutedBadge ? (
     // The common Button's bare media glyph: white at rest, the accent while hovered.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCDBFQVPAcjs.Button,
+      _chunkFLS6DZENcjs.Button,
       {
         type: "button",
         variant: "glyph",
@@ -452,11 +452,11 @@ function FilePlayer({
         title: "Unmute",
         onClick: sound.unmute,
         className: "absolute inset-0 z-10 m-auto",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.VideoUnmuteGlyph, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.VideoUnmuteGlyph, {})
       }
     )
   ) : null;
-  const failure = health.failed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.VideoErrorOverlay, { onRetry: health.retry }) : null;
+  const failure = health.failed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.VideoErrorOverlay, { onRetry: health.retry }) : null;
   const boxed = Boolean(playOnHover) || hover.controlled || Boolean(autoPlayUnmuted) || Boolean(startMuted) || !chromeless;
   if (!boxed) return player;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-full w-full", ...hover.pointerHandlers, children: [

package/package.json

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

package/src/components/category-card.tsx

@@ -95,6 +95,8 @@ export function CategoryCard({ name, description, categoryCount, productCount, i
           <Button
             variant="outline"
             size="icon"
+            // The view action fills with the accent on hover.
+            data-tone="accent"
             className={CATEGORY_CARD_ACTION_LAYOUT_CLASS}
             aria-label={`View ${name}`}
           >

package/src/components/chat/ask-display.tsx

@@ -69,7 +69,7 @@ const AskDisplay = forwardRef<HTMLDivElement, AskDisplayProps>(({ className, car
         {showPager && (
           <div className="flex shrink-0 items-center gap-[var(--spacing-system-xxs)]">
             <Button
-              variant="transparent"
+              variant="bare"
               size="icon-sm"
               type="button"
               aria-label="Previous question"
@@ -82,7 +82,7 @@ const AskDisplay = forwardRef<HTMLDivElement, AskDisplayProps>(({ className, car
               {index + 1} of {cards.length}
             </span>
             <Button
-              variant="transparent"
+              variant="bare"
               size="icon-sm"
               type="button"
               aria-label="Next question"

package/src/components/chat/chat-context-memory-bar.tsx

@@ -110,7 +110,7 @@ export function ChatContextMemoryBar({
       </p>
 
       <Button
-        variant="transparent"
+        variant="bare"
         size="icon-sm"
         type="button"
         aria-label="Show remembered context"
@@ -141,7 +141,7 @@ export function ChatContextMemoryBar({
               </span>
               {onRemove && (
                 <Button
-                  variant="transparent"
+                  variant="bare"
                   size="icon-sm"
                   type="button"
                   onClick={() => onRemove(item)}

package/src/components/chat/chat-context-picker.tsx

@@ -91,7 +91,8 @@ export function ChatComposerPlusMenu({
     // aligning the popover to the `+` rather than the input row.
     <span className="relative inline-flex">
       <Button
-        variant="transparent"
+        variant="bare"
+        data-tone="accent"
         size="icon-sm"
         type="button"
         data-context-trigger=""
@@ -375,6 +376,7 @@ export function ChatContextPicker({
                       size="compact"
                       noPaddingX
                       type="button"
+                      data-tone="neutral"
                       onClick={() => {
                         reset();
                         retry();
@@ -482,7 +484,7 @@ export function ChatContextChipStrip({
             </span>
             {onRemove && (
               <Button
-                variant="transparent"
+                variant="bare"
                 size="icon-inline"
                 type="button"
                 onClick={() => onRemove(item)}

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

@@ -746,10 +746,12 @@ const ChatInput = forwardRef<ChatInputRef, ChatInputProps>((allProps, ref) => {
             </div>
 
             <Button
-              variant="transparent"
+              variant="bare"
               size="icon-sm"
               type="button"
               aria-label={isStopMode ? 'Stop generation' : 'Send message'}
+              // Send is armed (the accent) while the editor has focus. Stop stays neutral wherever focus sits.
+              data-state={focused && !isStopMode ? 'active' : undefined}
               onClick={isStopMode ? handleStop : handleSubmit}
               disabled={isStopMode ? isStopping : sendDisabled}
               className="shrink-0"

package/src/components/chat/chat-nav-sidebar.tsx

@@ -104,6 +104,8 @@ function ChatNavSidebarButton({ icon, active, className, children, ...props }: C
       type="button"
       aria-current={active ? 'page' : undefined}
       data-state={active ? 'active' : undefined}
+      // The current entry is marked by the accent text alone: no surface, hovered or selected.
+      data-tone="link"
       className={className}
       {...props}
     >
@@ -191,7 +193,12 @@ const ChatListItem = forwardRef<HTMLButtonElement, ChatListItemProps>(
     );
     if (loading) {
       return (
-        <div aria-hidden className={cn(CHAT_LIST_ITEM_CLASS, className)} {...loadingItemProps(props)}>
+        <div
+          aria-hidden
+          data-tone="accent"
+          className={cn(CHAT_LIST_ITEM_CLASS, className)}
+          {...loadingItemProps(props)}
+        >
           {content}
         </div>
       );
@@ -203,6 +210,8 @@ const ChatListItem = forwardRef<HTMLButtonElement, ChatListItemProps>(
         type="button"
         aria-current={active ? 'true' : undefined}
         data-state={active ? 'active' : undefined}
+        // The selected chat takes the accent's secondary fill, with no hover surface.
+        data-tone="accent"
         className={cn('shrink-0', className)}
         {...props}
       >

package/src/components/chat/guide-mode-banner.tsx

@@ -42,7 +42,7 @@ export function GuideModeBanner({ label = DEFAULT_LABEL, tooltip = DEFAULT_TOOLT
         <TooltipProvider delayDuration={0}>
           <Tooltip>
             <TooltipTrigger asChild>
-              <Button variant="transparent" size="icon-inline" type="button" aria-label="About Guide Mode">
+              <Button variant="bare" size="icon-inline" type="button" aria-label="About Guide Mode">
                 <QuestionCircleIcon size={16} className="text-ods-text-on-accent" />
               </Button>
             </TooltipTrigger>