impact-nova 3.0.0-alpha.7 → 3.0.0-alpha.9

package/dist/components/data-display/stereo-scatter/internals/stereo-scatter-tooltip.js

@@ -0,0 +1,62 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { createComponent as y } from "../../../../lib/primitives/create-component.js";
+import { cn as v } from "../../../../lib/utils.js";
+import { useImpactNovaI18n as I } from "../../../../i18n/use-impact-nova-i18n.js";
+import { stereoScatterTooltipVariants as S } from "../stereo-scatter.variants.js";
+import { useStereoScatterContext as C } from "./stereo-scatter-context.js";
+const f = 12, c = 14, F = 290, M = 150;
+function T(i, o) {
+  if (!Number.isFinite(o) || o === 0) return null;
+  const s = (i - o) / Math.abs(o) * 100;
+  return Math.abs(s) < 0.5 ? "±0%" : `${s > 0 ? "▲" : "▼"} ${Math.abs(s).toFixed(Math.abs(s) < 10 ? 1 : 0)}%`;
+}
+const D = y(
+  "StereoScatterTooltip",
+  ({ className: i, style: o, ...s }, h) => {
+    const { t: d } = I(), { hover: t, model: p, axes: u, focusedClusterId: g } = C();
+    if (!t) return null;
+    const n = t.target.type === "point" ? p.nodeById.get(t.target.id) : void 0, a = t.target.type === "cluster" ? p.clusterById.get(t.target.id) : n ? p.clusterById.get(n.point.clusterId) : void 0;
+    if (!a) return null;
+    const b = n ? n.point : a.mean, N = ["x", "y", "z"].map((e) => ({
+      axis: e,
+      label: u[e].label,
+      value: u[e].format(b[e]),
+      delta: n ? T(n.point[e], a.mean[e]) : null
+    })), m = t.x > t.viewportWidth - F, x = t.y > t.viewportHeight - M;
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: h,
+        role: "tooltip",
+        "data-component": "stereo-scatter-tooltip",
+        className: v(S(), i),
+        style: {
+          left: m ? t.x - c : Math.max(f, t.x + c),
+          top: x ? t.y - c : Math.max(f, t.y + c),
+          transform: `translate(${m ? "-100%" : "0"}, ${x ? "-100%" : "0"})`,
+          ...o
+        },
+        ...s,
+        children: [
+          /* @__PURE__ */ l("span", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ r("span", { className: "size-2.5 shrink-0 rounded-full", style: { backgroundColor: a.color }, "aria-hidden": !0 }),
+            /* @__PURE__ */ r("span", { className: "truncate text-xs font-semibold leading-4 text-content", children: n ? n.point.label : a.cluster.label })
+          ] }),
+          /* @__PURE__ */ r("span", { className: "text-[11px] leading-4 text-content-muted", children: n ? a.cluster.label : `${d("stereoScatter.clusterAverage")} · ${d("stereoScatter.storeCount", { count: a.nodes.length })}` }),
+          /* @__PURE__ */ r("span", { className: "grid grid-cols-[auto_1fr_auto] items-baseline gap-x-2 gap-y-0.5 border-t border-stroke-hairline pt-1.5", children: N.map((e) => /* @__PURE__ */ l("span", { className: "contents", children: [
+            /* @__PURE__ */ r("span", { className: "text-[10px] font-bold uppercase leading-4 text-content-muted", children: e.axis }),
+            /* @__PURE__ */ r("span", { className: "truncate text-[11px] leading-4 text-content-secondary", children: e.label }),
+            /* @__PURE__ */ l("span", { className: "text-end text-[11px] font-semibold leading-4 tabular-nums text-content", children: [
+              e.value,
+              e.delta ? /* @__PURE__ */ r("span", { className: "ms-1.5 font-medium text-content-muted", children: e.delta }) : null
+            ] })
+          ] }, e.axis)) }),
+          !n && g !== a.cluster.id ? /* @__PURE__ */ r("span", { className: "text-[11px] font-medium leading-4 text-brand", children: d("stereoScatter.inspectCluster") }) : null
+        ]
+      }
+    );
+  }
+);
+export {
+  D as StereoScatterTooltip
+};

package/dist/components/data-display/stereo-scatter/internals/stereo-scatter-viewport.d.ts

@@ -0,0 +1,3 @@
+import { StereoScatterViewportProps } from '../stereo-scatter.types';
+export declare const STEREO_SCATTER_DEFAULT_HEIGHT = 440;
+export declare const StereoScatterViewport: import('react').ForwardRefExoticComponent<StereoScatterViewportProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/stereo-scatter/internals/stereo-scatter-viewport.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { createComponent as d } from "../../../../lib/primitives/create-component.js";
+import { cn as u } from "../../../../lib/utils.js";
+import { useImpactNovaI18n as f } from "../../../../i18n/use-impact-nova-i18n.js";
+import { stereoScatterViewportVariants as T } from "../stereo-scatter.variants.js";
+import { useStereoScatterContext as h } from "./stereo-scatter-context.js";
+import { StereoScatterKey as v } from "./stereo-scatter-key.js";
+import { StereoScatterScene as C } from "./stereo-scatter-scene.js";
+import { StereoScatterTooltip as E } from "./stereo-scatter-tooltip.js";
+const w = 440, R = d(
+  "StereoScatterViewport",
+  ({ className: s, height: a = w, style: c, children: i, ...m }, n) => {
+    const { t: l } = f(), { variant: r, model: p, hiddenClusterIds: S } = h();
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: n,
+        "data-component": "stereo-scatter-viewport",
+        "data-variant": r,
+        className: u(T({ variant: r }), s),
+        style: { height: a, ...c },
+        ...m,
+        children: [
+          /* @__PURE__ */ e(C, {}),
+          /* @__PURE__ */ e(v, {}),
+          /* @__PURE__ */ e(E, {}),
+          /* @__PURE__ */ e("ul", { className: "sr-only", children: p.clusters.filter((t) => !S.includes(t.cluster.id)).map((t) => /* @__PURE__ */ o("li", { "data-testid": "stereo-scatter-cluster-summary", children: [
+            t.cluster.label,
+            ": ",
+            l("stereoScatter.storeCount", { count: t.nodes.length })
+          ] }, t.cluster.id)) }),
+          i
+        ]
+      }
+    );
+  }
+);
+export {
+  w as STEREO_SCATTER_DEFAULT_HEIGHT,
+  R as StereoScatterViewport
+};

package/dist/components/data-display/stereo-scatter/stereo-scatter.d.ts

@@ -0,0 +1,12 @@
+import { StereoScatterProps } from './stereo-scatter.types';
+import * as React from "react";
+export type { StereoScatterAxis, StereoScatterCluster, StereoScatterHover, StereoScatterLegendProps, StereoScatterPoint, StereoScatterProps, StereoScatterTarget, StereoScatterTooltipProps, StereoScatterVariant, StereoScatterView, StereoScatterViewportProps, } from './stereo-scatter.types';
+export { StereoScatterLegend } from './internals/stereo-scatter-legend';
+export { StereoScatterViewport } from './internals/stereo-scatter-viewport';
+export { StereoScatterTooltip } from './internals/stereo-scatter-tooltip';
+/**
+ * Stereochemistry-inspired 3D cluster scatter: stores bond to their cluster centroid with
+ * wedge (toward the viewer) and hashed (away) bonds, rendered in WebGL.
+ */
+declare const StereoScatter: React.ForwardRefExoticComponent<StereoScatterProps & React.RefAttributes<HTMLDivElement>>;
+export { StereoScatter };

package/dist/components/data-display/stereo-scatter/stereo-scatter.js

@@ -0,0 +1,107 @@
+import { jsx as s, jsxs as Z, Fragment as q } from "react/jsx-runtime";
+import * as t from "react";
+import { useControllableState as h } from "@radix-ui/react-use-controllable-state";
+import { createComponent as z } from "../../../lib/primitives/create-component.js";
+import { cn as B } from "../../../lib/utils.js";
+import { useImpactNovaI18n as G } from "../../../i18n/use-impact-nova-i18n.js";
+import { stereoScatterRootVariants as J } from "./stereo-scatter.variants.js";
+import { formatCompactNumber as K } from "./internals/stereo-math.js";
+import { buildStereoModel as Q } from "./internals/stereo-model.js";
+import { StereoScatterProvider as W } from "./internals/stereo-scatter-context.js";
+import { StereoScatterLegend as $ } from "./internals/stereo-scatter-legend.js";
+import { StereoScatterViewport as A } from "./internals/stereo-scatter-viewport.js";
+const ee = [], te = [], I = [];
+function m(o, l) {
+  return { label: o?.label ?? l, format: o?.formatValue ?? K };
+}
+const fe = z(
+  "StereoScatter",
+  ({
+    className: o,
+    children: l,
+    variant: n = "molecule",
+    points: d = ee,
+    clusters: u = te,
+    xAxis: i,
+    yAxis: f,
+    zAxis: p,
+    height: b,
+    hiddenClusterIds: g,
+    defaultHiddenClusterIds: v = I,
+    onHiddenClusterIdsChange: M,
+    focusedClusterId: P,
+    defaultFocusedClusterId: L = null,
+    onFocusedClusterIdChange: T,
+    autoRotate: E = !1,
+    defaultView: H = "iso",
+    onPointClick: N,
+    "aria-label": Y,
+    ...R
+  }, V) => {
+    const { t: _ } = G(), [j, S] = h({
+      prop: g,
+      defaultProp: v,
+      onChange: M
+    }), [a, c] = h({
+      prop: P,
+      defaultProp: L,
+      onChange: T
+    }), [x, F] = t.useState(null), [k, w] = t.useState(null), C = n === "molecule" || n === "crystal" ? "tight" : "nice", y = t.useMemo(
+      () => Q(d, u, C),
+      [d, u, C]
+    ), D = t.useMemo(
+      () => ({
+        x: m(i, "X"),
+        y: m(f, "Y"),
+        z: m(p, "Z")
+      }),
+      [i, f, p]
+    ), e = j ?? I, O = t.useCallback(
+      (r) => {
+        const U = e.includes(r) ? e.filter((X) => X !== r) : [...e, r];
+        S(U), a === r && c(null);
+      },
+      [a, e, c, S]
+    );
+    return /* @__PURE__ */ s(
+      W,
+      {
+        value: {
+          variant: n,
+          model: y,
+          axes: D,
+          hiddenClusterIds: e,
+          toggleCluster: O,
+          focusedClusterId: a ?? null,
+          setFocusedClusterId: c,
+          legendHoverClusterId: x,
+          setLegendHoverClusterId: F,
+          hover: k,
+          setHover: w,
+          autoRotate: E,
+          defaultView: H,
+          onPointClick: N,
+          chartLabel: Y ?? _("stereoScatter.chartLabel")
+        },
+        children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: V,
+            "data-component": "stereo-scatter",
+            className: B(J(), o),
+            ...R,
+            children: l ?? /* @__PURE__ */ Z(q, { children: [
+              /* @__PURE__ */ s(A, { height: b }),
+              /* @__PURE__ */ s($, {})
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  fe as StereoScatter,
+  $ as StereoScatterLegend,
+  A as StereoScatterViewport
+};

package/dist/components/data-display/stereo-scatter/stereo-scatter.stories-data.d.ts

@@ -0,0 +1,11 @@
+import { StereoScatterAxis, StereoScatterCluster, StereoScatterPoint } from './stereo-scatter.types';
+export declare const PERFORMANCE_CLUSTERS: StereoScatterCluster[];
+export declare const PERFORMANCE_POINTS: StereoScatterPoint[];
+export declare const DENSE_CLUSTERS: StereoScatterCluster[];
+export declare const DENSE_POINTS: StereoScatterPoint[];
+export declare function formatCurrency(value: number): string;
+export declare function formatRatio(value: number): string;
+export declare const GROSS_MARGIN_AXIS: StereoScatterAxis;
+export declare const REVENUE_AXIS: StereoScatterAxis;
+export declare const GMROI_AXIS: StereoScatterAxis;
+export declare const PERFORMANCE_INSIGHT = "BnM Auckland leads total scale at ~$439k GM across 15 stores, while Canterbury and BnM 1 out-earn it per store with the strongest GMROI. South Canterbury is the smallest molecule \u2014 keep it lean pending validation.";

package/dist/components/data-display/stereo-scatter/stereo-scatter.types.d.ts

@@ -0,0 +1,69 @@
+import type * as React from "react";
+/**
+ * Both variants draw the same axis frame (floor grid, back-wall gridlines, X/Y/Z rods with ticks).
+ * - `molecule` — ball-and-stick: each cluster is a molecule, stores bond to its centroid
+ *   with wedge (toward you) / hash (away) bonds that flip as the camera orbits.
+ * - `crystal` — each cluster is a translucent convex volume, so overlap and separation read at a glance.
+ */
+export type StereoScatterVariant = "molecule" | "crystal";
+export type StereoScatterView = "iso" | "front" | "top" | "side";
+export interface StereoScatterAxis {
+    label: string;
+    formatValue?: (value: number) => string;
+}
+export interface StereoScatterPoint {
+    id: string;
+    label: string;
+    clusterId: string;
+    x: number;
+    y: number;
+    z: number;
+}
+export interface StereoScatterCluster {
+    id: string;
+    label: string;
+    /** CSS color. Defaults to the chart palette slot for the cluster index. */
+    color?: string;
+}
+export type StereoScatterTarget = {
+    type: "point";
+    id: string;
+} | {
+    type: "cluster";
+    id: string;
+};
+export interface StereoScatterHover {
+    target: StereoScatterTarget;
+    /** Pointer position relative to the viewport. */
+    x: number;
+    y: number;
+    viewportWidth: number;
+    viewportHeight: number;
+}
+export interface StereoScatterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    variant?: StereoScatterVariant;
+    points?: StereoScatterPoint[];
+    clusters?: StereoScatterCluster[];
+    xAxis?: StereoScatterAxis;
+    yAxis?: StereoScatterAxis;
+    zAxis?: StereoScatterAxis;
+    /** Plot height in px. Width follows the container. */
+    height?: number;
+    hiddenClusterIds?: string[];
+    defaultHiddenClusterIds?: string[];
+    onHiddenClusterIdsChange?: (hiddenClusterIds: string[]) => void;
+    /** Cluster isolated by clicking its centroid or legend focus. `null` clears focus. */
+    focusedClusterId?: string | null;
+    defaultFocusedClusterId?: string | null;
+    onFocusedClusterIdChange?: (clusterId: string | null) => void;
+    /** Slow idle spin. Ignored with reduced motion. */
+    autoRotate?: boolean;
+    defaultView?: StereoScatterView;
+    onPointClick?: (point: StereoScatterPoint) => void;
+    "aria-label"?: string;
+}
+export interface StereoScatterViewportProps extends React.HTMLAttributes<HTMLDivElement> {
+    height?: number;
+}
+export type StereoScatterLegendProps = React.HTMLAttributes<HTMLDivElement>;
+export type StereoScatterTooltipProps = React.HTMLAttributes<HTMLDivElement>;

package/dist/components/data-display/stereo-scatter/stereo-scatter.variants.d.ts

@@ -0,0 +1,13 @@
+export declare const stereoScatterRootVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const stereoScatterViewportVariants: (props?: ({
+    variant?: "molecule" | "crystal" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stereoScatterLegendVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const stereoScatterLegendItemVariants: (props?: ({
+    hidden?: boolean | null | undefined;
+    dimmed?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const stereoScatterToolbarVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const stereoScatterToolbarButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const stereoScatterKeyVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const stereoScatterTooltipVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/data-display/stereo-scatter/stereo-scatter.variants.js

@@ -0,0 +1,42 @@
+import { cva as e } from "class-variance-authority";
+const o = e("flex w-full min-w-0 flex-col gap-3"), r = e(
+  "relative isolate w-full min-w-0 overflow-hidden rounded-lg border border-stroke-hairline select-none focus-within:outline-none",
+  {
+    variants: {
+      variant: {
+        molecule: "bg-[radial-gradient(120%_95%_at_50%_0%,var(--color-surface-elevated)_0%,var(--color-surface-elevated)_45%,var(--color-surface-muted)_100%)]",
+        crystal: "bg-[radial-gradient(110%_90%_at_50%_10%,var(--color-surface-elevated)_0%,var(--color-primary-soft)_100%)]"
+      }
+    },
+    defaultVariants: { variant: "molecule" }
+  }
+), a = e(
+  "flex max-h-[76px] w-full flex-wrap items-center justify-center gap-x-4 gap-y-1.5 overflow-y-auto px-1"
+), n = e(
+  "inline-flex items-center gap-1.5 rounded-sm text-xs font-medium leading-4 text-secondary-foreground transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring motion-reduce:transition-none",
+  {
+    variants: {
+      hidden: { true: "opacity-40 line-through", false: "opacity-100" },
+      dimmed: { true: "opacity-45", false: "" }
+    },
+    defaultVariants: { hidden: !1, dimmed: !1 }
+  }
+), i = e(
+  "absolute bottom-3 end-3 z-[2] flex h-9 items-center gap-0.5 rounded-full border border-stroke bg-canvas-elevated p-1 shadow-elevation-floating"
+), s = e(
+  "inline-flex h-7 min-w-7 items-center justify-center rounded-full px-1.5 text-xs font-semibold leading-4 text-secondary-foreground hover:bg-canvas-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring aria-pressed:bg-brand-tint aria-pressed:text-brand motion-reduce:transition-none"
+), l = e(
+  "pointer-events-none absolute start-3 top-3 z-[2] flex max-w-[60%] flex-col gap-1 rounded-lg border border-stroke-hairline bg-canvas-elevated px-2.5 py-2 text-[11px] font-medium leading-4 text-content-secondary shadow-elevation-card"
+), d = e(
+  "pointer-events-none absolute z-20 flex min-w-[200px] max-w-[260px] flex-col gap-1.5 rounded-lg border border-stroke bg-canvas-elevated px-3 py-2.5 shadow-elevation-card"
+);
+export {
+  l as stereoScatterKeyVariants,
+  n as stereoScatterLegendItemVariants,
+  a as stereoScatterLegendVariants,
+  o as stereoScatterRootVariants,
+  s as stereoScatterToolbarButtonVariants,
+  i as stereoScatterToolbarVariants,
+  d as stereoScatterTooltipVariants,
+  r as stereoScatterViewportVariants
+};

package/dist/components/feedback/tooltip/button-icon-tooltip.d.ts

@@ -9,9 +9,11 @@ export interface ButtonIconTooltipProps {
     variant?: TooltipContentProps["variant"];
     keybinding?: KeyBinding;
     disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
 /**
  * Wraps icon buttons with tooltip + optional Kbd badge.
  * Use at app/feature layer — keeps Button free of feedback imports.
  */
-export declare function ButtonIconTooltip({ children, label, side, align, variant, keybinding, disabled, }: ButtonIconTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIconTooltip({ children, label, side, align, variant, keybinding, disabled, open, onOpenChange, }: ButtonIconTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/tooltip/button-icon-tooltip.js

@@ -1,25 +1,28 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import "react";
-import { Kbd as c } from "../../primitives/kbd/kbd.js";
-import { Tooltip as l, TooltipTrigger as a, TooltipContent as f } from "./tooltip.js";
-function h({
-  children: o,
-  label: r,
-  side: n = "top",
-  align: p = "center",
-  variant: s = "tertiary",
-  keybinding: e,
-  disabled: m
+import { Kbd as a } from "../../primitives/kbd/kbd.js";
+import { Tooltip as d, TooltipTrigger as f, TooltipContent as u } from "./tooltip.js";
+function j({
+  children: t,
+  label: n,
+  side: s = "top",
+  align: l = "center",
+  variant: p = "tertiary",
+  keybinding: r,
+  disabled: c,
+  open: e,
+  onOpenChange: m
 }) {
-  return r ? /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ t(a, { asChild: !0, children: m ? /* @__PURE__ */ t("span", { tabIndex: -1, className: "inline-block outline-none", children: o }) : o }),
-    /* @__PURE__ */ t(f, { variant: s, side: n, align: p, children: e ? /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-      r,
+  return n ? /* @__PURE__ */ i(d, { ...e !== void 0 ? { open: e, onOpenChange: m ?? (() => {
+  }) } : {}, children: [
+    /* @__PURE__ */ o(f, { asChild: !0, children: c ? /* @__PURE__ */ o("span", { tabIndex: -1, className: "inline-block outline-none", children: t }) : t }),
+    /* @__PURE__ */ o(u, { variant: p, side: s, align: l, children: r ? /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+      n,
       " ",
-      /* @__PURE__ */ t(c, { keybinding: e, size: "sm" })
-    ] }) : r })
-  ] }) : o;
+      /* @__PURE__ */ o(a, { keybinding: r, size: "sm" })
+    ] }) : n })
+  ] }) : t;
 }
 export {
-  h as ButtonIconTooltip
+  j as ButtonIconTooltip
 };

package/dist/components/flows/iris-chat/IrisChatComposerVoiceCapture.d.ts

@@ -0,0 +1,5 @@
+export declare function IrisChatComposerVoiceCapture(props: {
+    transcript: string;
+    onStop: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/flows/iris-chat/IrisChatComposerVoiceCapture.js

@@ -0,0 +1,73 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Button as n } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as o } from "../../../i18n/use-impact-nova-i18n.js";
+import { cn as s } from "../../../lib/utils.js";
+import { IrisChatStopIcon as c } from "./iris-chat-icons.js";
+import { IrisChatVoiceWaveform as l } from "./IrisChatVoiceWaveform.js";
+function x(i) {
+  const { t } = o(), r = i.transcript.trim();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-component": "iris-chat-voice-capture",
+      "data-testid": "iris-chat-voice-capture",
+      className: s("flex w-full min-w-0 flex-col gap-3 py-1", i.className),
+      role: "region",
+      "aria-label": t("irisChat.listening"),
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "size-2.5 shrink-0 rounded-full bg-destructive motion-reduce:animate-none animate-pulse",
+              "aria-hidden": !0
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "min-w-0 flex-1 text-sm font-medium text-content", children: t("irisChat.speechRecordingTitle") }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              type: "button",
+              variant: "default",
+              size: "icon",
+              className: "size-9 shrink-0 rounded-full bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+              "data-testid": "iris-chat-stop-recording",
+              "aria-label": t("irisChat.speechStopRecording"),
+              onClick: i.onStop,
+              children: /* @__PURE__ */ e(c, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(l, { className: "w-full px-1" }),
+        /* @__PURE__ */ e("p", { className: "text-center text-xs text-content-secondary", children: t("irisChat.speechRecordingHint") }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: s(
+              "min-h-5 text-center text-sm text-content-secondary",
+              r.length > 0 && "font-medium text-content"
+            ),
+            role: "status",
+            "aria-live": "polite",
+            children: r.length > 0 ? r : t("irisChat.speechRecordingWaiting")
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "w-full",
+            "aria-label": t("irisChat.speechStopRecording"),
+            onClick: i.onStop,
+            children: t("irisChat.speechStopRecording")
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  x as IrisChatComposerVoiceCapture
+};

package/dist/components/flows/iris-chat/IrisChatVoiceWaveform.d.ts

@@ -0,0 +1,3 @@
+export declare function IrisChatVoiceWaveform(props: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/flows/iris-chat/IrisChatVoiceWaveform.js

@@ -0,0 +1,25 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../../lib/utils.js";
+const t = 7;
+function c(r) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-component": "iris-chat-voice-waveform",
+      className: o("flex h-14 w-full items-end justify-center gap-1.5", r.className),
+      "aria-hidden": !0,
+      children: Array.from({ length: t }, (n, e) => /* @__PURE__ */ a(
+        "span",
+        {
+          "data-part": "bar",
+          className: "block h-10 w-2 max-w-[0.65rem] flex-1 rounded-full bg-brand motion-reduce:animate-none motion-reduce:opacity-80",
+          style: { animationDelay: `${e * 100}ms` }
+        },
+        e
+      ))
+    }
+  );
+}
+export {
+  c as IrisChatVoiceWaveform
+};

package/dist/components/flows/iris-chat/index.d.ts

@@ -1,5 +1,7 @@
 export { IrisChat, IrisChatBody, IrisChatDisclaimer, IrisChatFooter, IrisChatHeader, IrisChatHeaderBackButton, IrisChatHeaderCloseButton, IrisChatHeaderLeading, IrisChatHeaderMenuButton, IrisChatHeaderMinimizeButton, IrisChatHeaderNewChatButton, IrisChatHeaderTitle, IrisChatHeaderTrailing, IrisChatIconButton, IrisChatPanel, IrisChatTrigger, } from './iris-chat';
 export { IrisChatComposer } from './iris-chat-composer';
+export { createCompactIrisChatFrame, createDefaultIrisChatFrame, clampIrisChatFrame, } from './iris-chat-frame';
+export type { IrisChatFrame } from './iris-chat-frame';
 export { IrisChatActions, IrisChatAttachment, IrisChatChip, IrisChatDay, IrisChatError, IrisChatFollowUp, IrisChatFollowUps, IrisChatGreeting, IrisChatMessage, IrisChatSuggestion, IrisChatSuggestions, IrisChatThread, IrisChatWorkflow, IrisChatWorkflows, } from './iris-chat-thread';
 export { IrisChatCitations, IrisChatProcessSteps, IrisChatThinking, IrisChatThinkingStatus, } from './iris-chat-thinking';
 export { IrisChatMarkdown } from './iris-chat-markdown';
@@ -7,4 +9,4 @@ export { IrisChatPrompt } from './iris-chat-prompt';
 export { IrisChatArtifact, IrisChatScenario } from './iris-chat-artifact';
 export { IrisChatList, IrisChatListItem, IrisChatMenu, IrisChatMenuSection, } from './iris-chat-menu';
 export { useIrisChat } from './iris-chat-context';
-export type { IrisChatActionsProps, IrisChatArtifactColumn, IrisChatArtifactProps, IrisChatArtifactRow, IrisChatAttachmentKind, IrisChatAttachmentProps, IrisChatCitationGroup, IrisChatCitationTag, IrisChatCitationsProps, IrisChatErrorProps, IrisChatComposerProps, IrisChatDisclaimerProps, IrisChatFooterProps, IrisChatFeedback, IrisChatFeedbackReason, IrisChatFilterOption, IrisChatGreetingProps, IrisChatHeaderProps, IrisChatListItemAction, IrisChatListItemProps, IrisChatMarkdownProps, IrisChatMenuSectionId, IrisChatMessageProps, IrisChatModelOption, IrisChatPanelProps, IrisChatPlacement, IrisChatProcessStep, IrisChatProcessStepsProps, IrisChatPromptProps, IrisChatProps, IrisChatRole, IrisChatScenarioProps, } from './iris-chat.types';
+export type { IrisChatActionsProps, IrisChatArtifactColumn, IrisChatArtifactProps, IrisChatArtifactRow, IrisChatAttachmentKind, IrisChatAttachmentProps, IrisChatCitationGroup, IrisChatCitationTag, IrisChatCitationsProps, IrisChatErrorProps, IrisChatComposerProps, IrisChatDisclaimerProps, IrisChatFooterProps, IrisChatFeedback, IrisChatFeedbackReason, IrisChatFilterOption, IrisChatGreetingProps, IrisChatHeaderProps, IrisChatListItemAction, IrisChatListItemProps, IrisChatMarkdownProps, IrisChatMenuSectionId, IrisChatMessageProps, IrisChatModelOption, IrisChatPanelProps, IrisChatPlacement, IrisChatProcessStep, IrisChatProcessStepsProps, IrisChatPromptProps, IrisChatProps, IrisChatRole, IrisChatScenarioProps, IrisChatSpeechNotice, } from './iris-chat.types';