@actioneer/ads 0.5.6 → 0.5.8

package/demo/components/add-to-artifact.js

@@ -0,0 +1,341 @@
+"use client";
+import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as D } from "../../lib/cn.js";
+import "../../lib/interactive.js";
+import "../../components/ui/tooltip.js";
+import { Button as n } from "../../components/button.js";
+import "../../components/spinner.js";
+import "../../components/reveal.js";
+import { Field as A } from "../../components/field.js";
+import "../../components/typography.js";
+import "../../components/link.js";
+import "../../components/divider.js";
+import "../../components/kbd.js";
+import "../../components/code-block.js";
+import "../../components/setting-row.js";
+import "../../components/file-dropzone.js";
+import "../../components/scroll-area.js";
+import "../../components/stepper.js";
+import "../../components/resizable-panel.js";
+import { LayoutGrid as G, Plus as w, WarningCircle as P, CheckCircle as H, ExternalLink as K } from "../../lib/icons.js";
+import "react-dom";
+import "motion/react";
+import "../../components/ripple.js";
+import { Input as z } from "../../components/input.js";
+import "../../components/input-field.js";
+import "../../components/textarea.js";
+import "../../components/checkbox.js";
+import "../../components/radio.js";
+import "../../components/switch.js";
+import "../../components/number-field.js";
+import { Select as W } from "../../components/select.js";
+import "../../components/autocomplete.js";
+import "../../components/slider.js";
+import "../../components/segmented.js";
+import { Modal as _, ModalHeader as q, ModalTitle as J, ModalBody as h, ModalFooter as f } from "../../components/modal.js";
+import "../../components/drawer.js";
+import "../../components/popover.js";
+import "../../components/dropdown.js";
+import { useToast as Q } from "../../components/toast.js";
+import "../../components/answer.js";
+import "../../components/answer-sources.js";
+import "../../components/card.js";
+import "../../components/carousel.js";
+import "../../components/chart.js";
+import "../../components/connector-card.js";
+import "../../components/infinite-canvas.js";
+import "../../components/table.js";
+import "../../components/tabs.js";
+import "../../components/tree.js";
+import "../../components/accordion.js";
+import "../../components/avatar.js";
+import "../../components/badge.js";
+import "../../components/chip.js";
+import "../../components/timeline.js";
+import "../../components/alert.js";
+import "../../components/pixel-blast-svg.js";
+import "../../components/pixel-icon.js";
+import "../../components/agent-icon.js";
+import "../../components/brand-texture.js";
+import { Progress as U } from "../../components/progress.js";
+import "../../components/progress-circle.js";
+import "../../components/skeleton.js";
+import "../../components/empty-state.js";
+import "../../components/page-header.js";
+import "../../components/navbar.js";
+import "../../components/breadcrumbs.js";
+import "../../components/pagination.js";
+import "../../components/sidebar.js";
+import "../../components/panel.js";
+import "../../components/collapsible.js";
+import "../../components/selection-action-bar.js";
+import "../../components/ai-elements/agent-trace.js";
+import "../../components/ai-elements/chain-of-thought.js";
+import "../../components/ai-elements/chain-of-thought-icon.js";
+import "../../components/ai-elements/chart.js";
+import "../../components/ai-elements/inline-citation.js";
+import "../../components/ai-elements/message.js";
+import "../../components/ai-elements/research-activity.js";
+import "../../components/ai-elements/shimmer.js";
+import "../../components/ai-elements/task.js";
+import "../../components/ai-elements/task-progress.js";
+import "../../components/ai-elements/tool.js";
+import "../../components/ai-elements/voice.js";
+import "@assistant-ui/react";
+import "../../components/assistant-ui/composer.js";
+import "../../components/assistant-ui/answer-tool-ui.js";
+import "../../components/assistant-ui/follow-up-suggestions.js";
+import "../../components/assistant-ui/message.js";
+import "../../components/assistant-ui/selection-toolbar.js";
+import "../../components/ui/button.js";
+import "../../components/assistant-ui/thread-context.js";
+import "../../components/assistant-ui/tooltip-icon-button.js";
+import { suggestedSectionForKind as T, ARTIFACT_DESTINATIONS as V, findDuplicateArtifactBlock as X, saveArtifactBlock as Y } from "../lib/artifact-library.js";
+import "../../components/assistant-ui/composer-add-context.js";
+import "zustand/shallow";
+import "../../components/ui/dialog.js";
+import "radix-ui";
+import "../../components/assistant-ui/composer-deep-research.js";
+import "../../components/assistant-ui/composer-trigger-popover.js";
+import "../../components/assistant-ui/directive-text.js";
+import "../../components/assistant-ui/file.js";
+import "../../components/assistant-ui/image.js";
+import "../../components/assistant-ui/markdown-text.js";
+import "../../components/assistant-ui/quote.js";
+import "../../components/assistant-ui/sources.js";
+import "../../components/assistant-ui/tool-fallback.js";
+import "../../components/assistant-ui/tool-group.js";
+function Xi({
+  block: e,
+  trigger: x = "button",
+  className: g,
+  open: S,
+  onOpenChange: k
+}) {
+  const { toast: I } = Q(), l = V[0], [M, O] = m.useState(!1), v = S ?? M, s = k ?? O, [b, y] = m.useState(e.title), [d, C] = m.useState(
+    T(e.kind)
+  ), [a, c] = m.useState("idle"), u = m.useRef(null), r = l.sections.find(
+    (o) => o.id === d
+  );
+  m.useEffect(
+    () => () => {
+      u.current !== null && window.clearTimeout(u.current);
+    },
+    []
+  ), m.useEffect(() => {
+    if (!v) {
+      c("idle");
+      return;
+    }
+    y(e.title), C(T(e.kind)), c("idle");
+  }, [e.kind, e.title, v]);
+  const N = () => {
+    const o = b.trim() || e.title, L = d, R = (r == null ? void 0 : r.label) ?? "Section";
+    c("saving"), u.current = window.setTimeout(() => {
+      Y({ ...e, title: o }, L), u.current = null, c("success"), I.success("Added to Artifact", {
+        description: `${l.label} · ${R}`
+      });
+    }, 900);
+  }, j = () => {
+    if (a === "idle") {
+      if (X(e, d)) {
+        c("duplicate");
+        return;
+      }
+      N();
+    }
+  }, F = () => {
+    a === "duplicate" && N();
+  }, $ = () => {
+    s(!1), window.location.hash = `/demo/artifacts-v2/${l.id}`;
+  }, B = (o) => {
+    !o && a === "saving" || s(o);
+  }, E = x === "none" ? null : x === "menu-item" ? /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      onClick: () => s(!0),
+      className: D(
+        "flex w-full cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-left text-xs outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent",
+        g
+      ),
+      children: [
+        /* @__PURE__ */ t(G, { className: "size-4" }),
+        "Add to Artifact"
+      ]
+    }
+  ) : x === "icon" ? /* @__PURE__ */ t(
+    n,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-xs",
+      "aria-label": `Add ${e.title} to Artifact`,
+      title: "Add to Artifact",
+      onClick: () => s(!0),
+      className: g,
+      children: /* @__PURE__ */ t(w, {})
+    }
+  ) : /* @__PURE__ */ t(
+    n,
+    {
+      type: "button",
+      variant: "outline",
+      size: "xs",
+      startContent: /* @__PURE__ */ t(w, {}),
+      onClick: () => s(!0),
+      className: g,
+      children: "Add to Artifact"
+    }
+  );
+  return /* @__PURE__ */ i(p, { children: [
+    E,
+    /* @__PURE__ */ i(_, { open: v, onOpenChange: B, size: "sm", children: [
+      /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(J, { children: "Add to Artifact" }) }),
+      a === "idle" ? /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ i(h, { className: "space-y-4", children: [
+          /* @__PURE__ */ t(A, { label: "Artifact", children: /* @__PURE__ */ t(z, { value: l.label, readOnly: !0 }) }),
+          /* @__PURE__ */ t(A, { label: "Section", children: /* @__PURE__ */ t(
+            W,
+            {
+              items: l.sections.map((o) => ({
+                label: o.label,
+                value: o.id
+              })),
+              value: d,
+              onChange: C
+            }
+          ) }),
+          /* @__PURE__ */ t(A, { label: "Title", children: /* @__PURE__ */ t(
+            z,
+            {
+              value: b,
+              onChange: (o) => y(o.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ t("p", { className: "text-xs text-secondary", children: e.kind === "markdown" ? "The answer will be saved as editable Markdown." : `This will remain a native ${e.kind} card.` })
+        ] }),
+        /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ t(
+            n,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => s(!1),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t(n, { type: "button", size: "sm", onClick: j, children: "Add" })
+        ] })
+      ] }) : a === "duplicate" ? /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: "flex min-h-56 flex-col items-center justify-center text-center",
+            role: "alert",
+            children: [
+              /* @__PURE__ */ t("div", { className: "mb-5 grid size-14 place-items-center rounded-full bg-warning/10 text-warning", children: /* @__PURE__ */ t(P, { className: "size-7", weight: "fill" }) }),
+              /* @__PURE__ */ t("p", { className: "text-sm font-semibold", children: "Already in this section" }),
+              /* @__PURE__ */ i("p", { className: "mt-1 max-w-72 text-xs text-secondary", children: [
+                "This item has already been added to ",
+                (r == null ? void 0 : r.label) ?? "this section",
+                " in ",
+                l.label,
+                "."
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ t(
+            n,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => c("idle"),
+              children: "Go back"
+            }
+          ),
+          /* @__PURE__ */ t(n, { type: "button", size: "sm", onClick: F, children: "Add another copy" })
+        ] })
+      ] }) : a === "saving" ? /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: "flex min-h-56 flex-col items-center justify-center text-center",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ i("p", { className: "text-sm font-semibold", children: [
+                "Adding to ",
+                l.label
+              ] }),
+              /* @__PURE__ */ i("p", { className: "mt-1 text-xs text-secondary", children: [
+                "Saving in ",
+                (r == null ? void 0 : r.label) ?? "Section"
+              ] }),
+              /* @__PURE__ */ t(
+                U,
+                {
+                  isIndeterminate: !0,
+                  size: "sm",
+                  label: "Adding to Artifact",
+                  className: "mt-6 max-w-64"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(n, { type: "button", size: "sm", isLoading: !0, disabled: !0, children: "Adding" }) })
+      ] }) : /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: "flex min-h-56 flex-col items-center justify-center text-center",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ t("div", { className: "mb-5 grid size-14 place-items-center rounded-full bg-success/10 text-success", children: /* @__PURE__ */ t(H, { className: "size-7", weight: "fill" }) }),
+              /* @__PURE__ */ i("p", { className: "text-sm font-semibold", children: [
+                "Added to ",
+                l.label
+              ] }),
+              /* @__PURE__ */ i("p", { className: "mt-1 text-xs text-secondary", children: [
+                (r == null ? void 0 : r.label) ?? "Section",
+                " · ",
+                b.trim() || e.title
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ i(f, { children: [
+          /* @__PURE__ */ t(
+            n,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => s(!1),
+              children: "Done"
+            }
+          ),
+          /* @__PURE__ */ t(
+            n,
+            {
+              type: "button",
+              size: "sm",
+              startContent: /* @__PURE__ */ t(K, {}),
+              onClick: $,
+              children: "Open artifact"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Xi as AddToArtifact
+};

package/demo/lib/artifact-library.js

@@ -0,0 +1,134 @@
+"use client";
+const g = "ads:artifact-blocks-changed", w = [
+  {
+    id: "revenue-performance",
+    label: "Revenue performance",
+    sections: [
+      { id: "section-metrics", label: "Executive metrics" },
+      { id: "section-story", label: "Revenue story" },
+      { id: "section-table", label: "Regional performance" }
+    ]
+  }
+], m = "ads-demo.artifacts-v2.saved-blocks.v1";
+function S(t) {
+  return t === "metric" ? "section-metrics" : t === "table" ? "section-table" : "section-story";
+}
+function h() {
+  if (typeof window > "u") return [];
+  try {
+    const t = window.localStorage.getItem(m);
+    return t ? JSON.parse(t) : [];
+  } catch {
+    return [];
+  }
+}
+function A(t, r) {
+  const e = {
+    ...t,
+    id: `saved-${t.kind}-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
+    artifactId: "revenue-performance",
+    sectionId: r,
+    addedBy: "Himanshu Verma",
+    addedAt: (/* @__PURE__ */ new Date()).toISOString()
+  }, n = [...h(), e];
+  return window.localStorage.setItem(m, JSON.stringify(n)), window.dispatchEvent(
+    new CustomEvent(g, { detail: e })
+  ), e;
+}
+function p(t) {
+  const r = {
+    kind: t.kind,
+    source: t.source,
+    markdown: t.markdown,
+    value: t.value,
+    change: t.change,
+    chart: t.chart,
+    table: t.table
+  }, e = Object.values(r).some(
+    (n) => n !== void 0 && n !== ""
+  );
+  return JSON.stringify(
+    e ? r : { ...r, title: t.title.trim() }
+  );
+}
+function b(t, r) {
+  const e = p(t);
+  return h().find(
+    (n) => n.artifactId === "revenue-performance" && n.sectionId === r && p(n) === e
+  );
+}
+function c(t) {
+  return t.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").replace(/^./, (r) => r.toUpperCase());
+}
+function f(t) {
+  return !!t && typeof t == "object" && !Array.isArray(t);
+}
+function u(t) {
+  return t == null ? "—" : Array.isArray(t) ? t.map(u).join(" · ") : f(t) ? Object.entries(t).map(([r, e]) => `${c(r)}: ${u(e)}`).join("; ") : String(t).replace(/\|/g, "\\|").replace(/\r?\n/g, " ");
+}
+function l(t, r, e) {
+  const n = Array.from(
+    new Set(e.flatMap((i) => Object.keys(i)))
+  );
+  n.length && (t.push(`## ${c(r)}`), t.push(`| ${n.map(c).join(" | ")} |`), t.push(`| ${n.map(() => "---").join(" | ")} |`), e.forEach((i) => {
+    t.push(`| ${n.map((o) => u(i[o])).join(" | ")} |`);
+  }), t.push(""));
+}
+function y(t) {
+  const r = [t.headline, t.title, t.label].find(
+    (i) => typeof i == "string" && i.length > 0
+  ), e = r ? [`# ${r}`, ""] : [], n = /* @__PURE__ */ new Set([
+    "headline",
+    "title",
+    "label",
+    "kind",
+    "tone",
+    "chart",
+    "sources",
+    "followUps"
+  ]);
+  return Object.entries(t).forEach(([i, o]) => {
+    if (!(n.has(i) || o == null)) {
+      if (typeof o == "string") {
+        e.push(o, "");
+        return;
+      }
+      if (Array.isArray(o)) {
+        const s = o.filter(f);
+        if (s.length === o.length && s.length > 0) {
+          l(e, i, s);
+          return;
+        }
+        const d = o.filter(
+          (a) => typeof a == "string" || typeof a == "number"
+        );
+        d.length && (e.push(`## ${c(i)}`), d.forEach((a) => e.push(`- ${String(a)}`)), e.push(""));
+        return;
+      }
+      if (f(o)) {
+        l(e, i, [o]);
+        return;
+      }
+      (typeof o == "number" || typeof o == "boolean") && e.push(`**${c(i)}:** ${String(o)}`, "");
+    }
+  }), e.join(`
+`).trim();
+}
+function $(t) {
+  return t.map((e) => {
+    if (!e || typeof e != "object") return "";
+    const n = e;
+    return n.type === "text" && typeof n.text == "string" ? n.text : n.type === "tool-call" && n.args && typeof n.args == "object" ? y(n.args) : "";
+  }).filter(Boolean).join(`
+
+`).trim() || "Saved answer";
+}
+export {
+  g as ARTIFACT_BLOCKS_CHANGED,
+  w as ARTIFACT_DESTINATIONS,
+  $ as assistantPartsToMarkdown,
+  b as findDuplicateArtifactBlock,
+  h as readSavedArtifactBlocks,
+  A as saveArtifactBlock,
+  S as suggestedSectionForKind
+};

package/fonts.css

@@ -1,22 +1,22 @@
 /* @actioneer/ads — generated by scripts/build-lib-styles.mjs. Do not edit. */
-/* Aribau Grotesk — ADS 1.0 brand typeface.
-   TWO weights only: Regular (400) and Semibold (600). Use `font-normal` and
-   `font-semibold` — there is NO dedicated bold face, so never reach for
-   `font-bold` (it would just fold onto the 600 file). The weight RANGES map
-   Tailwind's utilities onto the two physical files:
-   `font-normal` → Regular (100–500), `font-semibold` → Semibold (600–900).
-   `font-synthesis-weight: none` (set in index.css) prevents faux weights. */
+/* Aribau Grotesk — ADS UI typeface.
+   TWO physical faces, both served compressed (woff2):
+   • Regular → `font-normal` (weight 100–499)
+   • Medium  → `font-medium` (weight 500)
+   There is NO semibold or bold face. The broad face range keeps legacy
+   consumers on the real Medium file, while ADS source uses only 400 and 500.
+   `font-synthesis-weight: none` (index.css) blocks faux bolding. */
 @font-face {
   font-family: "Aribau Grotesk";
-  src: url("./fonts/aribau-grotesk-400.otf") format("opentype");
-  font-weight: 100 500;
+  src: url("./fonts/aribau-grotesk-regular.woff2") format("woff2");
+  font-weight: 100 499;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
   font-family: "Aribau Grotesk";
-  src: url("./fonts/aribau-grotesk-600.woff2") format("woff2");
-  font-weight: 600 900;
+  src: url("./fonts/aribau-grotesk-medium.woff2") format("woff2");
+  font-weight: 500 900;
   font-style: normal;
   font-display: swap;
 }

package/hooks/agents-ui/use-agent-audio-visualizer-aura.js

@@ -1,7 +1,7 @@
 "use client";
-import * as o from "react";
+import * as l from "react";
 import { useMotionValue as m, useMotionValueEvent as p, animate as f } from "motion/react";
-import { EASE_OUT as g } from "../../lib/motion.js";
+import { springEffect as g } from "../../lib/motion.js";
 const h = {
   idle: { speed: 8, scale: 0.2, amplitude: 1.2, frequency: 0.4, brightness: 1 },
   connecting: { speed: 30, scale: 0.3, amplitude: 0.5, frequency: 1, brightness: 2 },
@@ -14,20 +14,21 @@ const h = {
 function d(n) {
   return Math.min(1, Math.max(0, n));
 }
-function c(n) {
-  const [r, t] = o.useState(n), e = m(n), a = o.useRef(null);
+function o(n) {
+  const [r, t] = l.useState(n), e = m(n), a = l.useRef(null);
   p(e, "change", t);
-  const u = o.useCallback(
-    (s, l) => {
+  const u = l.useCallback(
+    (s, c) => {
       var i;
-      (i = a.current) == null || i.stop(), a.current = f(e, s, {
-        duration: l ? 0 : 0.2,
-        ease: g
-      });
+      (i = a.current) == null || i.stop(), a.current = f(
+        e,
+        s,
+        c ? { duration: 0 } : g
+      );
     },
     [e]
   );
-  return o.useEffect(() => () => {
+  return l.useEffect(() => () => {
     var s;
     return (s = a.current) == null ? void 0 : s.stop();
   }, []), { value: r, animateTo: u };
@@ -37,16 +38,16 @@ function y({
   volume: r = 0,
   reduced: t = !1
 }) {
-  const e = h[n], a = c(e.scale), u = c(e.amplitude), s = c(e.frequency), l = c(e.brightness);
-  o.useEffect(() => {
-    a.animateTo(e.scale, t), u.animateTo(e.amplitude, t), s.animateTo(e.frequency, t), l.animateTo(e.brightness, t);
+  const e = h[n], a = o(e.scale), u = o(e.amplitude), s = o(e.frequency), c = o(e.brightness);
+  l.useEffect(() => {
+    a.animateTo(e.scale, t), u.animateTo(e.amplitude, t), s.animateTo(e.frequency, t), c.animateTo(e.brightness, t);
   }, [
     e,
     t,
     a.animateTo,
     u.animateTo,
     s.animateTo,
-    l.animateTo
+    c.animateTo
   ]);
   const i = !t && (n === "listening" || n === "speaking") ? d(r) : 0;
   return {
@@ -54,7 +55,7 @@ function y({
     scale: a.value + i * 0.18,
     amplitude: u.value + i * 0.35,
     frequency: s.value,
-    brightness: l.value + i * 0.4
+    brightness: c.value + i * 0.4
   };
 }
 export {

package/hooks/agents-ui/use-agent-audio-visualizer-wave.js

@@ -1,7 +1,7 @@
 "use client";
 import * as c from "react";
 import { useMotionValue as l, useMotionValueEvent as r, animate as f } from "motion/react";
-import { EASE_OUT as y } from "../../lib/motion.js";
+import { springEffect as y } from "../../lib/motion.js";
 const d = {
   idle: { speed: 2, amplitude: 6e-3, frequency: 8, opacity: 0.35 },
   connecting: { speed: 20, amplitude: 6e-3, frequency: 40, opacity: 0.7 },
@@ -15,46 +15,47 @@ function q(t) {
   return Math.min(1, Math.max(0, t));
 }
 function s(t) {
-  const [p, a] = c.useState(t), e = l(t), i = c.useRef(null);
-  r(e, "change", a);
+  const [p, n] = c.useState(t), e = l(t), i = c.useRef(null);
+  r(e, "change", n);
   const o = c.useCallback(
-    (n, u) => {
+    (a, u) => {
       var m;
-      (m = i.current) == null || m.stop(), i.current = f(e, n, {
-        duration: u ? 0 : 0.2,
-        ease: y
-      });
+      (m = i.current) == null || m.stop(), i.current = f(
+        e,
+        a,
+        u ? { duration: 0 } : y
+      );
     },
     [e]
   );
   return c.useEffect(() => () => {
-    var n;
-    return (n = i.current) == null ? void 0 : n.stop();
+    var a;
+    return (a = i.current) == null ? void 0 : a.stop();
   }, []), { value: p, animateTo: o };
 }
-function E({
+function v({
   state: t = "idle",
   volume: p = 0,
-  reduced: a = !1
+  reduced: n = !1
 }) {
-  const e = d[t], i = s(e.amplitude), o = s(e.frequency), n = s(e.opacity);
+  const e = d[t], i = s(e.amplitude), o = s(e.frequency), a = s(e.opacity);
   c.useEffect(() => {
-    i.animateTo(e.amplitude, a), o.animateTo(e.frequency, a), n.animateTo(e.opacity, a);
+    i.animateTo(e.amplitude, n), o.animateTo(e.frequency, n), a.animateTo(e.opacity, n);
   }, [
     e,
-    a,
+    n,
     i.animateTo,
     o.animateTo,
-    n.animateTo
+    a.animateTo
   ]);
-  const u = !a && (t === "listening" || t === "speaking") ? q(p) : 0;
+  const u = !n && (t === "listening" || t === "speaking") ? q(p) : 0;
   return {
-    speed: a ? 0 : e.speed,
+    speed: n ? 0 : e.speed,
     amplitude: i.value + u * 0.22,
     frequency: o.value + u * 60,
-    opacity: Math.min(1, n.value + u * 0.35)
+    opacity: Math.min(1, a.value + u * 0.35)
   };
 }
 export {
-  E as useAgentAudioVisualizerWave
+  v as useAgentAudioVisualizerWave
 };