@jiugeqqqqq/dsh-house2 0.2.2 → 0.3.0

package/CHANGELOG.md

@@ -3,6 +3,11 @@
 > 每次发版都必须在这里写一条：改了什么、为什么改、别人要不要跟着动。
 > 版本号跟 `package.json` 走，`npm i` 的人看这里就知道升了什么。
 
+## 0.3.0 — 2026-10-30
+
+- 新视图「识海」：房子页顶部切「房子 | 识海」。3D 星图——原意识在中心、记忆按时间沉底（越老越暗）、24 小时内的「心光」发光、点一条记忆亮起它牵出的念头链（心流），右侧看详情。
+- 数据走 host 的 `sea` 接口（读 `sea-graph.json`，由 `scripts/sea-graph.mjs` 生成）；路径可用 `seaGraphPath` 配，默认 `<DSH_HOME>/sea-graph.json`。
+
 ## 0.2.2 — 2026-10-30
 
 - 压缩改成**按 token 触发**（不再挂在「任务完成」上）：house2 自己统计累计 token（口径同 dsh-session-rotate，监听 `assistant/message` 的 `usage`），到阈值 80% 就在注入里提醒「该准备交接/换会话」。阈值 `thresholdTokens`，默认 1 亿。

package/lib/client.js

@@ -80,6 +80,16 @@ window.__ModuleLoader__.load({
       },
       err: { fontSize: '13px', color: 'var(--dsw-alias-state-error-primary,#e5534b)' },
       note: { fontSize: '12px', opacity: 0.65 },
+      // 2026-10-30：识海视图的切换 tab
+      tab: {
+        padding: '5px 14px', borderRadius: '999px', cursor: 'pointer', fontSize: '13px',
+        border: '1px solid var(--dsw-alias-border-l2,#3a3a3a)', background: 'transparent', color: 'inherit', opacity: 0.7,
+      },
+      tabOn: {
+        padding: '5px 14px', borderRadius: '999px', cursor: 'pointer', fontSize: '13px',
+        border: '1px solid var(--dsw-alias-brand-primary,#4d6bfe)', background: 'rgba(77,107,254,0.16)',
+        color: 'var(--dsw-alias-brand-primary,#8fa8ff)', fontWeight: 600,
+      },
     };
 
     function HousePage() {
@@ -136,6 +146,11 @@ window.__ModuleLoader__.load({
       var isBusy = busy[0];
       var setBusy = busy[1];
 
+      // 2026-10-30：房子 / 识海 两个视图
+      var view = React.useState('house');
+      var currentView = view[0];
+      var setView = view[1];
+
       // 搜历史原话：压缩掉的旧对话还在会话存档里，按关键词翻回去
       var histQ = React.useState('');
       var histQuery = histQ[0];
@@ -430,7 +445,259 @@ window.__ModuleLoader__.load({
         children.push(React.createElement('div', { key: 'path', style: styles.note }, s.data.path));
       }
 
-      return React.createElement('div', { style: styles.wrap }, children);
+      var tabs = React.createElement(
+        'div', { key: 'tabs', style: { display: 'flex', gap: '8px' } },
+        React.createElement('button', { style: currentView === 'house' ? styles.tabOn : styles.tab, onClick: function () { setView('house'); } }, '房子'),
+        React.createElement('button', { style: currentView === 'sea' ? styles.tabOn : styles.tab, onClick: function () { setView('sea'); } }, '识海'),
+      );
+      if (currentView === 'sea') {
+        return React.createElement('div', { style: styles.wrap }, [tabs, React.createElement(SeaView, { key: 'sea' })]);
+      }
+      return React.createElement('div', { style: styles.wrap }, [tabs].concat(children));
+    }
+
+    // ── 识海 3D 星图（2026-10-30）────────────────────────────────────
+    // 数据来自 host 的 sea 接口（sea-graph.json）：
+    //   原意识在中心、记忆按时间沉底、24h 内的「心光」发光、
+    //   点一个记忆亮起它牵出的念头链（心流）。
+    function startSea(canvas, panelEl, DATA) {
+      var ctx = canvas.getContext('2d');
+      var DPR = Math.min(2, window.devicePixelRatio || 1);
+      var W = 0, H = 0;
+      function measure() {
+        var pe = canvas.parentElement;
+        var w = pe ? pe.clientWidth : 800;
+        var h = pe ? pe.clientHeight : 500;
+        W = canvas.width = Math.max(320, w) * DPR;
+        H = canvas.height = Math.max(320, h) * DPR;
+      }
+      measure();
+      var ro = null;
+      if (typeof ResizeObserver !== 'undefined' && canvas.parentElement) {
+        ro = new ResizeObserver(measure);
+        ro.observe(canvas.parentElement);
+      }
+
+      var NOW = Date.now(), DAY = 86400000;
+      var COLOR = { memory: '#ff7ad9', vault: '#7fd7ff', ability: '#ffd166', tag: '#9b8cff', person: '#5dffc0' };
+      function ageDays(at) {
+        var t = Date.parse(at || '');
+        if (!t || isNaN(t)) return 45;
+        return Math.max(0, (NOW - t) / DAY);
+      }
+      var nodes = [], i, n;
+      var src = (DATA.nodes || []);
+      for (i = 0; i < src.length; i++) {
+        n = src[i];
+        if (n.type === 'tag' || n.type === 'person') continue;
+        var a = ageDays(n.at);
+        var ang = (i * 2.399963) % (Math.PI * 2);
+        var rad = 140 + Math.min(420, a * 3) + Math.random() * 60;
+        nodes.push({
+          id: n.id, type: n.type, label: n.label, text: n.text, at: n.at, source: n.source,
+          importance: n.importance, group: n.group, ageDays: a,
+          x: Math.cos(ang) * rad,
+          y: n.type === 'memory' ? -Math.min(460, a * 2.8) : (n.type === 'vault' ? -40 - Math.random() * 320 : -140 - Math.random() * 260),
+          z: Math.sin(ang) * rad,
+          color: COLOR[n.type] || '#8899aa',
+          size: (n.type === 'memory' ? 3.2 : 2.2) + Math.min(4, (Number(n.importance) || 0.5) * 4),
+        });
+      }
+      var core = { id: 'core', type: 'core', label: '原意识', x: 0, y: 20, z: 0, color: '#bfe3ff', size: 12 };
+      var byId = new Map();
+      for (i = 0; i < nodes.length; i++) byId.set(nodes[i].id, nodes[i]);
+      byId.set('core', core);
+
+      var edges = [];
+      for (i = 0; i < nodes.length; i++) edges.push({ source: nodes[i].id, target: 'core', kind: 'origin' });
+      var se = DATA.edges || [];
+      for (i = 0; i < se.length; i++) {
+        if (byId.has(se[i].source) && byId.has(se[i].target)) edges.push(se[i]);
+      }
+      var adj = new Map();
+      for (i = 0; i < edges.length; i++) {
+        var e = edges[i];
+        if (!adj.has(e.source)) adj.set(e.source, []);
+        if (!adj.has(e.target)) adj.set(e.target, []);
+        adj.get(e.source).push(e.target);
+        adj.get(e.target).push(e.source);
+      }
+
+      var yaw = 0.5, pitch = -0.18, zoom = 1, dragging = false, lx = 0, ly = 0;
+      var active = null, chain = new Set();
+
+      function onDown(ev) { dragging = true; lx = ev.clientX; ly = ev.clientY; }
+      function onUp() { dragging = false; }
+      function onMove(ev) {
+        if (!dragging) return;
+        yaw += (ev.clientX - lx) * 0.0045;
+        pitch += (ev.clientY - ly) * 0.0045;
+        pitch = Math.max(-1.35, Math.min(1.35, pitch));
+        lx = ev.clientX; ly = ev.clientY;
+      }
+      function onWheel(ev) {
+        zoom *= ev.deltaY > 0 ? 1.07 : 0.93;
+        zoom = Math.max(0.35, Math.min(3.2, zoom));
+      }
+      function bfs(start, depth) {
+        var seen = new Set([start]), q = [[start, 0]], k;
+        while (q.length) {
+          var cur = q.shift();
+          if (cur[1] >= depth) continue;
+          var list = adj.get(cur[0]) || [];
+          for (k = 0; k < list.length; k++) {
+            if (!seen.has(list[k])) { seen.add(list[k]); q.push([list[k], cur[1] + 1]); }
+          }
+        }
+        return seen;
+      }
+      function esc(s) {
+        return String(s == null ? '' : s).replace(/[&<>"]/g, function (c) {
+          return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
+        });
+      }
+      function renderPanel(node) {
+        if (!panelEl) return;
+        var rows = [];
+        function add(k, v) { if (v !== undefined && v !== '') rows.push('<div><span style="color:#6e89ab">' + k + '：</span><span style="color:#e6f2ff">' + esc(v) + '</span></div>'); }
+        add('类型', { memory: '记忆', vault: '记忆库', ability: '能力' }[node.type] || node.type);
+        add('来源', node.source);
+        add('时间', node.at);
+        add('重要度', node.importance);
+        add('多少天前', node.ageDays !== undefined ? Math.round(node.ageDays) + ' 天' : '');
+        if (node.text) rows.push('<div style="margin-top:8px;opacity:.9">' + esc(String(node.text).slice(0, 260)) + '</div>');
+        var rel = [];
+        chain.forEach(function (id) {
+          if (id === 'core' || id === node.id) return;
+          var t = byId.get(id);
+          if (t) rel.push(t.label);
+        });
+        if (rel.length) rows.push('<div style="margin-top:10px;color:#6e89ab">牵着：</div><div style="line-height:1.8;opacity:.9">' + rel.slice(0, 12).map(esc).join(' · ') + '</div>');
+        panelEl.innerHTML = '<div style="font-size:14px;color:#a8d6ff;margin-bottom:8px;font-weight:600">' + esc(node.label) + '</div>' + rows.join('');
+        panelEl.style.display = 'block';
+      }
+      function onClick(ev) {
+        var r = canvas.getBoundingClientRect();
+        var mx = (ev.clientX - r.left) * DPR, my = (ev.clientY - r.top) * DPR;
+        var best = null, bd = 20 * DPR;
+        for (var k = 0; k < nodes.length; k++) {
+          var nn = nodes[k];
+          if (nn._sx === undefined) continue;
+          var d = Math.sqrt((nn._sx - mx) * (nn._sx - mx) + (nn._sy - my) * (nn._sy - my));
+          if (d < bd) { bd = d; best = nn; }
+        }
+        if (best) { active = best; chain = bfs(best.id, 2); renderPanel(best); }
+      }
+
+      canvas.addEventListener('pointerdown', onDown);
+      canvas.addEventListener('pointerup', onUp);
+      canvas.addEventListener('pointermove', onMove);
+      canvas.addEventListener('wheel', onWheel, { passive: true });
+      canvas.addEventListener('click', onClick);
+
+      var raf = 0;
+      function frame() {
+        raf = requestAnimationFrame(frame);
+        ctx.fillStyle = 'rgba(3,5,10,0.24)';
+        ctx.fillRect(0, 0, W, H);
+        var cy = Math.cos(yaw), sy = Math.sin(yaw), cp = Math.cos(pitch), sp = Math.sin(pitch);
+        var fov = 1100 * zoom, cx = W / 2, cyy = H / 2 + 40;
+        var all = [core].concat(nodes), k, nn;
+        for (k = 0; k < all.length; k++) {
+          nn = all[k];
+          var x1 = nn.x * cy - nn.z * sy, z1 = nn.x * sy + nn.z * cy;
+          var y1 = nn.y * cp - z1 * sp, z2 = nn.y * sp + z1 * cp;
+          var sc = fov / (fov + z2 + 700);
+          nn._sx = cx + x1 * sc; nn._sy = cyy + y1 * sc; nn._s = sc; nn._z = z2;
+        }
+        // 原意识光晕
+        var gs = ctx.createRadialGradient(core._sx, core._sy, 0, core._sx, core._sy, 150 * core._s);
+        gs.addColorStop(0, 'rgba(160,220,255,0.32)');
+        gs.addColorStop(0.45, 'rgba(90,160,255,0.09)');
+        gs.addColorStop(1, 'rgba(0,0,0,0)');
+        ctx.fillStyle = gs;
+        ctx.beginPath(); ctx.arc(core._sx, core._sy, 150 * core._s, 0, Math.PI * 2); ctx.fill();
+        // 边
+        for (k = 0; k < edges.length; k++) {
+          var ed = edges[k], a = byId.get(ed.source), b = byId.get(ed.target);
+          if (!a || !b || a._sx === undefined || b._sx === undefined) continue;
+          var lit = chain.has(a.id) || chain.has(b.id);
+          var depth = (a._s + b._s) / 2;
+          if (ed.kind === 'origin') {
+            ctx.strokeStyle = lit ? 'rgba(255,120,220,' + (0.26 * depth) + ')' : 'rgba(70,120,200,' + (0.045 * depth) + ')';
+            ctx.lineWidth = lit ? 1.1 : 0.4;
+          } else {
+            ctx.strokeStyle = lit ? 'rgba(255,140,230,' + (0.5 * depth) + ')' : 'rgba(80,130,200,' + (0.12 * depth) + ')';
+            ctx.lineWidth = lit ? 1.3 : 0.6;
+          }
+          ctx.beginPath(); ctx.moveTo(a._sx, a._sy); ctx.lineTo(b._sx, b._sy); ctx.stroke();
+        }
+        // 节点
+        nodes.sort(function (x, y2) { return y2._z - x._z; });
+        for (k = 0; k < nodes.length; k++) {
+          nn = nodes[k];
+          var isLit = !active || chain.has(nn.id);
+          var recency = Math.max(0.12, Math.min(1, 1.15 - nn.ageDays / 150));
+          ctx.globalAlpha = (isLit ? 0.95 : 0.16) * recency * Math.max(0.3, nn._s);
+          var r = Math.max(1.4, nn.size * nn._s * 2.1);
+          if (nn.ageDays < 1 || (active && chain.has(nn.id))) {
+            var gg = ctx.createRadialGradient(nn._sx, nn._sy, 0, nn._sx, nn._sy, r * 4);
+            gg.addColorStop(0, nn.color + 'aa');
+            gg.addColorStop(1, 'rgba(0,0,0,0)');
+            ctx.fillStyle = gg;
+            ctx.beginPath(); ctx.arc(nn._sx, nn._sy, r * 4, 0, Math.PI * 2); ctx.fill();
+          }
+          ctx.fillStyle = nn.color;
+          ctx.beginPath(); ctx.arc(nn._sx, nn._sy, r, 0, Math.PI * 2); ctx.fill();
+          if (nn === active) { ctx.strokeStyle = '#fff'; ctx.lineWidth = 1.6; ctx.stroke(); }
+        }
+        ctx.globalAlpha = 1;
+        ctx.fillStyle = '#e8f6ff';
+        ctx.beginPath(); ctx.arc(core._sx, core._sy, 7 * core._s, 0, Math.PI * 2); ctx.fill();
+      }
+      frame();
+
+      return function stop() {
+        cancelAnimationFrame(raf);
+        canvas.removeEventListener('pointerdown', onDown);
+        canvas.removeEventListener('pointerup', onUp);
+        canvas.removeEventListener('pointermove', onMove);
+        canvas.removeEventListener('wheel', onWheel);
+        canvas.removeEventListener('click', onClick);
+        if (ro) ro.disconnect();
+      };
+    }
+
+    function SeaView() {
+      var canvasRef = React.useRef(null);
+      var panelRef = React.useRef(null);
+      var st = React.useState({ loading: true, error: null, data: null });
+      var s = st[0], setS = st[1];
+      React.useEffect(function () {
+        call('sea').then(function (res) {
+          if (!res || res.ok !== true) {
+            setS({ loading: false, error: (res && res.error && res.error.message) || '读不到识海数据', data: null });
+            return;
+          }
+          setS({ loading: false, error: null, data: res.data });
+        }).catch(function (err) {
+          setS({ loading: false, error: String(err && err.message ? err.message : err), data: null });
+        });
+      }, []);
+      React.useEffect(function () {
+        if (!s.data || !canvasRef.current) return;
+        var stop = startSea(canvasRef.current, panelRef.current, s.data);
+        return function () { if (stop) stop(); };
+      }, [s.data]);
+      var over = 'position:absolute;left:12px;top:10px;font-size:12px;opacity:.65;color:#cfe3ff';
+      return React.createElement(
+        'div', { style: { position: 'relative', flex: '1 1 auto', minHeight: '460px', background: '#05070d', borderRadius: '10px', overflow: 'hidden' } },
+        React.createElement('canvas', { ref: canvasRef, style: { display: 'block', width: '100%', height: '100%' } }),
+        s.loading ? React.createElement('div', { style: { padding: '16px', opacity: 0.7, color: '#cfe3ff' } }, '正在读识海…') : null,
+        s.error ? React.createElement('div', { style: { padding: '16px', color: '#ff8f8f', fontSize: '13px' } }, s.error) : null,
+        s.data && s.data.stats ? React.createElement('div', { style: over }, '原意识 · ' + s.data.stats.nodes + ' 段 · ' + s.data.stats.edges + ' 条连线 · 拖拽旋转 / 滚轮缩放 / 点记忆看念头') : null,
+        React.createElement('div', { ref: panelRef, style: { position: 'absolute', right: '12px', top: '12px', width: '270px', maxHeight: '72%', overflow: 'auto', background: 'rgba(8,14,26,.94)', border: '1px solid #23456b', borderRadius: '10px', padding: '12px', fontSize: '12px', lineHeight: 1.7, display: 'none' } }),
+      );
     }
 
     var inject = ['slots'];

package/lib/host/index.js

@@ -118,6 +118,12 @@ export function apply(ctx, config = {}) {
     typeof config.stagesPath === 'string' && config.stagesPath.length > 0
       ? config.stagesPath
       : path.join(dshHome, 'stages.md');
+
+  // 识海（3D 星图）的数据文件：scripts/sea-graph.mjs 生成，页面只读。
+  const seaGraphPath =
+    typeof config.seaGraphPath === 'string' && config.seaGraphPath.length > 0
+      ? config.seaGraphPath
+      : path.join(dshHome, 'sea-graph.json');
   const stages = createStages({
     filePath: stagesPath,
     log: (m) => ctx.logger?.info('dsh-house2: ' + m),
@@ -961,7 +967,25 @@ export function apply(ctx, config = {}) {
                 return;
               }
               if (method === 'meta') {
-                writeJson(response, 200, { ok: true, data: { assetsPath, knowledgeDir, sessionsDir } });
+                writeJson(response, 200, { ok: true, data: { assetsPath, knowledgeDir, sessionsDir, stagesPath, seaGraphPath } });
+                return;
+              }
+
+              // 识海数据：3D 星图用的节点+边（由 scripts/sea-graph.mjs 生成）
+              if (method === 'sea') {
+                try {
+                  const raw = await readFile(seaGraphPath, 'utf8');
+                  const j = JSON.parse(raw);
+                  writeJson(response, 200, { ok: true, data: { stats: j.stats, nodes: j.nodes, edges: j.edges, path: seaGraphPath } });
+                } catch (error) {
+                  writeJson(response, 200, {
+                    ok: false,
+                    error: {
+                      code: 'missing',
+                      message: `读不到识海数据：${seaGraphPath}（先在电脑上跑 scripts/sea-graph.mjs 生成）`,
+                    },
+                  });
+                }
                 return;
               }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jiugeqqqqq/dsh-house2",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "房子 2 —— 资产/能力清单 + 工段，配侧边栏页面。0.1.0 先把安装跑通（保守兼容写法），功能后续迭代。",
   "type": "module",
   "license": "MIT",