@burdenoff/fe-libs 2026.1029.11 → 2026.1030.2

package/dist/shared/assistant/ui/compact/AssistantWaitingChangeRow.js

@@ -2,8 +2,8 @@ import { useAssistantTr as e } from "../../i18n.js";
 import { ShieldAlert as t } from "lucide-react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/compact/AssistantWaitingChangeRow.tsx
-var i = ({ count: i, onReview: a }) => {
-	let o = e();
+var i = ({ count: i, onReview: a, opensFull: o = !1 }) => {
+	let s = e();
 	return /* @__PURE__ */ r("div", {
 		className: "mb-2 flex min-h-11 items-center gap-2 rounded-xl border border-status-warning bg-status-warning/10 px-3 py-1",
 		"data-testid": "assistant-waiting-change",
@@ -17,15 +17,15 @@ var i = ({ count: i, onReview: a }) => {
 				"aria-live": "polite",
 				className: "min-w-0 flex-1 text-sm text-text-primary",
 				"data-testid": "assistant-waiting-change-status",
-				children: o("waitingChange.status", "{{count}} change(s) waiting for your approval", { count: i })
+				children: s("waitingChange.status", "{{count}} change(s) waiting for your approval", { count: i })
 			}),
 			/* @__PURE__ */ n("button", {
 				type: "button",
 				onClick: a,
 				className: "min-h-9 shrink-0 rounded-button px-3 text-sm font-medium text-action-primary-bg transition-colors hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
-				"aria-label": o("waitingChange.reviewLabel", "Review the change waiting for your approval"),
+				"aria-label": o ? void 0 : s("waitingChange.reviewLabel", "Review the change waiting for your approval"),
 				"data-testid": "assistant-waiting-change-review",
-				children: o("waitingChange.review", "Review")
+				children: o ? s("waitingChange.reviewInFull", "Review in full assistant") : s("waitingChange.review", "Review")
 			})
 		]
 	});

package/dist/shared/assistant/ui/compact/AssistantWindowHeader.d.ts

@@ -1,19 +1,36 @@
 import { FC } from 'react';
+import { AssistantWindowView } from '../assistantOverlayState';
 export interface AssistantWindowHeaderProps {
+    /** The view the window shows. */
+    view: AssistantWindowView;
+    /** Chat or Voice was chosen. Presentation only: a live voice conversation carries on. */
+    onSelectView: (view: AssistantWindowView) => void;
+    /** A voice conversation is live: Minimize ends it, and the language waits. */
+    voiceLive: boolean;
     /** Switch the same instance to the full assistant. Nothing is re-sent. */
     onOpenFull: () => void;
     /** Hide the window and keep everything in it (CW-M). */
     onMinimize: () => void;
 }
 /**
- * The Quick assistant window's slim header (BOFF-10178, Slice 3):
- * `[✦] Quick assistant ………… [Open full assistant] [Minimize]`.
+ * The Quick assistant window's header strip (BOFF-10178 Slice 3, BOFF-10180
+ * Slice 5):
+ *
+ *   `[Chat | Voice]  [文A English ▾] ………… [Open full assistant] [Minimize]`
+ *
+ * Four controls, 40 px each (C2). The pilot name is the panel's accessible name,
+ * so the strip spends its width on the controls.
+ *
+ * ★ The view toggle is a two-option segmented control with `aria-pressed`: each
+ * option names the view it SHOWS, and the one showing is pressed. It is
+ * presentation only: it starts nothing and ends nothing.
  *
  * ★ No Close (CW-M): the window is hidden, never closed, so a draft, its
  * attachments and the conversation stay exactly where they are. Closing is the
- * full panel's. The view toggle, language pill and voice cue are Slice 5.
+ * full panel's. While voice is live Minimize says it ENDS voice (VD): the hidden
+ * window keeps everything but the microphone, and nothing listens in the
+ * background.
  *
- * ★ Both controls keep one NAME each (WCAG 2.5.3): the tooltip is the same
- * words.
+ * ★ Every control keeps one NAME (WCAG 2.5.3): the tooltip is the same words.
  */
 export declare const AssistantWindowHeader: FC<AssistantWindowHeaderProps>;

package/dist/shared/assistant/ui/compact/AssistantWindowHeader.js

@@ -1,48 +1,62 @@
 import { useAssistantTr as e } from "../../i18n.js";
-import { Minus as t, PanelRight as n, Sparkles as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AssistantLanguagePill as t } from "./AssistantLanguagePill.js";
+import { AudioLines as n, MessageSquare as r, Minus as i, PanelRight as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/compact/AssistantWindowHeader.tsx
-var o = "flex size-10 shrink-0 items-center justify-center rounded-button transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", s = "text-text-secondary hover:bg-bg-sunken hover:text-text-primary", c = ({ onOpenFull: c, onMinimize: l }) => {
-	let u = e(), d = u("window.openFull", "Open full assistant"), f = u("window.minimize", "Minimize");
-	return /* @__PURE__ */ a("div", {
-		className: "flex min-h-14 items-center gap-0.5 border-b border-border-default px-3 py-2",
+var c = "flex size-10 shrink-0 items-center justify-center rounded-button transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", l = "text-text-secondary hover:bg-bg-sunken hover:text-text-primary", u = ({ view: u, onSelectView: d, voiceLive: f, onOpenFull: p, onMinimize: m }) => {
+	let h = e(), g = h("window.openFull", "Open full assistant"), _ = f ? h("window.minimizeEndsVoice", "Minimize (ends voice)") : h("window.minimize", "Minimize"), v = h("window.viewChat", "Chat"), y = h("window.viewVoice", "Voice"), b = (e, t, n) => {
+		let r = u === e;
+		return /* @__PURE__ */ o("button", {
+			type: "button",
+			onClick: () => d(e),
+			className: `flex size-10 shrink-0 items-center justify-center rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${r ? "bg-[var(--color-accent-soft)] text-action-primary-bg" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"}`,
+			"aria-pressed": r,
+			"aria-label": t,
+			title: t,
+			"data-testid": `assistant-window-view-${e}`,
+			children: n
+		});
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "flex min-h-14 items-center gap-1 border-b border-border-default px-2 py-2",
 		"data-testid": "assistant-window-header",
 		"data-presentation": "compact",
 		"data-surface": "window",
 		children: [
-			/* @__PURE__ */ a("div", {
-				className: "flex min-w-0 flex-1 items-center gap-3",
-				children: [/* @__PURE__ */ i("span", {
-					className: "flex size-7 flex-shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-action-primary-bg/25 to-action-primary-bg/5 text-action-primary-bg",
-					children: /* @__PURE__ */ i(r, {
-						className: "size-4",
-						"aria-hidden": "true"
-					})
-				}), /* @__PURE__ */ i("span", {
-					className: "block min-w-0 flex-1 truncate text-base font-semibold leading-tight text-text-primary",
-					children: u("window.title", "Quick assistant")
-				})]
+			/* @__PURE__ */ s("div", {
+				role: "group",
+				"aria-label": h("window.view", "View"),
+				className: "flex shrink-0 items-center rounded-full border border-border-default",
+				"data-testid": "assistant-window-view",
+				children: [b("chat", v, /* @__PURE__ */ o(r, {
+					className: "size-5",
+					"aria-hidden": "true"
+				})), b("voice", y, /* @__PURE__ */ o(n, {
+					className: "size-5",
+					"aria-hidden": "true"
+				}))]
 			}),
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ o(t, { voiceLive: f }),
+			/* @__PURE__ */ o("button", {
 				type: "button",
-				onClick: c,
-				className: `${o} ${s}`,
-				"aria-label": d,
-				title: d,
+				onClick: () => p(),
+				className: `${c} ${l}`,
+				"aria-label": g,
+				title: g,
 				"data-testid": "assistant-open-full",
-				children: /* @__PURE__ */ i(n, {
+				children: /* @__PURE__ */ o(a, {
 					className: "size-5",
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ o("button", {
 				type: "button",
-				onClick: l,
-				className: `${o} ${s}`,
-				"aria-label": f,
-				title: f,
+				onClick: m,
+				className: `${c} ${l}`,
+				"aria-label": _,
+				title: _,
 				"data-testid": "assistant-minimize",
-				children: /* @__PURE__ */ i(t, {
+				children: /* @__PURE__ */ o(i, {
 					className: "size-5",
 					"aria-hidden": "true"
 				})
@@ -51,4 +65,4 @@ var o = "flex size-10 shrink-0 items-center justify-center rounded-button transi
 	});
 };
 //#endregion
-export { c as AssistantWindowHeader };
+export { u as AssistantWindowHeader };

package/dist/shared/assistant/ui/compact/windowView.d.ts

@@ -0,0 +1,50 @@
+import { isAssistantWindowView, AssistantWindowView } from '../assistantOverlayState';
+export { isAssistantWindowView, type AssistantWindowView };
+/**
+ * CW-V: the view the window shows.
+ *
+ * - Not live: the LAST USED view; the first time (nothing stored) Voice where
+ *   voice is available here, else Chat.
+ * - Live: the voice view, which is where a conversation that has just started is
+ *   (starting it from the Chat view moves the window to it), unless the person
+ *   stepped to Chat since. That step is NOT the last-used view: it lasts as long
+ *   as the conversation does.
+ */
+export declare function resolveWindowView(input: {
+    /** The last-used view the overlay remembers, or null when none was ever chosen. */
+    stored: AssistantWindowView | null;
+    /** Voice can start here (speech works and the mode takes it). */
+    voiceAvailable: boolean;
+    /** A voice session is live. */
+    voiceLive: boolean;
+    /** The view the person chose during the live conversation. */
+    liveView: AssistantWindowView;
+}): AssistantWindowView;
+/** What the chat area tells the panel about voice in the window. */
+export interface WindowVoiceState {
+    /** Voice can start here: `voiceSession.available` and the active mode takes it. */
+    available: boolean;
+    /** A session is live. */
+    live: boolean;
+}
+/** Until the chat area reports: not available, not live. */
+export declare const WINDOW_VOICE_IDLE: WindowVoiceState;
+/**
+ * The window's view and how a person changes it. A choice made while voice is
+ * live is the live conversation's alone; any other choice is remembered
+ * (`onRemember`, the overlay's storage). Each new conversation starts on Voice.
+ *
+ * ★ The state is adjusted DURING render, conditional on the flag it follows, so
+ * no frame shows the wrong view.
+ */
+export declare function useAssistantWindowView(args: {
+    stored: AssistantWindowView | null;
+    onRemember: ((view: AssistantWindowView) => void) | undefined;
+    voice: WindowVoiceState;
+}): {
+    view: AssistantWindowView;
+    /** The person chose a view in the header. */
+    select: (view: AssistantWindowView) => void;
+    /** The view is where the person IS now (Continue in chat): remembered, never a live-only choice. */
+    remember: (view: AssistantWindowView) => void;
+};

package/dist/shared/assistant/ui/compact/windowView.js

@@ -0,0 +1,31 @@
+import "../assistantOverlayState.js";
+import { useCallback as e, useState as t } from "react";
+//#region src/shared/assistant/ui/compact/windowView.ts
+function n(e) {
+	return e.voiceLive ? e.liveView : e.stored ?? (e.voiceAvailable ? "voice" : "chat");
+}
+var r = {
+	available: !1,
+	live: !1
+};
+function i(r) {
+	let { stored: i, onRemember: a, voice: o } = r, [s, c] = t("voice"), [l, u] = t(null), [d, f] = t(o.live);
+	d !== o.live && (f(o.live), o.live && c("voice"));
+	let p = n({
+		stored: l ?? i,
+		voiceAvailable: o.available,
+		voiceLive: o.live,
+		liveView: s
+	}), m = o.live, h = e((e) => {
+		u(e), a?.(e);
+	}, [a]);
+	return {
+		view: p,
+		select: e((e) => {
+			m ? c(e) : h(e);
+		}, [m, h]),
+		remember: h
+	};
+}
+//#endregion
+export { r as WINDOW_VOICE_IDLE, n as resolveWindowView, i as useAssistantWindowView };

package/dist/shared/assistant/ui/composer/AssistantComposer.d.ts

@@ -115,6 +115,12 @@ interface Props {
      * "change waiting" row. Classic never draws it.
      */
     aboveCard?: ReactNode;
+    /**
+     * BOFF-10180 (compact only): show the mode as a read-only label, not a menu. The
+     * Quick assistant window names the mode it is in and leaves changing it to the
+     * full panel (DESIGN §3.3). Absent: the Mode menu.
+     */
+    modeReadOnly?: boolean;
 }
 /** A local draft snapshot; no files are uploaded by observing it. */
 export interface AssistantComposerDraft {