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

package/dist/{knowledge-TFTDHYGR.cjs → knowledge-FLQDJJPG.cjs}

@@ -8,10 +8,10 @@ var _chunkLHV2R6QUcjs = require('./chunk-LHV2R6QU.cjs');
 var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
-var _chunkEQB3NSY6cjs = require('./chunk-EQB3NSY6.cjs');
+var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
 require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
-require('./chunk-VQG2A7GA.cjs');
+require('./chunk-TRZEFT2N.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-LWMWY3JO.cjs');
@@ -19,11 +19,11 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-LQDPAMXK.cjs');
+require('./chunk-WAYYHZFS.cjs');
 require('./chunk-OT6P57ZS.cjs');
 
 
-var _chunkD6ZSRGH2cjs = require('./chunk-D6ZSRGH2.cjs');
+var _chunkZ7A7IZWLcjs = require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
 require('./chunk-5L3UKDC6.cjs');
 require('./chunk-YJZ7R3W5.cjs');
@@ -1908,10 +1908,10 @@ 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, 
-    _chunkEQB3NSY6cjs.KnowledgeBaseArticleView,
+    _chunkEDBQXRKNcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD6ZSRGH2cjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ7A7IZWLcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

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

@@ -15,10 +15,10 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEQB3NSY6cjs = require('./chunk-EQB3NSY6.cjs');
+var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
 require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
-require('./chunk-VQG2A7GA.cjs');
+require('./chunk-TRZEFT2N.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-LWMWY3JO.cjs');
@@ -28,11 +28,11 @@ require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
 
 
-var _chunkLQDPAMXKcjs = require('./chunk-LQDPAMXK.cjs');
+var _chunkWAYYHZFScjs = require('./chunk-WAYYHZFS.cjs');
 
 
 var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.cjs');
-require('./chunk-D6ZSRGH2.cjs');
+require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
 require('./chunk-5L3UKDC6.cjs');
 require('./chunk-YJZ7R3W5.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: _chunkEQB3NSY6cjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunkEDBQXRKNcjs.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, _chunkEQB3NSY6cjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDBQXRKNcjs.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, 
-      _chunkEQB3NSY6cjs.LogsPageView,
+      _chunkEDBQXRKNcjs.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, 
-          _chunkEQB3NSY6cjs.LogsTableView,
+          _chunkEDBQXRKNcjs.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, 
-      _chunkEQB3NSY6cjs.LogDrawer,
+      _chunkEDBQXRKNcjs.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, _chunkEQB3NSY6cjs.ToolBadge, { toolType: _chunkLQDPAMXKcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDBQXRKNcjs.ToolBadge, { toolType: _chunkWAYYHZFScjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkEQB3NSY6cjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunkEDBQXRKNcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEQB3NSY6cjs.DeviceCard,
+          _chunkEDBQXRKNcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

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

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

package/dist/{scripts-37L6FIKG.cjs → scripts-MVJAIKSW.cjs}

@@ -13,12 +13,12 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEQB3NSY6cjs = require('./chunk-EQB3NSY6.cjs');
+var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
 
 
 var _chunkFNNDGOR3cjs = require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
-require('./chunk-VQG2A7GA.cjs');
+require('./chunk-TRZEFT2N.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-LWMWY3JO.cjs');
@@ -26,9 +26,9 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-LQDPAMXK.cjs');
+require('./chunk-WAYYHZFS.cjs');
 require('./chunk-OT6P57ZS.cjs');
-require('./chunk-D6ZSRGH2.cjs');
+require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
 require('./chunk-5L3UKDC6.cjs');
 require('./chunk-YJZ7R3W5.cjs');
@@ -1998,8 +1998,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkEQB3NSY6cjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkEQB3NSY6cjs.EXECUTION_COLUMNS.status
+  { ..._chunkEDBQXRKNcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunkEDBQXRKNcjs.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, 
-              _chunkEQB3NSY6cjs.ScriptShellBadge,
+              _chunkEDBQXRKNcjs.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, 
-        _chunkEQB3NSY6cjs.ScriptExecutionsTable,
+        _chunkEDBQXRKNcjs.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, _chunkEQB3NSY6cjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDBQXRKNcjs.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, 
-        _chunkEQB3NSY6cjs.ScriptExecutionsTable,
+        _chunkEDBQXRKNcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

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

@@ -15,12 +15,12 @@ var _chunkFDZOE5TLcjs = require('./chunk-FDZOE5TL.cjs');
 
 
 
-var _chunkEQB3NSY6cjs = require('./chunk-EQB3NSY6.cjs');
+var _chunkEDBQXRKNcjs = require('./chunk-EDBQXRKN.cjs');
 
 
 var _chunkFNNDGOR3cjs = require('./chunk-FNNDGOR3.cjs');
 require('./chunk-SWMUW3RR.cjs');
-require('./chunk-VQG2A7GA.cjs');
+require('./chunk-TRZEFT2N.cjs');
 require('./chunk-HQQE74RO.cjs');
 require('./chunk-DEY6XXGO.cjs');
 require('./chunk-LWMWY3JO.cjs');
@@ -28,9 +28,9 @@ require('./chunk-APOMNC7H.cjs');
 require('./chunk-24I6RFVU.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-5SZ4ILU3.cjs');
-require('./chunk-LQDPAMXK.cjs');
+require('./chunk-WAYYHZFS.cjs');
 require('./chunk-OT6P57ZS.cjs');
-require('./chunk-D6ZSRGH2.cjs');
+require('./chunk-Z7A7IZWL.cjs');
 require('./chunk-4JHO2NVI.cjs');
 require('./chunk-5L3UKDC6.cjs');
 require('./chunk-YJZ7R3W5.cjs');
@@ -1925,12 +1925,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkFNNDGOR3cjs.Autocomplete,
     {
-      label: _chunkEQB3NSY6cjs.PACKAGE_SEARCH_LABEL,
+      label: _chunkEDBQXRKNcjs.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: _chunkEQB3NSY6cjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunkEDBQXRKNcjs.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, 
-    _chunkEQB3NSY6cjs.SoftwareActionForm,
+    _chunkEDBQXRKNcjs.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, 
-        _chunkEQB3NSY6cjs.DeviceSelector,
+        _chunkEDBQXRKNcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

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

package/src/components/chat/mingo-quick-action-wall.tsx

@@ -7,7 +7,7 @@ import { Ellipsis01Icon } from '../icons-v2-generated';
 import { PageTopicLabel } from '../page-topic-label';
 import { ActionsMenuDropdown } from '../ui/actions-menu';
 import { Button } from '../ui/button';
-import { LoadingItems, useLoadingScope } from '../ui/loading-scope';
+import { LoadingItems, loadingItemProps, useLoadingScope } from '../ui/loading-scope';
 import type { MingoQuickAction } from './mingo-welcome';
 import {
   QuickActionChipButton,
@@ -26,6 +26,9 @@ import { WALL_SKELETON_LABEL_CH } from './quick-action-wall';
  */
 export const QUICK_ACTION_SET_SLOTS = 4;
 
+/** The set loads as every one of its slots. */
+const QUICK_ACTION_SKELETON_COUNT = QUICK_ACTION_SET_SLOTS;
+
 export interface QuickActionSetProps {
   /** The actions, in the order to show them (the host puts the page topic's own first). */
   chips: ReadonlyArray<QuickActionChip>;
@@ -86,16 +89,15 @@ export function QuickActionSet({
       {showTopic && <PageTopicLabel className="text-right" />}
       <div className="grid grid-cols-1 gap-[var(--spacing-system-xs)] @[18rem]:grid-cols-2 @[48rem]:grid-cols-4">
         {loading ? (
-          <LoadingItems count={QUICK_ACTION_SET_SLOTS}>
+          <LoadingItems count={QUICK_ACTION_SKELETON_COUNT}>
             {i => (
-              <Slot>
+              <Slot data-loading-item>
                 <QuickActionChipButton
                   loading
                   fill
                   label=""
                   icon
                   labelCh={WALL_SKELETON_LABEL_CH[i % WALL_SKELETON_LABEL_CH.length]}
-                  data-loading-item
                 />
               </Slot>
             )}
@@ -103,8 +105,8 @@ export function QuickActionSet({
         ) : (
           <>
             {shown.map(chip => (
-              <Slot key={chip.id}>
-                <QuickActionChipFromData chip={chip} defaultTheme={theme} fill data-loading-item />
+              <Slot key={chip.id} data-loading-item>
+                <QuickActionChipFromData chip={chip} defaultTheme={theme} fill />
               </Slot>
             ))}
             {overflows && (
@@ -146,9 +148,18 @@ export function QuickActionSet({
 
 /** One cell of the set's grid: whatever it holds (a chip, its loading form, "More", or an unused slot's unseen box)
  *  fills it. */
-function Slot({ unused = false, children }: { unused?: boolean; children: ReactNode }) {
+function Slot({
+  unused = false,
+  children,
+  ...rest
+}: {
+  unused?: boolean;
+  children: ReactNode;
+  'data-loading-item'?: boolean;
+}) {
   return (
     <div
+      {...loadingItemProps(rest)}
       data-testid="quick-action-slot"
       aria-hidden={unused || undefined}
       className={cn('min-w-0', unused && 'invisible')}

package/src/components/features/devices/device-selector/device-selector.tsx

@@ -277,7 +277,7 @@ export function DeviceSelector<T extends DeviceRow = DeviceRow>({
   }, [disabled, server, onSelectionChange]);
 
   // Tag chips in the search bar take "key:value" form (e.g. "env:prod").
-  // Plain text chips are kept visually but don't filter (matches DevicesPanel behavior).
+  // A chip without a key filters nothing (matches DevicesPanel behavior).
   const selectedTagValues = useMemo(
     () =>
       selectedTags.flatMap(t => {
@@ -499,16 +499,6 @@ export function DeviceSelector<T extends DeviceRow = DeviceRow>({
     setSelectedTags([]);
   }, [setSearchTerm, setSelectedTags]);
 
-  const handleTagSubmit = useCallback(
-    (value: string) => {
-      const trimmed = value.trim();
-      if (!trimmed) return;
-      if (!selectedTags.includes(trimmed)) setSelectedTags([...selectedTags, trimmed]);
-      setSearchTerm('');
-    },
-    [selectedTags, setSelectedTags, setSearchTerm],
-  );
-
   const columns = useMemo<ColumnDef<T>[]>(
     () => [
       {
@@ -810,7 +800,6 @@ export function DeviceSelector<T extends DeviceRow = DeviceRow>({
                 tags={tagOptions}
                 onTagRemove={handleTagRemove}
                 onClearAll={handleClearAll}
-                onSubmit={handleTagSubmit}
                 onOpenFilterModal={openTagsModal}
                 isFilterModalOpen={tagsModalOpen}
                 onCloseFilterModal={closeTagsModal}

package/src/components/features/devices/device-selector/narrowing.ts

@@ -8,8 +8,8 @@ export const EMPTY_NARROWING: DeviceSelectorNarrowing = { columnFilters: [], tag
  *
  * The component speaks in table column filters and `key:value` chips because
  * that is what its controls produce; the owner's device fields take a
- * `DeviceFilterInput`. A plain-text chip (no colon) stays on screen but carries
- * no filter, same as the devices page.
+ * `DeviceFilterInput`. A chip without a colon carries no filter, same as the
+ * devices page.
  */
 export function narrowingToFilter(narrowing: DeviceSelectorNarrowing): DeviceFilterInput {
   const column = (id: string) => narrowing.columnFilters.find(f => f.id === id)?.value as string[] | undefined;

package/src/components/features/devices/devices-filter-toolbar.tsx

@@ -15,7 +15,6 @@ export interface DevicesFilterToolbarProps {
   tags: TagSearchOption<string>[];
   onTagRemove: (value: string) => void;
   onClearAll: () => void;
-  onSubmit: (value: string) => void;
 
   /** Open the Device Tags modal. */
   onOpenFilterModal: () => void;
@@ -58,7 +57,6 @@ export function DevicesFilterToolbar({
   tags,
   onTagRemove,
   onClearAll,
-  onSubmit,
   onOpenFilterModal,
   isFilterModalOpen,
   onCloseFilterModal,
@@ -89,7 +87,6 @@ export function DevicesFilterToolbar({
             onSearchChange={onSearchChange}
             onTagRemove={onTagRemove}
             onClearAll={onClearAll}
-            onSubmit={onSubmit}
             placeholder="Search for Devices"
             addMorePlaceholder="Add More..."
           />

package/src/components/features/devices/devices-list.tsx

@@ -19,7 +19,7 @@ export interface DevicesListNarrowing {
   statuses: string[];
   osTypes: string[];
   organizationIds: string[];
-  /** Chips as typed. `key:value` narrows; a bare word stays visible and filters nothing. */
+  /** Chips from the tag filter, `key:value`. A bare word from an old link stays visible and filters nothing. */
   tags: string[];
 }
 
@@ -262,15 +262,6 @@ export function DevicesList<T extends DeviceRow = DeviceRow>({
     [patch, narrowing.tags],
   );
 
-  const handleTagSubmit = useCallback(
-    (value: string) => {
-      const trimmed = value.trim();
-      if (!trimmed) return;
-      patch({ search: '', tags: narrowing.tags.includes(trimmed) ? narrowing.tags : [...narrowing.tags, trimmed] });
-    },
-    [patch, narrowing.tags],
-  );
-
   const handleClearAll = useCallback(() => patch({ search: '', tags: [] }), [patch]);
 
   const narrowed = isNarrowed(narrowing);
@@ -308,7 +299,6 @@ export function DevicesList<T extends DeviceRow = DeviceRow>({
           tags={tagOptions}
           onTagRemove={handleTagRemove}
           onClearAll={handleClearAll}
-          onSubmit={handleTagSubmit}
           onOpenFilterModal={openFilterModal}
           isFilterModalOpen={filterModalOpen}
           onCloseFilterModal={closeFilterModal}

package/src/components/features/devices/devices-panel-view.tsx

@@ -35,7 +35,6 @@ export const IDLE_DEVICES_TOOLBAR: DevicesFilterToolbarProps = {
   tags: NO_TAGS,
   onTagRemove: noop,
   onClearAll: noop,
-  onSubmit: noop,
   onOpenFilterModal: noop,
   isFilterModalOpen: false,
   onCloseFilterModal: noop,