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

package/README.md

@@ -161,8 +161,8 @@ MIT
 针对 dsh 0.2.0-rc.2 的用户级操作面（agent 工具保留，但 UI 为主推入口）：
 
 - **每条 AI 消息旁的原生回撤按钮**：注入官方 `conversation.chat.assistant-actions`
-  槽（0.2.0 正式扩展点，条目收持久化 messageId）——「⏪ 回滚到此 / ✂ 删除此条 /
-  ⑂ 从此分支」直接出现在消息操作行，与官方点赞/点踩并列；0.1.x 无此槽自动 no-op。
+  槽（0.2.0 正式扩展点，条目收持久化 messageId）——「回滚到此 / 删除此条 /
+  从此分支」直接出现在消息操作行，与官方点赞/点踩并列；0.1.x 无此槽自动 no-op。
   messageId→seq 反查经 `/api/message-ops/messages`（每会话索引缓存）。
 - **分支双路径**：0.2.0+ 优先官方 `sessions.fork({sessionId, atSeq, increaseTitle})`
   （子会话自动进宿主列表，成功后可一键 `uiWorkspace.openSession` 打开）；
@@ -172,3 +172,19 @@ MIT
   确认弹窗内联语义说明（评审缺口销账）。
 - 官方已有但易混淆的：0.2.0 原生分支按钮（仅限已完成轮次最后一条消息）与
   本插件的「任意位置分支/回滚」互补不冲突。
+
+### 0.3.1 · 槽按钮重构（opencode 式一键 + 去重）
+
+- **一键立即执行**：回滚/删除点击即生效（无对话框），devkit toast 反馈；宿主
+  0.2.0 chat store 原生响应 surface replace——遮蔽即时呈现，无需刷新页面。
+- **与官方去重**：槽内移除分支按钮——官方 0.2.0 已在消息操作行自带分支
+  （限已完成轮次最后一条）；任意位置分支保留在对话框（官方没有的能力）。
+- **原生观感**：按钮改用官方 primitives 图标（IconClockOutline/IconTrashOutline，
+  require 失败回退内联 SVG）；S3 命中区 ≥44px；S11 双提交防护（busy 互斥）。
+
+### 0.3.2 · 图标规范化
+
+- 槽按钮去掉文字 emoji——0.2.0+ 直接用官方 primitives 图标（与原生操作行 1:1 同款）；
+  回退路径的 SVG 也改为官方 IconClockOutline/IconTrashOutline 的精确 path 数据
+  （1px stroke，与 Regular 变体一致），不再手绘。
+- 字典文案去 emoji（label 仅用于 tooltip/aria，不参与渲染）。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@240xu/dsh-message-ops",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "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

@@ -94,9 +94,9 @@ window.__ModuleLoader__.load({
       'op.branchDesc': 'Copies everything up to and including the picked message into a new session (original untouched, non-destructive).',
       'op.restore': 'Restore (replay shadowed messages)',
       'op.restoreDesc': 'Only when the selected row is a revert/delete marker. This is a replay, not an un-shadow: shadowed user/assistant messages are re-appended with NEW seqs and a [Restored] prefix; non-replayable events (tool calls) are skipped and counted.',
-      'slot.revert': '⏪ Revert here',
-      'slot.delete': '✂ Delete this',
-      'slot.branch': '⑂ Branch here',
+      'slot.revert': 'Revert to here',
+      'slot.delete': 'Delete this message',
+      'slot.branch': 'Branch from here',
       'toast.openNew': 'Open new session',
       'fork.official': 'Branched (official fork): new session {id}',
       'fork.disk': 'Branched: new session {id} (visible after list refresh)',
@@ -523,10 +523,10 @@ window.__ModuleLoader__.load({
     }
 
     // 成功反馈统一出口：devkit 标准 toast 优先，无 devkit 时对话框内文案兜底。
-    function notifyDone(msg) {
+    function notifyDone(msg, kind) {
       try {
         const dk = window.__dshDevkit
-        if (dk && typeof dk.toast === 'function') dk.toast(msg, { kind: 'ok' })
+        if (dk && typeof dk.toast === 'function') dk.toast(msg, { kind: kind || 'ok' })
       } catch { /* toast 缺席不阻断成功反馈 */ }
     }
 
@@ -550,6 +550,30 @@ window.__ModuleLoader__.load({
       }, React.createElement(BranchIcon))
     }
 
+    // 官方图标适配：0.2.0 primitives 的 IconClock/IconTrash 与原生操作行同款；
+    // require 失败（0.1.x 或裁剪环境）回退内联 SVG，槽在 0.1.x 本就不存在，仅防御。
+    var IconClock = null
+    var IconTrash = null
+    try {
+      const P = require('@deepseek-ai/dsh-client-ui-primitives')
+      IconClock = P && P.IconClockOutlineRegular
+      IconTrash = P && P.IconTrashOutlineRegular
+    } catch { /* fallback below */ }
+    if (!IconClock) IconClock = function ClockFallback() {
+      // 官方 IconClockOutlineArtwork 1:1 路径（ Regular = 1px stroke）
+      return React.createElement('svg', { width: 16, height: 16, viewBox: '0 0 16 16', fill: 'none', 'aria-hidden': true, stroke: 'currentColor', strokeWidth: 1 },
+        React.createElement('path', { d: 'M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' }),
+        React.createElement('path', { d: 'M8 4.31V8.46L11 10.08' }))
+    }
+    if (!IconTrash) IconTrash = function TrashFallback() {
+      // 官方 IconTrashOutlineArtwork 1:1 路径
+      return React.createElement('svg', { width: 16, height: 16, viewBox: '0 0 16 16', fill: 'none', 'aria-hidden': true, stroke: 'currentColor', strokeWidth: 1 },
+        React.createElement('path', { d: 'M1.28149 3.88831H14.7187' }),
+        React.createElement('path', { d: 'M5.41602 3.88833V2.47962C5.41602 2.29282 5.52492 2.11366 5.71876 1.98157C5.9126 1.84948 6.17551 1.77527 6.44964 1.77527H9.55053C9.82466 1.77527 10.0876 1.84948 10.2814 1.98157C10.4752 2.11366 10.5841 2.29282 10.5841 2.47962V3.88833' }),
+        React.createElement('path', { d: 'M3.29749 5.10193L4.06585 13.0192C4.10899 13.4595 4.48223 13.7942 4.92504 13.7942H11.0751C11.5179 13.7942 11.8912 13.4595 11.9343 13.0192L12.7027 5.10193' }),
+        React.createElement('path', { d: 'M6.27637 7.51831V11.1829M9.72378 7.51831V11.1829' }))
+    }
+
     // --- 0.3.0 assistant-actions 官方槽：每条 AI 消息旁的原生回撤按钮 ------------
     // 契约（dsh-cordis-client-runner）：scope session，条目组件收 { messageId } +
     // 标准props（useSessions/sessionId/useSession/useChat…）。0.1.x 无此 key，
@@ -558,22 +582,21 @@ window.__ModuleLoader__.load({
     const CHAT_ACTIONS_ID = 'message-ops-row'
 
     function MsgSlotActions(props) {
-      const { messageId, sessionId, useSessions, useSession } = props
+      const { messageId, sessionId, useSessions } = props
       const t = (props && props.t) || __t
       useLocaleRevision()
       const sessions = useSessions ? useSessions((s) => s) : undefined
       const summary = sessions && sessions.byId ? sessions.byId[sessionId] : undefined
       const running = summary ? summary.running === true : false
-      // messageId → seq 反查：官方槽只给 messageId；seq 由槽按钮需要。
-      // 路径：messages 端点一次性拉取建索引（每会话缓存），失败则按钮隐藏。
       const [seq, setSeq] = React.useState(null)
+      const [busy, setBusy] = React.useState(null) // 'revert' | 'delete' | null（S11 双提交防护）
       React.useEffect(() => {
         if (!messageId || !sessionId) return
         let alive = true
         const cached = __seqIndexCache.get(sessionId)
         const resolve = (index) => {
           if (!alive) return
-          const hit = index.get(String(messageId))
+          const hit = index && index.get(String(messageId))
           if (typeof hit === 'number') setSeq(hit)
         }
         if (cached && typeof cached.then === 'function') cached.then(resolve).catch(() => {})
@@ -594,20 +617,42 @@ window.__ModuleLoader__.load({
         }
         return () => { alive = false }
       }, [messageId, sessionId])
+
+      // opencode 式一键回撤：点击立即执行（无对话框），成功走 devkit toast。
+      // 宿主 0.2.0 chat store 原生响应 surface replace 事件——遮蔽无需刷新页面。
+      const run = (mode) => {
+        if (busy || seq == null || running) return
+        setBusy(mode)
+        fetch('/api/message-ops/' + mode, {
+          method: 'POST', headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ sessionId, 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(mode === 'revert' ? 'done.revert' : 'done.delete'))
+          })
+          .catch((reason) => {
+            notifyDone(t('errorPrefix') + (reason && reason.message ? reason.message : String(reason)), 'error')
+          })
+          .finally(() => setBusy(null))
+      }
+
       if (seq == null) return null
-      const open = (mode) => window.dispatchEvent(new CustomEvent(EVENT, {
-        detail: { sessionId, seq, mode, title: summary && summary.title ? summary.title : null, running },
-      }))
-      const btn = (label, mode, disabled) => React.createElement('button', {
-        type: 'button', title: t('slot.' + mode), 'aria-label': t('slot.' + mode), disabled: !!disabled,
-        style: { padding: '2px 6px', border: 'none', background: 'transparent', color: 'inherit',
-                 opacity: disabled ? 0.4 : 0.72, cursor: disabled ? 'default' : 'pointer', font: 'inherit', fontSize: 12 },
-        onClick: () => { if (!disabled) open(mode) },
-      }, label)
-      return React.createElement('span', { style: { display: 'inline-flex', gap: 2 } },
-        btn(t('slot.revert'), 'revert', running),
-        btn(t('slot.delete'), 'delete', running),
-        btn(t('slot.branch'), 'branch', false),
+      // 官方图标（与原生操作行同款）；S3：视觉 16px，命中区 ≥44px。
+      const act = (icon, label, mode) => React.createElement('button', {
+        type: 'button', title: running ? t('dialog.runningWarn') : t('slot.' + mode),
+        'aria-label': t('slot.' + mode), disabled: !!busy || running,
+        style: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
+                 minWidth: 44, minHeight: 44, padding: 0, border: 'none', background: 'transparent',
+                 color: 'inherit', opacity: busy && busy !== mode ? 0.4 : running ? 0.35 : 0.72,
+                 cursor: busy || running ? 'default' : 'pointer', borderRadius: 6 },
+        onClick: () => run(mode),
+      }, icon)
+      return React.createElement('span', { style: { display: 'inline-flex', gap: 0 } },
+        act(React.createElement(IconClock, { size: 16 }), t('slot.revert'), 'revert'),
+        act(React.createElement(IconTrash, { size: 16 }), t('slot.delete'), 'delete'),
       )
     }