dsh-lpipe-memory 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,83 @@
-# Temporary Holding Version
+# dsh-lpipe-memory · 记忆管线
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+把会话原文逐字投影到长期文件，供星图（索引）与回忆（读取）按 `seq` 回取。
+
+**索引可以重建，原文不能。** 这一层只做一件事：把该留的原文留住，一字不改，永不删除。
+
+## 存什么
+
+| 事件 | 存的内容 |
+| --- | --- |
+| `user/message` | `text`、`parts`、`source`（注入按 `source.kind` 打标，全部保留） |
+| `assistant/message` | `text`、`reasoning`、`parts`、`usage`、`interrupted` |
+| `tool/call` | `name`、`arguments`（模型产出的原始 JSON 字符串） |
+| `tool/result` | `text`、`parts`、`isError`、`error` |
+
+不存：`system/message`、`developer/message`、`request/header`、`turn/*`、`step/*`、`session/end-seed`、`assistant/attempt`、`assistant/message.stream`。`turn` / `step` 作为字段记在每行上。
+
+## 存在哪
+
+```
+~/.dsh/life-memory/
+├── sessions/<sessionId>/
+│   ├── meta.json                 { id, title, startedAt, lastAt, rows, days:[…] }
+│   ├── days/2026-11-05.jsonl.zst 一天一卷（正在写的那天 8 KB 一帧；过完的天重打成一条流）
+│   ├── days/2026-11-05.idx       偏移表：seq → (帧号, 帧内偏移, 长度)
+│   ├── days/2026-11-05.frames    帧表：帧号 → (文件偏移, 字节数)
+│   ├── days/2026-11-05.media.zst  这一天的媒体包（追加式帧，图片原字节）
+│   └── days/2026-11-05.media.idx  sha256 → (帧位置, 帧长, 帧内偏移, 字节数)
+└── state.json                    全局游标：最后一条的 seq/hash，以及每个会话写到哪
+```
+
+- **一个对话一个文件夹**，互不干扰；文件夹里按天分卷。
+- **`seq` 全局单调**，不按会话来——跨会话的时间线要一把统一的尺子；每行另有 `session` 字段。
+- **4 点换天**（本地时间）：04:00 到次日 03:59 归同一天。
+- **哈希链**：每行 `prev`/`hash` 相连，跨文件跨天不断；改一个字，那一行就断。
+- **冷日打包**：正在写的那一天保持小帧追加（只压新写的一段）；已经过完的那一天，启动后会整天重打成一条 zstd 19 流。压缩等级不是关键，一次能看见多少连续文本才是：8 KB 一帧等于每 8 KB 清空一次字典，往小帧上提等级反而会变大。真实库实测 4.31 MB → 2.72 MB。
+- **图片跟着那一天走**：图片与附件存在它所属那一天的媒体包里，不再有全局 `media/`；同一张图在同一天内只存一份，跨天各存一份——一天一个整体，搬走、备份、删掉都干净。图片本身已是压缩格式，媒体包用等级 1，实测只能再小 7.7%。
+- **一行只存一次**：正文在 `text`、思考在 `reasoning`，`parts` 只留搬不走的结构块（图片 / 文件 / 工具结果）。早期版本把文本块也复制进 `parts`，占过整库 42% 的体积；`state.json` 的 `version: 2` 标记新格式，宿启动时发现旧版本会自动重建一次（旧库改名成 `life-memory.bak-<时间>` 留着）。
+
+## 读
+
+```js
+import { MemoryReader } from 'dsh-lpipe-memory'
+
+const memory = new MemoryReader()
+memory.read({ seq: 10421 })                                  // 一行原文（只解一帧）
+memory.timeline({ from, to, limit, session })                // 按时间回放
+memory.search({ text, session, limit })                      // 子串搜索（冷路径，放 worker）
+memory.verify({ from, to })                                  // 哈希链校验，返回问题清单
+```
+
+按 `seq` 取一行只解一帧（本机约 35 µs，命中帧缓存为零解压）；不要每次都全扫——全扫是 228 ms/30 MB 的活，交给 worker。
+
+## 安装
+
+先装 `dsh-life-pipline`（公共页与 `clock`、`session` 等共用模块），再装本包，或者在仓库里：
+
+```bash
+node scripts/install-local.mjs
+```
+
+本包自带 `cordis.patch.yml`，只插自己一行；「Lpipe 设置」那一页仍由 `dsh-life-pipline` 提供。
+
+## 还没有的
+
+- 词表/倒排索引：属于星图（`dsh-lpipe-starmap`），本层只提供 `search` 的全扫兜底。
+- 冷归档与分卷轮转。
+
+许可：AGPL-3.0-or-later。
+
+## 写入时机
+
+一轮说完（`turn/end`）才把这一轮的行压成帧写进去：盘上不会出现半截的轮次。中间的消息、思考、工具调用都先攒在内存里；万一某轮没有 `turn/end`（60 秒保险计时到点）也会落一次，不会一直攒着。
+
+## 从 DeepSeek 网页备份导入历史
+
+`scripts/import-deepseek-web.mjs` 把网页版导出的 `history_messages`（`原始数据/015.json`）投影成记忆行：`REQUEST` → `user/message`，`RESPONSE` + `THINK` → `assistant/message`（正文与思考分开存），`TOOL_SEARCH` / `TOOL_OPEN` → `tool/call` 与 `tool/result`，`TIP` 丢弃。
+
+```bash
+node components/dsh-lpipe-memory/scripts/import-deepseek-web.mjs   --backup "C:/path/to/备份/2026-11-05_212359" --dry-run
+```
+
+会话名默认 `deepseek-web-<chat_session.id>`，标题取会话标题。重复跑是幂等的（按会话内事件序号去重）。附件只有文件名，字节当年没有导出，所以只能留名字并标注 `mediaError`。

package/client/panel.js

@@ -0,0 +1,254 @@
+'use strict';
+
+/**
+ * 记忆管线的设置块：只显示「原文有多大、最近几轮怎么长」。
+ * 页面本身归 dsh-life-pipline（「Lpipe 设置」），这里只往子槽里放一块。
+ */
+const React = require('react');
+
+const h = React.createElement;
+
+const RPC_ENDPOINT = 'dsh-lpipe-memory';
+const PANEL_SLOT = 'lpipe.settings.panel';
+const POLL_MS = 20000;
+const TURNS = 30;
+
+const COLORS = {
+  text: 'var(--dsw-alias-label-primary)',
+  muted: 'var(--dsw-alias-label-secondary)',
+  faint: 'var(--dsw-alias-label-tertiary)',
+  border: 'var(--dsw-alias-border-l)',
+  borderStrong: 'var(--dsw-alias-border-l2)',
+  bg: 'var(--dsw-alias-bg-layer-1)',
+  accent: '#5ec9b4',
+  disk: '#8b93f8',
+};
+
+const card = {
+  border: `1px solid ${COLORS.border}`,
+  borderRadius: 'var(--dsw-radius-lg)',
+  background: COLORS.bg,
+  padding: 16,
+};
+
+/** 15.0 MB / 812 KB：只保留两位有效位，别让小波动看起来像大变化。 */
+function formatBytes(bytes) {
+  const value = Number(bytes) || 0;
+  if (value >= 1024 * 1024 * 1024) return `${(value / 1024 / 1024 / 1024).toFixed(2)} GB`;
+  if (value >= 1024 * 1024) return `${(value / 1024 / 1024).toFixed(2)} MB`;
+  if (value >= 1024) return `${Math.round(value / 1024)} KB`;
+  return `${Math.round(value)} B`;
+}
+
+function formatClock(at) {
+  if (!Number.isFinite(at)) return '—';
+  const date = new Date(at);
+  return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+}
+
+/** 把每条轮的值折成 0–100 的折线；原文与落盘共用一条纵轴，纵横都自适应。 */
+function plotOf(turns) {
+  const up = turns.map((turn) => Number(turn.total) || 0);
+  if (up.length === 0) return null;
+  const rawDisk = turns.map((turn) => Number(turn.diskTotal));
+  const disk = rawDisk.every((value) => Number.isFinite(value) && value > 0) ? rawDisk : null;
+  const all = disk ? [...up, ...disk] : up;
+  const min = Math.min(...all);
+  const max = Math.max(...all);
+  const pad = Math.max((max - min) * 0.18, Math.max(max, 1) * 0.004);
+  const low = min - pad;
+  const high = max + pad;
+  const span = high - low || 1;
+  const line = (values) => values.map((value, index) => {
+    const x = values.length === 1 ? 100 : (index / (values.length - 1)) * 100;
+    const y = 100 - ((value - low) / span) * 100;
+    return `${x.toFixed(2)},${y.toFixed(2)}`;
+  }).join(' ');
+  const upLine = line(up);
+  const diskLine = disk ? line(disk) : null;
+  return {
+    line: upLine,
+    disk: diskLine,
+    // 面积只铺在原文这条线下面，从上到下淡出；落盘线落在它里面，两者的距离就是省下的。
+    area: `0,100 ${upLine} 100,100`,
+    high,
+    low,
+    mid: (high + low) / 2,
+  };
+}
+
+function MemoryPanel({ rpcCall }) {
+  const [stats, setStats] = React.useState(null);
+  const [error, setError] = React.useState('');
+
+  const call = React.useCallback(async (method, payload) => {
+    const result = await rpcCall(method, payload ?? {});
+    if (!result || result.ok === false) {
+      const failure = new Error(result?.error?.message ?? '请求失败');
+      failure.code = result?.error?.code;
+      throw failure;
+    }
+    return result.value;
+  }, [rpcCall]);
+
+  const reload = React.useCallback(async () => {
+    try {
+      setStats(await call('memory.stats', { turns: TURNS }));
+      setError('');
+    } catch (failure) {
+      setError(String(failure?.message ?? failure));
+    }
+  }, [call]);
+
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+
+  React.useEffect(() => {
+    const timer = setInterval(() => void reload(), POLL_MS);
+    return () => clearInterval(timer);
+  }, [reload]);
+
+  const turns = stats?.turns ?? [];
+  const plot = plotOf(turns);
+  const xLabels = turns.length > 1
+    ? h('div', {
+      style: {
+        display: 'flex', justifyContent: 'space-between', marginTop: 5,
+        fontSize: 10, color: COLORS.faint,
+      },
+    },
+      h('span', null, formatClock(turns[0].at)),
+      h('span', null, formatClock(turns[turns.length - 1].at)))
+    : null;
+  const lastTurn = turns.length > 0 ? turns[turns.length - 1] : null;
+
+  return h('section', null,
+    h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 12 } },
+      h('h3', { style: { margin: 0, fontSize: 15, fontWeight: 600, color: COLORS.text } }, 'Lpipe Memory'),
+      h('span', {
+        style: {
+          fontSize: 11, padding: '2px 8px', borderRadius: 999,
+          background: 'rgba(94, 201, 180, 0.14)', color: COLORS.accent,
+          border: '1px solid rgba(94, 201, 180, 0.28)',
+        },
+      }, '记忆管线'),
+      h('span', { style: { marginLeft: 'auto', display: 'flex', gap: 12, fontSize: 10, color: COLORS.faint } },
+        h('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+          h('i', { style: { width: 7, height: 2, borderRadius: 1, background: COLORS.accent } }), '原文'),
+        h('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+          h('i', { style: { width: 7, height: 2, borderRadius: 1, background: COLORS.disk } }), '落盘'))),
+
+    error
+      ? h('div', { style: { marginBottom: 12, fontSize: 12, color: 'var(--dsw-alias-state-error-primary)' } },
+        `读取记忆大小失败：${error}`)
+      : null,
+
+    h('div', { style: card },
+      h('div', { style: { display: 'flex', alignItems: 'baseline', gap: 36, flexWrap: 'wrap' } },
+        h('span', { style: { display: 'inline-flex', alignItems: 'baseline', gap: 6 } },
+          h('span', { style: { fontSize: 21, fontWeight: 600, color: COLORS.text, position: 'relative', top: -3 } }, '原文'),
+          h('span', { style: { fontSize: 21, fontWeight: 600, color: COLORS.text } },
+            formatBytes(stats?.total ?? 0)),
+          lastTurn
+            ? h('span', {
+              style: { fontSize: 11, color: COLORS.accent, display: 'inline-flex', alignItems: 'baseline', gap: 4 },
+            },
+              h('span', { style: { position: 'relative', top: -1.5 } }, '最近'),
+              h('span', null, `+${formatBytes(lastTurn.added)}`))
+            : null),
+
+        h('span', { style: { display: 'inline-flex', alignItems: 'baseline', gap: 6 } },
+          h('span', { style: { fontSize: 15, fontWeight: 600, color: COLORS.text, position: 'relative', top: -2 } }, '落盘'),
+          h('span', { style: { fontSize: 15, fontWeight: 600, color: COLORS.text } },
+            formatBytes(stats?.disk ?? 0)),
+          lastTurn
+            ? h('span', {
+              style: { fontSize: 11, color: COLORS.disk, display: 'inline-flex', alignItems: 'baseline', gap: 4 },
+            },
+              h('span', { style: { position: 'relative', top: -1.5 } }, '最近'),
+              h('span', null, `+${formatBytes(lastTurn.diskAdded)}`))
+            : null)),
+
+      plot
+        ? h('div', {
+          style: {
+            display: 'grid', gridTemplateColumns: 'auto 1fr', columnGap: 8, marginTop: 12,
+          },
+        },
+          h('div', {
+            style: {
+              display: 'flex', flexDirection: 'column', justifyContent: 'space-between',
+              gridColumn: 1, padding: '2px 0 1px', fontSize: 9.5,
+              color: COLORS.faint, textAlign: 'left', whiteSpace: 'nowrap',
+            },
+          },
+            h('span', null, formatBytes(plot.high)),
+            h('span', null, formatBytes(plot.mid)),
+            h('span', null, formatBytes(plot.low))),
+          h('svg', {
+            viewBox: '0 0 100 100',
+            preserveAspectRatio: 'none',
+            style: { width: '100%', minWidth: 0, height: 86, display: 'block' },
+            'aria-label': '记忆大小曲线',
+          },
+            h('line', {
+              x1: 0, y1: 0, x2: 0, y2: 100,
+              stroke: 'currentColor', strokeOpacity: 0.18,
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('line', {
+              x1: 0, y1: 33, x2: 100, y2: 33,
+              stroke: 'currentColor', strokeOpacity: 0.12, strokeDasharray: '3 4',
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('line', {
+              x1: 0, y1: 66, x2: 100, y2: 66,
+              stroke: 'currentColor', strokeOpacity: 0.12, strokeDasharray: '3 4',
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('defs', null,
+              h('linearGradient', { id: 'memUp', x1: 0, y1: 0, x2: 0, y2: 1 },
+                h('stop', { offset: '0%', stopColor: COLORS.accent, stopOpacity: 0.22 }),
+                h('stop', { offset: '100%', stopColor: COLORS.accent, stopOpacity: 0 }))),
+            h('polygon', { points: plot.area, fill: 'url(#memUp)' }),
+            h('polyline', {
+              points: plot.line, fill: 'none', stroke: COLORS.accent, strokeWidth: 1.6,
+              strokeLinecap: 'round', strokeLinejoin: 'round', vectorEffect: 'non-scaling-stroke',
+            }),
+            plot.disk
+              ? h('polyline', {
+                points: plot.disk, fill: 'none', stroke: COLORS.disk, strokeWidth: 1.4,
+                strokeLinecap: 'round', strokeLinejoin: 'round', vectorEffect: 'non-scaling-stroke',
+              })
+              : null),
+          h('div', null),
+          xLabels)
+        : h('div', { style: { marginTop: 12, fontSize: 12, color: COLORS.muted } }, '还没有落盘的轮次。'),
+
+      h('div', { style: { marginTop: 8, fontSize: 11, color: COLORS.faint } },
+        '两条线共用一条纵轴：青色是原文（未压缩），蓝紫色是真实落盘，中间那段距离就是 zstd 省下的。')));
+}
+
+const name = 'dsh-lpipe-memory-settings';
+const inject = ['slots', 'connection'];
+
+function apply(ctx) {
+  const rpcCall = (method, payload, signal) =>
+    ctx.connection.rpc.call('/api', RPC_ENDPOINT, { method, payload: payload ?? {} }, signal);
+
+  ctx.slots.inject(PANEL_SLOT, () => ctx.slots.register({
+    name: PANEL_SLOT,
+    id: 'memory',
+    order: 30,
+    label: () => '记忆管线',
+    inject: () => ({ rpcCall }),
+  }, MemoryPanel));
+}
+
+module.exports = {
+  name,
+  inject,
+  apply,
+  __test__: { MemoryPanel, PANEL_SLOT, formatBytes, formatClock, plotOf, TURNS },
+};

package/cordis.patch.yml

@@ -0,0 +1,5 @@
+- insert:
+    - id: dsh-lpipe-memory
+      name: dsh-lpipe-memory
+# 行名必须是裸包名：带 `/` 的 specifier 会让宿主跳过客户端半边。
+# 「Lpipe 设置」那一页由 dsh-life-pipline 插入，组件不重复插。

package/lib/client.js

@@ -0,0 +1,263 @@
+window.__ModuleLoader__.load({
+  id: "dsh-lpipe-memory",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+'use strict';
+
+/**
+ * 记忆管线的设置块：只显示「原文有多大、最近几轮怎么长」。
+ * 页面本身归 dsh-life-pipline（「Lpipe 设置」），这里只往子槽里放一块。
+ */
+const React = require('react');
+
+const h = React.createElement;
+
+const RPC_ENDPOINT = 'dsh-lpipe-memory';
+const PANEL_SLOT = 'lpipe.settings.panel';
+const POLL_MS = 20000;
+const TURNS = 30;
+
+const COLORS = {
+  text: 'var(--dsw-alias-label-primary)',
+  muted: 'var(--dsw-alias-label-secondary)',
+  faint: 'var(--dsw-alias-label-tertiary)',
+  border: 'var(--dsw-alias-border-l)',
+  borderStrong: 'var(--dsw-alias-border-l2)',
+  bg: 'var(--dsw-alias-bg-layer-1)',
+  accent: '#5ec9b4',
+  disk: '#8b93f8',
+};
+
+const card = {
+  border: `1px solid ${COLORS.border}`,
+  borderRadius: 'var(--dsw-radius-lg)',
+  background: COLORS.bg,
+  padding: 16,
+};
+
+/** 15.0 MB / 812 KB：只保留两位有效位，别让小波动看起来像大变化。 */
+function formatBytes(bytes) {
+  const value = Number(bytes) || 0;
+  if (value >= 1024 * 1024 * 1024) return `${(value / 1024 / 1024 / 1024).toFixed(2)} GB`;
+  if (value >= 1024 * 1024) return `${(value / 1024 / 1024).toFixed(2)} MB`;
+  if (value >= 1024) return `${Math.round(value / 1024)} KB`;
+  return `${Math.round(value)} B`;
+}
+
+function formatClock(at) {
+  if (!Number.isFinite(at)) return '—';
+  const date = new Date(at);
+  return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+}
+
+/** 把每条轮的值折成 0–100 的折线；原文与落盘共用一条纵轴，纵横都自适应。 */
+function plotOf(turns) {
+  const up = turns.map((turn) => Number(turn.total) || 0);
+  if (up.length === 0) return null;
+  const rawDisk = turns.map((turn) => Number(turn.diskTotal));
+  const disk = rawDisk.every((value) => Number.isFinite(value) && value > 0) ? rawDisk : null;
+  const all = disk ? [...up, ...disk] : up;
+  const min = Math.min(...all);
+  const max = Math.max(...all);
+  const pad = Math.max((max - min) * 0.18, Math.max(max, 1) * 0.004);
+  const low = min - pad;
+  const high = max + pad;
+  const span = high - low || 1;
+  const line = (values) => values.map((value, index) => {
+    const x = values.length === 1 ? 100 : (index / (values.length - 1)) * 100;
+    const y = 100 - ((value - low) / span) * 100;
+    return `${x.toFixed(2)},${y.toFixed(2)}`;
+  }).join(' ');
+  const upLine = line(up);
+  const diskLine = disk ? line(disk) : null;
+  return {
+    line: upLine,
+    disk: diskLine,
+    // 面积只铺在原文这条线下面，从上到下淡出；落盘线落在它里面，两者的距离就是省下的。
+    area: `0,100 ${upLine} 100,100`,
+    high,
+    low,
+    mid: (high + low) / 2,
+  };
+}
+
+function MemoryPanel({ rpcCall }) {
+  const [stats, setStats] = React.useState(null);
+  const [error, setError] = React.useState('');
+
+  const call = React.useCallback(async (method, payload) => {
+    const result = await rpcCall(method, payload ?? {});
+    if (!result || result.ok === false) {
+      const failure = new Error(result?.error?.message ?? '请求失败');
+      failure.code = result?.error?.code;
+      throw failure;
+    }
+    return result.value;
+  }, [rpcCall]);
+
+  const reload = React.useCallback(async () => {
+    try {
+      setStats(await call('memory.stats', { turns: TURNS }));
+      setError('');
+    } catch (failure) {
+      setError(String(failure?.message ?? failure));
+    }
+  }, [call]);
+
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+
+  React.useEffect(() => {
+    const timer = setInterval(() => void reload(), POLL_MS);
+    return () => clearInterval(timer);
+  }, [reload]);
+
+  const turns = stats?.turns ?? [];
+  const plot = plotOf(turns);
+  const xLabels = turns.length > 1
+    ? h('div', {
+      style: {
+        display: 'flex', justifyContent: 'space-between', marginTop: 5,
+        fontSize: 10, color: COLORS.faint,
+      },
+    },
+      h('span', null, formatClock(turns[0].at)),
+      h('span', null, formatClock(turns[turns.length - 1].at)))
+    : null;
+  const lastTurn = turns.length > 0 ? turns[turns.length - 1] : null;
+
+  return h('section', null,
+    h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 12 } },
+      h('h3', { style: { margin: 0, fontSize: 15, fontWeight: 600, color: COLORS.text } }, 'Lpipe Memory'),
+      h('span', {
+        style: {
+          fontSize: 11, padding: '2px 8px', borderRadius: 999,
+          background: 'rgba(94, 201, 180, 0.14)', color: COLORS.accent,
+          border: '1px solid rgba(94, 201, 180, 0.28)',
+        },
+      }, '记忆管线'),
+      h('span', { style: { marginLeft: 'auto', display: 'flex', gap: 12, fontSize: 10, color: COLORS.faint } },
+        h('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+          h('i', { style: { width: 7, height: 2, borderRadius: 1, background: COLORS.accent } }), '原文'),
+        h('span', { style: { display: 'inline-flex', alignItems: 'center', gap: 4 } },
+          h('i', { style: { width: 7, height: 2, borderRadius: 1, background: COLORS.disk } }), '落盘'))),
+
+    error
+      ? h('div', { style: { marginBottom: 12, fontSize: 12, color: 'var(--dsw-alias-state-error-primary)' } },
+        `读取记忆大小失败：${error}`)
+      : null,
+
+    h('div', { style: card },
+      h('div', { style: { display: 'flex', alignItems: 'baseline', gap: 36, flexWrap: 'wrap' } },
+        h('span', { style: { display: 'inline-flex', alignItems: 'baseline', gap: 6 } },
+          h('span', { style: { fontSize: 21, fontWeight: 600, color: COLORS.text, position: 'relative', top: -3 } }, '原文'),
+          h('span', { style: { fontSize: 21, fontWeight: 600, color: COLORS.text } },
+            formatBytes(stats?.total ?? 0)),
+          lastTurn
+            ? h('span', {
+              style: { fontSize: 11, color: COLORS.accent, display: 'inline-flex', alignItems: 'baseline', gap: 4 },
+            },
+              h('span', { style: { position: 'relative', top: -1.5 } }, '最近'),
+              h('span', null, `+${formatBytes(lastTurn.added)}`))
+            : null),
+
+        h('span', { style: { display: 'inline-flex', alignItems: 'baseline', gap: 6 } },
+          h('span', { style: { fontSize: 15, fontWeight: 600, color: COLORS.text, position: 'relative', top: -2 } }, '落盘'),
+          h('span', { style: { fontSize: 15, fontWeight: 600, color: COLORS.text } },
+            formatBytes(stats?.disk ?? 0)),
+          lastTurn
+            ? h('span', {
+              style: { fontSize: 11, color: COLORS.disk, display: 'inline-flex', alignItems: 'baseline', gap: 4 },
+            },
+              h('span', { style: { position: 'relative', top: -1.5 } }, '最近'),
+              h('span', null, `+${formatBytes(lastTurn.diskAdded)}`))
+            : null)),
+
+      plot
+        ? h('div', {
+          style: {
+            display: 'grid', gridTemplateColumns: 'auto 1fr', columnGap: 8, marginTop: 12,
+          },
+        },
+          h('div', {
+            style: {
+              display: 'flex', flexDirection: 'column', justifyContent: 'space-between',
+              gridColumn: 1, padding: '2px 0 1px', fontSize: 9.5,
+              color: COLORS.faint, textAlign: 'left', whiteSpace: 'nowrap',
+            },
+          },
+            h('span', null, formatBytes(plot.high)),
+            h('span', null, formatBytes(plot.mid)),
+            h('span', null, formatBytes(plot.low))),
+          h('svg', {
+            viewBox: '0 0 100 100',
+            preserveAspectRatio: 'none',
+            style: { width: '100%', minWidth: 0, height: 86, display: 'block' },
+            'aria-label': '记忆大小曲线',
+          },
+            h('line', {
+              x1: 0, y1: 0, x2: 0, y2: 100,
+              stroke: 'currentColor', strokeOpacity: 0.18,
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('line', {
+              x1: 0, y1: 33, x2: 100, y2: 33,
+              stroke: 'currentColor', strokeOpacity: 0.12, strokeDasharray: '3 4',
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('line', {
+              x1: 0, y1: 66, x2: 100, y2: 66,
+              stroke: 'currentColor', strokeOpacity: 0.12, strokeDasharray: '3 4',
+              vectorEffect: 'non-scaling-stroke',
+            }),
+            h('defs', null,
+              h('linearGradient', { id: 'memUp', x1: 0, y1: 0, x2: 0, y2: 1 },
+                h('stop', { offset: '0%', stopColor: COLORS.accent, stopOpacity: 0.22 }),
+                h('stop', { offset: '100%', stopColor: COLORS.accent, stopOpacity: 0 }))),
+            h('polygon', { points: plot.area, fill: 'url(#memUp)' }),
+            h('polyline', {
+              points: plot.line, fill: 'none', stroke: COLORS.accent, strokeWidth: 1.6,
+              strokeLinecap: 'round', strokeLinejoin: 'round', vectorEffect: 'non-scaling-stroke',
+            }),
+            plot.disk
+              ? h('polyline', {
+                points: plot.disk, fill: 'none', stroke: COLORS.disk, strokeWidth: 1.4,
+                strokeLinecap: 'round', strokeLinejoin: 'round', vectorEffect: 'non-scaling-stroke',
+              })
+              : null),
+          h('div', null),
+          xLabels)
+        : h('div', { style: { marginTop: 12, fontSize: 12, color: COLORS.muted } }, '还没有落盘的轮次。'),
+
+      h('div', { style: { marginTop: 8, fontSize: 11, color: COLORS.faint } },
+        '两条线共用一条纵轴：青色是原文（未压缩），蓝紫色是真实落盘，中间那段距离就是 zstd 省下的。')));
+}
+
+const name = 'dsh-lpipe-memory-settings';
+const inject = ['slots', 'connection'];
+
+function apply(ctx) {
+  const rpcCall = (method, payload, signal) =>
+    ctx.connection.rpc.call('/api', RPC_ENDPOINT, { method, payload: payload ?? {} }, signal);
+
+  ctx.slots.inject(PANEL_SLOT, () => ctx.slots.register({
+    name: PANEL_SLOT,
+    id: 'memory',
+    order: 30,
+    label: () => '记忆管线',
+    inject: () => ({ rpcCall }),
+  }, MemoryPanel));
+}
+
+module.exports = {
+  name,
+  inject,
+  apply,
+  __test__: { MemoryPanel, PANEL_SLOT, formatBytes, formatClock, plotOf, TURNS },
+};
+
+    return module.exports;
+  }
+});

package/locale/en.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Lpipe Memory",
+    "description": "Keeps every conversation verbatim, one folder per conversation, one file per day, verifiable by hash chain."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "记忆管线（Lpipe Memory）",
+    "description": "把对话原文逐字留住：一个对话一个文件夹，按天分卷，哈希链可校验。"
+  }
+}