@240xu/dsh-message-ops 0.3.2 → 0.4.1

package/README.md

@@ -188,3 +188,23 @@ MIT
   回退路径的 SVG 也改为官方 IconClockOutline/IconTrashOutline 的精确 path 数据
   （1px stroke，与 Regular 变体一致），不再手绘。
 - 字典文案去 emoji（label 仅用于 tooltip/aria，不参与渲染）。
+
+### 0.4.0 · opencode 式回撤深化（composer 回填 + 回撤 dock）
+
+- **Composer 回填**：回滚**用户消息**后，原文经官方 `InputActions.setDraft`
+  自动回填输入框——「编辑重发」零按钮（opencode 招牌交互）。
+- **结构化回撤 dock**：注入官方 `conversation.input.dock` 槽（composer 卡片上方
+  全宽条目）——「已回撤 N 条（可恢复）」折叠面板，展开列出每个回撤/删除标记，
+  逐条「恢复」（restoring 中间态禁用，S11）；无标记时 dock 不渲染。
+- 数据链：messages 端点为 user 消息新增 `fullText` 字段（回填原文）。
+- 0.1.x 宿主两个槽均不存在，inject 自动 no-op。
+
+### 0.4.1 · dock 修复：统计口径 + 原生观感
+
+- **统计修复**：旧版把历史累积的被遮蔽消息全算进「已回撤 N 条」（多次恢复重放后
+  虚高到数百）。现在 dock 只列**手工回撤/删除标记**（排除 compaction checkpoint），
+  每条标记显示其 range 内**当前不可见**的消息数；头部为标记计数。
+- **原生观感**：样式改为官方 GoalDock/TodoDock 同款——36px 高毛玻璃条
+  （`--dsw-specific-menu` + `--dsw-elevation-panel` + `--dsw-radius-md`）、
+  composer 卡片对齐宽度（`--dsh-composer-dock-inset` 系列）、13px/500 label、
+  28px 圆形切换钮——与目标/计划 dock 视觉完全一致。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@240xu/dsh-message-ops",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "description": "Roll back, branch, and export any DSH conversation — from the UI or straight from the agent via a message_ops tool. Non-destructive: logs stay append-only and recoverable. 消息回滚/删除/分支/导出四合一，内置 message_ops agent 工具；非破坏语义，日志只追加可恢复。",
   "type": "module",
   "license": "MIT",

package/src/client.js

@@ -70,6 +70,10 @@ window.__ModuleLoader__.load({
       'busy.restore': '恢复中…',
       'confirm.restore': '恢复',
       'ack.restore': '我已了解：恢复将以新 seq 重放被遮蔽的消息（原日志不变）',
+      'dock.title': '回撤记录 · {n}',
+      'dock.shadowedN': '遮蔽 {n} 条',
+      'dock.restore': '恢复',
+      'dock.restoring': '恢复中…',
       'menu.ops': '消息操作',
     }
 
@@ -117,11 +121,16 @@ window.__ModuleLoader__.load({
       'done.delete': 'Deleted; reload to apply',
       'action.reload': 'Reload page',
       'errorPrefix': 'Operation failed: ',
+      'dock.title': 'Revert history · {n}',
+      'dock.shadowedN': '{n} shadowed',
+      'dock.restore': 'Restore',
+      'dock.restoring': 'Restoring…',
       'menu.ops': 'Message ops',
     }
 
     var __locale = null
     var __sessionsSvc = null
+    var __inputActions = null // 0.4.0: 从 session 槽捕获（InputActions.setDraft → composer 回填）
     var __uiWorkspace = null
     // messageId→seq 索引缓存（每会话一次拉取；0.3.0 assistant-actions 槽用）
     var __seqIndexCache = new Map()
@@ -379,6 +388,11 @@ window.__ModuleLoader__.load({
             const okMsg = mode === 'restore'
               ? t('done.restore', { n: String(data.restoredCount != null ? data.restoredCount : '?'), s: String(data.skipped != null ? data.skipped : 0) })
               : t(mode === 'revert' ? 'done.revert' : 'done.delete')
+            // 0.4.0 composer 回填（opencode 式）：回滚用户消息 → 原文回填输入框，「编辑重发」零按钮
+            if (mode === 'revert' && pickedMsg && pickedMsg.role === 'user' && pickedMsg.fullText
+                && __inputActions && typeof __inputActions.setDraft === 'function') {
+              try { __inputActions.setDraft(pickedMsg.fullText) } catch { /* 回填失败不阻断成功反馈 */ }
+            }
             setDoneMsg(okMsg)
             setBusyMsg('')
             setState('done')
@@ -582,7 +596,8 @@ window.__ModuleLoader__.load({
     const CHAT_ACTIONS_ID = 'message-ops-row'
 
     function MsgSlotActions(props) {
-      const { messageId, sessionId, useSessions } = props
+      const { messageId, sessionId, useSessions, inputActions } = props
+      if (inputActions && typeof inputActions.setDraft === 'function') __inputActions = inputActions
       const t = (props && props.t) || __t
       useLocaleRevision()
       const sessions = useSessions ? useSessions((s) => s) : undefined
@@ -656,6 +671,129 @@ window.__ModuleLoader__.load({
       )
     }
 
+    // --- 0.4.0 回撤 dock：composer 上方「N 条已回撤」结构化面板（opencode 式） ----
+    // 官方槽 conversation.input.dock（scope session，composer 卡片上方全宽条目）。
+    // ownerProps/standardProps 含 sessionId + useSessions + inputActions。
+    const INPUT_DOCK_SLOT = 'conversation.input.dock'
+    const INPUT_DOCK_ID = 'message-ops-revert-dock'
+
+    function RevertDock(props) {
+      const { sessionId, useSessions, inputActions } = props
+      const t = (props && props.t) || __t
+      useLocaleRevision()
+      if (inputActions && typeof inputActions.setDraft === 'function') __inputActions = inputActions
+      const sessions = useSessions ? useSessions((s) => s) : undefined
+      const summary = sessions && sessions.byId ? sessions.byId[sessionId] : undefined
+      const running = summary ? summary.running === true : false
+      const [open, setOpen] = useState(false)
+      const [markers, setMarkers] = useState(null) // [{seq, snippet, range}] 非 compaction 的回撤标记
+      const [hiddenByMarker, setHiddenByMarker] = useState({}) // markerSeq -> 当前不可见条数
+      const [restoring, setRestoring] = useState(null)
+      const [styleInjected, setStyleInjected] = useState(false)
+
+      // 官方 dock 视觉（GoalDock/TodoDock 同款值，一次注入）
+      useEffect(() => {
+        if (styleInjected || typeof document === 'undefined') return
+        if (document.getElementById('dsh-message-ops-dock-style')) { setStyleInjected(true); return }
+        const tag = document.createElement('style')
+        tag.id = 'dsh-message-ops-dock-style'
+        tag.textContent = [
+          '.mopsDock{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance)*2 - var(--dsh-composer-dock-inset)*4);margin:0 auto 8px}',
+          '.mopsDockBar{isolation:isolate;box-sizing:border-box;width:100%;max-width:calc(var(--dsh-composer-card-max-width) - 4 * var(--dsh-composer-dock-inset));border-radius:var(--dsw-radius-md);min-height:36px;box-shadow:var(--dsw-elevation-panel);border:0;align-items:center;gap:10px;margin:0 auto;padding:4px 5px 4px 12px;display:flex;position:relative}',
+          '.mopsDockBar:before{z-index:-1;border-radius:inherit;background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter);content:"";pointer-events:none;position:absolute;inset:0}',
+          '.mopsDockLabel{color:var(--dsw-alias-label-primary);flex:none;font-size:13px;font-weight:500;line-height:24px}',
+          '.mopsDockToggle{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;font:inherit}',
+          '.mopsDockRow{display:flex;align-items:center;gap:8px;padding:4px 12px;border-top:1px solid var(--dsw-alias-border-l1,rgba(128,128,128,.15));position:relative}',
+          '.mopsDockRowText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;opacity:.85;color:var(--dsw-alias-label-primary)}',
+          '.mopsDockRestore{border:none;background:transparent;color:var(--dsw-alias-link,#8ab4f8);font:inherit;font-size:12px;cursor:pointer;padding:4px 8px;min-height:28px;opacity:1}',
+          '.mopsDockList{max-height:180px;overflow-y:auto;padding-bottom:4px}',
+        ].join('')
+        document.head.appendChild(tag)
+        setStyleInjected(true)
+      }, [styleInjected])
+
+      useEffect(() => {
+        let alive = true
+        const load = () => fetch('/api/message-ops/messages?sessionId=' + encodeURIComponent(sessionId))
+          .then((r) => (r.ok ? r.json() : null))
+          .then((data) => {
+            if (!alive || !data || !data.ok) return
+            const msgs = data.messages || []
+            // 仅手工回撤/删除产生的标记（排除 compaction checkpoint）
+            const marks = msgs.filter((m) => m.marker && m.sourceKind !== 'compact-checkpoint')
+            setMarkers(marks)
+            // 每标记的当前不可见条数：落在该标记 range 内、当前不可见的 user/assistant 消息
+            const hidden = {}
+            for (const mk of marks) {
+              if (!mk.range) { hidden[mk.seq] = null; continue }
+              hidden[mk.seq] = msgs.filter((m) => m.visible === false && m.role !== 'system'
+                && m.seq >= mk.range.start && m.seq <= mk.range.end).length
+            }
+            setHiddenByMarker(hidden)
+          })
+          .catch(() => {})
+        load()
+        return () => { alive = false }
+      }, [sessionId])
+
+      if (!markers || !markers.length) return null // 无手工回撤标记 → dock 不渲染
+
+      const restoreRow = (row) => {
+        if (restoring != null || running) return
+        setRestoring(row.seq)
+        fetch('/api/message-ops/restore', {
+          method: 'POST', headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ sessionId, seq: row.seq }),
+        })
+          .then(async (res) => {
+            let data = {}
+            try { data = await res.json() } catch { /* keep {} */ }
+            if (!res.ok || !data.ok) throw new Error(data.error || ('HTTP ' + res.status))
+            notifyDone(t('done.restore', { n: String(data.restoredCount != null ? data.restoredCount : '?'), s: String(data.skipped != null ? data.skipped : 0) }))
+            setRestoring(null)
+            // 重放后刷新标记与计数
+            const fresh = await fetch('/api/message-ops/messages?sessionId=' + encodeURIComponent(sessionId)).then((r) => (r.ok ? r.json() : null)).catch(() => null)
+            if (fresh && fresh.ok) {
+              const msgs = fresh.messages || []
+              const marks = msgs.filter((m) => m.marker && m.sourceKind !== 'compact-checkpoint')
+              setMarkers(marks)
+              const hidden = {}
+              for (const mk of marks) {
+                if (!mk.range) { hidden[mk.seq] = null; continue }
+                hidden[mk.seq] = msgs.filter((m) => m.visible === false && m.role !== 'system'
+                  && m.seq >= mk.range.start && m.seq <= mk.range.end).length
+              }
+              setHiddenByMarker(hidden)
+            }
+          })
+          .catch((reason) => {
+            notifyDone(t('errorPrefix') + (reason && reason.message ? reason.message : String(reason)), 'error')
+            setRestoring(null)
+          })
+      }
+
+      const rowEl = (row) => React.createElement('div', { key: row.seq, className: 'mopsDockRow' },
+        React.createElement('span', { className: 'mopsDockRowText' },
+          '#' + row.seq + (hiddenByMarker[row.seq] != null ? ' · ' + t('dock.shadowedN', { n: String(hiddenByMarker[row.seq]) }) : '')
+          + ' · ' + (row.snippet || '')),
+        React.createElement('button', {
+          type: 'button', 'aria-label': t('dock.restore'), disabled: restoring != null || running,
+          className: 'mopsDockRestore',
+          onClick: () => restoreRow(row),
+        }, restoring === row.seq ? t('dock.restoring') : t('dock.restore')),
+      )
+
+      return React.createElement('div', { className: 'mopsDock', role: 'region', 'aria-label': t('dock.title', { n: String(markers.length) }) },
+        React.createElement('div', { className: 'mopsDockBar' },
+          React.createElement('span', { className: 'mopsDockLabel' }, t('dock.title', { n: String(markers.length) })),
+          React.createElement('button', {
+            type: 'button', 'aria-expanded': open, className: 'mopsDockToggle',
+            onClick: () => setOpen((v) => !v),
+          }, open ? '▾' : '▸')),
+        open ? React.createElement('div', { className: 'mopsDockList' }, markers.map(rowEl)) : null,
+      )
+    }
+
     // --- 侧栏行菜单注入（DOM 级，同 session-delete 模式） ------------------------
 
     function findOpenSessionRow() {
@@ -783,6 +921,11 @@ window.__ModuleLoader__.load({
         name: CHAT_ACTIONS_SLOT, id: CHAT_ACTIONS_ID, order: 20,
         ...(__locale ? { locale: NS } : {}),
       }, MsgSlotActions))
+      // 0.4.0：composer 上方回撤 dock（0.1.x 无此槽自动 no-op）
+      ctx.slots.inject(INPUT_DOCK_SLOT, () => ctx.slots.register({
+        name: INPUT_DOCK_SLOT, id: INPUT_DOCK_ID, order: 10,
+        ...(__locale ? { locale: NS } : {}),
+      }, RevertDock))
       ctx.slots.inject(OVERLAY_SLOT, () => ctx.slots.register({
         name: OVERLAY_SLOT, id: DIALOG_ID, order: 101,
         ...(__locale ? { locale: NS } : {}),

package/src/session-file.js

@@ -182,6 +182,12 @@ export function listMessages(events) {
         id: (msg && msg.id) || e.data.id || null,
         marker: isReplaceMarker,
         snippet: text.replace(/\s+/g, " ").trim().slice(0, 160),
+        // 0.4.0 composer 回填：user 消息携带全文（revert 后 setDraft 原文）
+        fullText: e.type === "user/message" ? text : null,
+        // 0.4.1 dock：replace 标记携带范围与来源（区分手工回撤 vs compaction）
+        range: isReplaceMarker && e.surfaceOp.startSeq != null && e.surfaceOp.endSeq != null
+          ? { start: e.surfaceOp.startSeq, end: e.surfaceOp.endSeq } : null,
+        sourceKind: (e.data && e.data.source && e.data.source.kind) || null,
         time: e.time ?? null,
         turn: (e.data && e.data.turn) ?? null,
       });