@burdenoff/fe-libs 2026.1001.2 → 2026.1001.4

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

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