dsh-auto-memory 0.3.0 → 0.4.0

package/README.md

@@ -21,8 +21,24 @@ Say *"Remember: I'm a Python backend engineer preparing for interviews"* today
 open a brand-new session tomorrow, ask *"what do you know about me?"*, and it
 **remembers**.
 
+![Memory management panel in the dsh Web UI](imgs/img-1.png)
+
 ---
 
+## What's new in 0.4.0 (P2)
+
+- **Web UI memory panel** (the screenshot above): a dual-half plugin — the host
+  registers authenticated `/api/auto-memory/*` routes over the existing locked
+  store, the browser half registers a sidebar entry and a management page
+  (grouped list with types/pins/read counts, per-scope capacity bars with
+  budget warnings, inline editing, pin toggle, delete-with-confirm). Works in
+  Web and desktop clients from one bundle; non-Web compositions stay no-op.
+- Panel bugfixes: routes now register via a connection-ready callback (host
+  load order used to skip them), and the editor uses official theme variables
+  (`--dsw-alias-*`) instead of a hardcoded white — readable in dark mode.
+- Package hygiene: the browser half ships as `lib/client.js` (17 kB) behind a
+  `dsh.client` manifest; total install stays ~32 kB with zero runtime deps.
+
 ## What's new in 0.3.0 (P2)
 
 - **Pinned memories** (`pinned: true` on memory_write): pinned entries lead

package/README.zh.md

@@ -20,8 +20,21 @@ dsh plugin --profile demo add dsh-auto-memory
 今天对它说 *"记住:我是准备面试的 Python 后端工程师"*——
 明天开一个全新会话,问 *"你对我有什么了解?"*,它**记得**。
 
+![dsh Web UI 中的记忆管理面板](imgs/img-1-zh.png)
+
 ---
 
+## 0.4.0 新增(P2)
+
+- **Web UI 记忆面板**(上方截图):双半插件——宿主半在认证围栏内注册
+  `/api/auto-memory/*` 路由(复用带锁 store),浏览器半注册侧栏入口与管理页
+  (按作用域分组的列表,含类型/置顶/读取计数;容量条与预算预警;行内编辑、
+  置顶切换、确认删除)。一套 bundle 同时服务 Web 与桌面端;非 Web 组合自动 no-op。
+- 面板修复:路由改经 connection 就绪回调注册(此前被宿主加载顺序跳过);
+  编辑器改用官方主题变量(`--dsw-alias-*`)——深色模式可读。
+- 包卫生:浏览器半以 `lib/client.js`(17 kB)随 `dsh.client` manifest 分发;
+  总安装体积约 32 kB,运行时零依赖。
+
 ## 0.3.0 新增(P2)
 
 - **置顶记忆**(memory_write 传 `pinned: true`):置顶条目排在索引最前、

package/lib/client.js

@@ -0,0 +1,539 @@
+window.__ModuleLoader__.load({
+	id: "dsh-auto-memory",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/MemoryPage.tsx
+		/**
+		* 记忆管理面板(主列全局面板):
+		* - 分组列表:用户级 + 各项目组(当前工作区组标记可编辑)
+		* - 容量条:每组索引字节 vs 注入预算(超 80% 预警)
+		* - 逐条操作:编辑(标题/摘要/正文)、置顶/取消置顶、删除(带确认)
+		* - 写入即生效:下次请求注入自动更新(纯文件派生索引,无需重启)
+		*
+		* 样式内联(官方 CSS Modules 管线未随 preset 发布);控件不依赖
+		* ui-primitives 具体导出面(降低跨版本脆弱性),仅用原生元素。
+		*/
+		const GROUP_STYLE = {
+			margin: "16px 0",
+			padding: "12px",
+			border: "1px solid rgba(128,128,128,.35)",
+			borderRadius: "8px"
+		};
+		const BAR_STYLE = {
+			height: "6px",
+			borderRadius: "3px",
+			background: "rgba(128,128,128,.3)",
+			overflow: "hidden",
+			margin: "6px 0"
+		};
+		const ROW_STYLE = {
+			display: "flex",
+			gap: "8px",
+			alignItems: "baseline",
+			padding: "6px 0",
+			borderBottom: "1px solid rgba(128,128,128,.15)"
+		};
+		/** 悬浮编辑器容器:官方主题变量(--dsw-alias-*)+ 半透明灰回退,深浅主题均可读。 */
+		const EDITOR_STYLE = {
+			...GROUP_STYLE,
+			position: "sticky",
+			bottom: "12px",
+			background: "var(--dsw-alias-bg-overlay, rgba(127,127,127,0.65))",
+			backdropFilter: "blur(6px)",
+			color: "var(--dsw-alias-label-primary, inherit)"
+		};
+		/** 记忆管理面板(face 方法经直通交叉成为顶层 props)。 */
+		function MemoryPage({ t, list, read, write, del, currentCwd }) {
+			const [groups, setGroups] = (0, react.useState)(null);
+			const [maxBytes, setMaxBytes] = (0, react.useState)(4096);
+			const [error, setError] = (0, react.useState)(false);
+			const [editing, setEditing] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const load = (0, react.useCallback)(async () => {
+				setError(false);
+				try {
+					const data = await list();
+					setGroups(data.groups);
+					setMaxBytes(data.maxBytes);
+				} catch {
+					setError(true);
+				}
+			}, [list]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const act = async (fn) => {
+				setBusy(true);
+				try {
+					const response = await fn();
+					if (!response.ok) console.warn("[auto-memory] action failed", response.status);
+					await load();
+				} finally {
+					setBusy(false);
+				}
+			};
+			const cwd = (group) => group.scope === "project" && group.current === true ? currentCwd() : void 0;
+			/** 打开编辑器:先拉取正文(列表响应不含 body)。 */
+			const openEditor = async (group, memory) => {
+				const detail = await read({
+					name: memory.name,
+					scope: group.scope,
+					cwd: cwd(group)
+				});
+				setEditing({
+					group,
+					memory,
+					body: "body" in detail ? detail.body : ""
+				});
+			};
+			if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				style: { padding: "24px" },
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("error") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					onClick: () => {
+						load();
+					},
+					children: t("retry")
+				})]
+			});
+			if (groups === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				style: { padding: "24px" },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("loading") })
+			});
+			const total = groups.reduce((sum, group) => sum + group.memories.length, 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				style: {
+					padding: "20px",
+					maxWidth: "860px"
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("title") }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: { opacity: .75 },
+						children: t("intro")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						onClick: () => {
+							load();
+						},
+						disabled: busy,
+						children: t("refresh")
+					}) }),
+					total === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("empty") }),
+					groups.map((group) => {
+						const usage = group.indexBytes / maxBytes;
+						const hot = usage > .8;
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: GROUP_STYLE,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+									style: { margin: "0 0 4px" },
+									children: [group.scope === "user" ? t("userScope") : `${t("projectScope")} · ${group.slug}`, group.scope === "project" && group.current !== true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+										style: {
+											marginLeft: "8px",
+											opacity: .65
+										},
+										children: t("projectNeedsSession")
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										fontSize: "12px",
+										color: hot ? "#d97706" : "inherit"
+									},
+									children: [
+										t("indexUsage"),
+										": ",
+										group.indexBytes,
+										t("bytes"),
+										" ",
+										t("of"),
+										" ",
+										t("budget"),
+										" ",
+										maxBytes,
+										t("bytes"),
+										" (",
+										Math.round(usage * 100),
+										"%)"
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: BAR_STYLE,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+										width: `${Math.min(100, usage * 100)}%`,
+										height: "100%",
+										background: hot ? "#d97706" : "rgba(96,165,250,.9)"
+									} })
+								}),
+								group.memories.map((memory) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: ROW_STYLE,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: {
+											minWidth: 0,
+											flex: 1
+										},
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: memory.title ?? memory.name }),
+											memory.pinned && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												title: t("pinned"),
+												children: " 📌"
+											}),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("code", {
+												style: {
+													fontSize: "11px",
+													opacity: .7
+												},
+												children: [
+													memory.type,
+													"/",
+													memory.name
+												]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												style: {
+													fontSize: "13px",
+													opacity: .85
+												},
+												children: memory.description
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												style: {
+													fontSize: "11px",
+													opacity: .55
+												},
+												children: [
+													" · ",
+													memory.reads,
+													" ",
+													t("reads")
+												]
+											})
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: { whiteSpace: "nowrap" },
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												disabled: busy,
+												onClick: () => {
+													openEditor(group, memory);
+												},
+												children: t("edit")
+											}),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												disabled: busy,
+												onClick: () => {
+													(async () => {
+														const detail = await read({
+															name: memory.name,
+															scope: group.scope,
+															cwd: cwd(group)
+														});
+														const bodyText = "body" in detail ? detail.body : "";
+														await act(() => write({
+															cwd: cwd(group),
+															scope: group.scope,
+															name: memory.name,
+															title: memory.title,
+															description: memory.description,
+															type: memory.type,
+															body: bodyText,
+															pinned: !memory.pinned
+														}));
+													})();
+												},
+												children: memory.pinned ? t("unpinAction") : t("pinAction")
+											}),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												disabled: busy,
+												onClick: () => {
+													if (window.confirm(t("confirmDelete"))) act(() => del({
+														cwd: cwd(group),
+														scope: group.scope,
+														name: memory.name
+													}));
+												},
+												children: t("delete")
+											})
+										]
+									})]
+								}, memory.name))
+							]
+						}, group.key);
+					}),
+					editing !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoryEditor, {
+						t,
+						initial: editing.memory,
+						initialBody: editing.body,
+						onCancel: () => {
+							setEditing(null);
+						},
+						onSave: async (payload) => {
+							await act(() => write({
+								cwd: cwd(editing.group),
+								scope: editing.group.scope,
+								...payload
+							}));
+							setEditing(null);
+						}
+					})
+				]
+			});
+		}
+		/** 单条记忆编辑器(标题/摘要/正文,保存即重建索引、下次注入生效)。 */
+		function MemoryEditor({ t, initial, initialBody, onSave, onCancel }) {
+			const [title, setTitle] = (0, react.useState)(initial.title ?? "");
+			const [description, setDescription] = (0, react.useState)(initial.description);
+			const [body, setBody] = (0, react.useState)(initialBody);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: EDITOR_STYLE,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+						style: { margin: 0 },
+						children: [
+							t("edit"),
+							": ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: initial.name })
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						style: { margin: "8px 0" },
+						children: [
+							t("titleField"),
+							":",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: { width: "60%" },
+								value: title,
+								onChange: (event) => {
+									setTitle(event.target.value);
+								}
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						style: { margin: "8px 0" },
+						children: [
+							t("descriptionField"),
+							":",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style: { width: "80%" },
+								value: description,
+								onChange: (event) => {
+									setDescription(event.target.value);
+								}
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						style: { margin: "8px 0" },
+						children: [t("bodyField"), ":"]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						style: {
+							width: "100%",
+							minHeight: "120px",
+							boxSizing: "border-box"
+						},
+						value: body,
+						onChange: (event) => {
+							setBody(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						style: { margin: "8px 0 0" },
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								onClick: () => {
+									onSave({
+										name: initial.name,
+										title: title.trim().length > 0 ? title.trim() : void 0,
+										description,
+										type: initial.type,
+										body,
+										pinned: initial.pinned
+									});
+								},
+								children: t("save")
+							}),
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								onClick: onCancel,
+								children: t("cancel")
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/MemoryPanelIcon.tsx
+		/** 按侧栏请求的边长渲染图标(使用基线 ui-primitives 的通用图标)。 */
+		function MemoryPanelIcon(_props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": true,
+				style: {
+					fontSize: "15px",
+					lineHeight: 1
+				},
+				children: "🗂"
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* 面板词典(双语强制:locale.register 要求 zh/en 齐全)。
+		* key 集合即 PluginMemoryLocaleKey 的真值源。
+		*/
+		const zh = {
+			panel: "记忆",
+			title: "持久记忆",
+			intro: "管理跨会话保留的记忆文件",
+			loading: "正在读取记忆…",
+			error: "暂时无法读取记忆。",
+			retry: "重试",
+			refresh: "刷新",
+			empty: "还没有任何记忆。对智能体说\"记住…\"即可写入第一条。",
+			userScope: "用户级(所有工作区)",
+			projectScope: "项目级",
+			pinned: "置顶",
+			reads: "次读取",
+			updated: "更新于",
+			indexUsage: "索引占用",
+			budget: "注入预算",
+			of: "/",
+			bytes: "B",
+			edit: "编辑",
+			save: "保存",
+			cancel: "取消",
+			delete: "删除",
+			confirmDelete: "删除这条记忆?",
+			deleteFailed: "删除失败",
+			saveFailed: "保存失败",
+			pinAction: "置顶",
+			unpinAction: "取消置顶",
+			projectNeedsSession: "打开该工作区的一个会话后可编辑此组",
+			name: "标识",
+			descriptionField: "摘要",
+			bodyField: "正文",
+			titleField: "标题(可选)"
+		};
+		const en = {
+			panel: "Memory",
+			title: "Persistent memory",
+			intro: "Manage the memory files kept across sessions",
+			loading: "Loading memories…",
+			error: "Could not load memories right now.",
+			retry: "Retry",
+			refresh: "Refresh",
+			empty: "No memories yet. Tell the agent \"remember…\" to write the first one.",
+			userScope: "User scope (all workspaces)",
+			projectScope: "Project scope",
+			pinned: "pinned",
+			reads: "reads",
+			updated: "updated",
+			indexUsage: "Index usage",
+			budget: "injection budget",
+			of: "/",
+			bytes: "B",
+			edit: "Edit",
+			save: "Save",
+			cancel: "Cancel",
+			delete: "Delete",
+			confirmDelete: "Delete this memory?",
+			deleteFailed: "Delete failed",
+			saveFailed: "Save failed",
+			pinAction: "Pin",
+			unpinAction: "Unpin",
+			projectNeedsSession: "Open a session in this workspace to edit this group",
+			name: "Name",
+			descriptionField: "Description",
+			bodyField: "Body",
+			titleField: "Title (optional)"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** 词典命名空间。 */
+		const NS = "autoMemory";
+		/** 侧栏入口与主面板共用的面板 id。 */
+		const PANEL_ID = "auto-memory";
+		/** 浏览器半依赖的服务(slots/locale 为 web 组合必有;sessions 来自基线 client-store)。 */
+		const inject = [
+			"slots",
+			"locale",
+			"sessions"
+		];
+		const BASE = "/api/auto-memory";
+		function memoryFace(ctx) {
+			return {
+				list: async () => {
+					const cwd = currentCwd(ctx);
+					const query = cwd === void 0 ? "" : `?cwd=${encodeURIComponent(cwd)}`;
+					const response = await fetch(`${BASE}/groups.list${query}`, { headers: { "cache-control": "no-store" } });
+					if (!response.ok) throw new Error(`groups.list HTTP ${String(response.status)}`);
+					return await response.json();
+				},
+				read: async ({ name, scope, cwd }) => {
+					const params = new URLSearchParams({
+						name,
+						scope
+					});
+					if (cwd !== void 0) params.set("cwd", cwd);
+					return (await fetch(`${BASE}/memory.read?${params}`)).json();
+				},
+				write: (payload) => fetch(`${BASE}/memory.write`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				}),
+				del: (payload) => fetch(`${BASE}/memory.delete`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				}),
+				currentCwd: () => currentCwd(ctx)
+			};
+		}
+		/** 从 sessions 快照取一个可用的工作区 cwd(官方 ui-reference 同款读取面)。 */
+		function currentCwd(ctx) {
+			const byId = ctx.get("sessions")?.list?.getSnapshot?.()?.byId;
+			if (byId === void 0) return void 0;
+			for (const session of Object.values(byId)) if (session.cwd !== void 0 && session.cwd.length > 0) return session.cwd;
+		}
+		/** 注册侧栏入口与记忆管理面板。 */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "dsh-auto-memory: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("main", () => ctx.slots.register({
+				name: "main",
+				key: PANEL_ID,
+				locale: NS,
+				inject: () => memoryFace(ctx)
+			}, MemoryPage));
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: PANEL_ID,
+				order: 50,
+				label: () => t("panel"),
+				locale: NS
+			}, MemoryPanelIcon));
+		}
+		//#endregion
+		exports.NS = NS;
+		exports.PANEL_ID = PANEL_ID;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});

package/lib/index.js

@@ -1233,6 +1233,164 @@ function registerConsolidation(ctx, store, options) {
 	}, "dsh-auto-memory consolidation");
 }
 //#endregion
+//#region src/memory-api.ts
+const BASE = "/api/auto-memory";
+/** 列出一个目录组(读文件,畸形/符号链接跳过——与 store.list 同纪律)。 */
+async function readGroup(dir, scope, slug) {
+	const group = {
+		key: slug,
+		scope,
+		slug,
+		memories: [],
+		indexBytes: 0,
+		indexText: null
+	};
+	let entries;
+	try {
+		entries = await promises.readdir(dir);
+	} catch {
+		return group;
+	}
+	for (const entry of entries) {
+		if (!entry.endsWith(".md")) continue;
+		const file = join(dir, entry);
+		const raw = await promises.readFile(file, "utf8").catch(() => null);
+		if (raw === null) continue;
+		if (entry.toLowerCase() === "MEMORY.md".toLowerCase()) {
+			group.indexBytes = Buffer.byteLength(raw, "utf8");
+			group.indexText = raw.trim().length > 0 ? raw : null;
+			continue;
+		}
+		const record = parseMemory(raw, scope);
+		if (record === null) continue;
+		group.memories.push({
+			name: record.name,
+			...record.title !== void 0 ? { title: record.title } : {},
+			description: record.description,
+			type: record.type,
+			pinned: record.pinned === true,
+			reads: record.reads ?? 0,
+			...record.updatedMs !== void 0 ? { updatedMs: record.updatedMs } : {},
+			bytes: Buffer.byteLength(raw, "utf8")
+		});
+	}
+	group.memories.sort((a, b) => a.pinned === b.pinned ? a.name < b.name ? -1 : 1 : a.pinned ? -1 : 1);
+	return group;
+}
+/** 扫描记忆根目录的全部组(用户级在前,项目组按目录名序)。 */
+async function scanGroups(rootDir) {
+	const groups = [await readGroup(join(rootDir, USER_SCOPE_DIR), "user", USER_SCOPE_DIR)];
+	let entries;
+	try {
+		entries = await promises.readdir(rootDir);
+	} catch {
+		return groups;
+	}
+	for (const entry of entries.sort()) {
+		if (!entry.startsWith("--") || !entry.endsWith("--")) continue;
+		if (entry === "_user") continue;
+		groups.push(await readGroup(join(rootDir, entry), "project", entry));
+	}
+	return groups.filter((group) => group.memories.length > 0 || group.indexText !== null);
+}
+/** 注册面板 API(宿主半入口;无 connection 服务时 no-op)。 */
+function registerMemoryApi(ctx, store, rootDir, config) {
+	const connection = ctx.get("connection");
+	if (connection === void 0) return;
+	const json = (data, status = 200) => Promise.resolve(new Response(JSON.stringify(data), {
+		status,
+		headers: {
+			"content-type": "application/json",
+			"cache-control": "no-store"
+		}
+	}));
+	connection.fetch.register({
+		path: `${BASE}/groups.list`,
+		methods: ["GET"],
+		requestBody: "buffered",
+		fetch: async (request) => {
+			const cwd = new URL(request.url).searchParams.get("cwd") ?? void 0;
+			const groups = await scanGroups(rootDir);
+			if (cwd !== void 0 && cwd.length > 0) {
+				const currentSlug = projectKey(cwd);
+				for (const group of groups) if (group.scope === "project" && group.slug === currentSlug) group.current = true;
+			}
+			return json({
+				groups,
+				maxBytes: config.maxBytes
+			});
+		}
+	});
+	connection.fetch.register({
+		path: `${BASE}/memory.read`,
+		methods: ["GET"],
+		requestBody: "buffered",
+		fetch: async (request) => {
+			const url = new URL(request.url);
+			const name = url.searchParams.get("name") ?? "";
+			const scope = url.searchParams.get("scope") ?? "user";
+			const cwd = scope === "project" ? url.searchParams.get("cwd") ?? void 0 : void 0;
+			if (scope === "project" && cwd === void 0) return json({ error: "project scope requires cwd" }, 400);
+			try {
+				const record = await store.read(name, scope, cwd);
+				if (record === null) return json({ error: "not found" }, 404);
+				return json({
+					name: record.name,
+					title: record.title,
+					description: record.description,
+					type: record.type,
+					body: record.body,
+					pinned: record.pinned === true
+				});
+			} catch (error) {
+				return json({ error: String(error) }, 400);
+			}
+		}
+	});
+	connection.fetch.register({
+		path: `${BASE}/memory.write`,
+		methods: ["POST"],
+		requestBody: "buffered",
+		fetch: async (request) => {
+			try {
+				const body = await request.json();
+				const cwd = body.scope === "project" ? body.cwd : void 0;
+				if (body.scope === "project" && (cwd === void 0 || cwd.length === 0)) return json({ error: "project scope requires cwd" }, 400);
+				const name = normalizeName(body.name);
+				await store.write({
+					name,
+					...body.title !== void 0 && body.title.trim().length > 0 ? { title: body.title.trim() } : {},
+					...body.pinned !== void 0 ? { pinned: body.pinned } : {},
+					description: body.description,
+					type: body.type,
+					body: body.body
+				}, body.scope, cwd);
+				return json({
+					ok: true,
+					name
+				});
+			} catch (error) {
+				return json({ error: String(error) }, 400);
+			}
+		}
+	});
+	connection.fetch.register({
+		path: `${BASE}/memory.delete`,
+		methods: ["POST"],
+		requestBody: "buffered",
+		fetch: async (request) => {
+			try {
+				const body = await request.json();
+				const cwd = body.scope === "project" ? body.cwd : void 0;
+				if (body.scope === "project" && (cwd === void 0 || cwd.length === 0)) return json({ error: "project scope requires cwd" }, 400);
+				return await store.delete(body.name, body.scope, cwd) ? json({ ok: true }) : json({ error: "not found" }, 404);
+			} catch (error) {
+				return json({ error: String(error) }, 400);
+			}
+		}
+	});
+}
+//#endregion
 //#region src/index.ts
 /**
 * dsh-auto-memory — 把 Claude Code 的 auto-memory 机制移植为 DeepSeek Harness 原生插件。
@@ -1255,8 +1413,12 @@ const Config = z.object({
 	staleAfterDays: z.number().default(0)
 });
 function apply(ctx, config) {
-	const store = new MemoryStore(config.memoryDir !== void 0 && config.memoryDir.length > 0 ? resolve(config.memoryDir) : join(resolveDshHome(), "memory"), { staleAfterDays: config.staleAfterDays });
+	const rootDir = config.memoryDir !== void 0 && config.memoryDir.length > 0 ? resolve(config.memoryDir) : join(resolveDshHome(), "memory");
+	const store = new MemoryStore(rootDir, { staleAfterDays: config.staleAfterDays });
 	registerMemoryTools(ctx, store, config.enableUserScope);
+	ctx.inject(["connection"], () => {
+		registerMemoryApi(ctx, store, rootDir, { maxBytes: config.maxBytes });
+	});
 	registerConsolidation(ctx, store, {
 		autoSummarize: config.autoSummarize,
 		autoSummarizeMaxMemories: config.autoSummarizeMaxMemories,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-auto-memory",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Claude Code style auto-memory plugin for DeepSeek Harness: typed memory files + MEMORY.md index auto-injected into the system prompt",
   "type": "module",
   "license": "MIT",
@@ -11,6 +11,9 @@
       "types": "./lib/index.d.ts",
       "default": "./lib/index.js"
     },
+    "./client": {
+      "default": "./lib/client.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -37,7 +40,17 @@
     "@deepseek-ai/dsh-tools": ">=0.1.5-rc.2 <0.2.0"
   },
   "devDependencies": {
+    "@deepseek-ai/dsh-client-connection": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-locale": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-store": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-ui-layout": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-ui-sidebar": "^0.1.5-rc.2",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.5-rc.2",
     "@types/node": "^24.0.0",
+    "@types/react": "^19.3.0",
+    "react": "^19.3.0",
     "tsdown": "^0.22.2",
     "typescript": "^5.9.0",
     "vitest": "^4.1.8"
@@ -49,6 +62,14 @@
     "manifestVersion": 1,
     "bundle": {
       "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-layout",
+        "@deepseek-ai/dsh-client-ui-sidebar"
+      ]
     }
   },
   "keywords": [