@burdenoff/fe-libs 2026.1014.4 → 2026.1015.1

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

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

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { LiveAvatarTabIds } from './assistantLiveAvatarSeam';
+/** The two views of the panel when the live avatar offers its tab. */
+export type AssistantPanelView = "chat" | "avatar";
+export interface AssistantAvatarTabsProps {
+    readonly selected: AssistantPanelView;
+    readonly onSelect: (view: AssistantPanelView) => void;
+    readonly ids: LiveAvatarTabIds;
+}
+export declare const AssistantAvatarTabs: FC<AssistantAvatarTabsProps>;

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

@@ -0,0 +1,48 @@
+import { useAvatarCopy as e } from "../avatar/useAvatarCopy.js";
+import { tabForArrowKey as t } from "../preview/entity/entityPreviewState.js";
+import { useRef as n } from "react";
+import { MessageSquare as r, Video as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantAvatarTabs.tsx
+var s = ["chat", "avatar"], c = ({ selected: c, onSelect: l, ids: u }) => {
+	let d = e(), f = n({}), p = (e, n) => {
+		let r = getComputedStyle(e.currentTarget).direction === "rtl", i = t(e.key, s, n, r), a = s.find((e) => e === i);
+		a !== void 0 && (e.preventDefault(), f.current[a]?.focus());
+	};
+	return /* @__PURE__ */ a("div", {
+		role: "tablist",
+		"aria-label": d.tabsLabel,
+		className: "flex shrink-0 border-b border-border-subtle",
+		"data-testid": "assistant-avatar-tabs",
+		children: s.map((e) => {
+			let t = e === c, n = e === "chat";
+			return /* @__PURE__ */ o("button", {
+				ref: (t) => {
+					f.current[e] = t;
+				},
+				type: "button",
+				role: "tab",
+				id: n ? u.chatTab : u.avatarTab,
+				"aria-selected": t,
+				"aria-controls": n ? u.chatPanel : u.avatarPanel,
+				"aria-describedby": n && c === "avatar" ? u.leaveHint : void 0,
+				tabIndex: t ? 0 : -1,
+				onClick: () => {
+					t || l(e);
+				},
+				onKeyDown: (t) => p(t, e),
+				className: `inline-flex min-h-11 min-w-0 flex-1 items-center justify-center gap-2 border-b-2 px-3 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-border-strong ${t ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-muted hover:text-text-primary"}`,
+				"data-testid": n ? "assistant-tab-chat" : "assistant-tab-avatar",
+				children: [a(n ? r : i, {
+					className: "size-4 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ a("span", {
+					className: "truncate",
+					children: n ? d.tabChat : d.tabAvatar
+				})]
+			}, e);
+		})
+	});
+};
+//#endregion
+export { c as AssistantAvatarTabs };