@burdenoff/fe-libs 2026.1029.7 → 2026.1029.9

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

@@ -1,161 +1,267 @@
 import { useReturnFocus as e } from "../../hooks/useReturnFocus.js";
 import { useAssistantControl as t } from "../appControls/useAssistantControl.js";
 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 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 _e } from "./AssistantAvatarTabs.js";
-import { useAssistantHeartbeat as ve } from "../useAssistantHeartbeat.js";
-import { useAssistantKeyboardShortcuts as ye } from "../useAssistantKeyboardShortcuts.js";
-import { AssistantChatArea as be } from "./AssistantChatArea.js";
-import { useCallback as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useAssistantTr as te } from "../i18n.js";
+import { useAssistantStore as ne } from "../store.js";
+import { AssistantSpeechProvider as re } from "./AssistantSpeechProvider.js";
+import { ASSISTANT_OVERLAY_ATTR as ie, ASSISTANT_PANEL_ATTR as ae, activePanelOverlay as oe, escapeDismisses as se, nextPanelOverlays as ce } from "./panelOverlays.js";
+import { LiveAvatarSeamProvider as le, LiveAvatarTabContext as ue, useLiveAvatarSpeechEngine as de, useLiveAvatarTabOffered as fe } from "./assistantLiveAvatarSeam.js";
+import { AssistantPreviewProvider as pe } from "../preview/context.js";
+import { useAssistantPreviewBridge as me } from "../preview/useAssistantPreviewBridge.js";
+import { AssistantConnectSourceProvider as he } from "./composer/connectSource.js";
+import { hasAssistantPreviewSurface as ge } from "../preview/types.js";
+import { panelOwnedPreviewBridge as _e, useHostedAssistantPreviewBridge as ve } from "../preview/bridgeHostContext.js";
+import { AssistantPreviewOverlay as ye } from "../preview/AssistantPreviewOverlay.js";
+import { AssistantHeader as be } from "./AssistantHeader.js";
+import { AssistantConversationList as xe } from "./AssistantConversationList.js";
+import { AssistantConversationDeleteDialogProvider as Se } from "./conversationDeleteDialog.js";
+import { AssistantControlConfirmProvider as Ce } from "./controlConfirmDialog.js";
+import { AssistantLeaveConfirmNavigateProvider as we } from "./leaveConfirm.js";
+import { useAssistantServerHistory as Te } from "../history/useAssistantServerHistory.js";
+import { useFilesServiceWarmup as Ee } from "../../../storage/warmFilesService.js";
+import { AssistantAvatarTabs as De } from "./AssistantAvatarTabs.js";
+import { useAssistantHeartbeat as Oe } from "../useAssistantHeartbeat.js";
+import { useAssistantKeyboardShortcuts as ke } from "../useAssistantKeyboardShortcuts.js";
+import { closeRequestAction as Ae, useCompactExpandOffered as je } from "./compact/compactChrome.js";
+import { AssistantChatArea as Me } from "./AssistantChatArea.js";
+import { useAssistantCloseGuardRegistration as Ne } from "./closeGuard.js";
+import { AssistantCompactHeader as Pe } from "./compact/AssistantCompactHeader.js";
+import { AssistantConversationMenu as Fe } from "./compact/AssistantConversationMenu.js";
+import { AssistantDiscardDraftDialog as Ie } from "./compact/AssistantDiscardDraftDialog.js";
+import { AssistantMenuView as Le } from "./compact/AssistantMenuView.js";
+import { useCallback as n, useEffect as r, useId as Re, useMemo as i, useRef as a, useState as o } from "react";
+import { Fragment as ze, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AIAssistantPanel.tsx
-var y = ({ onClose: y, visible: b, docked: x, onToggleDock: S, writeAccess: C, onNavigate: w, isShellLessTarget: T, connectSourceHref: E, onConnectSource: D, preview: O, liveAvatar: k, presentation: A, serverHistory: j = !1 }) => {
-	let M = n(), N = te(k);
-	he(j);
-	let [P, F] = g(!1), I = oe(O);
-	P && !I && F(!1);
-	let L = P && I;
-	ie(se(O, ce()));
-	let R = h(null);
-	e(R);
-	let { conversations: xe, activeConversationId: Se, conversationListOpen: z, setConversationListOpen: B, createConversation: Ce } = r(), V = z || L, H = k?.tab, we = ne(H), [U, W] = g(!1);
-	U && (!H || b === !1) && W(!1);
-	let G = H !== void 0 && (we || U), K = p(), q = m(() => 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 = f(() => W(!1), []), Y = h(null), X = f((e) => {
-		Y.current = e;
-	}, []), Te = m(() => ({
-		open: U,
-		close: J,
-		ids: q,
-		covered: V,
-		setReplyEscape: X
+var l = ({ onClose: l, visible: u, docked: d, onToggleDock: f, writeAccess: Be, onNavigate: Ve, isShellLessTarget: He, connectSourceHref: Ue, onConnectSource: We, preview: p, liveAvatar: m, presentation: h, onExpandedChange: g, serverHistory: Ge = !1 }) => {
+	let Ke = te(), qe = de(m);
+	Te(Ge);
+	let [_, v] = o(!1), y = ge(p);
+	_ && !y && v(!1);
+	let b = _ && y;
+	me(_e(p, ve()));
+	let x = a(null);
+	e(x);
+	let { conversations: Je, activeConversationId: Ye, conversationListOpen: S, setConversationListOpen: C, createConversation: w } = ne(), T = h === "compact", [E, D] = o(!1), O = a(!1);
+	E && (!T || S || b) && D(!1);
+	let k = T && E, [Xe, A] = o(!1), j = je(T && g !== void 0), [M, N] = o(!1), P = j && M;
+	r(() => {
+		M && !j && (N(!1), g?.(!1));
+	}, [
+		M,
+		j,
+		g
+	]);
+	let Ze = () => {
+		let e = !P;
+		N(e), g?.(e);
+	}, F = a(!1), I = a(g);
+	r(() => {
+		F.current = P, I.current = g;
+	}), r(() => () => {
+		F.current && I.current?.(!1);
+	}, []);
+	let L = S || b || k, R = m?.tab, Qe = fe(R), [z, B] = o(!1);
+	z && (!R || u === !1) && B(!1);
+	let V = R !== void 0 && (Qe || z), H = Re(), $e = Re(), U = i(() => V ? {
+		chatTab: `${H}-chat-tab`,
+		avatarTab: `${H}-avatar-tab`,
+		chatPanel: `${H}-chat-panel`,
+		avatarPanel: `${H}-avatar-panel`,
+		leaveHint: `${H}-avatar-leave`
+	} : null, [V, H]), et = n(() => B(!1), []), W = a(null), tt = n((e) => {
+		W.current = e;
+	}, []), nt = i(() => ({
+		open: z,
+		close: et,
+		ids: U,
+		covered: L,
+		setReplyEscape: tt
 	}), [
+		z,
+		et,
 		U,
-		J,
-		q,
-		V,
-		X
-	]), Ee = (e) => W(e === "avatar"), Z = s({
-		historyOpen: z,
-		previewOpen: L,
-		avatarOpen: U
-	}), Q = (e) => {
-		let t = l({
-			historyOpen: z,
-			previewOpen: L
+		L,
+		tt
+	]), rt = (e) => B(e === "avatar"), it = () => {
+		D(!1), rt("avatar"), O.current = !0;
+	}, at = oe({
+		historyOpen: S,
+		previewOpen: b,
+		avatarOpen: z
+	}) ?? (k ? "menu" : null), G = (e) => {
+		let t = ce({
+			historyOpen: S,
+			previewOpen: b
 		}, e);
-		B(t.historyOpen), F(t.previewOpen);
+		C(t.historyOpen), v(t.previewOpen);
 	};
-	t("assistant.history", m(() => ({ run: () => z ? { status: "already" } : (B(!0), F(!1), { status: "done" }) }), [z, B])), t("assistant.preview", m(() => I ? {
+	t("assistant.history", i(() => ({ run: () => S ? { status: "already" } : (C(!0), v(!1), { status: "done" }) }), [S, C])), t("assistant.preview", i(() => y ? {
 		surface: "panel",
-		run: () => L ? { status: "already" } : (B(!1), F(!0), { status: "done" }),
-		close: () => L ? (F(!1), { status: "done" }) : { status: "already" }
+		run: () => b ? { status: "already" } : (C(!1), v(!0), { status: "done" }),
+		close: () => b ? (v(!1), { status: "done" }) : { status: "already" }
 	} : null, [
-		I,
-		L,
-		B
+		y,
+		b,
+		C
 	]));
-	let $ = xe.find((e) => e.id === Se);
-	ve($?.backendSessionId ?? null, $?.mode ?? null, b ?? !0), ge(b ?? !0);
-	let De = ee(b !== !1);
-	return ye({
-		panelRef: R,
+	let ot = Je.find((e) => e.id === Ye);
+	Oe(ot?.backendSessionId ?? null, ot?.mode ?? null, u ?? !0), Ee(u ?? !0);
+	let st = ee(u !== !1), K = Ne(), q = a(!1), ct = n((e) => {
+		q.current = e;
+	}, []), J = a(!1), [lt, Y] = o(!1), X = n(() => Ae({
+		compact: T,
+		unsent: q.current,
+		confirmed: J.current
+	}) === "close" ? !1 : (Y(!0), !0), [T]);
+	r(() => {
+		if (!(!T || !K)) return K(X);
+	}, [
+		T,
+		K,
+		X
+	]);
+	let Z = n(() => {
+		X() || l();
+	}, [X, l]), ut = () => {
+		J.current = !0, q.current = !1, Y(!1);
+		try {
+			l();
+		} finally {
+			J.current = !1;
+		}
+	}, Q = a(null), dt = a(null), ft = a(null), pt = n(() => D(!1), []), [mt, ht] = o(0), gt = n(() => {
+		w(), D(!1), C(!1), ht((e) => e + 1);
+	}, [w, C]), _t = n(() => {
+		D(!1), A(!0);
+	}, []), $ = a(!1);
+	return r(() => {
+		if ($.current && !k) {
+			let e = document.activeElement;
+			(!e || e === document.body || e === x.current) && dt.current?.focus({ preventScroll: !0 });
+		}
+		$.current = k;
+	}, [k]), r(() => {
+		mt > 0 && Q.current?.focus({ preventScroll: !0 });
+	}, [mt]), r(() => {
+		!O.current || !z || !U || (O.current = !1, document.getElementById(U.avatarTab)?.focus({ preventScroll: !0 }));
+	}, [z, U]), ke({
+		panelRef: x,
+		inputRef: T ? Q : void 0,
+		onNewConversation: T ? gt : void 0,
+		onOpenConversationMenu: T ? _t : void 0,
 		onClose: () => {
-			let e = c({
-				historyOpen: z,
-				previewOpen: L,
-				avatarOpen: U,
-				tabReplySpeaking: Y.current !== null
+			let e = se({
+				historyOpen: S,
+				previewOpen: b,
+				avatarOpen: z,
+				tabReplySpeaking: W.current !== null
 			});
 			if (e === "overlay") {
-				B(!1), F(!1);
+				C(!1), v(!1);
 				return;
 			}
 			if (e === "tab-reply") {
-				Y.current?.();
+				W.current?.();
 				return;
 			}
 			if (e === "tab") {
-				W(!1), q && document.getElementById(q.chatTab)?.focus();
+				B(!1), U && document.getElementById(U.chatTab)?.focus();
+				return;
+			}
+			if (k) {
+				D(!1);
 				return;
 			}
-			y();
+			Z();
 		}
-	}), /* @__PURE__ */ _(i, {
-		visible: b ?? !0,
-		engine: N,
-		children: /* @__PURE__ */ _(u, {
-			value: k,
-			children: /* @__PURE__ */ _(d.Provider, {
-				value: Te,
-				children: /* @__PURE__ */ _(re, {
-					value: O,
-					children: /* @__PURE__ */ _(me, {
-						navigate: w,
-						isShellLessTarget: T,
-						children: /* @__PURE__ */ _(ae, {
-							value: E,
-							onOpen: D,
-							children: /* @__PURE__ */ _(fe, { children: /* @__PURE__ */ _(pe, { children: /* @__PURE__ */ v("div", {
-								ref: R,
+	}), /* @__PURE__ */ s(re, {
+		visible: u ?? !0,
+		engine: qe,
+		children: /* @__PURE__ */ s(le, {
+			value: m,
+			children: /* @__PURE__ */ s(ue.Provider, {
+				value: nt,
+				children: /* @__PURE__ */ s(pe, {
+					value: p,
+					children: /* @__PURE__ */ s(we, {
+						navigate: Ve,
+						isShellLessTarget: He,
+						children: /* @__PURE__ */ s(he, {
+							value: Ue,
+							onOpen: We,
+							children: /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ c("div", {
+								ref: x,
 								className: "relative flex h-full w-full flex-col bg-bg-surface",
 								role: "complementary",
-								"aria-label": M("panel.ariaLabel", "AI Assistant"),
+								"aria-label": Ke("panel.ariaLabel", "AI Assistant"),
 								"data-testid": "ai-assistant-panel",
-								[o]: "",
-								...Z ? { [a]: Z } : {},
+								[ae]: "",
+								...at ? { [ie]: at } : {},
+								...T ? {
+									"data-presentation": "compact",
+									...P ? { "data-assistant-expanded": "" } : {}
+								} : {},
 								tabIndex: -1,
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ c("div", {
 										className: "contents",
-										inert: V || void 0,
-										children: [/* @__PURE__ */ _(ue, {
-											contextLabel: De,
-											onNewConversation: () => Ce(),
-											onOpenHistory: () => Q("history"),
-											historyOpen: z,
-											onTogglePreview: () => Q("preview"),
-											previewOpen: L,
-											onClose: y,
-											docked: x,
-											onToggleDock: S
-										}), q ? /* @__PURE__ */ _(_e, {
-											selected: U ? "avatar" : "chat",
-											onSelect: Ee,
-											ids: q
+										inert: L || void 0,
+										children: [T ? /* @__PURE__ */ c(ze, { children: [/* @__PURE__ */ s(Pe, {
+											contextLabel: st,
+											menuOpen: k,
+											menuViewId: $e,
+											onOpenMenu: () => D(!0),
+											menuButtonRef: dt,
+											conversationMenu: /* @__PURE__ */ s(Fe, {
+												open: Xe,
+												onOpenChange: A,
+												triggerRef: ft
+											}),
+											expandOffered: j,
+											expanded: P,
+											onToggleExpanded: Ze,
+											onTogglePreview: () => G("preview"),
+											previewOpen: b,
+											onClose: Z
+										}), /* @__PURE__ */ s(Ie, {
+											open: lt,
+											onKeep: () => Y(!1),
+											onDiscard: ut
+										})] }) : /* @__PURE__ */ s(be, {
+											contextLabel: st,
+											onNewConversation: () => w(),
+											onOpenHistory: () => G("history"),
+											historyOpen: S,
+											onTogglePreview: () => G("preview"),
+											previewOpen: b,
+											onClose: l,
+											docked: d,
+											onToggleDock: f
+										}), U ? /* @__PURE__ */ s(De, {
+											selected: z ? "avatar" : "chat",
+											onSelect: rt,
+											ids: U
 										}) : null]
 									}),
-									z && /* @__PURE__ */ _(de, {}),
-									L && /* @__PURE__ */ _(le, { onClose: () => F(!1) }),
-									/* @__PURE__ */ _("div", {
+									S ? /* @__PURE__ */ s(xe, { presentation: h }) : k ? /* @__PURE__ */ s(Le, {
+										id: $e,
+										onClose: pt,
+										onRequestClosePanel: Z,
+										onNewConversation: gt,
+										onOpenAvatar: V ? it : void 0,
+										docked: d,
+										onToggleDock: f
+									}) : null,
+									b && /* @__PURE__ */ s(ye, { onClose: () => v(!1) }),
+									/* @__PURE__ */ s("div", {
 										className: "contents",
-										inert: V || void 0,
-										children: /* @__PURE__ */ _(be, {
-											visible: b ?? !0,
-											writeAccess: C,
-											presentation: A
+										inert: L || void 0,
+										children: /* @__PURE__ */ s(Me, {
+											visible: u ?? !0,
+											writeAccess: Be,
+											presentation: h,
+											inputRef: T ? Q : void 0,
+											onDraftDirtyChange: T ? ct : void 0
 										})
 									})
 								]
@@ -168,4 +274,4 @@ var y = ({ onClose: y, visible: b, docked: x, onToggleDock: S, writeAccess: C, o
 	});
 };
 //#endregion
-export { y as AIAssistantPanel };
+export { l as AIAssistantPanel };

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, Ref } from 'react';
 import { AssistantPresentation } from './composer/AssistantComposer';
 import { WorkspaceWriteAccess } from '../useWorkspaceWriteAccess';
 /**
@@ -28,5 +28,17 @@ export interface AssistantChatAreaProps {
      * and the mode-switch confirmation. Absent or `classic`: as before.
      */
     presentation?: AssistantPresentation;
+    /**
+     * BOFF-10177 (compact only): the message box, for the panel's `/` shortcut.
+     * Read by the compact composer alone.
+     */
+    inputRef?: Ref<HTMLTextAreaElement>;
+    /**
+     * BOFF-10177 (N1, compact only): told whenever the composer's draft becomes
+     * unsent text or attachments, or stops being so. The draft is composer-local
+     * state, so this is the panel's only way to ask Close's question without
+     * lifting it. Absent: nothing is reported.
+     */
+    onDraftDirtyChange?: (dirty: boolean) => void;
 }
 export declare const AssistantChatArea: FC<AssistantChatAreaProps>;