@actioneer/ads 0.5.7 → 0.5.9

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

@@ -0,0 +1,363 @@
+"use client";
+import { jsxs as e, jsx as t, Fragment as p } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as _ } from "../../lib/cn.js";
+import "../../lib/interactive.js";
+import "../../components/ui/tooltip.js";
+import { Button as s } from "../../components/button.js";
+import "../../components/spinner.js";
+import "../../components/reveal.js";
+import { Field as C } 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 H, Plus as S, WarningCircle as K, CheckCircle as U, ExternalLink as V } from "../../lib/icons.js";
+import "react-dom";
+import "motion/react";
+import "../../components/ripple.js";
+import { Input as I } 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 q, ModalHeader as J, ModalTitle as Q, ModalBody as x, ModalFooter as g } from "../../components/modal.js";
+import "../../components/drawer.js";
+import "../../components/popover.js";
+import "../../components/dropdown.js";
+import { useToast as X } 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 Y } 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 M, ARTIFACT_DESTINATIONS as Z, findDuplicateArtifactBlock as tt, saveArtifactBlock as et } from "../lib/artifact-library.js";
+import { validateArtifactPinBlock as it, PIN_GUARD_MESSAGE as b } from "../lib/artifact-pin-guard.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 ii({
+  block: i,
+  trigger: v = "button",
+  className: A,
+  open: O,
+  onOpenChange: E
+}) {
+  const { toast: N } = X(), l = Z[0], r = m.useMemo(
+    () => it(i),
+    [i]
+  ), [j, B] = m.useState(!1), u = O ?? j, c = E ?? B, [y, w] = m.useState(i.title), [f, z] = m.useState(
+    M(i.kind)
+  ), [d, a] = m.useState("idle"), h = m.useRef(null), o = l.sections.find(
+    (n) => n.id === f
+  );
+  m.useEffect(
+    () => () => {
+      h.current !== null && window.clearTimeout(h.current);
+    },
+    []
+  ), m.useEffect(() => {
+    if (!u) {
+      a("idle");
+      return;
+    }
+    w(i.title), z(M(i.kind)), a("idle");
+  }, [i.kind, i.title, u]);
+  const k = () => {
+    if (!r.ok) {
+      a("blocked"), N.danger("Cannot pin this answer", {
+        description: r.message ?? b
+      });
+      return;
+    }
+    c(!0);
+  }, T = () => {
+    if (!r.ok) {
+      a("blocked");
+      return;
+    }
+    const n = y.trim() || i.title, L = f, P = (o == null ? void 0 : o.label) ?? "Section";
+    a("saving"), h.current = window.setTimeout(() => {
+      et({ ...i, title: n }, L), h.current = null, a("success"), N.success("Added to Artifact", {
+        description: `${l.label} · ${P}`
+      });
+    }, 900);
+  }, F = () => {
+    if (!(d !== "idle" || !r.ok)) {
+      if (tt(i, f)) {
+        a("duplicate");
+        return;
+      }
+      T();
+    }
+  }, R = () => {
+    d !== "duplicate" || !r.ok || T();
+  }, $ = () => {
+    c(!1), window.location.hash = `/demo/artifacts-v2/${l.id}`;
+  }, D = (n) => {
+    !n && d === "saving" || c(n);
+  }, G = v === "none" ? null : v === "menu-item" ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      disabled: !r.ok,
+      onClick: k,
+      className: _(
+        "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",
+        !r.ok && "cursor-not-allowed opacity-50",
+        A
+      ),
+      children: [
+        /* @__PURE__ */ t(H, { className: "size-4" }),
+        "Add to Artifact"
+      ]
+    }
+  ) : v === "icon" ? /* @__PURE__ */ t(
+    s,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-xs",
+      "aria-label": `Add ${i.title} to Artifact`,
+      title: r.ok ? "Add to Artifact" : r.message ?? b,
+      disabled: !r.ok,
+      onClick: k,
+      className: A,
+      children: /* @__PURE__ */ t(S, {})
+    }
+  ) : /* @__PURE__ */ t(
+    s,
+    {
+      type: "button",
+      variant: "outline",
+      size: "xs",
+      startContent: /* @__PURE__ */ t(S, {}),
+      disabled: !r.ok,
+      title: r.ok ? void 0 : r.message ?? b,
+      onClick: k,
+      className: A,
+      children: "Add to Artifact"
+    }
+  );
+  return /* @__PURE__ */ e(p, { children: [
+    G,
+    d === "blocked" && !u ? /* @__PURE__ */ t("p", { className: "mt-2 text-xs text-danger", role: "alert", children: r.message ?? b }) : null,
+    /* @__PURE__ */ e(q, { open: u, onOpenChange: D, size: "sm", children: [
+      /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(Q, { children: "Add to Artifact" }) }),
+      d === "idle" ? /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ e(x, { className: "space-y-4", children: [
+          /* @__PURE__ */ t(C, { label: "Artifact", children: /* @__PURE__ */ t(I, { value: l.label, readOnly: !0 }) }),
+          /* @__PURE__ */ t(C, { label: "Section", children: /* @__PURE__ */ t(
+            W,
+            {
+              items: l.sections.map((n) => ({
+                label: n.label,
+                value: n.id
+              })),
+              value: f,
+              onChange: z
+            }
+          ) }),
+          /* @__PURE__ */ t(C, { label: "Title", children: /* @__PURE__ */ t(
+            I,
+            {
+              value: y,
+              onChange: (n) => w(n.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ t("p", { className: "text-xs text-secondary", children: i.kind === "markdown" ? "The answer will be saved as editable Markdown." : `This will remain a native ${i.kind} card.` })
+        ] }),
+        /* @__PURE__ */ e(g, { children: [
+          /* @__PURE__ */ t(
+            s,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => c(!1),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t(s, { type: "button", size: "sm", onClick: F, children: "Add" })
+        ] })
+      ] }) : d === "duplicate" ? /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ t(x, { children: /* @__PURE__ */ e(
+          "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(K, { className: "size-7", weight: "fill" }) }),
+              /* @__PURE__ */ t("p", { className: "text-sm font-semibold", children: "Already in this section" }),
+              /* @__PURE__ */ e("p", { className: "mt-1 max-w-72 text-xs text-secondary", children: [
+                "This item has already been added to ",
+                (o == null ? void 0 : o.label) ?? "this section",
+                " in ",
+                l.label,
+                "."
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(g, { children: [
+          /* @__PURE__ */ t(
+            s,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => a("idle"),
+              children: "Go back"
+            }
+          ),
+          /* @__PURE__ */ t(s, { type: "button", size: "sm", onClick: R, children: "Add another copy" })
+        ] })
+      ] }) : d === "saving" ? /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ t(x, { children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex min-h-56 flex-col items-center justify-center text-center",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: [
+                "Adding to ",
+                l.label
+              ] }),
+              /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-secondary", children: [
+                "Saving in ",
+                (o == null ? void 0 : o.label) ?? "Section"
+              ] }),
+              /* @__PURE__ */ t(
+                Y,
+                {
+                  isIndeterminate: !0,
+                  size: "sm",
+                  label: "Adding to Artifact",
+                  className: "mt-6 max-w-64"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(s, { type: "button", size: "sm", isLoading: !0, disabled: !0, children: "Adding" }) })
+      ] }) : /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ t(x, { children: /* @__PURE__ */ e(
+          "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(U, { className: "size-7", weight: "fill" }) }),
+              /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: [
+                "Added to ",
+                l.label
+              ] }),
+              /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-secondary", children: [
+                (o == null ? void 0 : o.label) ?? "Section",
+                " · ",
+                y.trim() || i.title
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(g, { children: [
+          /* @__PURE__ */ t(
+            s,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => c(!1),
+              children: "Done"
+            }
+          ),
+          /* @__PURE__ */ t(
+            s,
+            {
+              type: "button",
+              size: "sm",
+              startContent: /* @__PURE__ */ t(V, {}),
+              onClick: $,
+              children: "Open artifact"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ii as AddToArtifact
+};

package/demo/lib/artifact-library.js

@@ -0,0 +1,142 @@
+"use client";
+const g = "ads:artifact-blocks-changed", m = "ads-demo.artifacts-v2.saved-blocks.v1", 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" }
+    ]
+  }
+];
+function A(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 S(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,
+    tableOrigin: t.tableOrigin,
+    connectorIds: t.connectorIds,
+    semanticTableId: t.semanticTableId,
+    semanticTableName: t.semanticTableName,
+    sql: t.sql,
+    answerLabel: t.answerLabel,
+    sqlQueryCount: t.sqlQueryCount
+  }, 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 a(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]) => `${a(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((o) => Object.keys(o)))
+  );
+  n.length && (t.push(`## ${a(r)}`), t.push(`| ${n.map(a).join(" | ")} |`), t.push(`| ${n.map(() => "---").join(" | ")} |`), e.forEach((o) => {
+    t.push(`| ${n.map((i) => u(o[i])).join(" | ")} |`);
+  }), t.push(""));
+}
+function y(t) {
+  const r = [t.headline, t.title, t.label].find(
+    (o) => typeof o == "string" && o.length > 0
+  ), e = r ? [`# ${r}`, ""] : [], n = /* @__PURE__ */ new Set([
+    "headline",
+    "title",
+    "label",
+    "kind",
+    "tone",
+    "chart",
+    "sources",
+    "followUps"
+  ]);
+  return Object.entries(t).forEach(([o, i]) => {
+    if (!(n.has(o) || i == null)) {
+      if (typeof i == "string") {
+        e.push(i, "");
+        return;
+      }
+      if (Array.isArray(i)) {
+        const c = i.filter(f);
+        if (c.length === i.length && c.length > 0) {
+          l(e, o, c);
+          return;
+        }
+        const d = i.filter(
+          (s) => typeof s == "string" || typeof s == "number"
+        );
+        d.length && (e.push(`## ${a(o)}`), d.forEach((s) => e.push(`- ${String(s)}`)), e.push(""));
+        return;
+      }
+      if (f(i)) {
+        l(e, o, [i]);
+        return;
+      }
+      (typeof i == "number" || typeof i == "boolean") && e.push(`**${a(o)}:** ${String(i)}`, "");
+    }
+  }), e.join(`
+`).trim();
+}
+function T(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,
+  m as ARTIFACT_BLOCKS_STORAGE_KEY,
+  w as ARTIFACT_DESTINATIONS,
+  T as assistantPartsToMarkdown,
+  b as findDuplicateArtifactBlock,
+  h as readSavedArtifactBlocks,
+  S as saveArtifactBlock,
+  A as suggestedSectionForKind
+};

package/demo/lib/artifact-pin-guard.js

@@ -0,0 +1,12 @@
+"use client";
+const o = "This answer combines multiple data sources and cannot be pinned as one Board table.";
+function r(e) {
+  if (e.kind !== "table")
+    return { ok: !0 };
+  const n = e.connectorIds ?? [], t = e.sqlQueryCount ?? 1;
+  return n.length !== 1 || t !== 1 ? { ok: !1, message: o } : { ok: !0 };
+}
+export {
+  o as PIN_GUARD_MESSAGE,
+  r as validateArtifactPinBlock
+};

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 {