@burdenoff/fe-libs 2026.1029.11 → 2026.1030.2

package/dist/shared/assistant/ui/AIAssistantPanel.js

@@ -30,255 +30,275 @@ import { AssistantConversationMenu as Fe } from "./compact/AssistantConversation
 import { AssistantDiscardDraftDialog as Ie } from "./compact/AssistantDiscardDraftDialog.js";
 import { AssistantMenuView as Le } from "./compact/AssistantMenuView.js";
 import { AssistantWindowHeader as Re } from "./compact/AssistantWindowHeader.js";
-import { useCallback as n, useEffect as r, useId as ze, useMemo as i, useRef as a, useState as o } from "react";
-import { Fragment as Be, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { WINDOW_VOICE_IDLE as ze, useAssistantWindowView as Be } from "./compact/windowView.js";
+import { useCallback as n, useEffect as r, useId as Ve, useMemo as i, useRef as a, useState as o } from "react";
+import { Fragment as He, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AIAssistantPanel.tsx
-var Ve = { backgroundColor: "var(--color-bg-elevated)" }, l = ({ onClose: l, visible: u, docked: d, onToggleDock: f, writeAccess: He, onNavigate: Ue, isShellLessTarget: We, connectSourceHref: Ge, onConnectSource: Ke, preview: p, liveAvatar: m, presentation: h, onExpandedChange: g, surface: _, onOpenFull: v, onMinimize: y, serverHistory: qe = !1 }) => {
-	let b = te(), Je = de(m);
-	Te(qe);
-	let [Ye, x] = o(!1), S = ge(p);
-	Ye && !S && x(!1);
-	let C = Ye && S;
-	me(_e(p, ve()));
-	let w = a(null);
-	e(w);
-	let { conversations: Xe, activeConversationId: Ze, conversationListOpen: T, setConversationListOpen: E, createConversation: D } = ne(), O = h === "compact", k = O && _ === "window", [Qe, A] = o(!1), j = a(!1);
-	Qe && (!O || k || T || C) && A(!1);
-	let M = O && Qe, [$e, et] = o(!1), N = je(O && !k && g !== void 0), [P, tt] = o(!1), F = N && P;
+var Ue = { backgroundColor: "var(--color-bg-elevated)" }, l = ({ onClose: l, visible: u, docked: We, onToggleDock: d, writeAccess: Ge, onNavigate: Ke, isShellLessTarget: qe, connectSourceHref: Je, onConnectSource: Ye, preview: f, liveAvatar: p, presentation: m, onExpandedChange: h, surface: g, onOpenFull: Xe, onMinimize: _, windowView: Ze, onWindowViewChange: Qe, serverHistory: $e = !1 }) => {
+	let v = te(), et = de(p);
+	Te($e);
+	let [tt, y] = o(!1), b = ge(f);
+	tt && !b && y(!1);
+	let x = tt && b;
+	me(_e(f, ve()));
+	let S = a(null);
+	e(S);
+	let { conversations: nt, activeConversationId: rt, conversationListOpen: C, setConversationListOpen: w, createConversation: T } = ne(), E = m === "compact", D = E && g === "window", [it, O] = o(!1), k = a(!1);
+	it && (!E || D || C || x) && O(!1);
+	let A = E && it, [at, ot] = o(!1), j = je(E && !D && h !== void 0), [M, st] = o(!1), N = j && M;
 	r(() => {
-		P && !N && (tt(!1), g?.(!1));
+		M && !j && (st(!1), h?.(!1));
 	}, [
-		P,
-		N,
-		g
+		M,
+		j,
+		h
 	]);
-	let nt = () => {
-		let e = !F;
-		tt(e), g?.(e);
-	}, rt = a(!1), it = a(g);
+	let ct = () => {
+		let e = !N;
+		st(e), h?.(e);
+	}, lt = a(!1), ut = a(h);
 	r(() => {
-		rt.current = F, it.current = g;
+		lt.current = N, ut.current = h;
 	}), r(() => () => {
-		rt.current && it.current?.(!1);
+		lt.current && ut.current?.(!1);
 	}, []);
-	let I = T || C || M, L = m?.tab, at = fe(L), [R, z] = o(!1);
-	R && (!L || u === !1 || k) && z(!1);
-	let B = L !== void 0 && (at || R), V = ze(), ot = ze(), H = i(() => B ? {
-		chatTab: `${V}-chat-tab`,
-		avatarTab: `${V}-avatar-tab`,
-		chatPanel: `${V}-chat-panel`,
-		avatarPanel: `${V}-avatar-panel`,
-		leaveHint: `${V}-avatar-leave`
-	} : null, [B, V]), st = n(() => z(!1), []), U = a(null), ct = n((e) => {
-		U.current = e;
-	}, []), lt = i(() => ({
-		open: R,
-		close: st,
-		ids: H,
-		covered: I,
-		setReplyEscape: ct
+	let P = C || x || A, F = p?.tab, dt = fe(F), [I, L] = o(!1);
+	I && (!F || u === !1 || D) && L(!1);
+	let R = F !== void 0 && (dt || I), z = Ve(), ft = Ve(), B = i(() => R ? {
+		chatTab: `${z}-chat-tab`,
+		avatarTab: `${z}-avatar-tab`,
+		chatPanel: `${z}-chat-panel`,
+		avatarPanel: `${z}-avatar-panel`,
+		leaveHint: `${z}-avatar-leave`
+	} : null, [R, z]), pt = n(() => L(!1), []), V = a(null), mt = n((e) => {
+		V.current = e;
+	}, []), ht = i(() => ({
+		open: I,
+		close: pt,
+		ids: B,
+		covered: P,
+		setReplyEscape: mt
 	}), [
-		R,
-		st,
-		H,
 		I,
-		ct
-	]), ut = (e) => z(e === "avatar"), dt = () => {
-		A(!1), ut("avatar"), j.current = !0;
-	}, ft = oe({
-		historyOpen: T,
-		previewOpen: C,
-		avatarOpen: R
-	}) ?? (M ? "menu" : null), W = (e) => {
+		pt,
+		B,
+		P,
+		mt
+	]), gt = (e) => L(e === "avatar"), _t = () => {
+		O(!1), gt("avatar"), k.current = !0;
+	}, vt = oe({
+		historyOpen: C,
+		previewOpen: x,
+		avatarOpen: I
+	}) ?? (A ? "menu" : null), H = (e) => {
 		let t = ce({
-			historyOpen: T,
-			previewOpen: C
+			historyOpen: C,
+			previewOpen: x
 		}, e);
-		E(t.historyOpen), x(t.previewOpen);
+		w(t.historyOpen), y(t.previewOpen);
 	};
-	t("assistant.history", i(() => ({ run: () => T ? { status: "already" } : (E(!0), x(!1), { status: "done" }) }), [T, E])), t("assistant.preview", i(() => S ? {
+	t("assistant.history", i(() => ({ run: () => C ? { status: "already" } : (w(!0), y(!1), { status: "done" }) }), [C, w])), t("assistant.preview", i(() => b ? {
 		surface: "panel",
-		run: () => C ? { status: "already" } : (E(!1), x(!0), { status: "done" }),
-		close: () => C ? (x(!1), { status: "done" }) : { status: "already" }
+		run: () => x ? { status: "already" } : (w(!1), y(!0), { status: "done" }),
+		close: () => x ? (y(!1), { status: "done" }) : { status: "already" }
 	} : null, [
-		S,
-		C,
-		E
+		b,
+		x,
+		w
 	]));
-	let G = Xe.find((e) => e.id === Ze);
-	Oe(G?.backendSessionId ?? null, G?.mode ?? null, u ?? !0), Ee(u ?? !0);
-	let pt = ee(u !== !1), K = Ne(), q = a(!1), mt = n((e) => {
-		q.current = e;
-	}, []), J = a(!1), [ht, Y] = o(!1), X = n(() => Ae({
-		compact: O,
-		unsent: q.current,
-		confirmed: J.current
-	}) === "close" ? !1 : (Y(!0), !0), [O]);
+	let yt = nt.find((e) => e.id === rt);
+	Oe(yt?.backendSessionId ?? null, yt?.mode ?? null, u ?? !0), Ee(u ?? !0);
+	let bt = ee(u !== !1), U = Ne(), W = a(!1), xt = n((e) => {
+		W.current = e;
+	}, []), G = a(!1), [St, K] = o(!1), q = n(() => Ae({
+		compact: E,
+		unsent: W.current,
+		confirmed: G.current
+	}) === "close" ? !1 : (K(!0), !0), [E]);
 	r(() => {
-		if (!(!O || !K)) return K(X);
+		if (!(!E || !U)) return U(q);
 	}, [
-		O,
-		K,
-		X
+		E,
+		U,
+		q
 	]);
-	let Z = n(() => {
-		if (k && y) {
-			y();
+	let J = n(() => {
+		if (D && _) {
+			_();
 			return;
 		}
-		X() || l();
+		q() || l();
 	}, [
-		k,
-		y,
-		X,
+		D,
+		_,
+		q,
 		l
-	]), gt = () => {
-		J.current = !0, q.current = !1, Y(!1);
+	]), Ct = () => {
+		G.current = !0, W.current = !1, K(!1);
 		try {
 			l();
 		} finally {
-			J.current = !1;
+			G.current = !1;
 		}
-	}, Q = a(null), _t = a(null), vt = a(null), yt = n(() => A(!1), []), [bt, xt] = o(0), St = n(() => {
-		D(), A(!1), E(!1), xt((e) => e + 1);
-	}, [D, E]), Ct = n(() => {
-		v?.(), xt((e) => e + 1);
-	}, [v]), wt = n(() => {
-		A(!1), et(!0);
-	}, []), $ = a(!1);
+	}, Y = a(null), wt = a(null), Tt = a(null), Et = n(() => O(!1), []), [Dt, X] = o(0), Ot = n(() => {
+		T(), O(!1), w(!1), X((e) => e + 1);
+	}, [T, w]), [Z, kt] = o(ze), At = n((e) => {
+		kt((t) => t.available === e.available && t.live === e.live ? t : e);
+	}, []), Q = Be({
+		stored: Ze ?? null,
+		onRemember: Qe,
+		voice: Z
+	}), jt = n((e) => {
+		Xe?.(), !Z.live && e?.review !== !0 && X((e) => e + 1);
+	}, [Xe, Z.live]), $ = Q.remember, Mt = n(() => $("chat"), [$]), Nt = n(() => {
+		$("chat"), X((e) => e + 1);
+	}, [$]), Pt = n(() => {
+		O(!1), ot(!0);
+	}, []), Ft = a(!1);
 	return r(() => {
-		if ($.current && !M) {
+		if (Ft.current && !A) {
 			let e = document.activeElement;
-			(!e || e === document.body || e === w.current) && _t.current?.focus({ preventScroll: !0 });
+			(!e || e === document.body || e === S.current) && wt.current?.focus({ preventScroll: !0 });
 		}
-		$.current = M;
-	}, [M]), r(() => {
-		bt > 0 && Q.current?.focus({ preventScroll: !0 });
-	}, [bt]), r(() => {
-		!j.current || !R || !H || (j.current = !1, document.getElementById(H.avatarTab)?.focus({ preventScroll: !0 }));
-	}, [R, H]), ke({
-		panelRef: w,
-		inputRef: O ? Q : void 0,
-		onNewConversation: O ? St : void 0,
-		onOpenConversationMenu: O && !k ? wt : void 0,
+		Ft.current = A;
+	}, [A]), r(() => {
+		Dt > 0 && Y.current?.focus({ preventScroll: !0 });
+	}, [Dt]), r(() => {
+		!k.current || !I || !B || (k.current = !1, document.getElementById(B.avatarTab)?.focus({ preventScroll: !0 }));
+	}, [I, B]), ke({
+		panelRef: S,
+		inputRef: E ? Y : void 0,
+		onNewConversation: E ? Ot : void 0,
+		onOpenConversationMenu: E && !D ? Pt : void 0,
 		onClose: () => {
 			let e = se({
-				historyOpen: T,
-				previewOpen: C,
-				avatarOpen: R,
-				tabReplySpeaking: U.current !== null
+				historyOpen: C,
+				previewOpen: x,
+				avatarOpen: I,
+				tabReplySpeaking: V.current !== null
 			});
 			if (e === "overlay") {
-				E(!1), x(!1);
+				w(!1), y(!1);
 				return;
 			}
 			if (e === "tab-reply") {
-				U.current?.();
+				V.current?.();
 				return;
 			}
 			if (e === "tab") {
-				z(!1), H && document.getElementById(H.chatTab)?.focus();
+				L(!1), B && document.getElementById(B.chatTab)?.focus();
 				return;
 			}
-			if (M) {
-				A(!1);
+			if (A) {
+				O(!1);
 				return;
 			}
-			Z();
+			J();
 		}
 	}), /* @__PURE__ */ s(re, {
 		visible: u ?? !0,
-		engine: Je,
+		engine: et,
 		children: /* @__PURE__ */ s(le, {
-			value: m,
+			value: p,
 			children: /* @__PURE__ */ s(ue.Provider, {
-				value: lt,
+				value: ht,
 				children: /* @__PURE__ */ s(pe, {
-					value: p,
+					value: f,
 					children: /* @__PURE__ */ s(we, {
-						navigate: Ue,
-						isShellLessTarget: We,
+						navigate: Ke,
+						isShellLessTarget: qe,
 						children: /* @__PURE__ */ s(he, {
-							value: Ge,
-							onOpen: Ke,
+							value: Je,
+							onOpen: Ye,
 							children: /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ c("div", {
-								ref: w,
+								ref: S,
 								className: "relative flex h-full w-full flex-col bg-bg-surface",
-								style: k ? Ve : void 0,
+								style: D ? Ue : void 0,
 								role: "complementary",
-								"aria-label": k ? b("window.title", "Quick assistant") : b("panel.ariaLabel", "AI Assistant"),
+								"aria-label": D ? v("window.title", "Quick assistant") : v("panel.ariaLabel", "AI Assistant"),
 								"data-testid": "ai-assistant-panel",
 								[ae]: "",
-								...ft ? { [ie]: ft } : {},
-								...O ? {
+								...vt ? { [ie]: vt } : {},
+								...E ? {
 									"data-presentation": "compact",
-									..._ ? { "data-assistant-surface": _ } : {},
-									...F ? { "data-assistant-expanded": "" } : {}
+									...g ? { "data-assistant-surface": g } : {},
+									...N ? { "data-assistant-expanded": "" } : {}
 								} : {},
 								tabIndex: -1,
 								children: [
 									/* @__PURE__ */ c("div", {
 										className: "contents",
-										inert: I || void 0,
-										children: [O ? /* @__PURE__ */ c(Be, { children: [k ? /* @__PURE__ */ s(Re, {
-											onOpenFull: Ct,
-											onMinimize: () => y?.()
+										inert: P || void 0,
+										children: [E ? /* @__PURE__ */ c(He, { children: [D ? /* @__PURE__ */ s(Re, {
+											view: Q.view,
+											onSelectView: Q.select,
+											voiceLive: Z.live,
+											onOpenFull: jt,
+											onMinimize: () => _?.()
 										}) : /* @__PURE__ */ s(Pe, {
-											contextLabel: pt,
-											menuOpen: M,
-											menuViewId: ot,
-											onOpenMenu: () => A(!0),
-											menuButtonRef: _t,
+											contextLabel: bt,
+											menuOpen: A,
+											menuViewId: ft,
+											onOpenMenu: () => O(!0),
+											menuButtonRef: wt,
 											conversationMenu: /* @__PURE__ */ s(Fe, {
-												open: $e,
-												onOpenChange: et,
-												triggerRef: vt
+												open: at,
+												onOpenChange: ot,
+												triggerRef: Tt
 											}),
-											expandOffered: N,
-											expanded: F,
-											onToggleExpanded: nt,
-											onTogglePreview: () => W("preview"),
-											previewOpen: C,
-											onClose: Z
+											expandOffered: j,
+											expanded: N,
+											onToggleExpanded: ct,
+											onTogglePreview: () => H("preview"),
+											previewOpen: x,
+											onClose: J
 										}), /* @__PURE__ */ s(Ie, {
-											open: ht,
-											onKeep: () => Y(!1),
-											onDiscard: gt
+											open: St,
+											onKeep: () => K(!1),
+											onDiscard: Ct
 										})] }) : /* @__PURE__ */ s(be, {
-											contextLabel: pt,
-											onNewConversation: () => D(),
-											onOpenHistory: () => W("history"),
-											historyOpen: T,
-											onTogglePreview: () => W("preview"),
-											previewOpen: C,
+											contextLabel: bt,
+											onNewConversation: () => T(),
+											onOpenHistory: () => H("history"),
+											historyOpen: C,
+											onTogglePreview: () => H("preview"),
+											previewOpen: x,
 											onClose: l,
-											docked: d,
-											onToggleDock: f
-										}), H && !k ? /* @__PURE__ */ s(De, {
-											selected: R ? "avatar" : "chat",
-											onSelect: ut,
-											ids: H
+											docked: We,
+											onToggleDock: d
+										}), B && !D ? /* @__PURE__ */ s(De, {
+											selected: I ? "avatar" : "chat",
+											onSelect: gt,
+											ids: B
 										}) : null]
 									}),
-									T ? /* @__PURE__ */ s(xe, { presentation: h }) : M ? /* @__PURE__ */ s(Le, {
-										id: ot,
-										onClose: yt,
-										onRequestClosePanel: Z,
-										onNewConversation: St,
-										onOpenAvatar: B ? dt : void 0,
-										docked: d,
-										onToggleDock: f
+									C ? /* @__PURE__ */ s(xe, { presentation: m }) : A ? /* @__PURE__ */ s(Le, {
+										id: ft,
+										onClose: Et,
+										onRequestClosePanel: J,
+										onNewConversation: Ot,
+										onOpenAvatar: R ? _t : void 0,
+										docked: We,
+										onToggleDock: d
 									}) : null,
-									C && /* @__PURE__ */ s(ye, { onClose: () => x(!1) }),
+									x && /* @__PURE__ */ s(ye, { onClose: () => y(!1) }),
 									/* @__PURE__ */ s("div", {
 										className: "contents",
-										inert: I || void 0,
+										inert: P || void 0,
 										children: /* @__PURE__ */ s(Me, {
 											visible: u ?? !0,
-											writeAccess: He,
-											presentation: h,
-											inputRef: O ? Q : void 0,
-											onDraftDirtyChange: O ? mt : void 0
+											writeAccess: Ge,
+											presentation: m,
+											inputRef: E ? Y : void 0,
+											onDraftDirtyChange: E ? xt : void 0,
+											...D ? {
+												surface: g,
+												windowView: Q.view,
+												onWindowVoiceChange: At,
+												onOpenFull: jt,
+												onContinuedInChat: Nt,
+												onShowChat: Mt
+											} : {}
 										})
 									})
 								]

package/dist/shared/assistant/ui/AssistantChatArea.d.ts

@@ -1,5 +1,7 @@
 import { FC, Ref } from 'react';
 import { AssistantPresentation } from './composer/AssistantComposer';
+import { WindowVoiceState } from './compact/windowView';
+import { AssistantSurface, AssistantWindowView } from './assistantOverlayState';
 import { WorkspaceWriteAccess } from '../useWorkspaceWriteAccess';
 /**
  * `visible` is false when the host HIDES the panel without unmounting it, which
@@ -40,5 +42,36 @@ export interface AssistantChatAreaProps {
      * lifting it. Absent: nothing is reported.
      */
     onDraftDirtyChange?: (dirty: boolean) => void;
+    /**
+     * BOFF-10180 (compact only): which surface the overlay shows the panel in. With
+     * `window`, this chat area is the Quick assistant window's: its view follows
+     * `windowView`, voice is reported through `onWindowVoiceChange`, and the waiting
+     * change's button opens the full assistant. Absent, in the full panel and in
+     * classic, nothing below is reached.
+     */
+    surface?: AssistantSurface;
+    /** Window only: Chat (the conversation and its composer) or Voice (the stage). */
+    windowView?: AssistantWindowView;
+    /**
+     * Window only: told whether voice can start here and whether a session is live.
+     * The header's toggle, the language pill and Minimize's "(ends voice)" read it.
+     */
+    onWindowVoiceChange?: (state: WindowVoiceState) => void;
+    /**
+     * Window only: "Review in full assistant" — the same instance, shown as the full panel.
+     * `review: true` says the person is going to a waiting change, so the panel leaves the
+     * message box alone and this chat area focuses the card.
+     */
+    onOpenFull?: (options?: {
+        review?: boolean;
+    }) => void;
+    /** Window only: told when Continue in chat has written its note and ended voice. */
+    onContinuedInChat?: () => void;
+    /**
+     * Window only: a turn started while the Voice view hides the thread (a typed message
+     * sent from the box under the stage), so the window must show Chat: its reply is in
+     * the thread.
+     */
+    onShowChat?: () => void;
 }
 export declare const AssistantChatArea: FC<AssistantChatAreaProps>;