@cocorograph/hub-agent 0.6.25 → 0.6.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocorograph/hub-agent",
-  "version": "0.6.25",
+  "version": "0.6.27",
   "description": "Hub Hosted Cockpit のローカル常駐 agent。Hub と outbound WSS で接続し、ローカルの tmux/pty を中継する。",
   "type": "module",
   "license": "UNLICENSED",
@@ -32,7 +32,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "^0.3.152",
+    "@anthropic-ai/claude-agent-sdk": "^0.3.158",
     "commander": "^12.1.0",
     "node-pty": "^1.0.0",
     "pino": "^9.0.0",

package/src/claude-stream-bridge.mjs

@@ -137,6 +137,7 @@ class ClaudeStreamSession {
     permissionMode,
     maxTurns,
     maxThinkingTokens,
+    effort,
     resumeSessionId,
     resident,
     sdk,
@@ -158,6 +159,10 @@ class ClaudeStreamSession {
     this.maxTurns = typeof maxTurns === "number" ? maxTurns : null
     this.maxThinkingTokens =
       typeof maxThinkingTokens === "number" ? maxThinkingTokens : null
+    // Opus 4.6+ の effort パラメータ (low/medium/high/xhigh/max)。adaptive thinking と
+    // 併用して思考の深さを制御する。Opus では budget 方式 (maxThinkingTokens) は廃止
+    // 扱いのため、effort モデルでは effort + thinking:{type:'adaptive'} を使う。
+    this.effort = effort || null
     this.sdk = sdk
     this.logger = logger
     this.onEvent = onEvent
@@ -195,10 +200,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()
@@ -321,7 +331,7 @@ class ClaudeStreamSession {
    *  値が undefined のキーは「変更なし」として無視する (バッジ未送出時に既存値を消さない)。
    *  model に空文字/null が来たら setModel(undefined) でデフォルトへ戻す。
    *  maxThinkingTokens に 0/null が来たら setMaxThinkingTokens(null) でオフにする。 */
-  applyRuntimeOptions({ model, permissionMode, maxThinkingTokens } = {}) {
+  applyRuntimeOptions({ model, permissionMode, maxThinkingTokens, effort } = {}) {
     const q = this._residentQuery
     // モデル
     if (model !== undefined) {
@@ -373,6 +383,34 @@ class ClaudeStreamSession {
         }
       }
     }
+    // effort (Opus 4.6+)。SDK には setEffort 相当のランタイム制御メソッドが無いため、
+    // 保持値の更新のみ行う。per-message セッションは次ターンの options 構築時に
+    // this.effort を読むため即反映される。常駐 query は次 spawn (resume 再起動) 時に
+    // 反映される (= 次回セッションから切替。ユーザー要件と一致)。
+    if (effort !== undefined) {
+      this.effort = effort || null
+    }
+  }
+
+  /** モデルが Opus 4.6+ (effort / adaptive thinking 対応) かどうか。
+   *  budget 方式 (maxThinkingTokens) は Opus 4.7+ で廃止扱いのため、effort モデルでは
+   *  effort + thinking:{type:'adaptive'} に切り替える。 */
+  _isEffortModel() {
+    return typeof this.model === "string" && /claude-opus-4-[678]/.test(this.model)
+  }
+
+  /** 思考関連オプション (effort / adaptive thinking / 旧 budget) を options へ適用する。
+   *  per-message / 常駐 query の両方から呼ぶ共通ロジック (分岐の二重定義を避ける)。 */
+  _applyThinkingOptions(options) {
+    if (this._isEffortModel()) {
+      // Opus: adaptive thinking を明示 ON にし、effort で深さを指定する。
+      // budget 方式 (maxThinkingTokens) は使わない (Opus 4.7+ で非対応)。
+      options.thinking = { type: "adaptive" }
+      if (this.effort) options.effort = this.effort
+    } else if (this.maxThinkingTokens != null) {
+      // 非 effort モデル (Sonnet / Haiku 等) は従来の budget 方式を維持。
+      options.maxThinkingTokens = this.maxThinkingTokens
+    }
   }
 
   /** soft detach: browser 切断時にターンを中断せずセッションを生かしたまま detached に
@@ -420,7 +458,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 +482,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",
@@ -470,9 +508,10 @@ class ClaudeStreamSession {
     }
     if (this.model) options.model = this.model
     if (this.permissionMode) options.permissionMode = this.permissionMode
-    // Phase B: チャット SDK に効くオプション (拡張思考予算 / ツール往復上限)。
+    // Phase B: チャット SDK に効くオプション (ツール往復上限)。
     if (this.maxTurns != null) options.maxTurns = this.maxTurns
-    if (this.maxThinkingTokens != null) options.maxThinkingTokens = this.maxThinkingTokens
+    // 思考オプション (effort / adaptive thinking / 旧 budget) はモデルに応じて切替。
+    this._applyThinkingOptions(options)
     // 直前ターンまでの session_id があれば resume チェーン
     if (this.sessionId) options.resume = this.sessionId
 
@@ -573,8 +612,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 +621,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 +695,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 キューから複数ターンを処理する。
@@ -645,7 +717,7 @@ class ClaudeStreamSession {
     if (this.model) options.model = this.model
     if (this.permissionMode) options.permissionMode = this.permissionMode
     if (this.maxTurns != null) options.maxTurns = this.maxTurns
-    if (this.maxThinkingTokens != null) options.maxThinkingTokens = this.maxThinkingTokens
+    this._applyThinkingOptions(options)
     // 改修4: 起動時に sessionId (= resumeSessionId) があれば resume チェーンで文脈を引き継ぐ。
     // query 起動時点の値のみ有効 (起動後に確定/変化する session_id は同一 query 内で継続される)。
     if (this.sessionId) options.resume = this.sessionId
@@ -712,8 +784,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()
       }
     }
@@ -833,6 +905,7 @@ export class ClaudeStreamBridge extends EventEmitter {
    *   permissionMode?: string|null,
    *   maxTurns?: number|null,
    *   maxThinkingTokens?: number|null,
+   *   effort?: string|null,
    *   resumeSessionId?: string|null,
    * }} args
    * @returns {{ stream_id: string, resuming: boolean }}
@@ -844,6 +917,7 @@ export class ClaudeStreamBridge extends EventEmitter {
     permissionMode,
     maxTurns,
     maxThinkingTokens,
+    effort,
     resumeSessionId,
     resident,
   }) {
@@ -872,6 +946,7 @@ export class ClaudeStreamBridge extends EventEmitter {
           permissionMode,
           maxThinkingTokens:
             typeof maxThinkingTokens === "number" ? maxThinkingTokens : null,
+          effort,
         })
         this.sessions.set(stream_id, live)
         this.logger?.info(
@@ -882,6 +957,7 @@ export class ClaudeStreamBridge extends EventEmitter {
             model: live.model,
             permissionMode: live.permissionMode,
             maxThinkingTokens: live.maxThinkingTokens,
+            effort: live.effort,
           },
           "claude stream reattached to live session",
         )
@@ -896,6 +972,7 @@ export class ClaudeStreamBridge extends EventEmitter {
       maxTurns: typeof maxTurns === "number" ? maxTurns : null,
       maxThinkingTokens:
         typeof maxThinkingTokens === "number" ? maxThinkingTokens : null,
+      effort: effort || null,
       resumeSessionId: resumeSessionId || null,
       resident,
       sdk: this.sdk,
@@ -990,6 +1067,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

@@ -756,6 +756,9 @@ async function dispatch(msg, ctx) {
               typeof msg.max_thinking_tokens === "number"
                 ? msg.max_thinking_tokens
                 : null,
+            // effort (Opus 4.6+): browser がチャット既定 (agent 設定由来) を送る。
+            // 空文字/未指定なら null (SDK / Claude Code 既定 = Opus は high)。
+            effort: msg.effort || ctx.config?.claude_effort || null,
             resumeSessionId: msg.resume_session_id || null,
           })
           ctx.client.send({
@@ -844,6 +847,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 })