@actioneer/ads 0.2.3 → 0.3.0

package/components/assistant-ui/thread.js

@@ -1,29 +1,31 @@
 "use client";
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Composer as d } from "./composer.js";
+import { Composer as m } from "./composer.js";
 import { ComposerPlaceholdersProvider as z } from "./composer.js";
-import { RenderAnswerToolUI as s } from "./answer-tool-ui.js";
-import { ThreadFollowupSuggestions as c } from "./follow-up-suggestions.js";
-import { ThreadMessage as f } from "./message.js";
-import { SelectionToolbar as u } from "./selection-toolbar.js";
-import { ThreadSuggestions as h } from "./suggestions.js";
-import { isNewChatView as a, ThreadComponentsContext as m, EMPTY_COMPONENTS as p } from "./thread-context.js";
-import { TooltipIconButton as x } from "./tooltip-icon-button.js";
-import { cn as b } from "../../lib/cn.js";
-import { useAuiState as w, ThreadPrimitive as e, AuiIf as n } from "@assistant-ui/react";
-import { ArrowDown as g } from "../../lib/icons.js";
-import { useContext as v } from "react";
+import { RenderAnswerToolUI as c } from "./answer-tool-ui.js";
+import { ThreadFollowupSuggestions as f } from "./follow-up-suggestions.js";
+import { ThreadMessage as u } from "./message.js";
+import { SelectionToolbar as h } from "./selection-toolbar.js";
+import { ThreadSuggestions as p } from "./suggestions.js";
+import { isNewChatView as a, ThreadComponentsContext as s, EMPTY_COMPONENTS as x } from "./thread-context.js";
+import { TooltipIconButton as b } from "./tooltip-icon-button.js";
+import { cn as w } from "../../lib/cn.js";
+import { useAuiState as g, ThreadPrimitive as e, AuiIf as d } from "@assistant-ui/react";
+import { ArrowDown as v } from "../../lib/icons.js";
+import { useContext as T } from "react";
 const F = ({
-  components: r = p,
+  components: r = x,
   isAnswerToolEnabled: i = !0
 }) => {
-  const t = w(a);
-  return /* @__PURE__ */ l(m.Provider, { value: r, children: [
-    i && /* @__PURE__ */ o(s, {}),
-    /* @__PURE__ */ o(T, { isEmpty: t })
+  const t = g(a);
+  return /* @__PURE__ */ l(s.Provider, { value: r, children: [
+    i && /* @__PURE__ */ o(c, {}),
+    /* @__PURE__ */ o(N, { isEmpty: t })
   ] });
-}, T = ({ isEmpty: r }) => {
-  const { Welcome: i = y } = v(m);
+}, N = ({ isEmpty: r }) => {
+  const { Welcome: i = k, ComposerDock: t } = T(
+    s
+  );
   return /* @__PURE__ */ l(e.Root, { className: "aui-root aui-thread-root bg-background @container flex h-full flex-col", children: [
     /* @__PURE__ */ o(
       e.Viewport,
@@ -32,45 +34,45 @@ const F = ({
         "data-slot": "aui_thread-viewport",
         className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth",
         children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", children: [
-          /* @__PURE__ */ o(n, { condition: a, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(i, {}) }) }),
+          /* @__PURE__ */ o(d, { condition: a, children: /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col items-center justify-end", children: /* @__PURE__ */ o(i, {}) }) }),
           /* @__PURE__ */ o(
             "div",
             {
               "data-slot": "aui_message-group",
-              className: "mb-14 flex flex-col gap-y-6 empty:hidden",
-              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(f, {}) })
+              className: "mb-14 flex flex-col gap-y-8 empty:hidden",
+              children: /* @__PURE__ */ o(e.Messages, { children: () => /* @__PURE__ */ o(u, {}) })
             }
           ),
           /* @__PURE__ */ l(
             e.ViewportFooter,
             {
-              className: b(
+              className: w(
                 "aui-thread-viewport-footer bg-background flex flex-col gap-4 overflow-visible pb-4 md:pb-6",
                 r && "flex-1",
                 !r && "sticky bottom-0 mt-auto rounded-t-(--composer-radius)"
               ),
               children: [
-                /* @__PURE__ */ o(N, {}),
-                /* @__PURE__ */ o(c, {}),
-                /* @__PURE__ */ o(d, {}),
-                /* @__PURE__ */ o(n, { condition: (t) => a(t) && t.composer.isEmpty, children: /* @__PURE__ */ o(h, {}) })
+                /* @__PURE__ */ o(C, {}),
+                /* @__PURE__ */ o(f, {}),
+                t ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(m, {}) }) : /* @__PURE__ */ o(m, {}),
+                /* @__PURE__ */ o(d, { condition: (n) => a(n) && n.composer.isEmpty, children: /* @__PURE__ */ o(p, {}) })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ o(u, {})
+    /* @__PURE__ */ o(h, {})
   ] });
-}, N = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
-  x,
+}, C = () => /* @__PURE__ */ o(e.ScrollToBottom, { asChild: !0, children: /* @__PURE__ */ o(
+  b,
   {
     tooltip: "Scroll to bottom",
     variant: "outline",
     className: "aui-thread-scroll-to-bottom dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible",
-    children: /* @__PURE__ */ o(g, {})
+    children: /* @__PURE__ */ o(v, {})
   }
-) }), y = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-semibold duration-(--duration-normal)", children: "How can I help you today?" }) });
+) }), k = () => /* @__PURE__ */ o("div", { className: "aui-thread-welcome-root mb-6 flex flex-col items-center px-4 text-center", children: /* @__PURE__ */ o("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-xl font-semibold duration-(--duration-normal)", children: "How can I help you today?" }) });
 export {
   z as ComposerPlaceholdersProvider,
   F as Thread

package/components/brand-texture.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+/**
+ * BrandTexture — the ambient halftone canvas behind welcome and hero
+ * surfaces: the growth-mark's triangle cells drifting as a quiet ink wash.
+ * It mounts with a radial bloom (centre → corners) and exits with a cloud
+ * lift (`lifted`): the field dissolves bottom-up while drifting upward, like
+ * cloud cover breaking. The layer is decorative — `aria-hidden`,
+ * `pointer-events-none`, absolutely positioned over a `relative` parent —
+ * and its rest opacity flows from `--chat-texture-opacity`.
+ *
+ * The WebGL canvas stays pixel-capped and pauses when hidden
+ * (PixelBlastSVG); pass `paused` to stop the clock explicitly — set it a
+ * beat AFTER `lifted` so the cloud stays alive while it rises. Reveal and
+ * lift respect reduced motion (fade only).
+ */
+/** The tuned shader field itself — full-bleed, no wash chrome. */
+export declare function BrandTextureField({ paused, speed, className, }: {
+    paused?: boolean;
+    /** Shader clock multiplier; 1.5 is the house drift. */
+    speed?: number;
+    className?: string;
+}): React.JSX.Element;
+export declare namespace BrandTextureField {
+    var displayName: string;
+}
+export interface BrandTextureProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Stops the shader clock (the canvas keeps its last frame). */
+    paused?: boolean;
+    /** Plays the cloud-lift exit — dissolve bottom→top, drift up, fade. */
+    lifted?: boolean;
+    /** Shader clock multiplier; 1.5 is the house drift. */
+    speed?: number;
+}
+export declare const BrandTexture: {
+    ({ paused, lifted, speed, className, ...props }: BrandTextureProps): React.JSX.Element;
+    displayName: string;
+};

package/components/brand-texture.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../lib/cn.js";
+import { PixelBlastSVG as s } from "./pixel-blast-svg.js";
+function l({
+  paused: t = !1,
+  speed: a = 1.5,
+  className: r
+}) {
+  return /* @__PURE__ */ e("div", { className: i("size-full bg-background", r), children: /* @__PURE__ */ e(
+    s,
+    {
+      variant: "custom",
+      color: "var(--color-ink-950)",
+      pixelSize: 4,
+      speed: a,
+      patternScale: 3,
+      patternDensity: 1.8,
+      pixelSizeJitter: 0.5,
+      enableRipples: !1,
+      liquid: !1,
+      toneAmount: 0,
+      edgeFade: 0.25,
+      transparent: !0,
+      paused: t
+    }
+  ) });
+}
+const o = ({
+  paused: t,
+  lifted: a,
+  speed: r = 1.5,
+  className: n,
+  ...d
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    "aria-hidden": !0,
+    "data-slot": "brand-texture",
+    className: i(
+      "ads-texture-reveal ads-texture-lift pointer-events-none absolute inset-0 overflow-hidden",
+      a ? "ads-texture-lifted opacity-0" : "opacity-(--chat-texture-opacity)",
+      n
+    ),
+    ...d,
+    children: /* @__PURE__ */ e("div", { className: "h-full w-full", children: /* @__PURE__ */ e(l, { paused: t, speed: r }) })
+  }
+);
+o.displayName = "BrandTexture";
+l.displayName = "BrandTextureField";
+export {
+  o as BrandTexture,
+  l as BrandTextureField
+};

package/components/chart.d.ts

@@ -2,6 +2,41 @@ import * as React from "react";
 /** One row of chart data. Gaps (null/undefined) render as breaks in the series. */
 export type ChartDatum = Record<string, string | number | null | undefined>;
 export type ChartColor = "primary" | "success" | "warning" | "danger" | "info";
+/** Bounded Recharts domain surface — enough for fixed and data-driven axes. */
+export type ChartAxisDomain = [string | number, string | number];
+export type ChartTickFormatter = (value: string | number) => string | number;
+export type ChartXScale = "category" | "time";
+export interface ChartTooltipItem {
+    key: string | number;
+    name: string | number;
+    value: unknown;
+    color?: string;
+    /** Original row supplied to the chart. */
+    datum?: ChartDatum;
+}
+export interface ChartTooltipContext {
+    active: boolean;
+    label?: string | number;
+    items: ChartTooltipItem[];
+    formatValue: (value: number) => string;
+}
+/** Return custom tooltip content, or pass `false` to disable tooltips. */
+export type ChartTooltipRenderer = (context: ChartTooltipContext) => React.ReactNode;
+export interface FunnelLabelContext {
+    datum: ChartDatum;
+    index: number;
+    name: string;
+    value: number;
+    conversionFromFirst: number;
+    conversionFromPrevious: number;
+    dropOffFromPrevious: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    formatValue: (value: number) => string;
+}
+export type FunnelLabelRenderer = (context: FunnelLabelContext) => React.ReactNode;
 export type ChartAnnotation = {
     /** A goal / threshold line. `axis: "y"` (default) draws horizontal at a value; `axis: "x"` marks an event at a category. */
     kind: "line";
@@ -48,6 +83,16 @@ interface BaseChartProps {
     legend?: boolean;
     showYAxis?: boolean;
     formatValue?: (value: number) => string;
+    /** Numeric/time x-axis scale. Time data must use numeric timestamps. */
+    xScale?: ChartXScale;
+    /** Explicit screen-axis domains; e.g. `yDomain={[0, 100]}`. */
+    xDomain?: ChartAxisDomain;
+    yDomain?: ChartAxisDomain;
+    xTickFormatter?: ChartTickFormatter;
+    yTickFormatter?: ChartTickFormatter;
+    /** Width reserved for the y axis (useful for long horizontal-bar labels). */
+    yAxisWidth?: number;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
 export interface LineChartProps extends BaseChartProps {
@@ -63,6 +108,8 @@ export interface AreaChartProps extends BaseChartProps {
 }
 export interface BarChartProps extends BaseChartProps {
     stacked?: boolean;
+    /** Visual bar direction: vertical columns (default) or horizontal bars. */
+    layout?: "vertical" | "horizontal";
 }
 export interface ComboChartProps extends BaseChartProps {
     /** Series keys drawn as lines; the rest draw as bars. */
@@ -89,9 +136,10 @@ export interface PieChartProps {
     height?: number;
     legend?: boolean;
     formatValue?: (value: number) => string;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
-export type RadarChartProps = Omit<BaseChartProps, "annotations" | "grid" | "showYAxis"> & {
+export type RadarChartProps = Omit<BaseChartProps, "annotations" | "grid" | "showYAxis" | "xScale" | "xDomain" | "yDomain" | "xTickFormatter" | "yTickFormatter" | "yAxisWidth"> & {
     /** Maximum ring value. Defaults to the largest value in the provided series. */
     maxValue?: number;
 };
@@ -107,6 +155,7 @@ export interface RadialBarChartProps {
     height?: number;
     legend?: boolean;
     formatValue?: (value: number) => string;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
 export interface TreemapDatum {
@@ -121,6 +170,7 @@ export interface TreemapChartProps {
     valueKey: string;
     height?: number;
     formatValue?: (value: number) => string;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
 export interface ScatterChartProps {
@@ -136,6 +186,13 @@ export interface ScatterChartProps {
     grid?: boolean;
     showYAxis?: boolean;
     formatValue?: (value: number) => string;
+    xScale?: Exclude<ChartXScale, "category"> | "number";
+    xDomain?: ChartAxisDomain;
+    yDomain?: ChartAxisDomain;
+    xTickFormatter?: ChartTickFormatter;
+    yTickFormatter?: ChartTickFormatter;
+    yAxisWidth?: number;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
 export interface FunnelChartProps {
@@ -146,6 +203,11 @@ export interface FunnelChartProps {
     valueKey: string;
     height?: number;
     formatValue?: (value: number) => string;
+    /** Custom data-bearing stage label, or false to hide labels. */
+    label?: FunnelLabelRenderer | false;
+    /** Space reserved on the right for the label channel. */
+    labelWidth?: number;
+    tooltip?: ChartTooltipRenderer | false;
     className?: string;
 }
 export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
@@ -155,7 +217,7 @@ export declare const ComboChart: React.ForwardRefExoticComponent<ComboChartProps
 export declare const ComposedChart: React.ForwardRefExoticComponent<ComboChartProps & React.RefAttributes<HTMLDivElement>>;
 export declare const ScatterChart: React.ForwardRefExoticComponent<ScatterChartProps & React.RefAttributes<HTMLDivElement>>;
 export declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & React.RefAttributes<HTMLDivElement>>;
-export declare const RadarChart: React.ForwardRefExoticComponent<Omit<BaseChartProps, "grid" | "annotations" | "showYAxis"> & {
+export declare const RadarChart: React.ForwardRefExoticComponent<Omit<BaseChartProps, "grid" | "annotations" | "showYAxis" | "xScale" | "xDomain" | "yDomain" | "xTickFormatter" | "yTickFormatter" | "yAxisWidth"> & {
     /** Maximum ring value. Defaults to the largest value in the provided series. */
     maxValue?: number;
 } & React.RefAttributes<HTMLDivElement>>;