@burdenoff/fe-libs 2026.1029.11 → 2026.1030.1

package/dist/shared/assistant/ui/composer/AssistantModeMenu.js

@@ -2,27 +2,27 @@ import { DropdownMenu as e, DropdownMenuContent as t, DropdownMenuRadioGroup as
 import { focusWasDropped as a } from "../../../hooks/useReturnFocus.js";
 import { useAssistantTr as o } from "../../i18n.js";
 import { AUTO_WRITE_MODE as s } from "../../autoRouting.js";
-import { assistantModeShortDescriptionKey as ee, translateProductCopy as te } from "../../productCopy.js";
-import { AUTO_MODE_OPTION_ID as c, assistantModeMeta as l } from "./AssistantModeSelector.js";
-import { TAB_STOP_SELECTOR as u, modeMenuItemKey as d, modeMenuOpenIndex as ne, modeMenuTriggerKey as f, nextTabStop as re } from "./modeMenuKeys.js";
-import { useCallback as p, useId as m, useRef as h, useState as g } from "react";
-import { ChevronDown as ie, Wand2 as ae } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { assistantModeShortDescriptionKey as c, translateProductCopy as l } from "../../productCopy.js";
+import { AUTO_MODE_OPTION_ID as u, assistantModeMeta as d } from "./AssistantModeSelector.js";
+import { TAB_STOP_SELECTOR as ee, modeMenuItemKey as te, modeMenuOpenIndex as ne, modeMenuTriggerKey as f, nextTabStop as re } from "./modeMenuKeys.js";
+import { useCallback as p, useId as m, useRef as h, useState as ie } from "react";
+import { ChevronDown as ae, Wand2 as oe } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/composer/AssistantModeMenu.tsx
-function b(e, t) {
-	return e(`mode.${t.id}`, t.label || l(t).fallback);
+function y(e, t) {
+	return e(`mode.${t.id}`, t.label || d(t).fallback);
 }
-var oe = "[data-radix-focus-guard],[data-radix-menu-content]";
-function se(e) {
+var se = "[data-radix-focus-guard],[data-radix-menu-content]";
+function b(e) {
 	if (e.disabled === !0 || e.getAttribute("type") === "hidden" || e.closest("[inert],[hidden]")) return !0;
 	let t = e.checkVisibility;
 	return typeof t == "function" ? !t.call(e) : !1;
 }
-var x = ({ mode: x, availableModes: S, onModeChange: C, auto: w, disabled: T = !1, disabledReason: E = null }) => {
-	let D = o(), O = m(), k = m(), [A, j] = g(!1);
-	A && T && j(!1);
-	let M = h(null), N = h([]), P = h("checked"), F = h(!1), I = w !== void 0, L = [...I ? [c] : [], ...S.map((e) => e.id)], R = w?.active ? c : x, z = L.indexOf(R), B = !!w?.active && x === "api-calls", V = S.find((e) => e.id === s), H = D("modeSelector.auto", "Auto"), U = D("modeSelector.autoHint", "Answers your questions, and proposes changes for you to approve"), W = S.find((e) => e.id === x), G = B && V ? b(D, V) : null, K = w?.active ? G ? `${H} · ${G}` : H : b(D, W ?? { id: x }), q = p((e) => {
-		if (e === R) return;
+var x = ({ mode: x, availableModes: S, onModeChange: C, auto: w, disabled: T = !1, disabledReason: E = null, readOnly: D = !1 }) => {
+	let O = o(), k = m(), A = m(), [j, M] = ie(!1);
+	j && T && M(!1);
+	let N = h(null), P = h([]), F = h("checked"), I = h(!1), L = w !== void 0, R = [...L ? [u] : [], ...S.map((e) => e.id)], z = w?.active ? u : x, B = R.indexOf(z), V = !!w?.active && x === "api-calls", H = S.find((e) => e.id === s), U = O("modeSelector.auto", "Auto"), W = O("modeSelector.autoHint", "Answers your questions, and proposes changes for you to approve"), G = S.find((e) => e.id === x), K = V && H ? y(O, H) : null, q = w?.active ? K ? `${U} · ${K}` : U : y(O, G ?? { id: x }), J = p((e) => {
+		if (e === z) return;
 		if (e === ":auto") {
 			w?.onSelect();
 			return;
@@ -33,9 +33,9 @@ var x = ({ mode: x, availableModes: S, onModeChange: C, auto: w, disabled: T = !
 		w,
 		S,
 		C,
-		R
+		z
 	]), ce = p((e) => {
-		e && T || (e ? F.current = !0 : P.current = "checked", j(e));
+		e && T || (e ? I.current = !0 : F.current = "checked", M(e));
 	}, [T]), le = p((e) => {
 		let t = f(e.key);
 		if (t !== null) {
@@ -43,131 +43,131 @@ var x = ({ mode: x, availableModes: S, onModeChange: C, auto: w, disabled: T = !
 				e.preventDefault();
 				return;
 			}
-			P.current = t, e.key === "ArrowUp" && (e.preventDefault(), F.current = !0, j(!0));
+			F.current = t, e.key === "ArrowUp" && (e.preventDefault(), I.current = !0, M(!0));
 		}
-	}, [T]), J = p((e) => {
+	}, [T]), ue = p((e) => {
 		T && e.preventDefault();
 	}, [T]), Y = p((e) => {
-		let t = M.current;
-		if (j(!1), !t) return;
-		let n = t.ownerDocument, r = Array.from(n.querySelectorAll(u)).filter((e) => !N.current.includes(e) && !e.closest(oe)), i = r.indexOf(t);
+		let t = N.current;
+		if (M(!1), !t) return;
+		let n = t.ownerDocument, r = Array.from(n.querySelectorAll(ee)).filter((e) => !P.current.includes(e) && !e.closest(se)), i = r.indexOf(t);
 		(r[i < 0 ? -1 : re(r.map((e) => ({
 			tabIndex: e.tabIndex,
-			unreachable: se(e)
+			unreachable: b(e)
 		})), i, e)] ?? t).focus();
 	}, []), X = p((e) => {
 		if (e.defaultPrevented) return;
-		let t = N.current.slice(0, L.length), n = t.findIndex((t) => t !== null && t === e.target), r = d(e.key, {
+		let t = P.current.slice(0, R.length), n = t.findIndex((t) => t !== null && t === e.target), r = te(e.key, {
 			shiftKey: e.shiftKey,
 			index: n,
-			count: L.length
+			count: R.length
 		});
 		r.kind === "move" ? (e.preventDefault(), t[r.index]?.focus()) : r.kind === "tab-out" && (e.preventDefault(), Y(r.direction));
-	}, [L.length, Y]), ue = p((e) => {
-		if (!F.current || e.target !== e.currentTarget) return;
-		F.current = !1, e.preventDefault();
-		let t = ne(P.current, z, L.length);
-		P.current = "checked", N.current[t]?.focus();
-	}, [z, L.length]), de = p((e) => {
-		let t = M.current;
+	}, [R.length, Y]), de = p((e) => {
+		if (!I.current || e.target !== e.currentTarget) return;
+		I.current = !1, e.preventDefault();
+		let t = ne(F.current, B, R.length);
+		F.current = "checked", P.current[t]?.focus();
+	}, [B, R.length]), fe = p((e) => {
+		let t = N.current;
 		t && !a(t.ownerDocument) && e.preventDefault();
-	}, []), fe = p((e) => {
-		M.current?.focus(), q(e);
-	}, [q]);
-	if (L.length === 0) return null;
-	if (L.length === 1) return /* @__PURE__ */ v("span", {
+	}, []), pe = p((e) => {
+		N.current?.focus(), J(e);
+	}, [J]);
+	if (R.length === 0) return null;
+	if (R.length === 1 || D) return /* @__PURE__ */ _("span", {
 		className: "inline-flex h-9 items-center px-3 text-sm text-text-secondary",
 		"data-testid": "assistant-mode-static",
-		children: D("modeMenu.staticLabel", "Mode: {{mode}}", { mode: K })
+		children: O("modeMenu.staticLabel", "Mode: {{mode}}", { mode: q })
 	});
-	let Z = E === "replying" ? D("modeMenu.disabledReplying", "Mode can't change while the assistant is replying. Stop the reply to change it.") : D("modeMenu.disabledBusy", "Mode can't change right now."), pe = w?.active ? ae : l({ id: x }).icon, Q = "min-h-11 items-start gap-0 py-2 pr-3", $ = (e) => (t) => {
-		N.current[e] = t;
+	let Z = E === "replying" ? O("modeMenu.disabledReplying", "Mode can't change while the assistant is replying. Stop the reply to change it.") : O("modeMenu.disabledBusy", "Mode can't change right now."), me = w?.active ? oe : d({ id: x }).icon, Q = "min-h-11 items-start gap-0 py-2 pr-3", $ = (e) => (t) => {
+		P.current[e] = t;
 	};
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(e, {
-		open: A,
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(e, {
+		open: j,
 		onOpenChange: ce,
 		modal: !1,
-		children: [/* @__PURE__ */ v(i, {
+		children: [/* @__PURE__ */ _(i, {
 			asChild: !0,
-			children: /* @__PURE__ */ y("button", {
-				ref: M,
+			children: /* @__PURE__ */ v("button", {
+				ref: N,
 				type: "button",
-				"aria-label": D("modeMenu.trigger", "Assistant mode: {{mode}}", { mode: K }),
+				"aria-label": O("modeMenu.trigger", "Assistant mode: {{mode}}", { mode: q }),
 				"aria-disabled": T || void 0,
-				"aria-describedby": T ? O : void 0,
+				"aria-describedby": T ? k : void 0,
 				title: T ? Z : void 0,
 				onKeyDown: le,
-				onPointerDown: J,
+				onPointerDown: ue,
 				className: `inline-flex h-9 min-w-0 items-center gap-2 rounded-full pl-3 pr-2 text-sm font-medium text-text-primary transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${T ? "cursor-not-allowed opacity-50" : "hover:bg-bg-surface"}`,
 				"data-testid": "assistant-mode-selector",
 				children: [
-					/* @__PURE__ */ v(pe, {
+					/* @__PURE__ */ _(me, {
 						className: "size-4 shrink-0 text-text-secondary",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ _("span", {
 						className: "truncate",
-						children: K
+						children: q
 					}),
-					/* @__PURE__ */ v(ie, {
+					/* @__PURE__ */ _(ae, {
 						className: "size-4 shrink-0 text-text-muted",
 						"aria-hidden": "true"
 					})
 				]
 			})
-		}), /* @__PURE__ */ v(t, {
+		}), /* @__PURE__ */ _(t, {
 			side: "top",
 			align: "start",
 			sideOffset: 8,
 			collisionPadding: 8,
-			onFocus: ue,
-			onCloseAutoFocus: de,
+			onFocus: de,
+			onCloseAutoFocus: fe,
 			onKeyDown: X,
 			className: "w-72 max-w-[calc(100vw-2rem)] max-h-[var(--radix-dropdown-menu-content-available-height)] overflow-y-auto",
 			"data-testid": "assistant-mode-menu",
-			children: /* @__PURE__ */ y(n, {
-				value: R,
-				onValueChange: fe,
-				children: [I ? /* @__PURE__ */ v(r, {
+			children: /* @__PURE__ */ v(n, {
+				value: z,
+				onValueChange: pe,
+				children: [L ? /* @__PURE__ */ _(r, {
 					ref: $(0),
-					value: c,
+					value: u,
 					onKeyDown: X,
-					"aria-labelledby": `${k}-label-0`,
-					"aria-describedby": `${k}-description-0`,
+					"aria-labelledby": `${A}-label-0`,
+					"aria-describedby": `${A}-description-0`,
 					className: Q,
 					"data-testid": "assistant-mode-auto",
-					"data-auto-routed": B ? s : void 0,
-					children: /* @__PURE__ */ y("span", {
+					"data-auto-routed": V ? s : void 0,
+					children: /* @__PURE__ */ v("span", {
 						className: "flex min-w-0 flex-col",
-						children: [/* @__PURE__ */ v("span", {
-							id: `${k}-label-0`,
+						children: [/* @__PURE__ */ _("span", {
+							id: `${A}-label-0`,
 							className: "font-medium",
-							children: H
-						}), /* @__PURE__ */ v("span", {
-							id: `${k}-description-0`,
+							children: U
+						}), /* @__PURE__ */ _("span", {
+							id: `${A}-description-0`,
 							className: "text-xs text-text-secondary",
 							"data-testid": "assistant-mode-description",
-							children: U
+							children: W
 						})]
 					})
 				}) : null, S.map((e, t) => {
-					let n = t + +!!I, i = e.shortDescription?.trim() ? te(D, ee(e.id), e.shortDescription) : null;
-					return /* @__PURE__ */ v(r, {
+					let n = t + +!!L, i = e.shortDescription?.trim() ? l(O, c(e.id), e.shortDescription) : null;
+					return /* @__PURE__ */ _(r, {
 						ref: $(n),
 						value: e.id,
 						onKeyDown: X,
-						"aria-labelledby": `${k}-label-${n}`,
-						"aria-describedby": i ? `${k}-description-${n}` : void 0,
+						"aria-labelledby": `${A}-label-${n}`,
+						"aria-describedby": i ? `${A}-description-${n}` : void 0,
 						className: Q,
 						"data-testid": `assistant-mode-option-${e.id}`,
-						children: /* @__PURE__ */ y("span", {
+						children: /* @__PURE__ */ v("span", {
 							className: "flex min-w-0 flex-col",
-							children: [/* @__PURE__ */ v("span", {
-								id: `${k}-label-${n}`,
+							children: [/* @__PURE__ */ _("span", {
+								id: `${A}-label-${n}`,
 								className: "font-medium",
-								children: b(D, e)
-							}), i ? /* @__PURE__ */ v("span", {
-								id: `${k}-description-${n}`,
+								children: y(O, e)
+							}), i ? /* @__PURE__ */ _("span", {
+								id: `${A}-description-${n}`,
 								className: "text-xs text-text-secondary",
 								"data-testid": "assistant-mode-description",
 								children: i
@@ -177,12 +177,12 @@ var x = ({ mode: x, availableModes: S, onModeChange: C, auto: w, disabled: T = !
 				})]
 			})
 		})]
-	}), T ? /* @__PURE__ */ v("span", {
-		id: O,
+	}), T ? /* @__PURE__ */ _("span", {
+		id: k,
 		className: "sr-only",
 		"data-testid": "assistant-mode-disabled-reason",
 		children: Z
 	}) : null] });
 };
 //#endregion
-export { x as AssistantModeMenu, b as assistantModeOptionName };
+export { x as AssistantModeMenu, y as assistantModeOptionName };

package/dist/shared/assistant/ui/voice/AssistantVoiceSession.d.ts

@@ -86,6 +86,12 @@ interface Props {
     proposalChip?: {
         label: string;
         onOpen: () => void;
+        /**
+         * BOFF-10180 (compact layout only): what is waiting, said beside the button
+         * ("1 change(s) waiting for your approval"), so the button's own words can
+         * be its destination ("Review in full assistant").
+         */
+        status?: string;
     } | null;
     /** The waiting change's card, while the person has it open from the chip. */
     proposalTray?: {
@@ -104,6 +110,31 @@ interface Props {
      * session reports nothing.
      */
     onViewChange?: (view: VoiceView) => void;
+    /**
+     * ★ BOFF-10180 (Slice 5): the view SHOWN, controlled by the caller. Absent,
+     * the session keeps its own size state exactly as before (mini, then panel,
+     * then full), and nothing below changes.
+     *
+     * - `compact`: the Quick assistant window's layout. The session fills the
+     *   window in one column: stage, status and caption; Stop speaking or Mute and
+     *   End voice; Show/Hide transcript; Attach; the waiting-change chip. Nothing
+     *   about it resizes: the window is a fixed size, so attaching a file does not
+     *   grow it, and the stepper is not drawn.
+     * - `mini`, `panel`, `full`: that view, with no stepper.
+     *
+     * ★ HANDOFF: when the control ends, the session was handed to the full
+     * assistant, and it keeps going as the SAME instance: a `compact` view becomes
+     * the `panel` view, and any other view stays what it was. Nothing remounts.
+     */
+    view?: VoiceView | 'compact';
+    /**
+     * ★ BOFF-10180 (N3, compact presentation): "Started a voice conversation. Your
+     * chat is in History." — said when this session moved into a conversation of
+     * its own beside a typed chat. A polite status; shown while the session lives.
+     * `undefined` (every classic session): nothing is rendered, not even the
+     * status region.
+     */
+    startedCue?: string | null;
 }
 /**
  * Full-screen voice conversation (BOFF-7120).