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

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

@@ -1,70 +1,85 @@
-import { jsxs as o, jsx as e, Fragment as W } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { Cross as U, ChevronRight as z } from "impact-nova-icons";
-import { Popover as K, PopoverTrigger as H, PopoverContent as L, PopoverHeader as R, PopoverTitle as V, PopoverBody as q } from "../../feedback/popover/popover.js";
-import { ButtonIconTooltip as g } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Alert as J, AlertIcon as Q, AlertTitle as X, AlertDescription as Y } from "../../feedback/alert/alert.js";
-import { Button as p } from "../../primitives/button/button.js";
-import { IrisAlanGradientIcon as _ } from "../../primitives/iris/iris-alan-gradient-icon.js";
-import { useImpactNovaI18n as b } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as d } from "../../../lib/primitives/create-component.js";
-import { cn as c } from "../../../lib/utils.js";
-import { IrisChatLikeIcon as Z, IrisChatDislikeIcon as E, IrisChatCopyIcon as $, IrisChatSpeakIcon as ee, IrisChatRetryIcon as te, IrisChatAttachIcon as ae, IrisChatSuggestIcon as re } from "./iris-chat-icons.js";
-import { useIrisChatOptional as se } from "./iris-chat-context.js";
-import { irisChatMessageVariants as ie } from "./iris-chat.variants.js";
-import { readIrisGreetingPeriod as ne, readIrisGreetingMark as oe, readIrisGreetingMessageKey as le } from "./read-iris-greeting-period.js";
-const we = d(
+import { jsxs as l, jsx as e, Fragment as J } from "react/jsx-runtime";
+import { useState as x, useRef as Q, useEffect as X } from "react";
+import { Cross as Z, ChevronRight as P } from "impact-nova-icons";
+import { Popover as $, PopoverTrigger as ee, PopoverContent as te, PopoverHeader as ae, PopoverTitle as re, PopoverBody as se } from "../../feedback/popover/popover.js";
+import { ButtonIconTooltip as C } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Alert as ie, AlertIcon as ne, AlertTitle as oe, AlertDescription as le } from "../../feedback/alert/alert.js";
+import { Button as u } from "../../primitives/button/button.js";
+import { IrisAlanGradientIcon as T } from "../../primitives/iris/iris-alan-gradient-icon.js";
+import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as m } from "../../../lib/primitives/create-component.js";
+import { cn as o } from "../../../lib/utils.js";
+import { IrisChatLikeIcon as ce, IrisChatDislikeIcon as D, IrisChatCheckIcon as de, IrisChatCopyIcon as me, IrisChatSpeakIcon as he, IrisChatRetryIcon as pe, IrisChatAttachIcon as ue, IrisChatSuggestIcon as fe } from "./iris-chat-icons.js";
+import { irisChatActionIconPressClassName as N, irisChatCopySuccessClassName as be, writeIrisChatClipboardText as ge, IRIS_CHAT_COPY_FEEDBACK_MS as xe } from "./iris-chat-copy-feedback.js";
+import { readIrisChatActionsSpeakText as Ce, cancelPlainTextSpeech as Ie, speakPlainText as ke } from "./iris-chat-speech.js";
+import { useIrisChatOptional as Ne } from "./iris-chat-context.js";
+import { readIrisChatGreetingCompact as ve, readIrisChatGreetingShowSubtitle as we, readIrisChatGreetingIconSize as ye } from "./iris-chat-window-chrome.js";
+import { irisChatMessageVariants as ze } from "./iris-chat.variants.js";
+import { readIrisGreetingPeriod as _e, readIrisGreetingMark as Ae, readIrisGreetingMessageKey as Se } from "./read-iris-greeting-period.js";
+const Je = m(
   "IrisChatGreeting",
-  ({ className: s, name: a, greeting: t, subtitle: r, children: n, mark: l }, u) => {
-    const { t: f } = b(), C = se(), m = C?.placement === "minimized" || C?.placement === "composer", I = ne(), w = l ?? oe(), i = t ?? f(le(I)), k = m ? "text-lg font-semibold leading-6 text-content" : "text-[26px] font-semibold leading-[46.8px] text-content", v = m ? "bg-clip-text text-lg font-extrabold leading-6 text-transparent" : "bg-clip-text text-[26px] font-extrabold leading-[46.8px] text-transparent";
-    return /* @__PURE__ */ o(
+  ({ className: s, name: a, greeting: t, subtitle: r, children: n, mark: d }, b) => {
+    const { t: f } = v(), c = Ne(), h = c != null ? ve({
+      isWindowPlacement: c.isWindowPlacement,
+      placement: c.placement,
+      frame: c.frame
+    }) : !1, I = c != null ? we({
+      isWindowPlacement: c.isWindowPlacement,
+      frame: c.frame
+    }) : !0, z = c != null ? ye({
+      isWindowPlacement: c.isWindowPlacement,
+      placement: c.placement,
+      frame: c.frame,
+      compact: h
+    }) : h ? 56 : 84, y = _e(), _ = d ?? Ae(), A = t ?? f(Se(y)), i = h ? "text-lg font-semibold leading-6 text-content" : "text-[26px] font-semibold leading-[46.8px] text-content", g = h ? "bg-clip-text text-lg font-extrabold leading-6 text-transparent" : "bg-clip-text text-[26px] font-extrabold leading-[46.8px] text-transparent";
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: u,
+        ref: b,
         "data-component": "iris-chat-greeting",
-        "data-compact": m ? "" : void 0,
-        className: c(
+        "data-compact": h ? "" : void 0,
+        className: o(
           "relative flex flex-col items-center justify-center text-center",
-          m ? "gap-1.5 py-4" : "gap-2 py-8",
+          h ? "gap-1.5 py-2" : "gap-2 py-8",
           "bg-[radial-gradient(ellipse_80%_70%_at_50%_45%,var(--color-iris-menu-surface-from),transparent_70%),radial-gradient(ellipse_70%_50%_at_50%_85%,color-mix(in_srgb,var(--color-iris-control-glow-cyan)_16%,transparent),transparent_72%)]",
           s
         ),
         children: [
-          /* @__PURE__ */ e(_, { size: m ? 56 : 84 }),
-          /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center justify-center gap-1", children: [
-            /* @__PURE__ */ e("p", { className: k, children: i }),
+          /* @__PURE__ */ e(T, { size: z }),
+          /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center justify-center gap-1", children: [
+            /* @__PURE__ */ e("p", { className: i, children: A }),
             a ? /* @__PURE__ */ e(
               "p",
               {
-                className: v,
+                className: g,
                 style: {
                   backgroundImage: "linear-gradient(90deg, var(--color-header-bot-gradient-orange), var(--color-header-bot-gradient-purple))"
                 },
                 children: a
               }
             ) : null,
-            /* @__PURE__ */ e("span", { "aria-hidden": !0, className: m ? "text-base" : "text-[23px]", children: w })
+            /* @__PURE__ */ e("span", { "aria-hidden": !0, className: h ? "text-base" : "text-[23px]", children: _ })
           ] }),
-          /* @__PURE__ */ e(
+          I ? /* @__PURE__ */ e(
             "p",
             {
-              className: m ? "max-w-[20rem] text-sm font-medium leading-5 text-content-caption" : "text-base font-medium leading-5 text-content-caption",
+              className: h ? "max-w-[20rem] text-sm font-medium leading-5 text-content-caption" : "text-base font-medium leading-5 text-content-caption",
               children: r ?? f("irisChat.greetingSubtitle")
             }
-          ),
+          ) : null,
           n
         ]
       }
     );
   }
-), ze = d("IrisChatSuggestions", ({ className: s, children: a, ...t }, r) => {
-  const { t: n } = b();
-  return /* @__PURE__ */ o(
+), Qe = m("IrisChatSuggestions", ({ className: s, children: a, ...t }, r) => {
+  const { t: n } = v();
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: r,
       "data-component": "iris-chat-suggestions",
-      className: c(
+      className: o(
         "flex flex-col gap-2 bg-[radial-gradient(ellipse_at_center,color-mix(in_srgb,var(--color-iris-control-glow-cyan)_12%,transparent),transparent_72%)] pb-6",
         s
       ),
@@ -75,77 +90,77 @@ const we = d(
       ]
     }
   );
-}), _e = d(
+}), Xe = m(
   "IrisChatSuggestion",
-  ({ className: s, children: a, type: t = "button", ...r }, n) => /* @__PURE__ */ o(
+  ({ className: s, children: a, type: t = "button", ...r }, n) => /* @__PURE__ */ l(
     "button",
     {
       ref: n,
       type: t,
       "data-component": "iris-chat-suggestion",
-      className: c(
+      className: o(
         "flex h-8 items-center gap-1 rounded-md px-2 text-start text-sm font-medium leading-5 text-content-secondary hover:bg-accent",
         s
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e(re, { size: 14 }),
+        /* @__PURE__ */ e(fe, { size: 14 }),
         /* @__PURE__ */ e("span", { className: "truncate", children: a })
       ]
     }
   )
-), Ae = d("IrisChatWorkflows", ({ className: s, children: a, onShowMore: t, ...r }, n) => {
-  const { t: l } = b();
-  return /* @__PURE__ */ o(
+), Ze = m("IrisChatWorkflows", ({ className: s, children: a, onShowMore: t, ...r }, n) => {
+  const { t: d } = v();
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: n,
       "data-component": "iris-chat-workflows",
-      className: c("flex flex-col gap-2 pb-6", s),
+      className: o("flex flex-col gap-2 pb-6", s),
       ...r,
       children: [
-        /* @__PURE__ */ e("p", { className: "text-xs font-medium capitalize leading-4 text-content-secondary", children: l("irisChat.suggestedWorkflows") }),
+        /* @__PURE__ */ e("p", { className: "text-xs font-medium capitalize leading-4 text-content-secondary", children: d("irisChat.suggestedWorkflows") }),
         /* @__PURE__ */ e("div", { className: "flex flex-col", children: a }),
-        t ? /* @__PURE__ */ o(
-          p,
+        t ? /* @__PURE__ */ l(
+          u,
           {
             type: "button",
             variant: "link",
             className: "h-auto justify-start px-0 text-sm",
             onClick: t,
             children: [
-              l("irisChat.showMore"),
-              /* @__PURE__ */ e(z, { size: 16, className: "rotate-90" })
+              d("irisChat.showMore"),
+              /* @__PURE__ */ e(P, { size: 16, className: "rotate-90" })
             ]
           }
         ) : null
       ]
     }
   );
-}), Se = d(
+}), $e = m(
   "IrisChatWorkflow",
-  ({ className: s, title: a, description: t, type: r = "button", ...n }, l) => /* @__PURE__ */ o(
+  ({ className: s, title: a, description: t, type: r = "button", ...n }, d) => /* @__PURE__ */ l(
     "button",
     {
-      ref: l,
+      ref: d,
       type: r,
       "data-component": "iris-chat-workflow",
-      className: c(
+      className: o(
         "flex items-center gap-2 rounded-md py-2 text-start hover:bg-accent",
         s
       ),
       ...n,
       children: [
-        /* @__PURE__ */ e(_, { size: 16 }),
-        /* @__PURE__ */ o("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ e(T, { size: 16 }),
+        /* @__PURE__ */ l("span", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ e("span", { className: "block truncate text-sm font-medium text-content", children: a }),
           t ? /* @__PURE__ */ e("span", { className: "block truncate text-xs text-content-caption", children: t }) : null
         ] }),
-        /* @__PURE__ */ e(z, { size: 16, className: "text-content-secondary" })
+        /* @__PURE__ */ e(P, { size: 16, className: "text-content-secondary" })
       ]
     }
   )
-), Te = d(
+), et = m(
   "IrisChatThread",
   ({ className: s, ...a }, t) => /* @__PURE__ */ e(
     "div",
@@ -155,37 +170,37 @@ const we = d(
       role: "log",
       "aria-live": "polite",
       "aria-relevant": "additions",
-      className: c("flex min-w-0 w-full flex-col gap-4 py-4", s),
+      className: o("flex min-w-0 w-full flex-col gap-4 py-4", s),
       ...a
     }
   )
-), je = d(
+), tt = m(
   "IrisChatDay",
   ({ className: s, children: a, ...t }, r) => /* @__PURE__ */ e(
     "div",
     {
       ref: r,
       "data-component": "iris-chat-day",
-      className: c("flex justify-center", s),
+      className: o("flex justify-center", s),
       ...t,
       children: /* @__PURE__ */ e("span", { className: "rounded-full bg-secondary px-3 py-1 text-xs font-medium text-content-secondary", children: a })
     }
   )
-), Pe = d(
+), at = m(
   "IrisChatMessage",
-  ({ className: s, role: a, time: t, framed: r, children: n, ...l }, u) => /* @__PURE__ */ e(
+  ({ className: s, role: a, time: t, framed: r, children: n, ...d }, b) => /* @__PURE__ */ e(
     "article",
     {
-      ref: u,
+      ref: b,
       "data-component": "iris-chat-message",
       "data-role": a,
-      className: c(
+      className: o(
         "flex min-w-0 w-full flex-col gap-1",
         a === "user" ? "items-end" : "items-start",
         s
       ),
-      ...l,
-      children: /* @__PURE__ */ o("div", { "data-slot": "bubble", className: ie({ role: a, framed: r }), children: [
+      ...d,
+      children: /* @__PURE__ */ l("div", { "data-slot": "bubble", className: ze({ role: a, framed: r }), children: [
         n,
         t ? /* @__PURE__ */ e(
           "time",
@@ -197,118 +212,137 @@ const we = d(
       ] })
     }
   )
-), ce = ["notAsked", "tone", "incorrect", "other"], Ee = d(
+), Pe = ["notAsked", "tone", "incorrect", "other"], rt = m(
   "IrisChatActions",
   ({
     className: s,
     liked: a,
     disliked: t,
     copyText: r,
-    onLike: n,
-    onDislike: l,
-    onCopy: u,
-    onRetry: f,
-    onSpeak: C,
-    onFeedback: m,
-    ...I
-  }, w) => {
-    const { t: i } = b(), [k, v] = x(!1), [N, y] = x(!1), [G, A] = x(!1), [S, F] = x("notAsked"), [T, j] = x(""), [M, P] = x(!1), O = {
+    speakText: n,
+    speechLocale: d,
+    onLike: b,
+    onDislike: f,
+    onCopy: c,
+    onRetry: h,
+    onSpeak: I,
+    onSpeechNotice: z,
+    onFeedback: y,
+    ..._
+  }, A) => {
+    const { t: i } = v(), [g, W] = x(!1), [R, S] = x(!1), k = Q(null);
+    X(
+      () => () => {
+        k.current !== null && window.clearTimeout(k.current);
+      },
+      []
+    );
+    const [w, E] = x(!1), [K, G] = x(!1), [O, U] = x("notAsked"), [j, F] = x(""), [H, B] = x(!1), L = {
       notAsked: i("irisChat.feedbackNotAsked"),
       tone: i("irisChat.feedbackTone"),
       incorrect: i("irisChat.feedbackIncorrect"),
       other: i("irisChat.feedbackOther")
-    }, B = () => {
-      r && navigator.clipboard?.writeText(r).catch(() => {
-      }), u?.(), v(!0), window.setTimeout(() => v(!1), 1600);
-    }, D = () => {
-      if (C) {
-        C();
+    }, M = Ce({ speakText: n, copyText: r }), V = M.length > 0 || !!I, Y = () => {
+      (async () => {
+        if (!r) {
+          c?.();
+          return;
+        }
+        await ge(r) && (c?.(), W(!0), S(!0), k.current !== null && window.clearTimeout(k.current), k.current = window.setTimeout(() => {
+          W(!1), S(!1), k.current = null;
+        }, xe));
+      })();
+    }, q = () => {
+      if (I) {
+        I();
         return;
       }
-      if (!r || typeof window.speechSynthesis > "u")
-        return;
-      if (N) {
-        window.speechSynthesis.cancel(), y(!1);
+      if (w) {
+        Ie(), E(!1);
         return;
       }
-      const h = new SpeechSynthesisUtterance(r);
-      h.onend = () => y(!1), h.onerror = () => y(!1), window.speechSynthesis.speak(h), y(!0);
+      ke({
+        text: n ?? r ?? "",
+        locale: d,
+        onSpeakingChange: E,
+        onNotice: z
+      });
     };
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: w,
+        ref: A,
         "data-component": "iris-chat-actions",
-        className: c("flex items-center gap-0.5", s),
-        ...I,
+        className: o("flex items-center gap-0.5", s),
+        ..._,
         children: [
-          /* @__PURE__ */ e(g, { label: i("irisChat.like"), children: /* @__PURE__ */ e(
-            p,
+          /* @__PURE__ */ e(C, { label: i("irisChat.like"), children: /* @__PURE__ */ e(
+            u,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
               "aria-label": i("irisChat.like"),
               "aria-pressed": a,
-              className: c(a && "text-brand"),
-              onClick: n,
-              children: /* @__PURE__ */ e(Z, { size: 16 })
+              className: o(N, a && "text-brand bg-brand-subtle"),
+              onClick: b,
+              children: /* @__PURE__ */ e(ce, { size: 16 })
             }
           ) }),
-          m ? /* @__PURE__ */ o(
-            K,
+          y ? /* @__PURE__ */ l(
+            $,
             {
-              open: G,
-              onOpenChange: (h) => {
-                A(h), h || (P(!1), j(""));
+              open: K,
+              onOpenChange: (p) => {
+                G(p), p || (B(!1), F(""));
               },
               children: [
-                /* @__PURE__ */ e(g, { label: i("irisChat.dislike"), children: /* @__PURE__ */ e(H, { asChild: !0, children: /* @__PURE__ */ e(
-                  p,
+                /* @__PURE__ */ e(C, { label: i("irisChat.dislike"), children: /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(
+                  u,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "icon",
                     "aria-label": i("irisChat.dislike"),
                     "aria-pressed": t,
-                    className: c(t && "text-brand"),
-                    onClick: l,
-                    children: /* @__PURE__ */ e(E, { size: 16 })
+                    className: o(N, t && "text-brand bg-brand-subtle"),
+                    onClick: f,
+                    children: /* @__PURE__ */ e(D, { size: 16 })
                   }
                 ) }) }),
-                /* @__PURE__ */ e(L, { align: "start", side: "top", className: "w-[320px] rounded-xl p-4", children: M ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: i("irisChat.feedbackThanks") }) : /* @__PURE__ */ o(W, { children: [
-                  /* @__PURE__ */ e(R, { className: "mb-3", children: /* @__PURE__ */ e(V, { className: "text-sm font-semibold", children: i("irisChat.feedbackTitle") }) }),
-                  /* @__PURE__ */ o(q, { className: "flex flex-col gap-3", children: [
-                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: ce.map((h) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e(te, { align: "start", side: "top", className: "w-[320px] rounded-xl p-4", children: H ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: i("irisChat.feedbackThanks") }) : /* @__PURE__ */ l(J, { children: [
+                  /* @__PURE__ */ e(ae, { className: "mb-3", children: /* @__PURE__ */ e(re, { className: "text-sm font-semibold", children: i("irisChat.feedbackTitle") }) }),
+                  /* @__PURE__ */ l(se, { className: "flex flex-col gap-3", children: [
+                    /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: Pe.map((p) => /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        className: c(
+                        className: o(
                           "rounded-full border px-3 py-1 text-xs font-medium",
-                          S === h ? "border-brand bg-brand-subtle text-brand" : "border-stroke-subtle text-content"
+                          O === p ? "border-brand bg-brand-subtle text-brand" : "border-stroke-subtle text-content"
                         ),
-                        onClick: () => F(h),
-                        children: O[h]
+                        onClick: () => U(p),
+                        children: L[p]
                       },
-                      h
+                      p
                     )) }),
                     /* @__PURE__ */ e(
                       "textarea",
                       {
-                        value: T,
+                        value: j,
                         placeholder: i("irisChat.feedbackPlaceholder"),
                         className: "min-h-16 w-full resize-none rounded-lg border border-stroke-subtle bg-transparent px-3 py-2 text-sm outline-none",
-                        onChange: (h) => j(h.target.value)
+                        onChange: (p) => F(p.target.value)
                       }
                     ),
                     /* @__PURE__ */ e(
-                      p,
+                      u,
                       {
                         type: "button",
                         size: "sm",
                         className: "self-end",
                         onClick: () => {
-                          m({ reason: S, details: T }), P(!0), window.setTimeout(() => A(!1), 1200);
+                          y({ reason: O, details: j }), B(!0), window.setTimeout(() => G(!1), 1200);
                         },
                         children: i("irisChat.feedbackSubmit")
                       }
@@ -317,139 +351,156 @@ const we = d(
                 ] }) })
               ]
             }
-          ) : /* @__PURE__ */ e(g, { label: i("irisChat.dislike"), children: /* @__PURE__ */ e(
-            p,
+          ) : /* @__PURE__ */ e(C, { label: i("irisChat.dislike"), children: /* @__PURE__ */ e(
+            u,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
               "aria-label": i("irisChat.dislike"),
               "aria-pressed": t,
-              className: c(t && "text-brand"),
-              onClick: l,
-              children: /* @__PURE__ */ e(E, { size: 16 })
+              className: o(N, t && "text-brand bg-brand-subtle"),
+              onClick: f,
+              children: /* @__PURE__ */ e(D, { size: 16 })
             }
           ) }),
-          r || u ? /* @__PURE__ */ e(g, { label: i(k ? "irisChat.copied" : "irisChat.copy"), children: /* @__PURE__ */ e(
-            p,
+          r || c ? /* @__PURE__ */ e(
+            C,
             {
-              type: "button",
-              variant: "ghost",
-              size: "icon",
-              "aria-label": i(k ? "irisChat.copied" : "irisChat.copy"),
-              "data-testid": "iris-chat-copy",
-              onClick: B,
-              children: /* @__PURE__ */ e($, { size: 16 })
+              label: i(g ? "irisChat.copied" : "irisChat.copy"),
+              open: R,
+              onOpenChange: S,
+              children: /* @__PURE__ */ e(
+                u,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": i(g ? "irisChat.copied" : "irisChat.copy"),
+                  "data-testid": "iris-chat-copy",
+                  "data-copied": g ? "" : void 0,
+                  className: o(
+                    N,
+                    g && be
+                  ),
+                  onClick: Y,
+                  children: g ? /* @__PURE__ */ e(de, { size: 16 }) : /* @__PURE__ */ e(me, { size: 16 })
+                }
+              )
             }
-          ) }) : null,
-          /* @__PURE__ */ e(g, { label: i(N ? "irisChat.stopSpeaking" : "irisChat.speak"), children: /* @__PURE__ */ e(
-            p,
+          ) : null,
+          V ? /* @__PURE__ */ e(C, { label: i(w ? "irisChat.stopSpeaking" : "irisChat.speak"), children: /* @__PURE__ */ e(
+            u,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
-              "aria-label": i(N ? "irisChat.stopSpeaking" : "irisChat.speak"),
-              "aria-pressed": N,
-              onClick: D,
-              children: /* @__PURE__ */ e(ee, { size: 16 })
+              "aria-label": i(w ? "irisChat.stopSpeaking" : "irisChat.speak"),
+              "aria-pressed": w,
+              "data-testid": "iris-chat-speak",
+              disabled: !I && M.length === 0,
+              className: o(N, w && "text-brand bg-brand-subtle"),
+              onClick: q,
+              children: /* @__PURE__ */ e(he, { size: 16 })
             }
-          ) }),
-          f ? /* @__PURE__ */ e(g, { label: i("irisChat.retry"), children: /* @__PURE__ */ e(
-            p,
+          ) }) : null,
+          h ? /* @__PURE__ */ e(C, { label: i("irisChat.retry"), children: /* @__PURE__ */ e(
+            u,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
               "aria-label": i("irisChat.retry"),
               "data-testid": "iris-chat-retry",
-              onClick: f,
-              children: /* @__PURE__ */ e(te, { size: 16 })
+              className: N,
+              onClick: h,
+              children: /* @__PURE__ */ e(pe, { size: 16 })
             }
           ) }) : null
         ]
       }
     );
   }
-), Ge = d(
+), st = m(
   "IrisChatFollowUps",
   ({ className: s, ...a }, t) => /* @__PURE__ */ e(
     "div",
     {
       ref: t,
       "data-component": "iris-chat-follow-ups",
-      className: c("flex w-full flex-col overflow-hidden rounded-xl border border-stroke-subtle", s),
+      className: o("flex w-full flex-col overflow-hidden rounded-xl border border-stroke-subtle", s),
       ...a
     }
   )
-), Fe = d(
+), it = m(
   "IrisChatFollowUp",
-  ({ className: s, children: a, type: t = "button", ...r }, n) => /* @__PURE__ */ o(
+  ({ className: s, children: a, type: t = "button", ...r }, n) => /* @__PURE__ */ l(
     "button",
     {
       ref: n,
       type: t,
       "data-component": "iris-chat-follow-up",
-      className: c(
+      className: o(
         "flex w-full items-center justify-between gap-3 border-b border-stroke-subtle px-3 py-2.5 text-start text-sm last:border-b-0 hover:bg-accent",
         s
       ),
       ...r,
       children: [
-        /* @__PURE__ */ o("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ e(_, { size: 14 }),
+        /* @__PURE__ */ l("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ e(T, { size: 14 }),
           /* @__PURE__ */ e("span", { className: "min-w-0 whitespace-normal", children: a })
         ] }),
-        /* @__PURE__ */ e(z, { size: 16, className: "shrink-0 text-content-secondary" })
+        /* @__PURE__ */ e(P, { size: 16, className: "shrink-0 text-content-secondary" })
       ]
     }
   )
-), Me = d(
+), nt = m(
   "IrisChatAttachment",
-  ({ className: s, name: a, kind: t = "file", sizeLabel: r, previewUrl: n, onRemove: l }, u) => {
-    const { t: f } = b();
-    return /* @__PURE__ */ o(
+  ({ className: s, name: a, kind: t = "file", sizeLabel: r, previewUrl: n, onRemove: d }, b) => {
+    const { t: f } = v();
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: u,
+        ref: b,
         "data-component": "iris-chat-attachment",
         "data-kind": t,
-        className: c(
+        className: o(
           "flex max-w-full items-center gap-2 rounded-xl bg-canvas-elevated px-2 py-1.5 text-xs text-content",
           s
         ),
         children: [
-          t === "image" && n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "size-10 shrink-0 rounded-lg object-cover" }) : /* @__PURE__ */ e(ae, { size: 14 }),
-          /* @__PURE__ */ o("span", { className: "min-w-0", children: [
+          t === "image" && n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "size-10 shrink-0 rounded-lg object-cover" }) : /* @__PURE__ */ e(ue, { size: 14 }),
+          /* @__PURE__ */ l("span", { className: "min-w-0", children: [
             /* @__PURE__ */ e("span", { className: "block truncate font-medium", children: a }),
             r ? /* @__PURE__ */ e("span", { className: "block text-content-caption", children: r }) : null
           ] }),
-          l ? /* @__PURE__ */ e(g, { label: f("irisChat.removeAttachment"), children: /* @__PURE__ */ e(
-            p,
+          d ? /* @__PURE__ */ e(C, { label: f("irisChat.removeAttachment"), children: /* @__PURE__ */ e(
+            u,
             {
               type: "button",
               variant: "ghost",
               size: "icon",
               className: "size-6",
               "aria-label": f("irisChat.removeAttachment"),
-              onClick: l,
-              children: /* @__PURE__ */ e(U, { size: 12 })
+              onClick: d,
+              children: /* @__PURE__ */ e(Z, { size: 12 })
             }
           ) }) : null
         ]
       }
     );
   }
-), Oe = d(
+), ot = m(
   "IrisChatError",
   ({ className: s, title: a, description: t, onRetry: r }, n) => {
-    const { t: l } = b();
-    return /* @__PURE__ */ e("div", { ref: n, "data-component": "iris-chat-error", className: c("w-full", s), children: /* @__PURE__ */ o(J, { variant: "error", children: [
-      /* @__PURE__ */ e(Q, { variant: "error" }),
-      /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-        /* @__PURE__ */ e(X, { children: a ?? l("irisChat.generationError") }),
-        /* @__PURE__ */ e(Y, { children: t ?? l("irisChat.generationErrorBody") }),
+    const { t: d } = v();
+    return /* @__PURE__ */ e("div", { ref: n, "data-component": "iris-chat-error", className: o("w-full", s), children: /* @__PURE__ */ l(ie, { variant: "error", children: [
+      /* @__PURE__ */ e(ne, { variant: "error" }),
+      /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+        /* @__PURE__ */ e(oe, { children: a ?? d("irisChat.generationError") }),
+        /* @__PURE__ */ e(le, { children: t ?? d("irisChat.generationErrorBody") }),
         r ? /* @__PURE__ */ e(
-          p,
+          u,
           {
             type: "button",
             size: "sm",
@@ -457,13 +508,13 @@ const we = d(
             className: "w-fit",
             "data-testid": "iris-chat-error-retry",
             onClick: r,
-            children: l("irisChat.retry")
+            children: d("irisChat.retry")
           }
         ) : null
       ] })
     ] }) });
   }
-), Be = d(
+), lt = m(
   "IrisChatChip",
   ({ className: s, type: a = "button", variant: t = "default", ...r }, n) => /* @__PURE__ */ e(
     "button",
@@ -472,7 +523,7 @@ const we = d(
       type: a,
       "data-component": "iris-chat-chip",
       "data-variant": t,
-      className: c(
+      className: o(
         "rounded-full px-3 py-1.5 text-sm font-medium leading-5 disabled:pointer-events-none disabled:opacity-50",
         t === "outline" ? "border border-stroke bg-canvas text-content hover:bg-accent" : "border border-stroke-subtle bg-secondary text-content hover:bg-accent",
         s
@@ -482,18 +533,18 @@ const we = d(
   )
 );
 export {
-  Ee as IrisChatActions,
-  Me as IrisChatAttachment,
-  Be as IrisChatChip,
-  je as IrisChatDay,
-  Oe as IrisChatError,
-  Fe as IrisChatFollowUp,
-  Ge as IrisChatFollowUps,
-  we as IrisChatGreeting,
-  Pe as IrisChatMessage,
-  _e as IrisChatSuggestion,
-  ze as IrisChatSuggestions,
-  Te as IrisChatThread,
-  Se as IrisChatWorkflow,
-  Ae as IrisChatWorkflows
+  rt as IrisChatActions,
+  nt as IrisChatAttachment,
+  lt as IrisChatChip,
+  tt as IrisChatDay,
+  ot as IrisChatError,
+  it as IrisChatFollowUp,
+  st as IrisChatFollowUps,
+  Je as IrisChatGreeting,
+  at as IrisChatMessage,
+  Xe as IrisChatSuggestion,
+  Qe as IrisChatSuggestions,
+  et as IrisChatThread,
+  $e as IrisChatWorkflow,
+  Ze as IrisChatWorkflows
 };