@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{notification-tray-DlgenTEe.js → notification-tray-Btb9oQeZ.js}

@@ -1,24 +1,25 @@
-import { jsx as t, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import { forwardRef as ne, useState as se, useCallback as oe, useEffect as _, useRef as f, useMemo as re, useImperativeHandle as de } from "react";
+import { jsx as t, jsxs as c, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as ne, useState as oe, useCallback as se, useEffect as q, useRef as p, useMemo as re, useImperativeHandle as de } from "react";
 import * as y from "@radix-ui/react-popover";
-import { c as C } from "./index-D2ZczOXr.js";
+import { c as E } from "./index-D2ZczOXr.js";
 import { useTranslation as F } from "react-i18next";
 import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
 import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as fe } from "./icon-button-LqoiKcUN.js";
-import { B as E } from "./button-DD_0Xdmr.js";
-import { S as q } from "./separator-CYU_bGFn.js";
+import { I as pe } from "./icon-button-LqoiKcUN.js";
+import { B as L } from "./button-DD_0Xdmr.js";
+import { S as _ } from "./separator-CYU_bGFn.js";
 import { S as x } from "./skeleton-CZbwyJAA.js";
-import { N as pe } from "./notification-card-BiESdm8q.js";
-import { u as ue } from "./registry-nPAVE19X.js";
-import { c as me } from "./createLucideIcon-CrFbzy84.js";
+import { C as fe } from "./counter-dRlTNC_y.js";
+import { N as me } from "./notification-card-BiESdm8q.js";
+import { u as ue } from "./registry-DvAUVLHh.js";
+import { c as ge } from "./createLucideIcon-CrFbzy84.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = [
+const ve = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -27,7 +28,7 @@ const ge = [
       key: "11g9vi"
     }
   ]
-], H = me("bell", ge), ve = {
+], H = ge("bell", ve), he = {
   id: "notification-tray",
   capabilities: ["open", "close", "select_single", "dismiss"],
   state: {
@@ -53,6 +54,7 @@ const ge = [
   actions: {
     open: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.notificationTray.actions.open",
       description: "Open the notification panel.",
       invoke: (i) => {
@@ -61,6 +63,7 @@ const ge = [
     },
     close: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.notificationTray.actions.close",
       description: "Close the notification panel.",
       invoke: (i) => {
@@ -70,6 +73,14 @@ const ge = [
     select_item: {
       safety: "read",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      errors: ["No notification matches the given id."],
+      examples: [{ args: { id: "notif-1" } }],
       descriptionKey: "ui.agent.notificationTray.actions.selectItem",
       description: "Activate the notification with the given id.",
       invoke: (i, a) => {
@@ -79,6 +90,14 @@ const ge = [
     mark_read: {
       safety: "write",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      errors: ["No notification matches the given id."],
+      examples: [{ args: { id: "notif-1" } }],
       descriptionKey: "ui.agent.notificationTray.actions.markRead",
       description: "Request the host to mark a notification as read.",
       invoke: (i, a) => {
@@ -88,6 +107,14 @@ const ge = [
     dismiss: {
       safety: "destructive",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      errors: ["No notification matches the given id."],
+      examples: [{ args: { id: "notif-1" } }],
       descriptionKey: "ui.agent.notificationTray.actions.dismiss",
       description: "Request the host to dismiss the notification with the given id.",
       invoke: (i, a) => {
@@ -111,7 +138,7 @@ const ge = [
       description: "Stable notification id emitted on each rendered NotificationCard inside the tray."
     }
   }
-}, he = C(
+}, ye = E(
   "ds:relative ds:inline-flex ds:items-center",
   {
     variants: {
@@ -124,7 +151,7 @@ const ge = [
       size: "md"
     }
   }
-), ye = C(
+), xe = E(
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -168,21 +195,7 @@ const ge = [
       size: "md"
     }
   }
-), xe = C(
-  [
-    // Anchored to the top-end corner of the trigger, nudged outward so
-    // the bell icon isn't covered.
-    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    // Circle at 1-2 digits; widens into a pill only for "99+".
-    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
-    "ds:rounded-[var(--radius-full)]",
-    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
-    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-    "ds:pointer-events-none ds:select-none",
-    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
-  ].join(" ")
-);
+), Ne = "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none";
 function be(i, a) {
   return i > 99 ? a : String(i);
 }
@@ -203,7 +216,7 @@ function z() {
     }
   );
 }
-function Ne() {
+function Te() {
   const { t: i } = F();
   return /* @__PURE__ */ c(
     "div",
@@ -229,65 +242,65 @@ function Ne() {
     }
   );
 }
-const Te = ne(
+const we = ne(
   ({
     id: i,
     items: a,
-    unseenCount: b,
+    unseenCount: N,
     open: U,
     onOpenChange: W,
-    onItemClick: p,
-    onDismiss: u,
+    onItemClick: f,
+    onDismiss: m,
     onMarkRead: g,
-    onMarkAllRead: R,
-    loading: k = !1,
+    onMarkAllRead: C,
+    loading: S = !1,
     maxVisible: Y,
-    viewAllLabel: S,
+    viewAllLabel: R,
     onViewAll: G,
     align: J = "end",
     side: M = "bottom",
-    size: N = "md",
+    size: b = "md",
     className: Q,
     ...X
   }, Z) => {
-    var B;
+    var A;
     const { t: r } = F(), [$, v] = ce({
       value: U,
       defaultValue: !1,
       onChange: W
-    }), T = $ ?? !1, [m, O] = se(
+    }), T = $ ?? !1, [u, k] = oe(
       () => a.map((e) => ({ item: e, leaving: !1 }))
-    ), I = oe(() => {
+    ), O = se(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
-      const n = e.trim(), s = parseFloat(n);
-      return Number.isFinite(s) ? n.endsWith("ms") ? s : s * 1e3 : 200;
+      const n = e.trim(), o = parseFloat(n);
+      return Number.isFinite(o) ? n.endsWith("ms") ? o : o * 1e3 : 200;
     }, []);
     le(() => {
-      O((e) => {
-        const n = new Set(a.map((o) => o.id)), s = new Set(e.map((o) => o.item.id)), d = e.map((o) => {
-          if (n.has(o.item.id)) {
-            const P = a.find((ae) => ae.id === o.item.id);
-            return P ? { item: P, leaving: !1 } : { ...o, leaving: !0 };
+      k((e) => {
+        const n = new Set(a.map((s) => s.id)), o = new Set(e.map((s) => s.item.id)), d = e.map((s) => {
+          if (n.has(s.item.id)) {
+            const B = a.find((ae) => ae.id === s.item.id);
+            return B ? { item: B, leaving: !1 } : { ...s, leaving: !0 };
           }
-          return { ...o, leaving: !0 };
+          return { ...s, leaving: !0 };
         });
-        for (const o of a)
-          s.has(o.id) || d.push({ item: o, leaving: !1 });
+        for (const s of a)
+          o.has(s.id) || d.push({ item: s, leaving: !1 });
         return d;
       });
-    }, [a]), _(() => {
-      if (!m.some((s) => s.leaving)) return;
-      const e = I(), n = setTimeout(() => {
-        O((s) => s.filter((d) => !d.leaving));
+    }, [a]), q(() => {
+      if (!u.some((o) => o.leaving)) return;
+      const e = O(), n = setTimeout(() => {
+        k((o) => o.filter((d) => !d.leaving));
       }, e);
       return () => clearTimeout(n);
-    }, [m, I]);
-    const w = f(null), j = f((B = a[0]) == null ? void 0 : B.id);
-    _(() => {
-      var s;
-      const e = (s = a[0]) == null ? void 0 : s.id, n = j.current;
+    }, [u, O]);
+    const w = p(null), j = p((A = a[0]) == null ? void 0 : A.id);
+    q(() => {
+      var o;
+      const e = (o = a[0]) == null ? void 0 : o.id, n = j.current;
       if (n && e && n !== e && w.current) {
         const d = a[0];
         d && !d.read && (w.current.textContent = r(
@@ -300,17 +313,17 @@ const Te = ne(
       }
       j.current = e;
     }, [a, r]);
-    const h = b ?? 0, D = h > 0 ? r("notificationTray.triggerLabel", {
+    const h = N ?? 0, D = h > 0 ? r("notificationTray.triggerLabel", {
       count: h,
       defaultValue: "Notifications, {{count}} unread"
     }) : r("notificationTray.triggerLabelNone", "Notifications, none unread"), ee = be(
       h,
       r("notificationTray.badgeCountOverflow", "99+")
-    ), te = ye({ size: N }), l = f(a);
+    ), te = xe({ size: b }), l = p(a);
     l.current = a;
-    const V = f(b);
-    V.current = b;
-    const K = f(T);
+    const I = p(N);
+    I.current = N;
+    const K = p(T);
     K.current = T;
     const ie = re(
       () => ({
@@ -318,47 +331,49 @@ const Te = ne(
         close: () => v(!1),
         isOpen: () => K.current,
         getItems: () => l.current.map((e) => ({ id: e.id, read: !!e.read })),
-        getUnreadCount: () => V.current ?? l.current.filter((e) => !e.read).length,
+        getUnreadCount: () => I.current ?? l.current.filter((e) => !e.read).length,
         selectItem: (e) => {
-          const n = l.current.find((s) => s.id === e);
-          n && (p == null || p(n));
+          const n = l.current.find((o) => o.id === e);
+          n && (f == null || f(n));
         },
         markRead: (e) => {
-          const n = l.current.find((s) => s.id === e);
+          const n = l.current.find((o) => o.id === e);
           n && (g == null || g(n));
         },
         dismiss: (e) => {
-          const n = l.current.find((s) => s.id === e);
-          n && (u == null || u(n));
+          const n = l.current.find((o) => o.id === e);
+          n && (m == null || m(n));
         }
       }),
-      [v, p, g, u]
-    ), A = f(null);
-    return de(Z, () => A.current, []), ue(ve, ie, i), /* @__PURE__ */ t(
+      [v, f, g, m]
+    ), V = p(null);
+    return de(Z, () => V.current, []), ue(he, ie, i), /* @__PURE__ */ t(
       "div",
       {
-        ref: A,
+        ref: V,
         "data-component": "notification-tray",
         "data-component-id": i,
-        className: [he({ size: N }), Q].filter(Boolean).join(" "),
+        className: [ye({ size: b }), Q].filter(Boolean).join(" "),
         ...X,
         children: /* @__PURE__ */ c(y.Root, { open: T, onOpenChange: v, children: [
           /* @__PURE__ */ t(y.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-            fe,
+            pe,
             {
               icon: /* @__PURE__ */ t(H, {}),
               intent: "outline",
-              size: N === "sm" ? "sm" : "md",
+              size: b === "sm" ? "sm" : "md",
               "aria-label": D,
               "aria-haspopup": "dialog"
             }
           ) }),
           h > 0 ? /* @__PURE__ */ t(
-            "span",
+            fe,
             {
+              variant: "notification",
+              size: "md",
               "aria-hidden": "true",
               "data-testid": "notification-tray-badge",
-              className: xe(),
+              className: Ne,
               children: ee
             }
           ) : null,
@@ -384,52 +399,52 @@ const Te = ne(
               children: [
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: r("notificationTray.panelTitle", "Notifications") }),
-                  R && a.some((e) => !e.read) ? /* @__PURE__ */ t(
-                    E,
+                  C && a.some((e) => !e.read) ? /* @__PURE__ */ t(
+                    L,
                     {
                       intent: "link",
                       size: "sm",
-                      onClick: R,
+                      onClick: C,
                       className: "ds:text-[length:var(--font-size-xs)]",
                       children: r("notificationTray.markAllRead", "Mark all as read")
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ t(q, {}),
+                /* @__PURE__ */ t(_, {}),
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    role: k || m.length === 0 ? void 0 : "list",
+                    role: S || u.length === 0 ? void 0 : "list",
                     "data-max-visible": Y,
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]",
-                    children: k ? /* @__PURE__ */ c(L, { children: [
+                    children: S ? /* @__PURE__ */ c(P, { children: [
                       /* @__PURE__ */ t(z, {}),
                       /* @__PURE__ */ t(z, {}),
                       /* @__PURE__ */ t(z, {})
-                    ] }) : m.length === 0 ? /* @__PURE__ */ t(Ne, {}) : m.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
-                      pe,
+                    ] }) : u.length === 0 ? /* @__PURE__ */ t(Te, {}) : u.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
+                      me,
                       {
                         item: e,
                         variant: "compact",
                         leaving: n,
-                        onActivate: p,
-                        onDismiss: u,
+                        onActivate: f,
+                        onDismiss: m,
                         "data-notification-id": e.id
                       },
                       e.id
                     ))
                   }
                 ),
-                S ? /* @__PURE__ */ c(L, { children: [
-                  /* @__PURE__ */ t(q, {}),
+                R ? /* @__PURE__ */ c(P, { children: [
+                  /* @__PURE__ */ t(_, {}),
                   /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ t(
-                    E,
+                    L,
                     {
                       intent: "link",
                       size: "sm",
                       onClick: G,
                       className: "ds:w-full ds:justify-center",
-                      children: S
+                      children: R
                     }
                   ) })
                 ] }) : null
@@ -441,9 +456,9 @@ const Te = ne(
     );
   }
 );
-Te.displayName = "NotificationTray";
+we.displayName = "NotificationTray";
 export {
-  Te as N,
-  ve as n
+  we as N,
+  he as n
 };
-//# sourceMappingURL=notification-tray-DlgenTEe.js.map
+//# sourceMappingURL=notification-tray-Btb9oQeZ.js.map

package/dist/_chunks/{number-input-Dj5L3pXK.js → number-input-DxphVG_A.js}

@@ -1,16 +1,16 @@
 import { jsxs as ve, jsx as F } from "react/jsx-runtime";
 import { useMemo as G, forwardRef as be, useRef as A, useCallback as O, useState as _, useEffect as ge } from "react";
 import { c as he } from "./index-D2ZczOXr.js";
-import { useTranslation as Ne } from "react-i18next";
-import { u as ye } from "./use-controllable-state-BiY4xTzM.js";
+import { useTranslation as ye } from "react-i18next";
+import { u as Ne } from "./use-controllable-state-BiY4xTzM.js";
 import { u as we } from "./form-field-context-B3APVHKx.js";
 import { c as Ie } from "./compose-refs-C0k0tdqF.js";
-import { u as De } from "./registry-nPAVE19X.js";
+import { u as De } from "./registry-DvAUVLHh.js";
 import { C as xe } from "./chevron-down-BX_NP2Yh.js";
 import { C as Fe } from "./chevron-up-zOEDrmBB.js";
 const Ce = {
   id: "number-input",
-  capabilities: ["edit_inline"],
+  capabilities: ["set_value"],
   state: {
     value: {
       type: "number | null",
@@ -29,6 +29,13 @@ const Ce = {
     set_value: {
       safety: "write",
       argsType: "{ value: number | null }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: ["number", "null"] } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      examples: [{ args: { value: 42 } }, { args: { value: null } }],
       descriptionKey: "ui.agent.numberInput.actions.setValue",
       description: "Replace the numeric value, or pass null to clear.",
       invoke: (t, r) => {
@@ -37,6 +44,7 @@ const Ce = {
     },
     clear: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.numberInput.actions.clear",
       description: "Empty the input. Loses any typed value.",
       invoke: (t) => {
@@ -45,6 +53,7 @@ const Ce = {
     },
     focus: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.numberInput.actions.focus",
       description: "Move keyboard focus to the input.",
       invoke: (t) => {
@@ -176,11 +185,11 @@ const Pe = be(
     onKeyDown: c,
     ...m
   }, h) => {
-    const { t: E } = Ne(), D = we(), J = a ?? D.id, k = !!(D.disabled || M), Q = z ?? ke(), P = Ve(Q, p, T), {
+    const { t: E } = ye(), D = we(), J = a ?? D.id, k = !!(D.disabled || M), Q = z ?? ke(), P = Ve(Q, p, T), {
       decimalSeparator: U,
       format: R,
       parse: B
-    } = P, K = A(null), X = Ie(h, K), [Y, Z] = ye({
+    } = P, K = A(null), X = Ie(h, K), [Y, Z] = Ne({
       value: t,
       defaultValue: r ?? null,
       onChange: d
@@ -197,38 +206,38 @@ const Pe = be(
       [R]
     ), [j, l] = _(
       () => f(s)
-    ), N = A(!1), [ee, y] = _(!1);
+    ), y = A(!1), [ee, N] = _(!1);
     ge(() => {
-      N.current || l(f(s));
+      y.current || l(f(s));
     }, [s, f]);
-    const te = ee || s !== null && (n !== void 0 && s < n || u !== void 0 && s > u), H = D.invalid || te, ne = H ? "error" : S ?? "default", v = (e) => {
+    const te = ee || s !== null && (n !== void 0 && s < n || u !== void 0 && s > u), q = D.invalid || te, ne = q ? "error" : S ?? "default", v = (e) => {
       Z(e);
     }, w = (e) => {
       let o = (s ?? 0) + C * e;
-      n !== void 0 && (o = Math.max(n, o)), u !== void 0 && (o = Math.min(u, o)), o = ze(o, C), v(o), y(!1), l(
-        N.current ? x(o) : f(o)
+      n !== void 0 && (o = Math.max(n, o)), u !== void 0 && (o = Math.min(u, o)), o = ze(o, C), v(o), N(!1), l(
+        y.current ? x(o) : f(o)
       );
-    }, W = (e) => {
-      v(e), y(!1), l(
-        N.current ? x(e) : f(e)
+    }, H = (e) => {
+      v(e), N(!1), l(
+        y.current ? x(e) : f(e)
       );
     }, re = (e) => {
       if (c == null || c(e), e.defaultPrevented || k) return;
       const { key: i, shiftKey: o } = e;
-      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), W(n)) : i === "End" && u !== void 0 && (e.preventDefault(), W(u));
+      i === "ArrowUp" ? (e.preventDefault(), w(o ? 10 : 1)) : i === "ArrowDown" ? (e.preventDefault(), w(o ? -10 : -1)) : i === "PageUp" ? (e.preventDefault(), w(100)) : i === "PageDown" ? (e.preventDefault(), w(-100)) : i === "Home" && n !== void 0 ? (e.preventDefault(), H(n)) : i === "End" && u !== void 0 && (e.preventDefault(), H(u));
     }, se = (e) => {
       const i = e.target.value;
       if (l(i), i.trim() === "") {
-        v(null), y(!1);
+        v(null), N(!1);
         return;
       }
       const o = B(i);
       Number.isNaN(o) || v(o);
     }, ie = (e) => {
-      g == null || g(e), N.current = !0, s != null && l(x(s));
+      g == null || g(e), y.current = !0, s != null && l(x(s));
     }, oe = (e) => {
-      if (I == null || I(e), N.current = !1, j.trim() === "") {
-        v(null), y(!1), l("");
+      if (I == null || I(e), y.current = !1, j.trim() === "") {
+        v(null), N(!1), l("");
         return;
       }
       const i = B(j);
@@ -237,19 +246,19 @@ const Pe = be(
         return;
       }
       const o = n !== void 0 && i < n || u !== void 0 && i > u;
-      y(o), v(i), l(f(i));
-    }, q = (e) => {
+      N(o), v(i), l(f(i));
+    }, W = (e) => {
       e.preventDefault();
     }, ae = () => w(1), ue = () => w(-1), de = G(
       () => ({
         getValue: () => L.current,
         setValue: (e) => {
           v(e), l(
-            e === null ? "" : N.current ? x(e) : f(e)
+            e === null ? "" : y.current ? x(e) : f(e)
           );
         },
         clear: () => {
-          v(null), l(""), y(!1);
+          v(null), l(""), N(!1);
         },
         focus: () => {
           var e;
@@ -282,7 +291,7 @@ const Pe = be(
               tabIndex: -1,
               "aria-label": E("inputs.number.decrement", "Decrement"),
               onClick: ue,
-              onMouseDown: q,
+              onMouseDown: W,
               disabled: le,
               className: `${$} ds:ps-2 ds:pe-1`,
               children: /* @__PURE__ */ F(xe, { "aria-hidden": "true", className: "ds:size-4" })
@@ -304,7 +313,7 @@ const Pe = be(
               "aria-valuemax": u,
               "aria-valuenow": fe,
               "aria-valuetext": pe,
-              "aria-invalid": H || void 0,
+              "aria-invalid": q || void 0,
               "aria-required": D.required || void 0,
               "aria-describedby": D.describedBy || void 0,
               onChange: se,
@@ -322,7 +331,7 @@ const Pe = be(
               tabIndex: -1,
               "aria-label": E("inputs.number.increment", "Increment"),
               onClick: ae,
-              onMouseDown: q,
+              onMouseDown: W,
               disabled: ce,
               className: `${$} ds:ps-1 ds:pe-2`,
               children: /* @__PURE__ */ F(Fe, { "aria-hidden": "true", className: "ds:size-4" })
@@ -338,4 +347,4 @@ export {
   Pe as N,
   Ve as u
 };
-//# sourceMappingURL=number-input-Dj5L3pXK.js.map
+//# sourceMappingURL=number-input-DxphVG_A.js.map

package/dist/_chunks/{operator-hero-f_KaRhw5.js → operator-hero-CP2Nhupm.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useId as A, useRef as O } from "react";
+import { forwardRef as w, useId as A, useRef as O } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { A as j } from "./avatar-BNQNhoyL.js";
@@ -7,11 +7,15 @@ import { B as I } from "./badge-CqGsX32l.js";
 import { C as T } from "./card-DPmk26CL.js";
 import { R as B } from "./rating-BRD7O74e.js";
 import { u as F } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as K } from "./registry-nPAVE19X.js";
+import { u as K } from "./registry-DvAUVLHh.js";
 import { c as S } from "./entity-card-COhmqHly.js";
 const V = {
   id: "operator-hero",
-  capabilities: ["view_change"],
+  // Purely observable hero region — no interactive affordances and no
+  // imperative actions on the handle (getName / getHasColor are read-only
+  // projections). The previous `view_change` capability had no backing
+  // action and is removed.
+  capabilities: [],
   state: {
     name: {
       type: "string",
@@ -60,7 +64,7 @@ const V = {
     density: "comfortable",
     surface: "elevated"
   }
-}), M = R(
+}), M = w(
   ({
     name: r,
     colorId: l,
@@ -88,7 +92,7 @@ const V = {
     const C = a ? c("operatorHero.ratingLabel", {
       value: a.value.toFixed(1),
       count: a.count
-    }) : void 0, k = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", w = s === "comfortable" ? "2xl" : "xl", L = s === "comfortable" ? "type-title-page" : "type-title-card", g = /* @__PURE__ */ t(
+    }) : void 0, k = s === "comfortable" ? "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]" : "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", L = s === "comfortable" ? "2xl" : "xl", R = s === "comfortable" ? "type-title-page" : "type-title-card", g = /* @__PURE__ */ t(
       "div",
       {
         className: [
@@ -100,7 +104,7 @@ const V = {
           /* @__PURE__ */ e(
             j,
             {
-              size: w,
+              size: L,
               name: r,
               src: h,
               className: "ds:shrink-0"
@@ -112,7 +116,7 @@ const V = {
                 "h1",
                 {
                   id: u,
-                  className: `${L} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`,
+                  className: `${R} ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]`,
                   children: [
                     d ? /* @__PURE__ */ e(
                       "span",
@@ -195,4 +199,4 @@ export {
   M as O,
   V as o
 };
-//# sourceMappingURL=operator-hero-f_KaRhw5.js.map
+//# sourceMappingURL=operator-hero-CP2Nhupm.js.map