sage-mem 0.9.9 → 0.9.11

package/lib/client.js

@@ -1930,6 +1930,15 @@ const StarmapRuntime = (function (require, _react) {
 		const CSS = [
 			".smem-root{display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.55;color:var(--dsw-alias-label-primary);max-width:760px;}",
 			".smem-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}",
+			/**
+			 * 头部带里的「弹簧」：吃掉本行的剩余空间，把后面的主操作顶到右边。
+			 *
+			 * 为什么不用 `margin-left:auto`：那个写法在**换行之后依然把它推到最右**，
+			 * 于是窗口一窄（或状态徽标一多）主操作就被挤到下一行的右端，看着像跑出了格子。
+			 * 弹簧换成 `flex:1 1 auto` 之后 —— 放得下时它撑开（主操作靠右），
+			 * 放不下时主操作换行、而弹簧留在上一行，**下一行就是左顶格**。
+			 */
+			".smem-head-spacer{flex:1 1 auto;min-width:0;}",
 			".smem-title{font-size:15px;font-weight:600;}",
 			".smem-dot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-state-success-primary,#22c55e);flex:none;}",
 			".smem-dot--bad{background:var(--dsw-alias-state-error-primary,#ef4444);}",
@@ -1998,7 +2007,8 @@ const StarmapRuntime = (function (require, _react) {
 			".smem-status--bad{color:var(--dsw-alias-state-error-primary,#dc2626);font-weight:600;}",
 			// 头部带：三个 tab 共用的一条「我在哪 + 现在什么状态 + 主操作」。
 			".smem-head-job{font-size:12.5px;font-weight:600;}",
-			".smem-head-actions{margin-left:auto;display:flex;align-items:center;gap:6px;}",
+			// 头部带主操作：**不用 margin-left:auto**（见 .smem-head-spacer 的注释）
+			".smem-head-actions{display:flex;align-items:center;gap:6px;}",
 			".smem-tool-panel{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-1);padding:10px 12px;display:flex;flex-direction:column;gap:8px;}",
 			// 独立成屏的工具面板（现在的「体检」）：显式占满**可用宽度**。
 			// 整个面板的宽度上限在 `.smem-root`（760px）上，这里只要确保它在任何父容器里
@@ -2569,6 +2579,30 @@ const StarmapRuntime = (function (require, _react) {
 			? h("button", { type: "button", className: "smem-btn", key: "close", onClick: props.onClose }, "收起")
 			: null);
 
+		/**
+		 * 稳定的 remote 引用。
+		 *
+		 * 起因（issue #3，2026-10-10 外部报告）：面板在**渲染期**取 `ctx.get("remote.x")`，
+		 * 又把结果放进 `useEffect` 的依赖数组 —— 而真实宿主里 `ctx.get()` 每次返回一个
+		 * **新的包装对象**，于是
+		 *   渲染 → effect 重跑 → 6 个 RPC + setState → 再渲染 → …
+		 * 滚成无限请求风暴（报告者实测每秒上千次；本机观察到的形态是「组件一直在 setState」）。
+		 *
+		 * 为什么本机测试一直没抓到：mock 的 `ctx.get` 每次返回**同一个**对象 —— 假的安全。
+		 * 测试里现在有 `unstableRemoteRefs` 开关来复现真实行为。
+		 *
+		 * 同一个 ctx 永远拿到同一个 remote。用 WeakMap 而不是普通 Map：ctx 是长生命周期对象，
+		 * WeakMap 不会因为这张缓存把它拖住。
+		 */
+		const REMOTE_CACHE = new WeakMap();
+		function stableRemote(ctx, name) {
+			if (!ctx || typeof ctx.get !== "function") return null;
+			let byName = REMOTE_CACHE.get(ctx);
+			if (!byName) { byName = new Map(); REMOTE_CACHE.set(ctx, byName); }
+			if (!byName.has(name)) byName.set(name, ctx.get(name) || null);
+			return byName.get(name);
+		}
+
 		/**
 		 * 「体检」结果面板。
 		 *
@@ -2808,9 +2842,11 @@ const StarmapRuntime = (function (require, _react) {
 		 *      （比如「记忆 + 会话记录」会把私密对话送进模型），默认全是最保守的那一档。
 		 */
 		function AutodreamPanel(props) {
-			const remote = props.ctx && props.ctx.get ? props.ctx.get("remote.autodream") : null;
+			// ⚠️ 必须走 stableRemote：真实宿主里 `ctx.get()` 每次返回**新对象**，
+			// 而下面那个 effect 依赖 remote —— 直接用会让 effect 无限重跑（issue #3）。
+			const remote = stableRemote(props.ctx, "remote.autodream");
 			// 注入设置走 memory 那半边（autodream 只管整理那趟）
-			const memRemote = props.ctx && props.ctx.get ? props.ctx.get("remote.memory") : null;
+			const memRemote = stableRemote(props.ctx, "remote.memory");
 			const sCfg = react.useState(null); const cfg = sCfg[0], setCfg = sCfg[1];
 			const sSt = react.useState(null); const st = sSt[0], setSt = sSt[1];
 			const sErr = react.useState(null); const err = sErr[0], setErr = sErr[1];
@@ -3473,7 +3509,7 @@ const StarmapRuntime = (function (require, _react) {
 		 * 保存后**一定回读**（`setConfig` 对非法值是「忽略并保留原值」，只信返回值会骗人）。
 		 */
 		function ArchiveSettingsPanel(props) {
-			const remote = props.ctx && props.ctx.get ? props.ctx.get("remote.autodream") : null;
+			const remote = stableRemote(props.ctx, "remote.autodream");
 			const sCfg = react.useState(null); const cfg = sCfg[0], setCfg = sCfg[1];
 			const sDraft = react.useState(null); const draft = sDraft[0], setDraft = sDraft[1];
 			const sErr = react.useState(null); const err = sErr[0], setErr = sErr[1];
@@ -3634,7 +3670,9 @@ const StarmapRuntime = (function (require, _react) {
 			]);
 		}
 		function Section(props) {
-			const remote = props.ctx.get("remote.memory");
+			// 走 stableRemote：真实宿主里 `ctx.get()` 每次返回新对象（issue #3 的成因）。
+			// 这个面板的 effect 依赖是 `[]`、暂时不会爆，但引用稳定是**所有**面板的共同前提。
+			const remote = stableRemote(props.ctx, "remote.memory");
 			const sItems = react.useState([]);
 			const items = sItems[0], setItems = sItems[1];
 			const sLoading = react.useState(false);
@@ -4345,6 +4383,10 @@ const StarmapRuntime = (function (require, _react) {
 							}, (pendingDiff ? (pendingDiff + " 项") : "") + "待重启生效")
 						: null,
 					// 主操作：只放当前 tab 的那一个（星图/自动做梦的主操作在各自面板里，不重复摆一份）。
+					// 弹簧：把主操作顶到右边。**换行时它留在上一行**，主操作于是落到下一行、
+					// 左顶格 —— 这正是用 `margin-left:auto` 做不到的（那会把换行后的主操作
+					// 也推到最右，看起来像"跑出格子了"）。
+					h("span", { className: "smem-head-spacer", key: "sp" }),
 					h("span", { className: "smem-head-actions", key: "act" }, tab === "files" ? [
 						h("button", { type: "button", className: "smem-btn", key: "refresh", disabled: busy || loading, onClick: load }, "刷新"),
 						h("button", { type: "button", className: "smem-btn smem-btn-primary", key: "add", onClick: openAdd }, "+ 添加记忆"),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sage-mem",
   "description": "File-based memory plugin for DeepSeek Harness (DSH) — cross-session memory in plain markdown files, with a memory star-map view, type/tag filtering, retrieval aliases, and an optional autodream pass that consolidates memories on demand or on a schedule — with per-run rollback points, a per-file change declaration (what changed and why), and a separately selectable model for the consolidation pass",
-  "version": "0.9.9",
+  "version": "0.9.11",
   "type": "module",
   "main": "lib/index.js",
   "exports": {