@factorialco/f0-react 11.3.2 → 11.5.0

package/dist/{DocumentToolbar-C6ekCg3O.js → DocumentToolbar-C8mxENP5.js}

@@ -1,8 +1,8 @@
-import { rn as e } from "./popover-CL68oVjH.js";
-import { ks as t } from "./F0CanvasPanel-B32rehGP.js";
-import { W as n } from "./useData-B6HLHEev.js";
-import { dr as r, t as i } from "./F0Select-qAx5mUYo.js";
-import { a, c as o, i as s, l as c, o as l, r as u, s as d } from "./F0DocumentViewer-Cn2pOQWT.js";
+import { rn as e } from "./popover-DDzOLSXr.js";
+import { ks as t } from "./F0CanvasPanel-BM8XJQxg.js";
+import { K as n } from "./useData-Dics8Os6.js";
+import { dr as r, t as i } from "./F0Select-i2dNQl-o.js";
+import { a, c as o, i as s, l as c, o as l, r as u, s as d } from "./F0DocumentViewer-2l2m-eh2.js";
 import { useCallback as f, useMemo as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/addons/documents/F0DocumentViewer/components/DocumentToolbar.tsx

package/dist/{DocxViewer-DK1PJbne.js → DocxViewer-DrVcTEmI.js}

@@ -1,6 +1,6 @@
-import { ln as e, rn as t } from "./popover-CL68oVjH.js";
+import { ln as e, rn as t } from "./popover-DDzOLSXr.js";
 import { t as n } from "./renderDocx-_UmnE-yc.js";
-import { n as r, t as i } from "./DocumentToolbar-C6ekCg3O.js";
+import { n as r, t as i } from "./DocumentToolbar-C8mxENP5.js";
 import { useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/addons/documents/F0DocumentViewer/components/DocxViewer.tsx

package/dist/{F0AiProcessingOverlay-CwGo_ANz.js → F0AiProcessingOverlay-Ce8D6iy4.js}

@@ -1,11 +1,11 @@
-import { Ht as e, Mt as t, Zn as n, _t as r, a as i, ar as a, b as o, gn as s, hn as c, i as l, in as u, ln as d, n as f, rn as p, rr as m, t as h, un as g, vt as _, yt as v } from "./popover-CL68oVjH.js";
+import { Ht as e, Mt as t, Zn as n, _t as r, a as i, ar as a, b as o, gn as s, hn as c, i as l, in as u, ln as d, n as f, rn as p, rr as m, t as h, un as g, vt as _, yt as v } from "./popover-DDzOLSXr.js";
 import { L as y, R as b } from "./tooltip-BX4dSfeL.js";
-import { n as x, r as S } from "./F0Text-CxMxdCn2.js";
-import { $ as C, At as w, B as T, C as E, Co as D, Ct as O, Ds as ee, Et as k, F as A, Gr as j, H as M, I as N, Ir as P, Jn as F, Kr as te, N as ne, Ns as re, Nt as I, Ot as ie, P as L, Q as ae, Qr as R, Ro as z, Rt as oe, S as se, So as ce, St as le, T as ue, Ua as de, Uo as fe, Ur as pe, V as me, Vo as he, Wr as ge, Xa as _e, Xo as ve, Xr as ye, a as be, bo as xe, bt as Se, d as Ce, dt as we, ei as Te, eo as Ee, er as De, g as Oe, h as ke, i as Ae, ir as je, jo as Me, ka as Ne, ks as B, l as Pe, lc as Fe, lt as Ie, m as Le, ma as Re, mo as ze, mr as Be, mt as Ve, no as He, nt as Ue, o as We, ot as Ge, pa as Ke, pr as qe, r as Je, ro as Ye, rt as Xe, st as Ze, to as Qe, ts as $e, tt as et, u as tt, uc as nt, ut as rt, va as it, vo as at, w as ot, x as st, xt as ct, yt as lt, z as V, za as ut, zi as dt } from "./F0CanvasPanel-B32rehGP.js";
-import { t as ft } from "./i18n-provider-defaults-0FwmF5YL.js";
-import { C as pt, D as mt, F as ht, J as gt, S as _t, V as vt, k as yt, l as bt, q as xt, x as St } from "./useData-B6HLHEev.js";
-import { Dn as Ct, Dr as wt, Er as Tt, Ft as Et, Nr as Dt, On as Ot, Or as kt, Ot as At, _t as jt, cn as Mt, ct as Nt, gt as Pt, ht as Ft, jr as It, nn as Lt, sn as Rt, un as zt } from "./F0Select-qAx5mUYo.js";
-import { n as Bt } from "./dist-B7gjXV8f.js";
+import { n as x, r as S } from "./F0Text-CgSfveNl.js";
+import { $ as C, At as w, B as T, C as E, Co as D, Ct as O, Ds as ee, Et as k, F as A, Gr as j, H as M, I as N, Ir as P, Jn as F, Kr as te, N as ne, Ns as re, Nt as I, Ot as ie, P as L, Q as ae, Qr as R, Ro as z, Rt as oe, S as se, So as ce, St as le, T as ue, Ua as de, Uo as fe, Ur as pe, V as me, Vo as he, Wr as ge, Xa as _e, Xo as ve, Xr as ye, a as be, bo as xe, bt as Se, d as Ce, dt as we, ei as Te, eo as Ee, er as De, g as Oe, h as ke, i as Ae, ir as je, jo as Me, ka as Ne, ks as B, l as Pe, lc as Fe, lt as Ie, m as Le, ma as Re, mo as ze, mr as Be, mt as Ve, no as He, nt as Ue, o as We, ot as Ge, pa as Ke, pr as qe, r as Je, ro as Ye, rt as Xe, st as Ze, to as Qe, ts as $e, tt as et, u as tt, uc as nt, ut as rt, va as it, vo as at, w as ot, x as st, xt as ct, yt as lt, z as V, za as ut, zi as dt } from "./F0CanvasPanel-BM8XJQxg.js";
+import { t as ft } from "./i18n-provider-defaults-DuEbMwBE.js";
+import { C as pt, D as mt, F as ht, S as gt, U as _t, X as vt, Y as yt, k as bt, l as xt, x as St } from "./useData-Dics8Os6.js";
+import { Dn as Ct, Dr as wt, Er as Tt, Ft as Et, Nr as Dt, On as Ot, Or as kt, Ot as At, _t as jt, cn as Mt, ct as Nt, gt as Pt, ht as Ft, jr as It, nn as Lt, sn as Rt, un as zt } from "./F0Select-i2dNQl-o.js";
+import { n as Bt } from "./dist-CMwSnU0b.js";
 import { createContext as Vt, createElement as Ht, forwardRef as H, memo as Ut, useCallback as U, useContext as Wt, useEffect as W, useId as Gt, useInsertionEffect as Kt, useLayoutEffect as qt, useMemo as G, useRef as K, useState as q } from "react";
 import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 import { createPortal as Jt } from "react-dom";
@@ -24,6 +24,7 @@ var Zt = [
 	"inProgress",
 	"executing",
 	"writing",
+	"asking",
 	"completed"
 ], Qt = [
 	"xs",
@@ -284,7 +285,7 @@ var on = 14, sn = 2.31, cn = ({ percentage: e, tone: t }) => {
 				label: s.ai.addToConversation,
 				hideLabel: !0,
 				type: "button",
-				icon: gt,
+				icon: vt,
 				variant: "outline",
 				size: "md",
 				pressed: c,
@@ -1369,7 +1370,7 @@ function sr({ id: e, label: t }) {
 				label: i.t("ai.entityRef.requisition.lineManager"),
 				value: /* @__PURE__ */ X("div", {
 					className: "flex items-center gap-1.5 pt-1",
-					children: [/* @__PURE__ */ Y(_t, {
+					children: [/* @__PURE__ */ Y(gt, {
 						firstName: e.lineManager.firstName,
 						lastName: e.lineManager.lastName,
 						src: e.lineManager.avatarUrl,
@@ -2672,7 +2673,7 @@ var Ji = {
 		lastTurnRef: re,
 		turnsCount: e.length,
 		freezeTurnMinHeight: v
-	}), R = e[e.length - 1], z = Ki(!(!R || R.endIndicator !== "thinking" && !R.thinking?.inProgress), R?.thinking?.startedAt), oe = (t, n) => {
+	}), R = e[e.length - 1], z = Ki(!(!R || R.endIndicator !== "thinking" && !R.thinking?.inProgress), R?.thinking?.startedAt), oe = R?.endIndicator === "asking", se = (t, n) => {
 		let r = n === e.length - 1, i = {
 			renderToolCall: u,
 			onReplyQuote: d,
@@ -2732,7 +2733,11 @@ var Ji = {
 					suffix: /* @__PURE__ */ Y(Pi, { startedAt: z })
 				}) : null,
 				t.endIndicator === "activity" ? /* @__PURE__ */ Y(I, { status: "writing" }) : null,
-				t.feedback ? /* @__PURE__ */ Y(Ai, {
+				t.endIndicator === "asking" ? /* @__PURE__ */ Y(I, {
+					title: k.ai.askingQuestions,
+					status: "asking"
+				}) : null,
+				t.feedback && t.endIndicator !== "asking" ? /* @__PURE__ */ Y(Ai, {
 					content: t.feedback.content,
 					targetMessage: t.feedback.targetMessage,
 					onCopy: E
@@ -2743,65 +2748,73 @@ var Ji = {
 	};
 	return /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", {
 		className: "relative flex flex-1 flex-col overflow-hidden",
-		children: [/* @__PURE__ */ Y("div", {
-			ref: P,
-			className: y("flex-1 overflow-y-scroll", "[scrollbar-width:thin] [scrollbar-color:transparent_transparent]", "hover:[scrollbar-color:var(--scrollbar-thumb)_transparent]", "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-transparent", "hover:[&::-webkit-scrollbar-thumb]:bg-f1-background-inverse/30"),
-			children: /* @__PURE__ */ X("div", {
-				ref: F,
-				className: "flex min-h-full flex-col items-center px-4 pt-4 pb-[calc(1rem+var(--f0-ai-composer-overlap,0px))]",
-				children: [
-					/* @__PURE__ */ X("div", {
-						className: y(N ? "flex flex-1" : "flex flex-col gap-6", "w-full max-w-content"),
-						children: [
-							t ? /* @__PURE__ */ Y(Qi, {}) : null,
-							N ? /* @__PURE__ */ Y(Gi, {
-								messages: M,
-								caption: a,
-								subtitle: o,
-								cta: c,
-								onClick: l,
-								fullscreen: x
-							}) : null,
-							t ? null : e.map((e, t) => oe(e, t)),
-							r
-						]
-					}),
-					/* @__PURE__ */ Y("div", {
-						ref: ne,
-						className: "h-px shrink-0",
-						"aria-hidden": !0
-					}),
-					/* @__PURE__ */ Y("footer", {
-						className: "copilotKitMessagesFooter",
-						ref: te,
-						children: S
-					}),
-					/* @__PURE__ */ Y(n, { children: ie ? /* @__PURE__ */ Y(s.div, {
-						className: "sticky bottom-[calc(0.5rem+var(--f0-ai-composer-overlap,0px))] z-10 flex justify-center",
-						initial: {
-							opacity: 0,
-							scale: .8
-						},
-						animate: {
-							opacity: 1,
-							scale: 1
-						},
-						exit: {
-							opacity: 0,
-							scale: .8
-						},
-						transition: { duration: .2 },
-						children: /* @__PURE__ */ Y(_, {
-							onClick: () => ae(),
-							label: k.ai.scrollToBottom,
-							variant: "neutral",
-							icon: Dt,
-							hideLabel: !0
-						})
-					}) : null })
-				]
-			})
-		}), !b && !N ? /* @__PURE__ */ Y(Je, { position: "top" }, "shadow-top") : null]
+		children: [
+			/* @__PURE__ */ Y("div", {
+				role: "status",
+				className: "sr-only",
+				children: oe ? k.ai.askingQuestions : ""
+			}),
+			/* @__PURE__ */ Y("div", {
+				ref: P,
+				className: y("flex-1 overflow-y-scroll", "[scrollbar-width:thin] [scrollbar-color:transparent_transparent]", "hover:[scrollbar-color:var(--scrollbar-thumb)_transparent]", "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-transparent", "hover:[&::-webkit-scrollbar-thumb]:bg-f1-background-inverse/30"),
+				children: /* @__PURE__ */ X("div", {
+					ref: F,
+					className: "flex min-h-full flex-col items-center px-4 pb-[calc(1rem+var(--f0-ai-composer-overlap,0px))] pt-4",
+					children: [
+						/* @__PURE__ */ X("div", {
+							className: y(N ? "flex flex-1" : "flex flex-col gap-6", "w-full max-w-content"),
+							children: [
+								t ? /* @__PURE__ */ Y(Qi, {}) : null,
+								N ? /* @__PURE__ */ Y(Gi, {
+									messages: M,
+									caption: a,
+									subtitle: o,
+									cta: c,
+									onClick: l,
+									fullscreen: x
+								}) : null,
+								t ? null : e.map((e, t) => se(e, t)),
+								r
+							]
+						}),
+						/* @__PURE__ */ Y("div", {
+							ref: ne,
+							className: "h-px shrink-0",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ Y("footer", {
+							className: "copilotKitMessagesFooter",
+							ref: te,
+							children: S
+						}),
+						/* @__PURE__ */ Y(n, { children: ie ? /* @__PURE__ */ Y(s.div, {
+							className: "sticky bottom-[calc(0.5rem+var(--f0-ai-composer-overlap,0px))] z-10 flex justify-center",
+							initial: {
+								opacity: 0,
+								scale: .8
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							exit: {
+								opacity: 0,
+								scale: .8
+							},
+							transition: { duration: .2 },
+							children: /* @__PURE__ */ Y(_, {
+								onClick: () => ae(),
+								label: k.ai.scrollToBottom,
+								variant: "neutral",
+								icon: Dt,
+								hideLabel: !0
+							})
+						}) : null })
+					]
+				})
+			}),
+			!b && !N ? /* @__PURE__ */ Y(Je, { position: "top" }, "shadow-top") : null
+		]
 	}), D.isOpen ? /* @__PURE__ */ Y(Ti, {
 		onSubmit: O,
 		onClose: ee,
@@ -4168,13 +4181,13 @@ var vo = ({ text: e, description: t, avatar: n, confirmationText: r, onConfirm:
 	let { label: t } = e;
 	return e.content === "person" ? /* @__PURE__ */ Y(To, {
 		label: t,
-		children: /* @__PURE__ */ Y(_t, {
+		children: /* @__PURE__ */ Y(gt, {
 			firstName: e.avatar.firstName,
 			lastName: e.avatar.lastName,
 			src: e.avatar.src,
 			size: "xs"
 		})
-	}) : e.content === "people" ? /* @__PURE__ */ Y(bt, {
+	}) : e.content === "people" ? /* @__PURE__ */ Y(xt, {
 		type: "person",
 		avatars: e.avatars,
 		size: "md",
@@ -4188,7 +4201,7 @@ var vo = ({ text: e, description: t, avatar: n, confirmationText: r, onConfirm:
 		})
 	}) : e.content === "company" ? /* @__PURE__ */ Y(To, {
 		label: t,
-		children: /* @__PURE__ */ Y(yt, {
+		children: /* @__PURE__ */ Y(bt, {
 			name: e.avatar.name,
 			src: e.avatar.src,
 			size: "xs"
@@ -4543,7 +4556,7 @@ function Jo({ sources: t, title: n }) {
 	if (!t || t.length === 0 || !Array.isArray(t)) return null;
 	let i = n ?? r.ai.resourcesGroupTitle;
 	return /* @__PURE__ */ Y(Go, {
-		icon: vt,
+		icon: _t,
 		title: i,
 		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col gap-1 rounded-lg border border-solid border-f1-border-secondary p-2",
@@ -4675,7 +4688,7 @@ function Zo({ credits: e, trigger: t }) {
 			className: "flex w-[324px] flex-col gap-3 rounded-md border border-solid border-f1-border-secondary p-3",
 			children: [x ? /* @__PURE__ */ X("div", {
 				className: "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden text-left text-lg text-f1-foreground",
-				children: [/* @__PURE__ */ Y(yt, {
+				children: [/* @__PURE__ */ Y(bt, {
 					name: e.companyName ?? "",
 					src: e.companyLogoUrl,
 					size: "lg"
@@ -4877,7 +4890,7 @@ function es({ employeeCredits: e, trigger: t }) {
 			className: "flex w-[324px] flex-col gap-3 rounded-md border border-solid border-f1-border-secondary p-3",
 			children: [g ? /* @__PURE__ */ X("div", {
 				className: "flex min-w-0 max-w-full flex-1 items-center gap-2 overflow-hidden text-left text-lg text-f1-foreground",
-				children: [/* @__PURE__ */ Y(yt, {
+				children: [/* @__PURE__ */ Y(bt, {
 					name: e.companyName ?? "",
 					src: e.companyLogoUrl,
 					size: "lg"
@@ -4966,7 +4979,7 @@ var ts = ({ credits: e, employeeCredits: t, trigger: n }) => t ? /* @__PURE__ */
 						className: "min-w-0 text-left",
 						children: i ?? C.ai.newConversation
 					}), /* @__PURE__ */ Y(u, {
-						icon: xt,
+						icon: yt,
 						color: "default",
 						size: "md"
 					})]
@@ -5155,7 +5168,7 @@ function cs({ label: e, threads: t, pinnedIds: n, onSelect: r, onPin: i, onUnpin
 			className: "text-sm font-medium capitalize tracking-wide text-f1-foreground-secondary",
 			children: e
 		}), /* @__PURE__ */ Y(u, {
-			icon: s ? xt : Tt,
+			icon: s ? yt : Tt,
 			color: "secondary",
 			size: "xs"
 		})]
@@ -5248,7 +5261,7 @@ var ps = ({ onClose: t, onSelectThread: n, onNewChat: r, threads: i, isLoading:
 			children: [/* @__PURE__ */ X("div", {
 				className: "flex flex-shrink-0 items-center gap-2 border-0 border-b border-solid border-f1-border-secondary py-2 pl-5 pr-3",
 				children: [/* @__PURE__ */ Y(u, {
-					icon: vt,
+					icon: _t,
 					color: "secondary",
 					size: "md"
 				}), /* @__PURE__ */ Y("input", {