@cocorograph/hub-agent 0.7.43 → 0.7.45

package/package.json

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

package/src/claude-stream-bridge.mjs

@@ -306,8 +306,15 @@ class ClaudeStreamSession {
      *  キャンセル機能 (0.6.26): 各項目に安定 id を振り、browser から id 指定で
      *  個別削除できるようにする。要素は { id: string, text: string }。 */
     this._pendingMessages = []
-    /** キャンセル機能: pending 項目へ安定 id を振るための連番カウンタ。 */
+    /** キャンセル機能: pending 項目へ安定 id を振るための連番カウンタ (browser が
+     *  input_id を渡さない旧経路のフォールバック用)。 */
     this._queueSeq = 0
+    /** id 空間統一 (2026-07-08): キャンセルが投入より先着したときの取りこぼし防止。
+     *  cancelQueued(id) された input_id をここに控え、後から届いた同 input_id の
+     *  sendMessage を投入せず破棄する (楽観チップの×を押した直後に in-flight だった
+     *  メッセージが後着して実行される「ゴースト実行」を防ぐ)。到着で消費 (delete)。
+     *  無限増加を避けるため上限で全クリアする (キャンセルは低頻度)。 */
+    this._canceledInputIds = new Set()
     /** 改修3: 直近 browser へ通知した queue 署名 (件数 + id 列)。変化時のみ emit する。
      *  空キューの署名 ("0:") で初期化し、空→空の冗長 emit を抑止する。 */
     this._lastEmittedQueueSig = "0:"
@@ -667,6 +674,22 @@ class ClaudeStreamSession {
     const prompt = extractPromptText(message)
     if (!prompt) return { accepted: false, reason: "empty_message" }
 
+    // id 空間統一 (2026-07-08): browser が渡す input_id をキュー id として採用する
+    // (旧経路は input_id 無し → qN フォールバック)。これにより楽観チップ (input_id) と
+    // 権威キュー項目の id が一致し、確認前のキャンセルも効くようになる。
+    const inputId =
+      typeof opts.input_id === "string" && opts.input_id ? opts.input_id : null
+    // キャンセル先着レース: この input_id が既にキャンセル指示済みなら投入せず破棄する。
+    // accepted:true で返して browser の ackWatchdog 再送を止める (二重投入/ゴースト実行防止)。
+    if (inputId && this._canceledInputIds.has(inputId)) {
+      this._canceledInputIds.delete(inputId)
+      this.logger?.info(
+        { stream_id: this.stream_id, input_id: inputId },
+        "dropped pre-canceled input (cancel arrived before input)",
+      )
+      return { accepted: true }
+    }
+
     // ultracode ワンショット (0.6.28): このターンのみ xhigh effort + 常時 dynamic-workflow
     // オーケストレーションを有効化する。セッション既定としては持たず (トークン消費が
     // 桁違いになるため)、ターン単位でトグルし、完了後は通常状態へ戻す。
@@ -690,7 +713,7 @@ class ClaudeStreamSession {
       // 次を push すると SDK streaming-input で割り込み扱いになり得るため (公式 interrupt 警告)。
       // pending は queue_state で UI (送信待ちチップ) に出す (per-message と同じ体験)。
       if (this._busy) {
-        this._enqueuePending(prompt, ultracode)
+        this._enqueuePending(prompt, ultracode, inputId)
         this.logger?.info(
           { stream_id: this.stream_id, queued: this._pendingMessages.length },
           "resident busy, message queued",
@@ -735,7 +758,7 @@ class ClaudeStreamSession {
     // バイパスさせず、必ず pending 経由の FIFO へ合流させる (resident 側の FIFO 修正
     // (PR #212) と同じ「pending を追い越させない」という設計思想)。
     if (this._busy || this._pendingMessages.length > 0) {
-      this._enqueuePending(prompt, ultracode)
+      this._enqueuePending(prompt, ultracode, inputId)
       this.logger?.info(
         { stream_id: this.stream_id, queued: this._pendingMessages.length },
         "claude busy, message queued",
@@ -938,8 +961,11 @@ class ClaudeStreamSession {
 
   /** キャンセル機能 (0.6.26): pending キューへ安定 id 付きで 1 件積む。
    *  ultracode (0.6.28): ワンショット ultracode フラグもエントリに保持し、drain 時に伝播する。 */
-  _enqueuePending(prompt, ultracode = false) {
-    const id = `q${++this._queueSeq}`
+  _enqueuePending(prompt, ultracode = false, inputId = null) {
+    // id 空間統一 (2026-07-08): browser 由来の input_id があればそれをキュー id に使う
+    // (楽観チップの id と一致させ、確認前キャンセルを可能にする)。無ければ従来の qN。
+    const id =
+      typeof inputId === "string" && inputId ? inputId : `q${++this._queueSeq}`
     this._pendingMessages.push({ id, text: prompt, ultracode: ultracode === true })
     return id
   }
@@ -948,6 +974,14 @@ class ClaudeStreamSession {
    *  実行開始済み (既に drain された) メッセージは pending に残っていないので no-op になる。
    *  削除に成功したら queue_state を再 emit して送信待ちチップを更新する。 */
   cancelQueued(id) {
+    // id 空間統一 (2026-07-08): キャンセル先着レース対策。まだ投入されていない (in-flight の)
+    // input_id をキャンセルした場合に備え、id を控えて後着 sendMessage を破棄できるようにする
+    // (楽観チップの×を押した直後にメッセージが後着して実行される「ゴースト実行」を防ぐ)。
+    // 上限で全クリア (キャンセルは低頻度なので粗いバウンドで十分)。
+    if (typeof id === "string" && id) {
+      if (this._canceledInputIds.size >= 1024) this._canceledInputIds.clear()
+      this._canceledInputIds.add(id)
+    }
     const before = this._pendingMessages.length
     this._pendingMessages = this._pendingMessages.filter((m) => m.id !== id)
     const removed = before !== this._pendingMessages.length
@@ -1571,7 +1605,7 @@ export class ClaudeStreamBridge extends EventEmitter {
    * 「キュー/常駐 query への投入が完了した」ことを意味する (ターン完走まで待つと
    * ack が大幅に遅延するため)。ターン実行自体の結果は従来どおり onEvent 経由で届く。
    */
-  async input({ stream_id, message, ultracode }) {
+  async input({ stream_id, message, ultracode, input_id }) {
     const s = this.sessions.get(stream_id)
     if (!s) {
       this.logger?.warn({ stream_id }, "claude.input but stream missing")
@@ -1579,8 +1613,12 @@ export class ClaudeStreamBridge extends EventEmitter {
     }
     s.touch(stream_id) // B11: この端末の最終アクティビティを更新 (死端末 GC 用)
     // ultracode (0.6.28): このメッセージのみ ultracode ワンショットを適用するフラグ。
+    // id 空間統一 (2026-07-08): input_id をキュー id として下流へ渡す。
     try {
-      const result = await s.sendMessage(message, { ultracode: ultracode === true })
+      const result = await s.sendMessage(message, {
+        ultracode: ultracode === true,
+        input_id: typeof input_id === "string" && input_id ? input_id : null,
+      })
       if (result?.accepted) return { ok: true }
       return { ok: false, reason: result?.reason || "queue_dead" }
     } catch (err) {

package/src/main.mjs

@@ -2138,6 +2138,9 @@ export function handleClaudeChatInput(msg, ctx) {
       // ultracode (0.6.28): browser がこのメッセージ単位で送るワンショット指定。
       // true のときだけそのターンを xhigh effort + dynamic-workflow で実行する。
       ultracode: msg.ultracode === true,
+      // id 空間統一 (2026-07-08): input_id をキュー id として下流へ渡す (楽観チップの
+      // 確認前キャンセルを可能にする)。
+      input_id,
     })
     .then((result) => {
       if (!input_id) return
@@ -2588,6 +2591,11 @@ async function dispatch(msg, ctx) {
             type: "claude.ready",
             stream_id,
             resuming: info.resuming,
+            // id 空間統一 (2026-07-08): この agent は browser の input_id をキュー id として
+            // 採用し、楽観送信待ちアイテムの確認前キャンセルに対応することを通知する capability。
+            // 旧 agent にはこのフラグが無く、browser は楽観アイテムの×を出さない (ゴースト
+            // 実行防止のフォールバック)。
+            supports_queue_input_id: true,
           })
           // S1 (2026-07): セッション状態の identity 正本化。TUI の claude.tui.bind
           // (main.mjs 内 clearChatSignal 呼び出し箇所参照) と対称に、SDK チャットの

package/src/ws-client.mjs

@@ -86,6 +86,17 @@ const BUFFERED_CTRL_TYPES = new Set([
 const CTRL_BUFFER_MAX_FRAMES = 200
 const CTRL_BUFFER_MAX_AGE_MS = 30_000
 
+/** SDK-P2 (2026-07-08): claude.event が「ephemeral な生成中 delta」かどうか。
+ *  stream_event の content_block_delta (text_delta / thinking_delta) は高頻度で流れる
+ *  ephemeral (liveText 用) であり、切断中に ctrl バッファへ積むと確定イベントを evict する。
+ *  確定イベント (assistant/result/user/system) と非 delta stream_event (message_start 等,
+ *  低頻度) はバッファ対象として残す。 */
+function isEphemeralDeltaEvent(obj) {
+  const ev = obj?.event
+  if (!ev || ev.type !== "stream_event") return false
+  return ev.event?.type === "content_block_delta"
+}
+
 export class WsClient extends EventEmitter {
   /**
    * @param {{ hub_url: string, agent_id: string, agent_token: string }} config
@@ -260,6 +271,15 @@ export class WsClient extends EventEmitter {
         return false
       }
       if (BUFFERED_CTRL_TYPES.has(type)) {
+        // SDK-P2 (2026-07-08): ephemeral な stream_event の content_block_delta (text/thinking
+        // delta) は ctrl バッファに積まない。切断中は生成が続くと大量の delta が流れ、200 frame
+        // の ctrl リングを埋め尽くして低頻度の確定イベント (assistant/result/user/system) を
+        // evict していた (再接続後に確定バブルが出ず「異常に遅い」S5 の真因)。delta は liveText
+        // 用の ephemeral で、確定 assistant イベント (これはバッファ対象) が全文を持つため、
+        // 切断中の delta を捨てても再接続後の表示は確定イベントで復元される。
+        if (type === "claude.event" && isEphemeralDeltaEvent(obj)) {
+          return false
+        }
         this._bufferCtrl(obj)
         return false
       }