impact-nova 2.6.2 → 3.0.0-alpha.0

package/dist/components/flows/guidance/renderers/guidance-tour-overlay.js

@@ -1,22 +1,24 @@
-import { jsxs as m, jsx as o, Fragment as $ } from "react/jsx-runtime";
+import { jsxs as u, jsx as o, Fragment as z } from "react/jsx-runtime";
 import * as f from "react";
-import { createPortal as z } from "react-dom";
+import { createPortal as $ } from "react-dom";
 import { GuidanceStepPanel as A } from "./guidance-card-shared.js";
 import { useGuidanceOverlayGeometry as T } from "../hooks/useGuidanceOverlayGeometry.js";
 import { useAdvanceOnTargetClick as G, buildHighlightRectForTarget as M, computePopoverPosition as P } from "./guidance-renderer-shared.js";
-const H = 220, h = `motion-safe:transition-[top,left,width,height] motion-safe:duration-[${H}ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)]`;
+const H = 220, g = `motion-safe:transition-[top,left,width,height] motion-safe:duration-[${H}ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)]`;
 function L({
   highlightRect: e,
-  blocksPointerEvents: i = !0
+  blocksPointerEvents: l = !0
 }) {
-  const a = typeof window < "u" ? window.innerWidth : 0, l = typeof window < "u" ? window.innerHeight : 0, d = Math.max(0, e.y), u = Math.max(0, e.x), r = Math.min(
+  if (!l)
+    return null;
+  const a = typeof window < "u" ? window.innerWidth : 0, i = typeof window < "u" ? window.innerHeight : 0, d = Math.max(0, e.y), m = Math.max(0, e.x), r = Math.min(
     a,
     e.x + e.width
   ), c = Math.min(
-    l,
+    i,
     e.y + e.height
-  ), s = Math.max(0, c - d), n = i ? `pointer-events-auto absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.4)] ${h}` : `pointer-events-none absolute bg-[var(--guidance-backdrop-bg)] opacity-[var(--guidance-backdrop-opacity,0.4)] ${h}`;
-  return /* @__PURE__ */ m($, { children: [
+  ), s = Math.max(0, c - d), n = `pointer-events-auto absolute ${g}`;
+  return /* @__PURE__ */ u(z, { children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -33,7 +35,7 @@ function L({
           top: c,
           left: 0,
           width: a,
-          height: Math.max(0, l - c)
+          height: Math.max(0, i - c)
         },
         "aria-hidden": "true"
       }
@@ -45,7 +47,7 @@ function L({
         style: {
           top: d,
           left: 0,
-          width: u,
+          width: m,
           height: s
         },
         "aria-hidden": "true"
@@ -70,14 +72,14 @@ const w = 12, R = Math.ceil(
   16 + w * Math.SQRT2 / 2
 );
 function _(e) {
-  const i = w / 2, a = e.placement === "left" || e.placement === "right", l = a ? e.highlightRect.y + e.highlightRect.height / 2 : e.highlightRect.x + e.highlightRect.width / 2, d = a ? e.popoverTop : e.popoverLeft, u = a ? e.popoverHeight : e.popoverWidth, r = l - d - i, c = R, s = u - R - w;
+  const l = w / 2, a = e.placement === "left" || e.placement === "right", i = a ? e.highlightRect.y + e.highlightRect.height / 2 : e.highlightRect.x + e.highlightRect.width / 2, d = a ? e.popoverTop : e.popoverLeft, m = a ? e.popoverHeight : e.popoverWidth, r = i - d - l, c = R, s = m - R - w;
   return s < c || r < c || r > s ? null : r;
 }
 function B({
   placement: e,
-  offset: i
+  offset: l
 }) {
-  const a = e === "left" || e === "right" ? { top: i } : { left: i }, l = {
+  const a = e === "left" || e === "right" ? { top: l } : { left: l }, i = {
     bottom: "left-0 top-0 -translate-y-1/2 border-l border-t",
     top: "bottom-0 left-0 translate-y-1/2 border-b border-r",
     right: "left-0 top-0 -translate-x-1/2 border-b border-l",
@@ -87,31 +89,31 @@ function B({
     "span",
     {
       "aria-hidden": "true",
-      className: `pointer-events-none absolute z-0 size-3 rotate-45 border border-[var(--color-border-accent-muted)] bg-[var(--color-border-accent-muted)] ${l}`,
+      className: `pointer-events-none absolute z-0 size-3 rotate-45 border border-[var(--color-border-accent-muted)] bg-[var(--color-border-accent-muted)] ${i}`,
       style: a
     }
   );
 }
 function j({
   instruction: e,
-  overlayComponent: i,
+  overlayComponent: l,
   onNext: a,
-  onSkip: l,
+  onSkip: i,
   onDismiss: d,
-  onBack: u
+  onBack: m
 }) {
-  const r = e.target?.element, c = T(r, e.stepId), s = e.stepIndex + 1 >= e.totalSteps, n = G(e, a), y = n || e.advanceOn === "auto", k = f.useRef(null), x = f.useRef(null), [v, E] = f.useState({ width: 400, height: 240 }), S = f.useCallback(() => {
+  const r = e.target?.element, c = T(r, e.stepId), s = e.stepIndex + 1 >= e.totalSteps, n = G(e, a), y = n || e.advanceOn === "auto", x = f.useRef(null), k = f.useRef(null), [v, E] = f.useState({ width: 400, height: 240 }), S = f.useCallback(() => {
     r?.click();
   }, [r]);
   if (f.useLayoutEffect(() => {
-    const g = x.current;
-    g?.parentElement === document.body && document.body.appendChild(g);
+    const p = k.current;
+    p?.parentElement === document.body && document.body.appendChild(p);
   }, [e.stepId, y]), f.useLayoutEffect(() => {
-    const g = k.current;
-    if (!g)
+    const p = x.current;
+    if (!p)
       return;
     const C = () => {
-      const b = g.getBoundingClientRect();
+      const b = p.getBoundingClientRect();
       b.width > 0 && b.height > 0 && E({
         width: b.width,
         height: b.height
@@ -119,7 +121,7 @@ function j({
     };
     C();
     const N = new ResizeObserver(C);
-    return N.observe(g), () => {
+    return N.observe(p), () => {
       N.disconnect();
     };
   }, [e.stepId, e.content.title, e.content.body]), !c || !r || typeof document > "u")
@@ -127,35 +129,35 @@ function j({
   const t = M(r);
   if (!t)
     return null;
-  const p = P({
+  const h = P({
     targetRect: t,
     popoverWidth: v.width,
     popoverHeight: v.height,
     preferredPlacement: e.placement
   }), O = _({
-    placement: p.placement,
-    popoverTop: p.top,
-    popoverLeft: p.left,
+    placement: h.placement,
+    popoverTop: h.top,
+    popoverLeft: h.left,
     highlightRect: t,
     popoverWidth: v.width,
     popoverHeight: v.height
   }), I = `guidance-mask-${e.stepId}`;
-  return z(
-    /* @__PURE__ */ m(
+  return $(
+    /* @__PURE__ */ u(
       "div",
       {
-        ref: x,
-        "data-component": i,
+        ref: k,
+        "data-component": l,
         className: "fixed inset-0 z-[60] pointer-events-none",
         role: "presentation",
         children: [
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ u(
             "svg",
             {
-              className: `pointer-events-none absolute inset-0 size-full ${h}`,
+              className: `pointer-events-none absolute inset-0 size-full ${g}`,
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ m("mask", { id: I, children: [
+                /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ u("mask", { id: I, children: [
                   /* @__PURE__ */ o("rect", { width: "100%", height: "100%", fill: "white" }),
                   /* @__PURE__ */ o(
                     "rect",
@@ -166,7 +168,7 @@ function j({
                       height: t.height,
                       rx: "8",
                       fill: "black",
-                      className: h
+                      className: g
                     }
                   )
                 ] }) }),
@@ -207,7 +209,7 @@ function j({
             "button",
             {
               type: "button",
-              className: `absolute z-10 cursor-pointer border-0 bg-transparent p-0 pointer-events-auto ${h}`,
+              className: `absolute z-10 cursor-pointer border-0 bg-transparent p-0 pointer-events-auto ${g}`,
               style: {
                 top: t.y,
                 left: t.x,
@@ -221,7 +223,7 @@ function j({
           /* @__PURE__ */ o(
             "div",
             {
-              className: `pointer-events-none absolute rounded-lg ring-2 ring-[var(--guidance-highlight-ring,var(--color-primary))] ${h}`,
+              className: `pointer-events-none absolute rounded-lg ring-2 ring-[var(--guidance-highlight-ring,var(--color-primary))] ${g}`,
               style: {
                 top: t.y,
                 left: t.x,
@@ -230,14 +232,14 @@ function j({
               }
             }
           ),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ u(
             "div",
             {
-              ref: k,
-              className: `pointer-events-auto absolute z-20 w-[min(400px,calc(100vw-2rem))] ${h}`,
+              ref: x,
+              className: `pointer-events-auto absolute z-20 w-[min(400px,calc(100vw-2rem))] ${g}`,
               style: {
-                top: p.top,
-                left: p.left
+                top: h.top,
+                left: h.left
               },
               role: "dialog",
               "aria-labelledby": `guidance-tour-title-${e.stepId}`,
@@ -246,7 +248,7 @@ function j({
                 O !== null ? /* @__PURE__ */ o(
                   B,
                   {
-                    placement: p.placement,
+                    placement: h.placement,
                     offset: O
                   }
                 ) : null,
@@ -260,9 +262,9 @@ function j({
                     totalSteps: e.totalSteps,
                     skippable: e.skippable,
                     primaryActionLabel: s ? "Done" : "Next",
-                    onSkip: l,
+                    onSkip: i,
                     onDismiss: d,
-                    onBack: u,
+                    onBack: m,
                     canGoBack: e.canGoBack,
                     advanceOn: e.advanceOn,
                     onPrimaryAction: a,

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

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

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

@@ -0,0 +1,55 @@
+import { IrisChat as i, IrisChatBody as a, IrisChatDisclaimer as s, IrisChatFooter as e, IrisChatHeader as h, IrisChatHeaderBackButton as o, IrisChatHeaderCloseButton as C, IrisChatHeaderLeading as I, IrisChatHeaderMenuButton as n, IrisChatHeaderMinimizeButton as m, IrisChatHeaderNewChatButton as p, IrisChatHeaderTitle as d, IrisChatHeaderTrailing as u, IrisChatIconButton as f, IrisChatPanel as g, IrisChatTrigger as l } from "./iris-chat.js";
+import { IrisChatComposer as x } from "./iris-chat-composer.js";
+import { IrisChatActions as B, IrisChatAttachment as k, IrisChatChip as w, IrisChatDay as M, IrisChatError as S, IrisChatFollowUp as T, IrisChatFollowUps as A, IrisChatGreeting as F, IrisChatMessage as L, IrisChatSuggestion as P, IrisChatSuggestions as y, IrisChatThread as D, IrisChatWorkflow as U, IrisChatWorkflows as W } from "./iris-chat-thread.js";
+import { IrisChatCitations as E, IrisChatProcessSteps as G, IrisChatThinking as N, IrisChatThinkingStatus as b } from "./iris-chat-thinking.js";
+import { IrisChatMarkdown as q } from "./iris-chat-markdown.js";
+import { IrisChatPrompt as J } from "./iris-chat-prompt.js";
+import { IrisChatArtifact as O, IrisChatScenario as Q } from "./iris-chat-artifact.js";
+import { IrisChatList as V, IrisChatListItem as X, IrisChatMenu as Y, IrisChatMenuSection as Z } from "./iris-chat-menu.js";
+import { useIrisChat as $ } from "./iris-chat-context.js";
+export {
+  i as IrisChat,
+  B as IrisChatActions,
+  O as IrisChatArtifact,
+  k as IrisChatAttachment,
+  a as IrisChatBody,
+  w as IrisChatChip,
+  E as IrisChatCitations,
+  x as IrisChatComposer,
+  M as IrisChatDay,
+  s as IrisChatDisclaimer,
+  S as IrisChatError,
+  T as IrisChatFollowUp,
+  A as IrisChatFollowUps,
+  e as IrisChatFooter,
+  F as IrisChatGreeting,
+  h as IrisChatHeader,
+  o as IrisChatHeaderBackButton,
+  C as IrisChatHeaderCloseButton,
+  I as IrisChatHeaderLeading,
+  n as IrisChatHeaderMenuButton,
+  m as IrisChatHeaderMinimizeButton,
+  p as IrisChatHeaderNewChatButton,
+  d as IrisChatHeaderTitle,
+  u as IrisChatHeaderTrailing,
+  f as IrisChatIconButton,
+  V as IrisChatList,
+  X as IrisChatListItem,
+  q as IrisChatMarkdown,
+  Y as IrisChatMenu,
+  Z as IrisChatMenuSection,
+  L as IrisChatMessage,
+  g as IrisChatPanel,
+  G as IrisChatProcessSteps,
+  J as IrisChatPrompt,
+  Q as IrisChatScenario,
+  P as IrisChatSuggestion,
+  y as IrisChatSuggestions,
+  N as IrisChatThinking,
+  b as IrisChatThinkingStatus,
+  D as IrisChatThread,
+  l as IrisChatTrigger,
+  U as IrisChatWorkflow,
+  W as IrisChatWorkflows,
+  $ as useIrisChat
+};

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

@@ -0,0 +1,4 @@
+import { IrisChatArtifactProps, IrisChatScenarioProps } from './iris-chat.types';
+declare const IrisChatArtifact: import('react').ForwardRefExoticComponent<IrisChatArtifactProps & import('react').RefAttributes<HTMLElement>>;
+declare const IrisChatScenario: import('react').ForwardRefExoticComponent<IrisChatScenarioProps & import('react').RefAttributes<HTMLElement>>;
+export { IrisChatArtifact, IrisChatScenario };

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

@@ -0,0 +1,125 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Download as y, ThreeDots as v } from "impact-nova-icons";
+import { Checkbox as C } from "../../forms/checkbox/checkbox.js";
+import { DropdownMenu as w, DropdownMenuTrigger as j, DropdownMenuContent as k, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { ButtonIconTooltip as x } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as b } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as I } 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";
+function N(o, i) {
+  const a = o.map((l) => l.header).join(","), n = i.map(
+    (l) => o.map((t) => {
+      const d = l.cells[t.id];
+      return `"${(typeof d == "string" || typeof d == "number" ? String(d) : "").replaceAll('"', '""')}"`;
+    }).join(",")
+  );
+  return [a, ...n].join(`
+`);
+}
+function S(o, i, a) {
+  const n = new Blob([N(i, a)], { type: "text/csv;charset=utf-8" }), l = URL.createObjectURL(n), t = document.createElement("a");
+  t.href = l, t.download = `${o.replaceAll(/\s+/g, "-").toLowerCase()}.csv`, t.click(), URL.revokeObjectURL(l);
+}
+const O = f(
+  "IrisChatArtifact",
+  ({ className: o, title: i, columns: a, rows: n, onDownload: l, onMore: t }, d) => {
+    const { t: c } = I(), m = () => {
+      S(i, a, n), l?.();
+    }, g = () => {
+      navigator.clipboard?.writeText(N(a, n)).catch(() => {
+      }), t?.();
+    };
+    return /* @__PURE__ */ r(
+      "section",
+      {
+        ref: d,
+        "data-component": "iris-chat-artifact",
+        className: u("min-w-0 w-full max-w-full overflow-hidden rounded-xl border border-stroke-subtle", o),
+        children: [
+          /* @__PURE__ */ r("header", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
+            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-content", children: i }),
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(x, { label: c("irisChat.download"), children: /* @__PURE__ */ e(
+                b,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "iconSm",
+                  "aria-label": c("irisChat.download"),
+                  onClick: m,
+                  children: /* @__PURE__ */ e(y, { size: 16 })
+                }
+              ) }),
+              /* @__PURE__ */ r(w, { children: [
+                /* @__PURE__ */ e(x, { label: c("irisChat.moreActions"), children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
+                  b,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    "aria-label": c("irisChat.moreActions"),
+                    children: /* @__PURE__ */ e(v, { size: 16 })
+                  }
+                ) }) }),
+                /* @__PURE__ */ r(k, { align: "end", children: [
+                  /* @__PURE__ */ e(p, { onSelect: g, children: c("irisChat.copy") }),
+                  /* @__PURE__ */ e(p, { onSelect: m, children: c("irisChat.download") })
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full table-fixed border-t border-stroke-subtle text-sm", children: [
+            /* @__PURE__ */ e("thead", { className: "bg-secondary", children: /* @__PURE__ */ r("tr", { children: [
+              /* @__PURE__ */ e("th", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ e("span", { className: "sr-only", children: c("aria.toggleSelection") }) }),
+              a.map((s) => /* @__PURE__ */ e(
+                "th",
+                {
+                  className: "px-3 py-2 text-start font-medium text-content",
+                  children: s.header
+                },
+                s.id
+              ))
+            ] }) }),
+            /* @__PURE__ */ e("tbody", { children: n.map((s) => /* @__PURE__ */ r("tr", { className: "border-t border-stroke-subtle", children: [
+              /* @__PURE__ */ e("td", { className: "px-3 py-2", children: /* @__PURE__ */ e(C, { "aria-label": s.id }) }),
+              a.map((h) => /* @__PURE__ */ e("td", { className: "px-3 py-2 text-content", children: s.cells[h.id] }, h.id))
+            ] }, s.id)) })
+          ] }) })
+        ]
+      }
+    );
+  }
+), $ = f(
+  "IrisChatScenario",
+  ({ className: o, title: i, rows: a, notes: n }, l) => /* @__PURE__ */ r(
+    "section",
+    {
+      ref: l,
+      "data-component": "iris-chat-scenario",
+      className: u("flex flex-col gap-2 rounded-xl bg-secondary p-3", o),
+      children: [
+        /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-content", children: i }),
+        a.length > 0 ? /* @__PURE__ */ e("dl", { className: "flex flex-col gap-2", children: a.map((t) => /* @__PURE__ */ r(
+          "div",
+          {
+            className: "flex items-center justify-between rounded-lg border border-stroke-subtle px-3 py-2 text-sm",
+            children: [
+              /* @__PURE__ */ e("dt", { className: "text-content-secondary", children: t.label }),
+              /* @__PURE__ */ e("dd", { className: "font-medium text-content", children: t.value })
+            ]
+          },
+          t.label
+        )) }) : null,
+        n?.length ? /* @__PURE__ */ e("ul", { className: "flex flex-col gap-1 text-sm text-content", children: n.map((t) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "text-brand", children: "✓" }),
+          t
+        ] }, t)) }) : null
+      ]
+    }
+  )
+);
+export {
+  O as IrisChatArtifact,
+  $ as IrisChatScenario
+};

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

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