sage-mem 1.4.0 → 1.5.0

package/lib/client.js

@@ -2038,7 +2038,7 @@ const StarmapRuntime = (function (require, _react) {
 			// ⚠️ 可发现性不靠抽屉本身，靠头部带常显的「体检 N 个问题」徽标 —— 那是整个
 			// 抽屉方案能成立的前提（否则三个能力就退回「藏起来」了）。
 			".smem-drawer{position:relative;flex:none;}",
-			".smem-drawer-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:6;min-width:236px;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.10);padding:6px;display:flex;flex-direction:column;gap:2px;}",
+			".smem-drawer-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:6;min-width:236px;max-width:min(320px,calc(100vw - 24px));background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.10);padding:6px;display:flex;flex-direction:column;gap:2px;}",
 			".smem-drawer-item{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-family:inherit;font-size:12.5px;color:var(--dsw-alias-label-primary);text-align:left;padding:6px 8px;border-radius:8px;cursor:pointer;}",
 			".smem-drawer-item:hover{background:var(--dsw-alias-bg-layer-2);}",
 			'.smem-drawer-item[data-on="1"]{background:var(--dsw-alias-bg-layer-2);font-weight:600;}',
@@ -2089,7 +2089,7 @@ const StarmapRuntime = (function (require, _react) {
 			'.smem-subtab--on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--dsw-alias-label-primary);}',
 			".smem-subtab-n{opacity:.6;margin-left:5px;font-variant-numeric:tabular-nums;}",
 			// 五个注入参数排两列：一行放两个，扫读反而更清楚（吸收方案 A 的做法）。
-			".smem-ad-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:4px 18px;}",
+			".smem-ad-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 18px;}",
 			".smem-ad-field{display:flex;align-items:center;gap:8px;min-width:0;}",
 			".smem-ad-field .smem-autodream-key{min-width:96px;}",
 			".smem-actions{display:flex;gap:6px;}",
@@ -2113,7 +2113,7 @@ const StarmapRuntime = (function (require, _react) {
 			'.smem-tab--on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--dsw-alias-label-primary);}',
 			// 高度预算压到 62vh（原 70vh）：设置弹窗本身高度有限，
 			// 70vh 在较矮的设置弹窗视口下会把星图底部的图例和计数挤出面板之外。
-			".smem-starmap{display:flex;flex-direction:column;height:min(62vh,660px);min-height:400px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;overflow:hidden;}",
+			".smem-starmap{display:flex;flex-direction:column;height:clamp(320px,55vh,620px);min-height:280px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;overflow:hidden;}",
 			// ── 「自动做梦」面板 ──
 			// 融入型：全部走宿主变量，控件复用已有的 chip / input / btn 语言，不另造一套。
 			".smem-autodream{display:flex;flex-direction:column;gap:12px;}",
@@ -2160,6 +2160,16 @@ const StarmapRuntime = (function (require, _react) {
 			".smem-update{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--dsw-alias-brand-primary,#4d76e6);border-radius:8px;padding:6px 10px;font-size:12px;background:var(--dsw-alias-bg-layer-1);}",
 			".smem-update-link{color:var(--dsw-alias-brand-primary,#4d76e6);text-decoration:underline;}",
 			".smem-update-x{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;}",
+			// ── 1.5.0：动作分组 / 长文 clamp / 空态骨架 / 窄窗口 ──
+			".smem-actions-sep{width:1px;height:16px;background:var(--dsw-alias-border-l2);margin:0 2px;align-self:center;}",
+			".smem-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;}",
+			".smem-clamp-2--open{-webkit-line-clamp:unset;display:block;}",
+			".smem-skeleton{display:flex;flex-direction:column;gap:10px;padding:6px 0;}",
+			".smem-skeleton-row{height:44px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);opacity:.55;}",
+			".smem-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}",
+			".smem-tabs-sep{width:1px;align-self:stretch;margin:6px 2px;background:var(--dsw-alias-border-l2);}",
+			// 窄窗口（≤420px）：头部带与筛选条各让一行，卡片动作允许换行、分隔符隐藏。
+			"@media (max-width:420px){.smem-root{gap:10px;}.smem-head{gap:6px;}.smem-card-title{min-width:0;word-break:break-word;}.smem-actions{flex-wrap:wrap;}.smem-actions-sep{display:none;}.smem-num{width:56px;}.smem-search{min-width:100px;}}",
 			// ── 底部一行仓库链接（引流，不抢视线）──
 			".smem-star{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--dsw-alias-label-tertiary,#8b93a1);padding:2px 2px 0;}",
 			".smem-star-link{color:var(--dsw-alias-brand-primary,#4d76e6);text-decoration:underline;}",
@@ -2474,6 +2484,8 @@ const StarmapRuntime = (function (require, _react) {
 										]
 									: [
 											h("button", { type: "button", className: "smem-btn", key: "edit", onClick: function () { props.onEdit(item.file); } }, "编辑"),
+											// 语义分组：左边只放「编辑」（安全、可逆），右边放「锁定 / 归档 / 删除」（对这条记忆的退役/保护决定）。
+											h("span", { key: "sep", className: "smem-actions-sep", "aria-hidden": "true" }),
 											/**
 											 * 锁定排在「编辑」与「归档」之间（用户 2026-10-11 指定）：
 											 * 它是「别归档这条」的开关，紧挨着归档才说得通。
@@ -2524,6 +2536,9 @@ const StarmapRuntime = (function (require, _react) {
 		function ArchivedCard(props) {
 			const item = props.item;
 			const meta = TYPE_META[item.type] || TYPE_META.reference;
+			// 描述与归档理由都可能很长：默认各 clamp（描述 3 行 / 理由 2 行），点一下展开全文。
+			const sDescOpen = react.useState(false);
+			const descOpen = sDescOpen[0], setDescOpen = sDescOpen[1];
 			return h("div", { className: "smem-card smem-card--archived", key: item.file }, [
 				h("div", { className: "smem-card-head", key: "head" }, [
 					h("span", { className: "smem-badge", key: "badge", title: "类型 " + String(item.type) }, meta[0] + " " + meta[1]),
@@ -2539,9 +2554,18 @@ const StarmapRuntime = (function (require, _react) {
 				// 描述留在活动卡片里的同一个位置（标签下面），归档留痕块再往下 ——
 				// 否则「归档理由」像卡片结尾，后面孤零零一行描述没人认得它是什么。
 				item.description
-					? h("div", { className: "smem-narrative", key: "desc" }, String(item.description))
+					? h("div", {
+							className: "smem-narrative", key: "desc",
+							"data-clamp": descOpen ? "0" : "1",
+							title: descOpen ? "点击收起" : "点击展开全文",
+							onClick: function () { setDescOpen(!descOpen); },
+						}, String(item.description))
 					: null,
-				h("div", { className: "smem-ar-reason", key: "why" }, "归档理由：" + (item.archivedReason || "（没写）")),
+				h("div", {
+					className: "smem-ar-reason smem-clamp-2" + (descOpen ? " smem-clamp-2--open" : ""),
+					key: "why", title: "归档理由：" + (item.archivedReason || "（没写）"),
+					onClick: function () { setDescOpen(!descOpen); },
+				}, "归档理由：" + (item.archivedReason || "（没写）")),
 				props.editing
 					? h("div", { className: "smem-ar-edit", key: "edit" }, [
 							h("div", { className: "smem-ar-hint", key: "note" },
@@ -2578,7 +2602,8 @@ const StarmapRuntime = (function (require, _react) {
 										disabled: props.busy,
 										onClick: function () { props.onEdit(item.file); },
 									}, "编辑"),
-									h("button", {
+h("span", { key: "sep", className: "smem-actions-sep", "aria-hidden": "true" }),
+																		h("button", {
 										type: "button", className: "smem-btn smem-btn-primary", key: "restore",
 										disabled: props.busy,
 										onClick: function () { props.onRestore(item.file); },
@@ -4356,18 +4381,29 @@ const StarmapRuntime = (function (require, _react) {
 			// banner 只在**专门看归档**时出现，切到全部时不重复说一遍。
 			let filesView;
 			if (loading && totalCount === 0) {
-				filesView = h("div", { className: "smem-muted", key: "loading" }, "加载中…");
+				filesView = h("div", { className: "smem-skeleton", key: "loading", "data-loading": "1" }, [0, 1, 2].map(function (i) {
+					return h("div", { className: "smem-skeleton-row", key: i });
+				}));
 			} else if (totalCount === 0) {
-				filesView = h("div", { className: "smem-empty", key: "empty" },
-					"还没有记忆文件。对话中值得记住的事会写到这里，也可以点「添加记忆」手动写入。");
+				filesView = h("div", { className: "smem-empty", key: "empty" }, [
+					h("div", { key: "t" }, "还没有记忆文件。对话中值得记住的事会写到这里，也可以手动写入。"),
+					h("button", { type: "button", className: "smem-btn smem-btn-primary", key: "add", onClick: openAdd }, "+ 添加记忆"),
+				]);
 			} else if (statusFilter === "archived" && archiveItems.length === 0) {
-				filesView = h("div", { className: "smem-empty", key: "empty" },
-					"档案馆是空的 —— 在活动记忆那张卡上点「归档」，它就会收到这里。");
+				filesView = h("div", { className: "smem-empty", key: "empty" }, [
+					h("div", { key: "t" }, "档案馆是空的 —— 在活动记忆那张卡上点「归档」，它就会收到这里。"),
+					h("button", { type: "button", className: "smem-btn", key: "back", onClick: function () { setStatusFilter("active"); } }, "回文件列表"),
+				]);
 			} else if (statusFilter === "active" && items.length === 0) {
-				filesView = h("div", { className: "smem-empty", key: "empty" },
-					"活动记忆是空的 —— 状态筛到「已归档」还能捞出 " + archiveItems.length + " 条。");
+				filesView = h("div", { className: "smem-empty", key: "empty" }, [
+					h("div", { key: "t" }, "活动记忆是空的 —— 状态筛到「已归档」还能捞出 " + archiveItems.length + " 条。"),
+					h("button", { type: "button", className: "smem-btn", key: "go", onClick: function () { setStatusFilter("archived"); } }, "切到已归档"),
+				]);
 			} else if (filtered.length === 0) {
-				filesView = h("div", { className: "smem-empty", key: "empty" }, "没有符合搜索或筛选条件的文件。");
+				filesView = h("div", { className: "smem-empty", key: "empty" }, [
+					h("div", { key: "t" }, "没有符合搜索或筛选条件的文件。"),
+					h("button", { type: "button", className: "smem-btn", key: "clear", onClick: function () { setStatusFilter("all"); setTypeFilter([]); setTagFilter([]); setQuery(""); } }, "清除筛选"),
+				]);
 			} else {
 				const list = h("div", { className: "smem-list", key: "list" }, filtered.map(function (it) {
 					if (it.archived === true) {
@@ -4427,25 +4463,26 @@ const StarmapRuntime = (function (require, _react) {
 			}
 
 			return h("div", { className: "smem-root" }, [
-				h("div", { className: "smem-tabs", key: "tabs" }, [
-					h("button", { type: "button", className: "smem-tab" + (tab === "files" ? " smem-tab--on" : ""), key: "f", onClick: function () { setTab("files"); } }, "文件列表"),
-					h("button", { type: "button", className: "smem-tab" + (tab === "star" ? " smem-tab--on" : ""), key: "s", onClick: function () { setTab("star"); } }, "记忆星图"),
-					h("button", { type: "button", className: "smem-tab" + (tab === "autodream" ? " smem-tab--on" : ""), key: "d", onClick: function () { setTab("autodream"); } }, "自动做梦"),
+				h("div", { className: "smem-tabs", key: "tabs", role: "tablist" }, [
+					h("button", { type: "button", className: "smem-tab" + (tab === "files" ? " smem-tab--on" : ""), key: "f", role: "tab", "aria-selected": tab === "files" ? "true" : "false", onClick: function () { setTab("files"); } }, "文件列表"),
+					h("button", { type: "button", className: "smem-tab" + (tab === "star" ? " smem-tab--on" : ""), key: "s", role: "tab", "aria-selected": tab === "star" ? "true" : "false", onClick: function () { setTab("star"); } }, "记忆星图"),
+					h("button", { type: "button", className: "smem-tab" + (tab === "autodream" ? " smem-tab--on" : ""), key: "d", role: "tab", "aria-selected": tab === "autodream" ? "true" : "false", onClick: function () { setTab("autodream"); } }, "自动做梦"),
+					// 视觉分组：左边「看」（文件列表 / 星图），右边「设置 · 自动化」。
+					h("span", { className: "smem-tabs-sep", key: "sep", "aria-hidden": "true" }),
 					// 「自动归档」排在自动做梦之后：归档是**确定性规则**（按闲置天数算，不调模型），
 					// 和「让模型整理记忆」是两件事。塞在自动做梦的设置里用户找不到
 					// （2026-10-11 用户原话：「扔这里连我都找不到」）。
-					h("button", { type: "button", className: "smem-tab" + (tab === "archive" ? " smem-tab--on" : ""), key: "ar", onClick: function () { setTab("archive"); } }, "自动归档"),
+					h("button", { type: "button", className: "smem-tab" + (tab === "archive" ? " smem-tab--on" : ""), key: "ar", role: "tab", "aria-selected": tab === "archive" ? "true" : "false", onClick: function () { setTab("archive"); } }, "自动归档"),
 					// 体检再排在「自动归档」之后、独立成一屏：它只报告不修改，和「文件列表」里的
 					// 增删改是两件事，塞在工具抽屉里会让人以为它是个动作按钮。
-					h("button", { type: "button", className: "smem-tab" + (tab === "audit" ? " smem-tab--on" : ""), key: "a", onClick: openAuditTab }, "体检"),
+					h("button", { type: "button", className: "smem-tab" + (tab === "audit" ? " smem-tab--on" : ""), key: "a", role: "tab", "aria-selected": tab === "audit" ? "true" : "false", onClick: openAuditTab }, "体检"),
 				]),
 				// 四个 tab 共用的一条头部带：我在哪 · 目录状态 · 活动/归档计数 · 体检徽标 · 待重启徽标 · 主操作。
 				// 层级形状固定：导航＝下划线（.smem-tabs）、筛选＝chip、动作＝按钮，三种不混用。
 				h("div", { className: "smem-head", key: "head" }, [
 					h("span", { className: "smem-title", key: "t" }, "记忆管理"),
-					h("span", { className: "smem-head-job", key: "job" }, TAB_LABEL[tab] || ""),
-					h("span", { className: "smem-dot" + (dirOk ? "" : " smem-dot--bad"), key: "dot", title: dirOk ? "memory 目录可读" : "memory 目录不可读" }),
-					h("span", { className: "smem-muted", key: "st" }, dirOk ? "目录可读" : "目录不可读"),
+					// 目录状态收进状态点的 title（不可读时下面另有一条 smem-err，错误本来就该显眼）。
+					h("span", { className: "smem-dot" + (dirOk ? "" : " smem-dot--bad"), key: "dot", title: (dirOk ? "memory 目录可读" : "memory 目录不可读") + " · " + String(TAB_LABEL[tab] || "") }),
 					h("span", { className: "smem-badge", key: "cnt" }, headerCount),
 					// 体检徽标：**抽屉关着也一直看得见**，点它就切到「体检」那一屏。
 					h("button", {
@@ -4496,6 +4533,7 @@ const StarmapRuntime = (function (require, _react) {
 							type: "button", key: "btn",
 							className: "smem-btn" + (drawer ? " smem-btn-primary" : ""),
 							"aria-expanded": drawer ? "true" : "false",
+							"aria-haspopup": "menu",
 							title: "归档候选 / 保留名编辑",
 							onClick: function () { setDrawer(!drawer); },
 						}, "工具 ▾"),
@@ -4615,8 +4653,8 @@ const StarmapRuntime = (function (require, _react) {
 								: null,
 						])
 					: null,
-				error ? h("div", { className: "smem-err", key: "err" }, "⚠ " + error) : null,
-				notice && !error ? h("div", { className: "smem-ok", key: "ok" }, "✓ " + notice) : null,
+				error ? h("div", { className: "smem-err", key: "err", role: "alert" }, "⚠ " + error) : null,
+				notice && !error ? h("div", { className: "smem-ok", key: "ok", role: "status" }, "✓ " + notice) : null,
 				formOpen
 					? h("div", { className: "smem-form", key: "form" }, [
 							h("div", { className: "smem-form-title", key: "ft" }, editingFile ? "编辑 " + editingFile : "添加记忆"),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sage-mem",
   "description": "Cross-session memory for DeepSeek Harness — plain markdown files, no database, no worker.",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "type": "module",
   "main": "lib/index.js",
   "exports": {