@burdenoff/fe-libs 2026.716.2 → 2026.717.2

package/dist/shared/components/assistantWidget/AssistantWidget.d.ts

@@ -1,8 +1,36 @@
 import { FC } from 'react';
 import { AssistantTransport } from './types';
-export interface AssistantWidgetProps {
-    /** Backend adapter supplied by the host product. */
+/**
+ * One selectable assistant mode. Supply two or more via `modes` to render a
+ * mode switcher in the header — e.g. a "Workflow" assistant and a "Build a node"
+ * assistant, each with its own transport. Switching modes starts that mode's
+ * conversation (state is not shared across modes).
+ */
+export interface AssistantModeOption {
+    /** Stable id used for selection + persistence. */
+    id: string;
+    /** Short label shown in the mode switcher. */
+    label: string;
+    /** Backend adapter for this mode. */
     transport: AssistantTransport;
+    /** Optional per-mode header title / empty-state subtitle / input placeholder. */
+    title?: string;
+    subtitle?: string;
+    placeholder?: string;
+}
+export interface AssistantWidgetProps {
+    /**
+     * Backend adapter supplied by the host product. Optional only when `modes` is
+     * provided (each mode carries its own transport); supply exactly one of the two.
+     */
+    transport?: AssistantTransport;
+    /**
+     * Two or more assistant modes, rendered as a switcher in the header. When
+     * omitted, the widget is single-mode and behaves exactly as before.
+     */
+    modes?: AssistantModeOption[];
+    /** Initially-selected mode id when `modes` is used (defaults to the first). */
+    defaultModeId?: string;
     /** Window header title. */
     title?: string;
     /** Short helper line shown above the first message. */

package/dist/shared/components/assistantWidget/AssistantWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantWidget.d.ts","sourceRoot":"","sources":["../../../../src/shared/components/assistantWidget/AssistantWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAA2B,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAEnG,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AA6C1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAolBpD,CAAC"}
+{"version":3,"file":"AssistantWidget.d.ts","sourceRoot":"","sources":["../../../../src/shared/components/assistantWidget/AssistantWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAML,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAiBf,OAAO,KAAK,EAA2B,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAEnG;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,8EAA8E;AAC9E,eAAO,MAAM,6BAA6B,+BAA+B,CAAC;AA6C1E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAwsBpD,CAAC"}

package/dist/shared/components/assistantWidget/AssistantWidget.js

@@ -2,145 +2,170 @@ import { cn as e } from "../../utils/cn.js";
 import { useVoiceInput as t } from "./useVoiceInput.js";
 import { MessageContent as n } from "./MessageContent.js";
 import { useCallback as r, useEffect as i, useMemo as ee, useRef as a, useState as o } from "react";
-import { History as s, Loader2 as c, MessageCircle as l, Mic as te, PanelLeftClose as ne, PanelLeftOpen as re, Plus as ie, Send as ae, Sparkles as u, Trash2 as oe, X as d } from "lucide-react";
-import { Fragment as se, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { History as te, Loader2 as s, MessageCircle as ne, Mic as re, PanelLeftClose as ie, PanelLeftOpen as ae, Plus as oe, Send as se, Sparkles as c, Trash2 as ce, X as l } from "lucide-react";
+import { Fragment as le, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/shared/components/assistantWidget/AssistantWidget.tsx
-var m = "bf:toggle-assistant-widget", h = "bf:assistant-widget:isOpen", g = "bf:assistant-widget:railOpen";
-function ce() {
+var f = "bf:toggle-assistant-widget", p = "bf:assistant-widget:isOpen", m = "bf:assistant-widget:railOpen";
+function ue() {
 	if (typeof window > "u") return !0;
 	try {
-		return window.sessionStorage.getItem(g) !== "0";
+		return window.sessionStorage.getItem(m) !== "0";
 	} catch {
 		return !0;
 	}
 }
-function le(e) {
+function de(e) {
 	if (!(typeof window > "u")) try {
-		window.sessionStorage.setItem(g, e ? "1" : "0");
+		window.sessionStorage.setItem(m, e ? "1" : "0");
 	} catch {}
 }
-function ue() {
+function fe() {
 	if (typeof window > "u") return !1;
 	try {
-		return window.sessionStorage.getItem(h) === "1";
+		return window.sessionStorage.getItem(p) === "1";
 	} catch {
 		return !1;
 	}
 }
-function _(e) {
+function h(e) {
 	if (!(typeof window > "u")) try {
-		window.sessionStorage.setItem(h, e ? "1" : "0");
+		window.sessionStorage.setItem(p, e ? "1" : "0");
 	} catch {}
 }
-function v() {
+function pe() {
 	return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 }
-var y = ({ transport: h, title: g = "AI Assistant", subtitle: y = "Ask me to do things on this screen — I can run them for you.", placeholder: de = "Ask anything, or describe what to create…", launcherClassName: b, voiceLang: x = "en-US", layout: S = "floating", showSessionPanel: fe = !1, onNavigate: pe, topOffsetPx: C = 0 }) => {
-	let [w, T] = o(() => ue()), [E, D] = o([]), [O, k] = o(""), [A, j] = o(!1), [me, M] = o(!1), [N, P] = o([]), [F, I] = o(!1), [L, R] = o(!1), [z, he] = o(() => ce()), B = a(null), V = a(null), H = a(null), U = a(!1), W = S === "sidebar", G = fe && !!h.newSession, K = r(() => {
-		he((e) => {
+var g = ({ transport: p, modes: m, defaultModeId: g, title: _ = "AI Assistant", subtitle: v = "Ask me to do things on this screen — I can run them for you.", placeholder: y = "Ask anything, or describe what to create…", launcherClassName: b, voiceLang: me = "en-US", layout: x = "floating", showSessionPanel: he = !1, onNavigate: ge, topOffsetPx: S = 0 }) => {
+	let C = ee(() => m && m.length > 0 ? m : [{
+		id: "__default__",
+		label: _,
+		transport: p,
+		title: _,
+		subtitle: v,
+		placeholder: y
+	}], [
+		m,
+		p,
+		_,
+		v,
+		y
+	]), [w, _e] = o(() => g ?? C[0]?.id ?? "__default__"), T = C.find((e) => e.id === w) ?? C[0], E = T.transport, ve = T.title ?? _, ye = T.subtitle ?? v, be = T.placeholder ?? y;
+	i(() => {
+		C.some((e) => e.id === w) || _e(C[0]?.id ?? "__default__");
+	}, [C, w]);
+	let D = !!E;
+	i(() => {
+		D || console.error("[AssistantWidget] No transport available — supply `transport`, or a non-empty `modes` where each entry has a transport.");
+	}, [D]);
+	let [O, k] = o(() => fe()), [A, j] = o([]), [M, N] = o(""), [P, F] = o(!1), [xe, I] = o(!1), [L, R] = o([]), [z, B] = o(!1), [Se, V] = o(!1), [H, Ce] = o(() => ue()), U = a(null), W = a(null), G = a(null), K = a(!1), q = x === "sidebar", we = he && !!E?.newSession, Te = r(() => {
+		Ce((e) => {
 			let t = !e;
-			return le(t), t;
+			return de(t), t;
 		});
-	}, []), q = t(x), J = r(() => {
-		_(!0), T(!0), h.prewarm?.("full");
-	}, [h]), Y = r(() => {
-		_(!1), T(!1), h.suspend?.();
-	}, [h]), X = r(() => {
-		T((e) => {
+	}, []), J = t(me), Ee = r(() => {
+		h(!0), k(!0), E.prewarm?.("full");
+	}, [E]), Y = r(() => {
+		h(!1), k(!1), E.suspend?.();
+	}, [E]), X = r(() => {
+		k((e) => {
 			let t = !e;
-			return _(t), t ? h.prewarm?.("full") : h.suspend?.(), t;
+			return h(t), t ? E.prewarm?.("full") : E.suspend?.(), t;
 		});
-	}, [h]);
+	}, [E]);
 	i(() => {
 		let e = (e) => {
 			let t = e.detail;
-			t?.open === !0 ? J() : t?.open === !1 ? Y() : X();
+			t?.open === !0 ? Ee() : t?.open === !1 ? Y() : X();
 		};
-		return window.addEventListener(m, e), () => window.removeEventListener(m, e);
+		return window.addEventListener(f, e), () => window.removeEventListener(f, e);
 	}, [
-		J,
+		Ee,
 		Y,
 		X
 	]), i(() => {
-		q.isListening && q.transcript && k(q.transcript);
-	}, [q.transcript, q.isListening]), i(() => {
-		if (!w || U.current) return;
-		let e = h.loadHistory;
+		J.isListening && J.transcript && N(J.transcript);
+	}, [J.transcript, J.isListening]);
+	let De = a(w);
+	i(() => {
+		De.current !== w && (De.current = w, G.current?.abort(), G.current = null, F(!1), j([]), N(""), R([]), B(!1), I(!1), K.current = !1);
+	}, [w]), i(() => {
+		if (!O || K.current) return;
+		let e = E.loadHistory;
 		if (!e) {
-			U.current = !0;
+			K.current = !0;
 			return;
 		}
-		U.current = !0;
+		K.current = !0;
 		let t = !1;
-		return M(!0), (async () => {
+		return I(!0), (async () => {
 			try {
 				let n = await e();
-				!t && n.length > 0 && D((e) => e.length === 0 ? n : e);
+				!t && n.length > 0 && j((e) => e.length === 0 ? n : e);
 			} catch {} finally {
-				t || M(!1);
+				t || I(!1);
 			}
 		})(), () => {
 			t = !0;
 		};
-	}, [w, h]), i(() => {
-		w && V.current && (V.current.scrollTop = V.current.scrollHeight);
-	}, [E, w]);
+	}, [O, E]), i(() => {
+		O && W.current && (W.current.scrollTop = W.current.scrollHeight);
+	}, [A, O]);
 	let Z = r((e, t) => {
-		D((n) => n.map((n) => n.id === e ? {
+		j((n) => n.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
 	}, []), Q = r(async () => {
-		if (h.listSessions) {
-			R(!0);
+		if (E.listSessions) {
+			V(!0);
 			try {
-				P(await h.listSessions());
+				R(await E.listSessions());
 			} catch {
-				P([]);
+				R([]);
 			} finally {
-				R(!1);
+				V(!1);
 			}
 		}
-	}, [h]), ge = r(async () => {
-		!h.newSession || A || (D([]), k(""), I(!1), await h.newSession());
-	}, [h, A]), _e = r(async (e, t) => {
-		if (!(!h.deleteSession || A)) {
-			P((t) => t.filter((t) => t.id !== e)), t && (D([]), k(""));
+	}, [E]), Oe = r(async () => {
+		!E.newSession || P || (j([]), N(""), B(!1), await E.newSession());
+	}, [E, P]), ke = r(async (e, t) => {
+		if (!(!E.deleteSession || P)) {
+			R((t) => t.filter((t) => t.id !== e)), t && (j([]), N(""));
 			try {
-				await h.deleteSession(e);
+				await E.deleteSession(e);
 			} finally {
 				Q();
 			}
 		}
 	}, [
-		h,
-		A,
+		E,
+		P,
 		Q
-	]), ve = r(() => {
-		I((e) => (e || Q(), !e));
-	}, [Q]), ye = r(async (e) => {
-		if (!(!h.selectSession || A)) {
-			M(!0);
+	]), Ae = r(() => {
+		B((e) => (e || Q(), !e));
+	}, [Q]), je = r(async (e) => {
+		if (!(!E.selectSession || P)) {
+			I(!0);
 			try {
-				D(await h.selectSession(e)), I(!1), Q();
+				j(await E.selectSession(e)), B(!1), Q();
 			} catch {} finally {
-				M(!1);
+				I(!1);
 			}
 		}
 	}, [
-		h,
-		A,
+		E,
+		P,
 		Q
 	]), $ = r(async () => {
-		let e = O.trim();
-		if (!e || A) return;
-		q.isListening && q.stop(), q.reset(), k(""), B.current && (B.current.style.height = "auto");
+		let e = M.trim();
+		if (!e || P) return;
+		J.isListening && J.stop(), J.reset(), N(""), U.current && (U.current.style.height = "auto");
 		let t = {
-			id: v(),
+			id: pe(),
 			role: "user",
 			content: e
-		}, n = v();
-		D((e) => [
+		}, n = pe();
+		j((e) => [
 			...e,
 			t,
 			{
@@ -149,11 +174,11 @@ var y = ({ transport: h, title: g = "AI Assistant", subtitle: y = "Ask me to do
 				content: "",
 				pending: !0
 			}
-		]), j(!0);
+		]), F(!0);
 		let r = new AbortController();
-		H.current = r;
+		G.current = r;
 		try {
-			let { text: t } = await h.sendPrompt({
+			let { text: t } = await E.sendPrompt({
 				prompt: e,
 				signal: r.signal,
 				onProgress: (e) => Z(n, { content: e })
@@ -169,217 +194,238 @@ var y = ({ transport: h, title: g = "AI Assistant", subtitle: y = "Ask me to do
 				error: !0
 			});
 		} finally {
-			j(!1), H.current = null, F && Q();
+			F(!1), G.current = null, z && Q();
 		}
 	}, [
-		O,
-		A,
+		M,
+		P,
 		Z,
-		h,
-		q,
-		F,
+		E,
+		J,
+		z,
 		Q
-	]), be = r((e) => {
+	]), Me = r((e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), $());
-	}, [$]), xe = r(() => {
-		let e = B.current;
+	}, [$]), Ne = r(() => {
+		let e = U.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 120)}px`);
-	}, []), Se = r(() => {
-		q.isListening ? q.stop() : q.start();
-	}, [q]);
-	return /* @__PURE__ */ p(se, { children: [ee(() => /* @__PURE__ */ f("button", {
+	}, []), Pe = r(() => {
+		J.isListening ? J.stop() : J.start();
+	}, [J]), Fe = ee(() => /* @__PURE__ */ u("button", {
 		type: "button",
 		onClick: X,
-		onMouseEnter: () => !w && h.prewarm?.("probe"),
-		onFocus: () => !w && h.prewarm?.("probe"),
-		"aria-label": w ? "Close AI assistant" : "Open AI assistant",
-		"aria-expanded": w,
+		onMouseEnter: () => !O && E.prewarm?.("probe"),
+		onFocus: () => !O && E.prewarm?.("probe"),
+		"aria-label": O ? "Close AI assistant" : "Open AI assistant",
+		"aria-expanded": O,
 		"data-testid": "assistant-widget-launcher",
 		className: e("fixed bottom-6 right-6 z-[100] inline-flex size-14 items-center justify-center rounded-full", "bg-action-primary-bg text-action-primary-text shadow-xl transition-transform duration-200", "hover:scale-105 hover:bg-action-primary-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer", b),
-		children: f(w ? d : u, { className: "size-6" })
+		children: u(O ? l : c, { className: "size-6" })
 	}), [
-		w,
+		O,
 		X,
 		b,
-		h
-	]), w ? /* @__PURE__ */ p("div", {
+		E
+	]);
+	return D ? /* @__PURE__ */ d(le, { children: [Fe, O ? /* @__PURE__ */ d("div", {
 		role: "dialog",
-		"aria-label": g,
+		"aria-label": ve,
 		"data-testid": "assistant-widget-window",
-		"data-layout": S,
-		style: W ? {
-			top: C,
-			height: `calc(100vh - ${String(C)}px)`
+		"data-layout": x,
+		style: q ? {
+			top: S,
+			height: `calc(100vh - ${String(S)}px)`
 		} : void 0,
-		className: e("fixed z-[100] flex overflow-hidden border-border-default bg-bg-surface shadow-2xl", W ? "bottom-0 right-0 w-full border-l sm:w-[480px] lg:w-[560px] animate-in slide-in-from-right duration-200" : "flex-col rounded-xl border bottom-24 right-6 h-[560px] max-h-[calc(100vh-7rem)] w-[calc(100vw-3rem)] sm:w-[400px] animate-in slide-in-from-bottom-2 fade-in duration-200"),
-		children: [W && G && z ? /* @__PURE__ */ p("aside", {
+		className: e("fixed z-[100] flex overflow-hidden border-border-default bg-bg-surface shadow-2xl", q ? "bottom-0 right-0 w-full border-l sm:w-[480px] lg:w-[560px] animate-in slide-in-from-right duration-200" : "flex-col rounded-xl border bottom-24 right-6 h-[560px] max-h-[calc(100vh-7rem)] w-[calc(100vw-3rem)] sm:w-[400px] animate-in slide-in-from-bottom-2 fade-in duration-200"),
+		children: [q && we && H ? /* @__PURE__ */ d("aside", {
 			"data-testid": "assistant-session-panel",
 			className: "flex w-[168px] shrink-0 flex-col gap-1 border-r border-border-subtle bg-bg-sunken p-2",
 			children: [
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: K,
+					onClick: Te,
 					"aria-label": "Hide chats",
 					"aria-expanded": !0,
 					title: "Hide chats",
 					"data-testid": "assistant-rail-toggle",
 					className: "mb-1 flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-					children: [/* @__PURE__ */ f(ne, { className: "size-4 shrink-0" }), "Hide chats"]
+					children: [/* @__PURE__ */ u(ie, { className: "size-4 shrink-0" }), "Hide chats"]
 				}),
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: () => void ge(),
-					disabled: A,
+					onClick: () => void Oe(),
+					disabled: P,
 					"data-testid": "assistant-new-chat",
 					className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface disabled:opacity-50 cursor-pointer",
-					children: [/* @__PURE__ */ f(ie, { className: "size-4 shrink-0" }), "New chat"]
+					children: [/* @__PURE__ */ u(oe, { className: "size-4 shrink-0" }), "New chat"]
 				}),
-				/* @__PURE__ */ p("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: ve,
-					"aria-expanded": F,
+					onClick: Ae,
+					"aria-expanded": z,
 					"data-testid": "assistant-history-toggle",
 					className: "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium text-text-primary transition-colors hover:bg-bg-surface cursor-pointer",
-					children: [/* @__PURE__ */ f(s, { className: "size-4 shrink-0" }), "History"]
+					children: [/* @__PURE__ */ u(te, { className: "size-4 shrink-0" }), "History"]
 				}),
-				F ? /* @__PURE__ */ f("div", {
+				z ? /* @__PURE__ */ u("div", {
 					"data-testid": "assistant-history-list",
 					className: "mt-1 flex-1 space-y-0.5 overflow-y-auto border-t border-border-subtle pt-2",
-					children: L && N.length === 0 ? /* @__PURE__ */ p("p", {
+					children: Se && L.length === 0 ? /* @__PURE__ */ d("p", {
 						className: "flex items-center gap-1.5 px-2 py-1 text-[11px] text-text-muted",
-						children: [/* @__PURE__ */ f(c, { className: "size-3 animate-spin" }), "Loading…"]
-					}) : N.length === 0 ? /* @__PURE__ */ f("p", {
+						children: [/* @__PURE__ */ u(s, { className: "size-3 animate-spin" }), "Loading…"]
+					}) : L.length === 0 ? /* @__PURE__ */ u("p", {
 						className: "px-2 py-1 text-[11px] leading-relaxed text-text-muted",
 						children: "No past chats yet."
-					}) : N.map((t) => /* @__PURE__ */ p("div", {
+					}) : L.map((t) => /* @__PURE__ */ d("div", {
 						"data-testid": "assistant-history-row",
 						className: e("group flex items-center gap-1 rounded pr-1 transition-colors", t.active ? "bg-bg-surface" : "hover:bg-bg-surface"),
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => void ye(t.id),
+							onClick: () => void je(t.id),
 							title: t.title,
 							"data-testid": "assistant-history-item",
 							className: e("min-w-0 flex-1 truncate rounded px-2 py-1.5 text-left text-[11px] leading-relaxed cursor-pointer", t.active ? "font-medium text-text-primary" : "text-text-secondary group-hover:text-text-primary"),
 							children: t.title
-						}), h.deleteSession ? /* @__PURE__ */ f("button", {
+						}), E.deleteSession ? /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => void _e(t.id, !!t.active),
-							disabled: A,
+							onClick: () => void ke(t.id, !!t.active),
+							disabled: P,
 							"aria-label": `Delete chat: ${t.title}`,
 							title: "Delete this chat",
 							"data-testid": "assistant-delete-chat",
 							className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-text-muted opacity-0 transition-opacity hover:text-status-error-bg focus-visible:opacity-100 group-hover:opacity-100 disabled:opacity-30 cursor-pointer",
-							children: /* @__PURE__ */ f(oe, { className: "size-3.5" })
+							children: /* @__PURE__ */ u(ce, { className: "size-3.5" })
 						}) : null]
 					}, t.id))
 				}) : null
 			]
-		}) : null, /* @__PURE__ */ p("div", {
+		}) : null, /* @__PURE__ */ d("div", {
 			className: "flex min-w-0 flex-1 flex-col",
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between gap-2 border-b border-border-subtle bg-bg-surface px-4 py-3",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex min-w-0 items-center gap-2",
-						children: [W && G && !z ? /* @__PURE__ */ p("button", {
+						children: [q && we && !H ? /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: K,
+							onClick: Te,
 							"aria-label": "Show chats",
 							"aria-expanded": !1,
 							title: "Show chats",
 							"data-testid": "assistant-rail-toggle",
 							className: "inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border-subtle px-2 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-							children: [/* @__PURE__ */ f(re, { className: "size-4" }), "Chats"]
-						}) : /* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ u(ae, { className: "size-4" }), "Chats"]
+						}) : /* @__PURE__ */ u("span", {
 							className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-action-primary-bg",
-							children: /* @__PURE__ */ f(u, { className: "size-4" })
-						}), /* @__PURE__ */ f("h2", {
+							children: /* @__PURE__ */ u(c, { className: "size-4" })
+						}), /* @__PURE__ */ u("h2", {
 							className: "truncate text-sm font-semibold text-text-primary",
-							children: g
+							children: ve
 						})]
-					}), /* @__PURE__ */ f("button", {
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
 						onClick: Y,
 						"aria-label": "Close AI assistant",
 						"data-testid": "assistant-widget-close",
 						className: "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer",
-						children: /* @__PURE__ */ f(d, { className: "size-4" })
+						children: /* @__PURE__ */ u(l, { className: "size-4" })
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
-					ref: V,
+				C.length > 1 ? /* @__PURE__ */ u("div", {
+					role: "tablist",
+					"aria-label": "Assistant mode",
+					"data-testid": "assistant-mode-switcher",
+					className: "flex items-center gap-1 border-b border-border-subtle bg-bg-surface px-3 py-2",
+					children: C.map((t) => {
+						let n = t.id === w;
+						return /* @__PURE__ */ u("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": n,
+							tabIndex: n ? 0 : -1,
+							onClick: () => _e(t.id),
+							disabled: P,
+							title: P ? "Finish the current turn before switching" : t.label,
+							"data-testid": `assistant-mode-${t.id}`,
+							className: e("rounded-md px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", n ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+							children: t.label
+						}, t.id);
+					})
+				}) : null,
+				/* @__PURE__ */ u("div", {
+					ref: W,
 					className: "flex-1 space-y-3 overflow-y-auto px-4 py-4",
 					"data-testid": "assistant-widget-messages",
-					children: E.length === 0 && me ? /* @__PURE__ */ p("div", {
+					children: A.length === 0 && xe ? /* @__PURE__ */ d("div", {
 						"data-testid": "assistant-widget-restoring",
 						className: "flex h-full flex-col items-center justify-center gap-3 text-center",
-						children: [/* @__PURE__ */ f(c, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ f("p", {
+						children: [/* @__PURE__ */ u(s, { className: "size-5 animate-spin text-text-secondary" }), /* @__PURE__ */ u("p", {
 							className: "text-xs leading-relaxed text-text-secondary",
 							children: "Restoring your conversation…"
 						})]
-					}) : E.length === 0 ? /* @__PURE__ */ p("div", {
+					}) : A.length === 0 ? /* @__PURE__ */ d("div", {
 						className: "flex h-full flex-col items-center justify-center gap-3 text-center",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ u("span", {
 							className: "inline-flex size-12 items-center justify-center rounded-full bg-bg-sunken text-action-primary-bg",
-							children: /* @__PURE__ */ f(l, { className: "size-6" })
-						}), /* @__PURE__ */ f("p", {
+							children: /* @__PURE__ */ u(ne, { className: "size-6" })
+						}), /* @__PURE__ */ u("p", {
 							className: "max-w-[16rem] text-xs leading-relaxed text-text-secondary",
-							children: y
+							children: ye
 						})]
-					}) : E.map((t) => /* @__PURE__ */ f("div", {
+					}) : A.map((t) => /* @__PURE__ */ u("div", {
 						className: e("flex", t.role === "user" ? "justify-end" : "justify-start"),
-						children: /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ d("div", {
 							"data-testid": `assistant-widget-message-${t.role}`,
-							className: e("whitespace-pre-wrap break-words rounded-lg px-3 py-2 text-xs leading-relaxed", W ? "max-w-[92%]" : "max-w-[85%]", t.role === "user" ? "bg-action-primary-bg text-action-primary-text" : t.error ? "bg-status-error-bg/10 text-status-error-bg" : "bg-bg-sunken text-text-primary"),
-							children: [t.content ? /* @__PURE__ */ f(n, {
+							className: e("whitespace-pre-wrap break-words rounded-lg px-3 py-2 text-xs leading-relaxed", q ? "max-w-[92%]" : "max-w-[85%]", t.role === "user" ? "bg-action-primary-bg text-action-primary-text" : t.error ? "bg-status-error-bg/10 text-status-error-bg" : "bg-bg-sunken text-text-primary"),
+							children: [t.content ? /* @__PURE__ */ u(n, {
 								content: t.content,
-								onNavigate: pe
-							}) : null, t.pending ? /* @__PURE__ */ p("span", {
+								onNavigate: ge
+							}) : null, t.pending ? /* @__PURE__ */ d("span", {
 								"data-testid": "assistant-widget-working",
 								className: e("inline-flex items-center gap-1 text-text-secondary", t.content ? "mt-1" : ""),
-								children: [/* @__PURE__ */ f(c, { className: "size-3 animate-spin" }), t.content ? null : /* @__PURE__ */ f("span", { children: "Working on it…" })]
+								children: [/* @__PURE__ */ u(s, { className: "size-3 animate-spin" }), t.content ? null : /* @__PURE__ */ u("span", { children: "Working on it…" })]
 							}) : null]
 						})
 					}, t.id))
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex items-end gap-2 border-t border-border-default bg-bg-surface px-3 py-2.5",
 					children: [
-						q.isSupported ? /* @__PURE__ */ f("button", {
+						J.isSupported ? /* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: Se,
-							"aria-label": q.isListening ? "Stop voice input" : "Start voice input",
-							"aria-pressed": q.isListening,
+							onClick: Pe,
+							"aria-label": J.isListening ? "Stop voice input" : "Start voice input",
+							"aria-pressed": J.isListening,
 							"data-testid": "assistant-widget-mic",
-							className: e("flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer", q.isListening ? "animate-pulse bg-status-error-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
-							children: /* @__PURE__ */ f(te, { className: "size-4" })
+							className: e("flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong cursor-pointer", J.isListening ? "animate-pulse bg-status-error-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+							children: /* @__PURE__ */ u(re, { className: "size-4" })
 						}) : null,
-						/* @__PURE__ */ f("textarea", {
-							ref: B,
-							value: O,
-							onChange: (e) => k(e.target.value),
-							onKeyDown: be,
-							onInput: xe,
+						/* @__PURE__ */ u("textarea", {
+							ref: U,
+							value: M,
+							onChange: (e) => N(e.target.value),
+							onKeyDown: Me,
+							onInput: Ne,
 							rows: 1,
-							placeholder: de,
+							placeholder: be,
 							"aria-label": "Message the assistant",
 							"data-testid": "assistant-widget-input",
 							className: "flex-1 resize-none rounded-lg border border-border-default bg-bg-sunken px-3 py-2 text-xs leading-relaxed text-text-primary placeholder:text-text-muted focus:border-action-primary-bg focus:outline-none"
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: () => void $(),
-							disabled: A || O.trim().length === 0,
+							disabled: P || M.trim().length === 0,
 							"aria-label": "Send message",
 							"data-testid": "assistant-widget-send",
 							className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg text-action-primary-text transition-colors hover:bg-action-primary-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-border-strong disabled:opacity-50 cursor-pointer",
-							children: A ? /* @__PURE__ */ f(c, { className: "size-4 animate-spin" }) : /* @__PURE__ */ f(ae, { className: "size-4" })
+							children: P ? /* @__PURE__ */ u(s, { className: "size-4 animate-spin" }) : /* @__PURE__ */ u(se, { className: "size-4" })
 						})
 					]
 				})
 			]
 		})]
-	}) : null] });
+	}) : null] }) : null;
 };
 //#endregion
-export { m as ASSISTANT_WIDGET_TOGGLE_EVENT, y as AssistantWidget };
+export { f as ASSISTANT_WIDGET_TOGGLE_EVENT, g as AssistantWidget };