chocomint 1.1.0 → 1.1.2

data/lib/chocomint/llm/base_client.rb

@@ -11,8 +11,11 @@ module Chocomint
     class BaseClient
       # payload_logger: LLM 送信内容を記録するロガー (record_llm_payload を持つ / 任意)。
       # role: ペイロードの識別子 ("primary" / "verifier")。ログ表示で区別するため。
+      # provider: "openrouter" / "ollama" 等。OpenRouter のときだけ prompt caching
+      #   (cache_control) を明示的に付ける (Ollama はローカルでキャッシュ課金メリットが無く、
+      #   cache_control 非対応の可能性もあるため付けない)。
       def initialize(base_url:, model:, api_key: nil, max_tokens: 1024, timeout: 60,
-                     payload_logger: nil, role: nil)
+                     payload_logger: nil, role: nil, provider: nil)
         @base_url = base_url.to_s.chomp("/")
         @model = model
         @api_key = api_key
@@ -20,6 +23,7 @@ module Chocomint
         @timeout = timeout
         @payload_logger = payload_logger
         @role = role
+        @provider = provider
       end
 
       # messages: Anthropic 形式の配列。tools / system は任意。
@@ -31,8 +35,8 @@ module Chocomint
           "max_tokens" => @max_tokens,
           "messages" => messages
         }
-        body["tools"] = tools if tools
-        body["system"] = system if system
+        body["tools"] = with_cached_tools(tools) if tools
+        body["system"] = with_cached_system(system) if system
 
         headers = {
           "content-type" => "application/json",
@@ -102,6 +106,40 @@ module Chocomint
         warn "llm response logging failed: #{e.message}"
       end
 
+      # OpenRouter のときだけ prompt caching を有効にする。
+      # レンダリング順は tools → system → messages。安定した接頭辞 (tools と system) を
+      # キャッシュすれば、毎回同じ system/tools を送るこのアプリでは大きな節約になる。
+      def caching_enabled? = @provider.to_s == "openrouter"
+
+      EPHEMERAL = { "type" => "ephemeral" }.freeze
+
+      # tools 配列の最後のツール定義に cache_control を付ける。
+      # ブレークポイントはそのツールブロックまで (= tools 全体) をキャッシュ対象にする。
+      def with_cached_tools(tools)
+        return tools unless caching_enabled? && tools.is_a?(Array) && !tools.empty?
+
+        cached_last = tools.last.merge("cache_control" => EPHEMERAL)
+        tools[0...-1] + [cached_last]
+      end
+
+      # system は文字列で渡ってくる。Anthropic 形式では text ブロックの配列にでき、
+      # 最後のブロックに cache_control を付けると system (と直前の tools) がキャッシュされる。
+      # 既に配列で渡された場合はその最後のブロックに付ける。
+      def with_cached_system(system)
+        return system unless caching_enabled?
+
+        case system
+        when String
+          [{ "type" => "text", "text" => system, "cache_control" => EPHEMERAL }]
+        when Array
+          return system if system.empty?
+
+          system[0...-1] + [system.last.merge("cache_control" => EPHEMERAL)]
+        else
+          system
+        end
+      end
+
       def connection
         @connection ||= Faraday.new do |f|
           f.options.timeout = @timeout

data/lib/chocomint/llm/chat_client.rb

@@ -5,46 +5,16 @@ require_relative "../errors"
 
 module Chocomint
   module LLM
-    # /edit チャットの「普通の質問」応答を担う軽量クライアント。
+    # /edit チャットの補助 LLM 処理 (要約・抽出・圧縮) を担う軽量クライアント。
     #
-    # 役割は 2 つ:
-    #   1. classify — ユーザー指示が「ファイル操作/コマンド実行を要するタスク」か、
-    #      「ツール不要の普通の質問・会話」かを 1 語で判定する。
-    #   2. answer   — 会話と判定された指示に、ツールを使わず自然文で直接答える。
+    # 現在の役割:
+    #   - summarize — Planner が実行したツール列とその結果を自然文にまとめる。
+    #   - extract   — fetch_url が取得したページ本文から目的の情報を抽出する。
+    #   - compact   — 会話履歴を短い要約に畳み込む (/compact 用)。
     #
-    # タスクと判定された指示は呼び出し側 (EditHandlers) が Planner に渡す。
+    # かつて指示を task/chat に振り分けていた classify / answer は、全指示を Planner に
+    # 流す方針 (ツールを自律実行して解決) に変更したため削除済み。
     class ChatClient
-      # 分類プロンプト。ローカル小型モデルでも安定するよう、出力を 1 語に強制する。
-      CLASSIFY_SYSTEM_PROMPT = <<~PROMPT
-        あなたはユーザーの指示を 2 種類に分類する分類器です。
-        - "task": 実際の操作が必要なもの。ファイルの作成・編集・削除、
-          コマンド・プログラムの実行、外部ツールでの調査 (ping・実行・ビルド・
-          テスト・検索・一覧取得など) を伴うもの。「〜して」「〜を実行して」
-          「〜した結果をまとめて/教えて」のように、動かして結果を得る依頼はすべて task。
-          具体的な URL が示されていて、その内容を参照・要約する依頼も task。
-        - "chat": 操作を一切伴わず、言葉の説明・質問・相談・雑談だけで済むもの。
-          知識の説明や意見を求めるものはこちら。
-          また、今日の天気・最新ニュース・現在の株価のように「その場では調べる対象
-          (場所・URL など) が特定できない、リアルタイム情報を尋ねる質問」も chat。
-          これらは会話として聞き返し、必要な情報を確認するのが適切なため。
-        迷ったら task を選ぶこと (操作が必要なのに chat と誤ると何も実行されないため)。
-        出力は task または chat のいずれか 1 語のみ。他の文字は一切出力しないこと。
-      PROMPT
-
-      # 会話応答プロンプト。エディタ上のアシスタントとして簡潔に日本語で答えさせる。
-      # 現在日時・OS・シェルの情報は answer 実行時に environment_prompt を付加する。
-      ANSWER_SYSTEM_PROMPT = <<~PROMPT
-        あなたはコードエディタに組み込まれた親切なアシスタントです。
-        ユーザーの質問や相談に、簡潔で正確な日本語で答えてください。
-        実際のファイル操作やコマンド実行は行いません (この応答では行えません)。
-        操作が必要な場合は、その旨と具体的な手順を説明してください。
-        今日の天気・最新ニュースなどリアルタイム情報は、あなた自身は把握していません。
-        推測で答えず、参照したいウェブページの URL を教えてもらえれば内容を調べられる旨を
-        案内し、必要なら場所や対象を聞き返してください。
-        コマンド例を示すときは PowerShell (pwsh) の構文を優先してください。
-        絵文字は一切使わないでください。
-      PROMPT
-
       # 実行結果の要約プロンプト。実行済みのツール列とその結果をもとに、
       # ユーザー要求に対して何を行い・どうなったかを自然文でまとめさせる。
       SUMMARIZE_SYSTEM_PROMPT = <<~PROMPT
@@ -82,48 +52,20 @@ module Chocomint
         @client = base_client
       end
 
-      # 指示を "task" / "chat" に分類する。判定不能時は安全側の "task" を返す
-      # (タスクを会話扱いして取りこぼすより、会話をタスク扱いして Planner に流す方が無難)。
-      def classify(instruction, trace_id: nil)
-        response = @client.create_message(
-          system: CLASSIFY_SYSTEM_PROMPT,
-          messages: [{ "role" => "user", "content" => instruction.to_s }],
-          trace_id: trace_id
-        )
-        text = extract_text(response).to_s.downcase
-        text.include?("chat") ? "chat" : "task"
-      end
-
-      # 会話としての自然文回答を返す。現在日時・OS・シェルの情報を毎回付加する
-      # (ローカルモデルが日付や実行環境を誤解しないようにするため)。
-      def answer(instruction, context: 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}"
-        response = @client.create_message(
-          system: system_prompt,
-          messages: [{ "role" => "user", "content" => content }],
-          trace_id: trace_id
-        )
-        text = strip_emoji(extract_text(response))
-        raise Chocomint::Error, "chat response is empty" if text.nil? || text.empty?
-
-        text
-      end
-
       # 実行済みステップ列を自然文でまとめる。失敗しても要約なしで続行できるよう
       # 例外時は nil を返す (呼び出し側は生の結果表示にフォールバックする)。
-      # steps: [{ tool:, arguments:, status:, output: }, ...] 形式。
+      # steps: [{ tool:, label:, target:, status:, exit_code:, output: }, ...] 形式。
+      #
+      # かつては全ステップの生出力を 1 本の巨大な user メッセージに連結し、その後は
+      # 要求と各ステップを別々の user メッセージに分割していた。だが Messages API は
+      # user/assistant が交互になる形を想定しており、user メッセージの連投は素直でない。
+      # そこで「ユーザー要求」と「実行トレース (ステップの構造化 JSON 配列)」を、
+      # 1 本の user メッセージにまとめて渡す (要求とトレースは見出しで切り分ける)。
       def summarize(request, steps, trace_id: nil)
-        content = <<~MSG
-          ユーザー要求:
-          #{request}
-
-          実行したステップ:
-          #{format_steps(steps)}
-        MSG
+        messages = build_summarize_messages(request, steps)
         response = @client.create_message(
           system: SUMMARIZE_SYSTEM_PROMPT,
-          messages: [{ "role" => "user", "content" => content }],
+          messages: messages,
           trace_id: trace_id
         )
         text = strip_emoji(extract_text(response))
@@ -181,15 +123,41 @@ module Chocomint
 
       SUMMARY_OUTPUT_LIMIT = 500
 
-      def format_steps(steps)
-        Array(steps).each_with_index.map do |s, i|
-          tool = s[:tool] || s["tool"]
-          status = s[:status] || s["status"]
-          out = (s[:output] || s["output"]).to_s.strip
-          out = "#{out[0, SUMMARY_OUTPUT_LIMIT]}…" if out.length > SUMMARY_OUTPUT_LIMIT
-          line = "#{i + 1}. #{tool} (#{status})"
-          out.empty? ? line : "#{line}\n   結果: #{out}"
-        end.join("\n")
+      # 「ユーザー要求」と「実行トレース」を 1 本の user メッセージにまとめて積む。
+      # トレースは各ステップ (番号・ツール・対象・状態・出力要点) を要素とする JSON
+      # 配列にして、LLM が構造を読み取りやすいようにする。ステップが無ければ要求だけを渡す。
+      def build_summarize_messages(request, steps)
+        content = +"ユーザー要求:\n#{request}"
+        list = Array(steps)
+        unless list.empty?
+          trace = list.each_with_index.map { |s, i| format_step(s, i) }
+          content << "\n\n実行したステップ:\n#{JSON.pretty_generate(trace)}"
+        end
+        [{ "role" => "user", "content" => content }]
+      end
+
+      # 1 ステップを要約向けの構造化オブジェクトに整える。呼び出し側 (edit_handlers) が
+      # 用意した label / target / exit_code を活かし、生出力は要点だけに圧縮する。
+      def format_step(step, index)
+        obj = {
+          "step" => index + 1,
+          "tool" => step[:tool] || step["tool"],
+          "label" => step[:label] || step["label"],
+          "target" => step[:target] || step["target"],
+          "status" => step[:status] || step["status"],
+          "exit_code" => step[:exit_code] || step["exit_code"]
+        }.reject { |_, v| v.nil? || v == "" }
+        out = clean_output(step[:output] || step["output"])
+        obj["output"] = out unless out.empty?
+        obj
+      end
+
+      # ツール出力の生ノイズを取り除いて要点化する。改行コード (\r\n) を正規化し、
+      # 空行を畳んでから上限で切り詰める (生 JSON や README 全文をそのまま流さない)。
+      def clean_output(output)
+        text = output.to_s.gsub("\r\n", "\n").gsub("\r", "\n")
+        text = text.gsub(/\n{3,}/, "\n\n").strip
+        text.length > SUMMARY_OUTPUT_LIMIT ? "#{text[0, SUMMARY_OUTPUT_LIMIT]}…" : text
       end
 
       def 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.2"
 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; }
@@ -353,7 +360,7 @@ html, body { margin: 0; height: 100%;
 .markdown h4, .markdown h5, .markdown h6 { margin: 0.5rem 0 0.3rem; line-height: 1.3; }
 .markdown h1 { font-size: 1.15rem; } .markdown h2 { font-size: 1.05rem; }
 .markdown h3 { font-size: 0.95rem; }
-.markdown ul { margin: 0.3rem 0; padding-left: 1.3rem; }
+.markdown ul, .markdown ol { margin: 0.3rem 0; padding-left: 1.5rem; }
 .markdown li { margin: 0.15rem 0; }
 .markdown code { font-family: "Cascadia Code", "Noto Sans JP", monospace;
                  font-size: 0.85em; background: #f0f0f3; padding: 0.05rem 0.3rem;
@@ -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; }