impact-nova 2.6.3 → 3.0.0-alpha.0

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 };

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

@@ -0,0 +1,259 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useRef as S, useState as y } from "react";
+import { FunnelShow as I, ThreeDots as L, Pin as M, Pencil as A, Bin as D, ChevronRight as T } from "impact-nova-icons";
+import { DropdownMenu as g, DropdownMenuTrigger as v, DropdownMenuContent as b, DropdownMenuItem as f } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { ButtonIconTooltip as N } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as x } from "../../primitives/button/button.js";
+import { Accordion as j, AccordionItem as k, AccordionTrigger as R, AccordionContent as E } from "../../primitives/accordion/accordion.js";
+import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
+import { useVirtualizedList as B } from "../../../lib/virtualized/useVirtualizedList.js";
+import { createComponent as O } from "../../../lib/primitives/create-component.js";
+import { cn as C } from "../../../lib/utils.js";
+import { IrisChatAttachIcon as $ } from "./iris-chat-icons.js";
+const z = ["type", "status", "lastActivity"], ee = O(
+  "IrisChatMenu",
+  ({ className: t, children: m, ...l }, c) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      "data-component": "iris-chat-menu",
+      className: C("flex flex-col gap-4 py-4", t),
+      ...l,
+      children: /* @__PURE__ */ e(j, { type: "multiple", defaultValue: ["recent", "artifacts"], className: "flex flex-col gap-4", children: m })
+    }
+  )
+), P = ({
+  value: t,
+  title: m,
+  onFilterSelect: l,
+  onViewMore: c,
+  viewMoreLabel: a,
+  className: h,
+  children: p
+}) => {
+  const { t: i } = w(), d = {
+    type: i("irisChat.filterType"),
+    status: i("irisChat.filterStatus"),
+    lastActivity: i("irisChat.filterLastActivity")
+  };
+  return /* @__PURE__ */ s(
+    k,
+    {
+      value: t,
+      "data-component": "iris-chat-menu-section",
+      className: C("rounded-none border-0 bg-transparent shadow-none", h),
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex h-10 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ s(R, { variant: "plain", headingLevel: 3, className: "flex min-w-0 flex-1 items-center gap-2 py-0", children: [
+            /* @__PURE__ */ e("span", { className: "flex size-6 shrink-0 items-center justify-center rounded-full bg-secondary text-content-secondary", children: /* @__PURE__ */ e(
+              T,
+              {
+                size: 14,
+                className: "rotate-90 transition-transform group-data-[state=open]:-rotate-90"
+              }
+            ) }),
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content", children: m })
+          ] }),
+          /* @__PURE__ */ s(g, { children: [
+            /* @__PURE__ */ e(N, { label: i("irisChat.filter"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+              x,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                "aria-label": i("irisChat.filter"),
+                "data-testid": `iris-chat-filter-${t}`,
+                children: /* @__PURE__ */ e(I, { size: 16 })
+              }
+            ) }) }),
+            /* @__PURE__ */ e(b, { align: "end", children: z.map((o) => /* @__PURE__ */ e(f, { onSelect: () => l?.(o), children: d[o] }, o)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ s(E, { className: "px-0 pb-1 pt-1", children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col", children: p }),
+          c ? /* @__PURE__ */ e(
+            x,
+            {
+              type: "button",
+              variant: "link",
+              "data-testid": `iris-chat-view-more-${t}`,
+              className: "mt-1 h-auto justify-start px-2 text-sm",
+              onClick: c,
+              children: a ?? i("irisChat.viewMore")
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+};
+P.displayName = "IrisChatMenuSection";
+const V = ({ title: t, onSelect: m, onAction: l, className: c }) => {
+  const { t: a } = w(), [h, p] = y(!1), [i, d] = y(!1), [o, u] = y(t), n = () => {
+    const r = o.trim();
+    if (d(!1), !r || r === t) {
+      u(t);
+      return;
+    }
+    l?.("rename", r);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-component": "iris-chat-list-item",
+      "data-menu-open": h ? "" : void 0,
+      className: C(
+        "flex min-h-10 items-center justify-between gap-2 rounded-full px-3",
+        (h || i) && "bg-secondary",
+        "hover:bg-secondary",
+        c
+      ),
+      children: [
+        i ? /* @__PURE__ */ e(
+          "input",
+          {
+            value: o,
+            autoFocus: !0,
+            "aria-label": a("irisChat.rename"),
+            "data-testid": "iris-chat-item-rename",
+            className: "min-w-0 flex-1 bg-transparent text-sm text-content outline-none",
+            onChange: (r) => u(r.target.value),
+            onBlur: n,
+            onKeyDown: (r) => {
+              r.key === "Enter" && (r.preventDefault(), n()), r.key === "Escape" && (u(t), d(!1));
+            }
+          }
+        ) : /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "min-w-0 flex-1 truncate text-start text-sm text-content",
+            onClick: m,
+            children: t
+          }
+        ),
+        /* @__PURE__ */ s(g, { open: h, onOpenChange: p, children: [
+          /* @__PURE__ */ e(N, { label: a("irisChat.moreActions"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+            x,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "iconSm",
+              "aria-label": a("irisChat.moreActions"),
+              "data-testid": "iris-chat-item-more",
+              children: /* @__PURE__ */ e(L, { size: 16 })
+            }
+          ) }) }),
+          /* @__PURE__ */ s(b, { align: "end", className: "w-[182px]", children: [
+            /* @__PURE__ */ e(
+              f,
+              {
+                icon: /* @__PURE__ */ e(M, { size: 16 }),
+                onSelect: () => l?.("pin"),
+                children: a("irisChat.pin")
+              }
+            ),
+            /* @__PURE__ */ e(
+              f,
+              {
+                icon: /* @__PURE__ */ e(A, { size: 16 }),
+                onSelect: () => {
+                  u(t), window.setTimeout(() => d(!0), 0);
+                },
+                children: a("irisChat.rename")
+              }
+            ),
+            /* @__PURE__ */ e(
+              f,
+              {
+                icon: /* @__PURE__ */ e($, {}),
+                onSelect: () => l?.("archive"),
+                children: a("irisChat.archive")
+              }
+            ),
+            /* @__PURE__ */ e(
+              f,
+              {
+                icon: /* @__PURE__ */ e(D, { size: 16 }),
+                className: "text-destructive focus:bg-destructive/10 focus:text-destructive",
+                onSelect: () => l?.("delete"),
+                children: a("irisChat.delete")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+V.displayName = "IrisChatListItem";
+function F({
+  items: t,
+  getItemId: m,
+  renderItem: l,
+  title: c,
+  onFilterSelect: a,
+  estimateSize: h = 32,
+  className: p
+}) {
+  const { t: i } = w(), d = S(null), o = B({
+    rowCount: t.length,
+    getRowData: (n) => t[n],
+    getRowId: (n) => m(t[n]),
+    estimateSize: () => h,
+    scrollElementRef: d,
+    hasMore: !1
+  }), u = {
+    type: i("irisChat.filterType"),
+    status: i("irisChat.filterStatus"),
+    lastActivity: i("irisChat.filterLastActivity")
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-component": "iris-chat-list",
+      className: C("flex min-h-0 flex-1 flex-col", p),
+      children: [
+        c || a ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 py-3", children: [
+          c ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: c }) : /* @__PURE__ */ e("span", {}),
+          a ? /* @__PURE__ */ s(g, { children: [
+            /* @__PURE__ */ e(N, { label: i("irisChat.filter"), children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
+              x,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "iconSm",
+                "aria-label": i("irisChat.filter"),
+                "data-testid": "iris-chat-filter-list",
+                children: /* @__PURE__ */ e(I, { size: 16 })
+              }
+            ) }) }),
+            /* @__PURE__ */ e(b, { align: "end", children: z.map((n) => /* @__PURE__ */ e(f, { onSelect: () => a(n), children: u[n] }, n)) })
+          ] }) : null
+        ] }) : null,
+        /* @__PURE__ */ e("div", { ref: d, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { style: { height: o.virtualizer.getTotalSize(), position: "relative" }, children: o.virtualizer.getVirtualItems().map((n) => {
+          const r = t[n.index];
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-x-0",
+              style: {
+                height: n.size,
+                transform: `translateY(${n.start}px)`
+              },
+              children: l(r)
+            },
+            m(r)
+          );
+        }) }) })
+      ]
+    }
+  );
+}
+F.displayName = "IrisChatList";
+export {
+  F as IrisChatList,
+  V as IrisChatListItem,
+  ee as IrisChatMenu,
+  P as IrisChatMenuSection
+};

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

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

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

@@ -0,0 +1,46 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { Button as c } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as d } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { cn as u } from "../../../lib/utils.js";
+const b = f(
+  "IrisChatPrompt",
+  ({
+    className: e,
+    title: t,
+    children: m,
+    submitLabel: n,
+    submitDisabled: r = !1,
+    onSubmit: a
+  }, i) => {
+    const { t: p } = d();
+    return /* @__PURE__ */ l(
+      "form",
+      {
+        ref: i,
+        "data-component": "iris-chat-prompt",
+        className: u("flex w-full min-w-0 flex-col gap-4 rounded-2xl bg-secondary p-4", e),
+        onSubmit: (s) => {
+          s.preventDefault(), !r && a?.();
+        },
+        children: [
+          t ? /* @__PURE__ */ o("p", { className: "text-sm font-medium leading-5 text-content", children: t }) : null,
+          m,
+          /* @__PURE__ */ o(
+            c,
+            {
+              type: "submit",
+              disabled: r,
+              "data-testid": "iris-chat-prompt-submit",
+              className: "w-fit rounded-full",
+              children: n ?? p("irisChat.applySend")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  b as IrisChatPrompt
+};

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

@@ -0,0 +1,12 @@
+import { IrisChatCitationsProps, IrisChatProcessStepsProps, IrisChatThinkingProps, IrisChatThinkingStatusProps } from './iris-chat.types';
+declare const IrisChatThinking: import('react').ForwardRefExoticComponent<IrisChatThinkingProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const IrisChatThinkingStatus: import('react').ForwardRefExoticComponent<IrisChatThinkingStatusProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const IrisChatProcessSteps: {
+    ({ title, steps, defaultOpen, open, onOpenChange, className, }: IrisChatProcessStepsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const IrisChatCitations: {
+    ({ title, groups, defaultOpen, open, onOpenChange, className, }: IrisChatCitationsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { IrisChatCitations, IrisChatProcessSteps, IrisChatThinking, IrisChatThinkingStatus };