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

package/dist/components/flows/iris-chat/iris-chat-copy-feedback.js

@@ -0,0 +1,16 @@
+const t = 2e3, r = "transition-[transform,color,background-color] duration-150 active:scale-90", e = "text-success bg-success-subtle hover:bg-success-subtle hover:text-success";
+async function a(s) {
+  if (!s.trim() || !navigator.clipboard?.writeText)
+    return !1;
+  try {
+    return await navigator.clipboard.writeText(s), !0;
+  } catch {
+    return !1;
+  }
+}
+export {
+  t as IRIS_CHAT_COPY_FEEDBACK_MS,
+  r as irisChatActionIconPressClassName,
+  e as irisChatCopySuccessClassName,
+  a as writeIrisChatClipboardText
+};

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+export type IrisChatFrame = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const IRIS_CHAT_FRAME_PADDING_PX = 16;
+export declare const IRIS_CHAT_FRAME_MIN_WIDTH_PX = 280;
+export declare const IRIS_CHAT_FRAME_MIN_HEIGHT_PX = 360;
+export declare const IRIS_CHAT_FRAME_DEFAULT_WIDTH_PX = 420;
+export declare const IRIS_CHAT_FRAME_DEFAULT_HEIGHT_PX = 640;
+export declare const IRIS_CHAT_FRAME_COMPACT_WIDTH_PX = 360;
+export declare const IRIS_CHAT_FRAME_COMPACT_HEIGHT_PX = 480;
+export declare const IRIS_CHAT_HEADER_MIN_VISIBLE_PX = 80;
+export type IrisChatViewport = {
+    width: number;
+    height: number;
+};
+export type IrisChatResizeEdge = "north" | "south" | "east" | "west" | "north-east" | "north-west" | "south-east" | "south-west";
+export declare function readIrisChatViewport(): IrisChatViewport;
+export declare function readIrisChatMaxFrameSize(viewport: IrisChatViewport): {
+    width: number;
+    height: number;
+};
+export declare function createDefaultIrisChatFrame(viewport?: IrisChatViewport): IrisChatFrame;
+export declare function createCompactIrisChatFrame(anchor: Pick<IrisChatFrame, "x" | "y">, viewport?: IrisChatViewport): IrisChatFrame;
+export declare function clampIrisChatFrame(frame: IrisChatFrame, viewport: IrisChatViewport): IrisChatFrame;
+export declare function moveIrisChatFrame(frame: IrisChatFrame, deltaX: number, deltaY: number, viewport: IrisChatViewport): IrisChatFrame;
+export declare function resizeIrisChatFrame(frame: IrisChatFrame, edge: IrisChatResizeEdge, deltaX: number, deltaY: number, viewport: IrisChatViewport): IrisChatFrame;
+export declare function readIrisChatFrameStyle(frame: IrisChatFrame): CSSProperties;

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

@@ -0,0 +1,79 @@
+const a = 16, s = 280, c = 360, o = 420, P = 640, r = 360, F = 480, S = 80;
+function e() {
+  return typeof window > "u" ? { width: 1280, height: 800 } : { width: window.innerWidth, height: window.innerHeight };
+}
+function R(_) {
+  const t = Math.max(
+    280,
+    _.width - 32
+  ), I = Math.max(
+    360,
+    _.height - 32
+  );
+  return { width: t, height: I };
+}
+function D(_ = e()) {
+  const { width: t, height: I } = R(_), h = Math.min(420, t), i = Math.min(640, I);
+  return {
+    x: _.width - h - 16,
+    y: _.height - i - 16,
+    width: h,
+    height: i
+  };
+}
+function m(_, t = e()) {
+  const { width: I, height: h } = R(t), i = Math.min(360, I), n = Math.min(480, h);
+  return T(
+    {
+      x: _.x,
+      y: _.y,
+      width: i,
+      height: n
+    },
+    t
+  );
+}
+function T(_, t) {
+  const I = R(t), h = Math.min(Math.max(_.width, 280), I.width), i = Math.min(Math.max(_.height, 360), I.height), n = t.width - 80, M = t.height - 80, A = 16 - h + 80, H = 16, E = Math.min(Math.max(_.x, A), n), C = Math.min(Math.max(_.y, H), M);
+  return { x: E, y: C, width: h, height: i };
+}
+function d(_, t, I, h) {
+  return T(
+    {
+      ..._,
+      x: _.x + t,
+      y: _.y + I
+    },
+    h
+  );
+}
+function X(_, t, I, h, i) {
+  let { x: n, y: M, width: A, height: H } = _;
+  return t.includes("east") && (A += I), t.includes("west") && (n += I, A -= I), t.includes("south") && (H += h), t.includes("north") && (M += h, H -= h), T({ x: n, y: M, width: A, height: H }, i);
+}
+function u(_) {
+  return {
+    left: _.x,
+    top: _.y,
+    width: _.width,
+    height: _.height
+  };
+}
+export {
+  F as IRIS_CHAT_FRAME_COMPACT_HEIGHT_PX,
+  r as IRIS_CHAT_FRAME_COMPACT_WIDTH_PX,
+  P as IRIS_CHAT_FRAME_DEFAULT_HEIGHT_PX,
+  o as IRIS_CHAT_FRAME_DEFAULT_WIDTH_PX,
+  c as IRIS_CHAT_FRAME_MIN_HEIGHT_PX,
+  s as IRIS_CHAT_FRAME_MIN_WIDTH_PX,
+  a as IRIS_CHAT_FRAME_PADDING_PX,
+  S as IRIS_CHAT_HEADER_MIN_VISIBLE_PX,
+  T as clampIrisChatFrame,
+  m as createCompactIrisChatFrame,
+  D as createDefaultIrisChatFrame,
+  d as moveIrisChatFrame,
+  u as readIrisChatFrameStyle,
+  R as readIrisChatMaxFrameSize,
+  e as readIrisChatViewport,
+  X as resizeIrisChatFrame
+};

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

@@ -13,6 +13,7 @@ export declare function IrisChatSuggestIcon({ size, className }: IconProps): imp
 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 IrisChatCheckIcon({ 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

@@ -3,20 +3,20 @@ import { cn as h } from "../../../lib/utils.js";
 function n({
   size: r = 16,
   className: t,
-  children: c,
-  viewBox: i = "0 0 24 24"
+  children: i,
+  viewBox: c = "0 0 24 24"
 }) {
   return /* @__PURE__ */ o(
     "svg",
     {
       width: r,
       height: r,
-      viewBox: i,
+      viewBox: c,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": !0,
       className: h("block shrink-0", t),
-      children: c
+      children: i
     }
   );
 }
@@ -29,7 +29,7 @@ function u({ size: r = 16, className: t }) {
     }
   ) });
 }
-function l({ size: r = 16, className: t }) {
+function a({ size: r = 16, className: t }) {
   return /* @__PURE__ */ o(n, { size: r, viewBox: "0 0 16 16", className: t, children: /* @__PURE__ */ o(
     "path",
     {
@@ -38,7 +38,7 @@ function l({ size: r = 16, className: t }) {
     }
   ) });
 }
-function a({ size: r = 16, className: t }) {
+function l({ size: r = 16, className: t }) {
   return /* @__PURE__ */ o(n, { size: r, viewBox: "0 0 16 16", className: t, children: /* @__PURE__ */ o(
     "path",
     {
@@ -47,7 +47,7 @@ function a({ size: r = 16, className: t }) {
     }
   ) });
 }
-function C({ size: r = 16, className: t }) {
+function k({ size: r = 16, className: t }) {
   return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
     "path",
     {
@@ -59,7 +59,7 @@ function C({ size: r = 16, className: t }) {
     }
   ) });
 }
-function k({ size: r = 16, className: t }) {
+function C({ 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 }) {
@@ -126,6 +126,18 @@ function L({ size: r = 16, className: t }) {
   ] });
 }
 function A({ size: r = 16, className: t }) {
+  return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M5 12.5 9.5 17 19 7",
+      stroke: "currentColor",
+      strokeWidth: "1.8",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function V({ size: r = 16, className: t }) {
   return /* @__PURE__ */ o(n, { size: r, className: t, children: /* @__PURE__ */ o(
     "path",
     {
@@ -137,7 +149,7 @@ function A({ size: r = 16, className: t }) {
     }
   ) });
 }
-function V({ size: r = 16, className: t }) {
+function W({ size: r = 16, className: t }) {
   return /* @__PURE__ */ e(n, { size: r, className: t, children: [
     /* @__PURE__ */ o(
       "path",
@@ -161,16 +173,17 @@ function V({ size: r = 16, className: t }) {
 }
 export {
   u as IrisChatAddIcon,
-  l as IrisChatAttachIcon,
+  a as IrisChatAttachIcon,
+  A as IrisChatCheckIcon,
   L as IrisChatCopyIcon,
   v as IrisChatDislikeIcon,
   p as IrisChatHamburgerIcon,
   f as IrisChatLikeIcon,
-  a as IrisChatMicIcon,
+  l as IrisChatMicIcon,
   I as IrisChatMinimizeIcon,
-  A as IrisChatRetryIcon,
-  C as IrisChatSendIcon,
-  V as IrisChatSpeakIcon,
-  k as IrisChatStopIcon,
+  V as IrisChatRetryIcon,
+  k as IrisChatSendIcon,
+  W as IrisChatSpeakIcon,
+  C as IrisChatStopIcon,
   M as IrisChatSuggestIcon
 };

package/dist/components/flows/iris-chat/iris-chat-launch-animation.d.ts

@@ -0,0 +1,11 @@
+export declare function readIrisChatLaunchAnimationTransition(): string;
+export declare function runIrisChatOpenFromLaunchTarget(input: {
+    panel: HTMLDivElement;
+    target: HTMLElement;
+    onComplete: () => void;
+}): () => void;
+export declare function readIrisChatLaunchAnimationEnabled(input: {
+    target: HTMLElement | null;
+    panel: HTMLDivElement | null;
+    isWindowPlacement: boolean;
+}): boolean;

package/dist/components/flows/iris-chat/iris-chat-launch-animation.js

@@ -0,0 +1,35 @@
+import { readIrisChatCloseTransform as c, readIrisChatCloseAnimationStyle as m, IRIS_CHAT_CLOSE_ANIMATION_MS as r } from "./iris-chat-close-animation.js";
+function d() {
+  return `transform ${r}ms cubic-bezier(0.22, 1, 0.36, 1), opacity ${r - 40}ms ease-out`;
+}
+function y(e) {
+  const n = c(
+    e.panel.getBoundingClientRect(),
+    e.target.getBoundingClientRect()
+  ), a = m(n);
+  e.panel.style.pointerEvents = "none", e.panel.style.transformOrigin = "center center", e.panel.style.transition = "none", e.panel.style.transform = a.transform, e.panel.style.opacity = a.opacity;
+  let o = !1;
+  const t = () => {
+    o || (o = !0, e.panel.removeEventListener("transitionend", s), l !== null && window.clearTimeout(l), e.panel.style.transition = "", e.panel.style.transform = "", e.panel.style.opacity = "", e.panel.style.pointerEvents = "", e.onComplete());
+  }, s = (i) => {
+    i.target !== e.panel || i.propertyName !== "transform" || t();
+  };
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      e.panel.style.transition = d(), e.panel.style.transform = "", e.panel.style.opacity = "1";
+    });
+  }), e.panel.addEventListener("transitionend", s);
+  const l = window.setTimeout(t, r + 80);
+  return t;
+}
+function h(e) {
+  if (e.target === null || e.panel === null || !e.isWindowPlacement || window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+    return !1;
+  const n = e.panel.getBoundingClientRect();
+  return n.width >= 1 && n.height >= 1;
+}
+export {
+  h as readIrisChatLaunchAnimationEnabled,
+  d as readIrisChatLaunchAnimationTransition,
+  y as runIrisChatOpenFromLaunchTarget
+};

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

@@ -1,62 +1,102 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { ButtonIconTooltip as p } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Button as m } from "../../primitives/button/button.js";
-import { useImpactNovaI18n as l } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as d } from "../../../lib/primitives/create-component.js";
-import { cn as f } from "../../../lib/utils.js";
-import { IrisChatCopyIcon as h } from "./iris-chat-icons.js";
-import { irisChatMarkdownVariants as u } from "./iris-chat.variants.js";
-import { Markdown as C } from "../../../node_modules/react-markdown/lib/index.js";
-import k from "../../../node_modules/remark-gfm/lib/index.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) : "";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useState as l, useRef as u, useEffect as f } from "react";
+import { ButtonIconTooltip as h } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as C } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as b } from "../../../lib/primitives/create-component.js";
+import { cn as d } from "../../../lib/utils.js";
+import { IrisChatCheckIcon as y, IrisChatCopyIcon as x } from "./iris-chat-icons.js";
+import { writeIrisChatClipboardText as k, IRIS_CHAT_COPY_FEEDBACK_MS as v, irisChatCopySuccessClassName as I, irisChatActionIconPressClassName as N } from "./iris-chat-copy-feedback.js";
+import { irisChatMarkdownVariants as T } from "./iris-chat.variants.js";
+import { Markdown as g } from "../../../node_modules/react-markdown/lib/index.js";
+import M from "../../../node_modules/remark-gfm/lib/index.js";
+function c(r) {
+  return typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(c).join("") : r && typeof r == "object" && "props" in r ? c(r.props.children) : "";
 }
-function y({ children: r }) {
-  const { t: o } = l(), [e, i] = c(!1), a = n(r);
-  return /* @__PURE__ */ s("div", { className: "relative", children: [
-    /* @__PURE__ */ t(p, { label: o(e ? "irisChat.copied" : "irisChat.copyCode"), children: /* @__PURE__ */ t(
-      m,
+function A({ children: r }) {
+  return /* @__PURE__ */ e("div", { className: "grid w-full min-w-0 max-w-full grid-cols-[minmax(0,1fr)] overflow-hidden rounded-xl border border-stroke-subtle", children: /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "markdown-table-scroll",
+      className: "min-w-0 max-w-full overflow-x-auto overflow-y-hidden overscroll-x-contain",
+      children: /* @__PURE__ */ e("table", { className: "w-max min-w-full border-separate border-spacing-0 text-sm", children: r })
+    }
+  ) });
+}
+function S({ children: r }) {
+  const { t: a } = w(), [o, t] = l(!1), [i, s] = l(!1), n = u(null), p = c(r);
+  return f(
+    () => () => {
+      n.current !== null && window.clearTimeout(n.current);
+    },
+    []
+  ), /* @__PURE__ */ m("div", { className: "relative", children: [
+    /* @__PURE__ */ e(
+      h,
       {
-        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(h, { size: 14 })
+        label: a(o ? "irisChat.copied" : "irisChat.copyCode"),
+        open: i,
+        onOpenChange: s,
+        children: /* @__PURE__ */ e(
+          C,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: d(
+              "absolute end-1.5 top-1.5 size-7",
+              N,
+              o && I
+            ),
+            "aria-label": a(o ? "irisChat.copied" : "irisChat.copyCode"),
+            "data-testid": "iris-chat-copy-code",
+            "data-copied": o ? "" : void 0,
+            onClick: () => {
+              (async () => await k(p) && (t(!0), s(!0), n.current !== null && window.clearTimeout(n.current), n.current = window.setTimeout(() => {
+                t(!1), s(!1), n.current = null;
+              }, v)))();
+            },
+            children: o ? /* @__PURE__ */ e(y, { size: 14 }) : /* @__PURE__ */ e(x, { size: 14 })
+          }
+        )
       }
-    ) }),
-    /* @__PURE__ */ t("pre", { children: r })
+    ),
+    /* @__PURE__ */ e("pre", { children: r })
   ] });
 }
-const B = d(
+const V = b(
   "IrisChatMarkdown",
-  ({ className: r, children: o }, e) => /* @__PURE__ */ t(
+  ({ className: r, children: a }, o) => /* @__PURE__ */ e(
     "div",
     {
-      ref: e,
+      ref: o,
       "data-component": "iris-chat-markdown",
-      className: f(u(), r),
-      children: /* @__PURE__ */ t(
-        C,
+      className: d(T(), r),
+      children: /* @__PURE__ */ e(
+        g,
         {
-          remarkPlugins: [k],
+          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 })
+            a: ({ href: t, children: i }) => /* @__PURE__ */ e("a", { href: t, target: "_blank", rel: "noreferrer", children: i }),
+            pre: ({ children: t }) => /* @__PURE__ */ e(S, { children: t }),
+            table: ({ children: t }) => /* @__PURE__ */ e(A, { children: t }),
+            th: ({ children: t, style: i }) => /* @__PURE__ */ e(
+              "th",
+              {
+                style: i,
+                className: "whitespace-nowrap bg-secondary px-3 py-2 text-start text-xs font-semibold",
+                children: t
+              }
+            ),
+            td: ({ children: t, style: i }) => /* @__PURE__ */ e("td", { style: i, className: "whitespace-nowrap border-t border-stroke-subtle px-3 py-2", children: t })
           },
-          children: o
+          children: a
         }
       )
     }
   )
 );
 export {
-  B as IrisChatMarkdown
+  V as IrisChatMarkdown
 };