@morlay/ui-conversation-manager 0.1.5 → 0.1.6

package/dist/client.mjs

@@ -0,0 +1,1211 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Button, IconCloseOutlineRegular, IconSearchOutlineRegular, Input, Modal, Row, Spinner, Stack, Tag, Text, relativeTime } from "@morlay/dsh-client-ui-primitives";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconArchiveOutlineRegular } from "@deepseek-ai/dsh-client-ui-primitives";
+//#region src/client/controller.ts
+const SESSION_DELETE_PATH = "/api/morlay/v1/session/delete";
+const SESSION_IMPORT_PATH = "/api/morlay/v1/session/import";
+const SESSION_EXPORT_PATH = "/api/morlay/v1/session/export";
+const SESSION_GC_PATH = "/api/morlay/v1/session/gc";
+const SESSION_USAGE_PATH = "/api/morlay/v1/session/usage";
+const SESSION_ROWS_PATH = "/api/morlay/v1/session/rows";
+var ConversationManagerRequestError = class extends Error {
+	code;
+	constructor(message, code) {
+		super(message);
+		this.code = code;
+		this.name = "ConversationManagerRequestError";
+	}
+};
+async function postJson(path, body) {
+	const response = await fetch(path, {
+		method: "POST",
+		headers: {
+			accept: "application/json",
+			"content-type": "application/json"
+		},
+		body: JSON.stringify(body)
+	});
+	const value = await response.json().catch(() => ({}));
+	if (!response.ok) throw new ConversationManagerRequestError(typeof value.error === "string" ? value.error : `请求失败：HTTP ${response.status}`, typeof value.code === "string" ? value.code : void 0);
+	return value;
+}
+async function zipBase64(file) {
+	const dataUrl = await new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => {
+			resolve(typeof reader.result === "string" ? reader.result : "");
+		};
+		reader.onerror = () => {
+			reject(reader.error ?? /* @__PURE__ */ new Error("failed to read the selected file"));
+		};
+		reader.readAsDataURL(file);
+	});
+	const comma = dataUrl.indexOf(",");
+	return comma < 0 ? dataUrl : dataUrl.slice(comma + 1);
+}
+var ConversationManagerController = class {
+	ports;
+	face;
+	constructor(ports) {
+		this.ports = ports;
+		this.face = {
+			listRows: (query) => this.loadRows(query),
+			archive: (sessionId) => this.ports.archiveSession(sessionId),
+			unarchive: (sessionId) => this.ports.unarchiveSession(sessionId),
+			remove: (sessionId) => this.remove(sessionId),
+			exportZip: (sessionId) => this.exportZip(sessionId),
+			importZip: (file) => this.importZip(file),
+			collectGarbage: () => this.collectGarbage(),
+			loadUsage: (range) => this.loadUsage(range)
+		};
+	}
+	async loadRows(query = {}) {
+		const value = await postJson(SESSION_ROWS_PATH, query);
+		const items = value["items"];
+		if (!Array.isArray(items) || typeof value["total"] !== "number") throw new ConversationManagerRequestError("会话列表响应不可用", void 0);
+		return {
+			items,
+			total: value["total"],
+			page: typeof value["page"] === "number" ? value["page"] : query.page ?? 1,
+			pageSize: typeof value["pageSize"] === "number" ? value["pageSize"] : query.pageSize ?? 20
+		};
+	}
+	async remove(sessionId) {
+		await postJson(SESSION_DELETE_PATH, { sessionId });
+		await this.ports.refresh();
+	}
+	async exportZip(sessionId) {
+		const response = await fetch(SESSION_EXPORT_PATH, {
+			method: "POST",
+			headers: {
+				accept: "application/zip",
+				"content-type": "application/json"
+			},
+			body: JSON.stringify({ sessionId })
+		});
+		if (!response.ok) {
+			const value = await response.json().catch(() => ({}));
+			throw new ConversationManagerRequestError(typeof value.error === "string" ? value.error : `请求失败：HTTP ${response.status}`, typeof value.code === "string" ? value.code : void 0);
+		}
+		downloadBlob(await response.blob(), filenameOf(response.headers.get("content-disposition"), String(sessionId)));
+	}
+	async importZip(file) {
+		const zip = await zipBase64(file);
+		const value = await postJson(SESSION_IMPORT_PATH, { zip });
+		await this.ports.refresh();
+		return value["sessionId"];
+	}
+	async collectGarbage() {
+		const value = await postJson(SESSION_GC_PATH, {});
+		await this.ports.refresh();
+		return {
+			orphanSessions: typeof value["orphanSessions"] === "number" ? value["orphanSessions"] : 0,
+			orphanEvents: typeof value["orphanEvents"] === "number" ? value["orphanEvents"] : 0,
+			stoppedAgents: typeof value["stoppedAgents"] === "number" ? value["stoppedAgents"] : 0
+		};
+	}
+	async loadUsage(range) {
+		const report = await postJson(SESSION_USAGE_PATH, { range });
+		if (report.totals === void 0 || !Array.isArray(report.buckets) || !Array.isArray(report.sessions)) throw new ConversationManagerRequestError("用量统计响应不可用", void 0);
+		return report;
+	}
+};
+function filenameOf(disposition, sessionId) {
+	return (disposition === null ? null : /filename="([^"]+)"/u.exec(disposition))?.[1] ?? `${sessionId}.zip`;
+}
+function downloadBlob(blob, filename) {
+	const url = URL.createObjectURL(blob);
+	const anchor = document.createElement("a");
+	anchor.href = url;
+	anchor.download = filename;
+	anchor.rel = "noopener";
+	document.body.append(anchor);
+	anchor.click();
+	anchor.remove();
+	window.setTimeout(() => {
+		URL.revokeObjectURL(url);
+	}, 0);
+}
+//#endregion
+//#region \0dsh-css-modules:/Users/morlay/src/github.com/morlay/dsh-plugin/packages/session/ui-conversation-manager/src/client/ConversationManagerPage.module.css.mjs
+const css = ".AmU5Dq_page{width:100%;min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-base);font-size:14px;line-height:1.6;display:flex;overflow:hidden}.AmU5Dq_listPane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.AmU5Dq_pageScroll{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.AmU5Dq_pageContent{max-width:960px;margin:0 auto;padding:0 clamp(24px,4vw,48px) 48px}.AmU5Dq_pageHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-top:28px;display:flex}[data-platform=darwin] .AmU5Dq_pageHeading{padding-top:calc(28px + var(--dsh-frame-top-clearance,0px))}.AmU5Dq_pageHeading h1{flex:1;min-width:0;margin:0;font-size:20px;font-weight:500;line-height:28px}.AmU5Dq_headingActions{flex:none;align-items:center;gap:8px;display:flex}.AmU5Dq_filters{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:14px;display:flex}.AmU5Dq_filterTabs{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.AmU5Dq_filterTab{height:28px;color:var(--dsw-alias-label-tertiary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:none;align-items:center;padding:0 10px;font-size:14px;line-height:22px;display:inline-flex}.AmU5Dq_filterTab:hover{background:var(--dsw-alias-interactive-bg-hover)}.AmU5Dq_filterTabActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.AmU5Dq_searchField{border:.5px solid var(--dsw-alias-border-l3);height:36px;color:var(--dsw-alias-label-tertiary);border-radius:12px;align-items:center;margin:0 0 16px;padding:0 10px;transition:border-color .15s;display:flex}.AmU5Dq_searchField:hover{border-color:var(--dsw-alias-border-l2)}.AmU5Dq_searchField:focus-within{border-color:var(--dsw-alias-state-business-primary)}.AmU5Dq_searchField>:first-child{background:0 0;border:0;border-radius:0;flex:1;min-width:0;height:100%;padding:0}.AmU5Dq_searchField>:first-child:focus-within{border-color:#0000}.AmU5Dq_searchField>:first-child svg{width:14px;height:14px}.AmU5Dq_searchField input::placeholder{color:var(--dsw-alias-label-caption)}.AmU5Dq_searchField input:focus-visible{outline:none}.AmU5Dq_searchField input::-webkit-search-cancel-button{display:none}.AmU5Dq_searchClear{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);flex:none;margin-right:-6px;padding:0}.AmU5Dq_searchClear svg{width:14px;height:14px}.AmU5Dq_list{flex-direction:column;gap:4px;min-width:0;display:flex}.AmU5Dq_status{text-align:center;flex:1;place-items:center;min-width:0;min-height:0;padding:24px;display:grid}.AmU5Dq_statusBody{flex-direction:column;align-items:center;gap:12px;display:flex}.AmU5Dq_statusText{color:var(--dsw-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.AmU5Dq_statusFailure{color:var(--dsw-alias-state-error-primary)}.AmU5Dq_listStatus{text-align:center;place-items:center;padding:32px 0;display:grid}";
+const tagId = "@morlay/ui-conversation-manager/ConversationManagerPage.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=\"@morlay/ui-conversation-manager/ConversationManagerPage.module.css\"]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "@morlay/ui-conversation-manager";
+	tag.dataset.pluginCss = tagId;
+	tag.textContent = css;
+	document.head.appendChild(tag);
+}
+var ConversationManagerPage_module_css_default = {
+	"searchField": "AmU5Dq_searchField",
+	"statusFailure": "AmU5Dq_statusFailure",
+	"filterTabActive": "AmU5Dq_filterTabActive",
+	"page": "AmU5Dq_page",
+	"pageScroll": "AmU5Dq_pageScroll",
+	"filterTabs": "AmU5Dq_filterTabs",
+	"filterTab": "AmU5Dq_filterTab",
+	"status": "AmU5Dq_status",
+	"statusText": "AmU5Dq_statusText",
+	"statusBody": "AmU5Dq_statusBody",
+	"listStatus": "AmU5Dq_listStatus",
+	"pageContent": "AmU5Dq_pageContent",
+	"listPane": "AmU5Dq_listPane",
+	"filters": "AmU5Dq_filters",
+	"headingActions": "AmU5Dq_headingActions",
+	"searchClear": "AmU5Dq_searchClear",
+	"list": "AmU5Dq_list",
+	"pageHeading": "AmU5Dq_pageHeading"
+};
+//#endregion
+//#region src/client/format.ts
+function trim(value) {
+	return value >= 100 ? String(Math.round(value)) : value.toFixed(1).replace(/\.0$/u, "");
+}
+function formatTokens(value) {
+	if (!Number.isFinite(value) || value <= 0) return "0";
+	if (value < 1e3) return String(Math.round(value));
+	if (value < 1e6) return `${trim(value / 1e3)}K`;
+	if (value < 1e9) return `${trim(value / 1e6)}M`;
+	return `${trim(value / 1e9)}B`;
+}
+function formatCount(value) {
+	if (!Number.isFinite(value) || value <= 0) return "0";
+	return Math.round(value).toLocaleString("en-US");
+}
+function formatPercent(value) {
+	if (!Number.isFinite(value) || value <= 0) return "0%";
+	return `${value >= 100 ? Math.round(value) : Math.round(value * 10) / 10}%`;
+}
+//#endregion
+//#region src/client/ConversationManagerPage.tsx
+const PAGE_SIZE = 20;
+const USAGE_SESSION_ROWS = 20;
+function timeLabel(updatedAt, now, t) {
+	const { unit, n } = relativeTime(updatedAt, now);
+	return unit === "now" ? t("time.now") : t(`time.${unit}`, { n });
+}
+function failureText(error, t) {
+	const code = error instanceof ConversationManagerRequestError ? error.code : void 0;
+	if (code === "SESSION_NOT_ARCHIVED") return t("failure.notArchived");
+	if (code === "SESSION_LIVE") return t("failure.live");
+	if (code === "SESSION_NOT_FOUND") return t("failure.missing");
+	return t("failure.other", { reason: error instanceof Error ? error.message : String(error) });
+}
+function FilterChip({ active, label, tab, onSelect }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: active ? `${ConversationManagerPage_module_css_default.filterTab} ${ConversationManagerPage_module_css_default.filterTabActive}` : ConversationManagerPage_module_css_default.filterTab,
+		"aria-pressed": active,
+		...tab === void 0 ? {} : { "data-tab": tab },
+		onClick: onSelect,
+		children: label
+	});
+}
+function PageStatus({ t, status, text, spinner = false, failure = false }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: ConversationManagerPage_module_css_default.page,
+		"aria-label": t("title"),
+		children: /* @__PURE__ */ jsx("div", {
+			className: ConversationManagerPage_module_css_default.listPane,
+			children: /* @__PURE__ */ jsx("div", {
+				className: ConversationManagerPage_module_css_default.status,
+				"data-status": status,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: ConversationManagerPage_module_css_default.statusBody,
+					children: [spinner ? /* @__PURE__ */ jsx(Spinner, { label: t("loading") }) : null, /* @__PURE__ */ jsx("p", {
+						className: failure ? `${ConversationManagerPage_module_css_default.statusText} ${ConversationManagerPage_module_css_default.statusFailure}` : ConversationManagerPage_module_css_default.statusText,
+						...failure ? { role: "alert" } : {},
+						children: text
+					})]
+				})
+			})
+		})
+	});
+}
+function ConversationManagerPage({ t, listRows, archive, unarchive, remove, exportZip, importZip, collectGarbage, loadUsage }) {
+	const [rowsPage, setRowsPage] = useState(null);
+	const [rowsFailure, setRowsFailure] = useState(null);
+	const [query, setQuery] = useState("");
+	const [settledQuery, setSettledQuery] = useState("");
+	const [page, setPage] = useState(1);
+	const [showSubagents, setShowSubagents] = useState(false);
+	const [view, setView] = useState("sessions");
+	const [usageTab, setUsageTab] = useState("overview");
+	const [usageRange, setUsageRange] = useState("day");
+	const [usageOnlySubagents, setUsageOnlySubagents] = useState(false);
+	const [usage, setUsage] = useState(null);
+	const [usageLoading, setUsageLoading] = useState(false);
+	const [usageError, setUsageError] = useState(null);
+	const [confirming, setConfirming] = useState(null);
+	const [gcPhase, setGcPhase] = useState("idle");
+	const [importing, setImporting] = useState(false);
+	const [notice, setNotice] = useState(null);
+	const [failure, setFailure] = useState(null);
+	const fileRef = useRef(null);
+	const reloadRows = useCallback(async () => {
+		try {
+			setRowsPage(await listRows({
+				...settledQuery === "" ? {} : { query: settledQuery },
+				...showSubagents ? { includeSubagents: true } : {},
+				page,
+				pageSize: PAGE_SIZE
+			}));
+			setRowsFailure(null);
+		} catch (error) {
+			setRowsFailure(failureText(error, t));
+		}
+	}, [
+		listRows,
+		t,
+		settledQuery,
+		showSubagents,
+		page
+	]);
+	useEffect(() => {
+		reloadRows();
+	}, [reloadRows]);
+	useEffect(() => {
+		if (query === settledQuery) return;
+		const timer = window.setTimeout(() => {
+			setSettledQuery(query);
+			setPage(1);
+		}, 250);
+		return () => {
+			window.clearTimeout(timer);
+		};
+	}, [query, settledQuery]);
+	const ungrouped = t("ungrouped");
+	const rows = useMemo(() => (rowsPage?.items ?? []).map((record) => ({
+		id: record.sessionId,
+		title: record.title ?? record.sessionId,
+		workspace: record.workspace ?? ungrouped,
+		archived: record.archived,
+		subagent: record.origin === "subagent",
+		updatedAt: record.updatedAt
+	})), [rowsPage, ungrouped]);
+	const run = (action, settle) => {
+		setFailure(null);
+		setNotice(null);
+		action.then(() => {
+			settle?.();
+			reloadRows();
+		}, (error) => {
+			settle?.();
+			setFailure(failureText(error, t));
+		});
+	};
+	const startGc = () => {
+		setGcPhase("running");
+		setFailure(null);
+		setNotice(null);
+		collectGarbage().then((result) => {
+			setGcPhase("idle");
+			setNotice(t("gc.done", {
+				sessions: result.orphanSessions,
+				events: result.orphanEvents
+			}));
+			reloadRows();
+		}, (error) => {
+			setGcPhase("idle");
+			setFailure(failureText(error, t));
+		});
+	};
+	const requestUsage = (range) => {
+		setUsageRange(range);
+		setUsageLoading(true);
+		setUsageError(null);
+		loadUsage(range).then((report) => {
+			setUsage(report);
+		}, (error) => {
+			setUsageError(failureText(error, t));
+		}).finally(() => {
+			setUsageLoading(false);
+		});
+	};
+	const openUsage = () => {
+		setView("usage");
+		if (usage === null && !usageLoading) requestUsage(usageRange);
+	};
+	if (rowsPage === null) return rowsFailure === null ? /* @__PURE__ */ jsx(PageStatus, {
+		t,
+		status: "loading",
+		text: t("loading"),
+		spinner: true
+	}) : /* @__PURE__ */ jsx(PageStatus, {
+		t,
+		status: "failure",
+		text: rowsFailure,
+		failure: true
+	});
+	const now = Date.now();
+	const visible = rows;
+	const total = rowsPage.total;
+	const pageCount = Math.max(1, Math.ceil(total / PAGE_SIZE));
+	const currentPage = Math.min(page, pageCount);
+	const matched = rows;
+	const confirmed = confirming;
+	if (total === 0 && settledQuery === "") return /* @__PURE__ */ jsx(PageStatus, {
+		t,
+		status: "empty",
+		text: t("empty")
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		className: ConversationManagerPage_module_css_default.page,
+		"data-view": view,
+		"aria-label": t("title"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: ConversationManagerPage_module_css_default.listPane,
+				children: /* @__PURE__ */ jsx("div", {
+					className: ConversationManagerPage_module_css_default.pageScroll,
+					"data-scroll": "page",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: ConversationManagerPage_module_css_default.pageContent,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: ConversationManagerPage_module_css_default.pageHeading,
+								children: [/* @__PURE__ */ jsx("h1", { children: t("title") }), /* @__PURE__ */ jsxs("div", {
+									className: ConversationManagerPage_module_css_default.headingActions,
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: "outline",
+										size: "sm",
+										"data-action": "import",
+										disabled: importing,
+										"aria-busy": importing,
+										"aria-label": importing ? t("importing") : t("import"),
+										onClick: () => {
+											fileRef.current?.click();
+										},
+										children: importing ? t("importing") : t("import")
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "outline",
+										size: "sm",
+										"data-action": "gc",
+										disabled: gcPhase !== "idle",
+										"aria-label": t("gc.button"),
+										onClick: () => {
+											setFailure(null);
+											setNotice(null);
+											setGcPhase("confirm");
+										},
+										children: t("gc.button")
+									})]
+								})]
+							}),
+							/* @__PURE__ */ jsx("input", {
+								ref: fileRef,
+								type: "file",
+								accept: ".zip,application/zip",
+								hidden: true,
+								onChange: (event) => {
+									const file = event.currentTarget.files?.[0];
+									event.currentTarget.value = "";
+									if (file === void 0) return;
+									setImporting(true);
+									setFailure(null);
+									setNotice(null);
+									importZip(file).then(() => {
+										setNotice(t("imported"));
+									}, (error) => {
+										setFailure(failureText(error, t));
+									}).finally(() => {
+										setImporting(false);
+									});
+								}
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: ConversationManagerPage_module_css_default.filters,
+								children: /* @__PURE__ */ jsxs("div", {
+									className: ConversationManagerPage_module_css_default.filterTabs,
+									role: "group",
+									"aria-label": t("filter.view"),
+									"data-filter": "view",
+									children: [/* @__PURE__ */ jsx(FilterChip, {
+										active: view === "sessions",
+										label: t("view.sessions"),
+										tab: "sessions",
+										onSelect: () => {
+											setView("sessions");
+										}
+									}), /* @__PURE__ */ jsx(FilterChip, {
+										active: view === "usage",
+										label: t("view.usage"),
+										tab: "usage",
+										onSelect: openUsage
+									})]
+								})
+							}),
+							view === "usage" ? null : /* @__PURE__ */ jsx("div", {
+								className: ConversationManagerPage_module_css_default.filters,
+								children: /* @__PURE__ */ jsx("div", {
+									className: ConversationManagerPage_module_css_default.filterTabs,
+									role: "group",
+									"aria-label": t("filter.subagents"),
+									"data-filter": "subagents",
+									children: /* @__PURE__ */ jsx(FilterChip, {
+										active: showSubagents,
+										label: t("showSubagents"),
+										onSelect: () => {
+											setShowSubagents(!showSubagents);
+											setPage(1);
+										}
+									})
+								})
+							}),
+							view === "usage" ? null : /* @__PURE__ */ jsxs("div", {
+								className: ConversationManagerPage_module_css_default.searchField,
+								children: [/* @__PURE__ */ jsx(Input, {
+									"data-filter": "search",
+									type: "search",
+									icon: /* @__PURE__ */ jsx(IconSearchOutlineRegular, {}),
+									value: query,
+									placeholder: t("search"),
+									"aria-label": t("search"),
+									onChange: (event) => {
+										setQuery(event.currentTarget.value);
+										setPage(1);
+									}
+								}), query === "" ? null : /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "sm",
+									className: ConversationManagerPage_module_css_default.searchClear,
+									"aria-label": t("clearSearch"),
+									onClick: () => {
+										setQuery("");
+										setPage(1);
+									},
+									children: /* @__PURE__ */ jsx(IconCloseOutlineRegular, {})
+								})]
+							}),
+							view === "usage" ? /* @__PURE__ */ jsx(UsageView, {
+								report: usage,
+								loading: usageLoading,
+								error: usageError,
+								tab: usageTab,
+								onTab: setUsageTab,
+								range: usageRange,
+								onRange: requestUsage,
+								onlySubagents: usageOnlySubagents,
+								onOnlySubagents: setUsageOnlySubagents,
+								t
+							}) : /* @__PURE__ */ jsxs("div", {
+								className: ConversationManagerPage_module_css_default.list,
+								children: [
+									notice === null ? null : /* @__PURE__ */ jsx(Text, {
+										"data-notice": "result",
+										as: "p",
+										size: "md",
+										tone: "tertiary",
+										children: notice
+									}),
+									failure === null ? null : /* @__PURE__ */ jsx(Text, {
+										"data-failure": "result",
+										role: "alert",
+										as: "p",
+										size: "md",
+										tone: "danger",
+										children: failure
+									}),
+									total === 0 ? /* @__PURE__ */ jsx("div", {
+										className: ConversationManagerPage_module_css_default.listStatus,
+										"data-status": "empty-search",
+										children: /* @__PURE__ */ jsx("p", {
+											className: ConversationManagerPage_module_css_default.statusText,
+											children: t("emptySearch")
+										})
+									}) : null,
+									visible.length > 0 ? /* @__PURE__ */ jsx(Stack, {
+										as: "ul",
+										gap: 4,
+										plain: true,
+										children: visible.map((row) => /* @__PURE__ */ jsxs(Row, {
+											as: "li",
+											gap: 16,
+											justify: "between",
+											boxed: true,
+											pad: "row",
+											fixed: true,
+											"data-session-id": String(row.id),
+											"data-archived": row.archived ? "true" : "false",
+											"data-subagent": row.subagent ? "true" : "false",
+											children: [/* @__PURE__ */ jsxs(Stack, {
+												gap: 2,
+												grow: true,
+												children: [/* @__PURE__ */ jsxs(Row, {
+													gap: 8,
+													grow: true,
+													children: [
+														/* @__PURE__ */ jsx(Text, {
+															size: "md",
+															truncate: true,
+															children: row.title
+														}),
+														row.archived ? /* @__PURE__ */ jsx(Tag, {
+															tone: "neutral",
+															children: t("archived")
+														}) : null,
+														row.subagent ? /* @__PURE__ */ jsx(Tag, {
+															tone: "quiet",
+															children: t("subagent")
+														}) : null
+													]
+												}), /* @__PURE__ */ jsx(Text, {
+													size: "sm",
+													tone: "tertiary",
+													children: [row.workspace, timeLabel(row.updatedAt, now, t)].join(" · ")
+												})]
+											}), /* @__PURE__ */ jsxs(Row, {
+												gap: 8,
+												fixed: true,
+												children: [
+													row.archived ? /* @__PURE__ */ jsx(Button, {
+														variant: "outline",
+														size: "sm",
+														"data-action": "unarchive",
+														"aria-label": t("unarchiveNamed", { title: row.title }),
+														onClick: () => {
+															run(unarchive(row.id));
+														},
+														children: t("unarchive")
+													}) : /* @__PURE__ */ jsx(Button, {
+														variant: "outline",
+														size: "sm",
+														"data-action": "archive",
+														"aria-label": t("archiveNamed", { title: row.title }),
+														onClick: () => {
+															run(archive(row.id));
+														},
+														children: t("archive")
+													}),
+													/* @__PURE__ */ jsx(Button, {
+														variant: "outline",
+														size: "sm",
+														"data-action": "export",
+														"aria-label": t("exportNamed", { title: row.title }),
+														onClick: () => {
+															run(exportZip(row.id));
+														},
+														children: t("export")
+													}),
+													/* @__PURE__ */ jsx(Button, {
+														variant: "outline",
+														size: "sm",
+														disabled: !row.archived,
+														"data-action": "remove",
+														"aria-label": t("removeNamed", { title: row.title }),
+														onClick: () => {
+															setFailure(null);
+															setNotice(null);
+															setConfirming(row);
+														},
+														children: t("remove")
+													})
+												]
+											})]
+										}, row.id))
+									}) : null,
+									matched.length > 0 ? /* @__PURE__ */ jsxs(Row, {
+										"data-pagination": "",
+										"data-page-current": currentPage,
+										"data-page-total": pageCount,
+										gap: 8,
+										justify: "end",
+										fixed: true,
+										children: [
+											/* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												size: "sm",
+												disabled: currentPage <= 1,
+												onClick: () => {
+													setPage(currentPage - 1);
+												},
+												children: t("page.previous")
+											}),
+											/* @__PURE__ */ jsx(Text, {
+												size: "sm",
+												tone: "tertiary",
+												tabular: true,
+												children: t("page.label", {
+													page: currentPage,
+													total: pageCount
+												})
+											}),
+											/* @__PURE__ */ jsx(Button, {
+												variant: "ghost",
+												size: "sm",
+												disabled: currentPage >= pageCount,
+												onClick: () => {
+													setPage(currentPage + 1);
+												},
+												children: t("page.next")
+											})
+										]
+									}) : null
+								]
+							})
+						]
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(Modal, {
+				open: confirmed !== null,
+				onClose: () => {
+					setConfirming(null);
+				},
+				title: t("confirmTitle"),
+				closeLabel: t("close"),
+				description: t("confirmDescription"),
+				footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: () => {
+						setConfirming(null);
+					},
+					children: t("confirmCancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: () => {
+						if (confirmed === null) return;
+						run(remove(confirmed.id), () => {
+							setConfirming(null);
+						});
+					},
+					children: t("confirmAccept")
+				})] })
+			}),
+			/* @__PURE__ */ jsx(Modal, {
+				open: gcPhase === "confirm",
+				onClose: () => {
+					setGcPhase("idle");
+				},
+				title: t("gc.title"),
+				closeLabel: t("close"),
+				description: t("gc.description"),
+				footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onClick: () => {
+						setGcPhase("idle");
+					},
+					children: t("gc.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: startGc,
+					children: t("gc.confirm")
+				})] })
+			}),
+			/* @__PURE__ */ jsx(Modal, {
+				open: gcPhase === "running",
+				onClose: () => {},
+				headless: true,
+				title: t("gc.title"),
+				children: /* @__PURE__ */ jsxs(Stack, {
+					align: "center",
+					gap: 14,
+					pad: "blocking",
+					children: [/* @__PURE__ */ jsx(Spinner, { label: t("gc.running") }), /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						size: "md",
+						children: t("gc.running")
+					})]
+				})
+			})
+		]
+	});
+}
+const USAGE_RANGES = [
+	"day",
+	"week",
+	"7d",
+	"30d",
+	"90d",
+	"all"
+];
+function rangeLabel(range, t) {
+	switch (range) {
+		case "all": return t("usage.range.all");
+		case "day": return t("usage.range.day");
+		case "week": return t("usage.range.week");
+		case "7d": return t("usage.range.days", { n: 7 });
+		case "30d": return t("usage.range.days", { n: 30 });
+		case "90d": return t("usage.range.days", { n: 90 });
+	}
+}
+function cacheHitPercent(totals) {
+	const total = totals.inputTokens + totals.cacheReadTokens;
+	if (total <= 0) return 0;
+	return totals.cacheReadTokens / total * 100;
+}
+function usageMetrics(totals, t, options = {}) {
+	return [
+		{
+			key: "input",
+			label: t("usage.inputWithCache"),
+			value: totals.inputTokens + totals.cacheReadTokens,
+			kind: "tokens"
+		},
+		{
+			key: "cacheInput",
+			label: t("usage.cacheInput"),
+			value: totals.cacheReadTokens,
+			kind: "tokens"
+		},
+		{
+			key: "cacheRate",
+			label: t("usage.cacheRate"),
+			value: cacheHitPercent(totals),
+			kind: "percent"
+		},
+		{
+			key: "output",
+			label: t("usage.output"),
+			value: totals.outputTokens,
+			kind: "tokens"
+		},
+		{
+			key: "reasoning",
+			label: t("usage.reasoning"),
+			value: totals.reasoningTokens,
+			kind: "tokens"
+		},
+		...options.withActivity === false ? [] : [
+			{
+				key: "turns",
+				label: t("usage.turns"),
+				value: totals.turns,
+				kind: "count"
+			},
+			{
+				key: "steps",
+				label: t("usage.steps"),
+				value: totals.steps,
+				kind: "count"
+			},
+			{
+				key: "userInputs",
+				label: t("usage.userInputs"),
+				value: totals.userInputs,
+				kind: "count"
+			},
+			{
+				key: "toolCalls",
+				label: t("usage.toolCalls"),
+				value: totals.toolCalls,
+				kind: "count"
+			}
+		]
+	];
+}
+function sortWeight(totals) {
+	return totals.inputTokens + totals.cacheReadTokens + totals.outputTokens;
+}
+function emptyTotals() {
+	return {
+		turns: 0,
+		steps: 0,
+		userInputs: 0,
+		toolCalls: 0,
+		inputTokens: 0,
+		outputTokens: 0,
+		cacheReadTokens: 0,
+		reasoningTokens: 0,
+		totalTokens: 0
+	};
+}
+function foldBuckets(buckets, keyOf) {
+	const folded = /* @__PURE__ */ new Map();
+	for (const bucket of buckets) {
+		const key = keyOf(bucket);
+		const row = folded.get(key) ?? {
+			key,
+			label: key,
+			totals: emptyTotals()
+		};
+		row.totals.inputTokens += bucket.inputTokens;
+		row.totals.outputTokens += bucket.outputTokens;
+		row.totals.cacheReadTokens += bucket.cacheReadTokens;
+		row.totals.reasoningTokens += bucket.reasoningTokens;
+		row.totals.totalTokens += bucket.totalTokens;
+		folded.set(key, row);
+	}
+	return [...folded.values()].sort((left, right) => sortWeight(right.totals) - sortWeight(left.totals));
+}
+function UsageRow({ rowKey, label, totals, t, subagent, withActivity = true }) {
+	return /* @__PURE__ */ jsxs(Stack, {
+		as: "li",
+		gap: 6,
+		boxed: true,
+		pad: "row",
+		fixed: true,
+		"data-usage-key": rowKey,
+		...subagent === void 0 ? {} : { "data-subagent": subagent ? "true" : "false" },
+		children: [/* @__PURE__ */ jsxs(Row, {
+			gap: 8,
+			grow: true,
+			children: [/* @__PURE__ */ jsx(Text, {
+				size: "sm",
+				tone: "tertiary",
+				truncate: true,
+				children: label
+			}), subagent === true ? /* @__PURE__ */ jsx(Tag, {
+				tone: "quiet",
+				children: t("subagent")
+			}) : null]
+		}), /* @__PURE__ */ jsx(Row, {
+			gap: "wide",
+			wrap: true,
+			children: usageMetrics(totals, t, { withActivity }).map((metric) => /* @__PURE__ */ jsxs(Stack, {
+				"data-usage-cell": metric.key,
+				"data-usage-value": metric.value,
+				gap: 2,
+				children: [/* @__PURE__ */ jsx(Text, {
+					size: "sm",
+					tone: "tertiary",
+					children: metric.label
+				}), /* @__PURE__ */ jsx(Text, {
+					size: "lg",
+					weight: "medium",
+					tabular: true,
+					children: metric.kind === "percent" ? formatPercent(metric.value) : metric.kind === "count" ? formatCount(metric.value) : formatTokens(metric.value)
+				})]
+			}, metric.key))
+		})]
+	});
+}
+function UsageList({ rows, t, withActivity = true }) {
+	if (rows.length === 0) return /* @__PURE__ */ jsx(Text, {
+		"data-usage-status": "empty",
+		as: "p",
+		size: "md",
+		tone: "tertiary",
+		children: t("usage.empty")
+	});
+	return /* @__PURE__ */ jsx(Stack, {
+		as: "ul",
+		gap: 4,
+		plain: true,
+		children: rows.map((row) => /* @__PURE__ */ jsx(UsageRow, {
+			rowKey: row.key,
+			label: row.label,
+			totals: row.totals,
+			t,
+			...row.subagent === void 0 ? {} : { subagent: row.subagent },
+			withActivity
+		}, row.key))
+	});
+}
+function UsageOverview({ report, t }) {
+	return /* @__PURE__ */ jsxs(Stack, {
+		as: "ul",
+		gap: 4,
+		plain: true,
+		children: [/* @__PURE__ */ jsx(UsageRow, {
+			rowKey: "all",
+			label: t("usage.all"),
+			totals: report.totals,
+			t
+		}), /* @__PURE__ */ jsx(UsageRow, {
+			rowKey: "subagent",
+			label: t("usage.subagentOnly"),
+			totals: report.subagent,
+			t
+		})]
+	});
+}
+function UsageView({ report, loading, error, tab, onTab, range, onRange, onlySubagents, onOnlySubagents, t }) {
+	const items = [
+		"overview",
+		"models",
+		"sessions"
+	];
+	const labels = {
+		overview: t("usage.overview"),
+		models: t("usage.models"),
+		sessions: t("usage.sessions")
+	};
+	const rows = report === null || tab === "overview" ? [] : tab === "models" ? foldBuckets(report.buckets, (bucket) => `${bucket.provider ?? t("usage.unknownModel")} / ${bucket.model ?? t("usage.unknownModel")}`) : report.sessions.filter((row) => !onlySubagents || row.subagent).map((row) => ({
+		key: row.sessionId,
+		label: row.title ?? row.sessionId,
+		totals: row,
+		subagent: row.subagent
+	})).sort((left, right) => sortWeight(right.totals) - sortWeight(left.totals)).slice(0, USAGE_SESSION_ROWS);
+	return /* @__PURE__ */ jsxs(Stack, {
+		"data-usage-view": tab,
+		"data-usage-range": range,
+		gap: 12,
+		fixed: true,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: ConversationManagerPage_module_css_default.filterTabs,
+				role: "group",
+				"aria-label": t("usage.range"),
+				"data-filter": "usage-range",
+				children: USAGE_RANGES.map((option) => /* @__PURE__ */ jsx(FilterChip, {
+					active: option === range,
+					label: rangeLabel(option, t),
+					tab: option,
+					onSelect: () => {
+						onRange(option);
+					}
+				}, option))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: ConversationManagerPage_module_css_default.filterTabs,
+				role: "group",
+				"aria-label": t("usage.dimension"),
+				"data-filter": "usage-tabs",
+				children: items.map((item) => /* @__PURE__ */ jsx(FilterChip, {
+					active: item === tab,
+					label: labels[item],
+					tab: item,
+					onSelect: () => {
+						onTab(item);
+					}
+				}, item))
+			}),
+			tab === "sessions" ? /* @__PURE__ */ jsx("div", {
+				className: ConversationManagerPage_module_css_default.filterTabs,
+				role: "group",
+				"aria-label": t("filter.subagents"),
+				"data-filter": "usage-subagents",
+				children: /* @__PURE__ */ jsx(FilterChip, {
+					active: onlySubagents,
+					label: t("usage.onlySubagents"),
+					onSelect: () => {
+						onOnlySubagents(!onlySubagents);
+					}
+				})
+			}) : null,
+			loading ? /* @__PURE__ */ jsx(Text, {
+				"data-usage-status": "loading",
+				as: "p",
+				size: "md",
+				tone: "tertiary",
+				children: t("usage.loading")
+			}) : null,
+			error === null ? null : /* @__PURE__ */ jsx(Text, {
+				"data-usage-status": "error",
+				role: "alert",
+				as: "p",
+				size: "md",
+				tone: "danger",
+				children: error
+			}),
+			report === null ? null : tab === "overview" ? /* @__PURE__ */ jsx(UsageOverview, {
+				report,
+				t
+			}) : /* @__PURE__ */ jsx(UsageList, {
+				rows,
+				t,
+				withActivity: tab === "sessions"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/client/ConversationManagerIcon.tsx
+function ConversationManagerIcon({ size }) {
+	return /* @__PURE__ */ jsx(IconArchiveOutlineRegular, { size });
+}
+//#endregion
+//#region src/client/locales.ts
+const zh = {
+	panel: "对话管理",
+	title: "对话管理",
+	search: "搜索会话",
+	loading: "正在读取会话…",
+	empty: "暂无会话。",
+	emptySearch: "没有匹配的会话。",
+	archived: "已归档",
+	subagent: "子代理",
+	showSubagents: "显示子代理会话",
+	clearSearch: "清空搜索",
+	"filter.view": "视图",
+	"filter.subagents": "会话筛选",
+	"view.sessions": "会话",
+	"view.usage": "统计",
+	"usage.dimension": "用量维度",
+	"usage.overview": "总览",
+	"usage.all": "全部会话",
+	"usage.range": "时间范围",
+	"usage.range.all": "全部",
+	"usage.range.day": "本日",
+	"usage.range.week": "本周",
+	"usage.range.days": "近 {n} 天",
+	"usage.models": "按模型",
+	"usage.sessions": "按会话",
+	"usage.loading": "正在统计…",
+	"usage.empty": "暂无用量数据。",
+	"usage.input": "输入",
+	"usage.inputWithCache": "输入（含缓存）",
+	"usage.output": "输出",
+	"usage.cacheInput": "缓存输入",
+	"usage.cacheRate": "缓存命中率",
+	"usage.reasoning": "推理",
+	"usage.total": "合计",
+	"usage.turns": "轮次",
+	"usage.steps": "步骤",
+	"usage.userInputs": "用户输入",
+	"usage.toolCalls": "工具调用",
+	"usage.subagentOnly": "其中子代理",
+	"usage.onlySubagents": "只看子代理会话",
+	"usage.unknownModel": "未知模型",
+	archive: "归档",
+	archiveNamed: "归档 {title}",
+	unarchive: "取消归档",
+	unarchiveNamed: "取消归档 {title}",
+	remove: "删除",
+	removeNamed: "删除 {title}",
+	export: "导出",
+	exportNamed: "导出 {title}",
+	ungrouped: "未分组",
+	"page.previous": "上一页",
+	"page.next": "下一页",
+	"page.label": "第 {page} / {total} 页",
+	"gc.button": "清理孤儿数据",
+	"gc.title": "清理孤儿数据",
+	"gc.description": "会先停止所有运行中的 Agent，期间界面不可操作；随后回收孤儿 subagent 会话与孤儿数据，并执行 VACUUM。",
+	"gc.confirm": "开始清理",
+	"gc.cancel": "取消",
+	"gc.running": "正在清理，请稍候…",
+	"gc.done": "已回收 {sessions} 条孤儿会话、{events} 行孤儿数据。",
+	import: "导入对话",
+	importing: "导入中…",
+	imported: "已导入为新会话。",
+	confirmTitle: "删除会话",
+	confirmDescription: "删除后无法恢复：该会话的内容会从存储中移除。",
+	confirmAccept: "删除",
+	confirmCancel: "取消",
+	close: "关闭",
+	"failure.notArchived": "只有已归档的会话可以删除。",
+	"failure.live": "会话正在使用中，无法删除。",
+	"failure.missing": "会话不存在或已被删除。",
+	"failure.other": "操作失败：{reason}",
+	"time.now": "刚刚",
+	"time.minutes": "{n}分钟",
+	"time.hours": "{n}小时",
+	"time.days": "{n}天",
+	"time.months": "{n}个月",
+	"time.years": "{n}年"
+};
+const en = {
+	panel: "Conversations",
+	title: "Conversations",
+	search: "Search sessions",
+	loading: "Reading sessions…",
+	empty: "No sessions.",
+	emptySearch: "No matching sessions.",
+	archived: "Archived",
+	subagent: "Subagent",
+	showSubagents: "Show subagent sessions",
+	clearSearch: "Clear search",
+	"filter.view": "View",
+	"filter.subagents": "Session filter",
+	"view.sessions": "Sessions",
+	"view.usage": "Usage",
+	"usage.dimension": "Usage dimension",
+	"usage.overview": "Overview",
+	"usage.all": "All sessions",
+	"usage.range": "Time range",
+	"usage.range.all": "All",
+	"usage.range.day": "Today",
+	"usage.range.week": "This week",
+	"usage.range.days": "Last {n}d",
+	"usage.models": "By model",
+	"usage.sessions": "By session",
+	"usage.loading": "Reading usage…",
+	"usage.empty": "No usage recorded.",
+	"usage.input": "Input",
+	"usage.inputWithCache": "Input (incl. cache)",
+	"usage.output": "Output",
+	"usage.cacheInput": "Cache input",
+	"usage.cacheRate": "Cache hit rate",
+	"usage.reasoning": "Reasoning",
+	"usage.total": "Total",
+	"usage.turns": "Turns",
+	"usage.steps": "Steps",
+	"usage.userInputs": "User inputs",
+	"usage.toolCalls": "Tool calls",
+	"usage.subagentOnly": "Subagent share",
+	"usage.onlySubagents": "Subagent sessions only",
+	"usage.unknownModel": "Unknown model",
+	archive: "Archive",
+	archiveNamed: "Archive {title}",
+	unarchive: "Unarchive",
+	unarchiveNamed: "Unarchive {title}",
+	remove: "Delete",
+	removeNamed: "Delete {title}",
+	export: "Export",
+	exportNamed: "Export {title}",
+	ungrouped: "Ungrouped",
+	"page.previous": "Previous",
+	"page.next": "Next",
+	"page.label": "Page {page} / {total}",
+	"gc.button": "Clean orphan data",
+	"gc.title": "Clean orphan data",
+	"gc.description": "Stops every running Agent first — the UI is blocked meanwhile — then reclaims orphan subagent sessions and orphan rows, and runs VACUUM.",
+	"gc.confirm": "Start",
+	"gc.cancel": "Cancel",
+	"gc.running": "Cleaning, please wait…",
+	"gc.done": "Reclaimed {sessions} orphan sessions and {events} orphan rows.",
+	import: "Import conversation",
+	importing: "Importing…",
+	imported: "Imported as a new session.",
+	confirmTitle: "Delete session",
+	confirmDescription: "This cannot be undone: the session's content is removed from storage.",
+	confirmAccept: "Delete",
+	confirmCancel: "Cancel",
+	close: "Close",
+	"failure.notArchived": "Only archived sessions can be deleted.",
+	"failure.live": "The session is in use and cannot be deleted.",
+	"failure.missing": "The session does not exist or was already deleted.",
+	"failure.other": "Action failed: {reason}",
+	"time.now": "now",
+	"time.minutes": "{n}min",
+	"time.hours": "{n}h",
+	"time.days": "{n}d",
+	"time.months": "{n}mo",
+	"time.years": "{n}y"
+};
+//#endregion
+//#region src/client/index.ts
+const NS = "conversationManager";
+const PANEL_ID = "conversations";
+const PANEL_ORDER = 1;
+const inject = [
+	"slots",
+	"locale",
+	"uiWorkspace",
+	"sessions"
+];
+function apply(ctx) {
+	ctx.effect(() => ctx.locale.register(NS, {
+		zh,
+		en
+	}), "ui-conversation-manager: dictionaries");
+	const t = ctx.locale.bind(NS);
+	const sessions = ctx.get("sessions");
+	const refreshList = sessions.refresh;
+	const controller = new ConversationManagerController({
+		archiveSession: (sessionId) => ctx.uiWorkspace.archiveSession(sessionId),
+		unarchiveSession: (sessionId) => ctx.uiWorkspace.unarchiveSession(sessionId),
+		refresh: async () => {
+			await refreshList?.call(sessions);
+		}
+	});
+	ctx.slots.inject("main", () => ctx.slots.register({
+		name: "main",
+		key: PANEL_ID,
+		locale: NS,
+		inject: () => controller.face
+	}, ConversationManagerPage));
+	ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+		name: "sidebar.panellist",
+		id: PANEL_ID,
+		order: 1,
+		label: () => t("panel"),
+		locale: NS
+	}, ConversationManagerIcon));
+}
+//#endregion
+export { ConversationManagerController, ConversationManagerRequestError, NS, PANEL_ID, PANEL_ORDER, apply, inject };