@proteos/ui 0.57.0 → 0.58.0

package/dist/index.cjs

@@ -647,7 +647,7 @@ function IconPicker({
     open(false);
     triggerRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     compact ? /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -1230,7 +1230,7 @@ function BadgeMultiSelect({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1636,7 +1636,10 @@ function CheckboxGroup({
     reactAriaComponents.CheckboxGroup,
     {
       ...props,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+        "grid gap-2 content-start",
+        typeof className === "function" ? className(renderProps) : className
+      ),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3", children }),
@@ -1715,7 +1718,7 @@ function ColorInput({
       isInvalid: invalid,
       onBlur: settle,
       ...ariaLabel ? { "aria-label": ariaLabel } : {},
-      className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className),
+      className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1811,7 +1814,7 @@ function Combobox({
       ...props,
       allowsEmptyCollection,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -1940,6 +1943,112 @@ function ComboboxItem(props) {
   );
 }
 
+// src/lib/commands/platform.ts
+var cached;
+function getPlatform() {
+  if (cached !== void 0) return cached;
+  cached = detect();
+  return cached;
+}
+function detect() {
+  if (typeof navigator === "undefined") return "other";
+  const ua = navigator.userAgentData;
+  if (ua?.platform) {
+    return /mac/i.test(ua.platform) ? "mac" : "other";
+  }
+  const legacy = navigator.platform ?? "";
+  return /mac/i.test(legacy) ? "mac" : "other";
+}
+
+// src/lib/commands/discovery-store.ts
+var cmdHeld = false;
+var shiftHeld = false;
+var initialized = false;
+var listeners = /* @__PURE__ */ new Set();
+function getSnapshot() {
+  return cmdHeld && shiftHeld;
+}
+function getServerSnapshot() {
+  return false;
+}
+function emit() {
+  for (const l of listeners) l();
+}
+function sync(cmdNow, shiftNow) {
+  if (cmdNow !== cmdHeld || shiftNow !== shiftHeld) {
+    cmdHeld = cmdNow;
+    shiftHeld = shiftNow;
+    emit();
+  }
+}
+function onKeyDown(e) {
+  const platform = getPlatform();
+  const cmdFlag = platform === "mac" ? e.metaKey : e.ctrlKey;
+  if (e.key === "Meta" || e.key === "Control") {
+    sync(true, e.shiftKey);
+    return;
+  }
+  if (e.key === "Shift") {
+    sync(cmdFlag, true);
+    return;
+  }
+  sync(cmdFlag, e.shiftKey);
+}
+function onKeyUp(e) {
+  const platform = getPlatform();
+  const cmdFlag = platform === "mac" ? e.metaKey : e.ctrlKey;
+  if (e.key === "Meta" || e.key === "Control") {
+    sync(false, e.shiftKey);
+    return;
+  }
+  if (e.key === "Shift") {
+    sync(cmdFlag, false);
+    return;
+  }
+  sync(cmdFlag, e.shiftKey);
+}
+function onBlur() {
+  sync(false, false);
+}
+function ensureInitialized() {
+  if (initialized) return;
+  if (typeof window === "undefined") return;
+  window.addEventListener("keydown", onKeyDown, { capture: true });
+  window.addEventListener("keyup", onKeyUp, { capture: true });
+  window.addEventListener("blur", onBlur);
+  initialized = true;
+}
+function subscribe(listener) {
+  ensureInitialized();
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useDiscoveryActive() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+// src/lib/commands/match-event.ts
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  const tag = target.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (target.isContentEditable) return true;
+  const attr = target.getAttribute("contenteditable");
+  if (attr === "" || attr === "true" || attr === "plaintext-only") return true;
+  return false;
+}
+function matches(event, combo) {
+  const platform = getPlatform();
+  const modPressed = platform === "mac" ? event.metaKey : event.ctrlKey;
+  if (!modPressed) return false;
+  if (combo.isLetter) {
+    return event.code === `Key${combo.key.toUpperCase()}`;
+  }
+  return event.key.toLowerCase() === combo.key.toLowerCase();
+}
+
 // src/lib/commands/parse-combo.ts
 var MOD_ALIASES = /* @__PURE__ */ new Set(["mod", "cmd", "meta"]);
 var FORBIDDEN_EXTRA_MODS = /* @__PURE__ */ new Set(["shift", "alt", "option"]);
@@ -1997,46 +2106,14 @@ function assertNotProtected(combo) {
   }
 }
 
-// src/lib/commands/platform.ts
-var cached;
-function getPlatform() {
-  if (cached !== void 0) return cached;
-  cached = detect();
-  return cached;
-}
-function detect() {
-  if (typeof navigator === "undefined") return "other";
-  const ua = navigator.userAgentData;
-  if (ua?.platform) {
-    return /mac/i.test(ua.platform) ? "mac" : "other";
-  }
-  const legacy = navigator.platform ?? "";
-  return /mac/i.test(legacy) ? "mac" : "other";
-}
-
-// src/lib/commands/match-event.ts
-function isEditableTarget(target) {
-  if (!(target instanceof HTMLElement)) return false;
-  const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  if (target.isContentEditable) return true;
-  const attr = target.getAttribute("contenteditable");
-  if (attr === "" || attr === "true" || attr === "plaintext-only") return true;
-  return false;
-}
-function matches(event, combo) {
-  const platform = getPlatform();
-  const modPressed = platform === "mac" ? event.metaKey : event.ctrlKey;
-  if (!modPressed) return false;
-  if (combo.isLetter) {
-    return event.code === `Key${combo.key.toUpperCase()}`;
-  }
-  return event.key.toLowerCase() === combo.key.toLowerCase();
-}
-
 // src/lib/commands/registry.ts
 var stacks = /* @__PURE__ */ new Map();
+var listeners2 = /* @__PURE__ */ new Set();
 var listenerInstalled = false;
+var version = 0;
+var snapshotVersion = -1;
+var snapshot = [];
+var EMPTY = [];
 function onWindowKeyDown(event) {
   for (const entries of stacks.values()) {
     const top = entries[entries.length - 1];
@@ -2055,101 +2132,123 @@ function ensureListener() {
   window.addEventListener("keydown", onWindowKeyDown, { capture: true });
   listenerInstalled = true;
 }
-function register(combo, handler) {
+function emit2() {
+  version++;
+  for (const listener of listeners2) listener();
+}
+function register(combo, handler, options) {
   ensureListener();
   const list = stacks.get(combo.raw) ?? [];
-  const entry = { combo, handler };
+  const entry = {
+    combo,
+    handler,
+    ...options?.label !== void 0 ? { label: options.label } : {}
+  };
   list.push(entry);
   stacks.set(combo.raw, list);
+  emit2();
   return () => {
     const current = stacks.get(combo.raw);
     if (!current) return;
     const idx = current.lastIndexOf(entry);
     if (idx >= 0) current.splice(idx, 1);
     if (current.length === 0) stacks.delete(combo.raw);
+    emit2();
   };
 }
+function subscribe2(listener) {
+  listeners2.add(listener);
+  return () => {
+    listeners2.delete(listener);
+  };
+}
+function resolveLabel(label) {
+  const value = typeof label === "function" ? label() : label;
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : void 0;
+}
+function invokeEntry(entry) {
+  entry.handler(new KeyboardEvent("keydown", { key: entry.combo.key, cancelable: true }));
+}
+function listActiveCommands() {
+  const out = [];
+  for (const entries of stacks.values()) {
+    const top = entries[entries.length - 1];
+    if (!top) continue;
+    const label = resolveLabel(top.label);
+    if (!label) continue;
+    out.push({ combo: top.combo, label, invoke: () => invokeEntry(top) });
+  }
+  return out;
+}
+function getActiveCommandsSnapshot() {
+  if (snapshotVersion !== version) {
+    snapshot = listActiveCommands();
+    snapshotVersion = version;
+  }
+  return snapshot;
+}
+function getActiveCommandsServerSnapshot() {
+  return EMPTY;
+}
 
-// src/lib/commands/use-command.ts
+// src/lib/commands/use-active-commands.ts
+function useActiveCommands() {
+  return react.useSyncExternalStore(subscribe2, getActiveCommandsSnapshot, getActiveCommandsServerSnapshot);
+}
 function useCommand(combo, handler, options) {
   const enabled = options?.enabled ?? true;
   const handlerRef = react.useRef(handler);
+  const labelRef = react.useRef(options?.label);
   react.useEffect(() => {
     handlerRef.current = handler;
+    labelRef.current = options?.label;
   });
   react.useEffect(() => {
     if (!enabled) return void 0;
     const parsed = parseCombo(combo);
     assertNotProtected(parsed);
-    return register(parsed, (event) => handlerRef.current(event));
+    return register(parsed, (event) => handlerRef.current(event), {
+      label: () => {
+        const label = labelRef.current;
+        return typeof label === "function" ? label() : label;
+      }
+    });
   }, [combo, enabled]);
 }
-var cmdHeld = false;
-var shiftHeld = false;
-var initialized = false;
-var listeners = /* @__PURE__ */ new Set();
-function getSnapshot() {
-  return cmdHeld && shiftHeld;
-}
-function getServerSnapshot() {
-  return false;
-}
-function emit() {
-  for (const l of listeners) l();
-}
-function sync(cmdNow, shiftNow) {
-  if (cmdNow !== cmdHeld || shiftNow !== shiftHeld) {
-    cmdHeld = cmdNow;
-    shiftHeld = shiftNow;
-    emit();
-  }
-}
-function onKeyDown(e) {
-  const platform = getPlatform();
-  const cmdFlag = platform === "mac" ? e.metaKey : e.ctrlKey;
-  if (e.key === "Meta" || e.key === "Control") {
-    sync(true, e.shiftKey);
-    return;
-  }
-  if (e.key === "Shift") {
-    sync(cmdFlag, true);
-    return;
-  }
-  sync(cmdFlag, e.shiftKey);
-}
-function onKeyUp(e) {
-  const platform = getPlatform();
-  const cmdFlag = platform === "mac" ? e.metaKey : e.ctrlKey;
-  if (e.key === "Meta" || e.key === "Control") {
-    sync(false, e.shiftKey);
-    return;
-  }
-  if (e.key === "Shift") {
-    sync(cmdFlag, false);
-    return;
-  }
-  sync(cmdFlag, e.shiftKey);
-}
-function onBlur() {
-  sync(false, false);
+var stack = [];
+var listenerInstalled2 = false;
+function onWindowKeyDown2(event) {
+  if (event.key !== "Escape") return;
+  if (isEditableTarget(event.target)) return;
+  const top = stack[stack.length - 1];
+  if (!top) return;
+  top.handler(event);
 }
-function ensureInitialized() {
-  if (initialized) return;
+function ensureListener2() {
+  if (listenerInstalled2) return;
   if (typeof window === "undefined") return;
-  window.addEventListener("keydown", onKeyDown, { capture: true });
-  window.addEventListener("keyup", onKeyUp, { capture: true });
-  window.addEventListener("blur", onBlur);
-  initialized = true;
-}
-function subscribe(listener) {
-  ensureInitialized();
-  listeners.add(listener);
-  return () => {
-    listeners.delete(listener);
-  };
+  window.addEventListener("keydown", onWindowKeyDown2, { capture: true });
+  listenerInstalled2 = true;
 }
-function useDiscoveryActive() {
-  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+function useEscapeKey(handler, options) {
+  const enabled = options?.enabled ?? true;
+  const handlerRef = react.useRef(handler);
+  react.useEffect(() => {
+    handlerRef.current = handler;
+  });
+  react.useEffect(() => {
+    if (!enabled) return void 0;
+    ensureListener2();
+    const entry = {
+      handler: (event) => handlerRef.current(event)
+    };
+    stack.push(entry);
+    return () => {
+      const idx = stack.lastIndexOf(entry);
+      if (idx >= 0) stack.splice(idx, 1);
+    };
+  }, [enabled]);
 }
 function Kbd({ className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2176,10 +2275,7 @@ function CommandHint({ combo, tone = "subtle", className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Kbd,
     {
-      className: chunkNWGG5WFL_cjs.cn(
-        tone === "prominent" && "bg-ink text-surface border-transparent",
-        className
-      ),
+      className: chunkNWGG5WFL_cjs.cn(tone === "prominent" && "bg-ink text-surface border-transparent", className),
       children: label
     }
   );
@@ -2188,15 +2284,21 @@ function prettifyKey(key) {
   if (key.length === 0) return key;
   return key[0].toUpperCase() + key.slice(1);
 }
-function Command({ combo, target, className, children }) {
+function Command({ combo, target, className, label, children }) {
   const wrapperRef = react.useRef(null);
   const discoveryActive = useDiscoveryActive();
-  useCommand(combo, () => {
+  const resolveTarget = () => {
     const root = wrapperRef.current;
-    if (!root) return;
-    const el = target ? root.querySelector(target) : root.firstElementChild;
-    el?.click();
-  });
+    if (!root) return null;
+    return target ? root.querySelector(target) : root.firstElementChild;
+  };
+  useCommand(
+    combo,
+    () => {
+      resolveTarget()?.click();
+    },
+    { label: () => label ?? accessibleName(resolveTarget()) }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunkNWGG5WFL_cjs.cn("relative inline-block", className), children: [
     children,
     discoveryActive ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -2209,39 +2311,29 @@ function Command({ combo, target, className, children }) {
     ) : null
   ] });
 }
-var stack = [];
-var listenerInstalled2 = false;
-function onWindowKeyDown2(event) {
-  if (event.key !== "Escape") return;
-  if (isEditableTarget(event.target)) return;
-  const top = stack[stack.length - 1];
-  if (!top) return;
-  top.handler(event);
-}
-function ensureListener2() {
-  if (listenerInstalled2) return;
-  if (typeof window === "undefined") return;
-  window.addEventListener("keydown", onWindowKeyDown2, { capture: true });
-  listenerInstalled2 = true;
-}
-function useEscapeKey(handler, options) {
-  const enabled = options?.enabled ?? true;
-  const handlerRef = react.useRef(handler);
-  react.useEffect(() => {
-    handlerRef.current = handler;
-  });
-  react.useEffect(() => {
-    if (!enabled) return void 0;
-    ensureListener2();
-    const entry = {
-      handler: (event) => handlerRef.current(event)
-    };
-    stack.push(entry);
-    return () => {
-      const idx = stack.lastIndexOf(entry);
-      if (idx >= 0) stack.splice(idx, 1);
-    };
-  }, [enabled]);
+function accessibleName(el) {
+  if (!el) return void 0;
+  const aria = el.getAttribute("aria-label")?.trim();
+  if (aria) return aria;
+  const pieces = [];
+  const walk = (node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      const text = node.textContent?.trim();
+      if (text) pieces.push(text);
+      return;
+    }
+    if (node instanceof Element) {
+      if (node.getAttribute("aria-hidden") === "true") return;
+      const own = node.getAttribute("aria-label")?.trim();
+      if (own) {
+        pieces.push(own);
+        return;
+      }
+    }
+    for (const child of node.childNodes) walk(child);
+  };
+  walk(el);
+  return pieces.length > 0 ? pieces.join(" ") : void 0;
 }
 var conversationBriefCardStyles = tailwindVariants.tv({
   slots: {
@@ -2321,7 +2413,7 @@ function Select({
     {
       ...props,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -2525,7 +2617,9 @@ function ModalContent({
   children,
   className,
   modalClassName,
+  dialogClassName,
   isDismissable = true,
+  "aria-label": ariaLabel,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2556,7 +2650,14 @@ function ModalContent({
             "exiting:animate-exit-zoom",
             modalClassName
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "outline-none flex flex-col min-h-0 overflow-hidden", children })
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Dialog,
+            {
+              className: chunkNWGG5WFL_cjs.cn("outline-none flex flex-col min-h-0 overflow-hidden", dialogClassName),
+              ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
+              children
+            }
+          )
         }
       )
     }
@@ -2752,7 +2853,7 @@ function CurrencyInput({
   react.useEffect(() => {
     if (!isEditing) setDraft(sdk.formatAmount(amount, locale, { grouped: true }));
   }, [amount, locale, isEditing]);
-  const emit2 = (nextAmount, nextCode) => {
+  const emit3 = (nextAmount, nextCode) => {
     if (nextAmount === "" && nextCode === "") {
       onChange(null);
       return;
@@ -2762,7 +2863,7 @@ function CurrencyInput({
   const selectedSymbol = currencyOptions.find((option) => option.code === code)?.symbol ?? code;
   const styles4 = fieldControlStyles({ size, appearance, ...isInvalid ? { invalid: true } : {} });
   const focusWithin = appearance === "cell" ? "focus-within:border-accent focus-within:shadow-none" : "focus-within:border-accent focus-within:shadow-[var(--shadow-focus)]";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn(styles4.box(), "flex items-center gap-1 pr-1", focusWithin), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -2778,7 +2879,7 @@ function CurrencyInput({
           value: draft,
           onChange: (event) => {
             setDraft(event.target.value);
-            emit2(sdk.parseAmount(event.target.value, locale), code);
+            emit3(sdk.parseAmount(event.target.value, locale), code);
           },
           onFocus: () => {
             setIsEditing(true);
@@ -2788,7 +2889,7 @@ function CurrencyInput({
             setIsEditing(false);
             const canonical = sdk.parseAmount(draft, locale);
             setDraft(sdk.formatAmount(canonical, locale, { grouped: true }));
-            emit2(canonical, code);
+            emit3(canonical, code);
             onBlur2?.();
           },
           readOnly: isReadOnly ?? false,
@@ -2802,7 +2903,7 @@ function CurrencyInput({
         {
           "aria-label": ariaLabel ? `${ariaLabel} currency` : "Currency",
           selectedKey: code === "" ? null : code,
-          onSelectionChange: (key) => emit2(amount, key == null ? "" : String(key)),
+          onSelectionChange: (key) => emit3(amount, key == null ? "" : String(key)),
           isDisabled: isReadOnly ?? false,
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4093,7 +4194,7 @@ function DatePicker({
     {
       ...props,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -4248,7 +4349,7 @@ function DateTimePicker({
       hideTimeZone,
       shouldCloseOnSelect,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -4425,15 +4526,15 @@ function registerDraftMessageActions(messageId, actions) {
 function useDraftMessageActions(messageId) {
   return react.useSyncExternalStore(
     (listener) => {
-      let listeners3 = listenersByMessageId.get(messageId);
-      if (!listeners3) {
-        listeners3 = /* @__PURE__ */ new Set();
-        listenersByMessageId.set(messageId, listeners3);
+      let listeners4 = listenersByMessageId.get(messageId);
+      if (!listeners4) {
+        listeners4 = /* @__PURE__ */ new Set();
+        listenersByMessageId.set(messageId, listeners4);
       }
-      listeners3.add(listener);
+      listeners4.add(listener);
       return () => {
-        listeners3.delete(listener);
-        if (listeners3.size === 0) listenersByMessageId.delete(messageId);
+        listeners4.delete(listener);
+        if (listeners4.size === 0) listenersByMessageId.delete(messageId);
       };
     },
     () => actionsByMessageId.get(messageId) ?? null,
@@ -4491,7 +4592,7 @@ function MultiSelect({
       openPopover(true);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -5016,15 +5117,15 @@ function publishDraftMessageOutcome(messageId, outcome) {
   for (const listener of listenersByMessageId2.get(messageId) ?? []) listener();
 }
 function subscribeDraftMessageOutcome(messageId, listener) {
-  let listeners3 = listenersByMessageId2.get(messageId);
-  if (!listeners3) {
-    listeners3 = /* @__PURE__ */ new Set();
-    listenersByMessageId2.set(messageId, listeners3);
+  let listeners4 = listenersByMessageId2.get(messageId);
+  if (!listeners4) {
+    listeners4 = /* @__PURE__ */ new Set();
+    listenersByMessageId2.set(messageId, listeners4);
   }
-  listeners3.add(listener);
+  listeners4.add(listener);
   return () => {
-    listeners3.delete(listener);
-    if (listeners3.size === 0) listenersByMessageId2.delete(messageId);
+    listeners4.delete(listener);
+    if (listeners4.size === 0) listenersByMessageId2.delete(messageId);
   };
 }
 function useDraftMessageOutcome(messageId) {
@@ -5105,7 +5206,7 @@ function DraftMessageComposer({
   const [to, setTo] = react.useState([]);
   const [cc, setCc] = react.useState([]);
   const [bcc, setBcc] = react.useState([]);
-  const [snapshot, setSnapshot] = react.useState({
+  const [snapshot2, setSnapshot] = react.useState({
     text: "",
     subject: "",
     to: [],
@@ -5156,12 +5257,12 @@ function DraftMessageComposer({
     };
   }, [client, messageId, seed, loadNonce]);
   const isDirty = react.useMemo(() => {
-    return value.text !== snapshot.text || isSubjectEditable && (value.subject ?? "") !== snapshot.subject || JSON.stringify(to) !== JSON.stringify(snapshot.to) || JSON.stringify(cc) !== JSON.stringify(snapshot.cc) || JSON.stringify(bcc) !== JSON.stringify(snapshot.bcc);
-  }, [value, to, cc, bcc, snapshot, isSubjectEditable]);
+    return value.text !== snapshot2.text || isSubjectEditable && (value.subject ?? "") !== snapshot2.subject || JSON.stringify(to) !== JSON.stringify(snapshot2.to) || JSON.stringify(cc) !== JSON.stringify(snapshot2.cc) || JSON.stringify(bcc) !== JSON.stringify(snapshot2.bcc);
+  }, [value, to, cc, bcc, snapshot2, isSubjectEditable]);
   const buildPatch = react.useCallback(() => {
     const current = message;
-    const isBodyEdited = value.text !== snapshot.text;
-    const hasRecipientEdit = areRecipientsEditable && (JSON.stringify(to) !== JSON.stringify(snapshot.to) || JSON.stringify(cc) !== JSON.stringify(snapshot.cc) || JSON.stringify(bcc) !== JSON.stringify(snapshot.bcc));
+    const isBodyEdited = value.text !== snapshot2.text;
+    const hasRecipientEdit = areRecipientsEditable && (JSON.stringify(to) !== JSON.stringify(snapshot2.to) || JSON.stringify(cc) !== JSON.stringify(snapshot2.cc) || JSON.stringify(bcc) !== JSON.stringify(snapshot2.bcc));
     const attachmentRefs = (current.attachments ?? []).map((attachment) => attachment.file);
     return {
       // Body edits collapse to one text block; an untouched body echoes the
@@ -5175,7 +5276,7 @@ function DraftMessageComposer({
       ...hasRecipientEdit ? { to, cc, bcc } : {},
       ...attachmentRefs.length > 0 ? { attachments: attachmentRefs } : {}
     };
-  }, [message, value, to, cc, bcc, snapshot, areRecipientsEditable, isSubjectEditable]);
+  }, [message, value, to, cc, bcc, snapshot2, areRecipientsEditable, isSubjectEditable]);
   const persistDirtyEdits = react.useCallback(async () => {
     const current = message;
     if (!isDirty) return current;
@@ -5784,7 +5885,7 @@ function Input({
     {
       ...props,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -6035,6 +6136,8 @@ var progressBarStyles = tailwindVariants.tv({
   },
   variants: {
     size: {
+      // 2px hairline — an edge meter along a card's bottom, positioned by the consumer.
+      xs: { track: "h-0.5" },
       sm: { track: "h-1" },
       md: { track: "h-2" }
     }
@@ -6051,6 +6154,82 @@ function ProgressBar({ size, className, ...props }) {
     }
   ) }) });
 }
+var progressRingStyles = tailwindVariants.tv({
+  slots: {
+    root: "shrink-0 align-middle",
+    svg: "block shrink-0 -rotate-90",
+    track: "fill-none",
+    arc: "fill-none stroke-accent transition-[stroke-dasharray] duration-300 ease-out",
+    value: "font-mono tabular-nums leading-none"
+  },
+  variants: {
+    size: {
+      xs: {
+        root: "inline-flex items-center gap-1.5",
+        svg: "size-3.5",
+        // A hair darker than the larger rings' track: a 2px hairline on a
+        // tinted card vanishes at surface-2.
+        track: "stroke-surface-3",
+        value: "text-[11px] text-ink-4"
+      },
+      sm: {
+        root: "relative inline-grid place-items-center size-7",
+        svg: "col-start-1 row-start-1 size-full",
+        track: "stroke-surface-2",
+        value: "col-start-1 row-start-1 text-[8.5px] text-ink-2"
+      },
+      md: {
+        root: "relative inline-grid place-items-center size-10",
+        svg: "col-start-1 row-start-1 size-full",
+        track: "stroke-surface-2",
+        value: "col-start-1 row-start-1 text-[10px] text-ink-2"
+      }
+    }
+  },
+  defaultVariants: { size: "sm" }
+});
+var GEOMETRY = {
+  xs: { box: 14, stroke: 2 },
+  sm: { box: 28, stroke: 2.5 },
+  md: { box: 40, stroke: 3 }
+};
+function ProgressRing({ size, className, ...props }) {
+  const resolvedSize = size ?? "sm";
+  const { root, svg, track, arc, value } = progressRingStyles({ size: resolvedSize });
+  const { box, stroke } = GEOMETRY[resolvedSize];
+  const center = box / 2;
+  const radius = (box - stroke) / 2;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.ProgressBar, { ...props, className: chunkNWGG5WFL_cjs.cn(root(), className), children: ({ percentage, valueText, isIndeterminate }) => {
+    const shown = isIndeterminate ? 25 : Math.max(0, Math.min(100, percentage ?? 0));
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          "aria-hidden": true,
+          viewBox: `0 0 ${box} ${box}`,
+          className: chunkNWGG5WFL_cjs.cn(svg(), isIndeterminate && "animate-spin"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: center, cy: center, r: radius, strokeWidth: stroke, className: track() }),
+            shown > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: center,
+                cy: center,
+                r: radius,
+                strokeWidth: stroke,
+                strokeLinecap: "round",
+                pathLength: 100,
+                strokeDasharray: `${shown} 100`,
+                className: arc()
+              }
+            ) : null
+          ]
+        }
+      ),
+      isIndeterminate ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: value(), children: valueText })
+    ] });
+  } });
+}
 function RadioGroup({
   label,
   description,
@@ -6065,7 +6244,10 @@ function RadioGroup({
     {
       ...props,
       orientation,
-      className: (renderProps) => chunkNWGG5WFL_cjs.cn("grid gap-2", typeof className === "function" ? className(renderProps) : className),
+      className: (renderProps) => chunkNWGG5WFL_cjs.cn(
+        "grid gap-2 content-start",
+        typeof className === "function" ? className(renderProps) : className
+      ),
       children: [
         label ? /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Label, { className: fieldLabelStyles, children: label }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -6588,7 +6770,7 @@ function TagInput({
       onChange(value.slice(0, -1));
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNWGG5WFL_cjs.cn("grid grid-cols-1 gap-1.5 content-start", className), children: [
     label ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: fieldLabelStyles, children: label }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -7665,7 +7847,7 @@ function RecordFilterBuilderPanel({
   ) });
 }
 var stores = /* @__PURE__ */ new Map();
-function listeners2(key) {
+function listeners3(key) {
   let set = stores.get(key);
   if (!set) {
     set = /* @__PURE__ */ new Set();
@@ -7688,16 +7870,16 @@ function write(key, next) {
     } catch {
     }
   }
-  for (const fn of listeners2(key)) fn(next);
+  for (const fn of listeners3(key)) fn(next);
 }
 function useShowDetails(storageKey = "rf.showDetails") {
   const [value, setValue] = react.useState(() => read(storageKey));
   react.useEffect(() => {
     const fn = (next) => setValue(next);
-    listeners2(storageKey).add(fn);
+    listeners3(storageKey).add(fn);
     setValue(read(storageKey));
     return () => {
-      listeners2(storageKey).delete(fn);
+      listeners3(storageKey).delete(fn);
     };
   }, [storageKey]);
   const toggle = () => write(storageKey, !read(storageKey));
@@ -8197,6 +8379,133 @@ function InlineAddFilter({ onClick }) {
     }
   );
 }
+var recordUpdateStyles = tailwindVariants.tv({
+  slots: {
+    root: "flex flex-col min-w-0 text-ink",
+    summary: "px-4 pt-3 pb-1 text-[13px] text-ink-3",
+    rows: "flex flex-col px-4 divide-y divide-rule",
+    errors: [
+      "mx-4 my-3 flex gap-2 rounded-md px-3 py-2 text-[13px] text-danger",
+      "bg-[color-mix(in_oklab,var(--color-danger)_8%,var(--color-surface))]"
+    ],
+    footer: "flex items-center justify-end gap-2 px-4 py-3"
+  }
+});
+var recordUpdateRowStyles = tailwindVariants.tv({
+  slots: {
+    // fieldset resets (UA border / padding / min-content width) included.
+    root: "flex flex-col gap-1.5 m-0 border-0 px-0 py-2.5 min-w-0",
+    labelRow: [
+      "flex items-center gap-2 min-h-7",
+      "font-mono text-[10.5px] uppercase tracking-[0.08em] text-ink-4"
+    ],
+    tag: "normal-case tracking-normal text-[10px] rounded-full px-1.5 py-px",
+    cells: "grid grid-cols-1 sm:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-2 sm:gap-3",
+    from: "min-w-0 opacity-70",
+    arrow: "size-3.5 shrink-0 text-ink-4 rotate-90 sm:rotate-0 justify-self-center",
+    to: "min-w-0",
+    hint: "text-[12px] text-ink-4",
+    error: "text-[12px] text-danger",
+    removed: "text-[13px] italic text-ink-4"
+  },
+  variants: {
+    state: {
+      changed: {},
+      unresolved: {
+        tag: "text-warning bg-[color-mix(in_oklab,var(--color-warning)_12%,var(--color-surface))]"
+      },
+      rejected: {
+        tag: "text-danger bg-[color-mix(in_oklab,var(--color-danger)_10%,var(--color-surface))]"
+      },
+      removed: { labelRow: "line-through decoration-ink-4/60" }
+    }
+  },
+  defaultVariants: { state: "changed" }
+});
+function RecordUpdate({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().root(), className), children });
+}
+function RecordUpdateSummary({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().summary(), className), children });
+}
+function RecordUpdateRows({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().rows(), className), children });
+}
+function RecordUpdateErrors({ errors, className, ...props }) {
+  if (errors.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, role: "alert", className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().errors(), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 shrink-0 mt-px", "aria-hidden": true }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1 min-w-0", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }, error)) })
+  ] });
+}
+function RecordUpdateFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkNWGG5WFL_cjs.cn(recordUpdateStyles().footer(), className), children });
+}
+function RecordUpdateRow({
+  label,
+  from,
+  to,
+  state = "changed",
+  hint,
+  errorMessage,
+  onRemove,
+  onRestore,
+  removeLabel = "Remove change",
+  restoreLabel = "Restore change",
+  unresolvedLabel = "needs a value",
+  rejectedLabel = "not possible",
+  removedText = "Kept as it is",
+  className,
+  ...props
+}) {
+  const styles4 = recordUpdateRowStyles({ state });
+  const isRemoved = state === "removed";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "fieldset",
+    {
+      ...props,
+      "data-state": state,
+      ...errorMessage ? { "aria-invalid": true } : {},
+      className: chunkNWGG5WFL_cjs.cn(styles4.root(), className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.labelRow(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
+          state === "unresolved" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.tag(), children: unresolvedLabel }) : null,
+          state === "rejected" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles4.tag(), children: rejectedLabel }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex items-center", children: isRemoved ? onRestore && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkNWGG5WFL_cjs.Button,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": restoreLabel,
+              onPress: onRestore,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo2, {})
+            }
+          ) : onRemove && /* @__PURE__ */ jsxRuntime.jsx(chunkNWGG5WFL_cjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": removeLabel, onPress: onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) }) })
+        ] }),
+        isRemoved ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.removed(), children: removedText }) : from === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.to(), children: to }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.cells(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.from(), children: from }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: styles4.arrow(), "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.to(), children: to })
+        ] }),
+        !isRemoved && hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.hint(), children: hint }) : null,
+        !isRemoved && errorMessage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.error(), role: "alert", children: errorMessage }) : null
+      ]
+    }
+  );
+}
 var separatorStyles = tailwindVariants.tv({
   base: "m-0 border-0 border-rule",
   variants: {
@@ -8239,11 +8548,20 @@ function SuccessAnimation({ className }) {
     }
   );
 }
-function Switch({ children, labelPlacement = "end", className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+function Switch({
+  children,
+  labelPlacement = "end",
+  description,
+  className,
+  ...props
+}) {
+  const descriptionId = react.useId();
+  const describedBy = [props["aria-describedby"], description ? descriptionId : void 0].filter(Boolean).join(" ");
+  const control = /* @__PURE__ */ jsxRuntime.jsxs(
     reactAriaComponents.Switch,
     {
       ...props,
+      ...describedBy ? { "aria-describedby": describedBy } : {},
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
         // `relative`: RAC's visually-hidden <input> is absolutely positioned;
         // without a positioned label it escapes an overflow-auto ancestor and
@@ -8285,6 +8603,24 @@ function Switch({ children, labelPlacement = "end", className, ...props }) {
       ]
     }
   );
+  if (!description) return control;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1 content-start", children: [
+    control,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: descriptionId,
+        className: chunkNWGG5WFL_cjs.cn(
+          fieldHintStyles,
+          "leading-[1.45]",
+          // Track (38px) + gap-3 (12px): the copy starts under the label text.
+          labelPlacement === "end" && "pl-[50px]",
+          props.isDisabled && "opacity-45"
+        ),
+        children: description
+      }
+    )
+  ] });
 }
 var tabsStyles = tailwindVariants.tv({
   slots: {
@@ -8365,6 +8701,25 @@ var Tabs = Object.assign(Root, {
   Trigger,
   Panel
 });
+var textShimmerStyles = tailwindVariants.tv({
+  base: [
+    "inline-block bg-clip-text text-transparent",
+    "bg-[length:200%_auto] animate-text-shimmer",
+    "motion-reduce:animate-none motion-reduce:bg-none motion-reduce:text-ink-4"
+  ],
+  variants: {
+    tone: {
+      // Muted band on a muted base — a quiet loading row.
+      muted: "bg-[linear-gradient(90deg,var(--color-ink-4)_0%,var(--color-ink-4)_40%,var(--color-ink)_50%,var(--color-ink-4)_60%,var(--color-ink-4)_100%)]",
+      // Accent band on ink — a glowing heading.
+      accent: "bg-[linear-gradient(90deg,var(--color-ink)_0%,var(--color-ink)_40%,var(--color-accent)_50%,var(--color-ink)_60%,var(--color-ink)_100%)] motion-reduce:text-ink"
+    }
+  },
+  defaultVariants: { tone: "muted" }
+});
+function TextShimmer({ tone, className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: chunkNWGG5WFL_cjs.cn(textShimmerStyles({ tone }), className), children });
+}
 function Textarea({
   label,
   description,
@@ -8384,7 +8739,7 @@ function Textarea({
     {
       ...props,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -8427,7 +8782,7 @@ function TimeField({
     {
       ...props,
       className: (renderProps) => chunkNWGG5WFL_cjs.cn(
-        "grid grid-cols-1 gap-1.5",
+        "grid grid-cols-1 gap-1.5 content-start",
         typeof className === "function" ? className(renderProps) : className
       ),
       children: [
@@ -8646,6 +9001,7 @@ exports.PopoverPanelFooter = PopoverPanelFooter;
 exports.PopoverPanelHeader = PopoverPanelHeader;
 exports.PressableCard = PressableCard;
 exports.ProgressBar = ProgressBar;
+exports.ProgressRing = ProgressRing;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.RecipientSelect = RecipientSelect;
@@ -8653,6 +9009,12 @@ exports.RecordFilterBuilderPanel = RecordFilterBuilderPanel;
 exports.RecordFilterButton = RecordFilterButton;
 exports.RecordFilterChips = RecordFilterChips;
 exports.RecordFilterEditor = RecordFilterEditor;
+exports.RecordUpdate = RecordUpdate;
+exports.RecordUpdateErrors = RecordUpdateErrors;
+exports.RecordUpdateFooter = RecordUpdateFooter;
+exports.RecordUpdateRow = RecordUpdateRow;
+exports.RecordUpdateRows = RecordUpdateRows;
+exports.RecordUpdateSummary = RecordUpdateSummary;
 exports.RenderChipItemProvider = RenderChipItemProvider;
 exports.RenderValueInputProvider = RenderValueInputProvider;
 exports.SELECTION_COLUMN_ID = SELECTION_COLUMN_ID;
@@ -8672,6 +9034,7 @@ exports.TableRow = TableRow;
 exports.TableScroller = TableScroller;
 exports.Tabs = Tabs;
 exports.TagInput = TagInput;
+exports.TextShimmer = TextShimmer;
 exports.Textarea = Textarea;
 exports.TimeField = TimeField;
 exports.ToastRegion = ToastRegion;
@@ -8713,6 +9076,7 @@ exports.fileViewerStyles = fileViewerStyles;
 exports.fitBadgeCount = fitBadgeCount;
 exports.formatFileSize = formatFileSize;
 exports.formatValue = formatValue;
+exports.getPlatform = getPlatform;
 exports.iconForContentType = iconForContentType;
 exports.imageAttachmentStyles = imageAttachmentStyles;
 exports.imageLightboxStyles = imageLightboxStyles;
@@ -8731,9 +9095,12 @@ exports.operatorById = operatorById;
 exports.operatorsForType = operatorsForType;
 exports.parseCombo = parseCombo;
 exports.progressBarStyles = progressBarStyles;
+exports.progressRingStyles = progressRingStyles;
 exports.publishDraftMessageOutcome = publishDraftMessageOutcome;
 exports.rebaseRowOnFieldChange = rebaseRowOnFieldChange;
 exports.rebaseRowOnOperatorChange = rebaseRowOnOperatorChange;
+exports.recordUpdateRowStyles = recordUpdateRowStyles;
+exports.recordUpdateStyles = recordUpdateStyles;
 exports.registerDraftMessageActions = registerDraftMessageActions;
 exports.removeLeaf = removeLeaf;
 exports.removeSubgroup = removeSubgroup;
@@ -8748,9 +9115,11 @@ exports.tableCellStyles = tableCellStyles;
 exports.tableHeaderCellStyles = tableHeaderCellStyles;
 exports.tabsStyles = tabsStyles;
 exports.terminalKindFor = terminalKindFor;
+exports.textShimmerStyles = textShimmerStyles;
 exports.toastStyles = toastStyles;
 exports.updateLeaf = updateLeaf;
 exports.updateSubgroup = updateSubgroup;
+exports.useActiveCommands = useActiveCommands;
 exports.useAttributeTypeIcon = useAttributeTypeIcon;
 exports.useCommand = useCommand;
 exports.useDiscoveryActive = useDiscoveryActive;