@flamingo-stack/openframe-frontend-core 0.0.762 → 0.0.764

package/dist/{knowledge-UKC2BLQP.cjs → knowledge-4JTOUDAR.cjs}

@@ -8,8 +8,8 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunk72XMAKDAcjs = require('./chunk-72XMAKDA.cjs');
-require('./chunk-E4LA4BEH.cjs');
+var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-GY2JESOC.cjs');
 require('./chunk-2IFCRPNP.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -21,11 +21,11 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-RO72PRQI.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CEJDHCFZ.cjs');
+require('./chunk-T5FRANE6.cjs');
 
 
-var _chunkTQPQKBBLcjs = require('./chunk-TQPQKBBL.cjs');
-require('./chunk-PE26VSWT.cjs');
+var _chunk74ALTXXCcjs = require('./chunk-74ALTXXC.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-GZKWF6NH.cjs');
 require('./chunk-EFTUFJS2.cjs');
@@ -1907,10 +1907,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, 
-    _chunk72XMAKDAcjs.KnowledgeBaseArticleView,
+    _chunkVL6IXTAIcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQPQKBBLcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk74ALTXXCcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-MFVTQ5NN.cjs → logs-7YWAOPZ2.cjs}

@@ -16,8 +16,8 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk72XMAKDAcjs = require('./chunk-72XMAKDA.cjs');
-require('./chunk-E4LA4BEH.cjs');
+var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-GY2JESOC.cjs');
 require('./chunk-2IFCRPNP.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -31,9 +31,9 @@ require('./chunk-RO72PRQI.cjs');
 require('./chunk-YUMFVQIN.cjs');
 
 
-var _chunkCEJDHCFZcjs = require('./chunk-CEJDHCFZ.cjs');
-require('./chunk-TQPQKBBL.cjs');
-require('./chunk-PE26VSWT.cjs');
+var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
+require('./chunk-74ALTXXC.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-GZKWF6NH.cjs');
 require('./chunk-EFTUFJS2.cjs');
@@ -1888,7 +1888,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunk72XMAKDAcjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkVL6IXTAIcjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -1960,13 +1960,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, _chunk72XMAKDAcjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.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, 
-      _chunk72XMAKDAcjs.LogsPageView,
+      _chunkVL6IXTAIcjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -1974,7 +1974,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk72XMAKDAcjs.LogsTableView,
+          _chunkVL6IXTAIcjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -1988,8 +1988,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, _chunk72XMAKDAcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk72XMAKDAcjs.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, _chunkVL6IXTAIcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVL6IXTAIcjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -2001,12 +2001,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk72XMAKDAcjs.ToolBadge, { toolType: _chunkCEJDHCFZcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.ToolBadge, { toolType: _chunkT5FRANE6cjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunk72XMAKDAcjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkVL6IXTAIcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk72XMAKDAcjs.DeviceCard,
+          _chunkVL6IXTAIcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-BETELENB.cjs → policies-W5JEPQTA.cjs}

@@ -10,8 +10,8 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk72XMAKDAcjs = require('./chunk-72XMAKDA.cjs');
-require('./chunk-E4LA4BEH.cjs');
+var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-GY2JESOC.cjs');
 require('./chunk-2IFCRPNP.cjs');
 require('./chunk-HQQE74RO.cjs');
@@ -23,9 +23,9 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-RO72PRQI.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CEJDHCFZ.cjs');
-require('./chunk-TQPQKBBL.cjs');
-require('./chunk-PE26VSWT.cjs');
+require('./chunk-T5FRANE6.cjs');
+require('./chunk-74ALTXXC.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-GZKWF6NH.cjs');
 require('./chunk-EFTUFJS2.cjs');
@@ -1893,14 +1893,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunk72XMAKDAcjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunkVL6IXTAIcjs.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: _chunk72XMAKDAcjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunkVL6IXTAIcjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -1914,16 +1914,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk72XMAKDAcjs.PoliciesTable,
+    _chunkVL6IXTAIcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk72XMAKDAcjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.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, _chunk72XMAKDAcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{scripts-XDT3ZAXU.cjs → scripts-FY5IPOIM.cjs}

@@ -13,8 +13,8 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk72XMAKDAcjs = require('./chunk-72XMAKDA.cjs');
-require('./chunk-E4LA4BEH.cjs');
+var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-GY2JESOC.cjs');
 
 
@@ -28,9 +28,9 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-RO72PRQI.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CEJDHCFZ.cjs');
-require('./chunk-TQPQKBBL.cjs');
-require('./chunk-PE26VSWT.cjs');
+require('./chunk-T5FRANE6.cjs');
+require('./chunk-74ALTXXC.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-GZKWF6NH.cjs');
 require('./chunk-EFTUFJS2.cjs');
@@ -1997,8 +1997,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunk72XMAKDAcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunk72XMAKDAcjs.EXECUTION_COLUMNS.status
+  { ..._chunkVL6IXTAIcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkVL6IXTAIcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2057,7 +2057,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, _chunk2IFCRPNPcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk72XMAKDAcjs.ScriptShellBadge,
+              _chunkVL6IXTAIcjs.ScriptShellBadge,
               {
                 value: script.shellType,
                 className: "shrink-0 text-ods-text-secondary text-h6",
@@ -2081,7 +2081,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, 
-        _chunk72XMAKDAcjs.ScriptExecutionsTable,
+        _chunkVL6IXTAIcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions.slice(0, COMPACT_ROWS),
           columns: COMPACT_COLUMNS,
@@ -2091,13 +2091,13 @@ function ScriptsScreen({ compact = false }) {
       ) })
     );
   }
-  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk72XMAKDAcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.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, 
-        _chunk72XMAKDAcjs.ScriptExecutionsTable,
+        _chunkVL6IXTAIcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-EW5X7R2X.cjs → software-update-5BOGZOHG.cjs}

@@ -15,8 +15,8 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunk72XMAKDAcjs = require('./chunk-72XMAKDA.cjs');
-require('./chunk-E4LA4BEH.cjs');
+var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
+require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-GY2JESOC.cjs');
 
 
@@ -30,9 +30,9 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-RO72PRQI.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-CEJDHCFZ.cjs');
-require('./chunk-TQPQKBBL.cjs');
-require('./chunk-PE26VSWT.cjs');
+require('./chunk-T5FRANE6.cjs');
+require('./chunk-74ALTXXC.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-GZKWF6NH.cjs');
 require('./chunk-EFTUFJS2.cjs');
@@ -1924,12 +1924,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunk2IFCRPNPcjs.Autocomplete,
     {
-      label: _chunk72XMAKDAcjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkVL6IXTAIcjs.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: _chunk72XMAKDAcjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkVL6IXTAIcjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1943,7 +1943,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, 
-    _chunk72XMAKDAcjs.SoftwareActionForm,
+    _chunkVL6IXTAIcjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1955,7 +1955,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk72XMAKDAcjs.DeviceSelector,
+        _chunkVL6IXTAIcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/dist/{tickets-board-4PBXPSGJ.cjs → tickets-board-DXMF7IKL.cjs}

@@ -10,9 +10,9 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkE4LA4BEHcjs = require('./chunk-E4LA4BEH.cjs');
+var _chunkZCU2PYCWcjs = require('./chunk-ZCU2PYCW.cjs');
 require('./chunk-FQSXZC2K.cjs');
-require('./chunk-PE26VSWT.cjs');
+require('./chunk-BIA77I6B.cjs');
 require('./chunk-EFTUFJS2.cjs');
 require('./chunk-ZOZR3QI2.cjs');
 require('./chunk-OMV5S5PI.cjs');
@@ -1840,7 +1840,7 @@ function buildTicketsBoardFixture(cast) {
   const dana = assignee(cast.person("dana"));
   const alex = assignee(cast.person("alex"));
   return [
-    _chunkE4LA4BEHcjs.columnFromTicketStatus.call(void 0, "ACTIVE", [
+    _chunkZCU2PYCWcjs.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"]
       })
     ]),
-    _chunkE4LA4BEHcjs.columnFromTicketStatus.call(void 0, "TECH_REQUIRED", [
+    _chunkZCU2PYCWcjs.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
       })
     ]),
-    _chunkE4LA4BEHcjs.columnFromTicketStatus.call(void 0, "ON_HOLD", [
+    _chunkZCU2PYCWcjs.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" }
       })
     ]),
-    _chunkE4LA4BEHcjs.columnFromTicketStatus.call(void 0, 
+    _chunkZCU2PYCWcjs.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, _chunkE4LA4BEHcjs.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, _chunkZCU2PYCWcjs.Board, { columns, onChange: noop, initialCollapsed: compact ? void 0 : FOLDED }) });
 }
 
 

package/dist/utils/date-utils.d.ts

@@ -7,11 +7,16 @@
  */
 /**
  * Relative display label for a ticket timestamp (ISO string).
- * < 1 min → "Just now" | 1-59 min → "X min ago" | 1-23 h → "X hour(s) ago" | 24+ h → "MM/DD/YYYY"
+ * < 1 min → "Just now" | 1-59 min → "X min ago" | 1-23 h → "X hour(s) ago" | 24+ h → the
+ * calendar day as the viewer writes it (`03/20/2026` in en-US, `20/03/2026` in en-AU).
  */
 export declare function formatTicketRelativeTime(iso: string): string;
 /**
- * Full tooltip timestamp in "MM/DD/YYYY, H:MM AM/PM" format.
+ * Full tooltip timestamp for a ticket — the numeric date and the clock in the
+ * viewer's own zone and locale (`03/20/2026, 1:05 PM` in en-US,
+ * `20/03/2026, 13:05` in en-AU). A ticket's "created at" is read by the person
+ * looking at it, not by a server, so it is not UTC-pinned like content dates.
+ * The locale's own 12/24-hour convention applies — no `hour12` is forced.
  */
 export declare function formatTicketFullTimestamp(iso: string): string;
 /**

package/dist/utils/date-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../src/utils/date-utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAY5D;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAI7D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEnE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,MAAM,CA6ClF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE,IAAI,CAAC,qBAA0B,GAAG,MAAM,CAe7G;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE,IAAI,CAAC,qBAA0B,GAAG,MAAM,CAYzG;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAwB1E;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAKzD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAOlF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C"}
+{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../src/utils/date-utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAa5D;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO7D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEnE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,MAAM,CA6ClF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE,IAAI,CAAC,qBAA0B,GAAG,MAAM,CAe7G;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAE,IAAI,CAAC,qBAA0B,GAAG,MAAM,CAYzG;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAwB1E;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAKzD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAOlF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C"}

package/dist/utils/date-utils.js

@@ -1,4 +1,4 @@
-import { formatDateWithTimezone } from "./format.js";
+import { formatDateWithTimezone, VIEWER_TIMEZONE } from "./format.js";
 const ZONED_DATE_FIELDS_MEDIUM_DATETIME = {
   year: "numeric",
   month: "short",
@@ -16,10 +16,15 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return formatDateWithTimezone(date, null, "numeric");
+  return formatDateWithTimezone(date, VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return formatDateWithTimezone(iso, null, "numericDateTime");
+  return formatDateWithTimezone(
+    iso,
+    VIEWER_TIMEZONE,
+    { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
+    { viewerLocale: true }
+  );
 }
 function formatRelativeTime(timestamp) {
   return formatRelativeTimeFrom(timestamp, /* @__PURE__ */ new Date());

package/dist/utils/index.cjs

@@ -82841,10 +82841,15 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return formatDateWithTimezone(date, null, "numeric");
+  return formatDateWithTimezone(date, VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return formatDateWithTimezone(iso, null, "numericDateTime");
+  return formatDateWithTimezone(
+    iso,
+    VIEWER_TIMEZONE,
+    { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
+    { viewerLocale: true }
+  );
 }
 function formatRelativeTime(timestamp) {
   return formatRelativeTimeFrom(timestamp, /* @__PURE__ */ new Date());

package/package.json

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

package/src/components/features/walkthrough-video.tsx

@@ -79,6 +79,7 @@ import { VolumeXmarkIcon } from '../icons-v2-generated/audio-and-visual/volume-x
 import { PauseIcon } from '../icons-v2-generated/media-playback/pause-icon';
 import { PlayIcon } from '../icons-v2-generated/media-playback/play-icon';
 import { XmarkIcon } from '../icons-v2-generated/signs-and-symbols/xmark-icon';
+import { UnifiedSkeleton } from '../loading/unified-skeleton';
 import { Button } from '../ui/button';
 import { DialogPortal, DialogOverlay } from '../ui/dialog';
 import { SquareAvatar } from '../ui/square-avatar';
@@ -87,6 +88,10 @@ import { Video, type VideoPlayerHandle, type VideoMutedFallbackState } from './v
 import { VideoPlayBadge, VideoUnmuteGlyph } from './video-center-badge';
 import { VideoHoverPreviewSurface } from './video-hover-preview';
 
+/** The inline card's box: 16:9 across the host's width, rounded and bordered. ONE string, read by the card and
+ *  its skeleton, so the page keeps the same height before and after the player mounts. */
+const INLINE_CARD_BOX_CLASS = 'aspect-video w-full rounded-md border border-ods-border';
+
 /** Wire-shape data for the widget. Kept as the shared contract the hub DAL
  *  re-exports as `PublicWalkthroughVideo & { id }`. `mainVideoUrl`/`youtubeUrl`
  *  stay SEPARATE — YouTube wins when both are set (card matches theater). */
@@ -967,6 +972,7 @@ function WalkthroughVideo({
         // receives pointer events — the media layer is pointer-events-none, so
         // a group inside it can never match :hover.
         'group/card pointer-events-auto relative overflow-hidden rounded-md border border-ods-border bg-ods-card',
+        inline && INLINE_CARD_BOX_CLASS,
         // The lift is what separates a FLOATING card from the page beneath it;
         // an in-flow block sitting inside a host card needs no shadow at all.
         !inline && 'shadow-2xl',
@@ -1195,6 +1201,9 @@ function WalkthroughVideo({
 
   return (
     <>
+      {/* Inline, the card mounts after hydration: until then its skeleton holds the same box, so the page below
+          does not jump when the player appears. A floating card is an overlay and takes no space. */}
+      {inline && !showCard && !dismissed && <InlineWalkthroughVideoSkeleton className={className} />}
       {showCard &&
         (inline ? (
           // No wrapper: a positioning / z-index / safe-area shell around an
@@ -1314,3 +1323,11 @@ export function FloatingWalkthroughVideo(props: FloatingWalkthroughVideoProps):
 export function InlineWalkthroughVideo(props: InlineWalkthroughVideoProps): React.ReactElement {
   return <WalkthroughVideo {...props} placement="inline" appearDelayMs={0} dismissal={false} />;
 }
+
+/**
+ * The inline video's loading state: the shared skeleton in the card's own box. The inline card draws it itself
+ * until its player mounts; a host whose video data is still loading draws it in the same slot.
+ */
+export function InlineWalkthroughVideoSkeleton({ className }: { className?: string }): React.ReactElement {
+  return <UnifiedSkeleton className={cn(INLINE_CARD_BOX_CLASS, className)} />;
+}

package/src/components/ui/date-picker.tsx

@@ -64,8 +64,10 @@ export type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps;
 
 // A picked date is a LOCAL calendar date (the grid builds it from y/m/d in the
 // browser's zone), so it renders in the viewer's zone — UTC would move it a day
-// for anyone east of Greenwich.
-const defaultFormatDate = (date: Date): string => formatDateWithTimezone(date, VIEWER_TIMEZONE, 'numeric');
+// for anyone east of Greenwich — and in the viewer's locale: the field reads the
+// way its user writes dates (`03/20/2026` in en-US, `20/03/2026` in en-AU).
+const defaultFormatDate = (date: Date): string =>
+  formatDateWithTimezone(date, VIEWER_TIMEZONE, 'numeric', { viewerLocale: true });
 
 const formatDateRange = (range: DateRange | undefined, formatFn: (date: Date) => string): string => {
   if (!range?.from) return '';
@@ -464,7 +466,8 @@ export function DatePickerCalendar({
   const handlePreviousMonth = () => shiftMonth(-1);
   const handleNextMonth = () => shiftMonth(1);
 
-  const formatMonthYear = (date: Date): string => formatDateWithTimezone(date, VIEWER_TIMEZONE, 'monthYear');
+  const formatMonthYear = (date: Date): string =>
+    formatDateWithTimezone(date, VIEWER_TIMEZONE, 'monthYear', { viewerLocale: true });
 
   const getSecondMonth = (date: Date): Date => {
     const next = new Date(date);

package/src/components/ui/device-card.tsx

@@ -2,7 +2,7 @@
 
 import type React from 'react';
 import { cn } from '../../utils/cn';
-import { formatDateTimeYmd } from '../../utils/format';
+import { formatDate, formatTime } from '../../utils/format-date';
 import type { OSPlatformId } from '../../utils/os-platforms';
 import { OSTypeIcon } from '../features/os-type-badge';
 import { MonitorIcon } from '../icons-v2-generated/devices/monitor-icon';
@@ -61,13 +61,12 @@ export function DeviceCard({
   className,
   ...props
 }: DeviceCardProps) {
-  // Format date for last seen
+  // "Last seen" is read as "your local time", the same way the devices table
+  // column renders it: the viewer's zone and locale, never UTC.
   const formatLastSeen = (lastSeen?: string | Date) => {
     if (!lastSeen) return null;
-
-    // UTC-pinned so the server and every client agree (React #418), through the
-    // one renderer rather than hand-built `getUTC*` strings.
-    return formatDateTimeYmd(lastSeen, null) || null;
+    const date = formatDate(lastSeen);
+    return date === '—' ? null : `${date} ${formatTime(lastSeen)}`;
   };
 
   return (

package/src/components/ui/index.ts

@@ -249,6 +249,7 @@ export * from './incident-feed';
 export * from './status-line';
 export * from './snap-carousel';
 export * from './sticky-action-bar';
+export * from './super-user-banner-view';
 export { RequiredMark } from './required-mark';
 export { IconTile } from './icon-tile';
 export { PolicyLink } from './policy-link';

package/src/components/ui/super-user-banner-view.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { cn } from '../../utils/cn';
+import { AlertTriangleIcon } from '../icons-v2-generated';
+import { AnnouncementBarView } from './announcement-bar-view';
+import { Tag } from './tag';
+
+export interface SuperUserBannerViewProps {
+  /** The tenant whose data is on screen - never the super tenant the session belongs to. */
+  tenantName: string;
+  /**
+   * Trailing environment chip ("Production environment"). Omit it where the
+   * host has no environment to name; the strip then ends at the text.
+   */
+  environmentLabel?: string;
+  className?: string;
+}
+
+/**
+ * The strip a super user sees over every page while looking at a tenant that
+ * is not their own: who you are acting as, and whose data it is. Props-only;
+ * the host decides when it shows (a super user session) and what it names
+ * (the tenant of the current host, not the one on `/me`).
+ *
+ * A skin over `AnnouncementBarView` rather than a strip of its own: the slots,
+ * the one-line truncation and the touch-width behaviour are that bar's. What
+ * this adds is the design's error surface - error-secondary fill, an error
+ * rule along the bottom, the triangle in error, the role in error and the
+ * tenant in primary text at body scale - and the environment chip at the end.
+ */
+export function SuperUserBannerView({ tenantName, environmentLabel, className }: SuperUserBannerViewProps) {
+  return (
+    <AnnouncementBarView
+      className={cn('shrink-0 border-b border-ods-error bg-ods-error-secondary text-ods-text-primary', className)}
+      contentClassName="gap-[var(--spacing-system-s)] py-[var(--spacing-system-m)] pl-[var(--spacing-system-m)]"
+      startAdornment={<AlertTriangleIcon className="size-6 shrink-0 text-ods-error" aria-hidden="true" />}
+      title={
+        <p className="mb-0 min-w-0 max-w-full truncate text-h4">
+          <span className="text-ods-error">Super user access: </span>
+          <span>{tenantName}</span>
+        </p>
+      }
+      endAdornment={
+        // Below `md` the chip would take the width the tenant name needs, and
+        // the name is the point of the strip: the chip waits for `md`.
+        environmentLabel ? (
+          <Tag variant="critical" label={environmentLabel} className="uppercase max-md:hidden" />
+        ) : undefined
+      }
+    />
+  );
+}