@burdenoff/fe-libs 2026.1029.7 → 2026.1029.9

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

@@ -2,517 +2,547 @@ import { useAssistantProduct as e } from "../product.js";
 import { useAssistantTr as t } from "../i18n.js";
 import { DEFAULT_HISTORY_LIST_FILTER as n, clampToCodePoints as r, codePointLength as i, historyFilterEmptyKind as a, historyFilterKey as o } from "../history/historyControls.js";
 import { useAssistantStore as s } from "../store.js";
-import { chatTurns as c, voiceTurnsOnly as l } from "../voice/turnVisibility.js";
-import { getAssistantDisplayContent as u } from "../displayContent.js";
-import { useOverlayFocus as ee } from "./useOverlayFocus.js";
-import { AssistantHistoryPinLimitBanner as d, AssistantHistoryUnsavedDeleteNotice as f } from "./AssistantHistoryNotices.js";
-import { historyRowAcceptsControls as te, selectAssistantHistoryList as ne } from "../history/historyList.js";
-import { useAssistantHistoryStatus as p } from "../history/historyStatus.js";
-import { useAssistantHistoryStore as m } from "../history/historyStore.js";
-import { assistantHistory as h } from "../history/historyEngine.js";
-import { selectHistorySearchList as re } from "../history/historySearch.js";
-import { useAssistantHistorySearch as ie } from "../history/useAssistantHistorySearch.js";
-import { AssistantConversationFilters as ae } from "./AssistantConversationFilters.js";
-import { AssistantHistorySearchBox as oe } from "./AssistantHistorySearchBox.js";
-import { useEffect as se, useId as ce, useLayoutEffect as le, useMemo as g, useRef as _, useState as v } from "react";
-import { Archive as ue, ArchiveRestore as de, Check as fe, MessageSquare as pe, PanelLeftClose as me, Pencil as he, Pin as ge, PinOff as _e, Plus as ve, Trash2 as ye } from "lucide-react";
-import { Fragment as be, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { chatTurns as c, voiceTurnsOnly as ee } from "../voice/turnVisibility.js";
+import { getAssistantDisplayContent as l } from "../displayContent.js";
+import { useOverlayFocus as te } from "./useOverlayFocus.js";
+import { AssistantHistoryPinLimitBanner as u, AssistantHistoryUnsavedDeleteNotice as d } from "./AssistantHistoryNotices.js";
+import { historyRowAcceptsControls as ne, selectAssistantHistoryList as re } from "../history/historyList.js";
+import { useAssistantHistoryStatus as f } from "../history/historyStatus.js";
+import { useAssistantHistoryStore as p } from "../history/historyStore.js";
+import { assistantHistory as m } from "../history/historyEngine.js";
+import { selectHistorySearchList as ie } from "../history/historySearch.js";
+import { useAssistantHistorySearch as ae } from "../history/useAssistantHistorySearch.js";
+import { AssistantConversationFilters as oe } from "./AssistantConversationFilters.js";
+import { AssistantHistorySearchBox as se } from "./AssistantHistorySearchBox.js";
+import { useEffect as ce, useId as le, useLayoutEffect as ue, useMemo as h, useRef as g, useState as _ } from "react";
+import { Archive as de, ArchiveRestore as fe, ArrowLeft as pe, Check as me, MessageSquare as he, PanelLeftClose as ge, Pencil as _e, Pin as ve, PinOff as ye, Plus as be, Trash2 as xe } from "lucide-react";
+import { Fragment as Se, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/shared/assistant/ui/AssistantConversationList.tsx
-var xe = {
+var Ce = {
 	channel: "ANY",
 	pinned: null,
 	archived: "INCLUDE"
-}, Se = (e) => `group relative px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${e ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`, Ce = ({ active: e, title: t, onOpen: n, details: r, actions: i, openRef: a, actionRef: o, testId: s }) => {
-	let c = ce(), l = `${c}-title`, u = `${c}-details`;
-	return /* @__PURE__ */ b("div", {
-		className: Se(e),
+}, we = (e) => `group relative px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${e ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`, Te = ({ active: e, title: t, onOpen: n, details: r, actions: i, openRef: a, actionRef: o, testId: s }) => {
+	let c = le(), ee = `${c}-title`, l = `${c}-details`;
+	return /* @__PURE__ */ y("div", {
+		className: we(e),
 		"data-testid": s,
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ y("button", {
+			children: [/* @__PURE__ */ v("button", {
 				ref: a,
 				type: "button",
 				onClick: n,
 				"aria-current": e ? "true" : void 0,
-				"aria-describedby": u,
+				"aria-describedby": l,
 				className: "flex-1 min-w-0 text-left cursor-pointer focus:outline-none after:absolute after:inset-0 focus-visible:after:outline-2 focus-visible:after:outline-solid focus-visible:after:-outline-offset-2 focus-visible:after:outline-[var(--color-focus-ring)]",
 				"data-testid": "open-conversation",
-				children: /* @__PURE__ */ y("span", {
-					id: l,
+				children: /* @__PURE__ */ v("span", {
+					id: ee,
 					className: "block text-xs font-medium text-text-primary truncate",
 					children: t
 				})
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "sr-only group-hover:not-sr-only group-focus-within:not-sr-only [@media(pointer:coarse)]:not-sr-only",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "relative z-10 flex items-center gap-0.5 ml-1",
-					children: i.map((e) => /* @__PURE__ */ y("button", {
+					children: i.map((e) => /* @__PURE__ */ v("button", {
 						ref: o(e.id),
 						type: "button",
 						onClick: e.onActivate,
 						className: "p-0.5 [@media(pointer:coarse)]:p-1.5 hover:bg-bg-sunken rounded",
 						"aria-label": e.label,
-						"aria-describedby": l,
+						"aria-describedby": ee,
 						"data-testid": e.testId,
 						children: e.icon
 					}, e.id))
 				})
 			})]
-		}), /* @__PURE__ */ y("div", {
-			id: u,
+		}), /* @__PURE__ */ v("div", {
+			id: l,
 			children: r
 		})]
 	});
-}, we = (e, t) => {
+}, Ee = (e, t) => {
 	let n = [];
 	for (let r = 1; r < e.length; r += 1) {
 		let i = e[t + r], a = t - r >= 0 ? e[t - r] : void 0;
 		i !== void 0 && n.push(i), a !== void 0 && n.push(a);
 	}
 	return n;
-}, x = () => {
-	let x = t(), { modes: Te } = e(), { conversations: S, activeConversationId: C, processingByConversationId: Ee, setActiveConversation: De, setMode: Oe, createConversation: ke, deleteConversation: Ae, renameConversation: je, setConversationListOpen: w } = s(), [T, E] = v(null), [D, Me] = v(""), [Ne, O] = v(!1), Pe = ce(), k = p((e) => e.product !== null), A = p((e) => e.scopeKey), Fe = p((e) => e.loadingIds), j = p((e) => e.olderHeaders), Ie = p((e) => e.unsavedDelete !== void 0), Le = p((e) => e.controlsAvailable), M = k && Le, Re = p((e) => e.pinLimit), N = m((e) => A === null ? void 0 : e.scopes[A]), ze = m((e) => e.tombstones), P = m((e) => e.outbox), [F, Be] = v(n), [Ve, He] = v(!1), Ue = M ? F : xe, We = (e) => {
-		Be(e), He(!0);
-	}, [Ge, Ke] = v(""), I = ie({
-		text: Ge,
-		filter: F,
-		enabled: M,
-		scopeKey: A,
-		epoch: p((e) => e.epoch)
-	}), L = M && I.query !== "", R = I.server;
-	L && !Ve && He(!0);
-	let z = g(() => ({
+}, De = ({ presentation: De, onBack: Oe, onDone: b }) => {
+	let x = t(), ke = De === "compact", { modes: Ae } = e(), { conversations: S, activeConversationId: je, processingByConversationId: Me, setActiveConversation: Ne, setMode: Pe, createConversation: Fe, deleteConversation: Ie, renameConversation: Le, setConversationListOpen: C } = s(), [w, Re] = _(null), [ze, Be] = _(""), [Ve, T] = _(!1), He = le(), E = f((e) => e.product !== null), D = f((e) => e.scopeKey), Ue = f((e) => e.loadingIds), O = f((e) => e.olderHeaders), We = f((e) => e.unsavedDelete !== void 0), Ge = f((e) => e.controlsAvailable), k = E && Ge, Ke = f((e) => e.pinLimit), A = p((e) => D === null ? void 0 : e.scopes[D]), qe = p((e) => e.tombstones), Je = p((e) => e.outbox), [j, Ye] = _(n), [Xe, Ze] = _(!1), Qe = k ? j : Ce, $e = (e) => {
+		Ye(e), Ze(!0);
+	}, [et, tt] = _(""), M = ae({
+		text: et,
+		filter: j,
+		enabled: k,
+		scopeKey: D,
+		epoch: f((e) => e.epoch)
+	}), N = k && M.query !== "", P = M.server;
+	N && !Xe && Ze(!0);
+	let F = h(() => ({
 		conversations: S,
-		scopeKey: A,
-		headers: N?.headers ?? {},
-		olderHeaders: j && j.scopeKey === A ? j.headers : void 0,
-		tombstones: ze,
-		loadingIds: Fe,
-		outbox: P
+		scopeKey: D,
+		headers: A?.headers ?? {},
+		olderHeaders: O && O.scopeKey === D ? O.headers : void 0,
+		tombstones: qe,
+		loadingIds: Ue,
+		outbox: Je
 	}), [
 		S,
+		D,
 		A,
+		O,
+		qe,
+		Ue,
+		Je
+	]), I = h(() => E ? re(F, Qe) : null, [
+		E,
+		F,
+		Qe
+	]), L = h(() => E && N ? ie(F, j, M.query, P.status === "results" ? P.hits : null) : null, [
+		E,
 		N,
+		F,
 		j,
-		ze,
-		Fe,
+		M.query,
 		P
-	]), B = g(() => k ? ne(z, Ue) : null, [
-		k,
-		z,
-		Ue
-	]), V = g(() => k && L ? re(z, F, I.query, R.status === "results" ? R.hits : null) : null, [
-		k,
+	]), R = P.status === "results" && P.hasMore, z = P.status === "results" && P.loadingMore, nt = k ? j : void 0, rt = o(nt), B = O && O.scopeKey === D ? O : void 0, V = B ? B.filterKey === rt ? B.hasMore : !0 : A?.hasOlderHeaders === !0, H = h(() => L ? [
+		...L.server.map((e) => e.key),
+		...L.local.map((e) => e.key),
+		...L.device.map((e) => e.id)
+	] : I ? [...I.workspace.map((e) => e.key), ...I.device.map((e) => e.id)] : S.map((e) => e.id), [
 		L,
-		z,
-		F,
-		I.query,
-		R
-	]), H = R.status === "results" && R.hasMore, U = R.status === "results" && R.loadingMore, qe = M ? F : void 0, Je = o(qe), W = j && j.scopeKey === A ? j : void 0, G = W ? W.filterKey === Je ? W.hasMore : !0 : N?.hasOlderHeaders === !0, K = g(() => V ? [
-		...V.server.map((e) => e.key),
-		...V.local.map((e) => e.key),
-		...V.device.map((e) => e.id)
-	] : B ? [...B.workspace.map((e) => e.key), ...B.device.map((e) => e.id)] : S.map((e) => e.id), [
-		V,
-		B,
+		I,
 		S
 	]);
-	se(() => {
-		k && h.notePanelOpened();
-	}, [k]);
-	let Ye = () => {
-		ke(), w(!1);
-	}, Xe = (e) => {
-		if (k) {
-			h.openConversation(e, { modes: Te }), w(!1);
+	ce(() => {
+		E && m.notePanelOpened();
+	}, [E]);
+	let U = () => {
+		Fe(), C(!1), b?.();
+	}, it = (e) => {
+		if (E) {
+			m.openConversation(e, { modes: Ae }), C(!1), b?.();
 			return;
 		}
 		let t = S.find((t) => t.id === e);
-		De(e), t && Oe(t.mode), w(!1);
-	}, Ze = _(/* @__PURE__ */ new Map()), Qe = (e) => (t) => {
-		t ? Ze.current.set(e, t) : Ze.current.delete(e);
-	}, $e = _(/* @__PURE__ */ new Map()), et = (e) => (t) => (n) => {
+		Ne(e), t && Pe(t.mode), C(!1), b?.();
+	}, W = g(/* @__PURE__ */ new Map()), at = (e) => (t) => {
+		t ? W.current.set(e, t) : W.current.delete(e);
+	}, G = g(/* @__PURE__ */ new Map()), ot = (e) => (t) => (n) => {
 		let r = `${e}\u0000${t}`;
-		n ? $e.current.set(r, n) : $e.current.delete(r);
-	}, q = _(null), tt = _(null), nt = _(null), rt = _(null), it = _(null), at = (e, t) => {
-		E(e), Me(r(t, 80)), O(!1);
-	}, ot = (e) => {
-		Me(r(e, 80)), O(i(e) > 80);
-	}, st = () => {
-		T && D.trim() && je(T, D), T && (q.current = {
+		n ? G.current.set(r, n) : G.current.delete(r);
+	}, K = g(null), q = g(null), st = g(null), ct = g(null), lt = g(null), ut = (e, t) => {
+		Re(e), Be(r(t, 80)), T(!1);
+	}, dt = (e) => {
+		Be(r(e, 80)), T(i(e) > 80);
+	}, ft = () => {
+		w && ze.trim() && Le(w, ze), w && (K.current = {
 			kind: "renamed",
-			key: T
-		}), E(null), O(!1);
-	}, ct = (e) => {
-		q.current = {
+			key: w
+		}), Re(null), T(!1);
+	}, pt = (e) => {
+		K.current = {
 			kind: "deleted",
 			key: e,
-			before: K
-		}, k ? h.deleteConversation(e) : Ae(e);
-	}, lt = (e, t, n) => {
-		q.current = {
+			before: H
+		}, E ? m.deleteConversation(e) : Ie(e);
+	}, mt = (e, t, n) => {
+		K.current = {
 			kind: "control",
 			key: e,
 			control: t,
-			before: K
-		}, h.updateConversation(e, n) || (q.current = null);
-	}, ut = x("history.untitled", "Untitled conversation"), J = "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded", dt = (e) => e === 1 ? x("conversationList.messageCountOne", "1 message") : x("conversationList.messageCount", "{{count}} messages", { count: e }), ft = (e) => e === 1 ? x("conversationList.spokenCountOne", "1 spoken") : x("conversationList.spokenCount", "{{count}} spoken", { count: e }), pt = (e, t) => /* @__PURE__ */ b("div", {
-		className: Se(t),
-		children: [/* @__PURE__ */ b("div", {
+			before: H
+		}, m.updateConversation(e, n) || (K.current = null);
+	}, J = x("history.untitled", "Untitled conversation"), Y = "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded", ht = (e) => e === 1 ? x("conversationList.messageCountOne", "1 message") : x("conversationList.messageCount", "{{count}} messages", { count: e }), gt = (e) => e === 1 ? x("conversationList.spokenCountOne", "1 spoken") : x("conversationList.spokenCount", "{{count}} spoken", { count: e }), _t = (e, t) => /* @__PURE__ */ y("div", {
+		className: we(t),
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ y("input", {
-				ref: tt,
+			children: [/* @__PURE__ */ v("input", {
+				ref: q,
 				"aria-label": x("conversations.renameLabel", "Conversation title"),
-				"aria-describedby": Ne ? Pe : void 0,
-				value: D,
-				onChange: (e) => ot(e.target.value),
+				"aria-describedby": Ve ? He : void 0,
+				value: ze,
+				onChange: (e) => dt(e.target.value),
 				onKeyDown: (t) => {
-					t.key === "Enter" && (t.preventDefault(), st()), t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), E(null), O(!1), q.current = {
+					t.key === "Enter" && (t.preventDefault(), ft()), t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), Re(null), T(!1), K.current = {
 						kind: "renamed",
 						key: e
 					});
 				},
 				className: "flex-1 text-xs bg-bg-sunken border border-border-default rounded px-2 py-1 text-text-primary focus:outline-none focus:border-action-primary-bg"
-			}), /* @__PURE__ */ y("button", {
+			}), /* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: st,
+				onClick: ft,
 				className: "p-1 hover:bg-bg-sunken rounded",
 				"aria-label": x("conversations.saveTitle", "Save title"),
-				children: /* @__PURE__ */ y(fe, { className: "size-3 text-status-success-text" })
+				children: /* @__PURE__ */ v(me, { className: "size-3 text-status-success-text" })
 			})]
-		}), /* @__PURE__ */ y("p", {
-			id: Pe,
+		}), /* @__PURE__ */ v("p", {
+			id: He,
 			role: "status",
 			className: "text-[10px] text-text-muted",
-			children: Ne ? x("conversations.titleLimit", "Titles are up to {{limit}} characters", { limit: 80 }) : ""
+			children: Ve ? x("conversations.titleLimit", "Titles are up to {{limit}} characters", { limit: 80 }) : ""
 		})]
-	}, e), mt = (e) => {
-		let t = M && te(e, P, A), n = e.pinnedAt !== null, r = e.archivedAt !== null, i = [];
+	}, e), vt = (e) => {
+		let t = k && ne(e, Je, D), n = e.pinnedAt !== null, r = e.archivedAt !== null, i = [];
 		return t && !r && i.push({
 			id: "pin",
 			label: n ? x("conversations.unpin", "Unpin conversation") : x("conversations.pin", "Pin conversation"),
-			icon: y(n ? _e : ge, { className: "size-3 text-text-muted" }),
-			onActivate: () => lt(e.key, "pin", { pinned: !n }),
+			icon: v(n ? ye : ve, { className: "size-3 text-text-muted" }),
+			onActivate: () => mt(e.key, "pin", { pinned: !n }),
 			testId: "pin-conversation"
 		}), (e.conversation || t) && i.push({
 			id: "rename",
 			label: x("conversations.rename", "Rename conversation"),
-			icon: /* @__PURE__ */ y(he, { className: "size-3 text-text-muted" }),
-			onActivate: () => at(e.key, e.title),
+			icon: /* @__PURE__ */ v(_e, { className: "size-3 text-text-muted" }),
+			onActivate: () => ut(e.key, e.title),
 			testId: "rename-conversation"
 		}), t && i.push({
 			id: "archive",
 			label: r ? x("conversations.unarchive", "Unarchive conversation") : x("conversations.archive", "Archive conversation"),
-			icon: y(r ? de : ue, { className: "size-3 text-text-muted" }),
-			onActivate: () => lt(e.key, "archive", { archived: !r }),
+			icon: v(r ? fe : de, { className: "size-3 text-text-muted" }),
+			onActivate: () => mt(e.key, "archive", { archived: !r }),
 			testId: "archive-conversation"
 		}), i.push({
 			id: "delete",
 			label: x("conversations.delete", "Delete conversation"),
-			icon: /* @__PURE__ */ y(ye, { className: "size-3 text-status-error-text" }),
-			onActivate: () => ct(e.key),
+			icon: /* @__PURE__ */ v(xe, { className: "size-3 text-status-error-text" }),
+			onActivate: () => pt(e.key),
 			testId: "delete-conversation"
 		}), i;
-	}, ht = (e) => [{
+	}, yt = (e) => [{
 		id: "rename",
 		label: x("conversations.rename", "Rename conversation"),
-		icon: /* @__PURE__ */ y(he, { className: "size-3 text-text-muted" }),
-		onActivate: () => at(e.id, e.title),
+		icon: /* @__PURE__ */ v(_e, { className: "size-3 text-text-muted" }),
+		onActivate: () => ut(e.id, e.title),
 		testId: "rename-conversation"
 	}, {
 		id: "delete",
 		label: x("conversations.delete", "Delete conversation"),
-		icon: /* @__PURE__ */ y(ye, { className: "size-3 text-status-error-text" }),
-		onActivate: () => ct(e.id),
+		icon: /* @__PURE__ */ v(xe, { className: "size-3 text-status-error-text" }),
+		onActivate: () => pt(e.id),
 		testId: "delete-conversation"
-	}], Y = (e, t) => {
-		let n = e.id === C, r = e.id === T, i = Te.find((t) => t.id === e.mode), a = c(e.messages), o = l(e.messages), s = a[a.length - 1], ee = a.length === 0 && e.messages.length > 0, d = Ee[e.id], f = s ? u(s, d, x).text.slice(0, 60) : "";
-		return r ? pt(e.id, n) : /* @__PURE__ */ y(Ce, {
+	}], X = (e, t) => {
+		let n = e.id === je, r = e.id === w, i = Ae.find((t) => t.id === e.mode), a = c(e.messages), o = ee(e.messages), s = a[a.length - 1], te = a.length === 0 && e.messages.length > 0, u = Me[e.id], d = s ? l(s, u, x).text.slice(0, 60) : "";
+		return r ? _t(e.id, n) : /* @__PURE__ */ v(Te, {
 			active: n,
-			title: (t ? t.title : e.title) || ut,
-			onOpen: () => Xe(e.id),
-			openRef: Qe(e.id),
-			actionRef: et(e.id),
-			actions: t ? t.actions : ht(e),
-			details: /* @__PURE__ */ b(be, { children: [
-				/* @__PURE__ */ b("div", {
+			title: (t ? t.title : e.title) || J,
+			onOpen: () => it(e.id),
+			openRef: at(e.id),
+			actionRef: ot(e.id),
+			actions: t ? t.actions : yt(e),
+			details: /* @__PURE__ */ y(Se, { children: [
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-1.5 mt-0.5",
 					children: [
-						/* @__PURE__ */ y("span", {
-							className: J,
+						/* @__PURE__ */ v("span", {
+							className: Y,
 							children: i?.label ?? e.mode
 						}),
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ v("span", {
 							className: "text-[10px] text-text-muted",
-							children: dt(a.length)
+							children: ht(a.length)
 						}),
-						o.length > 0 ? /* @__PURE__ */ y("span", {
+						o.length > 0 ? /* @__PURE__ */ v("span", {
 							className: "text-[10px] text-text-muted",
 							"data-testid": "history-spoken-count",
-							children: ft(o.length)
+							children: gt(o.length)
 						}) : null,
-						d && d.status !== "idle" && /* @__PURE__ */ y("span", {
+						u && u.status !== "idle" && /* @__PURE__ */ v("span", {
 							className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
-							children: d.status
+							children: u.status
 						}),
 						t?.badges
 					]
 				}),
 				t?.note,
-				f && /* @__PURE__ */ y("p", {
+				d && /* @__PURE__ */ v("p", {
 					className: "text-[10px] text-text-muted truncate mt-0.5",
-					children: f
+					children: d
 				}),
-				ee && /* @__PURE__ */ y("p", {
+				te && /* @__PURE__ */ v("p", {
 					className: "text-[10px] text-text-muted truncate mt-0.5",
 					children: x("conversationList.voiceOnly", "Spoken conversation")
 				})
 			] })
 		}, e.id);
-	}, gt = (e) => e.blocked === "quota" ? x("history.notSavedQuota", "Not saved yet: this workspace has reached its conversation limit. It will be saved when there is room.") : e.blocked === "invalid" ? x("history.notSavedInvalid", "Part of this conversation couldn't be saved. It stays on this device.") : e.blocked === "scope" ? x("history.notSavedScope", "Some turns were sent from another workspace. They stay on this device.") : null, _t = (e) => {
-		let t = gt(e);
-		return /* @__PURE__ */ b(be, { children: [
-			e.channel === "VOICE" ? /* @__PURE__ */ y("span", {
-				className: J,
+	}, bt = (e) => e.blocked === "quota" ? x("history.notSavedQuota", "Not saved yet: this workspace has reached its conversation limit. It will be saved when there is room.") : e.blocked === "invalid" ? x("history.notSavedInvalid", "Part of this conversation couldn't be saved. It stays on this device.") : e.blocked === "scope" ? x("history.notSavedScope", "Some turns were sent from another workspace. They stay on this device.") : null, xt = (e) => {
+		let t = bt(e);
+		return /* @__PURE__ */ y(Se, { children: [
+			e.channel === "VOICE" ? /* @__PURE__ */ v("span", {
+				className: Y,
 				"data-testid": "history-badge-voice",
 				children: x("conversationList.badgeVoice", "Voice")
-			}) : e.channel === "MIXED" ? /* @__PURE__ */ y("span", {
-				className: J,
+			}) : e.channel === "MIXED" ? /* @__PURE__ */ v("span", {
+				className: Y,
 				"data-testid": "history-badge-mixed",
 				children: x("conversationList.badgeMixed", "Chat + voice")
 			}) : null,
-			e.pinnedAt === null ? null : /* @__PURE__ */ b("span", {
-				className: `${J} inline-flex items-center gap-0.5`,
+			e.pinnedAt === null ? null : /* @__PURE__ */ y("span", {
+				className: `${Y} inline-flex items-center gap-0.5`,
 				"data-testid": "history-badge-pinned",
-				children: [/* @__PURE__ */ y(ge, {
+				children: [/* @__PURE__ */ v(ve, {
 					className: "size-2.5",
 					"aria-hidden": "true"
 				}), x("conversationList.badgePinned", "Pinned")]
 			}),
-			e.archivedAt === null ? null : /* @__PURE__ */ b("span", {
-				className: `${J} inline-flex items-center gap-0.5`,
+			e.archivedAt === null ? null : /* @__PURE__ */ y("span", {
+				className: `${Y} inline-flex items-center gap-0.5`,
 				"data-testid": "history-badge-archived",
-				children: [/* @__PURE__ */ y(ue, {
+				children: [/* @__PURE__ */ v(de, {
 					className: "size-2.5",
 					"aria-hidden": "true"
 				}), x("conversationList.badgeArchived", "Archived")]
 			}),
-			e.legacy ? /* @__PURE__ */ y("span", {
-				className: J,
+			e.legacy ? /* @__PURE__ */ v("span", {
+				className: Y,
 				"data-testid": "history-badge-read-only",
 				children: x("history.badgeReadOnly", "Read-only")
 			}) : null,
-			t === null ? null : /* @__PURE__ */ y("span", {
-				className: J,
+			t === null ? null : /* @__PURE__ */ v("span", {
+				className: Y,
 				"data-testid": "history-badge-not-saved",
 				children: x("history.badgeNotSaved", "Not saved")
 			}),
-			e.loading ? /* @__PURE__ */ y("span", {
-				className: J,
+			e.loading ? /* @__PURE__ */ v("span", {
+				className: Y,
 				"data-testid": "history-badge-loading",
 				children: x("history.badgeLoading", "Loading…")
 			}) : null
 		] });
-	}, vt = (e) => {
-		let t = gt(e);
-		return t === null ? null : /* @__PURE__ */ y("p", {
+	}, St = (e) => {
+		let t = bt(e);
+		return t === null ? null : /* @__PURE__ */ v("p", {
 			className: "text-[10px] text-text-muted break-words mt-0.5",
 			"data-testid": "history-not-saved-reason",
 			children: t
 		});
-	}, yt = (e) => e.key === T ? pt(e.key, e.key === C) : /* @__PURE__ */ y(Ce, {
-		active: e.key === C,
-		title: e.title || ut,
-		onOpen: () => Xe(e.key),
-		openRef: Qe(e.key),
-		actionRef: et(e.key),
-		actions: mt(e),
-		details: /* @__PURE__ */ b(be, { children: [/* @__PURE__ */ y("div", {
+	}, Ct = (e) => e.key === w ? _t(e.key, e.key === je) : /* @__PURE__ */ v(Te, {
+		active: e.key === je,
+		title: e.title || J,
+		onOpen: () => it(e.key),
+		openRef: at(e.key),
+		actionRef: ot(e.key),
+		actions: vt(e),
+		details: /* @__PURE__ */ y(Se, { children: [/* @__PURE__ */ v("div", {
 			className: "flex flex-wrap items-center gap-1.5 mt-0.5",
-			children: _t(e)
-		}), vt(e)] }),
+			children: xt(e)
+		}), St(e)] }),
 		testId: "history-server-row"
-	}, e.key), bt = (e) => e.conversation ? Y(e.conversation, {
-		title: e.title || ut,
-		badges: _t(e),
-		note: vt(e),
-		actions: mt(e)
-	}) : yt(e), X = (e) => /* @__PURE__ */ y("h3", {
+	}, e.key), wt = (e) => e.conversation ? X(e.conversation, {
+		title: e.title || J,
+		badges: xt(e),
+		note: St(e),
+		actions: vt(e)
+	}) : Ct(e), Z = (e) => /* @__PURE__ */ v("h3", {
 		className: "px-3 pt-2 pb-1 text-[10px] font-semibold uppercase tracking-wide text-text-muted",
 		children: e
-	}), Z = V ? V.server.length + V.local.length + V.device.length : B ? B.workspace.length + B.device.length : S.length, xt = V ? Z === 0 && R.status !== "searching" && !H : B ? Z === 0 && !G : S.length === 0, St = (e) => e === 0 ? x("conversationFilters.none", "No conversations match") : e === 1 ? x("conversationFilters.countOne", "1 conversation") : x("conversationFilters.count", "{{count}} conversations", { count: e }), Ct = L ? I.tooShort ? x("historySearch.tooShort", "Type 2 or more characters to search this workspace") : R.status === "searching" ? x("historySearch.searching", "Searching…") : St(Z) : void 0, wt = L ? R.status === "fallback" ? R.reason === "busy" ? x("historySearch.busy", "Search is busy right now. Showing matches on this device.") : x("historySearch.failed", "Couldn't search this workspace. Showing matches on this device.") : R.status === "results" && R.moreFailed ? x("historySearch.moreFailed", "Couldn't load more results. Try again.") : "" : "", Q = M && !L ? a(F) : null, Tt = L ? St(0) : Q === "archived" ? x("conversationList.emptyArchived", "No archived conversations") : Q === "pinned" ? x("conversationList.emptyPinned", "No pinned conversations") : Q === "voice" ? x("conversationList.emptyVoice", "No voice conversations") : Q === "chat" ? x("conversationList.emptyChat", "No chat conversations") : x("conversations.empty", "No conversations yet"), $ = ee("assistant-open-history");
-	return le(() => {
-		T !== null && tt.current?.focus({ preventScroll: !0 });
-	}, [T]), le(() => {
-		let e = q.current;
-		if (!e || (e.kind === "deleted" ? K.includes(e.key) : e.kind === "renamed" ? T === e.key : e.kind !== "control" && (e.kind === "more" ? U : G))) return;
-		q.current = null;
+	}), Q = L ? L.server.length + L.local.length + L.device.length : I ? I.workspace.length + I.device.length : S.length, Tt = L ? Q === 0 && P.status !== "searching" && !R : I ? Q === 0 && !V : S.length === 0, Et = (e) => e === 0 ? x("conversationFilters.none", "No conversations match") : e === 1 ? x("conversationFilters.countOne", "1 conversation") : x("conversationFilters.count", "{{count}} conversations", { count: e }), Dt = N ? M.tooShort ? x("historySearch.tooShort", "Type 2 or more characters to search this workspace") : P.status === "searching" ? x("historySearch.searching", "Searching…") : Et(Q) : void 0, Ot = N ? P.status === "fallback" ? P.reason === "busy" ? x("historySearch.busy", "Search is busy right now. Showing matches on this device.") : x("historySearch.failed", "Couldn't search this workspace. Showing matches on this device.") : P.status === "results" && P.moreFailed ? x("historySearch.moreFailed", "Couldn't load more results. Try again.") : "" : "", $ = k && !N ? a(j) : null, kt = N ? Et(0) : $ === "archived" ? x("conversationList.emptyArchived", "No archived conversations") : $ === "pinned" ? x("conversationList.emptyPinned", "No pinned conversations") : $ === "voice" ? x("conversationList.emptyVoice", "No voice conversations") : $ === "chat" ? x("conversationList.emptyChat", "No chat conversations") : x("conversations.empty", "No conversations yet"), At = te("assistant-open-history");
+	return ue(() => {
+		w !== null && q.current?.focus({ preventScroll: !0 });
+	}, [w]), ue(() => {
+		let e = K.current;
+		if (!e || (e.kind === "deleted" ? H.includes(e.key) : e.kind === "renamed" ? w === e.key : e.kind !== "control" && (e.kind === "more" ? z : V))) return;
+		K.current = null;
 		let t = document.activeElement;
 		if (t && t !== document.body) return;
-		let n, r = e.kind === "control" && K.includes(e.key) ? $e.current.get(`${e.key}\u0000${e.control}`) : void 0;
+		let n, r = e.kind === "control" && H.includes(e.key) ? G.current.get(`${e.key}\u0000${e.control}`) : void 0;
 		if (e.kind === "renamed") n = [e.key];
-		else if (e.kind === "control") n = K.includes(e.key) ? [e.key] : [...we(e.before, e.before.indexOf(e.key)), ...K];
-		else if (e.kind === "deleted") n = [...we(e.before, e.before.indexOf(e.key)), ...K];
+		else if (e.kind === "control") n = H.includes(e.key) ? [e.key] : [...Ee(e.before, e.before.indexOf(e.key)), ...H];
+		else if (e.kind === "deleted") n = [...Ee(e.before, e.before.indexOf(e.key)), ...H];
 		else if (e.kind === "more") {
-			let t = new Set(e.before), r = V?.server ?? [];
+			let t = new Set(e.before), r = L?.server ?? [];
 			n = [
-				...K.filter((e) => !t.has(e)),
+				...H.filter((e) => !t.has(e)),
 				r[r.length - 1]?.key,
-				...K
+				...H
 			];
 		} else {
-			let t = j && j.scopeKey === A ? j.headers : {}, r = new Set(e.before), i = B?.workspace ?? [];
+			let t = O && O.scopeKey === D ? O.headers : {}, r = new Set(e.before), i = I?.workspace ?? [];
 			n = [
-				...K.filter((e) => !r.has(e) && e in t),
+				...H.filter((e) => !r.has(e) && e in t),
 				i[i.length - 1]?.key,
-				...K
+				...H
 			];
 		}
-		(r ?? n.map((e) => e === void 0 ? void 0 : e === T ? tt.current ?? void 0 : Ze.current.get(e)).find((e) => e !== void 0) ?? nt.current ?? rt.current ?? it.current ?? $.current)?.focus({ preventScroll: !0 });
+		(r ?? n.map((e) => e === void 0 ? void 0 : e === w ? q.current ?? void 0 : W.current.get(e)).find((e) => e !== void 0) ?? st.current ?? ct.current ?? lt.current ?? At.current)?.focus({ preventScroll: !0 });
 	}, [
-		K,
-		T,
-		G,
-		j,
-		A,
-		B,
-		$,
-		U,
-		V
-	]), /* @__PURE__ */ b("div", {
-		ref: $,
+		H,
+		w,
+		V,
+		O,
+		D,
+		I,
+		At,
+		z,
+		L
+	]), /* @__PURE__ */ y("div", {
+		ref: At,
 		tabIndex: -1,
 		role: "region",
 		"aria-label": x("conversations.title", "History"),
 		className: "absolute inset-0 z-10 flex flex-col bg-bg-surface outline-none animate-in slide-in-from-left-2 fade-in duration-200",
 		"data-testid": "conversation-list",
 		children: [
-			/* @__PURE__ */ b("div", {
+			ke ? /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-1 border-b border-border-default bg-bg-elevated px-2 py-2",
+				children: [
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: () => Oe ? Oe() : C(!1),
+						className: "flex size-10 shrink-0 items-center justify-center rounded-button text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						"aria-label": x("menuView.back", "Back"),
+						"data-testid": "collapse-conversation-list",
+						children: /* @__PURE__ */ v(pe, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ v("h2", {
+						className: "min-w-0 flex-1 truncate text-base font-semibold text-text-primary",
+						children: x("conversations.title", "History")
+					}),
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						onClick: U,
+						className: "flex size-10 shrink-0 items-center justify-center rounded-button text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						"aria-label": x("conversations.new", "New conversation"),
+						"data-testid": "new-conversation",
+						children: /* @__PURE__ */ v(be, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}) : /* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-elevated",
-				children: [/* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "text-[13px] font-semibold text-text-primary",
 					children: x("conversations.title", "History")
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-0.5",
-					children: [/* @__PURE__ */ y("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: Ye,
+						onClick: U,
 						className: "p-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
 						"aria-label": x("conversations.new", "New conversation"),
 						"data-testid": "new-conversation",
-						children: /* @__PURE__ */ y(ve, { className: "size-4" })
-					}), /* @__PURE__ */ b("button", {
+						children: /* @__PURE__ */ v(be, { className: "size-4" })
+					}), /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => w(!1),
+						onClick: () => C(!1),
 						className: "flex items-center gap-1 px-2 py-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
 						"aria-label": x("conversations.collapse", "Collapse history"),
 						"data-testid": "collapse-conversation-list",
-						children: [/* @__PURE__ */ y(me, { className: "size-4" }), /* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ v(ge, { className: "size-4" }), /* @__PURE__ */ v("span", {
 							className: "text-[11px] font-medium",
 							children: x("conversations.collapseLabel", "Collapse")
 						})]
 					})]
 				})]
 			}),
-			k && Ie ? /* @__PURE__ */ y(f, {}) : null,
-			k && Re ? /* @__PURE__ */ y(d, {
-				limit: Re.limit,
-				onDismiss: () => p.getState().notePinLimit(void 0)
+			E && We ? /* @__PURE__ */ v(d, {}) : null,
+			E && Ke ? /* @__PURE__ */ v(u, {
+				limit: Ke.limit,
+				onDismiss: () => f.getState().notePinLimit(void 0)
 			}) : null,
-			M ? /* @__PURE__ */ y(ae, {
-				filter: F,
-				onChange: We,
-				count: Z,
-				announce: Ve,
-				search: /* @__PURE__ */ y(oe, {
-					value: Ge,
-					onChange: Ke,
-					onSubmit: I.flush,
-					notice: wt
+			k ? /* @__PURE__ */ v(oe, {
+				filter: j,
+				onChange: $e,
+				count: Q,
+				announce: Xe,
+				search: /* @__PURE__ */ v(se, {
+					value: et,
+					onChange: tt,
+					onSubmit: M.flush,
+					notice: Ot
 				}),
-				statusText: Ct
+				statusText: Dt
 			}) : null,
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "scrollbar-slim flex-1 overflow-y-auto",
-				children: xt ? /* @__PURE__ */ b("div", {
+				children: Tt ? /* @__PURE__ */ y("div", {
 					className: "flex flex-col items-center justify-center h-full text-center px-4",
 					"data-testid": "history-empty",
 					children: [
-						/* @__PURE__ */ y(pe, { className: "size-6 text-text-muted mb-2" }),
-						/* @__PURE__ */ y("p", {
+						/* @__PURE__ */ v(he, { className: "size-6 text-text-muted mb-2" }),
+						/* @__PURE__ */ v("p", {
 							className: "text-xs text-text-muted",
-							children: Tt
+							children: kt
 						}),
-						Q === null && !L ? /* @__PURE__ */ y("button", {
-							ref: it,
+						$ === null && !N ? /* @__PURE__ */ v("button", {
+							ref: lt,
 							type: "button",
-							onClick: Ye,
+							onClick: U,
 							className: "mt-2 text-xs text-action-primary-bg hover:underline",
 							children: x("conversations.startNew", "Start a new conversation")
 						}) : null
 					]
-				}) : V ? /* @__PURE__ */ b("div", {
+				}) : L ? /* @__PURE__ */ y("div", {
 					className: "py-1",
 					"data-testid": "history-search-results",
-					children: [V.server.length > 0 || H ? /* @__PURE__ */ b("section", {
+					children: [L.server.length > 0 || R ? /* @__PURE__ */ y("section", {
 						"data-testid": "history-search-group-workspace",
 						children: [
-							X(x("history.groupWorkspace", "This workspace")),
-							V.server.map(bt),
-							H ? /* @__PURE__ */ y("button", {
-								ref: rt,
+							Z(x("history.groupWorkspace", "This workspace")),
+							L.server.map(wt),
+							R ? /* @__PURE__ */ v("button", {
+								ref: ct,
 								type: "button",
 								onClick: () => {
-									U || (q.current = {
+									z || (K.current = {
 										kind: "more",
-										before: K
-									}), I.loadMore();
+										before: H
+									}), M.loadMore();
 								},
 								className: "mx-3 my-1 text-xs text-action-primary-bg hover:underline",
 								"data-testid": "history-search-show-more",
 								children: x("historySearch.showMore", "Show more results")
 							}) : null
 						]
-					}) : null, V.local.length > 0 || V.device.length > 0 ? /* @__PURE__ */ b("section", {
+					}) : null, L.local.length > 0 || L.device.length > 0 ? /* @__PURE__ */ y("section", {
 						"data-testid": "history-search-group-device",
 						children: [
-							X(x("history.groupDevice", "On this device")),
-							V.local.map(bt),
-							V.device.map((e) => Y(e))
+							Z(x("history.groupDevice", "On this device")),
+							L.local.map(wt),
+							L.device.map((e) => X(e))
 						]
 					}) : null]
-				}) : B ? /* @__PURE__ */ b("div", {
+				}) : I ? /* @__PURE__ */ y("div", {
 					className: "py-1",
-					children: [B.workspace.length > 0 || G ? /* @__PURE__ */ b("section", {
+					children: [I.workspace.length > 0 || V ? /* @__PURE__ */ y("section", {
 						"data-testid": "history-group-workspace",
 						children: [
-							X(x("history.groupWorkspace", "This workspace")),
-							B.workspace.map(bt),
-							G ? /* @__PURE__ */ y("button", {
-								ref: nt,
+							Z(x("history.groupWorkspace", "This workspace")),
+							I.workspace.map(wt),
+							V ? /* @__PURE__ */ v("button", {
+								ref: st,
 								type: "button",
 								onClick: () => {
-									q.current = {
+									K.current = {
 										kind: "older",
-										before: K
-									}, h.loadOlderHeaders(qe);
+										before: H
+									}, m.loadOlderHeaders(nt);
 								},
 								className: "mx-3 my-1 text-xs text-action-primary-bg hover:underline",
 								"data-testid": "history-show-older",
 								children: x("history.showOlder", "Show older conversations")
 							}) : null
 						]
-					}) : null, B.device.length > 0 ? /* @__PURE__ */ b("section", {
+					}) : null, I.device.length > 0 ? /* @__PURE__ */ y("section", {
 						"data-testid": "history-group-device",
-						children: [X(x("history.groupDevice", "On this device")), B.device.map((e) => Y(e))]
+						children: [Z(x("history.groupDevice", "On this device")), I.device.map((e) => X(e))]
 					}) : null]
-				}) : /* @__PURE__ */ y("div", {
+				}) : /* @__PURE__ */ v("div", {
 					className: "py-1",
-					children: S.map((e) => Y(e))
+					children: S.map((e) => X(e))
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { x as AssistantConversationList };
+export { De as AssistantConversationList };