@alfadocs/ui-kit 0.82.0 → 0.83.0

package/dist/_chunks/{icon-button-group-C_lqXTAj.js → icon-button-group-BLHPN6jg.js}

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as Le, useState as E, useCallback as U, useRef as L, Children as ce, isValidElement as fe, useEffect as Ne, cloneElement as pe } from "react";
-import { c as je } from "./index-D2ZczOXr.js";
-import { useTranslation as ze } from "react-i18next";
-import { I as ge } from "./icon-button-C_kbcd7I.js";
-import { D as h } from "./dropdown-menu-DU-Hrf33.js";
-import { u as Se } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Be } from "./use-priority-overflow-c9SjxZkZ.js";
-import { E as me } from "./ellipsis-dRo9ouSU.js";
-const be = je(
+import { forwardRef as je, useState as U, useCallback as W, useRef as z, Children as pe, isValidElement as H, useEffect as ge, cloneElement as me } from "react";
+import { c as ze } from "./index-D2ZczOXr.js";
+import { useTranslation as Se } from "react-i18next";
+import { I as be } from "./icon-button-C_kbcd7I.js";
+import { D as w } from "./dropdown-menu-DU-Hrf33.js";
+import { u as Be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ke } from "./use-priority-overflow-c9SjxZkZ.js";
+import { E as ve } from "./ellipsis-dRo9ouSU.js";
+const ye = ze(
   [
     "ds:inline-flex ds:isolate",
     // Hairline border around the group unifies the children into one
@@ -52,224 +52,239 @@ const be = je(
       orientation: "horizontal"
     }
   }
-), ve = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Ke = Le(
-  (d, b) => {
+), he = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Pe = je(
+  (d, v) => {
     const {
-      size: g,
+      size: m,
       orientation: u = "horizontal",
       role: i = "group",
       mode: n = "momentary",
-      disabled: W = !1,
-      intent: N = "outline",
-      overflow: ye = "none",
-      className: H,
-      children: q,
-      "aria-label": J,
-      "aria-labelledby": Q,
+      disabled: q = !1,
+      intent: S = "outline",
+      overflow: we = "none",
+      className: J,
+      children: Q,
+      "aria-label": X,
+      "aria-labelledby": Y,
       // Controlled-value props are consumed via `props as …` below; strip them
       // here so they never spread onto the root <div> (React would warn that
       // `onValueChange` is an unknown DOM event handler).
-      value: Te,
-      defaultValue: _e,
-      onValueChange: Fe,
-      ...X
-    } = d, { t: he } = ze(), v = ye === "menu" && u !== "vertical", [Y, Z] = E(
+      value: _e,
+      defaultValue: Fe,
+      onValueChange: Ge,
+      ...Z
+    } = d, { t: ke } = Se(), y = we === "menu" && u !== "vertical", [ee, oe] = U(
       () => n === "toggle-single" ? d.defaultValue ?? "" : n === "toggle-multi" ? d.defaultValue ?? [] : ""
-    ), w = (() => {
+    ), g = (() => {
       if (n === "toggle-single") {
         const e = d;
-        return e.value !== void 0 ? e.value : Y;
+        return e.value !== void 0 ? e.value : ee;
       }
       if (n === "toggle-multi") {
         const e = d;
-        return e.value !== void 0 ? e.value : Y;
+        return e.value !== void 0 ? e.value : ee;
       }
       return "";
-    })(), k = U(
+    })(), k = W(
       (e) => {
         var o, r;
         if (n === "toggle-single") {
           const t = d;
-          t.value === void 0 && Z(e), (o = t.onValueChange) == null || o.call(t, e);
+          t.value === void 0 && oe(e), (o = t.onValueChange) == null || o.call(t, e);
         } else if (n === "toggle-multi") {
           const t = d;
-          t.value === void 0 && Z(e), (r = t.onValueChange) == null || r.call(t, e);
+          t.value === void 0 && oe(e), (r = t.onValueChange) == null || r.call(t, e);
         }
       },
       [n, d]
-    ), m = i === "toolbar" || i === "radiogroup", R = L([]), [y, j] = E(0), ee = U(
+    ), b = i === "toolbar" || i === "radiogroup", R = z([]), [h, I] = U(0), te = W(
       (e, o) => {
         R.current[e] = o;
       },
       []
-    ), oe = L(null), [F, we] = E(!1);
-    Se(() => {
+    ), re = z(null), [F, Ce] = U(!1);
+    Be(() => {
       if (typeof window > "u") return;
-      const e = oe.current;
+      const e = re.current;
       if (!e) return;
       const o = window.getComputedStyle(e).direction;
-      we(o === "rtl");
+      Ce(o === "rtl");
     }, []);
-    const G = U(
+    const G = W(
       (e) => {
-        var P;
-        if (!m) return;
+        var T;
+        if (!b) return;
         const o = R.current.filter(Boolean).length;
         if (o === 0) return;
         const r = u === "vertical" ? "ArrowDown" : F ? "ArrowLeft" : "ArrowRight", t = u === "vertical" ? "ArrowUp" : F ? "ArrowRight" : "ArrowLeft";
         let s = null;
-        if (e.key === r ? s = (y + 1) % o : e.key === t ? s = (y - 1 + o) % o : e.key === "Home" ? s = 0 : e.key === "End" && (s = o - 1), s === null) return;
-        const V = o;
+        if (e.key === r ? s = (h + 1) % o : e.key === t ? s = (h - 1 + o) % o : e.key === "Home" ? s = 0 : e.key === "End" && (s = o - 1), s === null) return;
+        const L = o;
         let C = 0, c = s;
-        for (; C < V; ) {
+        for (; C < L; ) {
           const f = R.current[c];
           if (f && f.getAttribute("aria-disabled") !== "true" && !f.disabled)
             break;
           c = e.key === t || e.key === "End" ? (c - 1 + o) % o : (c + 1) % o, C += 1;
         }
-        if (e.preventDefault(), j(c), (P = R.current[c]) == null || P.focus(), i === "radiogroup" && n === "toggle-single") {
-          const f = ne.current[c];
+        if (e.preventDefault(), I(c), (T = R.current[c]) == null || T.focus(), i === "radiogroup" && n === "toggle-single") {
+          const f = se.current[c];
           if (f && typeof f == "object" && "props" in f) {
-            const T = f.props.value;
-            T && k(T);
+            const N = f.props.value;
+            N && N !== g && k(N);
           }
         }
       },
-      [m, u, F, y, i, n, k]
-    ), I = v ? ce.toArray(q).filter(fe) : [], z = (e) => {
+      [
+        b,
+        u,
+        F,
+        h,
+        i,
+        n,
+        k,
+        g
+      ]
+    ), x = y ? pe.toArray(Q).filter(H) : [], B = (e) => {
       const o = e.props["aria-label"];
       return typeof o == "string" ? o : typeof e.props.tooltip == "string" ? e.props.tooltip : null;
     };
-    L(!1);
-    const ke = I.map((e) => {
-      const o = e.props["data-overflow-pin"] !== void 0, r = z(e) !== null;
+    z(!1);
+    const Re = x.map((e) => {
+      const o = e.props["data-overflow-pin"] !== void 0, r = B(e) !== null;
       return o || !r;
-    }), { containerRef: Ce, fullRowRef: Re, triggerProbeRef: Ie, visible: te, overflowing: S } = Be({
-      enabled: v,
-      count: I.length,
-      pinned: ke
-    }), re = L(null), B = v ? I.filter((e, o) => te[o]) : ce.toArray(q);
-    v && (R.current.length = B.length + (S ? 1 : 0));
-    const ne = L([]);
-    ne.current = B;
-    const x = B.length;
-    Ne(() => {
+    }), { containerRef: Ie, fullRowRef: xe, triggerProbeRef: Ae, visible: ne, overflowing: K } = Ke({
+      enabled: y,
+      count: x.length,
+      pinned: Re
+    }), ie = z(null), A = y ? x.filter((e, o) => ne[o]) : pe.toArray(Q);
+    y && (R.current.length = A.length + (K ? 1 : 0));
+    const se = z([]);
+    se.current = A;
+    const M = i === "radiogroup" && n === "toggle-single" ? A.findIndex(
+      (e) => H(e) && e.props.value === g
+    ) : -1;
+    ge(() => {
+      M >= 0 && I(M);
+    }, [M]);
+    const V = A.length;
+    ge(() => {
       var o;
-      if (!m || !v) return;
-      const e = x + (S ? 1 : 0);
-      e > 0 && y >= e && (j(e - 1), document.activeElement === document.body && ((o = re.current) == null || o.focus()));
+      if (!b || !y) return;
+      const e = V + (K ? 1 : 0);
+      e > 0 && h >= e && (I(e - 1), document.activeElement === document.body && ((o = ie.current) == null || o.focus()));
     }, [
-      m,
-      v,
-      x,
-      S,
-      y
+      b,
+      y,
+      V,
+      K,
+      h
     ]);
-    const ie = B.map((e, o) => {
-      if (!fe(e))
+    const ae = A.map((e, o) => {
+      if (!H(e))
         return e;
-      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: V } = Pe(
+      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: L } = Te(
         n,
         i,
         t,
-        w
-      ), C = W === !0, c = r.props.disabled === !0, P = (p) => {
-        var l, D;
+        g
+      ), C = q === !0, c = r.props.disabled === !0, T = (p) => {
+        var l, j;
         if (C) {
           p.preventDefault(), p.stopPropagation();
           return;
         }
-        if ((D = (l = r.props).onClick) == null || D.call(l, p), !p.defaultPrevented && t) {
+        if ((j = (l = r.props).onClick) == null || j.call(l, p), !p.defaultPrevented && t) {
           if (n === "toggle-single") {
-            if (w === t) return;
+            if (g === t) return;
             k(t);
           } else if (n === "toggle-multi") {
-            const $ = w, Ve = $.includes(t) ? $.filter((De) => De !== t) : [...$, t];
-            k(Ve);
+            const E = g, Le = E.includes(t) ? E.filter((Ne) => Ne !== t) : [...E, t];
+            k(Le);
           }
         }
       }, f = (p) => {
-        ee(o, p);
+        te(o, p);
         const l = r.ref;
         typeof l == "function" ? l(p) : l != null && typeof l == "object" && (l.current = p);
-      }, T = C && !c ? !0 : void 0, xe = n !== "momentary" || C, Ae = {
-        intent: r.props.intent ?? N,
-        size: r.props.size ?? g,
+      }, N = C && !c ? !0 : void 0, Ve = n !== "momentary" || C, De = {
+        intent: r.props.intent ?? S,
+        size: r.props.size ?? m,
         disabled: c,
-        "aria-disabled": T,
-        onClick: xe ? P : r.props.onClick,
+        "aria-disabled": N,
+        onClick: Ve ? T : r.props.onClick,
         "aria-pressed": s,
-        "aria-checked": V,
+        "aria-checked": L,
         // When the group is a radiogroup, children must be `role="radio"`
         // so screen readers announce them as radio buttons and so
         // `getByRole('radio')` works in tests. The button element is
         // re-purposed as a radio; `aria-checked` above carries the state.
         role: i === "radiogroup" ? "radio" : void 0,
-        tabIndex: m ? o === y ? 0 : -1 : void 0,
+        tabIndex: b ? o === h ? 0 : -1 : void 0,
         onFocus: (p) => {
-          var l, D;
-          m && j(o), (D = (l = r.props).onFocus) == null || D.call(l, p);
+          var l, j;
+          b && I(o), (j = (l = r.props).onFocus) == null || j.call(l, p);
         },
         ref: f
       };
-      return pe(r, Ae);
-    }), se = (e) => {
-      oe.current = e, typeof b == "function" ? b(e) : b && typeof b == "object" && (b.current = e);
+      return me(r, De);
+    }), le = (e) => {
+      re.current = e, typeof v == "function" ? v(e) : v && typeof v == "object" && (v.current = e);
     };
-    if (!v)
+    if (!y)
       return /* @__PURE__ */ a(
         "div",
         {
-          ref: se,
+          ref: le,
           role: i,
-          "aria-label": J,
-          "aria-labelledby": Q,
+          "aria-label": X,
+          "aria-labelledby": Y,
           "aria-orientation": i === "toolbar" ? u : void 0,
           onKeyDown: G,
-          className: be({ orientation: u, className: H }),
+          className: ye({ orientation: u, className: J }),
           "data-component": "icon-button-group",
-          ...X,
-          children: ie
+          ...Z,
+          children: ae
         }
       );
-    const ae = he("buttonGroup.more", "More options"), A = W === !0, M = I.map((e, o) => ({ childEl: e, i: o })).filter(({ i: e }) => !te[e]);
-    let K = null;
-    n === "toggle-single" ? K = /* @__PURE__ */ a(
-      h.RadioGroup,
+    const de = ke("buttonGroup.more", "More options"), D = q === !0, O = x.map((e, o) => ({ childEl: e, i: o })).filter(({ i: e }) => !ne[e]);
+    let P = null;
+    n === "toggle-single" ? P = /* @__PURE__ */ a(
+      w.RadioGroup,
       {
-        value: w,
+        value: g,
         onValueChange: (e) => {
-          !A && e !== w && k(e);
+          !D && e !== g && k(e);
         },
-        children: M.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-          h.RadioItem,
+        children: O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+          w.RadioItem,
           {
             value: e.props.value ?? "",
-            disabled: A || e.props.disabled === !0,
-            children: z(e)
+            disabled: D || e.props.disabled === !0,
+            children: B(e)
           },
           e.key ?? o
         ))
       }
-    ) : n === "toggle-multi" ? K = M.map(({ childEl: e, i: o }) => {
-      const r = e.props.value, t = w, s = r ? t.includes(r) : !1;
+    ) : n === "toggle-multi" ? P = O.map(({ childEl: e, i: o }) => {
+      const r = e.props.value, t = g, s = r ? t.includes(r) : !1;
       return /* @__PURE__ */ a(
-        h.CheckboxItem,
+        w.CheckboxItem,
         {
           checked: s,
-          disabled: A || e.props.disabled === !0,
+          disabled: D || e.props.disabled === !0,
           onCheckedChange: () => {
-            A || !r || k(s ? t.filter((V) => V !== r) : [...t, r]);
+            D || !r || k(s ? t.filter((L) => L !== r) : [...t, r]);
           },
-          children: z(e)
+          children: B(e)
         },
         e.key ?? o
       );
-    }) : K = M.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-      h.Item,
+    }) : P = O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+      w.Item,
       {
         startIcon: e.props.icon,
-        disabled: A || e.props.disabled === !0,
+        disabled: D || e.props.disabled === !0,
         onSelect: (r) => {
           var t, s;
           (s = (t = e.props).onClick) == null || s.call(
@@ -277,64 +292,64 @@ const be = je(
             r
           );
         },
-        children: z(e)
+        children: B(e)
       },
       e.key ?? o
     ));
-    const le = S ? /* @__PURE__ */ _(h.Root, { children: [
-      /* @__PURE__ */ a(h.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
-        ge,
+    const ue = K ? /* @__PURE__ */ _(w.Root, { children: [
+      /* @__PURE__ */ a(w.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        be,
         {
-          icon: /* @__PURE__ */ a(me, {}),
-          intent: N,
-          size: g,
-          "aria-label": ae,
+          icon: /* @__PURE__ */ a(ve, {}),
+          intent: S,
+          size: m,
+          "aria-label": de,
           ref: (e) => {
-            re.current = e, ee(x, e);
+            ie.current = e, te(V, e);
           },
-          tabIndex: m ? y === x ? 0 : -1 : void 0,
-          onFocus: m ? () => j(x) : void 0
+          tabIndex: b ? h === V ? 0 : -1 : void 0,
+          onFocus: b ? () => I(V) : void 0
         }
       ) }),
-      /* @__PURE__ */ a(h.Content, { align: "end", children: K })
-    ] }) : null, de = be({ orientation: u }), O = i !== "radiogroup", ue = /* @__PURE__ */ _(
+      /* @__PURE__ */ a(w.Content, { align: "end", children: P })
+    ] }) : null, ce = ye({ orientation: u }), $ = i !== "radiogroup", fe = /* @__PURE__ */ _(
       "div",
       {
         role: i,
-        "aria-label": J,
-        "aria-labelledby": Q,
+        "aria-label": X,
+        "aria-labelledby": Y,
         "aria-orientation": i === "toolbar" ? u : void 0,
-        onKeyDown: O ? G : void 0,
-        className: `${de} ds:max-w-full`,
+        onKeyDown: $ ? G : void 0,
+        className: `${ce} ds:max-w-full`,
         children: [
-          ie,
-          O ? le : null
+          ae,
+          $ ? ue : null
         ]
       }
     );
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: se,
+        ref: le,
         "data-component": "icon-button-group",
         className: [
           "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
-          H ?? ""
+          J ?? ""
         ].join(" ").trim(),
-        ...X,
-        children: /* @__PURE__ */ _("div", { ref: Ce, className: "ds:block ds:w-full ds:min-w-0", children: [
+        ...Z,
+        children: /* @__PURE__ */ _("div", { ref: Ie, className: "ds:block ds:w-full ds:min-w-0", children: [
           /* @__PURE__ */ a(
             "div",
             {
-              ref: Re,
+              ref: xe,
               "aria-hidden": "true",
               inert: !0,
-              className: `${ve} ${de}`,
-              children: I.map(
-                (e, o) => pe(e, {
+              className: `${he} ${ce}`,
+              children: x.map(
+                (e, o) => me(e, {
                   key: e.key ?? o,
-                  intent: e.props.intent ?? N,
-                  size: e.props.size ?? g,
+                  intent: e.props.intent ?? S,
+                  size: e.props.size ?? m,
                   tabIndex: -1,
                   ref: null
                 })
@@ -344,23 +359,23 @@ const be = je(
           /* @__PURE__ */ a(
             "span",
             {
-              ref: Ie,
+              ref: Ae,
               "aria-hidden": "true",
               inert: !0,
-              className: ve,
+              className: he,
               children: /* @__PURE__ */ a(
-                ge,
+                be,
                 {
-                  icon: /* @__PURE__ */ a(me, {}),
-                  intent: N,
-                  size: g,
-                  "aria-label": ae,
+                  icon: /* @__PURE__ */ a(ve, {}),
+                  intent: S,
+                  size: m,
+                  "aria-label": de,
                   tabIndex: -1
                 }
               )
             }
           ),
-          O ? ue : (
+          $ ? fe : (
             // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- non-focusable wrapper; arrow-key roving bubbles up from the focusable IconButtons in the strip and the overflow trigger
             /* @__PURE__ */ _(
               "div",
@@ -368,8 +383,8 @@ const be = je(
                 className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
                 onKeyDown: G,
                 children: [
-                  ue,
-                  le
+                  fe,
+                  ue
                 ]
               }
             )
@@ -379,13 +394,13 @@ const be = je(
     );
   }
 );
-Ke.displayName = "IconButtonGroup";
-function Pe(d, b, g, u) {
-  if (d === "momentary" || !g) return {};
-  const i = d === "toggle-multi" ? u.includes(g) : u === g;
-  return b === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
+Pe.displayName = "IconButtonGroup";
+function Te(d, v, m, u) {
+  if (d === "momentary" || !m) return {};
+  const i = d === "toggle-multi" ? u.includes(m) : u === m;
+  return v === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
 }
 export {
-  Ke as I
+  Pe as I
 };
-//# sourceMappingURL=icon-button-group-C_lqXTAj.js.map
+//# sourceMappingURL=icon-button-group-BLHPN6jg.js.map

package/dist/_chunks/{marketplace-app-shell-Bxq1PYAj.js → marketplace-app-shell-Br2yebEK.js}

@@ -9,7 +9,7 @@ import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
 import { T as F } from "./tab-bar-Axhk6xzx.js";
 import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-CjwasYnn.js";
-import { H as U } from "./header-settings-DMfdx0Vq.js";
+import { H as U } from "./header-settings-CLwFqMHI.js";
 import { S as X } from "./sign-in-with-alfadocs-button-UlYefZpI.js";
 import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-C0PbwJBc.js";
 import { T as sa } from "./theme-root-BOO73p5t.js";
@@ -510,4 +510,4 @@ export {
   va as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-Bxq1PYAj.js.map
+//# sourceMappingURL=marketplace-app-shell-Br2yebEK.js.map

package/dist/_chunks/{patient-table-DweKjiXg.js → patient-table-BHzmUbzu.js}

@@ -1,7 +1,7 @@
 import { jsxs as O, jsx as g } from "react/jsx-runtime";
 import { createElement as x, useRef as k, useEffect as ee, useCallback as z, forwardRef as he, useState as te, useImperativeHandle as pe, useMemo as Y } from "react";
 import { useTranslation as $ } from "react-i18next";
-import { a as p, T as b, A as be, d as ne, D as P, e as ge } from "./actions-cell-renderer-DLrcSTK_.js";
+import { a as p, T as b, A as be, d as ne, D as P, e as ge } from "./actions-cell-renderer-DaL80uqL.js";
 import { S as Ce } from "./select-BW5ecXlX.js";
 import { u as ve } from "./registry-DvAUVLHh.js";
 import { I as Ne, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ae, D as K, C as Te, g as Fe, f as Re, U as Ie, e as ye } from "./link-cell-renderer-BQGUs45d.js";
@@ -1111,4 +1111,4 @@ export {
   q as g,
   at as u
 };
-//# sourceMappingURL=patient-table-DweKjiXg.js.map
+//# sourceMappingURL=patient-table-BHzmUbzu.js.map

package/dist/_chunks/{theme-toggle-BJCz_UOi.js → theme-toggle-B4mOrQX1.js}

@@ -3,7 +3,7 @@ import { forwardRef as M, useRef as k, useImperativeHandle as N, useMemo as _, u
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as g } from "react-i18next";
 import { I as y } from "./icon-button-C_kbcd7I.js";
-import { I as j } from "./icon-button-group-C_lqXTAj.js";
+import { I as j } from "./icon-button-group-BLHPN6jg.js";
 import { S as K } from "./switch-OILsBLWo.js";
 import { D as o } from "./dropdown-menu-DU-Hrf33.js";
 import { u as x } from "./use-theme-CAuo6EYT.js";
@@ -364,4 +364,4 @@ export {
   F as T,
   D as t
 };
-//# sourceMappingURL=theme-toggle-BJCz_UOi.js.map
+//# sourceMappingURL=theme-toggle-B4mOrQX1.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.82.0",
+  "packageVersion": "0.83.0",
   "components": [
     {
       "kind": "component",
@@ -1756,9 +1756,62 @@
     {
       "kind": "component",
       "id": "chart",
-      "capabilities": [],
-      "state": [],
+      "capabilities": [
+        "view_change"
+      ],
+      "state": [
+        {
+          "name": "declaredType",
+          "type": "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
+          "description": "The consumer-declared chart type — the shape `update_series` expects.",
+          "descriptionKey": "ui.agent.chart.state.declaredType"
+        },
+        {
+          "name": "effectiveType",
+          "type": "'line' | 'bar' | 'pie' | 'donut' | 'area' | 'radialBar'",
+          "description": "The type currently rendered — differs from declaredType after a type-switcher pick.",
+          "descriptionKey": "ui.agent.chart.state.effectiveType"
+        },
+        {
+          "name": "availableTypes",
+          "type": "ChartType[]",
+          "description": "Types the switcher offers. Empty when the chart has no type switcher.",
+          "descriptionKey": "ui.agent.chart.state.availableTypes"
+        }
+      ],
       "actions": [
+        {
+          "name": "change_view",
+          "safety": "write",
+          "argsType": "type",
+          "argsSchema": {
+            "type": "object",
+            "properties": {
+              "type": {
+                "type": "string",
+                "enum": [
+                  "line",
+                  "bar",
+                  "area",
+                  "pie",
+                  "donut"
+                ],
+                "description": "The chart type to render."
+              }
+            },
+            "required": [
+              "type"
+            ]
+          },
+          "returns": "boolean (accepted)",
+          "returnsSchema": {
+            "type": "boolean",
+            "description": "True when the switch was applied; false when the chart has no type switcher or the type is not offered (check availableTypes first)."
+          },
+          "idempotent": true,
+          "description": "Switch the rendered chart type via the type switcher. No-op (returns false) when the chart has no switcher or the type is not offered.",
+          "descriptionKey": "ui.agent.chart.actions.changeView"
+        },
         {
           "name": "update_series",
           "safety": "write",
@@ -1805,7 +1858,7 @@
             ]
           },
           "idempotent": true,
-          "description": "Replace the chart series without remounting.",
+          "description": "Replace the chart series without remounting. Pass the DECLARED type’s shape (see declaredType state) — when the user has switched the view cross-shape the values are converted to the rendered shape. The write targets the live instance only: a later type switch re-reads the original props and discards it.",
           "descriptionKey": "ui.agent.chart.actions.updateSeries"
         },
         {