@burdenoff/fe-libs 2026.926.5 → 2026.927.2

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

@@ -1,3 +1,20 @@
 import { FC } from 'react';
+/**
+ * The history drawer.
+ *
+ * ★★ BOFF-7335: with server history OFF (every product that has not opted in)
+ * this is the device's own list, exactly as it always was. With it ON, two
+ * groups, never mixed:
+ *
+ * - "This workspace": this account's conversations in this workspace — the
+ *   ones held here and the ones only the server has so far (opened, they are
+ *   read from it) — newest first, with "Show older conversations" past the
+ *   ones kept on this device.
+ * - "On this device": everything from before history was on. Never uploaded;
+ *   usable exactly as before.
+ *
+ * A conversation of another account or workspace is not listed, and a deleted
+ * one is gone from the list at once, before the server has heard of it.
+ */
 export declare const AssistantConversationList: FC;
 //# sourceMappingURL=AssistantConversationList.d.ts.map

package/dist/shared/assistant/ui/AssistantConversationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantConversationList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantConversationList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiB1C,eAAO,MAAM,yBAAyB,EAAE,EAiRvC,CAAC"}
+{"version":3,"file":"AssistantConversationList.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantConversationList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,EAAE,EAGR,MAAM,OAAO,CAAC;AAqKf;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAgkBvC,CAAC"}

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

@@ -4,162 +4,341 @@ import { chatTurns as n } from "../voice/turnVisibility.js";
 import { useAssistantStore as r } from "../store.js";
 import { getAssistantDisplayContent as i } from "../displayContent.js";
 import { useOverlayFocus as a } from "./useOverlayFocus.js";
-import { useState as o } from "react";
-import { Check as s, MessageSquare as c, PanelLeftClose as l, Pencil as u, Plus as d, Trash2 as f } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+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";
 //#region src/shared/assistant/ui/AssistantConversationList.tsx
-var g = () => {
-	let g = t(), { modes: _ } = e(), { conversations: v, activeConversationId: y, processingByConversationId: b, setActiveConversation: x, setMode: S, createConversation: C, deleteConversation: w, renameConversation: T, setConversationListOpen: E } = r(), [D, O] = o(null), [k, A] = o(""), j = () => {
-		C(), E(!1);
-	}, M = (e) => {
-		let t = v.find((t) => t.id === e);
-		x(e), t && S(t.mode), E(!1);
-	}, N = (e, t) => {
-		O(e), A(t);
-	}, P = () => {
-		D && k.trim() && T(D, k.trim()), O(null);
-	}, F = (e, t) => {
-		e.stopPropagation(), w(t);
-	};
-	return /* @__PURE__ */ h("div", {
-		ref: a("assistant-open-history"),
+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", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ y("button", {
+				ref: a,
+				type: "button",
+				onClick: n,
+				"aria-current": e ? "true" : void 0,
+				"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: c,
+					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", {
+					className: "relative z-10 flex items-center gap-0.5 ml-1",
+					children: i.map((e) => /* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: e.onActivate,
+						className: "p-0.5 hover:bg-bg-sunken rounded",
+						"aria-label": e.label,
+						"aria-describedby": c,
+						"data-testid": e.testId,
+						children: e.icon
+					}, e.label))
+				})
+			})]
+		}), /* @__PURE__ */ y("div", {
+			id: l,
+			children: r
+		})]
+	});
+}, oe = (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 } = r(), [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,
+		N,
+		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);
+			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 = {
+			kind: "renamed",
+			key: E
+		}), D(null);
+	}, J = (e) => {
+		U.current = {
+			kind: "deleted",
+			key: e,
+			before: R
+		}, A ? u.deleteConversation(e) : de(e);
+	}, Y = f("history.untitled", "Untitled conversation"), X = (e, t) => {
+		let r = e.id === w, a = e.id === E, o = S.find((t) => t.id === e.mode), s = n(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(r),
+			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, {
+			active: r,
+			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",
+					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__ */ b("span", {
+							className: "text-[10px] text-text-muted",
+							children: [s.length, " msgs"]
+						}),
+						u && u.status !== "idle" && /* @__PURE__ */ y("span", {
+							className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
+							children: u.status
+						}),
+						t?.badges
+					]
+				}),
+				t?.note,
+				d && /* @__PURE__ */ y("p", {
+					className: "text-[10px] text-text-muted truncate mt-0.5",
+					children: d
+				}),
+				l && /* @__PURE__ */ y("p", {
+					className: "text-[10px] text-text-muted truncate mt-0.5",
+					children: f("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,
+				"data-testid": "history-badge-read-only",
+				children: f("history.badgeReadOnly", "Read-only")
+			}) : null,
+			n === null ? null : /* @__PURE__ */ y("span", {
+				className: t,
+				"data-testid": "history-badge-not-saved",
+				children: f("history.badgeNotSaved", "Not saved")
+			}),
+			e.loading ? /* @__PURE__ */ y("span", {
+				className: t,
+				"data-testid": "history-badge-loading",
+				children: f("history.badgeLoading", "Loading…")
+			}) : null
+		] });
+	}, ge = (e) => {
+		let t = Z(e);
+		return t === null ? null : /* @__PURE__ */ y("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,
+		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)] }),
+		testId: "history-server-row"
+	}, e.key), Q = (e) => /* @__PURE__ */ y("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;
+		let t = document.activeElement;
+		if (t && t !== document.body) return;
+		let n;
+		if (e.kind === "renamed") n = [e.key];
+		else if (e.kind === "deleted") n = [...oe(e.before, e.before.indexOf(e.key)), ...R];
+		else {
+			let t = N && N.scopeKey === j ? N.headers : {}, r = new Set(e.before), i = I?.workspace ?? [];
+			n = [
+				...R.filter((e) => !r.has(e) && e in t),
+				i[i.length - 1]?.key,
+				...R
+			];
+		}
+		(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,
+		E,
+		L,
+		N,
+		j,
+		I,
+		$
+	]), /* @__PURE__ */ b("div", {
+		ref: $,
 		tabIndex: -1,
 		role: "region",
-		"aria-label": g("conversations.title", "History"),
+		"aria-label": f("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__ */ h("div", {
-			className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-elevated",
-			children: [/* @__PURE__ */ m("span", {
-				className: "text-[13px] font-semibold text-text-primary",
-				children: g("conversations.title", "History")
-			}), /* @__PURE__ */ h("div", {
-				className: "flex items-center gap-0.5",
-				children: [/* @__PURE__ */ m("button", {
-					type: "button",
-					onClick: j,
-					className: "p-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
-					"aria-label": g("conversations.new", "New conversation"),
-					"data-testid": "new-conversation",
-					children: /* @__PURE__ */ m(d, { className: "size-4" })
-				}), /* @__PURE__ */ h("button", {
-					type: "button",
-					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": g("conversations.collapse", "Collapse history"),
-					"data-testid": "collapse-conversation-list",
-					children: [/* @__PURE__ */ m(l, { className: "size-4" }), /* @__PURE__ */ m("span", {
-						className: "text-[11px] font-medium",
-						children: g("conversations.collapseLabel", "Collapse")
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-elevated",
+				children: [/* @__PURE__ */ y("span", {
+					className: "text-[13px] font-semibold text-text-primary",
+					children: f("conversations.title", "History")
+				}), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-0.5",
+					children: [/* @__PURE__ */ y("button", {
+						type: "button",
+						onClick: z,
+						className: "p-1.5 rounded-lg text-text-secondary hover:bg-bg-sunken transition-colors",
+						"aria-label": f("conversations.new", "New conversation"),
+						"data-testid": "new-conversation",
+						children: /* @__PURE__ */ y(ie, { className: "size-4" })
+					}), /* @__PURE__ */ b("button", {
+						type: "button",
+						onClick: () => T(!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"),
+						"data-testid": "collapse-conversation-list",
+						children: [/* @__PURE__ */ y(ne, { className: "size-4" }), /* @__PURE__ */ y("span", {
+							className: "text-[11px] font-medium",
+							children: f("conversations.collapseLabel", "Collapse")
+						})]
 					})]
 				})]
-			})]
-		}), /* @__PURE__ */ m("div", {
-			className: "scrollbar-slim flex-1 overflow-y-auto",
-			children: v.length === 0 ? /* @__PURE__ */ h("div", {
-				className: "flex flex-col items-center justify-center h-full text-center px-4",
-				children: [
-					/* @__PURE__ */ m(c, { className: "size-6 text-text-muted mb-2" }),
-					/* @__PURE__ */ m("p", {
-						className: "text-xs text-text-muted",
-						children: g("conversations.empty", "No conversations yet")
-					}),
-					/* @__PURE__ */ m("button", {
-						type: "button",
-						onClick: j,
-						className: "mt-2 text-xs text-action-primary-bg hover:underline",
-						children: g("conversations.startNew", "Start a new conversation")
-					})
-				]
-			}) : /* @__PURE__ */ m("div", {
-				className: "py-1",
-				children: v.map((e) => {
-					let t = e.id === y, r = e.id === D, a = _.find((t) => t.id === e.mode), o = n(e.messages), c = o[o.length - 1], l = o.length === 0 && e.messages.length > 0, d = b[e.id], v = c ? i(c, d, g).text.slice(0, 60) : "";
-					return /* @__PURE__ */ m("div", {
-						role: "button",
-						tabIndex: 0,
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), !r && M(e.id));
-						},
-						onClick: () => !r && M(e.id),
-						className: `group px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${t ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`,
-						children: r ? /* @__PURE__ */ h("div", {
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ m("input", {
-								"aria-label": g("conversations.renameLabel", "Conversation title"),
-								value: k,
-								onChange: (e) => A(e.target.value),
-								onKeyDown: (e) => {
-									e.key === "Enter" && P(), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), O(null));
-								},
-								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",
-								onClick: (e) => e.stopPropagation()
-							}), /* @__PURE__ */ m("button", {
+			}),
+			A && pe ? /* @__PURE__ */ y(o, {}) : null,
+			/* @__PURE__ */ y("div", {
+				className: "scrollbar-slim flex-1 overflow-y-auto",
+				children: ve ? /* @__PURE__ */ b("div", {
+					className: "flex flex-col items-center justify-center h-full text-center px-4",
+					children: [
+						/* @__PURE__ */ y(te, { className: "size-6 text-text-muted mb-2" }),
+						/* @__PURE__ */ y("p", {
+							className: "text-xs text-text-muted",
+							children: f("conversations.empty", "No conversations yet")
+						}),
+						/* @__PURE__ */ y("button", {
+							ref: K,
+							type: "button",
+							onClick: z,
+							className: "mt-2 text-xs text-action-primary-bg hover:underline",
+							children: f("conversations.startNew", "Start a new conversation")
+						})
+					]
+				}) : I ? /* @__PURE__ */ b("div", {
+					className: "py-1",
+					children: [I.workspace.length > 0 || L ? /* @__PURE__ */ b("section", {
+						"data-testid": "history-group-workspace",
+						children: [
+							Q(f("history.groupWorkspace", "This workspace")),
+							I.workspace.map((e) => e.conversation ? X(e.conversation, {
+								title: e.title || Y,
+								badges: he(e),
+								note: ge(e)
+							}) : _e(e)),
+							L ? /* @__PURE__ */ y("button", {
+								ref: G,
 								type: "button",
-								onClick: (e) => {
-									e.stopPropagation(), P();
+								onClick: () => {
+									U.current = {
+										kind: "older",
+										before: R
+									}, u.loadOlderHeaders();
 								},
-								className: "p-1 hover:bg-bg-sunken rounded",
-								"aria-label": g("conversations.saveTitle", "Save title"),
-								children: /* @__PURE__ */ m(s, { className: "size-3 text-status-success-text" })
-							})]
-						}) : /* @__PURE__ */ h(p, { children: [
-							/* @__PURE__ */ h("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-xs font-medium text-text-primary truncate flex-1",
-									children: e.title
-								}), /* @__PURE__ */ h("div", {
-									className: "hidden group-hover:flex group-focus-within:flex items-center gap-0.5 ml-1",
-									children: [/* @__PURE__ */ m("button", {
-										type: "button",
-										onClick: (t) => {
-											t.stopPropagation(), N(e.id, e.title);
-										},
-										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": g("conversations.rename", "Rename conversation"),
-										children: /* @__PURE__ */ m(u, { className: "size-3 text-text-muted" })
-									}), /* @__PURE__ */ m("button", {
-										type: "button",
-										onClick: (t) => F(t, e.id),
-										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": g("conversations.delete", "Delete conversation"),
-										"data-testid": "delete-conversation",
-										children: /* @__PURE__ */ m(f, { className: "size-3 text-status-error-text" })
-									})]
-								})]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "flex items-center gap-1.5 mt-0.5",
-								children: [
-									/* @__PURE__ */ m("span", {
-										className: "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded",
-										children: a?.label ?? e.mode
-									}),
-									/* @__PURE__ */ h("span", {
-										className: "text-[10px] text-text-muted",
-										children: [o.length, " msgs"]
-									}),
-									d && d.status !== "idle" && /* @__PURE__ */ m("span", {
-										className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
-										children: d.status
-									})
-								]
-							}),
-							v && /* @__PURE__ */ m("p", {
-								className: "text-[10px] text-text-muted truncate mt-0.5",
-								children: v
-							}),
-							l && /* @__PURE__ */ m("p", {
-								className: "text-[10px] text-text-muted truncate mt-0.5",
-								children: g("conversationList.voiceOnly", "Spoken conversation")
-							})
-						] })
-					}, e.id);
+								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")
+							}) : null
+						]
+					}) : null, I.device.length > 0 ? /* @__PURE__ */ b("section", {
+						"data-testid": "history-group-device",
+						children: [Q(f("history.groupDevice", "On this device")), I.device.map((e) => X(e))]
+					}) : null]
+				}) : /* @__PURE__ */ y("div", {
+					className: "py-1",
+					children: C.map((e) => X(e))
 				})
 			})
-		})]
+		]
 	});
 };
 //#endregion
-export { g as AssistantConversationList };
+export { S as AssistantConversationList };

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

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+/**
+ * The open conversation's messages: loading, or the load failed. `compact` is
+ * the line above the composer, for a conversation that already shows messages;
+ * otherwise it fills the empty thread.
+ */
+export declare const AssistantHistoryLoadState: FC<{
+    state: "loading" | "failed";
+    onRetry: () => void;
+    compact?: boolean;
+}>;
+/** Older messages of this conversation exist on the server than are shown. */
+export declare const AssistantHistoryShowEarlier: FC<{
+    onShowEarlier: () => void;
+    disabled?: boolean;
+}>;
+/**
+ * A conversation saved before server history. It can be read and deleted,
+ * never continued — the composer below it is disabled — so the one action
+ * offered is a new conversation.
+ */
+export declare const AssistantHistoryReadOnlyBanner: FC<{
+    onStartNew: () => void;
+}>;
+/** The conversation open here was deleted on another device (or in another tab). */
+export declare const AssistantHistoryDeletedNotice: FC<{
+    onDismiss: () => void;
+}>;
+/**
+ * A delete made here is not saved on this device yet: the browser refused the
+ * write (its storage is full) and the server has not confirmed the delete. A
+ * reload now would bring the conversation back, so this stays until either
+ * happens — it is not dismissible, because it is not over until then.
+ */
+export declare const AssistantHistoryUnsavedDeleteNotice: FC;
+//# sourceMappingURL=AssistantHistoryNotices.d.ts.map

package/dist/shared/assistant/ui/AssistantHistoryNotices.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantHistoryNotices.d.ts","sourceRoot":"","sources":["../../../../src/shared/assistant/ui/AssistantHistoryNotices.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC;IACzC,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAkCA,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IAC3C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAcA,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC;IAAE,UAAU,EAAE,MAAM,IAAI,CAAA;CAAE,CA4BzE,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,CA4BvE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC,EAAE,EAiBjD,CAAC"}