@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{chart-Cg3e9EH9.js → chart-CMr3eW62.js}

@@ -1,29 +1,70 @@
-import { jsxs as x, jsx as c } from "react/jsx-runtime";
-import { forwardRef as X, useId as tt, useMemo as d, useRef as et, useState as $, useEffect as k, useImperativeHandle as ot } from "react";
+import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import { forwardRef as X, useId as tt, useMemo as d, useRef as et, useState as $, useEffect as G, useImperativeHandle as rt } from "react";
 import { c as at } from "./index-D2ZczOXr.js";
-import { useTranslation as rt } from "react-i18next";
+import { useTranslation as ot } from "react-i18next";
 import nt from "react-apexcharts";
-import G from "apexcharts";
-import { u as st, g as H } from "./apexcharts-theme-BJigns_V.js";
-import { u as it } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as ct } from "./registry-nPAVE19X.js";
+import U from "apexcharts";
+import { u as it, g as k } from "./apexcharts-theme-BJigns_V.js";
+import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as ct } from "./registry-DvAUVLHh.js";
 const dt = {
   id: "chart",
   capabilities: [],
   state: {},
   actions: {
     update_series: {
-      safety: "read",
+      // Replacing the rendered series mutates what the chart displays — it
+      // is a write, reversible by pushing the prior series back.
+      safety: "write",
       argsType: "series",
+      // `series` is `ChartSeries[]` (line/bar/area) OR `number[]`
+      // (pie/donut/radialBar). Both shapes are accepted; the handle routes
+      // by chart type internally.
+      argsSchema: {
+        type: "object",
+        properties: {
+          series: {
+            oneOf: [
+              {
+                type: "array",
+                description: "Categorical series for line / bar / area charts.",
+                items: {
+                  type: "object",
+                  properties: {
+                    name: { type: "string" },
+                    data: { type: "array", items: { type: "number" } }
+                  },
+                  required: ["name", "data"]
+                }
+              },
+              {
+                type: "array",
+                description: "Flat values for pie / donut / radialBar charts.",
+                items: { type: "number" }
+              }
+            ]
+          }
+        },
+        required: ["series"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.chart.actions.updateSeries",
       description: "Replace the chart series without remounting.",
-      invoke: (r, l) => {
-        r.updateSeries(l.series);
+      invoke: (o, l) => {
+        o.updateSeries(l.series);
       }
     },
     export_png: {
       safety: "read",
+      returns: "string (PNG data URI)",
+      returnsSchema: {
+        type: "string",
+        description: "A `data:image/png;base64,…` URI of the rendered chart."
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.chart.actions.exportPng",
       description: "Return a PNG data URI of the chart for export or screenshotting.",
-      invoke: (r) => r.dataURI()
+      invoke: (o) => o.dataURI()
     }
   },
   domHooks: {
@@ -52,60 +93,60 @@ const dt = {
   "slantedLines",
   "squares",
   "circles"
-], ut = ["line", "bar", "area"], ht = ["pie", "donut", "radialBar"];
-function R(r) {
-  return ht.includes(r);
+], ut = ["line", "bar", "area"], pt = ["pie", "donut", "radialBar"];
+function T(o) {
+  return pt.includes(o);
 }
-function pt(r) {
-  return ut.includes(r);
+function ht(o) {
+  return ut.includes(o);
 }
-function ft(r, l) {
-  return R(l) ? [
+function ft(o, l) {
+  return T(l) ? [
     {
       name: "",
-      data: r
+      data: o
     }
-  ] : r;
+  ] : o;
 }
 const bt = X(
   ({
-    title: r,
+    title: o,
     id: l,
-    type: o,
-    series: p,
+    type: r,
+    series: h,
     categories: g,
-    labels: v,
+    labels: y,
     height: O,
-    width: _,
+    width: H,
     patterns: A = !1,
-    colors: T,
-    toolbar: S = !1,
-    locale: M,
+    colors: v,
+    toolbar: x = !1,
+    locale: _,
     radialValueFormatter: m,
-    density: U,
-    className: D
-  }, W) => {
-    const { t: a, i18n: Y } = rt(), z = tt(), u = d(
-      () => `chart-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [z]
-    ), y = `${u}-summary`, I = et(null), [N, Z] = $(0);
-    st(I);
-    const h = M ?? Y.language ?? "en", [B, j] = $(
+    density: M,
+    className: j
+  }, D) => {
+    const { t: a, i18n: W } = ot(), N = tt(), u = d(
+      () => `chart-${N.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [N]
+    ), R = `${u}-summary`, I = et(null), [P, q] = $(0);
+    it(I);
+    const p = _ ?? W.language ?? "en", [z, Y] = $(
       () => {
         try {
-          return H();
+          return k();
         } catch {
           return {};
         }
       }
     );
-    k(() => {
+    G(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            j(H());
+            Y(k());
           } catch {
           }
         }, 50);
@@ -116,38 +157,38 @@ const bt = X(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), k(() => {
+    }, []), G(() => {
       const t = I.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
-        const s = n[0];
-        s && Z(Math.floor(s.contentRect.width));
+        const i = n[0];
+        i && q(Math.floor(i.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
     }, []);
     const C = d(
       () => ({
         async dataURI() {
-          const t = G.getChartByID(u);
+          const t = U.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = G.getChartByID(u);
-          e && (R(o), e.updateSeries(t));
+          const e = U.getChartByID(u);
+          e && (T(r), e.updateSeries(t));
         }
       }),
-      [u, o]
+      [u, r]
     );
-    ot(W, () => C, [C]), ct(dt, C, l);
-    const w = typeof document < "u" && document.documentElement.dir === "rtl", E = d(
-      () => ft(p, o),
-      [p, o]
+    rt(D, () => C, [C]), ct(dt, C, l);
+    const w = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
+      () => ft(h, r),
+      [h, r]
     ), f = d(
-      () => new Intl.NumberFormat(h),
-      [h]
-    ), P = d(
+      () => new Intl.NumberFormat(p),
+      [p]
+    ), E = d(
       () => ({
-        name: h,
+        name: p,
         options: {
           toolbar: {
             download: a("chart.toolbar.download"),
@@ -163,25 +204,25 @@ const bt = X(
           }
         }
       }),
-      [h, a]
-    ), L = it(), q = d(() => {
-      var n, s, b;
-      const t = B, e = {
+      [p, a]
+    ), L = st(), Z = d(() => {
+      var n, i, b;
+      const t = z, e = {
         ...t,
         chart: {
           ...t.chart,
           id: u,
-          toolbar: { show: S },
-          zoom: { enabled: S },
+          toolbar: { show: x },
+          zoom: { enabled: x },
           animations: {
             enabled: !L,
             dynamicAnimation: { enabled: !L }
           },
-          locales: [P],
-          defaultLocale: h,
+          locales: [E],
+          defaultLocale: p,
           parentHeightOffset: 0
         },
-        labels: v,
+        labels: y,
         legend: {
           ...t.legend,
           position: "bottom",
@@ -195,35 +236,35 @@ const bt = X(
         tooltip: {
           ...t.tooltip,
           y: {
-            formatter: (i) => f.format(i)
+            formatter: (s) => f.format(s)
           }
         },
         noData: {
           text: a("chart.noData")
         }
       };
-      if (T && T.length > 0 && (e.colors = T), pt(o) && (e.xaxis = {
+      if (v && v.length > 0 && (e.colors = v), ht(r) && (e.xaxis = {
         ...t.xaxis,
         categories: g ?? []
       }, e.yaxis = {
         ...t.yaxis,
         opposite: w,
         labels: {
-          formatter: (i) => f.format(i)
+          formatter: (s) => f.format(s)
         }
       }, e.stroke = {
         curve: "smooth",
-        width: o === "bar" ? 0 : 2
-      }, e.dataLabels = { enabled: !1 }), o === "radialBar" && m) {
-        const i = t.plotOptions ?? {};
+        width: r === "bar" ? 0 : 2
+      }, e.dataLabels = { enabled: !1 }), r === "radialBar" && m) {
+        const s = t.plotOptions ?? {};
         e.plotOptions = {
-          ...i,
+          ...s,
           radialBar: {
-            ...i.radialBar ?? {},
+            ...s.radialBar ?? {},
             dataLabels: {
-              ...((n = i.radialBar) == null ? void 0 : n.dataLabels) ?? {},
+              ...((n = s.radialBar) == null ? void 0 : n.dataLabels) ?? {},
               value: {
-                ...((b = (s = i.radialBar) == null ? void 0 : s.dataLabels) == null ? void 0 : b.value) ?? {},
+                ...((b = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : b.value) ?? {},
                 formatter: (Q) => m(Number(Q))
               }
             }
@@ -232,79 +273,79 @@ const bt = X(
       }
       return A ? e.fill = {
         type: "pattern",
-        opacity: o === "area" ? 0.3 : 1,
+        opacity: r === "area" ? 0.3 : 1,
         pattern: {
           style: [...mt],
           strokeWidth: 2
         }
-      } : o === "area" && (e.fill = {
+      } : r === "area" && (e.fill = {
         type: "gradient",
         opacity: 0.3
       }), e;
     }, [
-      B,
+      z,
       u,
-      S,
+      x,
       L,
-      P,
-      h,
-      v,
+      E,
+      p,
+      y,
       f,
       a,
-      o,
+      r,
       g,
       w,
       A,
-      T,
+      v,
       m
-    ]), V = _ ?? (N > 0 ? N : "100%"), F = O ?? 320, J = d(() => {
-      const t = R(o) ? v ?? [] : g ?? [], e = E;
-      return /* @__PURE__ */ x("table", { id: y, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: r }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ x("tr", { children: [
+    ]), K = H ?? (P > 0 ? P : "100%"), F = O ?? 320, V = d(() => {
+      const t = T(r) ? y ?? [] : g ?? [], e = B;
+      return /* @__PURE__ */ S("table", { id: R, className: "ds:sr-only", children: [
+        /* @__PURE__ */ c("caption", { children: o }),
+        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ S("tr", { children: [
           /* @__PURE__ */ c("th", { scope: "col", children: a("chart.table.series") }),
-          t.map((n, s) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${s}`))
+          t.map((n, i) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${i}`))
         ] }) }),
-        /* @__PURE__ */ c("tbody", { children: e.map((n, s) => /* @__PURE__ */ x("tr", { children: [
+        /* @__PURE__ */ c("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
           /* @__PURE__ */ c("th", { scope: "row", children: n.name || a("chart.table.value") }),
-          n.data.map((b, i) => /* @__PURE__ */ c("td", { children: o === "radialBar" && m ? m(b) : f.format(b) }, `${s}-${i}`))
-        ] }, `${n.name}-${s}`)) })
+          n.data.map((b, s) => /* @__PURE__ */ c("td", { children: r === "radialBar" && m ? m(b) : f.format(b) }, `${i}-${s}`))
+        ] }, `${n.name}-${i}`)) })
       ] });
     }, [
-      o,
-      E,
-      v,
-      g,
-      y,
       r,
+      B,
+      y,
+      g,
+      R,
+      o,
       a,
       f,
       m
-    ]), K = d(() => (R(o), p), [p, o]);
-    return /* @__PURE__ */ x(
+    ]), J = d(() => (T(r), h), [h, r]);
+    return /* @__PURE__ */ S(
       "div",
       {
         ref: I,
         role: "img",
-        "aria-label": r,
-        "aria-describedby": y,
+        "aria-label": o,
+        "aria-describedby": R,
         className: lt({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: U ?? (O !== void 0 ? "none" : void 0),
-          className: D
+          density: M ?? (O !== void 0 ? "none" : void 0),
+          className: j
         }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
-          J,
+          V,
           /* @__PURE__ */ c(
             nt,
             {
-              type: o,
-              series: K,
-              options: q,
-              width: V,
+              type: r,
+              series: J,
+              options: Z,
+              width: K,
               height: F,
               "aria-hidden": "true"
             }
@@ -320,4 +361,4 @@ export {
   lt as a,
   dt as c
 };
-//# sourceMappingURL=chart-Cg3e9EH9.js.map
+//# sourceMappingURL=chart-CMr3eW62.js.map

package/dist/_chunks/{chat-container-ogB4OskO.js → chat-container-DWho5hPR.js}

@@ -1,21 +1,34 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as B, useRef as u, useState as C, useCallback as H, useImperativeHandle as L, useMemo as E, useEffect as M } from "react";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as O } from "react-i18next";
-import { u as S } from "./registry-nPAVE19X.js";
-import { u as j } from "./index-CJE9uQmb.js";
+import { forwardRef as B, useRef as p, useState as C, useCallback as H, useImperativeHandle as L, useMemo as S, useEffect as j } from "react";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { u as M } from "./registry-DvAUVLHh.js";
+import { u as O } from "./index-CJE9uQmb.js";
 import { F as A } from "./floating-action-button-pojvb9gG.js";
-import { u as P } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { C as D } from "./chevron-down-BX_NP2Yh.js";
-const F = {
+import { u as F } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as K } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { C as P } from "./chevron-down-BX_NP2Yh.js";
+const $ = {
   id: "chat-container",
-  capabilities: ["navigate"],
+  // Scrolling the log viewport is pure ephemeral view state — `scroll`,
+  // not `navigate` (nothing routes; the conversation stays in place).
+  capabilities: ["scroll"],
   state: {},
   actions: {
     scroll_to_bottom: {
       safety: "read",
       argsType: "{ smooth?: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          smooth: {
+            type: "boolean",
+            description: "Animate the scroll when true (default). Forced off under reduced motion."
+          }
+        }
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.chatContainer.actions.scrollToBottom",
       description: "Scroll the conversation viewport to the latest message.",
       invoke: (o, r) => {
         o.scrollToBottom(r);
@@ -30,7 +43,7 @@ const F = {
       description: "Sourced from the id prop."
     }
   }
-}, K = k(
+}, D = w(
   "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
   {
     variants: {
@@ -41,7 +54,7 @@ const F = {
     },
     defaultVariants: { density: "default" }
   }
-), U = k(
+), U = w(
   [
     "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -65,34 +78,34 @@ const F = {
   ({
     messages: o,
     composer: r,
-    density: w = "default",
-    className: I,
-    id: p,
+    density: y = "default",
+    className: k,
+    id: u,
     onAutoScrollChange: i,
-    showScrollToLatest: N = !1,
-    ...y
+    showScrollToLatest: I = !1,
+    ...N
   }, T) => {
-    const { t: f } = O(), a = u(null), v = u(null), [c, _] = C(!0), g = P(), n = H(
+    const { t: f } = E(), a = p(null), v = p(null), [c, _] = C(!0), h = F(), n = H(
       (e) => {
         const s = a.current;
         if (!s) return;
-        const d = ((e == null ? void 0 : e.smooth) ?? !0) && !g;
+        const d = ((e == null ? void 0 : e.smooth) ?? !0) && !h;
         s.scrollTo({
           top: s.scrollHeight,
           behavior: d ? "smooth" : "auto"
         });
       },
-      [g]
-    ), h = u(null);
-    L(T, () => h.current, []);
-    const R = E(
+      [h]
+    ), g = p(null);
+    L(T, () => g.current, []);
+    const R = S(
       () => ({
         scrollToBottom: n,
         getScrollViewport: () => a.current
       }),
       [n]
     );
-    S(F, R, p), M(() => {
+    M($, R, u), j(() => {
       const e = a.current, s = v.current;
       if (!e || !s) return;
       const d = new IntersectionObserver(
@@ -110,10 +123,10 @@ const F = {
       return d.observe(s), () => d.disconnect();
     }, [i]);
     const z = o.length;
-    $(() => {
+    K(() => {
       c && n({ smooth: !1 });
     }, [z, c, n]);
-    const b = o.length > X, l = j({
+    const b = o.length > X, l = O({
       count: b ? o.length : 0,
       getScrollElement: () => a.current,
       estimateSize: () => 80,
@@ -126,11 +139,11 @@ const F = {
     return /* @__PURE__ */ m(
       "div",
       {
-        ref: h,
-        className: K({ density: w, className: I }),
+        ref: g,
+        className: D({ density: y, className: k }),
         "data-component": "chat-container",
-        "data-component-id": p,
-        ...y,
+        "data-component-id": u,
+        ...N,
         children: [
           /* @__PURE__ */ m("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
             /* @__PURE__ */ m(
@@ -176,7 +189,7 @@ const F = {
                 ]
               }
             ),
-            N && !c ? /* @__PURE__ */ t(
+            I && !c ? /* @__PURE__ */ t(
               "div",
               {
                 className: [
@@ -196,7 +209,7 @@ const F = {
                 children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
                   A,
                   {
-                    icon: /* @__PURE__ */ t(D, {}),
+                    icon: /* @__PURE__ */ t(P, {}),
                     "aria-label": f("chat.scrollToLatest"),
                     size: "sm",
                     variant: "secondary",
@@ -216,6 +229,6 @@ const F = {
 Z.displayName = "ChatContainer";
 export {
   Z as C,
-  F as c
+  $ as c
 };
-//# sourceMappingURL=chat-container-ogB4OskO.js.map
+//# sourceMappingURL=chat-container-DWho5hPR.js.map