@burdenoff/fe-libs 2026.1029.2 → 2026.1029.4

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

@@ -5,47 +5,47 @@ 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";
+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";
 //#region src/shared/assistant/ui/AIAssistantPanel.tsx
-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);
+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;
-	re(oe(k, se()));
-	let R = g(null);
+	ie(se(O, ce()));
+	let R = h(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 ? {
+	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 = p(() => W(!1), []), Y = g(null), X = p((e) => {
+	} : null, [G, K]), J = f(() => W(!1), []), Y = h(null), X = f((e) => {
 		Y.current = e;
-	}, []), we = h(() => ({
+	}, []), Te = m(() => ({
 		open: U,
 		close: J,
 		ids: q,
@@ -57,7 +57,7 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 		q,
 		V,
 		X
-	]), Te = (e) => W(e === "avatar"), Z = s({
+	]), Ee = (e) => W(e === "avatar"), Z = s({
 		historyOpen: z,
 		previewOpen: L,
 		avatarOpen: U
@@ -68,7 +68,7 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 		}, e);
 		B(t.historyOpen), F(t.previewOpen);
 	};
-	t("assistant.history", h(() => ({ run: () => z ? { status: "already" } : (B(!0), F(!1), { status: "done" }) }), [z, B])), t("assistant.preview", h(() => I ? {
+	t("assistant.history", m(() => ({ run: () => z ? { status: "already" } : (B(!0), F(!1), { status: "done" }) }), [z, B])), t("assistant.preview", m(() => I ? {
 		surface: "panel",
 		run: () => L ? { status: "already" } : (B(!1), F(!0), { status: "done" }),
 		close: () => L ? (F(!1), { status: "done" }) : { status: "already" }
@@ -77,10 +77,10 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 		L,
 		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({
+	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,
 		onClose: () => {
 			let e = c({
@@ -101,24 +101,24 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 				W(!1), q && document.getElementById(q.chatTab)?.focus();
 				return;
 			}
-			b();
+			y();
 		}
-	}), /* @__PURE__ */ v(i, {
-		visible: x ?? !0,
+	}), /* @__PURE__ */ _(i, {
+		visible: b ?? !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", {
+		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,
 								className: "relative flex h-full w-full flex-col bg-bg-surface",
 								role: "complementary",
@@ -128,33 +128,34 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 								...Z ? { [a]: Z } : {},
 								tabIndex: -1,
 								children: [
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ v("div", {
 										className: "contents",
 										inert: V || void 0,
-										children: [/* @__PURE__ */ v(le, {
-											contextLabel: Ee,
-											onNewConversation: () => Se(),
+										children: [/* @__PURE__ */ _(ue, {
+											contextLabel: De,
+											onNewConversation: () => Ce(),
 											onOpenHistory: () => Q("history"),
 											historyOpen: z,
 											onTogglePreview: () => Q("preview"),
 											previewOpen: L,
-											onClose: b,
-											docked: S,
-											onToggleDock: C
-										}), q ? /* @__PURE__ */ v(ge, {
+											onClose: y,
+											docked: x,
+											onToggleDock: S
+										}), q ? /* @__PURE__ */ _(_e, {
 											selected: U ? "avatar" : "chat",
-											onSelect: Te,
+											onSelect: Ee,
 											ids: q
 										}) : null]
 									}),
-									z && /* @__PURE__ */ v(ue, {}),
-									L && /* @__PURE__ */ v(ce, { onClose: () => F(!1) }),
-									/* @__PURE__ */ v("div", {
+									z && /* @__PURE__ */ _(de, {}),
+									L && /* @__PURE__ */ _(le, { onClose: () => F(!1) }),
+									/* @__PURE__ */ _("div", {
 										className: "contents",
 										inert: V || void 0,
-										children: /* @__PURE__ */ v(ye, {
-											visible: x ?? !0,
-											writeAccess: w
+										children: /* @__PURE__ */ _(be, {
+											visible: b ?? !0,
+											writeAccess: C,
+											presentation: A
 										})
 									})
 								]
@@ -167,4 +168,4 @@ var b = ({ onClose: b, visible: x, docked: S, onToggleDock: C, writeAccess: w, o
 	});
 };
 //#endregion
-export { b as AIAssistantPanel };
+export { y as AIAssistantPanel };

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

@@ -14,6 +14,29 @@ export interface AssistantApiCallsConsentDialogProps {
     mode?: WriteConsentMode;
     /** The mode being left, which names the cancel button. Absent: Ask. */
     currentMode?: WriteConsentMode | null;
+    /**
+     * The COMPACT presentation's mode switch (BOFF-10055, D7 merged with the
+     * consent): what this switch costs, said in the same dialog as the consent,
+     * so one decision never needs two dialogs.
+     *
+     * Absent: the consent dialog exactly as before, byte for byte.
+     */
+    switchPlan?: AssistantModeSwitchDialogPlan;
+}
+/** What the dialog says about one switch. From `planModeSwitch`, plus the names. */
+export interface AssistantModeSwitchDialogPlan {
+    /** First-time write consent applies: the consent's title, body and buttons lead. */
+    consent: boolean;
+    withdrawnCount: number;
+    movesToNewConversation: boolean;
+    draftKept: boolean;
+    /** The option switched to, named as its menu item names it ("Workflow", "Auto"). */
+    targetName: string;
+    /**
+     * The option being left, when `currentMode` cannot name it (Auto is not a
+     * mode). Names the "Stay in …" button.
+     */
+    currentName?: string;
 }
 /**
  * One-time consent shown the first time a user switches the assistant into a

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

@@ -3,35 +3,89 @@ import { ModalShell as t } from "../../../ui/modal-shell.js";
 import { useAssistantTr as n } from "../i18n.js";
 import { writeModeConsentCopy as r } from "../writeModeConsent.js";
 import { modeRequiresConfirmWrites as i } from "../api.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantApiCallsConsentDialog.tsx
-var c = { id: "api-calls" }, l = ({ open: l, onConfirm: u, onCancel: d, mode: f = c, currentMode: p }) => {
-	let m = r(n(), {
-		target: f,
-		current: p,
-		confirmsWrites: i(f.id)
+var l = { id: "api-calls" }, u = ({ open: a, onConfirm: u, onCancel: f, mode: p = l, currentMode: m, switchPlan: h }) => {
+	let g = r(n(), {
+		target: p,
+		current: m,
+		confirmsWrites: i(p.id)
 	});
-	return /* @__PURE__ */ o(t, {
-		open: l,
-		onClose: d,
+	return h ? /* @__PURE__ */ s(d, {
+		open: a,
+		onConfirm: u,
+		onCancel: f,
+		plan: h,
+		consentCopy: g
+	}) : /* @__PURE__ */ s(t, {
+		open: a,
+		onClose: f,
 		size: "sm",
-		title: m.title,
-		footer: /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(e, {
+		title: g.title,
+		footer: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(e, {
 			variant: "outline",
-			onClick: d,
+			onClick: f,
 			"data-testid": "assistant-api-calls-consent-cancel",
-			children: m.cancel
-		}), /* @__PURE__ */ o(e, {
+			children: g.cancel
+		}), /* @__PURE__ */ s(e, {
 			variant: "default",
 			onClick: u,
 			"data-testid": "assistant-api-calls-consent-confirm",
-			children: m.confirm
+			children: g.confirm
 		})] }),
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "space-y-2 text-sm text-text-secondary",
-			children: [/* @__PURE__ */ o("p", { children: m.body }), /* @__PURE__ */ o("p", { children: m.safeguard })]
+			children: [/* @__PURE__ */ s("p", { children: g.body }), /* @__PURE__ */ s("p", { children: g.safeguard })]
+		})
+	});
+}, d = ({ open: r, onConfirm: i, onCancel: l, plan: u, consentCopy: d }) => {
+	let f = n(), p = a(null), m = [];
+	u.withdrawnCount > 0 && m.push({
+		key: "withdrawn",
+		text: f("modeSwitch.withdrawn", "{{count}} change(s) waiting for your approval will be withdrawn.", { count: u.withdrawnCount })
+	}), u.movesToNewConversation && m.push({
+		key: "newConversation",
+		text: f("modeSwitch.newConversation", "{{mode}} continues in a new conversation. This one stays in History.", { mode: u.targetName })
+	}), u.draftKept && m.length > 0 && m.push({
+		key: "draftKept",
+		text: f("modeSwitch.draftKept", "What you typed stays in the message box.")
+	});
+	let h = u.currentName === void 0 ? d.cancel : f("writeConsent.cancel", "Stay in {{mode}}", { mode: u.currentName });
+	return /* @__PURE__ */ s(t, {
+		open: r,
+		onClose: l,
+		size: "sm",
+		role: "alertdialog",
+		testId: "assistant-mode-switch-dialog",
+		onOpenAutoFocus: (e) => {
+			e.preventDefault(), p.current?.focus();
+		},
+		title: u.consent ? d.title : f("modeSwitch.title", "Switch to {{mode}}?", { mode: u.targetName }),
+		footer: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(e, {
+			ref: p,
+			variant: "outline",
+			onClick: l,
+			"data-testid": "assistant-mode-switch-cancel",
+			children: h
+		}), /* @__PURE__ */ s(e, {
+			variant: "default",
+			onClick: i,
+			"data-testid": "assistant-mode-switch-confirm",
+			children: u.consent ? d.confirm : f("modeSwitch.confirm", "Switch to {{mode}}", { mode: u.targetName })
+		})] }),
+		children: /* @__PURE__ */ c("div", {
+			className: "space-y-2 text-sm text-text-secondary",
+			children: [u.consent ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("p", { children: d.body }), /* @__PURE__ */ s("p", { children: d.safeguard })] }) : null, m.length > 0 ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("p", { children: f("modeSwitch.intro", "If you switch now:") }), /* @__PURE__ */ s("ul", {
+				className: "list-disc space-y-1 pl-5",
+				"data-testid": "assistant-mode-switch-lines",
+				children: m.map((e) => /* @__PURE__ */ s("li", {
+					"data-testid": `assistant-mode-switch-${e.key}`,
+					children: e.text
+				}, e.key))
+			})] }) : null]
 		})
 	});
 };
 //#endregion
-export { l as AssistantApiCallsConsentDialog };
+export { u as AssistantApiCallsConsentDialog };

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { AssistantPresentation } from './composer/AssistantComposer';
 import { WorkspaceWriteAccess } from '../useWorkspaceWriteAccess';
 /**
  * `visible` is false when the host HIDES the panel without unmounting it, which
@@ -22,5 +23,10 @@ export interface AssistantChatAreaProps {
      * false claim in either direction.
      */
     writeAccess?: WorkspaceWriteAccess;
+    /**
+     * BOFF-10055: `compact` turns on the compact presentation's composer, Stop,
+     * and the mode-switch confirmation. Absent or `classic`: as before.
+     */
+    presentation?: AssistantPresentation;
 }
 export declare const AssistantChatArea: FC<AssistantChatAreaProps>;