@morlay/ui-conversation-manager 0.0.2-alpha.0

package/dist/client.cjs

@@ -0,0 +1,1257 @@
+window.__ModuleLoader__.load({
+	id: "@morlay/ui-conversation-manager",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let _morlay_dsh_client_ui_primitives_client = require("@morlay/dsh-client-ui-primitives/client");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/controller.ts
+		/** host 侧已存在的会话路由。 */
+		const SESSION_DELETE_PATH = "/api/session.delete";
+		const SESSION_IMPORT_PATH = "/api/session.import";
+		const SESSION_EXPORT_PATH = "/api/session.export";
+		const SESSION_GC_PATH = "/api/session.gc";
+		const SESSION_USAGE_PATH = "/api/session.usage";
+		/** 带 host 错误码的请求失败：页面据此选本地化文案。 */
+		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);
+		}
+		/** 页面的动作：host 交互收在这里，页面只见数据与回调。 */
+		var ConversationManagerController = class {
+			ports;
+			face;
+			constructor(ports) {
+				this.ports = ports;
+				this.face = {
+					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 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
+				};
+			}
+			/**
+			* 用量统计：host 侧聚合，前端各维度本地折叠。
+			* @param range - 时间范围语义键（`all` 不限、`day`/`week` 自然日/周、其余最近 N 天）。
+			*/
+			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;
+			}
+		};
+		/** 导出文件名优先取 host 给的 Content-Disposition。 */
+		function filenameOf(disposition, sessionId) {
+			return (disposition === null ? null : /filename="([^"]+)"/u.exec(disposition))?.[1] ?? `${sessionId}.zip`;
+		}
+		/** 浏览器下载：blob URL + 一次性 anchor；URL 在下一轮事件循环回收。 */
+		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 src/client/format.ts
+		/** 一位小数；三位数以上不留小数。 */
+		function trim(value) {
+			return value >= 100 ? String(Math.round(value)) : value.toFixed(1).replace(/\.0$/u, "");
+		}
+		/** @param value - token 数（非负整数）。 @returns 紧凑文本，例如 `1.2K`、`44.2B`。 */
+		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`;
+		}
+		/** @param value - 百分点（0~100）。 @returns 紧凑百分比，例如 `98.4%`、`100%`。 */
+		function formatPercent(value) {
+			if (!Number.isFinite(value) || value <= 0) return "0%";
+			return `${value >= 100 ? Math.round(value) : Math.round(value * 10) / 10}%`;
+		}
+		/** 「对话管理」页面的样式表（官方 --dsw-* 变量 + 我们的 css-in-js 层）。
+		* 页面根是纵向 flex + 整页滚动：除列表外的项都 `flex: none`，否则内容变长时
+		* flex 会把这些项压到 min-content（官方 Input 的 32px 高会被压成一行文字高）。 */
+		const styles = {
+			page: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "12px",
+				boxSizing: "border-box",
+				width: "100%",
+				height: "100%",
+				padding: "24px 28px",
+				overflow: "auto",
+				color: "var(--dsw-alias-label-primary)"
+			},
+			header: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: "12px",
+				flex: "none"
+			},
+			headerActions: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				flex: "none"
+			},
+			title: {
+				margin: "0",
+				fontSize: "16px",
+				lineHeight: "24px",
+				fontWeight: "500"
+			},
+			tabs: {
+				position: "relative",
+				zIndex: "1",
+				display: "flex",
+				gap: "36px",
+				marginTop: "10px",
+				paddingLeft: "8px",
+				flex: "none"
+			},
+			tab: {
+				position: "relative",
+				padding: "0 0 9px",
+				border: "none",
+				background: "transparent",
+				fontSize: "13px",
+				lineHeight: "16px",
+				fontWeight: "500",
+				color: "var(--dsw-alias-label-tertiary)",
+				cursor: "pointer",
+				"&::after": {
+					content: "''",
+					position: "absolute",
+					right: "0",
+					bottom: "-1px",
+					left: "0",
+					height: "2px",
+					borderRadius: "2px",
+					background: "transparent"
+				}
+			},
+			tabActive: {
+				color: "var(--dsw-alias-state-business-primary)",
+				"&::after": { background: "var(--dsw-alias-state-business-primary)" }
+			},
+			usage: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "12px",
+				flex: "none"
+			},
+			usageRow: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "6px",
+				padding: "10px 12px",
+				border: "1px solid var(--dsw-alias-border-l1)",
+				borderRadius: "10px",
+				background: "var(--dsw-alias-bg-base)",
+				flex: "none"
+			},
+			usageRowLabel: {
+				overflow: "hidden",
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-tertiary)",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			usageMetrics: {
+				display: "flex",
+				flexDirection: "row",
+				flexWrap: "wrap",
+				gap: "6px 20px"
+			},
+			usageMetric: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "2px"
+			},
+			usageMetricLabel: {
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-tertiary)"
+			},
+			usageMetricValue: {
+				fontSize: "16px",
+				lineHeight: "24px",
+				fontWeight: "500",
+				fontVariantNumeric: "tabular-nums"
+			},
+			usageList: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "4px",
+				margin: "0",
+				padding: "0",
+				listStyle: "none",
+				flex: "none"
+			},
+			filters: {
+				display: "flex",
+				alignItems: "center",
+				gap: "16px",
+				flex: "none"
+			},
+			search: {
+				width: "360px",
+				maxWidth: "100%",
+				flex: "none"
+			},
+			list: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "4px",
+				margin: "0",
+				padding: "0",
+				listStyle: "none",
+				flex: "none"
+			},
+			row: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: "16px",
+				padding: "10px 12px",
+				border: "1px solid var(--dsw-alias-border-l1)",
+				borderRadius: "10px",
+				background: "var(--dsw-alias-bg-base)",
+				flex: "none"
+			},
+			identity: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "2px",
+				minWidth: "0"
+			},
+			titleLine: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				minWidth: "0"
+			},
+			rowTitle: {
+				overflow: "hidden",
+				fontSize: "13px",
+				lineHeight: "20px",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			meta: {
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-tertiary)"
+			},
+			actions: {
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				flex: "none"
+			},
+			pagination: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: "8px",
+				marginTop: "4px",
+				flex: "none"
+			},
+			paginationLabel: {
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontVariantNumeric: "tabular-nums"
+			},
+			status: {
+				margin: "0",
+				fontSize: "13px",
+				lineHeight: "20px",
+				color: "var(--dsw-alias-label-tertiary)",
+				flex: "none"
+			},
+			failure: {
+				margin: "0",
+				fontSize: "13px",
+				lineHeight: "20px",
+				color: "var(--dsw-alias-label-error, var(--dsw-alias-label-primary))",
+				flex: "none"
+			},
+			blocking: {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "center",
+				gap: "14px",
+				padding: "32px 40px",
+				color: "var(--dsw-alias-label-primary)"
+			},
+			spinner: {
+				width: "28px",
+				height: "28px",
+				border: "2px solid var(--dsw-alias-border-l2)",
+				borderTopColor: "var(--dsw-alias-label-primary)",
+				borderRadius: "50%",
+				animation: `${_morlay_dsh_client_ui_primitives_client.styling.keyframes({
+					from: { transform: "rotate(0deg)" },
+					to: { transform: "rotate(360deg)" }
+				})} 900ms linear infinite`
+			},
+			blockingText: {
+				margin: "0",
+				fontSize: "13px",
+				lineHeight: "20px"
+			}
+		};
+		//#endregion
+		//#region src/client/ConversationManagerPage.tsx
+		/** 一页的行数（会话列表）。 */
+		const PAGE_SIZE = 20;
+		/** 统计视图按会话列出时的行数上限。 */
+		const USAGE_SESSION_ROWS = 20;
+		/** 行上显示的紧凑相对时间。 */
+		function timeLabel(updatedAt, now, t) {
+			const { unit, n } = (0, _deepseek_ai_dsh_client_ui_primitives.relativeTime)(updatedAt, now);
+			return unit === "now" ? t("time.now") : t(`time.${unit}`, { n });
+		}
+		/** 标题或工作区名命中归一化后的查询。 */
+		function matches(row, normalizedQuery) {
+			return normalizedQuery.length === 0 || row.title.toLowerCase().includes(normalizedQuery) || row.workspace.toLowerCase().includes(normalizedQuery);
+		}
+		/** host 错误码 → 可读文案；没有码时保留原文。 */
+		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 ConversationManagerPage({ t, useSessions, useWorkspaces, archive, unarchive, remove, exportZip, importZip, collectGarbage, loadUsage }) {
+			const sessions = useSessions((state) => state);
+			const workspaces = useWorkspaces((state) => state);
+			const [query, setQuery] = (0, react.useState)("");
+			const [page, setPage] = (0, react.useState)(1);
+			const [showSubagents, setShowSubagents] = (0, react.useState)(false);
+			const [view, setView] = (0, react.useState)("sessions");
+			const [usageTab, setUsageTab] = (0, react.useState)("overview");
+			const [usageRange, setUsageRange] = (0, react.useState)("day");
+			const [usage, setUsage] = (0, react.useState)(null);
+			const [usageLoading, setUsageLoading] = (0, react.useState)(false);
+			const [usageError, setUsageError] = (0, react.useState)(null);
+			const [confirming, setConfirming] = (0, react.useState)(null);
+			const [gcPhase, setGcPhase] = (0, react.useState)("idle");
+			const [importing, setImporting] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [failure, setFailure] = (0, react.useState)(null);
+			const fileRef = (0, react.useRef)(null);
+			const ungrouped = t("ungrouped");
+			const rows = (0, react.useMemo)(() => {
+				const owners = /* @__PURE__ */ new Map();
+				for (const workspace of workspaces.items) for (const id of workspace.sessionIds) owners.set(id, workspace.title);
+				const archivedIds = new Set(workspaces.archivedSessionIds);
+				return [.../* @__PURE__ */ new Set([...sessions.ids, ...workspaces.archivedSessionIds])].flatMap((id) => {
+					const summary = sessions.byId[id];
+					if (summary === void 0) return [];
+					return [{
+						id,
+						title: summary.displayTitle,
+						workspace: owners.get(id) ?? ungrouped,
+						archived: archivedIds.has(id),
+						subagent: summary.origin === "subagent",
+						updatedAt: summary.updatedAt
+					}];
+				}).sort((left, right) => right.updatedAt - left.updatedAt);
+			}, [
+				workspaces,
+				sessions.ids,
+				sessions.byId,
+				ungrouped
+			]);
+			const run = (action, settle) => {
+				setFailure(null);
+				setNotice(null);
+				action.then(() => {
+					settle?.();
+				}, (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
+					}));
+				}, (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 (sessions.phase !== "ready") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+				children: t("loading")
+			});
+			const now = Date.now();
+			const listed = showSubagents ? rows : rows.filter((row) => !row.subagent);
+			const matched = listed.filter((row) => matches(row, query.trim().toLowerCase()));
+			const pageCount = Math.max(1, Math.ceil(matched.length / PAGE_SIZE));
+			const currentPage = Math.min(page, pageCount);
+			const visible = matched.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE);
+			const confirmed = confirming;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.page),
+				"data-view": view,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.header),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.title),
+								children: t("title")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.tabs),
+								role: "tablist",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "tab",
+									"data-tab": "sessions",
+									"aria-selected": view === "sessions",
+									className: _morlay_dsh_client_ui_primitives_client.styling.className(styles.tab, view === "sessions" && styles.tabActive),
+									onClick: () => {
+										setView("sessions");
+									},
+									children: t("view.sessions")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "tab",
+									"data-tab": "usage",
+									"aria-selected": view === "usage",
+									className: _morlay_dsh_client_ui_primitives_client.styling.className(styles.tab, view === "usage" && styles.tabActive),
+									onClick: openUsage,
+									children: t("view.usage")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.headerActions),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.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__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.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__ */ (0, react_jsx_runtime.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);
+									});
+								}
+							})
+						]
+					}),
+					view === "usage" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageView, {
+						report: usage,
+						loading: usageLoading,
+						error: usageError,
+						tab: usageTab,
+						onTab: setUsageTab,
+						range: usageRange,
+						onRange: requestUsage,
+						t
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.filters),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								className: _morlay_dsh_client_ui_primitives_client.styling.className(styles.search),
+								"data-filter": "search",
+								type: "search",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, {}),
+								value: query,
+								placeholder: t("search"),
+								"aria-label": t("search"),
+								onChange: (event) => {
+									setQuery(event.currentTarget.value);
+									setPage(1);
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								"data-filter": "subagents",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
+									checked: showSubagents,
+									label: t("showSubagents"),
+									onChange: (next) => {
+										setShowSubagents(next);
+										setPage(1);
+									}
+								})
+							})]
+						}),
+						notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+							"data-notice": "result",
+							children: notice
+						}),
+						failure === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.failure),
+							"data-failure": "result",
+							role: "alert",
+							children: failure
+						}),
+						listed.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+							"data-status": "empty",
+							children: t("empty")
+						}) : null,
+						listed.length > 0 && matched.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+							"data-status": "empty-search",
+							children: t("emptySearch")
+						}) : null,
+						visible.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.list),
+							children: visible.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.row),
+								"data-session-id": String(row.id),
+								"data-archived": row.archived ? "true" : "false",
+								"data-subagent": row.subagent ? "true" : "false",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.identity),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleLine),
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												..._morlay_dsh_client_ui_primitives_client.styling.props(styles.rowTitle),
+												children: row.title
+											}),
+											row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+												tone: "neutral",
+												children: t("archived")
+											}) : null,
+											row.subagent ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+												tone: "quiet",
+												children: t("subagent")
+											}) : null
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										..._morlay_dsh_client_ui_primitives_client.styling.props(styles.meta),
+										children: [row.workspace, timeLabel(row.updatedAt, now, t)].join(" · ")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.actions),
+									children: [
+										row.archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											variant: "outline",
+											size: "sm",
+											"data-action": "unarchive",
+											"aria-label": t("unarchiveNamed", { title: row.title }),
+											onClick: () => {
+												run(unarchive(row.id));
+											},
+											children: t("unarchive")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											variant: "outline",
+											size: "sm",
+											"data-action": "archive",
+											"aria-label": t("archiveNamed", { title: row.title }),
+											onClick: () => {
+												run(archive(row.id));
+											},
+											children: t("archive")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											variant: "outline",
+											size: "sm",
+											"data-action": "export",
+											"aria-label": t("exportNamed", { title: row.title }),
+											onClick: () => {
+												run(exportZip(row.id));
+											},
+											children: t("export")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.pagination),
+							"data-pagination": "",
+							"data-page-current": currentPage,
+							"data-page-total": pageCount,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "ghost",
+									size: "sm",
+									disabled: currentPage <= 1,
+									onClick: () => {
+										setPage(currentPage - 1);
+									},
+									children: t("page.previous")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									..._morlay_dsh_client_ui_primitives_client.styling.props(styles.paginationLabel),
+									children: t("page.label", {
+										page: currentPage,
+										total: pageCount
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "ghost",
+									size: "sm",
+									disabled: currentPage >= pageCount,
+									onClick: () => {
+										setPage(currentPage + 1);
+									},
+									children: t("page.next")
+								})
+							]
+						}) : null
+					] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: confirmed !== null,
+						onClose: () => {
+							setConfirming(null);
+						},
+						title: t("confirmTitle"),
+						closeLabel: t("close"),
+						description: t("confirmDescription"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: () => {
+								setConfirming(null);
+							},
+							children: t("confirmCancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => {
+								if (confirmed === null) return;
+								run(remove(confirmed.id), () => {
+									setConfirming(null);
+								});
+							},
+							children: t("confirmAccept")
+						})] })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: gcPhase === "confirm",
+						onClose: () => {
+							setGcPhase("idle");
+						},
+						title: t("gc.title"),
+						closeLabel: t("close"),
+						description: t("gc.description"),
+						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							onClick: () => {
+								setGcPhase("idle");
+							},
+							children: t("gc.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: startGc,
+							children: t("gc.confirm")
+						})] })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: gcPhase === "running",
+						onClose: () => {},
+						headless: true,
+						title: t("gc.title"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.blocking),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.spinner),
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.blockingText),
+								children: t("gc.running")
+							})]
+						})
+					})
+				]
+			});
+		}
+		/** 时间范围选项：默认本日，其后是本周（周一起算）与最近 N 天，「全部」放在最后。 */
+		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) {
+			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"
+				},
+				{
+					key: "events",
+					label: t("usage.events"),
+					value: totals.events,
+					kind: "tokens"
+				}
+			];
+		}
+		/** 折叠行的排序口径（不显示）：输入（含缓存）+ 输出。 */
+		function sortWeight(totals) {
+			return totals.inputTokens + totals.cacheReadTokens + totals.outputTokens;
+		}
+		function emptyTotals() {
+			return {
+				events: 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.events += bucket.events;
+				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));
+		}
+		/** 一行用量：label 在上，下面是横向排布的单项。 */
+		function UsageRow({ rowKey, label, totals, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageRow),
+				"data-usage-key": rowKey,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageRowLabel),
+					children: label
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageMetrics),
+					children: usageMetrics(totals, t).map((metric) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageMetric),
+						"data-usage-cell": metric.key,
+						"data-usage-value": metric.value,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageMetricLabel),
+							children: metric.label
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageMetricValue),
+							children: metric.kind === "percent" ? formatPercent(metric.value) : formatTokens(metric.value)
+						})]
+					}, metric.key))
+				})]
+			});
+		}
+		function UsageList({ rows, t }) {
+			if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+				"data-usage-status": "empty",
+				children: t("usage.empty")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageList),
+				children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageRow, {
+					rowKey: row.key,
+					label: row.label,
+					totals: row.totals,
+					t
+				}, row.key))
+			});
+		}
+		/** 总览：全部与「其中子代理」两行，与列表行同形。 */
+		function UsageOverview({ report, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usageList),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageRow, {
+					rowKey: "all",
+					label: t("usage.all"),
+					totals: report.totals,
+					t
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageRow, {
+					rowKey: "subagent",
+					label: t("usage.subagentOnly"),
+					totals: report.subagent,
+					t
+				})]
+			});
+		}
+		/** 统计视图：时间范围过滤 + 二层维度切换（总览 / 按模型 / 按会话）。 */
+		function UsageView({ report, loading, error, tab, onTab, range, onRange, 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.map((row) => ({
+				key: row.sessionId,
+				label: row.title ?? row.sessionId,
+				totals: row
+			})).sort((left, right) => sortWeight(right.totals) - sortWeight(left.totals)).slice(0, USAGE_SESSION_ROWS);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles.usage),
+				"data-usage-view": tab,
+				"data-usage-range": range,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.tabs),
+						role: "radiogroup",
+						"aria-label": t("usage.range"),
+						children: USAGE_RANGES.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							role: "radio",
+							"aria-checked": range === option,
+							"data-range": option,
+							className: _morlay_dsh_client_ui_primitives_client.styling.className(styles.tab, range === option && styles.tabActive),
+							onClick: () => {
+								onRange(option);
+							},
+							children: rangeLabel(option, t)
+						}, option))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.tabs),
+						role: "tablist",
+						children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							role: "tab",
+							"data-usage-tab": item,
+							"aria-selected": tab === item,
+							className: _morlay_dsh_client_ui_primitives_client.styling.className(styles.tab, tab === item && styles.tabActive),
+							onClick: () => {
+								onTab(item);
+							},
+							children: labels[item]
+						}, item))
+					}),
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.status),
+						"data-usage-status": "loading",
+						children: t("usage.loading")
+					}) : null,
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles.failure),
+						"data-usage-status": "error",
+						role: "alert",
+						children: error
+					}),
+					report === null ? null : tab === "overview" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageOverview, {
+						report,
+						t
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageList, {
+						rows,
+						t
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ConversationManagerIcon.tsx
+		function ConversationManagerIcon({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size });
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** 「对话管理」页面的文案字典。 */
+		/** 简体中文是 key 真源。 */
+		const zh = {
+			panel: "对话管理",
+			title: "对话管理",
+			search: "搜索会话",
+			loading: "正在读取会话…",
+			empty: "暂无会话。",
+			emptySearch: "没有匹配的会话。",
+			archived: "已归档",
+			subagent: "子代理",
+			showSubagents: "显示子代理会话",
+			"view.sessions": "会话",
+			"view.usage": "统计",
+			"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.events": "事件",
+			"usage.subagentOnly": "其中子代理",
+			"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",
+			"view.sessions": "Sessions",
+			"view.usage": "Usage",
+			"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.events": "Events",
+			"usage.subagentOnly": "Subagent share",
+			"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
+		/** 本包字典的 namespace。 */
+		const NS = "conversationManager";
+		/** nav 行与主面板共用的 id。 */
+		const PANEL_ID = "conversations";
+		/** nav 行的位置：紧邻官方 Plugins 行（order 0）。 */
+		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 controller = new ConversationManagerController({
+				archiveSession: (sessionId) => ctx.uiWorkspace.archiveSession(sessionId),
+				unarchiveSession: (sessionId) => ctx.uiWorkspace.unarchiveSession(sessionId),
+				refresh: () => sessions.refresh()
+			});
+			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
+		exports.ConversationManagerController = ConversationManagerController;
+		exports.ConversationManagerRequestError = ConversationManagerRequestError;
+		exports.NS = NS;
+		exports.PANEL_ID = PANEL_ID;
+		exports.PANEL_ORDER = PANEL_ORDER;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});