chocomint 1.1.0 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 691a0248c4e919afa5640c7398b3f1b06221c397ac2c1e4c73fb56c044174246
-  data.tar.gz: 5371ad706155faff73120e8064f6629b7a776099e7c66fc5f07a89bfec932799
+  metadata.gz: cf5b5e18513023f06550376aa901ada01d10efd621f53fc01c4f1671b94e3f1d
+  data.tar.gz: 8fa2badc83ba90c08fd8bcbc5a2a2632a4342993befafb3721457e10c39ee168
 SHA512:
-  metadata.gz: 75558e5f77a42aaaddaa2ffdfc5a509975cf7660ae5eaf346d9e5e24d45ce3873783f23e924b5516a6341db2f405e3ac1bd3688bf7677cc9fe0ec0074a5a352c
-  data.tar.gz: 0b43f17a5b4f916798db9107c3cef61d21f07da1299723a3feb1e31de43231f521bfc8e4bdfc560ff6dd1b65f9546819b61fb79e9263c90ef89796984cac48c9
+  metadata.gz: 6be492f0a271ab2d6978da7c22c6740522983f933f167b96fcdc7800482b341aadc48156d4cb062612abadda090dcc34220a4f0e21745e2b835c51e0a658f8fb
+  data.tar.gz: b5408738a6734a31b1d311fa455c4f2374f176c375cd6fddb7136011353c8fe7dddd54461851baf2c7ed625c6091f7a3d36e90e30ea71a6d918eda31a66ebd0d

data/README.md

@@ -27,7 +27,14 @@ bundle install
 
 ## 設定
 
-`config/config.yml` を編集する（DESIGN §11）。実機確認済みの構成:
+設定ファイルは XDG Base Directory 準拠のユーザーパスに置かれる:
+
+- `~/.config/chocomint/config.yaml`（`$XDG_CONFIG_HOME` があればそちらの `chocomint/config.yaml`）
+
+初回起動時、このファイルが無ければ gem 同梱の既定 `config/config.yml` が上記へ
+コピーされる。以後はユーザーパス側を編集する（`/edit` のモデル切り替えもここへ保存される）。
+
+実機確認済みの構成:
 
 ```yaml
 llm:

data/bin/chocomint-server

@@ -39,5 +39,6 @@ Chocomint::Server.new(
   max_file_bytes: config.max_file_bytes,
   ws_port: ws_port,
   ws_token: ws_token,
-  chat_client: chat_client
+  chat_client: chat_client,
+  config: config
 ).start

data/config/config.yml

@@ -1,37 +1,39 @@
-# chocomint 設定 (DESIGN.md §11)
-llm:
-  base_url: http://localhost:11434/v1
-  model: gemma4:e4b
-  api_key_env: OLLAMA_API_KEY   # 参照する環境変数名 (無ければ空)
-  max_tokens: 4096               # thinking モデルは思考だけで使い切ることがあるため余裕を持たせる
-
-verifier:
-  enabled: true
-  # モデルは指定しない。VRAM 節約のため llm.model を共有する (factory.rb 参照)。
-  max_tokens: 1024                # thinking モデルは思考だけで使い切ることがあるため余裕を持たせる
-
-execution:
-  max_retry: 10
-  max_steps: 20                 # マルチステップ要求で実行を許すステップ数の上限 (暴走防止)
-  timeout_sec: 30
-  max_output_bytes: 1048576     # stdout/stderr サイズ制限 (1 MiB)
-
-security:
-  allowed_dirs:
-    - .                         # サーバーを起動した場所 (Dir.pwd) を作業ディレクトリとして許可
-  max_file_bytes: 10485760      # ファイルサイズ制限 (10 MiB)
-  allowed_commands:             # run_command で実行を許可するコマンド (whitelist)
-    - git
-    - ruby
-    - node
-    - uv                        # Python 環境構築 (uv init / uv add / venv)
-    - ping                      # ネットワーク疎通確認
-  allow_all_commands: true     # true にすると run_command が allowed_commands を無視し任意コマンドを実行する
-                                 # (⚠️ whitelist を無効化する。信頼できるローカル環境でのみ true にすること)
-
-logging:
-  sqlite_path: ./logs/execution.db
-
-server:
-  host: 127.0.0.1
-  port: 9210
+# chocomint 設定 (DESIGN.md §11)
+llm:
+  base_url: http://localhost:11434/v1
+  model: gemma4:e4b
+  api_key_env: OLLAMA_API_KEY   # 参照する環境変数名 (無ければ空)
+  max_tokens: 4096               # thinking モデルは思考だけで使い切ることがあるため余裕を持たせる
+  timeout_sec: 300               # LLM 応答待ちのタイムアウト (秒)。ローカル LLM は遅いため長めに
+                                 # (ツール実行の execution.timeout_sec とは別物)
+
+verifier:
+  enabled: true
+  # モデルは指定しない。VRAM 節約のため llm.model を共有する (factory.rb 参照)。
+  max_tokens: 1024                # thinking モデルは思考だけで使い切ることがあるため余裕を持たせる
+
+execution:
+  max_retry: 10
+  max_steps: 20                 # マルチステップ要求で実行を許すステップ数の上限 (暴走防止)
+  timeout_sec: 30
+  max_output_bytes: 1048576     # stdout/stderr サイズ制限 (1 MiB)
+
+security:
+  allowed_dirs:
+    - .                         # サーバーを起動した場所 (Dir.pwd) を作業ディレクトリとして許可
+  max_file_bytes: 10485760      # ファイルサイズ制限 (10 MiB)
+  allowed_commands:             # run_command で実行を許可するコマンド (whitelist)
+    - git
+    - ruby
+    - node
+    - uv                        # Python 環境構築 (uv init / uv add / venv)
+    - ping                      # ネットワーク疎通確認
+  allow_all_commands: true     # true にすると run_command が allowed_commands を無視し任意コマンドを実行する
+                                 # (⚠️ whitelist を無効化する。信頼できるローカル環境でのみ true にすること)
+
+logging:
+  sqlite_path: ./logs/execution.db
+
+server:
+  host: 127.0.0.1
+  port: 9210

data/lib/chocomint/config.rb

@@ -1,21 +1,62 @@
 # frozen_string_literal: true
 
 require "yaml"
+require "fileutils"
+require "uri"
 
 module Chocomint
-  # config/config.yml を読み込み、環境変数オーバーライドを適用する。
+  # 設定ファイルを読み込み、環境変数オーバーライドを適用する。
+  #
+  # 設定は XDG Base Directory 準拠のユーザーパス
+  # (~/.config/chocomint/config.yaml。$XDG_CONFIG_HOME があればそちらを優先) に置く。
+  # ユーザー設定がまだ無い場合は、gem 同梱の既定 config をそこへコピーして雛形にする
+  # (初回起動時)。読み込み・保存 (モデル切り替えの persist) はいずれもこのユーザーパスを使う。
   class Config
-    DEFAULT_PATH = File.expand_path("../../config/config.yml", __dir__)
+    # gem 同梱の既定 config (初回のコピー元。読み取り専用として扱う)。
+    BUNDLED_PATH = File.expand_path("../../config/config.yml", __dir__)
 
     attr_reader :data
 
-    def self.load(path = DEFAULT_PATH)
+    # XDG 準拠のユーザー設定ファイルパス (~/.config/chocomint/config.yaml)。
+    def self.user_config_path
+      base = ENV["XDG_CONFIG_HOME"]
+      base = File.join(Dir.home, ".config") if base.nil? || base.empty?
+      File.join(base, "chocomint", "config.yaml")
+    end
+
+    # 設定を読み込む。明示的な path が無ければ user_config_path を使い、そこに
+    # まだファイルが無ければ gem 同梱の既定 config をコピーして作成する。
+    # コピーできない (書き込み不可など) 場合は同梱 config をそのまま読み、
+    # 保存先だけユーザーパスに向ける (persist 時に改めて作成を試みる)。
+    def self.load(path = nil)
+      path ||= ensure_user_config
       raw = File.exist?(path) ? YAML.safe_load(File.read(path)) : {}
-      new(raw || {})
+      new(raw || {}, path)
+    end
+
+    # user_config_path を用意する。無ければ同梱 config をコピーして作る。
+    # 戻り値: 実際に読み込むべきパス (コピー成功時はユーザーパス、失敗時は同梱パス)。
+    def self.ensure_user_config
+      dest = user_config_path
+      return dest if File.exist?(dest)
+
+      begin
+        FileUtils.mkdir_p(File.dirname(dest))
+        FileUtils.cp(BUNDLED_PATH, dest) if File.exist?(BUNDLED_PATH)
+        File.exist?(dest) ? dest : BUNDLED_PATH
+      rescue SystemCallError
+        # 書き込み不可などでコピーできないときは同梱 config を読む。
+        BUNDLED_PATH
+      end
     end
 
-    def initialize(data)
+    # 読み込み元パス。llm モデル設定を書き戻す (persist_llm!) のにも使う。
+    # path は第 2 引数 (キーワードにすると Config.new("k" => v) が keyword 誤認で壊れるため)。
+    attr_reader :path
+
+    def initialize(data, path = self.class.user_config_path)
       @data = deep_stringify(data)
+      @path = path
       apply_env_overrides!
     end
 
@@ -37,6 +78,10 @@ module Chocomint
     # マルチステップ実行のステップ数上限。未設定なら max_retry を流用する (暴走防止)。
     def max_steps       = execution.fetch("max_steps", max_retry)
     def timeout_sec     = execution.fetch("timeout_sec", 30)
+    # LLM への HTTP リクエストのタイムアウト (秒)。ツール実行の timeout_sec とは分離する:
+    # ローカル LLM は 1 応答に数分かかることがあり、暴走コマンド用の短い timeout_sec を
+    # 流用すると Net::ReadTimeout で失敗するため。未設定なら余裕を持たせた既定にする。
+    def llm_timeout_sec = llm.fetch("timeout_sec", 300)
     def max_output_bytes = execution.fetch("max_output_bytes", 1_048_576)
 
     def allowed_dirs    = security.fetch("allowed_dirs", ["."])
@@ -49,8 +94,95 @@ module Chocomint
 
     def verifier_enabled? = verifier.fetch("enabled", false)
 
+    # ---- LLM プロバイダ / モデル設定 (AI エディタのモデル切り替え用) ----------
+    #
+    # provider は base_url から推定する: openrouter.ai を含めば "openrouter"、
+    # それ以外 (localhost:11434 等) は "ollama" とみなす。UI での表示・選択に使う。
+    OPENROUTER_BASE_URL = "https://openrouter.ai/api/v1"
+    OLLAMA_BASE_URL     = "http://localhost:11434/v1"
+
+    def llm_base_url = llm.fetch("base_url", OLLAMA_BASE_URL)
+    def llm_model    = llm.fetch("model", nil)
+
+    def llm_provider
+      llm_base_url.to_s.include?("openrouter.ai") ? "openrouter" : "ollama"
+    end
+
+    # Ollama の API ベース URL (末尾に /v1 を含まない)。インストール済みモデル一覧
+    # (/api/tags) の取得に使う。provider が OpenRouter でも Ollama タブのモデルは
+    # ここから取るため、現在の provider に依存させない。
+    #
+    # 優先順位: (1) OLLAMA_HOST 環境変数 (Ollama 標準の設定) →
+    #           (2) 現在の base_url が Ollama を指していればその親 →
+    #           (3) 既定 (http://localhost:11434)。
+    def ollama_api_base
+      if (host = ENV["OLLAMA_HOST"]) && !host.to_s.empty?
+        return normalize_ollama_host(host)
+      end
+      base = llm_provider == "ollama" ? llm_base_url : OLLAMA_BASE_URL
+      base.to_s.sub(%r{/v1/?\z}, "").chomp("/")
+    end
+
+    # 実行時にモデル (と provider) を差し替える。Factory がここを参照して
+    # Planner / chat_client を再構築する。api_key_env は provider ごとに固定する
+    # (Ollama: OLLAMA_API_KEY / OpenRouter: OPENROUTER_API_KEY)。
+    def set_llm!(provider:, model:)
+      llm_cfg = (@data["llm"] ||= {})
+      llm_cfg["model"] = model
+      case provider.to_s
+      when "openrouter"
+        llm_cfg["base_url"] = OPENROUTER_BASE_URL
+        llm_cfg["api_key_env"] = "OPENROUTER_API_KEY"
+      else
+        llm_cfg["base_url"] = OLLAMA_BASE_URL
+        llm_cfg["api_key_env"] = "OLLAMA_API_KEY"
+      end
+      self
+    end
+
+    # 現在の llm 設定 (provider / model / base_url / api_key_env) をユーザー設定へ
+    # 書き戻す。llm セクションだけを更新し、他セクションは元のファイル内容を保つ。
+    #
+    # 保存先は常にユーザーパス (~/.config/chocomint/config.yaml)。読み込み元が
+    # gem 同梱 config だった場合 (初回コピーに失敗したケース) でも、gem ディレクトリ
+    # には書かず、ベースは @path (同梱) の内容を引き継いでユーザーパスへ書き出す。
+    def persist_llm!
+      dest = self.class.user_config_path
+      raw = begin
+        (File.exist?(@path) && YAML.safe_load(File.read(@path))) || {}
+      rescue Psych::SyntaxError
+        {}
+      end
+      raw = deep_stringify(raw)
+      raw["llm"] = @data["llm"]
+      FileUtils.mkdir_p(File.dirname(dest))
+      File.write(dest, YAML.dump(raw))
+      @path = dest
+    end
+
     private
 
+    # Ollama の既定ポート。OLLAMA_HOST にポートが無いとき補う。
+    OLLAMA_DEFAULT_PORT = 11434
+
+    # OLLAMA_HOST の値をクライアントが接続できる URL に正規化する。
+    # OLLAMA_HOST は Ollama サーバーの「待ち受け設定」なので、そのまま接続先には使えない:
+    #   - scheme が無ければ http:// を補う
+    #   - ポートが無ければ既定の 11434 を補う
+    #   - 0.0.0.0 / :: (全 IF で listen する指定) は接続不可なので 127.0.0.1 に読み替える
+    def normalize_ollama_host(host)
+      host = host.to_s.strip
+      host = "http://#{host}" unless host.match?(%r{\Ahttps?://}i)
+      uri = URI.parse(host)
+      uri.host = "127.0.0.1" if ["0.0.0.0", "::", "[::]"].include?(uri.host)
+      # URI::HTTP は scheme 既定ポート (80) を .port に持つため、元文字列に ":ポート" が
+      # 明示されていたかで判定する。無ければ Ollama の既定ポートを補う。
+      uri.port = OLLAMA_DEFAULT_PORT unless host.match?(/:\d+(?:\/|\z)/)
+      uri.to_s.chomp("/")
+    rescue URI::InvalidURIError
+      OLLAMA_BASE_URL.sub(%r{/v1/?\z}, "")
+    end
+
     def apply_env_overrides!
       if (url = ENV["CHOCOMINT_LLM_BASE_URL"])
         (@data["llm"] ||= {})["base_url"] = url

data/lib/chocomint/edit_handlers.rb

@@ -3,6 +3,7 @@
 require "json"
 require "cgi"
 require "set"
+require "faraday"
 
 module Chocomint
   # /edit AI エディタの HTTP ハンドラ群 (Server に include して使う)。
@@ -307,18 +308,19 @@ module Chocomint
       body = JSON.parse(req.body.to_s)
       instruction = body["instruction"].to_s.strip
       path = body["path"].to_s
+      history = parse_chat_history(body["history"])
       return edit_json(res, 400, "error" => "instruction required") if instruction.empty?
 
       # stream=true なら SSE でツール実行の進捗を逐次配信する (UI のリアルタイム表示用)。
-      return handle_edit_chat_stream(res, instruction, path) if body["stream"]
+      return handle_edit_chat_stream(res, instruction, path, history) if body["stream"]
 
       # ツール不要の普通の質問なら会話として直接応答する。それ以外は Planner に流す。
       if chat_instruction?(instruction)
-        return edit_json(res, 200, edit_chat_reply(instruction, path))
+        return edit_json(res, 200, edit_chat_reply(instruction, path, history))
       end
 
       request = build_chat_request(path, instruction)
-      result = @planner.run(request, expectations: instruction)
+      result = @planner.run(request, expectations: instruction, history: history)
       edit_json(res, 200, edit_chat_result(result, path, instruction))
     rescue JSON::ParserError => e
       edit_json(res, 400, "error" => "invalid JSON: #{e.message}")
@@ -333,7 +335,7 @@ module Chocomint
     # SSE 版のチャット処理。Planner のステップ進捗を逐次 event として流し、
     # 最後に従来の JSON 結果を "result" event として送って締める。
     # イベント: tool_start / tool_done / result / error (data は JSON 1 行)。
-    def handle_edit_chat_stream(res, instruction, path)
+    def handle_edit_chat_stream(res, instruction, path, history)
       res.status = 200
       res["content-type"] = "text/event-stream; charset=utf-8"
       res["cache-control"] = "no-cache"
@@ -341,7 +343,7 @@ module Chocomint
       res.body = lambda do |out|
         emit_sse = ->(event, data) { out.write("event: #{event}\ndata: #{JSON.generate(deep_scrub(data))}\n\n") }
         begin
-          run_chat_stream(instruction, path, emit_sse)
+          run_chat_stream(instruction, path, history, emit_sse)
         rescue Chocomint::InvalidProposalError, Chocomint::UnknownToolError,
                Chocomint::RetryLimitExceededError => e
           emit_sse.call("result", "status" => "FAIL", "error" => humanize_chat_error(e), "steps" => [])
@@ -352,10 +354,10 @@ module Chocomint
     end
 
     # SSE 本体: 会話 or Planner 実行を行い、進捗と最終結果を emit_sse で送る。
-    def run_chat_stream(instruction, path, emit_sse)
+    def run_chat_stream(instruction, path, history, emit_sse)
       # 会話 (ツール不要) は進捗が無いので、そのまま最終結果だけ送る。
       if chat_instruction?(instruction)
-        emit_sse.call("result", edit_chat_reply(instruction, path))
+        emit_sse.call("result", edit_chat_reply(instruction, path, history))
         return
       end
 
@@ -384,7 +386,7 @@ module Chocomint
         end
       end
 
-      result = @planner.run(request, expectations: instruction, on_event: on_event)
+      result = @planner.run(request, expectations: instruction, on_event: on_event, history: history)
       emit_sse.call("result", edit_chat_result(result, path, instruction))
     end
 
@@ -406,8 +408,9 @@ module Chocomint
     # ---- 会話ログの圧縮 (/compact) -----------------------------------------
     #
     # ブラウザから現在のチャット表示テキストを受け取り、AI に要点を要約させて返す。
-    # サーバー側は会話履歴を保持しないため、これは「表示ログを短い要約 1 件に畳む」
-    # ための機能 (AI の文脈には元々影響しない)。chat_client 未注入なら 503。
+    # 会話履歴はブラウザ側 (表示ログ) にのみ保持され、/edit/chat 送信時に毎回
+    # history として渡される。この要約 1 件でログを畳めば、以後の history にも
+    # 圧縮済みの文脈として引き継がれる。chat_client 未注入なら 503。
 
     # 要約に渡すログの上限 (これを超える古い部分は末尾を優先して切り詰める)。
     COMPACT_INPUT_LIMIT = 12_000
@@ -433,6 +436,81 @@ module Chocomint
       edit_json(res, 500, "error" => e.message)
     end
 
+    # ---- モデル選択 (ステータスバー) ---------------------------------------
+    #
+    # ステータスバーのモデルボタンから、現在使っているモデルと選択肢を取得し、
+    # 別のモデル (Ollama のローカルモデル / OpenRouter のモデル) に切り替える。
+    # config 未注入 (テスト等) なら 503 を返す。
+
+    # 現在の provider / model と、選択肢 (Ollama のインストール済みモデル一覧、
+    # OpenRouter が利用可能かどうか) を返す。
+    #   GET /edit/models
+    def handle_edit_models(req, res)
+      return edit_method_guard(res) unless req.request_method == "GET"
+      return edit_json(res, 503, "error" => "config not available") unless @config
+
+      openrouter_key = ENV["OPENROUTER_API_KEY"].to_s
+      edit_json(res, 200,
+                "provider" => @config.llm_provider,
+                "model" => @config.llm_model,
+                "ollama_models" => ollama_model_names,
+                "openrouter_available" => !openrouter_key.empty?)
+    rescue Chocomint::Error => e
+      edit_json(res, 500, "error" => e.message)
+    end
+
+    # provider / model を切り替え、Planner・chat_client を再構築して config.yml に保存する。
+    #   POST /edit/model  { "provider": "ollama"|"openrouter", "model": "..." }
+    def handle_edit_model(req, res)
+      return edit_method_guard(res) unless req.request_method == "POST"
+      return edit_json(res, 503, "error" => "config not available") unless @config
+
+      body = JSON.parse(req.body.to_s)
+      provider = body["provider"].to_s
+      model = body["model"].to_s.strip
+      return edit_json(res, 400, "error" => "provider required") unless %w[ollama openrouter].include?(provider)
+      return edit_json(res, 400, "error" => "model required") if model.empty?
+
+      # OpenRouter は API キーが環境変数に無いと呼べないので、切り替え前に確認する。
+      if provider == "openrouter" && ENV["OPENROUTER_API_KEY"].to_s.empty?
+        return edit_json(res, 400,
+                         "error" => "環境変数 OPENROUTER_API_KEY が設定されていません。" \
+                                    "設定してからサーバーを再起動してください。")
+      end
+
+      @config.set_llm!(provider: provider, model: model)
+      rebuild_llm!
+      @config.persist_llm!
+
+      edit_json(res, 200, "provider" => @config.llm_provider, "model" => @config.llm_model)
+    rescue JSON::ParserError => e
+      edit_json(res, 400, "error" => "invalid JSON: #{e.message}")
+    rescue Chocomint::Error => e
+      edit_json(res, 500, "error" => e.message)
+    end
+
+    # 変更後の @config で Planner と chat_client を作り直し、以後のリクエストに反映する。
+    def rebuild_llm!
+      @planner = Chocomint::Factory.build(@config, base_dir: @base_dir)
+      @chat_client = Chocomint::Factory.build_chat_client(@config, base_dir: @base_dir)
+    end
+
+    # Ollama にインストール済みのモデル名一覧を取得する。Ollama ネイティブ API の
+    # /api/tags を叩く。現在の provider が OpenRouter でも Ollama タブの候補は
+    # Ollama から取るため、config.ollama_api_base (provider 非依存) を使う。
+    # 取得失敗時は空配列を返す (UI では「Ollama に接続できません」等の空表示になる)。
+    def ollama_model_names
+      base = @config.ollama_api_base
+      conn = Faraday.new { |f| f.options.timeout = 5; f.options.open_timeout = 5 }
+      response = conn.get("#{base}/api/tags")
+      return [] unless response.success?
+
+      data = JSON.parse(response.body)
+      Array(data["models"]).filter_map { |m| m["name"] if m.is_a?(Hash) }.sort
+    rescue Faraday::Error, JSON::ParserError
+      []
+    end
+
     # chat_client があり、指示が「会話」と分類されたときだけ会話として扱う。
     # chat_client 未注入なら常に false (従来どおり全て Planner に流す)。
     def chat_instruction?(instruction)
@@ -446,8 +524,8 @@ module Chocomint
 
     # 会話 (普通の質問) への直接応答を UI 向け JSON に整形する。
     # 開いているファイルがあれば内容を文脈として渡す。
-    def edit_chat_reply(instruction, path)
-      answer = @chat_client.answer(instruction, context: chat_file_context(path))
+    def edit_chat_reply(instruction, path, history = [])
+      answer = @chat_client.answer(instruction, context: chat_file_context(path), history: history)
       { "status" => "PASS", "reply" => answer, "steps" => [] }
     rescue Chocomint::Error => e
       { "status" => "FAIL", "error" => e.message, "steps" => [] }
@@ -470,6 +548,8 @@ module Chocomint
     end
 
     # 対象ファイルがあれば文脈として明示し、無ければ指示だけを渡す。
+    # 過去のやり取りは history として別途 messages の先頭に user/assistant のまま積むため
+    # (chat_client#answer / Planner#run 経由)、ここでは今回の指示だけを組み立てる。
     def build_chat_request(path, instruction)
       if path.empty?
         instruction
@@ -478,6 +558,25 @@ module Chocomint
       end
     end
 
+    # HTTP リクエストの history (JSON 配列) を chat_client / Planner へ渡せる
+    # [{ "role" => "user"/"assistant", "content" => String }, ...] に正規化する。
+    # 不正な要素は無視する (壊れた履歴で応答全体を失敗させないため)。
+    CHAT_HISTORY_LIMIT = 20
+
+    def parse_chat_history(raw)
+      return [] unless raw.is_a?(Array)
+
+      raw.filter_map do |entry|
+        next unless entry.is_a?(Hash)
+
+        role = entry["role"].to_s
+        content = entry["content"].to_s
+        next if content.empty? || !%w[user assistant].include?(role)
+
+        { "role" => role, "content" => content }
+      end.last(CHAT_HISTORY_LIMIT)
+    end
+
     # Planner::Result を UI 向けの JSON に整形する。編集後内容も返して Monaco を更新する。
     # instruction: 要約生成のための元の要求文 (任意)。
     def edit_chat_result(result, path, instruction = nil)
@@ -570,26 +669,10 @@ module Chocomint
       result.fetch(key) { result[key.to_s] }
     end
 
-    # 内部ツール名を UI 向けの日本語ラベル (アイコン付き) に変換する。未知の名前は原文。
-    TOOL_LABELS = {
-      "write_file" => "📝 ファイル書き込み",
-      "read_file" => "📖 ファイル読み取り",
-      "append_file" => "➕ ファイル追記",
-      "delete_file" => "🗑 ファイル削除",
-      "edit" => "✏️ ファイル編集",
-      "make_dir" => "📁 ディレクトリ作成",
-      "file_info" => "ℹ️ ファイル情報",
-      "list_dir" => "📂 ディレクトリ一覧",
-      "ls" => "📂 一覧表示",
-      "glob" => "🔍 ファイル検索",
-      "grep" => "🔍 内容検索",
-      "run_command" => "▶️ コマンド実行",
-      "bash" => "▶️ コマンド実行",
-      "shell" => "▶️ コマンド実行"
-    }.freeze
-
+    # 内部ツール名を UI 向けの表示ラベルに変換する。
+    # 絵文字は付けず、"_" を空白に、小文字を大文字にする (例: run_command → RUN COMMAND)。
     def tool_label(tool)
-      TOOL_LABELS.fetch(tool.to_s, "🔧 #{tool}")
+      tool.to_s.tr("_", " ").upcase
     end
 
     # 引数から「何を対象にしたか」を 1 行で要約する (例: 対象ファイル名 / 実行コマンド)。

data/lib/chocomint/factory.rb

@@ -99,7 +99,7 @@ module Chocomint
         model: config.llm.fetch("model"),
         api_key: api_key(config.llm),
         max_tokens: config.llm.fetch("max_tokens", 1024),
-        timeout: config.timeout_sec,
+        timeout: config.llm_timeout_sec,
         payload_logger: logger,
         role: "chat"
       )
@@ -112,7 +112,7 @@ module Chocomint
         model: config.llm.fetch("model"),
         api_key: api_key(config.llm),
         max_tokens: config.llm.fetch("max_tokens", 1024),
-        timeout: config.timeout_sec,
+        timeout: config.llm_timeout_sec,
         payload_logger: logger,
         role: "primary"
       )
@@ -130,7 +130,7 @@ module Chocomint
         model: config.llm.fetch("model"),
         api_key: api_key(config.llm),
         max_tokens: config.verifier.fetch("max_tokens", 1024),
-        timeout: config.timeout_sec,
+        timeout: config.llm_timeout_sec,
         payload_logger: logger,
         role: "verifier"
       )

data/lib/chocomint/llm/chat_client.rb

@@ -96,12 +96,15 @@ module Chocomint
 
       # 会話としての自然文回答を返す。現在日時・OS・シェルの情報を毎回付加する
       # (ローカルモデルが日付や実行環境を誤解しないようにするため)。
-      def answer(instruction, context: nil, trace_id: nil)
+      # history: これまでのやり取り [{ "role" => "user"/"assistant", "content" => String }, ...]
+      # (直近の指示より前の文脈として messages の先頭に積む)。
+      def answer(instruction, context: nil, history: nil, trace_id: nil)
         content = context.to_s.empty? ? instruction.to_s : "#{context}\n\n#{instruction}"
         system_prompt = "#{ANSWER_SYSTEM_PROMPT}\n#{PrimaryClient.environment_prompt}"
+        messages = Array(history) + [{ "role" => "user", "content" => content }]
         response = @client.create_message(
           system: system_prompt,
-          messages: [{ "role" => "user", "content" => content }],
+          messages: messages,
           trace_id: trace_id
         )
         text = strip_emoji(extract_text(response))

data/lib/chocomint/llm/primary_client.rb

@@ -99,11 +99,13 @@ module Chocomint
       # 完了していれば tool="finish" を返す (Planner がループ終了に使う)。
       # 戻り値: { "tool" => name, "arguments" => Hash }
       # done_steps: [{ tool:, arguments:, result: }, ...] 形式の完了済みステップ列。
-      def propose_step(request, done_steps = [], trace_id: nil)
+      # history: これまでの会話ターン [{ "role" => "user"/"assistant", "content" => String }, ...]
+      # (request より前の文脈として messages の先頭に user/assistant のまま積む)。
+      def propose_step(request, done_steps = [], trace_id: nil, history: nil)
         response = @client.create_message(
           system: self.class.step_system_prompt,
           tools: @tool_definitions + [FINISH_TOOL_DEFINITION],
-          messages: build_step_messages(request, done_steps),
+          messages: Array(history) + build_step_messages(request, done_steps),
           trace_id: trace_id
         )
 
@@ -120,11 +122,12 @@ module Chocomint
       # 戻り値: { "tool" => name, "arguments" => Hash }
       # feedback: 初回〜前回までの全試行履歴 (再提案時に引数を変えさせるため / DESIGN §6)。
       #   [{ attempt:, proposal:, error: }, ...] 形式。旧来の単一 Hash も許容する。
-      def propose(request, feedback: nil, trace_id: nil)
+      # history: これまでの会話ターン (propose_step と同様。messages の先頭に積む)。
+      def propose(request, feedback: nil, trace_id: nil, history: nil)
         response = @client.create_message(
           system: self.class.system_prompt,
           tools: @tool_definitions,
-          messages: build_messages(request, feedback),
+          messages: Array(history) + build_messages(request, feedback),
           trace_id: trace_id
         )
 

data/lib/chocomint/planner.rb

@@ -42,14 +42,16 @@ module Chocomint
     #     { type: "step_start", step: n, tool:, label:, target: } … ツール実行の直前
     #     { type: "step_done",  step: n, tool:, label:, target:, status:, exit_code:, output: } … 実行後
     #   コールバック内の例外は握りつぶす (通知失敗で実行本体を止めないため)。
-    def run(request, expectations: nil, on_event: nil)
+    # history: これまでの会話ターン [{ "role" => "user"/"assistant", "content" => String }, ...]
+    #   (request より前の文脈として主 LLM への messages 先頭に user/assistant のまま積む)。
+    def run(request, expectations: nil, on_event: nil, history: nil)
       trace_id = SecureRandom.uuid
       done_steps = []
       total_attempts = 0
 
       @max_steps.times do |i|
         step_no = i + 1
-        proposal, error = propose_and_execute(request, done_steps, trace_id, step_no, on_event)
+        proposal, error = propose_and_execute(request, done_steps, trace_id, step_no, on_event, history)
         total_attempts += 1
 
         if proposal.nil?
@@ -96,10 +98,10 @@ module Chocomint
     # 次ステップを提案させ、machine 検証を通るまで最大 step_retry 回まで引数を変えて再提案する。
     # 成功時は proposal に実行結果を :__result で埋めて返す。
     # 戻り値: [proposal_or_nil, error_or_nil]。
-    def propose_and_execute(request, done_steps, trace_id, step_no, on_event = nil)
+    def propose_and_execute(request, done_steps, trace_id, step_no, on_event = nil, history = nil)
       last_error = nil
       @step_retry.times do
-        proposal = safe_propose(request, done_steps, trace_id)
+        proposal = safe_propose(request, done_steps, trace_id, history)
         return [nil, "proposal failed: #{@propose_error}"] if proposal.nil?
 
         # finish はそのまま返す (実行不要)。
@@ -130,9 +132,9 @@ module Chocomint
     end
 
     # LLM 通信エラーは一時的な障害として nil を返し、呼び出し元でリトライさせる。
-    def safe_propose(request, done_steps, trace_id)
+    def safe_propose(request, done_steps, trace_id, history = nil)
       @propose_error = nil
-      @primary.propose_step(request, done_steps, trace_id: trace_id)
+      @primary.propose_step(request, done_steps, trace_id: trace_id, history: history)
     rescue InvalidProposalError, UnknownToolError
       raise
     rescue Chocomint::Error => e

data/lib/chocomint/server.rb

@@ -27,12 +27,15 @@ module Chocomint
     # edit UI 用に PathGuard / base_dir / vendor / console 情報も受け取る (任意)。
     # chat_client: 会話 (ツール不要の質問) を判定・応答する ChatClient (任意)。
     #   未指定なら /edit チャットは従来どおり全指示を Planner に流す。
+    # config: Config インスタンス (任意)。渡すと /edit のモデル切り替え
+    #   (POST /edit/model) で Planner / chat_client を再構築できるようになる。
     def initialize(planner, host: "127.0.0.1", port: 9210, logger: $stderr,
                    sqlite_path: nil, path_guard: nil, base_dir: Dir.pwd,
                    max_file_bytes: 10_485_760, ws_port: nil, ws_token: nil,
-                   chat_client: nil)
+                   chat_client: nil, config: nil)
       @planner = planner
       @chat_client = chat_client
+      @config = config
       @host = host
       @port = port
       @logger = logger
@@ -70,6 +73,9 @@ module Chocomint
         server.mount_proc("/edit/save") { |req, res| handle_edit_save(req, res) }
         server.mount_proc("/edit/chat") { |req, res| handle_edit_chat(req, res) }
         server.mount_proc("/edit/compact") { |req, res| handle_edit_compact(req, res) }
+        # モデル選択 (ステータスバー): 現在値/候補の取得と切り替え。
+        server.mount_proc("/edit/models") { |req, res| handle_edit_models(req, res) }
+        server.mount_proc("/edit/model") { |req, res| handle_edit_model(req, res) }
         # ファイル操作 (右クリックメニュー): 削除 / 名前変更 / 追加。
         server.mount_proc("/edit/fs/delete") { |req, res| handle_edit_fs_delete(req, res) }
         server.mount_proc("/edit/fs/rename") { |req, res| handle_edit_fs_rename(req, res) }
@@ -270,7 +276,13 @@ module Chocomint
 
     # 一覧の表列。id は詳細リンク、trace_id はフィルタリンクにする。
     # content はレスポンスの返答要約 (text 冒頭 / tool_use:名前)。
-    LLM_COLUMNS = %w[no trace_id role model response_status content created_at].freeze
+    # in/cache/out はトークン数 (入力=キャッシュ除く / 入力キャッシュ / 出力)。
+    LLM_COLUMNS = %w[no trace_id role model response_status
+                     in cache out content created_at].freeze
+    # 一覧のトークン列は短い見出しだと意味が伝わりにくいので日本語ラベルを添える。
+    LLM_COLUMN_LABELS = {
+      "in" => "入力", "cache" => "入力キャッシュ", "out" => "出力"
+    }.freeze
 
     def llm_logs_html(rows, total:, page:, trace_id:)
       base = trace_id ? "/logs/llm?trace_id=#{CGI.escape(trace_id)}&" : "/logs/llm?"
@@ -303,6 +315,7 @@ module Chocomint
             th { background: #f5f5f5; position: sticky; top: 0; }
             td.no a, td.trace a { color: #1155cc; text-decoration: none; }
             td.no a:hover, td.trace a:hover { text-decoration: underline; }
+            td.num { text-align: right; font-variant-numeric: tabular-nums; color: #444; }
             td.content { white-space: normal; max-width: 28rem; color: #444; }
             tr:nth-child(even) { background: #fafafa; }
             .role-primary { color: #1155cc; font-weight: 600; }
@@ -319,7 +332,7 @@ module Chocomint
           <div class="table-wrap">
             <table>
               <thead>
-                <tr>#{LLM_COLUMNS.map { |c| "<th>#{CGI.escapeHTML(c)}</th>" }.join}</tr>
+                <tr>#{LLM_COLUMNS.map { |c| "<th>#{CGI.escapeHTML(LLM_COLUMN_LABELS[c] || c)}</th>" }.join}</tr>
               </thead>
               <tbody>
         #{rows.empty? ? %(<tr><td colspan="#{LLM_COLUMNS.size}" class="empty">ペイロードはありません</td></tr>) : body_rows}
@@ -340,6 +353,7 @@ module Chocomint
       trace_cell = tid.empty? ? "(なし)" : %(<a href="/logs/llm?trace_id=#{CGI.escape(tid)}">#{CGI.escapeHTML(tid)}</a>)
       status = row["response_status"].nil? ? "-" : row["response_status"].to_s
       content = content_summary(row["response_body"])
+      usage = usage_tokens(row["response_body"])
       <<~ROW
         <tr>
           <td class="no">#{no_link}</td>
@@ -347,18 +361,49 @@ module Chocomint
           <td class="role-#{CGI.escapeHTML(role)}">#{CGI.escapeHTML(role)}</td>
           <td>#{CGI.escapeHTML(row['model'].to_s)}</td>
           <td>#{CGI.escapeHTML(status)}</td>
+          <td class="num">#{CGI.escapeHTML(token_cell(usage[:input]))}</td>
+          <td class="num">#{CGI.escapeHTML(token_cell(usage[:cache]))}</td>
+          <td class="num">#{CGI.escapeHTML(token_cell(usage[:output]))}</td>
           <td class="content">#{CGI.escapeHTML(content)}</td>
           <td>#{CGI.escapeHTML(row['created_at'].to_s)}</td>
         </tr>
       ROW
     end
 
+    # response_body(JSON) の usage からトークン数を取り出す。
+    #   :input  … 入力トークン (入力キャッシュを除く。Anthropic 系の input_tokens)
+    #   :cache  … 入力キャッシュ (cache_read + cache_creation)
+    #   :output … 出力トークン
+    # usage が無い/パース不能なら各値 nil (表示は "-")。
+    def usage_tokens(response_body)
+      return { input: nil, cache: nil, output: nil } if response_body.nil?
+
+      parsed = begin
+        JSON.parse(response_body)
+      rescue JSON::ParserError
+        nil
+      end
+      usage = parsed.is_a?(Hash) ? parsed["usage"] : nil
+      return { input: nil, cache: nil, output: nil } unless usage.is_a?(Hash)
+
+      cache = usage["cache_read_input_tokens"].to_i + usage["cache_creation_input_tokens"].to_i
+      { input: usage["input_tokens"], cache: cache, output: usage["output_tokens"] }
+    end
+
+    # トークン数セルの表示。nil は "-"、数値は 3 桁区切りにする。
+    def token_cell(value)
+      return "-" if value.nil?
+
+      value.to_i.to_s.reverse.gsub(/(\d{3})(?=\d)/, '\\1,').reverse
+    end
+
     # ペイロード詳細ページ (リクエスト + レスポンス + ツール正常性判定)。
     def llm_detail_html(row, outcomes = [])
       role = row["role"].to_s
       tid = row["trace_id"].to_s
       trace_link = tid.empty? ? "(なし)" : %(<a href="/logs/llm?trace_id=#{CGI.escape(tid)}">#{CGI.escapeHTML(tid)}</a>)
       status = row["response_status"].nil? ? "(未記録)" : row["response_status"].to_s
+      usage = usage_tokens(row["response_body"])
       <<~HTML
         <!DOCTYPE html>
         <html lang="ja">
@@ -407,6 +452,7 @@ module Chocomint
             <span>model: #{CGI.escapeHTML(row['model'].to_s)}</span>
             <span>trace: #{trace_link}</span>
             <span>response_status: #{CGI.escapeHTML(status)}</span>
+            <span>tokens: 入力 #{CGI.escapeHTML(token_cell(usage[:input]))} / 入力キャッシュ #{CGI.escapeHTML(token_cell(usage[:cache]))} / 出力 #{CGI.escapeHTML(token_cell(usage[:output]))}</span>
             <span>#{CGI.escapeHTML(row['created_at'].to_s)}</span>
           </div>
           <div class="lbl">request messages（LLM への送信メッセージ）</div>

data/lib/chocomint.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Chocomint
-  VERSION = "1.1.0"
+  VERSION = "1.1.1"
 end
 
 require_relative "chocomint/errors"

data/public/edit/edit.css

@@ -182,6 +182,13 @@ html, body { margin: 0; height: 100%;
                  padding: 0.2rem 0.6rem; cursor: pointer; border-radius: 4px; }
 #statusbar-eol[hidden] { display: none; }
 #statusbar-eol:hover { background: rgba(255,255,255,0.15); }
+/* モデル選択ボタン (改行コードの右)。現在の LLM モデル名を表示する。 */
+#statusbar-model { display: flex; align-items: center; gap: 0.3rem; background: transparent;
+                   border: none; color: inherit; font-size: inherit; padding: 0.2rem 0.6rem;
+                   cursor: pointer; border-radius: 4px; max-width: 16rem; }
+#statusbar-model:hover { background: rgba(255,255,255,0.15); }
+.statusbar-model-icon { font-size: 0.8rem; }
+#statusbar-model-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* ブランチ切り替えダイアログの一覧。 */
 .branch-list { list-style: none; margin: 0 0 0.7rem; padding: 0; max-height: 12rem;
                overflow: auto; border: 1px solid #eee; border-radius: 6px; }
@@ -416,6 +423,12 @@ html, body { margin: 0; height: 100%;
                              width: 1em; text-align: center; }
 /* AI 実行中のツール進捗行 (SSE)。実行中は点字スピナー、完了で ✓ / ✕ に変わる。 */
 .pending-head { color: #555; }
+/* 実行中の経過時間 (例: 30s)。1 秒ごとに更新される。 */
+.pending-elapsed { margin-left: 0.4rem; font-size: 0.78rem; color: #888;
+                   font-variant-numeric: tabular-nums; }
+/* 会話応答 (ツール実行なし) の下に添える実行時間。 */
+.msg-elapsed { margin-top: 0.3rem; font-size: 0.72rem; color: #999;
+               font-variant-numeric: tabular-nums; }
 .pending-tools { display: flex; flex-direction: column; gap: 0.3rem;
                  margin-top: 0.4rem; }
 .ptool { display: flex; align-items: center; gap: 0.4rem; font-size: 0.78rem;
@@ -424,6 +437,9 @@ html, body { margin: 0; height: 100%;
 .ptool-mark.ok { color: #137333; }
 .ptool-mark.ng { color: #c5221f; }
 .ptool-label { font-weight: 600; color: #333; }
+/* 完了マーク / ツール名を監査ログへのリンクにしたとき (クリック可能を示す)。 */
+.log-link { cursor: pointer; }
+.log-link:hover { text-decoration: underline; }
 .ptool-target { font-family: "Cascadia Code", "Noto Sans JP", monospace;
                 font-size: 0.72rem; background: #eef; color: #33407a;
                 padding: 0.05rem 0.35rem; border-radius: 4px;
@@ -481,3 +497,19 @@ html, body { margin: 0; height: 100%;
 .vwin-btn.primary:hover { background: #82c3cb; }
 .vwin-btn.danger { background: #fce8e6; border-color: #f3c9c6; color: #c5221f; font-weight: 600; }
 .vwin-btn.danger:hover { background: #f8d7d4; }
+
+/* モデル設定ダイアログ: provider タブ + 各 provider のペイン。 */
+#model-dialog .vwin-body select {
+  width: 100%; box-sizing: border-box; padding: 0.4rem 0.5rem;
+  border: 1px solid #ccc; border-radius: 6px; font-size: 0.85rem;
+  font-family: "Cascadia Code", "Noto Sans JP", monospace; }
+.model-tabs { display: flex; gap: 0.3rem; margin-bottom: 0.8rem; }
+.model-tab { flex: 1; padding: 0.4rem 0.6rem; border: 1px solid #ccc; border-radius: 6px;
+             background: #f5f5f5; color: #555; font-size: 0.85rem; cursor: pointer; }
+.model-tab:hover { background: #ececec; }
+.model-tab.active { background: #a2d7dd; border-color: #82c3cb; color: #16393d; font-weight: 600; }
+.model-pane[hidden] { display: none; }
+.model-hint { font-size: 0.78rem; color: #666; margin: 0.5rem 0 0; line-height: 1.5; }
+.model-hint a { color: #1155cc; }
+.model-hint code { background: #eef; padding: 0.05rem 0.3rem; border-radius: 3px; }
+.model-warn { color: #b06000; }

data/public/edit/edit.js

@@ -1460,7 +1460,23 @@ function addPendingMsg() {
   sp.textContent = SPINNER_FRAMES[0];
   head.appendChild(sp);
   head.appendChild(document.createTextNode(' AI 考え中...'));
+  // 経過時間をリアルタイム表示 (例: 30s)。1 秒ごとに更新する。
+  const elapsed = document.createElement('span');
+  elapsed.className = 'pending-elapsed';
+  head.appendChild(elapsed);
   b.appendChild(head);
+  const startedAt = Date.now();
+  const updateElapsed = () => {
+    elapsed.textContent = '(' + Math.floor((Date.now() - startedAt) / 1000) + 's)';
+  };
+  updateElapsed();
+  const elapsedTimer = setInterval(updateElapsed, 1000);
+  div._startedAt = startedAt;
+  // 経過秒 (実行時間) を確定して返す。タイマーも止める (二重停止は無害)。
+  div._finishElapsed = () => {
+    clearInterval(elapsedTimer);
+    return Math.round((Date.now() - startedAt) / 1000);
+  };
   // ツール実行の進捗行を並べるコンテナ (SSE の tool_start / tool_done で更新)。
   const tools = document.createElement('div');
   tools.className = 'pending-tools';
@@ -1472,6 +1488,7 @@ function addPendingMsg() {
   // remove 時に回転対象からも外す (ツール行のスピナーも含めて)。
   const origRemove = div.remove.bind(div);
   div.remove = () => {
+    clearInterval(elapsedTimer);
     spinnerTargets.delete(sp);
     tools.querySelectorAll('.pending-spinner').forEach(s => spinnerTargets.delete(s));
     origRemove();
@@ -1539,6 +1556,24 @@ function pendingToolDone(pending, ev) {
   chatLog.scrollTop = chatLog.scrollHeight;
 }
 
+// trace_id に対応する監査ログ (実行の詳細) の URL。エディタと同一オリジンで開ける。
+function traceLogHref(traceId) {
+  return '/logs?trace_id=' + encodeURIComponent(traceId);
+}
+
+// 完了マーク (✓/✕) とツール名を、その実行の監査ログへのリンクにする。
+// trace_id が判明した時点 (result 受信後) に呼ぶ。既にリンク済みなら href だけ更新する。
+function linkToolRow(row, traceId) {
+  if (!traceId) return;
+  const href = traceLogHref(traceId);
+  const title = 'この実行の監査ログを開く';
+  row.querySelectorAll('.ptool-mark, .ptool-label, .step-mark, .step-label').forEach(el => {
+    el.classList.add('log-link');
+    el.onclick = () => window.open(href, '_blank', 'noopener');
+    el.title = title;
+  });
+}
+
 // 軽量 Markdown → HTML 変換 (外部ライブラリ非依存 / オフライン用)。
 // XSS 防止のため、まず全体を HTML エスケープしてから Markdown 記法だけを HTML 化する。
 function escapeHtml(s) {
@@ -1629,12 +1664,19 @@ function addUserMsg(text) {
 }
 
 // AI 発言: 枠なしの地の文 (ラベルなし)。回答は Markdown として描画する。
-function addAiMsg(text) {
+// elapsedSec: 実行時間 (秒)。渡されれば発言の下に控えめに「実行時間 Ns」を添える。
+function addAiMsg(text, elapsedSec) {
   const div = document.createElement('div');
   div.className = 'msg ai';
   const b = document.createElement('div');
   b.className = 'bubble markdown';
   b.innerHTML = renderMarkdown(text);
+  if (elapsedSec != null) {
+    const meta = document.createElement('div');
+    meta.className = 'msg-elapsed';
+    meta.textContent = '実行時間 ' + elapsedSec + 's';
+    b.appendChild(meta);
+  }
   div.appendChild(b);
   chatLog.appendChild(div);
   chatLog.scrollTop = chatLog.scrollHeight;
@@ -1643,7 +1685,7 @@ function addAiMsg(text) {
 
 // 実行ステップ 1 件を「番号・ツールラベル・対象・成否・出力」の構造で描画する。
 // 生 JSON をそのまま出さず、人間が追える形にするのが目的。
-function renderStep(s, no) {
+function renderStep(s, no, traceId) {
   const st = document.createElement('div');
   st.className = 'step' + (s.status === 'PASS' ? '' : ' failed');
 
@@ -1677,6 +1719,9 @@ function renderStep(s, no) {
 
   st.appendChild(head);
 
+  // trace_id があれば、完了マークとツール名をこの実行の監査ログへのリンクにする。
+  if (traceId) linkToolRow(st, traceId);
+
   // 出力は改行を保った等幅ブロックで表示。空なら控えめに「(出力なし)」。
   const out = document.createElement('code');
   out.className = 'out';
@@ -1691,9 +1736,10 @@ function renderStep(s, no) {
 }
 
 // AI の実行結果 (ステータスバッジ + 返信 + 各ツールの出力) を描画する。
-function renderAiResult(data) {
+// elapsedSec: 実行時間 (秒)。渡されればバッジに「実行時間 Ns」を添える。
+function renderAiResult(data, elapsedSec) {
   // 会話応答 (ツール実行なし) は自然文だけを地の文として表示する。
-  if (data.reply) return addAiMsg(data.reply);
+  if (data.reply) return addAiMsg(data.reply, elapsedSec);
 
   const status = data.status || 'FAIL';
   const div = document.createElement('div');
@@ -1705,7 +1751,9 @@ function renderAiResult(data) {
   badge.className = 'badge';
   const statusText = status === 'PASS' ? '✓ 完了' : '✕ 失敗';
   // attempts は「LLM への試行回数」。1 回なら冗長なので添えない。
-  badge.textContent = statusText + (data.attempts > 1 ? ' · 試行 ' + data.attempts + ' 回' : '');
+  badge.textContent = statusText +
+    (data.attempts > 1 ? ' · 試行 ' + data.attempts + ' 回' : '') +
+    (elapsedSec != null ? ' · 実行時間 ' + elapsedSec + 's' : '');
   b.appendChild(badge);
 
   // AI による実行結果の要約 (Markdown)。生のツール出力より上に目立たせて表示。
@@ -1734,7 +1782,7 @@ function renderAiResult(data) {
   if (steps.length) {
     const wrap = document.createElement('div');
     wrap.className = 'steps';
-    steps.forEach((s, i) => wrap.appendChild(renderStep(s, i + 1)));
+    steps.forEach((s, i) => wrap.appendChild(renderStep(s, i + 1, data.trace_id)));
     // 要約があるときは実行の詳細を折りたたむ (まとめを主役にする)。
     if (data.summary) {
       const det = document.createElement('details');
@@ -1770,7 +1818,8 @@ function clearChat() {
 }
 
 // 現在のチャット表示テキストを AI に要約させ、ログを短い要約 1 件に畳み込む。
-// サーバー側は会話履歴を保持しないため、これは表示の圧縮のみ (AI の文脈には影響しない)。
+// 履歴は表示ログから毎回組み立てて送るため、これでログを畳めば次回送信の
+// history も要約後の短い文脈に置き換わる (肥大化を防ぐ)。
 async function compactChat() {
   const transcript = collectTranscript();
   if (!transcript.trim()) { clearChat(); return; }
@@ -1812,6 +1861,20 @@ function collectTranscript() {
   return lines.join('\n');
 }
 
+// これまでのチャットログを /edit/chat に渡す履歴配列に書き出す。
+// サーバーは会話履歴を保持しないため、送信のたびに表示済みログから組み立てて送る。
+function collectChatHistory() {
+  const history = [];
+  chatLog.querySelectorAll('.msg').forEach(m => {
+    // pending (AI 考え中) 行はまだ確定した発言ではないので含めない。
+    if (m.querySelector('.pending-head')) return;
+    const role = m.classList.contains('user') ? 'user' : 'assistant';
+    const text = (m.textContent || '').replace(/\s+/g, ' ').trim();
+    if (text) history.push({ role, content: text });
+  });
+  return history;
+}
+
 // /compact の結果 (これまでの会話のまとめ) を専用の見出し付きで表示する。
 function addCompactSummary(text) {
   const div = document.createElement('div');
@@ -1855,11 +1918,19 @@ function finalizePending(pending, data) {
   const badge = document.createElement('span');
   badge.className = 'badge';
   const statusText = status === 'PASS' ? '✓ 完了' : '✕ 失敗';
-  badge.textContent = statusText + (data.attempts > 1 ? ' · 試行 ' + data.attempts + ' 回' : '');
+  const elapsedSec = pending._finishElapsed ? pending._finishElapsed() : null;
+  badge.textContent = statusText +
+    (data.attempts > 1 ? ' · 試行 ' + data.attempts + ' 回' : '') +
+    (elapsedSec != null ? ' · 実行時間 ' + elapsedSec + 's' : '');
   if (head) head.replaceWith(badge); else b.insertBefore(badge, b.firstChild);
 
-  // 要約 (Markdown) はツール一覧の上に目立たせて置く。
+  // trace_id が判明したので、各ツール行 (完了マーク + ツール名) を監査ログへのリンクにする。
   const tools = pending._toolsEl;
+  if (data.trace_id && tools) {
+    tools.querySelectorAll('.ptool').forEach(row => linkToolRow(row, data.trace_id));
+  }
+
+  // 要約 (Markdown) はツール一覧の上に目立たせて置く。
   if (data.summary) {
     const sum = document.createElement('div');
     sum.className = 'summary markdown';
@@ -1895,8 +1966,10 @@ function handleChatEvent(pending, evName, dataStr) {
     // 会話応答 (reply) はツール実行が無いので、pending を消して地の文で表示。
     // ツール実行があった場合は、進捗表示を消さずにその場で仕上げる。
     if (data.reply || !pending._hadTool) {
+      // pending 破棄前に実行時間を確定して結果表示へ渡す。
+      const elapsedSec = pending._finishElapsed ? pending._finishElapsed() : null;
       pending.remove();
-      renderAiResult(data);
+      renderAiResult(data, elapsedSec);
     } else {
       finalizePending(pending, data);
     }
@@ -1906,8 +1979,9 @@ function handleChatEvent(pending, evName, dataStr) {
     if (pending._hadTool) {
       finalizePending(pending, { status: 'FAIL', error: data.error || 'エラー' });
     } else {
+      const elapsedSec = pending._finishElapsed ? pending._finishElapsed() : null;
       pending.remove();
-      renderAiResult({ status: 'FAIL', error: data.error || 'エラー' });
+      renderAiResult({ status: 'FAIL', error: data.error || 'エラー' }, elapsedSec);
     }
   }
 }
@@ -1917,6 +1991,8 @@ async function sendChat() {
   if (!instruction) return;
   // /clear /compact はローカルコマンド (AI へは送らない)。
   if (handleSlashCommand(instruction)) return;
+  // 今回の発言を DOM に足す前に、これまでのログを履歴として集めておく。
+  const history = collectChatHistory();
   chatInput.value = '';
   addUserMsg(instruction);
   chatForm.classList.add('busy');
@@ -1926,13 +2002,14 @@ async function sendChat() {
   try {
     const r = await fetch('/edit/chat', {
       method: 'POST', headers: { 'content-type': 'application/json' },
-      body: JSON.stringify({ path: currentPath || '', instruction, stream: true })
+      body: JSON.stringify({ path: currentPath || '', instruction, history, stream: true })
     });
     if (!r.ok || !r.body) {
       // SSE を開始できなかった場合は本文を JSON として読んでフォールバック。
       const data = await r.json().catch(() => ({ status: 'FAIL', error: r.status + ' error' }));
+      const elapsedSec = pending._finishElapsed ? pending._finishElapsed() : null;
       pending.remove();
-      renderAiResult(data);
+      renderAiResult(data, elapsedSec);
       applyResultSideEffects(data);
       return;
     }
@@ -1957,8 +2034,9 @@ async function sendChat() {
       }
     }
   } catch (err) {
+    const elapsedSec = pending._finishElapsed ? pending._finishElapsed() : null;
     pending.remove();
-    renderAiResult({ status: 'FAIL', error: 'エラー: ' + err.message });
+    renderAiResult({ status: 'FAIL', error: 'エラー: ' + err.message }, elapsedSec);
   } finally {
     stopSpinner();
     chatForm.classList.remove('busy');
@@ -2518,6 +2596,119 @@ remoteUrlInput.addEventListener('keydown', (e) => {
 });
 initDraggableWindow(remoteDialog);
 
+// ---- モデル選択 (ステータスバー) ----
+const modelDialog = document.getElementById('model-dialog');
+const modelNameEl = document.getElementById('statusbar-model-name');
+const modelOllamaSelect = document.getElementById('model-ollama-select');
+const modelOllamaEmpty = document.getElementById('model-ollama-empty');
+const modelOpenrouterInput = document.getElementById('model-openrouter-input');
+const modelOpenrouterReady = document.getElementById('model-openrouter-ready');
+const modelOpenrouterNokey = document.getElementById('model-openrouter-nokey');
+const modelError = document.getElementById('model-error');
+// ダイアログ内で選択中の provider ("ollama" | "openrouter")。
+let modelSelectedProvider = 'ollama';
+// /edit/models の直近の応答 (現在値と選択肢) を保持する。
+let modelInfo = null;
+
+// ステータスバーのモデル名を更新する (起動時と切り替え成功時に呼ぶ)。
+function updateModelStatus(provider, model) {
+  if (!modelNameEl) return;
+  modelNameEl.textContent = model || 'モデル未設定';
+  const btn = document.getElementById('statusbar-model');
+  if (btn) btn.title = `AI モデルを選択 (現在: ${provider} / ${model || '未設定'})`;
+}
+
+// 起動時に現在のモデルを取得してステータスバーに表示する。
+async function initModelStatus() {
+  try {
+    modelInfo = await gitFetch('/edit/models');
+    updateModelStatus(modelInfo.provider, modelInfo.model);
+  } catch {
+    // 取得に失敗しても致命的ではない。"—" 表示のままにする。
+  }
+}
+
+// provider タブを切り替えて対応ペインを表示する。
+function selectModelProvider(provider) {
+  modelSelectedProvider = provider;
+  modelError.textContent = '';
+  document.getElementById('model-tab-ollama').classList.toggle('active', provider === 'ollama');
+  document.getElementById('model-tab-openrouter').classList.toggle('active', provider === 'openrouter');
+  document.getElementById('model-pane-ollama').hidden = provider !== 'ollama';
+  document.getElementById('model-pane-openrouter').hidden = provider !== 'openrouter';
+}
+
+async function openModelDialog() {
+  modelError.textContent = '';
+  // 開くたびに最新の情報 (インストール済みモデル・OpenRouter 可否) を取り直す。
+  try {
+    modelInfo = await gitFetch('/edit/models');
+  } catch (err) {
+    modelInfo = modelInfo || { provider: 'ollama', model: '', ollama_models: [], openrouter_available: false };
+  }
+  updateModelStatus(modelInfo.provider, modelInfo.model);
+
+  // Ollama: インストール済みモデルを select に流し込み、現在値を選択する。
+  modelOllamaSelect.innerHTML = '';
+  const models = modelInfo.ollama_models || [];
+  models.forEach(name => {
+    const opt = document.createElement('option');
+    opt.value = name; opt.textContent = name;
+    modelOllamaSelect.appendChild(opt);
+  });
+  modelOllamaEmpty.hidden = models.length > 0;
+  modelOllamaSelect.hidden = models.length === 0;
+  if (modelInfo.provider === 'ollama' && modelInfo.model && models.includes(modelInfo.model)) {
+    modelOllamaSelect.value = modelInfo.model;
+  }
+
+  // OpenRouter: キーがあれば入力欄、無ければ案内を表示する。
+  const orAvailable = !!modelInfo.openrouter_available;
+  modelOpenrouterReady.hidden = !orAvailable;
+  modelOpenrouterNokey.hidden = orAvailable;
+  modelOpenrouterInput.value = modelInfo.provider === 'openrouter' ? (modelInfo.model || '') : '';
+
+  selectModelProvider(modelInfo.provider || 'ollama');
+  centerWindow(modelDialog);
+}
+
+function closeModelDialog() { modelDialog.hidden = true; }
+
+async function applyModel() {
+  modelError.textContent = '';
+  let model = '';
+  if (modelSelectedProvider === 'ollama') {
+    model = modelOllamaSelect.value;
+    if (!model) { modelError.textContent = 'モデルを選択してください'; return; }
+  } else {
+    model = modelOpenrouterInput.value.trim();
+    if (!model) { modelError.textContent = 'モデル ID を入力してください'; return; }
+  }
+  const okBtn = document.getElementById('model-ok');
+  okBtn.disabled = true;
+  try {
+    const data = await gitPost('/edit/model', { provider: modelSelectedProvider, model });
+    updateModelStatus(data.provider, data.model);
+    closeModelDialog();
+  } catch (err) {
+    modelError.textContent = err.message;
+  } finally {
+    okBtn.disabled = false;
+  }
+}
+
+document.getElementById('statusbar-model').onclick = () => openModelDialog();
+document.getElementById('model-tab-ollama').onclick = () => selectModelProvider('ollama');
+document.getElementById('model-tab-openrouter').onclick = () => selectModelProvider('openrouter');
+document.getElementById('model-ok').onclick = () => applyModel();
+document.getElementById('model-cancel').onclick = closeModelDialog;
+document.getElementById('model-close').onclick = closeModelDialog;
+modelOpenrouterInput.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter') { e.preventDefault(); applyModel(); }
+  else if (e.key === 'Escape') { e.preventDefault(); closeModelDialog(); }
+});
+initDraggableWindow(modelDialog);
+
 // ---- 起動 ----
 refreshTree();
 initConsole();
@@ -2527,6 +2718,7 @@ initPanelView();
 initFilesTab();
 setAutoSave(autoSaveEnabled); // メニューのチェック表示を保存済み設定に合わせる
 refreshGitPanel();
+initModelStatus();
 
 // 自動保存 (debounce) が確定する前にタブを閉じようとした場合に警告する。
 window.addEventListener('beforeunload', (e) => {

data/public/edit/index.html

@@ -146,6 +146,10 @@
       <button id="statusbar-eol" type="button" title="改行コードを切り替え" hidden>
         <span id="statusbar-eol-name">LF</span>
       </button>
+      <!-- モデル選択。現在の LLM モデル名を表示し、クリックでモデル設定ダイアログを開く。 -->
+      <button id="statusbar-model" type="button" title="AI モデルを選択">
+        <span class="statusbar-model-icon">◇</span><span id="statusbar-model-name">—</span>
+      </button>
     </div>
   </div>
   <div id="ctx-menu"></div>
@@ -250,6 +254,53 @@
     </div>
   </div>
 
+  <!-- モデル設定ダイアログ。ステータスバーのモデル名クリックで開く。
+       Ollama はインストール済みモデルから選択、OpenRouter はモデル ID を手入力する。-->
+  <div id="model-dialog" class="vwin" hidden>
+    <div class="vwin-titlebar">
+      <span class="vwin-title">AI モデル設定</span>
+      <button type="button" class="vwin-close" id="model-close" title="キャンセル" aria-label="キャンセル">×</button>
+    </div>
+    <div class="vwin-body">
+      <div class="model-tabs" role="tablist">
+        <button type="button" class="model-tab" id="model-tab-ollama" data-provider="ollama" role="tab">Ollama</button>
+        <button type="button" class="model-tab" id="model-tab-openrouter" data-provider="openrouter" role="tab">OpenRouter</button>
+      </div>
+
+      <!-- Ollama: インストール済みモデルから選ぶ。-->
+      <div class="model-pane" id="model-pane-ollama">
+        <label for="model-ollama-select">インストール済みモデル</label>
+        <select id="model-ollama-select"></select>
+        <p class="model-hint" id="model-ollama-empty" hidden>
+          Ollama に接続できないか、モデルが 1 つもインストールされていません。
+        </p>
+      </div>
+
+      <!-- OpenRouter: API キーがあればモデル ID を手入力。無ければ案内のみ表示。-->
+      <div class="model-pane" id="model-pane-openrouter" hidden>
+        <div id="model-openrouter-ready" hidden>
+          <label for="model-openrouter-input">モデル ID</label>
+          <input type="text" id="model-openrouter-input" autocomplete="off"
+                 placeholder="例: anthropic/claude-3.5-sonnet">
+          <p class="model-hint">
+            OpenRouter のモデル ID を入力してください
+            (<a href="https://openrouter.ai/models" target="_blank" rel="noopener">モデル一覧</a>)。
+          </p>
+        </div>
+        <p class="model-hint model-warn" id="model-openrouter-nokey" hidden>
+          環境変数 <code>OPENROUTER_API_KEY</code> が設定されていません。
+          設定してからサーバーを再起動すると OpenRouter が使えるようになります。
+        </p>
+      </div>
+
+      <div class="vwin-error" id="model-error"></div>
+    </div>
+    <div class="vwin-actions">
+      <button type="button" class="vwin-btn" id="model-cancel">キャンセル</button>
+      <button type="button" class="vwin-btn primary" id="model-ok">このモデルを使う</button>
+    </div>
+  </div>
+
   <script src="/edit/assets/xterm/xterm.js"></script>
   <script src="/edit/assets/xterm/addon-fit.js"></script>
   <script>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: chocomint
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.1
 platform: ruby
 authors:
 - ひかり (Himeyama)