impact-nova 2.6.2 → 3.0.0-alpha.0

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

@@ -0,0 +1,297 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useRef as A, useState as F, useEffect as le } from "react";
+import { ChevronRight as ce } from "impact-nova-icons";
+import { ButtonIconTooltip as h } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as p } from "../../primitives/button/button.js";
+import { DropdownMenu as P, DropdownMenuTrigger as _, DropdownMenuContent as W, DropdownMenuItem as V, DropdownMenuRadioGroup as ue, DropdownMenuRadioItem as de } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { useImpactNovaI18n as he } from "../../../i18n/use-impact-nova-i18n.js";
+import { useControllableState as G } from "@radix-ui/react-use-controllable-state";
+import { createComponent as pe } from "../../../lib/primitives/create-component.js";
+import { cn as me } from "../../../lib/utils.js";
+import { useIrisChatOptional as fe } from "./iris-chat-context.js";
+import { IrisChatAddIcon as q, IrisChatAttachIcon as ge, IrisChatMicIcon as Ce, IrisChatStopIcon as be, IrisChatSendIcon as ve } from "./iris-chat-icons.js";
+import { IrisChatAttachment as ye } from "./iris-chat-thread.js";
+import { irisChatComposerVariants as we } from "./iris-chat.variants.js";
+const xe = [
+  { label: "Auto", value: "auto" },
+  { label: "Fast", value: "fast" }
+], $e = pe(
+  "IrisChatComposer",
+  ({
+    className: a,
+    value: s,
+    defaultValue: H = "",
+    onValueChange: J,
+    pending: f = !1,
+    placeholder: g,
+    model: Q,
+    defaultModel: X = "auto",
+    onModelChange: Y,
+    models: U = xe,
+    onSend: Z,
+    onStop: j,
+    onAddClick: O,
+    onAttachClick: E,
+    onAttach: ee,
+    onMicClick: K
+  }, te) => {
+    const { t: n } = he(), $ = fe(), C = $?.placement === "minimized" || $?.placement === "composer" ? "inline" : "stacked", [ie, x] = G({
+      prop: s,
+      defaultProp: H,
+      onChange: J
+    }), [D, ne] = G({
+      prop: Q,
+      defaultProp: X,
+      onChange: Y
+    }), T = A(null), k = A(null), B = A({}), [b, m] = F(!1), [v, z] = F([]), [c, I] = F({});
+    B.current = c;
+    const u = ie ?? "", R = u.trim().length > 0 || v.length > 0, ae = (e) => {
+      const i = T.current;
+      i && (i.accept = e, i.value = "", i.click());
+    }, L = (e) => {
+      if (!e?.length)
+        return;
+      const i = Array.from(e);
+      ee?.(i), z((r) => [...r, ...i]), I((r) => {
+        const o = {};
+        for (const d of i)
+          d.type.startsWith("image/") && (o[w(d)] = URL.createObjectURL(d));
+        return { ...r, ...o };
+      });
+    }, M = (e) => {
+      if (E) {
+        E();
+        return;
+      }
+      ae(e);
+    }, re = () => {
+      if (K) {
+        K();
+        return;
+      }
+      if (b) {
+        k.current?.stop(), m(!1);
+        return;
+      }
+      const e = ke();
+      if (!e)
+        return;
+      const i = new e();
+      i.continuous = !1, i.interimResults = !1, i.onresult = (r) => {
+        const o = r.results[0]?.[0]?.transcript?.trim();
+        o && x(u ? `${u} ${o}` : o), m(!1);
+      }, i.onerror = () => m(!1), i.onend = () => m(!1), k.current = i, i.start(), m(!0);
+    };
+    le(
+      () => () => {
+        k.current?.stop(), Object.values(B.current).forEach((e) => URL.revokeObjectURL(e));
+      },
+      []
+    );
+    const se = () => {
+      Object.values(c).forEach((e) => URL.revokeObjectURL(e)), I({}), z([]);
+    }, N = () => {
+      !R || f || (Z?.(u.trim(), v), se());
+    };
+    return /* @__PURE__ */ l(
+      "form",
+      {
+        ref: te,
+        "data-component": "iris-chat-composer",
+        "data-layout": C,
+        "data-pending": f ? "" : void 0,
+        className: me(
+          we({ layout: C }),
+          R && "iris-edge-wash-shell--menu iris-edge-wash-shell--fluid",
+          a
+        ),
+        onDragOver: (e) => {
+          e.dataTransfer.types.includes("Files") && e.preventDefault();
+        },
+        onDrop: (e) => {
+          e.dataTransfer.files.length && (e.preventDefault(), L(e.dataTransfer.files));
+        },
+        onPaste: (e) => {
+          const i = De(e.clipboardData);
+          i.length && (e.preventDefault(), L(i));
+        },
+        onKeyDown: (e) => {
+          e.key === "Escape" && f && (e.preventDefault(), j?.());
+        },
+        onSubmit: (e) => {
+          e.preventDefault(), N();
+        },
+        children: [
+          v.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", "data-testid": "iris-chat-composer-attachments", children: v.map((e, i) => {
+            const r = w(e, i);
+            return /* @__PURE__ */ t(
+              ye,
+              {
+                name: e.name,
+                kind: e.type.startsWith("image/") ? "image" : "file",
+                sizeLabel: e.size < 1024 ? `${e.size} B` : `${Math.round(e.size / 1024)} KB`,
+                previewUrl: c[w(e)] ?? c[r],
+                onRemove: () => {
+                  const o = w(e), d = c[o] ?? c[r];
+                  d && URL.revokeObjectURL(d), I((S) => {
+                    const y = { ...S };
+                    return delete y[o], delete y[r], y;
+                  }), z((S) => S.filter((y, oe) => oe !== i));
+                }
+              },
+              r
+            );
+          }) }) : null,
+          C === "stacked" ? /* @__PURE__ */ t(
+            "textarea",
+            {
+              id: "iris-chat-composer-input",
+              "data-testid": "iris-chat-composer-input",
+              rows: 2,
+              value: u,
+              placeholder: g ?? n("irisChat.askAnything"),
+              "aria-label": g ?? n("irisChat.askAnything"),
+              className: "w-full resize-none bg-transparent text-sm font-medium leading-5 text-content outline-none placeholder:text-content-empty",
+              onChange: (e) => x(e.target.value),
+              onKeyDown: (e) => {
+                e.key === "Enter" && !e.shiftKey && (e.preventDefault(), N());
+              }
+            }
+          ) : null,
+          /* @__PURE__ */ l("div", { className: "flex min-w-0 w-full items-center justify-between gap-1 [&_button[data-size=icon]]:size-8 [&_button[data-size=icon]_svg]:size-4", children: [
+            /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: T,
+                  type: "file",
+                  hidden: !0,
+                  multiple: !0,
+                  "data-testid": "iris-chat-attach-input",
+                  onChange: (e) => L(e.target.files)
+                }
+              ),
+              O ? /* @__PURE__ */ t(h, { label: n("irisChat.add"), children: /* @__PURE__ */ t(
+                p,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": n("irisChat.add"),
+                  onClick: O,
+                  children: /* @__PURE__ */ t(q, {})
+                }
+              ) }) : /* @__PURE__ */ l(P, { children: [
+                /* @__PURE__ */ t(h, { label: n("irisChat.add"), children: /* @__PURE__ */ t(_, { asChild: !0, children: /* @__PURE__ */ t(p, { type: "button", variant: "ghost", size: "icon", "aria-label": n("irisChat.add"), children: /* @__PURE__ */ t(q, {}) }) }) }),
+                /* @__PURE__ */ l(W, { align: "start", children: [
+                  /* @__PURE__ */ t(V, { onSelect: () => M("*/*"), children: n("irisChat.attachFile") }),
+                  /* @__PURE__ */ t(V, { onSelect: () => M("image/*"), children: n("irisChat.attachImage") })
+                ] })
+              ] }),
+              /* @__PURE__ */ t(h, { label: n("irisChat.attach"), children: /* @__PURE__ */ t(
+                p,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": n("irisChat.attach"),
+                  onClick: () => M("*/*"),
+                  children: /* @__PURE__ */ t(ge, {})
+                }
+              ) }),
+              C === "inline" ? /* @__PURE__ */ t(
+                "input",
+                {
+                  id: "iris-chat-composer-input",
+                  "data-testid": "iris-chat-composer-input",
+                  value: u,
+                  placeholder: g ?? n("irisChat.askAnything"),
+                  "aria-label": g ?? n("irisChat.askAnything"),
+                  className: "ms-1 h-8 min-w-0 flex-1 overflow-hidden bg-transparent py-0 text-sm font-medium leading-8 text-content outline-none placeholder:text-content-empty",
+                  onChange: (e) => x(e.target.value),
+                  onKeyDown: (e) => {
+                    e.key === "Enter" && !e.shiftKey && (e.preventDefault(), N());
+                  }
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+              /* @__PURE__ */ l(P, { children: [
+                /* @__PURE__ */ t(_, { asChild: !0, children: /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    "data-testid": "iris-chat-model",
+                    className: "flex h-8 max-w-24 shrink-0 items-center gap-0.5 truncate rounded-lg bg-secondary px-2 text-sm font-medium capitalize leading-none text-content",
+                    "aria-label": n("irisChat.model"),
+                    children: [
+                      U.find((e) => e.value === D)?.label ?? D,
+                      /* @__PURE__ */ t(ce, { size: 16, className: "rotate-90" })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ t(W, { align: "end", children: /* @__PURE__ */ t(
+                  ue,
+                  {
+                    value: D,
+                    onValueChange: ne,
+                    children: U.map((e) => /* @__PURE__ */ t(de, { value: e.value, children: e.label }, e.value))
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t(h, { label: n(b ? "irisChat.listening" : "irisChat.mic"), children: /* @__PURE__ */ t(
+                p,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": n(b ? "irisChat.listening" : "irisChat.mic"),
+                  "aria-pressed": b,
+                  onClick: re,
+                  children: /* @__PURE__ */ t(Ce, {})
+                }
+              ) }),
+              f ? /* @__PURE__ */ t(h, { label: n("irisChat.stop"), children: /* @__PURE__ */ t(
+                p,
+                {
+                  type: "button",
+                  variant: "default",
+                  size: "icon",
+                  "aria-label": n("irisChat.stop"),
+                  "data-testid": "iris-chat-stop",
+                  className: "rounded-full",
+                  onClick: j,
+                  children: /* @__PURE__ */ t(be, { size: 16 })
+                }
+              ) }) : R ? /* @__PURE__ */ t(h, { label: n("irisChat.send"), children: /* @__PURE__ */ t(
+                p,
+                {
+                  type: "submit",
+                  variant: "default",
+                  size: "icon",
+                  "aria-label": n("irisChat.send"),
+                  "data-testid": "iris-chat-send",
+                  className: "rounded-full",
+                  children: /* @__PURE__ */ t(ve, { size: 16 })
+                }
+              ) }) : null
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+function w(a, s = 0) {
+  return `${a.name}:${a.size}:${a.lastModified}:${s}`;
+}
+function De(a) {
+  return a ? a.files.length ? Array.from(a.files) : Array.from(a.items).filter((s) => s.kind === "file").map((s) => s.getAsFile()).filter((s) => !!s) : [];
+}
+function ke() {
+  const a = window;
+  return a.SpeechRecognition ?? a.webkitSpeechRecognition;
+}
+export {
+  $e as IrisChatComposer
+};

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

@@ -0,0 +1,14 @@
+import { IrisChatPlacement } from './iris-chat.types';
+import * as React from "react";
+export type IrisChatContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    placement: IrisChatPlacement;
+    setPlacement: (placement: IrisChatPlacement) => void;
+};
+export declare function IrisChatProvider({ value, children, }: {
+    value: IrisChatContextValue;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useIrisChat(): IrisChatContextValue;
+export declare function useIrisChatOptional(): IrisChatContextValue | null;

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

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "react";
+const e = r.createContext(null);
+function s({
+  value: t,
+  children: n
+}) {
+  return /* @__PURE__ */ o(e.Provider, { value: t, children: n });
+}
+function u() {
+  const t = r.useContext(e);
+  if (!t)
+    throw new Error("IrisChat parts must render inside IrisChat.");
+  return t;
+}
+function a() {
+  return r.useContext(e);
+}
+export {
+  s as IrisChatProvider,
+  u as useIrisChat,
+  a as useIrisChatOptional
+};

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

@@ -0,0 +1,18 @@
+type IconProps = {
+    size?: number;
+    className?: string;
+};
+export declare function IrisChatAddIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatAttachIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatMicIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatSendIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatStopIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatHamburgerIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatMinimizeIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatSuggestIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatLikeIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatDislikeIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatCopyIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatRetryIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function IrisChatSpeakIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,176 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { cn as h } from "../../../lib/utils.js";
+function n({
+  size: r = 16,
+  className: t,
+  children: c,
+  viewBox: i = "0 0 24 24"
+}) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: r,
+      height: r,
+      viewBox: i,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": !0,
+      className: h("block shrink-0", t),
+      children: c
+    }
+  );
+}
+function u({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, viewBox: "0 0 16 16", className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M12 8.667H8.667V12A.667.667 0 0 1 8 12.667a.667.667 0 0 1-.667-.667V8.667H4A.667.667 0 0 1 3.333 8 .667.667 0 0 1 4 7.333h3.333V4A.667.667 0 0 1 8 3.333.667.667 0 0 1 8.667 4v3.333H12A.667.667 0 0 1 12.667 8 .667.667 0 0 1 12 8.667Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function l({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, viewBox: "0 0 16 16", className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M12.5 10.5c0 1.156-.406 2.139-1.217 2.95C10.472 14.261 9.489 14.667 8.333 14.667c-1.155 0-2.139-.406-2.95-1.217C4.572 12.639 4.167 11.656 4.167 10.5V4.333c0-.833.291-1.541.875-2.125C5.625 1.625 6.333 1.333 7.167 1.333c.833 0 1.541.292 2.125.875.583.584.875 1.292.875 2.125v5.834c0 .511-.178.944-.534 1.3-.355.355-.788.533-1.3.533-.511 0-.944-.178-1.3-.533-.355-.356-.533-.789-.533-1.3V4.667c0-.189.064-.347.192-.475.127-.128.286-.192.475-.192.188 0 .347.064.475.192.127.128.191.286.191.475v5.5c0 .144.048.264.142.358.094.095.214.142.358.142.145 0 .264-.047.359-.142.094-.094.141-.214.141-.358V4.333c-.011-.466-.175-.861-.491-1.183C8.025 2.828 7.633 2.667 7.167 2.667c-.467 0-.861.161-1.184.483-.322.322-.483.717-.483 1.183V10.5c-.011.789.261 1.458.817 2.008.555.55 1.227.825 2.016.825.778 0 1.439-.275 1.984-.825.544-.55.827-1.219.85-2.008V4.667c0-.189.064-.347.191-.475.128-.128.287-.192.475-.192.189 0 .347.064.475.192.128.128.192.286.192.475V10.5Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function a({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, viewBox: "0 0 16 16", className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M6.583 8.75C6.194 8.361 6 7.889 6 7.333V3.333C6 2.778 6.194 2.306 6.583 1.917 6.972 1.528 7.444 1.333 8 1.333c.556 0 1.028.195 1.417.584C9.806 2.306 10 2.778 10 3.333v4c0 .556-.194 1.028-.583 1.417C9.028 9.139 8.556 9.333 8 9.333c-.556 0-1.028-.194-1.417-.583ZM7.333 13.333v-1.383c-1.022-.144-1.897-.578-2.625-1.3C3.981 9.928 3.539 9.05 3.383 8.017c-.022-.189.028-.35.15-.484C3.656 7.4 3.811 7.333 4 7.333c.189 0 .347.064.475.192.128.128.214.286.258.475.156.778.542 1.417 1.159 1.917C6.508 10.417 7.211 10.667 8 10.667c.8 0 1.506-.253 2.117-.759.611-.505.994-1.141 1.15-1.908.044-.189.13-.347.258-.475.128-.128.286-.192.475-.192.189 0 .344.067.467.2.122.134.172.295.15.484-.156 1.011-.595 1.883-1.317 2.616-.722.734-1.6 1.173-2.633 1.317v1.383c0 .189-.064.348-.192.475A.64.64 0 0 1 8 14a.64.64 0 0 1-.475-.192.64.64 0 0 1-.192-.475ZM8.475 7.808A.64.64 0 0 0 8.667 7.333V3.333a.64.64 0 0 0-.192-.475A.64.64 0 0 0 8 2.667a.64.64 0 0 0-.475.191.64.64 0 0 0-.192.475v4c0 .189.064.347.192.475A.64.64 0 0 0 8 8a.64.64 0 0 0 .475-.192Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function C({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M12 17V7M8 11l4-4 4 4",
+      stroke: "currentColor",
+      strokeWidth: "1.7",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function k({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o("rect", { x: "6.5", y: "6.5", width: "11", height: "11", rx: "1.5", fill: "currentColor" }) });
+}
+function p({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o("path", { d: "M5 7h14M5 12h14M5 17h14", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) });
+}
+function I({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ e(n, { size: r, className: t, children: [
+    /* @__PURE__ */ o("rect", { x: "5", y: "6", width: "14", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ o("path", { d: "M5 16h14", stroke: "currentColor", strokeWidth: "1.8" })
+  ] });
+}
+function M({ size: r = 14, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M8 6v8h7M12 11l3 3-3 3",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function f({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ e(n, { size: r, className: t, children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M7 21V10l6.4-7.2c.4-.4 1-.5 1.5-.2.4.2.7.7.6 1.2L14.6 8H20c1.1 0 2 .9 2 2v1.1c0 .2 0 .4-.1.6l-2.2 7.2A2 2 0 0 1 17.8 21H7Z",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M7 10H3.8C3.4 10 3 10.4 3 10.8v8.4c0 .4.4.8.8.8H7", stroke: "currentColor", strokeWidth: "1.6" })
+  ] });
+}
+function v({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ e(n, { size: r, className: t, children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M7 3v11l6.4 7.2c.4.4 1 .5 1.5.2.4-.2.7-.7.6-1.2L14.6 16H20c1.1 0 2-.9 2-2v-1.1c0-.2 0-.4-.1-.6l-2.2-7.2A2 2 0 0 0 17.8 3H7Z",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M7 14H3.8C3.4 14 3 13.6 3 13.2V4.8C3 4.4 3.4 4 3.8 4H7", stroke: "currentColor", strokeWidth: "1.6" })
+  ] });
+}
+function L({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ e(n, { size: r, className: t, children: [
+    /* @__PURE__ */ o("rect", { x: "8", y: "8", width: "10", height: "12", rx: "1.5", stroke: "currentColor", strokeWidth: "1.6" }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M6 16H5.5A1.5 1.5 0 0 1 4 14.5v-9A1.5 1.5 0 0 1 5.5 4h9A1.5 1.5 0 0 1 16 5.5V6",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function A({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M20 12a8 8 0 1 1-2.2-5.5M20 4v5h-5",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function V({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ e(n, { size: r, className: t, children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M5 9.5h3.2L12 6v12l-3.8-3.5H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1Z",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M15.2 9.2a3.2 3.2 0 0 1 0 5.6M17.6 7a5.8 5.8 0 0 1 0 10",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+export {
+  u as IrisChatAddIcon,
+  l as IrisChatAttachIcon,
+  L as IrisChatCopyIcon,
+  v as IrisChatDislikeIcon,
+  p as IrisChatHamburgerIcon,
+  f as IrisChatLikeIcon,
+  a as IrisChatMicIcon,
+  I as IrisChatMinimizeIcon,
+  A as IrisChatRetryIcon,
+  C as IrisChatSendIcon,
+  V as IrisChatSpeakIcon,
+  k as IrisChatStopIcon,
+  M as IrisChatSuggestIcon
+};

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

@@ -0,0 +1,3 @@
+import { IrisChatMarkdownProps } from './iris-chat.types';
+declare const IrisChatMarkdown: import('react').ForwardRefExoticComponent<IrisChatMarkdownProps & import('react').RefAttributes<HTMLDivElement>>;
+export { IrisChatMarkdown };

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

@@ -0,0 +1,62 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+import p from "react-markdown";
+import m from "remark-gfm";
+import { ButtonIconTooltip as l } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as d } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as f } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as h } from "../../../lib/primitives/create-component.js";
+import { cn as u } from "../../../lib/utils.js";
+import { IrisChatCopyIcon as C } from "./iris-chat-icons.js";
+import { irisChatMarkdownVariants as k } from "./iris-chat.variants.js";
+function n(r) {
+  return typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(n).join("") : r && typeof r == "object" && "props" in r ? n(r.props.children) : "";
+}
+function y({ children: r }) {
+  const { t: o } = f(), [e, i] = c(!1), a = n(r);
+  return /* @__PURE__ */ s("div", { className: "relative", children: [
+    /* @__PURE__ */ t(l, { label: o(e ? "irisChat.copied" : "irisChat.copyCode"), children: /* @__PURE__ */ t(
+      d,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "absolute end-1.5 top-1.5 size-7",
+        "aria-label": o(e ? "irisChat.copied" : "irisChat.copyCode"),
+        "data-testid": "iris-chat-copy-code",
+        onClick: () => {
+          navigator.clipboard?.writeText(a).catch(() => {
+          }), i(!0), window.setTimeout(() => i(!1), 1600);
+        },
+        children: /* @__PURE__ */ t(C, { size: 14 })
+      }
+    ) }),
+    /* @__PURE__ */ t("pre", { children: r })
+  ] });
+}
+const B = h(
+  "IrisChatMarkdown",
+  ({ className: r, children: o }, e) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: e,
+      "data-component": "iris-chat-markdown",
+      className: u(k(), r),
+      children: /* @__PURE__ */ t(
+        p,
+        {
+          remarkPlugins: [m],
+          skipHtml: !0,
+          components: {
+            a: ({ href: i, children: a }) => /* @__PURE__ */ t("a", { href: i, target: "_blank", rel: "noreferrer", children: a }),
+            pre: ({ children: i }) => /* @__PURE__ */ t(y, { children: i })
+          },
+          children: o
+        }
+      )
+    }
+  )
+);
+export {
+  B as IrisChatMarkdown
+};

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

@@ -0,0 +1,15 @@
+import { IrisChatListItemProps, IrisChatListProps, IrisChatMenuProps, IrisChatMenuSectionProps } from './iris-chat.types';
+declare const IrisChatMenu: import('react').ForwardRefExoticComponent<IrisChatMenuProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const IrisChatMenuSection: {
+    ({ value, title, onFilterSelect, onViewMore, viewMoreLabel, className, children, }: IrisChatMenuSectionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const IrisChatListItem: {
+    ({ title, onSelect, onAction, className }: IrisChatListItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare function IrisChatList<T>({ items, getItemId, renderItem, title, onFilterSelect, estimateSize, className, }: IrisChatListProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace IrisChatList {
+    var displayName: string;
+}
+export { IrisChatList, IrisChatListItem, IrisChatMenu, IrisChatMenuSection };