@cocorograph/hub-agent 0.6.25 → 0.6.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocorograph/hub-agent",
-  "version": "0.6.25",
+  "version": "0.6.26",
   "description": "Hub Hosted Cockpit のローカル常駐 agent。Hub と outbound WSS で接続し、ローカルの tmux/pty を中継する。",
   "type": "module",
   "license": "UNLICENSED",

package/src/claude-stream-bridge.mjs

@@ -195,10 +195,15 @@ class ClaudeStreamSession {
 
     /** 改修3: per-message セッションで busy 中に届いた送信を退避する pending キュー。
      *  常駐 query 化 (改修2) とは別レイヤー。resume チェーンは維持したまま、現ターン
-     *  完了時 (finally) に先頭から drain して次ターンを自動発火する。 */
+     *  完了時 (finally) に先頭から drain して次ターンを自動発火する。
+     *  キャンセル機能 (0.6.26): 各項目に安定 id を振り、browser から id 指定で
+     *  個別削除できるようにする。要素は { id: string, text: string }。 */
     this._pendingMessages = []
-    /** 改修3: 直近 browser へ通知した pending 件数 (変化時のみ queue_state を emit する)。 */
-    this._lastEmittedQueueCount = 0
+    /** キャンセル機能: pending 項目へ安定 id を振るための連番カウンタ。 */
+    this._queueSeq = 0
+    /** 改修3: 直近 browser へ通知した queue 署名 (件数 + id 列)。変化時のみ emit する。
+     *  空キューの署名 ("0:") で初期化し、空→空の冗長 emit を抑止する。 */
+    this._lastEmittedQueueSig = "0:"
 
     /** @type {Map<string, {resolve: (decision: object) => void}>} permission 応答待ち */
     this._permissionResolvers = new Map()
@@ -420,7 +425,7 @@ class ClaudeStreamSession {
       // 次を push すると SDK streaming-input で割り込み扱いになり得るため (公式 interrupt 警告)。
       // pending は queue_state で UI (送信待ちチップ) に出す (per-message と同じ体験)。
       if (this._busy) {
-        this._pendingMessages.push(prompt)
+        this._enqueuePending(prompt)
         this.logger?.info(
           { stream_id: this.stream_id, queued: this._pendingMessages.length },
           "resident busy, message queued",
@@ -444,7 +449,7 @@ class ClaudeStreamSession {
     // 改修3: busy 中の送信は破棄せず pending キューへ退避し、現ターン完了時に drain する
     // (ターミナル流の「積む→待機→順次実行」)。常駐 query 化はしないので暴走リスクは増えない。
     if (this._busy) {
-      this._pendingMessages.push(prompt)
+      this._enqueuePending(prompt)
       this.logger?.info(
         { stream_id: this.stream_id, queued: this._pendingMessages.length },
         "claude busy, message queued",
@@ -573,8 +578,8 @@ class ClaudeStreamSession {
       return
     }
     const next = this._pendingMessages.shift()
-    this._emitQueueState()
-    this._runPerMessage(next).catch((err) => {
+    this._emitQueueState([next.text])
+    this._runPerMessage(next.text).catch((err) => {
       this.logger?.error(
         { stream_id: this.stream_id, err: err?.message },
         "drain runPerMessage threw",
@@ -582,20 +587,53 @@ class ClaudeStreamSession {
     })
   }
 
+  /** キャンセル機能 (0.6.26): pending キューへ安定 id 付きで 1 件積む。 */
+  _enqueuePending(prompt) {
+    const id = `q${++this._queueSeq}`
+    this._pendingMessages.push({ id, text: prompt })
+    return id
+  }
+
+  /** キャンセル機能 (0.6.26): browser から id 指定で送信待ちメッセージを 1 件取り消す。
+   *  実行開始済み (既に drain された) メッセージは pending に残っていないので no-op になる。
+   *  削除に成功したら queue_state を再 emit して送信待ちチップを更新する。 */
+  cancelQueued(id) {
+    const before = this._pendingMessages.length
+    this._pendingMessages = this._pendingMessages.filter((m) => m.id !== id)
+    const removed = before !== this._pendingMessages.length
+    if (removed) {
+      this.logger?.info(
+        { stream_id: this.stream_id, id, queued: this._pendingMessages.length },
+        "queued message canceled",
+      )
+      this._emitQueueState()
+    }
+    return removed
+  }
+
   /** 改修3: pending キューの現状を browser へ通知する (送信待ちチップ表示用)。
-   *  onEvent 経由で claude.event(event.type="queue_state") として届く。 */
-  _emitQueueState() {
+   *  onEvent 経由で claude.event(event.type="queue_state") として届く。
+   *  @param {string[]} [started] このタイミングで pending から取り出して実行開始した
+   *   メッセージ本文。drain 由来の emit でのみ渡す。frontend はこれを user バブルへ
+   *   昇格させる。キャンセル / 追加由来の emit では空 (昇格させない)。これにより
+   *   「先頭の pending をキャンセルした」のを「実行開始した」と誤認しなくなる (0.6.26)。 */
+  _emitQueueState(started = []) {
     const count = this._pendingMessages.length
-    // 件数が変わらないなら通知しない (空→空の冗長 emit を抑止)。
-    if (count === this._lastEmittedQueueCount) return
-    this._lastEmittedQueueCount = count
+    // 署名 = 件数 + id 列。件数が同じでもキャンセルで中身が変われば通知する。
+    const sig = `${count}:${this._pendingMessages.map((m) => m.id).join(",")}`
+    // started があるときは drain なので、sig 変化が無くても (理論上起きないが) 通知する。
+    if (started.length === 0 && sig === this._lastEmittedQueueSig) return
+    this._lastEmittedQueueSig = sig
     try {
       // messages は全文を載せる。frontend は実行開始 (drain) 時にこれを user バブルへ
       // 昇格させるため、ここで切り詰めると本文が欠ける。チップの省略表示は CSS 側で行う。
+      // items は id 付きでキャンセルボタンの対象特定に使う (0.6.26)。
       this.onEvent?.({
         type: "queue_state",
         pending: count,
-        messages: [...this._pendingMessages],
+        messages: this._pendingMessages.map((m) => m.text),
+        items: this._pendingMessages.map((m) => ({ id: m.id, text: m.text })),
+        started,
       })
     } catch {
       /* ignore */
@@ -623,8 +661,8 @@ class ClaudeStreamSession {
     }
     const next = this._pendingMessages.shift()
     this._busy = true
-    this._inputQueue.push(toSDKUserMessage(next))
-    this._emitQueueState()
+    this._inputQueue.push(toSDKUserMessage(next.text))
+    this._emitQueueState([next.text])
   }
 
   /** 改修2+4: 常駐 query を 1 回だけ起動し、streaming input キューから複数ターンを処理する。
@@ -712,8 +750,8 @@ class ClaudeStreamSession {
         const next = this._pendingMessages.shift()
         this._busy = true
         this._residentStarted = true
-        this._inputQueue.push(toSDKUserMessage(next))
-        this._emitQueueState()
+        this._inputQueue.push(toSDKUserMessage(next.text))
+        this._emitQueueState([next.text])
         this._startResidentQuery()
       }
     }
@@ -990,6 +1028,17 @@ export class ClaudeStreamBridge extends EventEmitter {
     return true
   }
 
+  /** キャンセル機能 (0.6.26): browser → 送信待ち (pending) メッセージを id 指定で取り消す。
+   *  実行中ターンには影響しない (中断は interrupt を使う)。 */
+  cancelQueued({ stream_id, id }) {
+    const s = this.sessions.get(stream_id)
+    if (!s) {
+      this.logger?.warn({ stream_id, id }, "claude.queue.cancel but stream missing")
+      return false
+    }
+    return s.cancelQueued(id)
+  }
+
   /**
    * セッション停止 (graceful)。実行中ターンは中断せず完走させ、完走後に
    * onReap で Map から撤去する。アイドルなら即時撤去。

package/src/main.mjs

@@ -844,6 +844,11 @@ async function dispatch(msg, ctx) {
         if (!ctx.claudeBridge) return
         ctx.claudeBridge.interrupt({ stream_id: msg.stream_id })
         return
+      case "claude.queue.cancel":
+        // 送信待ち (pending) メッセージを id 指定で取り消す (0.6.26)。
+        if (!ctx.claudeBridge) return
+        ctx.claudeBridge.cancelQueued({ stream_id: msg.stream_id, id: msg.id })
+        return
       case "claude.detach":
         if (!ctx.claudeBridge) return
         ctx.claudeBridge.detach({ stream_id: msg.stream_id })