@epam/ai-dial-conversation-input 1.1.0-dev.177 → 1.1.0-dev.179

package/index.js

@@ -1,12 +1,12 @@
 import { AttachmentErrorReason as e, AttachmentType as t, DeploymentIcon as n, RequestStatus as r, ResponseFormat as i, buildCssVars as a, mergeClasses as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
 import { BASE_ICON_SIZE as c, Button as l, CloseButton as u, DIAL_ICON_SIZE as d, DialDropdownIcon as f, DialRadioGroup as p, DialSearch as m, DialSlider as h, DialTooltip as g, Dropdown as _, ElementSize as v, ErrorText as y, GhostIconButton as b, Highlight as x, Input as S, NeutralButton as C, Popup as w, PopupSize as T, PrimaryButton as E, PrimaryIconButton as D, RadioGroupOrientation as O, Skeleton as k, SkeletonVariant as A, StaticIconButton as j } from "@epam/ai-dial-ui-kit";
-import { IconArrowLeft as M, IconArrowNarrowRight as N, IconCheck as ee, IconChevronDown as P, IconChevronRight as te, IconFile as ne, IconMicrophone as re, IconPaperclip as F, IconPlayerStopFilled as ie, IconPlaystationSquare as ae, IconPlus as oe, IconSettings as se, IconTool as ce, IconX as le } from "@tabler/icons-react";
-import { createPortal as ue } from "react-dom";
-import { createElement as de, memo as I, useCallback as L, useEffect as R, useImperativeHandle as fe, useLayoutEffect as pe, useMemo as z, useRef as B, useState as V } from "react";
+import { IconArrowLeft as ee, IconArrowNarrowRight as M, IconCheck as te, IconChevronDown as N, IconChevronRight as ne, IconFile as re, IconMicrophone as ie, IconPaperclip as ae, IconPlayerStopFilled as oe, IconPlaystationSquare as se, IconPlus as ce, IconPrompt as le, IconSettings as ue, IconTool as de, IconX as P } from "@tabler/icons-react";
+import { createPortal as F } from "react-dom";
+import { createElement as I, memo as fe, useCallback as L, useEffect as R, useImperativeHandle as pe, useLayoutEffect as me, useMemo as z, useRef as B, useState as V } from "react";
 import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { AttachmentCard as me, AttachmentGroup as G, AttachmentTray as he, AttachmentTray as ge, FileDndOverlay as _e, MAX_UPLOADS_PER_MINUTE as ve, generateAttachmentId as ye, getAttachmentIcon as be, useClipboardPaste as xe } from "@epam/ai-dial-attachment-input";
+import { AttachmentCard as he, AttachmentGroup as ge, AttachmentTray as _e, AttachmentTray as ve, FileDndOverlay as ye, MAX_UPLOADS_PER_MINUTE as be, generateAttachmentId as xe, getAttachmentIcon as Se, useClipboardPaste as Ce } from "@epam/ai-dial-attachment-input";
 //#region src/hooks/useBottomSheet.ts
-var Se = (e, t) => {
+var we = (e, t) => {
 	R(() => {
 		if (!e) return;
 		let n = (e) => {
@@ -18,22 +18,22 @@ var Se = (e, t) => {
 			document.body.style.overflow = "";
 		};
 	}, [e]);
-}, Ce = {
+}, Te = {
 	backdrop: "_backdrop_1d50f_9",
 	sheet: "_sheet_1d50f_13",
 	"slide-up": "_slide-up_1d50f_1",
 	title: "_title_1d50f_18",
 	divider: "_divider_1d50f_22"
-}, K = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: h }) => {
-	if (Se(e, r), !e || typeof document > "u") return null;
+}, G = ({ isOpen: e, title: t, closeLabel: n, onClose: r, onBack: i, backLabel: s, "aria-label": c, style: l, titleClassName: f = "dial-body-semi-text", className: p, colors: m, children: h }) => {
+	if (we(e, r), !e || typeof document > "u") return null;
 	let g = a({
 		"--ci-backdrop": m?.backdrop,
 		"--ci-sheet-bg": m?.sheetBg,
 		"--ci-sheet-text": m?.sheetText,
 		"--ci-sheet-divider": m?.divider
 	});
-	return ue(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
-		className: o(Ce.backdrop, "fixed inset-0 z-[55]"),
+	return F(/* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
+		className: o(Te.backdrop, "fixed inset-0 z-[55]"),
 		style: g,
 		onPointerDown: r,
 		"aria-hidden": !0
@@ -45,14 +45,14 @@ var Se = (e, t) => {
 			...g,
 			...l
 		},
-		className: o(Ce.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", p),
+		className: o(Te.sheet, "fixed inset-x-0 bottom-0 z-[60] flex max-h-[85dvh] flex-col rounded-t-lg", p),
 		children: [t != null && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W("div", {
 			className: "relative flex h-[60px] flex-shrink-0 items-center justify-center px-4",
 			children: [
 				i && /* @__PURE__ */ U("div", {
 					className: "absolute start-4",
 					children: /* @__PURE__ */ U(b, {
-						icon: /* @__PURE__ */ U(M, {
+						icon: /* @__PURE__ */ U(ee, {
 							size: d.LG,
 							stroke: 1.5,
 							className: "rtl:scale-x-[-1]"
@@ -62,7 +62,7 @@ var Se = (e, t) => {
 					})
 				}),
 				/* @__PURE__ */ U("span", {
-					className: o(Ce.title, f),
+					className: o(Te.title, f),
 					children: t
 				}),
 				/* @__PURE__ */ U("div", {
@@ -74,16 +74,16 @@ var Se = (e, t) => {
 					})
 				})
 			]
-		}), /* @__PURE__ */ U("div", { className: o(Ce.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ U("div", {
+		}), /* @__PURE__ */ U("div", { className: o(Te.divider, "h-px flex-shrink-0") })] }), /* @__PURE__ */ U("div", {
 			className: "overflow-y-auto",
 			children: h
 		})]
 	})] }), document.body);
-}, we = async (e, t, n) => {
+}, Ee = async (e, t, n) => {
 	let r = 6e4 / t, i = [];
 	for (let t = 0; t < e.length; t++) t > 0 && await new Promise((e) => setTimeout(e, r)), i.push(n(e[t]));
 	await Promise.allSettled(i);
-}, Te = ({ initialAttachments: n, onUploadAttachment: i, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
+}, De = ({ initialAttachments: n, onUploadAttachment: i, onAttachmentsChange: a, validateAttachment: o, pendingDropFiles: s, onDropFilesConsumed: c, pendingAttachments: l, onPendingAttachmentsConsumed: u, onExpandPastedText: d, maximumAttachmentsAmount: f, baseAttachmentsAmount: p = 0, onAttachmentsLimitExceeded: m }) => {
 	let [h, g] = V(n), _ = B(h);
 	R(() => {
 		_.current = h;
@@ -95,7 +95,7 @@ var Se = (e, t) => {
 	let v = L((e) => e.map((e) => {
 		let n = e.type.startsWith("image/"), i = e.type.startsWith("audio/"), a = n ? URL.createObjectURL(e) : void 0, o = i ? URL.createObjectURL(e) : void 0;
 		return {
-			id: ye(),
+			id: xe(),
 			name: e.name,
 			contentType: e.type,
 			file: e,
@@ -166,7 +166,7 @@ var Se = (e, t) => {
 						status: r.Error,
 						errorReason: n
 					} : e));
-				}), we(e, ve, C);
+				}), Ee(e, be, C);
 			}
 		}
 	}, [
@@ -245,7 +245,7 @@ var Se = (e, t) => {
 		]),
 		hasBlockedAttachments: h.some((e) => e.status === r.Loading || e.status === r.Error)
 	};
-}, Ee = (e, t) => {
+}, Oe = (e, t) => {
 	let [n, r] = V(e), [i, a] = V(!1), [o, s] = V(0);
 	return R(() => {
 		if (e) {
@@ -263,12 +263,12 @@ var Se = (e, t) => {
 		isExiting: i,
 		instanceKey: o
 	};
-}, De = (e, t) => !e.slice(0, t).includes("\n"), Oe = (e, t) => !e.slice(t).includes("\n"), ke = (e) => {
+}, ke = (e, t) => !e.slice(0, t).includes("\n"), Ae = (e, t) => !e.slice(t).includes("\n"), je = (e) => {
 	let t = B(e);
 	t.current = e;
 	let n = B(-1), r = B(""), i = L((e, i, a) => {
 		let o = t.current;
-		return !o || o.length === 0 ? null : e === "up" ? !De(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Oe(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
+		return !o || o.length === 0 ? null : e === "up" ? !ke(i, a) || n.current === 0 ? null : (n.current === -1 ? (r.current = i, n.current = o.length - 1) : --n.current, o[n.current]) : n.current === -1 || !Ae(i, a) ? null : n.current < o.length - 1 ? (n.current += 1, o[n.current]) : (n.current = -1, r.current);
 	}, []), a = L(() => {
 		n.current = -1, r.current = "";
 	}, []), o = L(() => {
@@ -283,13 +283,13 @@ var Se = (e, t) => {
 		a,
 		o
 	]);
-}, Ae = ({ messageProp: e, messageRevision: t }) => {
+}, Me = ({ messageProp: e, messageRevision: t }) => {
 	let [n, r] = V(e), i = B(null), a = B(0), [o, s] = V(!1);
 	return R(() => {
 		r(e);
 	}, [e, t]), R(() => {
 		i.current && (a.current = i.current.offsetHeight);
-	}, []), pe(() => {
+	}, []), me(() => {
 		if (!i.current || a.current === 0) return;
 		let e = i.current.offsetHeight > a.current;
 		s((t) => e ? !0 : n === "" ? !1 : t);
@@ -299,13 +299,13 @@ var Se = (e, t) => {
 		textareaRef: i,
 		isMultiLine: o
 	};
-}, je = /* @__PURE__ */ function(e) {
+}, Ne = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Recording = "recording", e.Error = "error", e;
-}({}), Me = [
+}({}), Pe = [
 	"audio/webm;codecs=opus",
 	"audio/ogg;codecs=opus",
 	"audio/webm"
-], Ne = () => Me.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Pe = ({ onAttachAudio: e }) => {
+], Fe = () => Pe.find((e) => MediaRecorder.isTypeSupported(e)) ?? "", Ie = ({ onAttachAudio: e }) => {
 	let [t, n] = V("idle"), [r, i] = V(null), a = B(null), o = B(null), s = B(null), c = B(null), l = B([]), u = B(""), d = B(e);
 	d.current = e;
 	let f = L(() => {
@@ -319,7 +319,7 @@ var Se = (e, t) => {
 				o.current = t;
 				let r = t.createAnalyser();
 				r.fftSize = 256, s.current = r, t.createMediaStreamSource(e).connect(r);
-				let i = Ne();
+				let i = Fe();
 				u.current = i, l.current = [];
 				let d = new MediaRecorder(e, i ? { mimeType: i } : void 0);
 				c.current = d, d.ondataavailable = (e) => {
@@ -349,12 +349,12 @@ var Se = (e, t) => {
 		stopRecording: m,
 		discardRecording: h
 	};
-}, Fe = /* @__PURE__ */ function(e) {
+}, Le = /* @__PURE__ */ function(e) {
 	return e.Enter = "enter", e.MetaEnter = "meta-enter", e;
-}({}), Ie = {
+}({}), Re = {
 	item: "_item_5iycw_1",
 	itemIcon: "_itemIcon_5iycw_11"
-}, Le = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: s, className: c, titleClassName: u = "dial-body-semi-text", itemLabelClassName: d = "dial-small-text", btnTextClassName: f = "", colors: p }) => {
+}, ze = ({ isOpen: e, title: t, closeLabel: n, onClose: r, style: i, items: s, className: c, titleClassName: u = "dial-body-semi-text", itemLabelClassName: d = "dial-small-text", btnTextClassName: f = "", colors: p }) => {
 	let m = (e) => {
 		e(), r();
 	}, h = a({
@@ -363,7 +363,7 @@ var Se = (e, t) => {
 		"--ci-sheet-item-active": p?.itemActiveBg,
 		"--ci-sheet-icon": p?.itemIcon
 	});
-	return /* @__PURE__ */ U(K, {
+	return /* @__PURE__ */ U(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -378,9 +378,9 @@ var Se = (e, t) => {
 			style: h,
 			children: s.map(({ key: e, label: t, icon: n, iconAfter: r, onClick: i }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(l, {
 				type: "button",
-				className: o(Ie.item, "w-full gap-3 px-4 py-[10px] text-start"),
+				className: o(Re.item, "w-full gap-3 px-4 py-[10px] text-start"),
 				iconBefore: /* @__PURE__ */ U("span", {
-					className: Ie.itemIcon,
+					className: Re.itemIcon,
 					children: n
 				}),
 				iconAfter: r ? /* @__PURE__ */ U("span", {
@@ -396,7 +396,7 @@ var Se = (e, t) => {
 			}) }, e))
 		})
 	});
-}, Re = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
+}, Be = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, isOpen: o }) => {
 	let [s, c] = V(t), [l, u] = V(n), [d, f] = V(r), p = B(o);
 	R(() => {
 		o && !p.current && (c(t), u(n), f(r)), p.current = o;
@@ -429,12 +429,12 @@ var Se = (e, t) => {
 			a
 		])
 	};
-}, ze = { label: "_label_14i7c_1" }, Be = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: v = "Temperature", temperatureLabels: y = [
+}, Ve = { label: "_label_14i7c_1" }, He = ({ features: e, responseFormat: t, systemPrompt: n, temperature: r, onResponseFormatChange: s, onSystemPromptChange: c, onTemperatureChange: l, responseFormatLabel: u = "Response format", responseFormatHint: d = "Applies to new and existing messages", responseFormatMarkdownLabel: f = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: g = "System prompt", systemPromptTooltip: _ = "Enter a prompt", temperatureLabel: v = "Temperature", temperatureLabels: y = [
 	"Precise",
 	"Neutral",
 	"Creative"
 ], temperatureHint: b, labelClassName: x = "!dial-small-semi-text", colors: C }) => {
-	let w = a({ "--csf-label-text": C?.labelText }), T = o(x, ze.label, "gap-1");
+	let w = a({ "--csf-label-text": C?.labelText }), T = o(x, Ve.label, "gap-1");
 	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-4 px-6 py-3",
 		style: w,
@@ -479,8 +479,8 @@ var Se = (e, t) => {
 			})
 		]
 	});
-}, Ve = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: _, systemPromptLabel: v, systemPromptTooltip: y, temperatureLabel: b, temperatureLabels: x, temperatureHint: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
-	let { responseFormat: T, systemPrompt: D, temperature: O, canSubmit: k, setResponseFormat: A, setSystemPrompt: j, setTemperature: M, handleSubmit: N } = Re({
+}, Ue = ({ isOpen: e, onBack: t, backLabel: n, onClose: r, closeLabel: i, style: a, features: s, initialResponseFormat: c, initialSystemPrompt: l, initialTemperature: u, onSave: d, title: f = "Chat settings", responseFormatLabel: p, responseFormatHint: m, responseFormatMarkdownLabel: h, responseFormatPlainTextLabel: _, systemPromptLabel: v, systemPromptTooltip: y, temperatureLabel: b, temperatureLabels: x, temperatureHint: S, saveLabel: C = "Apply changes", saveDisabledTooltip: w }) => {
+	let { responseFormat: T, systemPrompt: D, temperature: O, canSubmit: k, setResponseFormat: A, setSystemPrompt: j, setTemperature: ee, handleSubmit: M } = Be({
 		isOpen: e,
 		features: s,
 		initialResponseFormat: c,
@@ -489,7 +489,7 @@ var Se = (e, t) => {
 		onSave: d,
 		onClose: r
 	});
-	return /* @__PURE__ */ W(K, {
+	return /* @__PURE__ */ W(G, {
 		isOpen: e,
 		title: f,
 		closeLabel: i,
@@ -497,14 +497,14 @@ var Se = (e, t) => {
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ U(Be, {
+		children: [/* @__PURE__ */ U(He, {
 			features: s,
 			responseFormat: T,
 			systemPrompt: D,
 			temperature: O,
 			onResponseFormatChange: A,
 			onSystemPromptChange: j,
-			onTemperatureChange: M,
+			onTemperatureChange: ee,
 			responseFormatLabel: p,
 			responseFormatHint: m,
 			responseFormatMarkdownLabel: h,
@@ -522,15 +522,15 @@ var Se = (e, t) => {
 				triggerClassName: "w-full",
 				children: /* @__PURE__ */ U(E, {
 					label: C,
-					onClick: N,
+					onClick: M,
 					disabled: !k,
 					className: "w-full"
 				})
 			})
 		})]
 	});
-}, He = { modal: "_modal_od073_1" }, Ue = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = He.modal }) => {
-	let { responseFormat: b, systemPrompt: x, temperature: S, canSubmit: C, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = Re({
+}, We = { modal: "_modal_od073_1" }, Ge = ({ features: e, initialResponseFormat: t, initialSystemPrompt: n, initialTemperature: r, onSave: i, onClose: a, title: o = "Chat settings", responseFormatLabel: s, responseFormatHint: c, responseFormatMarkdownLabel: l, responseFormatPlainTextLabel: u, systemPromptLabel: d, systemPromptTooltip: f, temperatureLabel: p, temperatureLabels: m, temperatureHint: h, saveLabel: _ = "Apply changes", saveDisabledTooltip: v, backgroundClassName: y = We.modal }) => {
+	let { responseFormat: b, systemPrompt: x, temperature: S, canSubmit: C, setResponseFormat: D, setSystemPrompt: O, setTemperature: k, handleSubmit: A } = Be({
 		features: e,
 		initialResponseFormat: t,
 		initialSystemPrompt: n,
@@ -556,7 +556,7 @@ var Se = (e, t) => {
 				})
 			})
 		}),
-		children: /* @__PURE__ */ U(Be, {
+		children: /* @__PURE__ */ U(He, {
 			features: e,
 			responseFormat: b,
 			systemPrompt: x,
@@ -576,11 +576,11 @@ var Se = (e, t) => {
 		})
 	});
 };
-I(Ue);
-var We = {
+fe(Ge);
+var Ke = {
 	icon: "_icon_1fv6z_1",
 	selectedIcon: "_selectedIcon_1fv6z_5"
-}, Ge = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: f, itemLabelClassName: p = "dial-small-text", colors: m }) => /* @__PURE__ */ U(K, {
+}, qe = ({ isOpen: e, onBack: t, backLabel: n = "Back", onClose: r, closeLabel: i = "Close", style: s, title: u = "Tools", items: d, onToolToggle: f, itemLabelClassName: p = "dial-small-text", colors: m }) => /* @__PURE__ */ U(G, {
 	isOpen: e,
 	title: u,
 	closeLabel: i,
@@ -603,12 +603,12 @@ var We = {
 				"aria-checked": e.isSelected,
 				className: "w-full gap-3 px-4 py-[10px] text-start",
 				iconBefore: /* @__PURE__ */ U("span", {
-					className: o("flex items-center", We.icon),
+					className: o("flex items-center", Ke.icon),
 					children: e.icon
 				}),
 				iconAfter: e.isSelected ? /* @__PURE__ */ U("span", {
-					className: o("ms-auto", We.selectedIcon),
-					children: /* @__PURE__ */ U(ee, {
+					className: o("ms-auto", Ke.selectedIcon),
+					children: /* @__PURE__ */ U(te, {
 						size: c,
 						"aria-hidden": !0
 					})
@@ -621,102 +621,142 @@ var We = {
 			})
 		}, e.id))
 	})
-}), Ke = {
+}), K = {
 	selectedToolIcon: "_selectedToolIcon_r268y_1",
 	toolIcon: "_toolIcon_r268y_5",
 	chevronIcon: "_chevronIcon_r268y_9"
-}, qe = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: p = !1, chatSettings: m, extraMenuItems: h, toolsMenuItems: g = [], onToolToggle: y, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", colors: C }) => {
-	let w = s(), [T, E] = V(!1), [D, O] = V(!1), [k, A] = V(!1), j = z(() => a({
-		"--aab-selected-tool-icon": C?.selectedToolIcon,
-		"--aab-tool-icon": C?.toolIcon,
-		"--aab-chevron-icon": C?.chevronIcon
+}, Je = ({ onAttachClick: e, attachLabel: t, addMenuTitle: n, menuTitle: r, menuCloseLabel: l, style: u, listClassName: f = "w-[240px]", isDisabled: p = !1, chatSettings: m, extraMenuItems: h, toolsMenuItems: g = [], onToolToggle: y, toolsMenuTitle: x = "Tools", toolsBackLabel: S = "Back", promptsMenuOverlay: C, promptsMenuTitle: w = "Prompts", promptsBackLabel: T = "Back", colors: E }) => {
+	let D = s(), [O, k] = V(!1), [A, j] = V(!1), [ee, M] = V(!1), [N, re] = V(!1), [ie, oe] = V(!1), [se, P] = V(!1), F = z(() => a({
+		"--aab-selected-tool-icon": E?.selectedToolIcon,
+		"--aab-tool-icon": E?.toolIcon,
+		"--aab-chevron-icon": E?.chevronIcon
 	}), [
-		C?.selectedToolIcon,
-		C?.toolIcon,
-		C?.chevronIcon
-	]), M = g.length > 0 && y != null, N = z(() => g.map((e) => ({
+		E?.selectedToolIcon,
+		E?.toolIcon,
+		E?.chevronIcon
+	]), I = g.length > 0 && y != null, fe = z(() => g.map((e) => ({
 		key: e.id,
 		label: /* @__PURE__ */ W("span", {
 			className: "flex flex-1 items-center gap-2",
 			children: [/* @__PURE__ */ U("span", {
 				className: "flex-1",
 				children: e.label
-			}), e.isSelected && /* @__PURE__ */ U(ee, {
+			}), e.isSelected && /* @__PURE__ */ U(te, {
 				size: c,
-				style: j,
-				className: Ke.selectedToolIcon,
+				style: F,
+				className: K.selectedToolIcon,
 				"aria-hidden": !0
 			})]
 		}),
 		icon: /* @__PURE__ */ U("span", {
-			style: j,
-			className: o("flex items-center", Ke.toolIcon),
+			style: F,
+			className: o("flex items-center", K.toolIcon),
 			children: e.icon
 		}),
 		onClick: () => y?.(e.id)
 	})), [
 		g,
 		y,
-		j
-	]), P = z(() => [
+		F
+	]), L = z(() => [
 		...e == null ? [] : [{
 			key: "attach",
 			label: t,
-			icon: /* @__PURE__ */ U(F, {
+			icon: /* @__PURE__ */ U(ae, {
 				size: c,
 				"aria-hidden": !0
 			}),
 			onClick: e
 		}],
 		...h ?? [],
-		...M ? [{
+		...I ? [{
 			key: "tools",
 			label: x,
-			icon: /* @__PURE__ */ U(ce, {
+			icon: /* @__PURE__ */ U(de, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			onClick: w ? () => {
-				A(!0), E(!1);
+			onClick: D ? () => {
+				M(!0), k(!1);
 			} : () => void 0,
-			...w ? { iconAfter: /* @__PURE__ */ U(te, {
+			...D ? { iconAfter: /* @__PURE__ */ U(ne, {
 				size: c,
 				stroke: 1.5,
-				style: j,
-				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
+				style: F,
+				className: o("rtl:scale-x-[-1]", K.chevronIcon),
 				"aria-hidden": !0
-			}) } : { children: N }
+			}) } : { children: fe }
 		}] : [],
+		...C == null ? [] : [{
+			key: "prompts",
+			label: w,
+			icon: /* @__PURE__ */ U(le, {
+				size: c,
+				"aria-hidden": !0
+			}),
+			onClick: D ? () => {
+				re(!0), k(!1);
+			} : () => {
+				oe(!1), P(!0);
+			},
+			iconAfter: D ? /* @__PURE__ */ U(ne, {
+				size: c,
+				stroke: 1.5,
+				style: F,
+				className: o("rtl:scale-x-[-1]", K.chevronIcon),
+				"aria-hidden": !0
+			}) : null
+		}],
 		...m == null ? [] : [{
 			key: "chat-settings",
 			label: m.menuItemLabel ?? "Chat settings",
-			icon: /* @__PURE__ */ U(se, {
+			icon: /* @__PURE__ */ U(ue, {
 				size: c,
 				"aria-hidden": !0
 			}),
-			iconAfter: w ? /* @__PURE__ */ U(te, {
+			iconAfter: D ? /* @__PURE__ */ U(ne, {
 				size: c,
 				stroke: 1.5,
-				style: j,
-				className: o("rtl:scale-x-[-1]", Ke.chevronIcon),
+				style: F,
+				className: o("rtl:scale-x-[-1]", K.chevronIcon),
 				"aria-hidden": !0
 			}) : null,
-			onClick: () => O(!0)
+			onClick: () => j(!0)
 		}]
 	], [
 		t,
 		e,
 		m,
 		h,
-		w,
-		M,
+		D,
+		I,
 		x,
-		N,
-		j
+		fe,
+		C,
+		w,
+		F
 	]);
-	return P.length === 0 ? null : /* @__PURE__ */ U(H, { children: w ? /* @__PURE__ */ W(H, { children: [
+	if (L.length === 0) return null;
+	let R = /* @__PURE__ */ U(_, {
+		matchReferenceWidth: !1,
+		placement: "bottom-start",
+		listClassName: f,
+		items: L,
+		open: C == null ? void 0 : ie,
+		onOpenChange: C == null ? void 0 : oe,
+		children: /* @__PURE__ */ U(b, {
+			icon: /* @__PURE__ */ U(ce, {
+				size: d.LG,
+				"aria-hidden": !0
+			}),
+			"aria-label": n,
+			tooltipProps: { tooltip: n },
+			disabled: p
+		})
+	});
+	return /* @__PURE__ */ U(H, { children: D ? /* @__PURE__ */ W(H, { children: [
 		/* @__PURE__ */ U(b, {
-			icon: /* @__PURE__ */ U(oe, {
+			icon: /* @__PURE__ */ U(ce, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -724,38 +764,50 @@ var We = {
 			size: v.Large,
 			tooltipProps: { tooltip: n },
 			disabled: p,
-			onClick: () => E(!0)
+			onClick: () => k(!0)
 		}),
-		/* @__PURE__ */ U(Le, {
-			isOpen: T,
+		/* @__PURE__ */ U(ze, {
+			isOpen: O,
 			title: r,
 			closeLabel: l,
-			onClose: () => E(!1),
+			onClose: () => k(!1),
 			style: u,
-			items: P,
+			items: L,
 			className: "pb-4",
 			btnTextClassName: "flex-1"
 		}),
-		M && /* @__PURE__ */ U(Ge, {
-			isOpen: k,
+		I && /* @__PURE__ */ U(qe, {
+			isOpen: ee,
 			onBack: () => {
-				A(!1), E(!0);
+				M(!1), k(!0);
 			},
 			backLabel: S,
-			onClose: () => A(!1),
+			onClose: () => M(!1),
 			closeLabel: l,
 			style: u,
 			title: x,
 			items: g,
 			onToolToggle: y
 		}),
-		m != null && /* @__PURE__ */ U(Ve, {
-			isOpen: D,
+		C != null && /* @__PURE__ */ U(G, {
+			isOpen: N,
+			title: w,
+			closeLabel: l,
+			onBack: () => {
+				re(!1), k(!0);
+			},
+			backLabel: T,
+			onClose: () => re(!1),
+			style: u,
+			children: C(() => re(!1))
+		}),
+		m != null && /* @__PURE__ */ U(Ue, {
+			isOpen: A,
 			onBack: () => {
-				O(!1), E(!0);
+				j(!1), k(!0);
 			},
 			backLabel: m.backLabel ?? "Back",
-			onClose: () => O(!1),
+			onClose: () => j(!1),
 			closeLabel: l,
 			style: u,
 			features: m.features,
@@ -776,27 +828,23 @@ var We = {
 			saveLabel: m.saveLabel,
 			saveDisabledTooltip: m.saveDisabledTooltip
 		})
-	] }) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(_, {
+	] }) : /* @__PURE__ */ W(H, { children: [C == null ? R : /* @__PURE__ */ U(_, {
 		matchReferenceWidth: !1,
 		placement: "bottom-start",
-		listClassName: f,
-		items: P,
-		children: /* @__PURE__ */ U(b, {
-			icon: /* @__PURE__ */ U(oe, {
-				size: d.LG,
-				"aria-hidden": !0
-			}),
-			"aria-label": n,
-			tooltipProps: { tooltip: n },
-			disabled: p
-		})
-	}), m != null && D && /* @__PURE__ */ U(Ue, {
+		trigger: [],
+		open: se,
+		onOpenChange: P,
+		renderOverlay: () => C(() => P(!1), () => {
+			P(!1), oe(!0);
+		}),
+		children: R
+	}), m != null && A && /* @__PURE__ */ U(Ge, {
 		features: m.features,
 		initialResponseFormat: m.responseFormat ?? i.Markdown,
 		initialSystemPrompt: m.systemPrompt,
 		initialTemperature: m.temperature,
 		onSave: m.onSave,
-		onClose: () => O(!1),
+		onClose: () => j(!1),
 		title: m.title,
 		responseFormatLabel: m.responseFormatLabel,
 		responseFormatHint: m.responseFormatHint,
@@ -815,7 +863,7 @@ var We = {
 	chipIcon: "_chipIcon_1gu87_6",
 	chipText: "_chipText_1gu87_10",
 	chipClose: "_chipClose_1gu87_14"
-}, J = (e) => `${e} tool${e === 1 ? "" : "s"}`, Je = (e) => `Remove ${e}`, Ye = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = J, removeLabel: i = Je, typography: s, colors: l }) => {
+}, Ye = (e) => `${e} tool${e === 1 ? "" : "s"}`, J = (e) => `Remove ${e}`, Xe = ({ items: e, onToolToggle: t, isMobile: n, countLabel: r = Ye, removeLabel: i = J, typography: s, colors: l }) => {
 	let u = e.filter((e) => e.isSelected);
 	if (u.length === 0) return null;
 	let d = a({
@@ -827,7 +875,7 @@ var We = {
 		"--ci-chip-close-hover": l?.chipCloseHover
 	});
 	if (n) {
-		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ U(ce, {
+		let e = u.length === 1, t = e ? u[0].icon : /* @__PURE__ */ U(de, {
 			size: c,
 			"aria-hidden": !0
 		}), n = e ? u[0].label : r(u.length);
@@ -867,7 +915,7 @@ var We = {
 					onClick: () => t(e.id),
 					className: o(q.chipClose, "flex items-center rounded p-0.5 transition-colors"),
 					"aria-label": i(e.label),
-					children: /* @__PURE__ */ U(le, {
+					children: /* @__PURE__ */ U(P, {
 						size: 12,
 						"aria-hidden": !0
 					})
@@ -882,23 +930,23 @@ var We = {
 	modelSelectorButton: "_modelSelectorButton_teqwe_24",
 	modelSelectorCaret: "_modelSelectorCaret_teqwe_24",
 	modelSelectorButtonDisabled: "_modelSelectorButtonDisabled_teqwe_33"
-}, Xe = {
+}, X = {
 	wrapperError: "_wrapperError_129ri_1",
 	waveformCanvas: "_waveformCanvas_129ri_5",
 	recordingDot: "_recordingDot_129ri_19",
 	"recording-pulse": "_recording-pulse_129ri_1"
-}, X = 3, Ze = 4, Z = 200, Qe = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
-	let u = B(null), f = B(new Float32Array(Z)), p = B(0), m = B(0), h = e === je.Recording, g = e === je.Error, _ = L((e) => {
+}, Ze = 3, Qe = 4, Z = 200, $e = ({ state: e, analyserNodeRef: t, errorMessage: n, onStop: r, onDiscard: i, stopLabel: a = "Stop recording", discardLabel: s = "Discard recording", style: c, className: l }) => {
+	let u = B(null), f = B(new Float32Array(Z)), p = B(0), m = B(0), h = e === Ne.Recording, g = e === Ne.Error, _ = L((e) => {
 		let t = e.getContext("2d");
 		if (!t) return;
 		e.width = e.clientWidth || 200, e.height = e.clientHeight || 32;
 		let { width: n, height: r } = e;
 		t.clearRect(0, 0, n, r), t.fillStyle = getComputedStyle(e).color;
-		let i = Math.min(Math.max(1, Math.floor(n / Ze)), Z - 1), a = p.current, o = m.current;
+		let i = Math.min(Math.max(1, Math.floor(n / Qe)), Z - 1), a = p.current, o = m.current;
 		t.save(), t.beginPath(), t.rect(0, 0, n, r), t.clip(), t.translate(-o, 0);
 		for (let e = 0; e <= i; e++) {
 			let n = ((a - i + e) % Z + Z) % Z, o = f.current[n] ?? 0, s = Math.min(1, o * 6), c = Math.max(3, s * r);
-			t.fillRect(e * Ze, (r - c) / 2, X, c);
+			t.fillRect(e * Qe, (r - c) / 2, Ze, c);
 		}
 		t.restore();
 	}, []);
@@ -908,8 +956,8 @@ var We = {
 		if (!e) return;
 		f.current.fill(0), p.current = 0, m.current = 0;
 		let n, r = () => {
-			if (m.current += 1, m.current >= Ze) {
-				m.current -= Ze;
+			if (m.current += 1, m.current >= Qe) {
+				m.current -= Qe;
 				let e = t.current;
 				if (e) {
 					let t = new Uint8Array(e.frequencyBinCount);
@@ -942,14 +990,14 @@ var We = {
 	let v = /* @__PURE__ */ W("div", {
 		className: "flex flex-shrink-0 items-center justify-end gap-1",
 		children: [/* @__PURE__ */ U(b, {
-			icon: /* @__PURE__ */ U(le, {
+			icon: /* @__PURE__ */ U(P, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
 			"aria-label": s,
 			onClick: i
 		}), h && /* @__PURE__ */ U(D, {
-			icon: /* @__PURE__ */ U(ie, {
+			icon: /* @__PURE__ */ U(oe, {
 				size: d.LG,
 				"aria-hidden": !0
 			}),
@@ -961,16 +1009,16 @@ var We = {
 		className: l,
 		children: [/* @__PURE__ */ W("div", {
 			style: c,
-			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", g && Xe.wrapperError),
+			className: o(Y.wrapper, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border px-3 shadow-md desktop:flex-row desktop:items-center desktop:gap-2 desktop:py-2", g && X.wrapperError),
 			children: [/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
 				children: [h && /* @__PURE__ */ U("span", {
-					className: o(Xe.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
+					className: o(X.recordingDot, "pointer-events-none block size-[8px] rounded-3xl"),
 					"aria-hidden": !0
 				}), /* @__PURE__ */ U("canvas", {
 					ref: u,
 					height: 32,
-					className: o(Xe.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
+					className: o(X.waveformCanvas, "h-8 min-w-0 flex-1 desktop:h-6")
 				})]
 			}), v]
 		}), g && n && /* @__PURE__ */ U(y, {
@@ -978,25 +1026,25 @@ var We = {
 			className: "mt-1 px-1"
 		})]
 	});
-}, $e = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(D, {
+}, et = ({ onSend: e, isDisabled: t = !1, ariaLabel: n = "Send message", isExiting: r = !1 }) => /* @__PURE__ */ U(D, {
 	"aria-label": n,
 	onClick: () => e?.(),
 	disabled: t,
 	"aria-hidden": r,
-	icon: /* @__PURE__ */ U(N, {
+	icon: /* @__PURE__ */ U(M, {
 		size: d.LG,
 		className: "rtl:scale-x-[-1]"
 	})
-}), et = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
-	icon: /* @__PURE__ */ U(ae, { size: d.LG }),
+}), tt = ({ onStop: e, ariaLabel: t = "Stop streaming" }) => /* @__PURE__ */ U(j, {
+	icon: /* @__PURE__ */ U(se, { size: d.LG }),
 	onClick: () => e?.(),
 	"aria-label": t
-}), tt = ({ size: e = 20 }) => /* @__PURE__ */ U(k, {
+}), nt = ({ size: e = 20 }) => /* @__PURE__ */ U(k, {
 	variant: A.Circular,
 	width: e,
 	height: e,
 	active: !0
-}), nt = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
+}), rt = ({ loadingLabel: e }) => /* @__PURE__ */ W("span", {
 	className: "flex min-w-0 flex-1 items-center",
 	children: [/* @__PURE__ */ U(k, {
 		variant: A.Text,
@@ -1007,28 +1055,28 @@ var We = {
 		className: "sr-only",
 		children: e
 	})]
-}), rt = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
+}), it = ({ loadingLabel: e }) => /* @__PURE__ */ U("div", {
 	role: "status",
 	"aria-label": e,
 	children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ W("div", {
 		className: "flex h-11 items-center gap-3 px-4",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ U(tt, {}), /* @__PURE__ */ U(nt, {})]
+		children: [/* @__PURE__ */ U(nt, {}), /* @__PURE__ */ U(rt, {})]
 	}, t))
-}), it = (e) => e.displayName ?? e.id, at = (e, t) => {
+}), at = (e) => e.displayName ?? e.id, ot = (e, t) => {
 	let n = t.trim().toLowerCase();
-	return n ? e.filter((e) => it(e).toLowerCase().includes(n)) : e;
-}, ot = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
+	return n ? e.filter((e) => at(e).toLowerCase().includes(n)) : e;
+}, st = (e, t, r, i = 18, a) => /* @__PURE__ */ U(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
-}), st = {
+}), ct = {
 	searchHeader: "_searchHeader_ibyso_1",
 	selectedItem: "_selectedItem_ibyso_5",
 	selectedItemCheck: "_selectedItemCheck_ibyso_9"
-}, ct = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = st.searchHeader, selectedItemClassName: s = st.selectedItem, selectedItemCheckClassName: c = st.selectedItemCheck, colors: l }) => {
-	let [u, f] = V(""), p = z(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = z(() => h ? /* @__PURE__ */ U(tt, { size: d.LG }) : ot(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG), [h, p]), _ = p?.displayName ?? p?.id;
+}, lt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = ct.searchHeader, selectedItemClassName: s = ct.selectedItem, selectedItemCheckClassName: c = ct.selectedItemCheck, colors: l }) => {
+	let [u, f] = V(""), p = z(() => e?.find((e) => e.id === t), [e, t]), h = r?.loading !== void 0, g = z(() => h ? /* @__PURE__ */ U(nt, { size: d.LG }) : st(p?.iconUrl, p?.type, p?.displayName ?? p?.id ?? "", d.LG), [h, p]), _ = p?.displayName ?? p?.id;
 	return {
 		selectorIcon: g,
 		selectorAriaLabel: _ ? `${r?.ariaLabel ?? "Select model"}: ${_}` : r?.ariaLabel ?? "Select model",
@@ -1036,8 +1084,8 @@ var We = {
 		menuItems: z(() => {
 			if (h) return Array.from({ length: 7 }, (e, t) => ({
 				key: `__loading-${t}`,
-				icon: /* @__PURE__ */ U(tt, {}),
-				label: /* @__PURE__ */ U(nt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
+				icon: /* @__PURE__ */ U(nt, {}),
+				label: /* @__PURE__ */ U(rt, { loadingLabel: t === 0 ? r?.loading : void 0 }),
 				disabled: !0
 			}));
 			if (!e || e.length === 0) {
@@ -1048,7 +1096,7 @@ var We = {
 					disabled: !0
 				}] : [];
 			}
-			return at(e, u).map((e) => {
+			return ot(e, u).map((e) => {
 				let r = e.id === t;
 				return {
 					key: e.id,
@@ -1056,17 +1104,17 @@ var We = {
 						className: "flex w-full items-center justify-between gap-2",
 						style: a({ "--ms-selected-item-check": l?.selectedItemCheck }),
 						children: [/* @__PURE__ */ U(x, {
-							text: it(e),
+							text: at(e),
 							query: u,
 							maxLines: 1
-						}), r && /* @__PURE__ */ U(ee, {
+						}), r && /* @__PURE__ */ U(te, {
 							size: d.SM,
 							stroke: 2,
 							className: c,
 							"aria-hidden": !0
 						})]
 					}),
-					icon: ot(e.iconUrl, e.type, e.displayName ?? e.id),
+					icon: st(e.iconUrl, e.type, e.displayName ?? e.id),
 					onClick: () => n?.(e.id),
 					className: r ? s : void 0
 				};
@@ -1104,8 +1152,8 @@ var We = {
 			e || f("");
 		}
 	};
-}, lt = typeof window < "u" ? pe : R;
-function ut(e) {
+}, ut = typeof window < "u" ? me : R;
+function dt(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -1113,15 +1161,15 @@ function ut(e) {
 			break;
 	}
 }
-function dt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+function ft({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
 	let { styleHeight: s, styleWidth: c } = z(() => ({
-		styleHeight: ut(o?.height),
-		styleWidth: ut(o?.width)
+		styleHeight: dt(o?.height),
+		styleWidth: dt(o?.width)
 	}), [o?.height, o?.width]), [l, u] = V({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
-	return lt(() => {
+	return ut(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -1150,26 +1198,26 @@ function dt({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ft(e) {
+function pt(e) {
 	let t = B(() => {
 		throw Error("Cannot call during render.");
 	});
-	return lt(() => {
+	return ut(() => {
 		t.current = e;
 	}, [e]), L((e) => t.current?.(e), [t]);
 }
-var pt = null;
-function mt(e = !1) {
-	if (pt === null || e) {
+var mt = null;
+function ht(e = !1) {
+	if (mt === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? pt = "positive-descending" : (e.scrollLeft = 1, pt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), pt;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? mt = "positive-descending" : (e.scrollLeft = 1, mt = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), mt;
 	}
-	return pt;
+	return mt;
 }
-function ht({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (mt()) {
+function gt({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (ht()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1183,13 +1231,13 @@ function ht({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 function Q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function gt(e, t) {
+function _t(e, t) {
 	if (e === t) return !0;
 	if (!!e != !!t || (Q(e !== void 0), Q(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function _t({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function vt({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
@@ -1197,9 +1245,9 @@ function _t({ cachedBounds: e, itemCount: t, itemSize: n }) {
 		return Q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function vt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function yt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = _t({
+	let s = vt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1211,7 +1259,7 @@ function vt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function yt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function bt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1230,7 +1278,7 @@ function yt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function bt({ itemCount: e, itemProps: t, itemSize: n }) {
+function xt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -1267,8 +1315,8 @@ function bt({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function $({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => bt({
+function St({ itemCount: e, itemProps: t, itemSize: n }) {
+	return z(() => xt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1278,7 +1326,7 @@ function $({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function xt({ containerSize: e, itemSize: t }) {
+function Ct({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -1290,8 +1338,8 @@ function xt({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function St({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
-	let { height: u = n, width: d = n } = dt({
+function $({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = ft({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
@@ -1300,11 +1348,11 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	}), f = B({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = xt({
+	}), p = r === "vertical" ? u : d, m = Ct({
 		containerSize: p,
 		itemSize: s
 	});
-	pe(() => {
+	me(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -1317,11 +1365,11 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = $({
+	let h = St({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => yt({
+	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => bt({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1332,7 +1380,7 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = L(() => _t({
+	}, C = L(() => vt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1340,9 +1388,9 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = L((t) => yt({
+	]), w = L((t) => bt({
 		cachedBounds: h,
-		containerScrollOffset: ht({
+		containerScrollOffset: gt({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1360,19 +1408,19 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return lt(() => {
+	return ut(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), lt(() => {
+	]), ut(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = yt({
+				let { scrollLeft: n, scrollTop: o } = e, s = bt({
 					cachedBounds: h,
-					containerScrollOffset: ht({
+					containerScrollOffset: gt({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1382,7 +1430,7 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return gt(s, t) ? t : s;
+				return _t(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1398,8 +1446,8 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ft(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = vt({
+		scrollToIndex: pt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = yt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1409,14 +1457,14 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = ht({
+				if (s = gt({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					gt(_, e) || v(e);
+					_t(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1427,19 +1475,19 @@ function St({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Ct(e) {
+function wt(e) {
 	return z(() => e, Object.values(e));
 }
-function wt(e, t) {
+function Tt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return gt(n, a) && gt(r, o) && gt(i, s);
+	return _t(n, a) && _t(r, o) && _t(i, s);
 }
-function Tt(e) {
+function Et(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Et = "data-react-window-index";
-function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = Ct(u), h = z(() => I(s, wt), [s]), [g, _] = V(null), v = Tt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = St({
+var Dt = "data-react-window-index";
+function Ot({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = wt(u), h = z(() => fe(s, Tt), [s]), [g, _] = V(null), v = Et(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = $({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
@@ -1450,7 +1498,7 @@ function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		onResize: i,
 		overscanCount: o
 	});
-	fe(r, () => ({
+	pe(r, () => ({
 		get element() {
 			return g;
 		},
@@ -1465,12 +1513,12 @@ function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), lt(() => {
+	}), [g, x]), ut(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Et, n), !0;
+			return e.setAttribute(Dt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1498,7 +1546,7 @@ function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ de(h, {
+			e.push(/* @__PURE__ */ I(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -1533,7 +1581,7 @@ function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return de(d, {
+	return I(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -1547,22 +1595,22 @@ function Dt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Ot = {
+var kt = {
 	divider: "_divider_s5khb_1",
 	item: "_item_s5khb_5",
 	itemIcon: "_itemIcon_s5khb_15",
 	checkIcon: "_checkIcon_s5khb_19",
 	stateLabel: "_stateLabel_s5khb_23"
-}, kt = 44, At = 8, jt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
-	let u = r[e], f = ot(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
+}, At = 44, jt = 8, Mt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: s, onSelect: c }) => {
+	let u = r[e], f = st(u.iconUrl, u.type, u.displayName ?? u.id, d.SM), p = u.id === i;
 	return /* @__PURE__ */ U("div", {
 		style: t,
 		...n,
 		children: /* @__PURE__ */ U(l, {
 			type: "button",
-			className: o(Ot.item, "h-full w-full gap-3 px-4"),
+			className: o(kt.item, "h-full w-full gap-3 px-4"),
 			iconBefore: /* @__PURE__ */ U("span", {
-				className: Ot.itemIcon,
+				className: kt.itemIcon,
 				children: f
 			}),
 			label: /* @__PURE__ */ W("span", {
@@ -1572,21 +1620,21 @@ var Ot = {
 					query: s,
 					maxLines: 1,
 					className: o(a, "min-w-0 flex-1 text-start")
-				}), p && /* @__PURE__ */ U(ee, {
+				}), p && /* @__PURE__ */ U(te, {
 					size: d.SM,
-					className: Ot.checkIcon,
+					className: kt.checkIcon,
 					"aria-hidden": !0
 				})]
 			}),
 			onClick: () => c(u.id)
 		})
 	});
-}, Mt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
+}, Nt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: s, selectedDeploymentId: c, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: h = "dial-body-semi-text", labelClassName: g = "dial-small-text", colors: _ }) => {
 	let [y, b] = V("");
 	R(() => {
 		e || b("");
 	}, [e]);
-	let x = s && s.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? at(s, y) : [], T = (e) => {
+	let x = s && s.length > 0, S = u !== void 0, C = !x && !S ? d ?? f : void 0, w = x ? ot(s, y) : [], T = (e) => {
 		l(e), i();
 	}, E = a({
 		"--ci-sheet-divider": _?.divider,
@@ -1596,7 +1644,7 @@ var Ot = {
 		"--ci-sheet-icon": _?.itemIcon,
 		"--ci-check-icon": _?.checkIcon
 	});
-	return /* @__PURE__ */ U(K, {
+	return /* @__PURE__ */ U(G, {
 		isOpen: e,
 		title: t,
 		closeLabel: n,
@@ -1616,17 +1664,17 @@ var Ot = {
 					size: v.Standard,
 					onChange: b
 				})
-			}), /* @__PURE__ */ U("div", { className: o(Ot.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ U(rt, { loadingLabel: u }) : C ? /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ U("div", { className: o(kt.divider, "h-px flex-shrink-0") })] }), S ? /* @__PURE__ */ U(it, { loadingLabel: u }) : C ? /* @__PURE__ */ U("div", {
 				role: "list",
-				className: o(Ot.stateLabel, g, "px-4 py-4"),
+				className: o(kt.stateLabel, g, "px-4 py-4"),
 				children: C
-			}) : /* @__PURE__ */ U(Dt, {
+			}) : /* @__PURE__ */ U(Ot, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(w.length, At) * kt },
-				rowComponent: jt,
+				style: { height: Math.min(w.length, jt) * At },
+				rowComponent: Mt,
 				rowCount: w.length,
-				rowHeight: kt,
+				rowHeight: At,
 				rowProps: {
 					items: w,
 					selectedDeploymentId: c,
@@ -1637,15 +1685,15 @@ var Ot = {
 			})]
 		})
 	});
-}, Nt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: p, onPickerOpenChange: m }) => {
-	let [h, y] = V(!1), { selectorIcon: x, selectorAriaLabel: S, selectedLabel: C, menuItems: w, menuHeader: T, onOpenChange: E } = ct({
+}, Pt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: c, modelPickerOverlay: l, isPickerOpen: u, onPickerToggle: p, onPickerOpenChange: m }) => {
+	let [h, y] = V(!1), { selectorIcon: x, selectorAriaLabel: S, selectedLabel: C, menuItems: w, menuHeader: T, onOpenChange: E } = lt({
 		deployments: e,
 		selectedDeploymentId: t,
 		onDeploymentChange: n,
 		modelSelectorLabels: r
 	});
 	if (!e) return null;
-	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ U(P, {
+	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ U(N, {
 		size: d.SM,
 		className: Y.modelSelectorCaret,
 		"aria-hidden": !0
@@ -1663,14 +1711,14 @@ var Ot = {
 			},
 			className: o("w-[50px]", Y.modelSelectorButton, D)
 		})
-	}), l ? /* @__PURE__ */ U(K, {
+	}), l ? /* @__PURE__ */ U(G, {
 		isOpen: h,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: c,
 		children: l(() => y(!1))
-	}) : /* @__PURE__ */ U(Mt, {
+	}) : /* @__PURE__ */ U(Nt, {
 		isOpen: h,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1726,8 +1774,8 @@ var Ot = {
 			})
 		})
 	});
-}, Pt = 160, Ft = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: k, pendingDropFiles: A = [], onDropFilesConsumed: M, pendingAttachments: N = [], onPendingAttachmentsConsumed: ee, pasteTextThreshold: P = 4e3, deployments: te, selectedDeploymentId: F, onDeploymentChange: ie, modelSelectorLabels: ae, initialAttachments: oe = [], isStacked: se = !1, hideAddButton: ce = !1, hideAttachFile: le = !1, hideActionBar: ue = !1, renderFooterActions: de, isInputDisabled: I = !1, isModelSelectorDisabled: R = !1, isSendDisabled: fe = !1, isAudioMessageSupported: pe = !1, sendOnEnter: me = Fe.Enter, prefixAttachments: G = [], onRemovePrefixAttachment: he, chatSettings: _e, toolsMenuItems: ve, onToolToggle: ye, toolsMenuTitle: be, toolsBackLabel: Se, toolsChipLabels: Ce, autoFocus: K = !1, messageHistory: we, onDialFileSystemClick: De, dialFileSystemLabel: Oe, validateAttachment: je, onAttachmentClick: Me, modelPickerOverlay: Ne, maximumAttachmentsAmount: Ie, onAttachmentsLimitExceeded: Le, isAttachmentsEnabled: Re = !0, usageLimitsSlot: ze, onMessageTooLong: Be }) => {
-	let Ve = s(), [He, Ue] = V(!1), We = ke(we), Ge = z(() => a({
+}, Ft = 160, It = ({ message: e = "", messageRevision: t, onSend: n, onUploadAttachment: r, onStop: i, isStreaming: l = !1, onChange: u, onAttachmentsChange: f, placeholder: p = "Type a message...", ariaLabel: m, attachLabel: h = "Attach file", fileAccept: g, addMenuTitle: _ = "Add", menuTitle: v = "Menu", menuCloseLabel: y = "Close", removeLabel: b, retryLabel: x, sendLabel: S, stopLabel: C, micLabel: w = "Record voice message", stopRecordingLabel: T, discardRecordingLabel: E, colors: D, typography: O, className: k, pendingDropFiles: A = [], onDropFilesConsumed: ee, pendingAttachments: M = [], onPendingAttachmentsConsumed: te, pasteTextThreshold: N = 4e3, deployments: ne, selectedDeploymentId: ae, onDeploymentChange: oe, modelSelectorLabels: se, initialAttachments: ce = [], isStacked: le = !1, hideAddButton: ue = !1, hideAttachFile: de = !1, hideActionBar: P = !1, renderFooterActions: F, isInputDisabled: I = !1, isModelSelectorDisabled: fe = !1, isSendDisabled: R = !1, isAudioMessageSupported: pe = !1, sendOnEnter: me = Le.Enter, prefixAttachments: he = [], onRemovePrefixAttachment: ge, chatSettings: _e, toolsMenuItems: ye, onToolToggle: be, toolsMenuTitle: xe, toolsBackLabel: Se, toolsChipLabels: we, promptsMenuOverlay: Te, promptsMenuTitle: G, promptsBackLabel: Ee, autoFocus: ke = !1, messageHistory: Ae, onDialFileSystemClick: Ne, dialFileSystemLabel: Pe, validateAttachment: Fe, onAttachmentClick: Re, modelPickerOverlay: ze, maximumAttachmentsAmount: Be, onAttachmentsLimitExceeded: Ve, isAttachmentsEnabled: He = !0, usageLimitsSlot: Ue, onMessageTooLong: We }) => {
+	let Ge = s(), [Ke, qe] = V(!1), K = je(Ae), q = z(() => a({
 		"--ci-bg": D?.background,
 		"--ci-text": D?.text,
 		"--ci-border": D?.border,
@@ -1740,223 +1788,226 @@ var Ot = {
 		"--ci-voice-error": D?.voiceError,
 		"--ci-voice-waveform": D?.voiceWaveform,
 		"--ci-voice-accent": D?.voiceAccent
-	}), [D]), Ke = z(() => De ? [{
+	}), [D]), Ye = z(() => Ne ? [{
 		key: "dial-fs",
-		label: Oe ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(ne, {
+		label: Pe ?? "DIAL file system",
+		icon: /* @__PURE__ */ U(re, {
 			size: c,
 			"aria-hidden": !0
 		}),
-		onClick: De
-	}] : [], [De, Oe]), { message: q, setMessage: J, textareaRef: Je, isMultiLine: Xe } = Ae({
+		onClick: Ne
+	}] : [], [Ne, Pe]), { message: J, setMessage: X, textareaRef: Ze, isMultiLine: Qe } = Me({
 		messageProp: e,
 		messageRevision: t
-	}), { attachments: X, buildAttachments: Ze, addAttachments: Z, resetAttachments: tt, handleRemove: nt, handleRetry: rt, handleExpand: it, hasBlockedAttachments: at } = Te({
-		initialAttachments: oe,
+	}), { attachments: Z, buildAttachments: nt, addAttachments: rt, resetAttachments: it, handleRemove: at, handleRetry: ot, handleExpand: st, hasBlockedAttachments: ct } = De({
+		initialAttachments: ce,
 		onUploadAttachment: r,
 		onAttachmentsChange: f,
-		validateAttachment: je,
+		validateAttachment: Fe,
 		pendingDropFiles: A,
-		onDropFilesConsumed: M,
-		pendingAttachments: N,
-		onPendingAttachmentsConsumed: ee,
+		onDropFilesConsumed: ee,
+		pendingAttachments: M,
+		onPendingAttachmentsConsumed: te,
 		onExpandPastedText: L((e) => {
-			J((t) => t ? `${t}\n${e}` : e);
-		}, [J]),
-		maximumAttachmentsAmount: Ie,
-		baseAttachmentsAmount: G.length,
-		onAttachmentsLimitExceeded: Le
-	}), { state: ot, analyserNodeRef: st, errorMessage: ct, startRecording: lt, stopRecording: ut, discardRecording: dt } = Pe({ onAttachAudio: L((e) => {
-		Z(Ze([e]));
-	}, [Z, Ze]) }), ft = B(null), pt = B(null), { handlePaste: mt } = xe(Z, Re ? P : Infinity), ht = L((e) => {
-		if (!Re) {
+			X((t) => t ? `${t}\n${e}` : e);
+		}, [X]),
+		maximumAttachmentsAmount: Be,
+		baseAttachmentsAmount: he.length,
+		onAttachmentsLimitExceeded: Ve
+	}), { state: lt, analyserNodeRef: ut, errorMessage: dt, startRecording: ft, stopRecording: pt, discardRecording: mt } = Ie({ onAttachAudio: L((e) => {
+		rt(nt([e]));
+	}, [rt, nt]) }), ht = B(null), gt = B(null), { handlePaste: Q } = Ce(rt, He ? N : Infinity), _t = L((e) => {
+		if (!He) {
 			let t = e.clipboardData.getData("text/plain");
-			t.length >= P && Be?.(t.length, P);
+			t.length >= N && We?.(t.length, N);
 		}
-		mt(e);
+		Q(e);
 	}, [
-		Re,
-		P,
-		Be,
-		mt
-	]), Q = q.trim().length > 0 || X.length > 0, gt = Q && !at && !fe, { shouldRender: _t, isExiting: vt, instanceKey: yt } = Ee(!l && Q, Pt), bt = (ve?.some((e) => e.isSelected) ?? !1) && ye != null, $ = se || q.includes("\n") || Xe || bt, xt = te === void 0 || F != null, St = z(() => pe && !vt && !l, [
+		He,
+		N,
+		We,
+		Q
+	]), vt = J.trim().length > 0 || Z.length > 0, yt = vt && !ct && !R, { shouldRender: bt, isExiting: xt, instanceKey: St } = Oe(!l && vt, Ft), Ct = (ye?.some((e) => e.isSelected) ?? !1) && be != null, $ = le || J.includes("\n") || Qe || Ct, wt = ne === void 0 || ae != null, Tt = z(() => pe && !xt && !l, [
 		pe,
-		vt,
+		xt,
 		l
-	]), Ct = async () => {
-		if (fe) return;
-		if (!Re && q.length >= P) {
-			Be?.(q.length, P);
+	]), Et = async () => {
+		if (R) return;
+		if (!He && J.length >= N) {
+			We?.(J.length, N);
 			return;
 		}
-		let e = q, t = X;
-		J(""), We.reset();
+		let e = J, t = Z;
+		X(""), K.reset();
 		try {
 			await n?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), tt([]);
+			}), it([]);
 		} catch {
-			J(e), tt(t);
+			X(e), it(t);
 		}
-	}, wt = (e) => {
+	}, Dt = (e) => {
 		if (!e.nativeEvent.isComposing && !I && !l && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
-			let t = e.currentTarget.selectionStart ?? 0, n = We.navigate(e.key === "ArrowUp" ? "up" : "down", q, t);
+			let t = e.currentTarget.selectionStart ?? 0, n = K.navigate(e.key === "ArrowUp" ? "up" : "down", J, t);
 			if (n !== null) {
-				e.preventDefault(), J(n);
+				e.preventDefault(), X(n);
 				return;
 			}
 		}
-		e.key === "Enter" && (me === Fe.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && gt && xt && !I && Ct());
-	}, Tt = (e) => {
+		e.key === "Enter" && (me === Le.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !l && yt && wt && !I && Et());
+	}, Ot = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = Ze(t);
-		e.target.value = "", Z(n);
+		let n = nt(t);
+		e.target.value = "", rt(n);
 	};
-	if (ot !== "idle") return /* @__PURE__ */ U(Qe, {
-		state: ot,
-		analyserNodeRef: st,
-		errorMessage: ct,
-		onStop: ut,
-		onDiscard: dt,
+	if (lt !== "idle") return /* @__PURE__ */ U($e, {
+		state: lt,
+		analyserNodeRef: ut,
+		errorMessage: dt,
+		onStop: pt,
+		onDiscard: mt,
 		stopLabel: T,
 		discardLabel: E,
-		style: Ge,
+		style: q,
 		className: k
 	});
-	let Et = /* @__PURE__ */ U("textarea", {
+	let kt = /* @__PURE__ */ U("textarea", {
 		className: o(Y.textarea, O?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]"),
-		ref: Je,
-		autoFocus: K,
-		value: q,
+		ref: Ze,
+		autoFocus: ke,
+		value: J,
 		onChange: (e) => {
-			J(e.target.value), We.notifyChange(), u?.(e.target.value);
+			X(e.target.value), K.notifyChange(), u?.(e.target.value);
 		},
-		onKeyDown: wt,
-		onPaste: ht,
+		onKeyDown: Dt,
+		onPaste: _t,
 		placeholder: p,
 		"aria-label": m,
 		disabled: I,
 		rows: 1
 	});
 	return /* @__PURE__ */ W("div", {
-		ref: pt,
-		style: Ge,
-		className: o(Y.wrapper, I && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", X.length > 6 ? "py-3 ps-3" : "p-3", k),
-		children: [(G.length > 0 || X.length > 0) && /* @__PURE__ */ U(ge, {
-			attachments: [...G, ...X],
+		ref: gt,
+		style: q,
+		className: o(Y.wrapper, I && Y.wrapperDisabled, "flex min-h-[64px] w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border shadow-md", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", Z.length > 6 ? "py-3 ps-3" : "p-3", k),
+		children: [(he.length > 0 || Z.length > 0) && /* @__PURE__ */ U(ve, {
+			attachments: [...he, ...Z],
 			onRemove: (e) => {
-				G.some((t) => t.id === e) ? he?.(e) : nt(e);
+				he.some((t) => t.id === e) ? ge?.(e) : at(e);
 			},
-			onRetry: rt,
-			onExpand: it,
+			onRetry: ot,
+			onExpand: st,
 			labels: {
 				removeLabel: b,
 				retryLabel: x
 			},
-			onAttachmentClick: Me == null ? void 0 : (e) => {
-				let t = [...G, ...X].find((t) => t.id === e);
-				t != null && Me(t);
+			onAttachmentClick: Re == null ? void 0 : (e) => {
+				let t = [...he, ...Z].find((t) => t.id === e);
+				t != null && Re(t);
 			}
-		}), ue ? $ && Et : /* @__PURE__ */ W("div", {
+		}), P ? $ && kt : /* @__PURE__ */ W("div", {
 			className: o("flex items-center gap-2", $ ? "flex-wrap" : "flex-wrap desktop:flex-nowrap"),
 			children: [
-				!ce && /* @__PURE__ */ W("div", {
+				!ue && /* @__PURE__ */ W("div", {
 					className: o("flex", "order-2", !$ && "desktop:order-1"),
 					children: [/* @__PURE__ */ U("input", {
-						ref: ft,
+						ref: ht,
 						type: "file",
 						multiple: !0,
 						accept: g,
 						className: "sr-only",
 						"aria-hidden": !0,
 						tabIndex: -1,
-						onChange: Tt
-					}), /* @__PURE__ */ U(qe, {
-						onAttachClick: le ? void 0 : () => ft.current?.click(),
+						onChange: Ot
+					}), /* @__PURE__ */ U(Je, {
+						onAttachClick: de ? void 0 : () => ht.current?.click(),
 						attachLabel: h,
 						addMenuTitle: _,
 						menuTitle: v,
 						menuCloseLabel: y,
-						style: Ge,
+						style: q,
 						isDisabled: I,
 						chatSettings: _e,
-						extraMenuItems: Ke,
-						toolsMenuItems: ve,
-						onToolToggle: ye,
-						toolsMenuTitle: be,
-						toolsBackLabel: Se
+						extraMenuItems: Ye,
+						toolsMenuItems: ye,
+						onToolToggle: be,
+						toolsMenuTitle: xe,
+						toolsBackLabel: Se,
+						promptsMenuOverlay: Te,
+						promptsMenuTitle: G,
+						promptsBackLabel: Ee
 					})]
 				}),
-				$ && bt && /* @__PURE__ */ U("div", {
+				$ && Ct && /* @__PURE__ */ U("div", {
 					className: "order-3 min-w-0 flex-1",
-					children: /* @__PURE__ */ U(Ye, {
-						items: ve ?? [],
-						onToolToggle: ye,
-						isMobile: Ve,
-						countLabel: Ce?.countLabel,
-						removeLabel: Ce?.removeLabel
+					children: /* @__PURE__ */ U(Xe, {
+						items: ye ?? [],
+						onToolToggle: be,
+						isMobile: Ge,
+						countLabel: we?.countLabel,
+						removeLabel: we?.removeLabel
 					})
 				}),
 				/* @__PURE__ */ U("div", {
 					className: o("order-1 flex w-full min-w-0 items-center self-stretch", !$ && "desktop:order-2 desktop:w-auto desktop:flex-1"),
-					children: Et
+					children: kt
 				}),
 				/* @__PURE__ */ W("div", {
-					className: o("flex flex-shrink-0 items-center gap-2", $ && bt ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
-					children: [de ? de({
-						canSend: gt,
-						onSend: Ct
+					className: o("flex flex-shrink-0 items-center gap-2", $ && Ct ? "order-4" : "order-3", "ms-auto", !$ && "desktop:ms-0"),
+					children: [F ? F({
+						canSend: yt,
+						onSend: Et
 					}) : /* @__PURE__ */ W(H, { children: [
-						ze,
-						/* @__PURE__ */ U(Nt, {
-							deployments: te,
-							selectedDeploymentId: F,
-							onDeploymentChange: ie,
-							modelSelectorLabels: ae,
+						Ue,
+						/* @__PURE__ */ U(Pt, {
+							deployments: ne,
+							selectedDeploymentId: ae,
+							onDeploymentChange: oe,
+							modelSelectorLabels: se,
 							isStreaming: l,
-							isMobile: Ve,
-							isDisabled: R,
-							style: Ge,
-							modelPickerOverlay: Ne,
-							isPickerOpen: He,
-							onPickerToggle: () => Ue((e) => !e),
-							onPickerOpenChange: Ue
+							isMobile: Ge,
+							isDisabled: fe,
+							style: q,
+							modelPickerOverlay: ze,
+							isPickerOpen: Ke,
+							onPickerToggle: () => qe((e) => !e),
+							onPickerOpenChange: qe
 						}),
-						l && i ? /* @__PURE__ */ U(et, {
+						l && i ? /* @__PURE__ */ U(tt, {
 							onStop: i,
 							ariaLabel: C
-						}) : !l && _t && /* @__PURE__ */ U($e, {
-							onSend: Ct,
-							isDisabled: !xt || at || fe,
+						}) : !l && bt && /* @__PURE__ */ U(et, {
+							onSend: Et,
+							isDisabled: !wt || ct || R,
 							ariaLabel: S,
-							isExiting: vt
-						}, yt)
-					] }), St && /* @__PURE__ */ U(j, {
-						icon: /* @__PURE__ */ U(re, {
+							isExiting: xt
+						}, St)
+					] }), Tt && /* @__PURE__ */ U(j, {
+						icon: /* @__PURE__ */ U(ie, {
 							size: d.LG,
 							"aria-hidden": !0
 						}),
 						"aria-label": w,
 						className: "size-8 flex-shrink-0",
-						onClick: lt,
+						onClick: ft,
 						disabled: I || l
 					})]
 				})
 			]
 		})]
 	});
-}, It = { welcome: "_welcome_n2ph8_1" }, Lt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
+}, Lt = { welcome: "_welcome_n2ph8_1" }, Rt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, styles: r, className: i, inputClassName: s, isInputDisabled: c = !1, ...l }) => {
 	let { colors: u, typography: d } = r ?? {};
 	return /* @__PURE__ */ W("div", {
 		style: a({ "--ci-welcome-color": u?.welcomeText }),
 		className: o("relative flex w-full flex-col items-center gap-6 px-4 py-5 desktop:p-5", i),
 		children: [n && /* @__PURE__ */ U("h1", {
-			className: o(It.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
+			className: o(Lt.welcome, "m-0 text-center", d?.welcomeClassName || "dial-display2-text"),
 			children: n
 		}), /* @__PURE__ */ U("div", {
 			className: "relative w-full max-w-[748px]",
-			children: /* @__PURE__ */ U(Ft, {
+			children: /* @__PURE__ */ U(It, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: c,
@@ -1967,30 +2018,30 @@ var Ot = {
 			})
 		})]
 	});
-}, Rt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: w, maximumAttachmentsAmount: T, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: M, pasteTextThreshold: N, onMessageTooLong: ee }) => {
-	let P = B(null), [te, re] = V([]);
+}, zt = ({ message: e, initialAttachments: t = [], onCancel: n, onSave: i, onUploadAttachment: a, cancelLabel: s = "Cancel", saveLabel: l = "Save & Submit", ariaLabel: u, removeLabel: d, retryLabel: f, addMenuTitle: p = "Add", attachLabel: m = "Attach file", menuTitle: h = "Menu", menuCloseLabel: g = "Close", className: _, pendingDropFiles: v, onDropFilesConsumed: y, validateAttachment: b, isAttachmentsEnabled: x, hideAttachFile: S = !1, fileAccept: w, maximumAttachmentsAmount: T, onAttachmentsLimitExceeded: D, onDialFileSystemClick: O, dialFileSystemLabel: k, pendingAttachments: A, onPendingAttachmentsConsumed: j, onAttachmentClick: ee, pasteTextThreshold: M, onMessageTooLong: te }) => {
+	let N = B(null), [ne, ie] = V([]);
 	R(() => {
-		v?.length && (re(v), y?.());
+		v?.length && (ie(v), y?.());
 	}, [v, y]);
-	let [F, ie] = V(e ?? ""), [ae, oe] = V([]), [se, ce] = V(t), le = ae.some((e) => e.status === r.Loading || e.status === r.Error), ue = (F.trim().length > 0 || ae.length > 0 || se.length > 0) && !le, de = (e) => {
-		ce((t) => t.filter((t) => t.id !== e));
+	let [ae, oe] = V(e ?? ""), [se, ce] = V([]), [le, ue] = V(t), de = se.some((e) => e.status === r.Loading || e.status === r.Error), P = (ae.trim().length > 0 || se.length > 0 || le.length > 0) && !de, F = (e) => {
+		ue((t) => t.filter((t) => t.id !== e));
 	}, I = L((e, t) => {
-		i(e, se, t);
-	}, [se, i]), fe = () => {
-		if (ue) {
-			if (!x && F.length >= (N ?? 4e3)) {
-				ee?.(F.length, N ?? 4e3);
+		i(e, le, t);
+	}, [le, i]), fe = () => {
+		if (P) {
+			if (!x && ae.length >= (M ?? 4e3)) {
+				te?.(ae.length, M ?? 4e3);
 				return;
 			}
-			I(F, ae);
+			I(ae, se);
 		}
-	}, pe = L(() => re([]), []), me = L((e) => {
+	}, pe = L(() => ie([]), []), me = L((e) => {
 		let t = Array.from(e.target.files ?? []);
-		t.length !== 0 && (e.target.value = "", re(t));
-	}, []), G = z(() => O ? [{
+		t.length !== 0 && (e.target.value = "", ie(t));
+	}, []), he = z(() => O ? [{
 		key: "dial-fs",
 		label: k ?? "DIAL file system",
-		icon: /* @__PURE__ */ U(ne, {
+		icon: /* @__PURE__ */ U(re, {
 			size: c,
 			"aria-hidden": !0
 		}),
@@ -1998,37 +2049,37 @@ var Ot = {
 	}] : [], [O, k]);
 	return /* @__PURE__ */ W("div", {
 		className: o("flex w-full flex-col gap-2", _),
-		children: [/* @__PURE__ */ U(Ft, {
+		children: [/* @__PURE__ */ U(It, {
 			message: e,
 			ariaLabel: u,
 			isStacked: !0,
 			hideActionBar: !0,
-			pendingDropFiles: te,
+			pendingDropFiles: ne,
 			onDropFilesConsumed: pe,
 			onSend: I,
 			onUploadAttachment: a,
-			onChange: ie,
-			onAttachmentsChange: oe,
+			onChange: oe,
+			onAttachmentsChange: ce,
 			removeLabel: d,
 			retryLabel: f,
 			className: "max-w-full",
-			prefixAttachments: se,
-			onRemovePrefixAttachment: de,
+			prefixAttachments: le,
+			onRemovePrefixAttachment: F,
 			validateAttachment: b,
 			isAttachmentsEnabled: x,
 			maximumAttachmentsAmount: T,
 			onAttachmentsLimitExceeded: D,
 			pendingAttachments: A,
 			onPendingAttachmentsConsumed: j,
-			onAttachmentClick: M,
-			pasteTextThreshold: N,
-			onMessageTooLong: ee
+			onAttachmentClick: ee,
+			pasteTextThreshold: M,
+			onMessageTooLong: te
 		}), /* @__PURE__ */ W("div", {
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ U("div", {
 				className: "flex",
 				children: !S && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("input", {
-					ref: P,
+					ref: N,
 					type: "file",
 					multiple: !0,
 					accept: w,
@@ -2036,13 +2087,13 @@ var Ot = {
 					"aria-hidden": !0,
 					tabIndex: -1,
 					onChange: me
-				}), /* @__PURE__ */ U(qe, {
-					onAttachClick: () => P.current?.click(),
+				}), /* @__PURE__ */ U(Je, {
+					onAttachClick: () => N.current?.click(),
 					attachLabel: m,
 					addMenuTitle: p,
 					menuTitle: h,
 					menuCloseLabel: g,
-					extraMenuItems: G
+					extraMenuItems: he
 				})] })
 			}), /* @__PURE__ */ W("div", {
 				className: "flex gap-2",
@@ -2052,11 +2103,11 @@ var Ot = {
 				}), /* @__PURE__ */ U(E, {
 					label: l,
 					onClick: fe,
-					disabled: !ue
+					disabled: !P
 				})]
 			})]
 		})]
 	});
 };
 //#endregion
-export { me as AttachmentCard, G as AttachmentGroup, he as AttachmentTray, K as BottomSheetShell, Ue as ChatSettingsModal, Lt as ConversationInput, Rt as EditMessageInput, _e as FileDndOverlay, Ft as Input, Fe as SendOnEnter, be as getAttachmentIcon };
+export { he as AttachmentCard, ge as AttachmentGroup, _e as AttachmentTray, G as BottomSheetShell, Ge as ChatSettingsModal, Rt as ConversationInput, zt as EditMessageInput, ye as FileDndOverlay, It as Input, Le as SendOnEnter, Se as getAttachmentIcon };