@burdenoff/fe-libs 2026.1016.2 → 2026.1016.3

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

@@ -1,151 +1,160 @@
 import { useReturnFocus as e } from "../../hooks/useReturnFocus.js";
 import { useAssistantControl as t } from "../appControls/useAssistantControl.js";
-import { useAssistantPageLabel as n } from "../product.js";
-import { useAssistantTr as r } from "../i18n.js";
-import { useAssistantStore as i } from "../store.js";
-import { AssistantSpeechProvider as a } from "./AssistantSpeechProvider.js";
-import { ASSISTANT_OVERLAY_ATTR as o, ASSISTANT_PANEL_ATTR as s, activePanelOverlay as c, escapeDismisses as l, nextPanelOverlays as u } from "./panelOverlays.js";
-import { LiveAvatarSeamProvider as d, LiveAvatarTabContext as ee, useLiveAvatarSpeechEngine as te, useLiveAvatarTabOffered as ne } from "./assistantLiveAvatarSeam.js";
-import { AssistantPreviewProvider as re } from "../preview/context.js";
-import { useAssistantPreviewBridge as ie } from "../preview/useAssistantPreviewBridge.js";
-import { AssistantConnectSourceProvider as ae } from "./composer/connectSource.js";
-import { hasAssistantPreviewSurface as oe } from "../preview/types.js";
-import { panelOwnedPreviewBridge as se, useHostedAssistantPreviewBridge as ce } from "../preview/bridgeHostContext.js";
-import { AssistantPreviewOverlay as le } from "../preview/AssistantPreviewOverlay.js";
-import { AssistantHeader as ue } from "./AssistantHeader.js";
-import { AssistantConversationList as de } from "./AssistantConversationList.js";
-import { AssistantConversationDeleteDialogProvider as fe } from "./conversationDeleteDialog.js";
-import { AssistantControlConfirmProvider as pe } from "./controlConfirmDialog.js";
-import { AssistantLeaveConfirmNavigateProvider as me } from "./leaveConfirm.js";
-import { useAssistantServerHistory as he } from "../history/useAssistantServerHistory.js";
-import { useFilesServiceWarmup as ge } from "../../../storage/warmFilesService.js";
-import { AssistantAvatarTabs as f } from "./AssistantAvatarTabs.js";
-import { useAssistantHeartbeat as p } from "../useAssistantHeartbeat.js";
-import { useAssistantKeyboardShortcuts as m } from "../useAssistantKeyboardShortcuts.js";
-import { AssistantChatArea as h } from "./AssistantChatArea.js";
-import { useCallback as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useAssistantPageLabel as ee } from "../product.js";
+import { useAssistantTr as n } from "../i18n.js";
+import { useAssistantStore as r } from "../store.js";
+import { AssistantSpeechProvider as i } from "./AssistantSpeechProvider.js";
+import { ASSISTANT_OVERLAY_ATTR as a, ASSISTANT_PANEL_ATTR as o, activePanelOverlay as s, escapeDismisses as c, nextPanelOverlays as l } from "./panelOverlays.js";
+import { LiveAvatarSeamProvider as u, LiveAvatarTabContext as d, useLiveAvatarSpeechEngine as f, useLiveAvatarTabOffered as te } from "./assistantLiveAvatarSeam.js";
+import { AssistantPreviewProvider as ne } from "../preview/context.js";
+import { useAssistantPreviewBridge as re } from "../preview/useAssistantPreviewBridge.js";
+import { AssistantConnectSourceProvider as ie } from "./composer/connectSource.js";
+import { hasAssistantPreviewSurface as ae } from "../preview/types.js";
+import { panelOwnedPreviewBridge as oe, useHostedAssistantPreviewBridge as se } from "../preview/bridgeHostContext.js";
+import { AssistantPreviewOverlay as ce } from "../preview/AssistantPreviewOverlay.js";
+import { AssistantHeader as le } from "./AssistantHeader.js";
+import { AssistantConversationList as ue } from "./AssistantConversationList.js";
+import { AssistantConversationDeleteDialogProvider as de } from "./conversationDeleteDialog.js";
+import { AssistantControlConfirmProvider as fe } from "./controlConfirmDialog.js";
+import { AssistantLeaveConfirmNavigateProvider as pe } from "./leaveConfirm.js";
+import { useAssistantServerHistory as me } from "../history/useAssistantServerHistory.js";
+import { useFilesServiceWarmup as he } from "../../../storage/warmFilesService.js";
+import { AssistantAvatarTabs as ge } from "./AssistantAvatarTabs.js";
+import { useAssistantHeartbeat as _e } from "../useAssistantHeartbeat.js";
+import { useAssistantKeyboardShortcuts as ve } from "../useAssistantKeyboardShortcuts.js";
+import { AssistantChatArea as ye } from "./AssistantChatArea.js";
+import { useCallback as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AIAssistantPanel.tsx
-var C = ({ onClose: C, visible: w, docked: T, onToggleDock: E, writeAccess: D, onNavigate: O, isShellLessTarget: k, connectSourceHref: A, onConnectSource: j, preview: M, liveAvatar: N, serverHistory: P = !1 }) => {
-	let F = r(), _e = te(N);
-	he(P);
-	let [I, L] = b(!1), R = oe(M);
-	I && !R && L(!1);
-	let z = I && R;
-	ie(se(M, ce()));
-	let B = y(null);
-	e(B);
-	let { conversations: ve, activeConversationId: ye, conversationListOpen: V, setConversationListOpen: H, createConversation: be } = i(), U = V || z, W = N?.tab, xe = ne(W), [G, K] = b(!1);
-	G && (!W || w === !1) && K(!1);
-	let q = W !== void 0 && (xe || G), J = _(), Y = v(() => q ? {
-		chatTab: `${J}-chat-tab`,
-		avatarTab: `${J}-avatar-tab`,
-		chatPanel: `${J}-chat-panel`,
-		avatarPanel: `${J}-avatar-panel`,
-		leaveHint: `${J}-avatar-leave`
-	} : null, [q, J]), X = g(() => K(!1), []), Se = v(() => ({
-		open: G,
-		close: X,
-		ids: Y,
-		covered: U
+var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, onNavigate: T, isShellLessTarget: E, connectSourceHref: D, onConnectSource: O, preview: k, liveAvatar: A, serverHistory: j = !1 }) => {
+	let M = n(), N = f(A);
+	me(j);
+	let [P, F] = _(!1), I = ae(k);
+	P && !I && F(!1);
+	let L = P && I;
+	re(oe(k, se()));
+	let R = g(null);
+	e(R);
+	let { conversations: be, activeConversationId: xe, conversationListOpen: z, setConversationListOpen: B, createConversation: Se } = r(), V = z || L, H = A?.tab, Ce = te(H), [U, W] = _(!1);
+	U && (!H || x === !1) && W(!1);
+	let G = H !== void 0 && (Ce || U), K = m(), q = h(() => G ? {
+		chatTab: `${K}-chat-tab`,
+		avatarTab: `${K}-avatar-tab`,
+		chatPanel: `${K}-chat-panel`,
+		avatarPanel: `${K}-avatar-panel`,
+		leaveHint: `${K}-avatar-leave`
+	} : null, [G, K]), J = p(() => W(!1), []), Y = g(null), X = p((e) => {
+		Y.current = e;
+	}, []), we = h(() => ({
+		open: U,
+		close: J,
+		ids: q,
+		covered: V,
+		setReplyEscape: X
 	}), [
-		G,
-		X,
-		Y,
-		U
-	]), Ce = (e) => K(e === "avatar"), Z = c({
-		historyOpen: V,
-		previewOpen: z,
-		avatarOpen: G
+		U,
+		J,
+		q,
+		V,
+		X
+	]), Te = (e) => W(e === "avatar"), Z = s({
+		historyOpen: z,
+		previewOpen: L,
+		avatarOpen: U
 	}), Q = (e) => {
-		let t = u({
-			historyOpen: V,
-			previewOpen: z
+		let t = l({
+			historyOpen: z,
+			previewOpen: L
 		}, e);
-		H(t.historyOpen), L(t.previewOpen);
+		B(t.historyOpen), F(t.previewOpen);
 	};
-	t("assistant.history", v(() => ({ run: () => V ? { status: "already" } : (H(!0), L(!1), { status: "done" }) }), [V, H])), t("assistant.preview", v(() => R ? {
+	t("assistant.history", h(() => ({ run: () => z ? { status: "already" } : (B(!0), F(!1), { status: "done" }) }), [z, B])), t("assistant.preview", h(() => I ? {
 		surface: "panel",
-		run: () => z ? { status: "already" } : (H(!1), L(!0), { status: "done" }),
-		close: () => z ? (L(!1), { status: "done" }) : { status: "already" }
+		run: () => L ? { status: "already" } : (B(!1), F(!0), { status: "done" }),
+		close: () => L ? (F(!1), { status: "done" }) : { status: "already" }
 	} : null, [
-		R,
-		z,
-		H
+		I,
+		L,
+		B
 	]));
-	let $ = ve.find((e) => e.id === ye);
-	p($?.backendSessionId ?? null, $?.mode ?? null, w ?? !0), ge(w ?? !0);
-	let we = n(w !== !1);
-	return m({
-		panelRef: B,
+	let $ = be.find((e) => e.id === xe);
+	_e($?.backendSessionId ?? null, $?.mode ?? null, x ?? !0), he(x ?? !0);
+	let Ee = ee(x !== !1);
+	return ve({
+		panelRef: R,
 		onClose: () => {
-			let e = l({
-				historyOpen: V,
-				previewOpen: z,
-				avatarOpen: G
+			let e = c({
+				historyOpen: z,
+				previewOpen: L,
+				avatarOpen: U,
+				tabReplySpeaking: Y.current !== null
 			});
 			if (e === "overlay") {
-				H(!1), L(!1);
+				B(!1), F(!1);
+				return;
+			}
+			if (e === "tab-reply") {
+				Y.current?.();
 				return;
 			}
 			if (e === "tab") {
-				K(!1), Y && document.getElementById(Y.chatTab)?.focus();
+				W(!1), q && document.getElementById(q.chatTab)?.focus();
 				return;
 			}
-			C();
+			b();
 		}
-	}), /* @__PURE__ */ x(a, {
-		visible: w ?? !0,
-		engine: _e,
-		children: /* @__PURE__ */ x(d, {
-			value: N,
-			children: /* @__PURE__ */ x(ee.Provider, {
-				value: Se,
-				children: /* @__PURE__ */ x(re, {
-					value: M,
-					children: /* @__PURE__ */ x(me, {
-						navigate: O,
-						isShellLessTarget: k,
-						children: /* @__PURE__ */ x(ae, {
-							value: A,
-							onOpen: j,
-							children: /* @__PURE__ */ x(fe, { children: /* @__PURE__ */ x(pe, { children: /* @__PURE__ */ S("div", {
-								ref: B,
+	}), /* @__PURE__ */ v(i, {
+		visible: x ?? !0,
+		engine: N,
+		children: /* @__PURE__ */ v(u, {
+			value: A,
+			children: /* @__PURE__ */ v(d.Provider, {
+				value: we,
+				children: /* @__PURE__ */ v(ne, {
+					value: k,
+					children: /* @__PURE__ */ v(pe, {
+						navigate: T,
+						isShellLessTarget: E,
+						children: /* @__PURE__ */ v(ie, {
+							value: D,
+							onOpen: O,
+							children: /* @__PURE__ */ v(de, { children: /* @__PURE__ */ v(fe, { children: /* @__PURE__ */ y("div", {
+								ref: R,
 								className: "relative flex h-full w-full flex-col bg-bg-surface",
 								role: "complementary",
-								"aria-label": F("panel.ariaLabel", "AI Assistant"),
+								"aria-label": M("panel.ariaLabel", "AI Assistant"),
 								"data-testid": "ai-assistant-panel",
-								[s]: "",
-								...Z ? { [o]: Z } : {},
+								[o]: "",
+								...Z ? { [a]: Z } : {},
 								tabIndex: -1,
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ y("div", {
 										className: "contents",
-										inert: U || void 0,
-										children: [/* @__PURE__ */ x(ue, {
-											contextLabel: we,
-											onNewConversation: () => be(),
+										inert: V || void 0,
+										children: [/* @__PURE__ */ v(le, {
+											contextLabel: Ee,
+											onNewConversation: () => Se(),
 											onOpenHistory: () => Q("history"),
-											historyOpen: V,
+											historyOpen: z,
 											onTogglePreview: () => Q("preview"),
-											previewOpen: z,
-											onClose: C,
-											docked: T,
-											onToggleDock: E
-										}), Y ? /* @__PURE__ */ x(f, {
-											selected: G ? "avatar" : "chat",
-											onSelect: Ce,
-											ids: Y
+											previewOpen: L,
+											onClose: b,
+											docked: S,
+											onToggleDock: C
+										}), q ? /* @__PURE__ */ v(ge, {
+											selected: U ? "avatar" : "chat",
+											onSelect: Te,
+											ids: q
 										}) : null]
 									}),
-									V && /* @__PURE__ */ x(de, {}),
-									z && /* @__PURE__ */ x(le, { onClose: () => L(!1) }),
-									/* @__PURE__ */ x("div", {
+									z && /* @__PURE__ */ v(ue, {}),
+									L && /* @__PURE__ */ v(ce, { onClose: () => F(!1) }),
+									/* @__PURE__ */ v("div", {
 										className: "contents",
-										inert: U || void 0,
-										children: /* @__PURE__ */ x(h, {
-											visible: w ?? !0,
-											writeAccess: D
+										inert: V || void 0,
+										children: /* @__PURE__ */ v(ye, {
+											visible: x ?? !0,
+											writeAccess: w
 										})
 									})
 								]
@@ -158,4 +167,4 @@ var C = ({ onClose: C, visible: w, docked: T, onToggleDock: E, writeAccess: D, o
 	});
 };
 //#endregion
-export { C as AIAssistantPanel };
+export { b as AIAssistantPanel };