claudish 5.18.1 → 5.19.0

package/dist/index.js

@@ -28781,7 +28781,7 @@ var exports_mcp_server = {};
 __export(exports_mcp_server, {
   startMcpServer: () => startMcpServer
 });
-import { readFileSync as readFileSync2, existsSync as existsSync2, writeFileSync as writeFileSync2, mkdirSync as mkdirSync2 } from "fs";
+import { readFileSync as readFileSync2, existsSync as existsSync2, writeFileSync as writeFileSync2, mkdirSync as mkdirSync2, readdirSync as readdirSync2 } from "fs";
 import { join as join2, dirname } from "path";
 import { homedir } from "os";
 import { fileURLToPath } from "url";
@@ -28877,262 +28877,402 @@ function fuzzyScore(text, query) {
   }
   return queryIndex === lowerQuery.length ? score / lowerText.length : 0;
 }
+function formatTeamResult(status, sessionPath) {
+  const entries = Object.entries(status.models);
+  const failed = entries.filter(([, m]) => m.state === "FAILED" || m.state === "TIMEOUT");
+  const succeeded = entries.filter(([, m]) => m.state === "COMPLETED");
+  let result = JSON.stringify(status, null, 2);
+  if (failed.length > 0) {
+    result += `
+
+---
+## Failures Detected
+
+`;
+    result += `${succeeded.length}/${entries.length} models succeeded, ${failed.length} failed.
+
+`;
+    for (const [id, m] of failed) {
+      result += `### Model ${id}: ${m.state}
+`;
+      if (m.error) {
+        result += `- **Model:** ${m.error.model}
+`;
+        result += `- **Command:** \`${m.error.command}\`
+`;
+        result += `- **Exit code:** ${m.exitCode}
+`;
+        if (m.error.stderrSnippet) {
+          result += `- **Error output:**
+\`\`\`
+${m.error.stderrSnippet}
+\`\`\`
+`;
+        }
+        result += `- **Full error log:** ${m.error.errorLogPath}
+`;
+        result += `- **Working directory:** ${m.error.workDir}
+`;
+      }
+      result += `
+`;
+    }
+    result += `---
+`;
+    result += "**To help claudish devs fix this**, use the `report_error` tool with:\n";
+    result += '- `error_type`: "provider_failure" or "team_failure"\n';
+    result += `- \`session_path\`: "${sessionPath}"
+`;
+    result += "- Copy the stderr snippet above into `stderr_snippet`\n";
+    result += "- Set `auto_send: true` to suggest enabling automatic reporting\n";
+  }
+  return result;
+}
 async function main() {
   const server = new McpServer({
     name: "claudish",
     version: "2.5.0"
   });
-  server.tool("run_prompt", "Run a prompt through an OpenRouter model (Grok, GPT-5, Gemini, etc.)", {
-    model: exports_external.string().describe("OpenRouter model ID (e.g., 'x-ai/grok-code-fast-1', 'openai/gpt-5.1-codex')"),
-    prompt: exports_external.string().describe("The prompt to send to the model"),
-    system_prompt: exports_external.string().optional().describe("Optional system prompt"),
-    max_tokens: exports_external.number().optional().describe("Maximum tokens in response (omit to let model decide)")
-  }, async ({ model, prompt, system_prompt, max_tokens }) => {
-    try {
-      const result = await runPrompt(model, prompt, system_prompt, max_tokens);
-      let response = result.content;
-      if (result.usage) {
-        response += `
+  const toolMode = (process.env.CLAUDISH_MCP_TOOLS || "all").toLowerCase();
+  const isLowLevel = toolMode === "all" || toolMode === "low-level";
+  const isAgentic = toolMode === "all" || toolMode === "agentic";
+  console.error(`[claudish] MCP server started (tools: ${toolMode})`);
+  if (isLowLevel) {
+    server.tool("run_prompt", "Run a prompt through an OpenRouter model (Grok, GPT-5, Gemini, etc.)", {
+      model: exports_external.string().describe("OpenRouter model ID (e.g., 'x-ai/grok-code-fast-1', 'openai/gpt-5.1-codex')"),
+      prompt: exports_external.string().describe("The prompt to send to the model"),
+      system_prompt: exports_external.string().optional().describe("Optional system prompt"),
+      max_tokens: exports_external.number().optional().describe("Maximum tokens in response (omit to let model decide)")
+    }, async ({ model, prompt, system_prompt, max_tokens }) => {
+      try {
+        const result = await runPrompt(model, prompt, system_prompt, max_tokens);
+        let response = result.content;
+        if (result.usage) {
+          response += `
 
 ---
 Tokens: ${result.usage.input} input, ${result.usage.output} output`;
+        }
+        return { content: [{ type: "text", text: response }] };
+      } catch (error46) {
+        return {
+          content: [
+            {
+              type: "text",
+              text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
+            }
+          ],
+          isError: true
+        };
       }
-      return { content: [{ type: "text", text: response }] };
-    } catch (error46) {
-      return {
-        content: [
-          {
-            type: "text",
-            text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
-          }
-        ],
-        isError: true
-      };
-    }
-  });
-  server.tool("list_models", "List recommended models for coding tasks", {}, async () => {
-    const models = loadRecommendedModels();
-    if (models.length === 0) {
-      return {
-        content: [
-          { type: "text", text: "No recommended models found. Try search_models instead." }
-        ]
-      };
-    }
-    let output = `# Recommended Models
+    });
+    server.tool("list_models", "List recommended models for coding tasks", {}, async () => {
+      const models = loadRecommendedModels();
+      if (models.length === 0) {
+        return {
+          content: [
+            { type: "text", text: "No recommended models found. Try search_models instead." }
+          ]
+        };
+      }
+      let output = `# Recommended Models
 
 `;
-    output += `| Model | Provider | Pricing | Context | Tools | Reasoning | Vision |
+      output += `| Model | Provider | Pricing | Context | Tools | Reasoning | Vision |
 `;
-    output += `|-------|----------|---------|---------|-------|-----------|--------|
+      output += `|-------|----------|---------|---------|-------|-----------|--------|
 `;
-    for (const model of models) {
-      const tools = model.supportsTools ? "\u2713" : "\xB7";
-      const reasoning = model.supportsReasoning ? "\u2713" : "\xB7";
-      const vision = model.supportsVision ? "\u2713" : "\xB7";
-      output += `| ${model.id} | ${model.provider} | ${model.pricing?.average || "N/A"} | ${model.context || "N/A"} | ${tools} | ${reasoning} | ${vision} |
+      for (const model of models) {
+        const tools = model.supportsTools ? "\u2713" : "\xB7";
+        const reasoning = model.supportsReasoning ? "\u2713" : "\xB7";
+        const vision = model.supportsVision ? "\u2713" : "\xB7";
+        output += `| ${model.id} | ${model.provider} | ${model.pricing?.average || "N/A"} | ${model.context || "N/A"} | ${tools} | ${reasoning} | ${vision} |
 `;
-    }
-    output += `
+      }
+      output += `
 ## Quick Picks
 `;
-    output += "- **Budget**: `minimax-m2.5` ($0.75/1M)\n";
-    output += "- **Large context**: `gemini-3.1-pro-preview` (1M tokens)\n";
-    output += "- **Most advanced**: `gpt-5.4` ($8.75/1M)\n";
-    output += "- **Vision + coding**: `kimi-k2.5` ($1.32/1M)\n";
-    output += "- **Agentic**: `glm-5` ($1.68/1M)\n";
-    output += "- **Multimodal**: `qwen3.5-plus-02-15` ($1.40/1M)\n";
-    return { content: [{ type: "text", text: output }] };
-  });
-  server.tool("search_models", "Search all OpenRouter models by name, provider, or capability", {
-    query: exports_external.string().describe("Search query (e.g., 'grok', 'vision', 'free')"),
-    limit: exports_external.number().optional().describe("Maximum results to return (default: 10)")
-  }, async ({ query, limit }) => {
-    const maxResults = limit || 10;
-    const allModels = await loadAllModels();
-    if (allModels.length === 0) {
-      return {
-        content: [
-          { type: "text", text: "Failed to load models. Check your internet connection." }
-        ],
-        isError: true
-      };
-    }
-    const results = allModels.map((model) => {
-      const nameScore = fuzzyScore(model.name || "", query);
-      const idScore = fuzzyScore(model.id || "", query);
-      const descScore = fuzzyScore(model.description || "", query) * 0.5;
-      return { model, score: Math.max(nameScore, idScore, descScore) };
-    }).filter((item) => item.score > 0.2).sort((a, b) => b.score - a.score).slice(0, maxResults);
-    if (results.length === 0) {
-      return {
-        content: [{ type: "text", text: `No models found matching "${query}"` }]
-      };
-    }
-    let output = `# Search Results for "${query}"
+      output += "- **Budget**: `minimax-m2.5` ($0.75/1M)\n";
+      output += "- **Large context**: `gemini-3.1-pro-preview` (1M tokens)\n";
+      output += "- **Most advanced**: `gpt-5.4` ($8.75/1M)\n";
+      output += "- **Vision + coding**: `kimi-k2.5` ($1.32/1M)\n";
+      output += "- **Agentic**: `glm-5` ($1.68/1M)\n";
+      output += "- **Multimodal**: `qwen3.5-plus-02-15` ($1.40/1M)\n";
+      return { content: [{ type: "text", text: output }] };
+    });
+    server.tool("search_models", "Search all OpenRouter models by name, provider, or capability", {
+      query: exports_external.string().describe("Search query (e.g., 'grok', 'vision', 'free')"),
+      limit: exports_external.number().optional().describe("Maximum results to return (default: 10)")
+    }, async ({ query, limit }) => {
+      const maxResults = limit || 10;
+      const allModels = await loadAllModels();
+      if (allModels.length === 0) {
+        return {
+          content: [
+            { type: "text", text: "Failed to load models. Check your internet connection." }
+          ],
+          isError: true
+        };
+      }
+      const results = allModels.map((model) => {
+        const nameScore = fuzzyScore(model.name || "", query);
+        const idScore = fuzzyScore(model.id || "", query);
+        const descScore = fuzzyScore(model.description || "", query) * 0.5;
+        return { model, score: Math.max(nameScore, idScore, descScore) };
+      }).filter((item) => item.score > 0.2).sort((a, b) => b.score - a.score).slice(0, maxResults);
+      if (results.length === 0) {
+        return {
+          content: [{ type: "text", text: `No models found matching "${query}"` }]
+        };
+      }
+      let output = `# Search Results for "${query}"
 
 `;
-    output += `| Model | Provider | Pricing | Context |
+      output += `| Model | Provider | Pricing | Context |
 `;
-    output += `|-------|----------|---------|----------|
+      output += `|-------|----------|---------|----------|
 `;
-    for (const { model } of results) {
-      const provider = model.id.split("/")[0];
-      const promptPrice = parseFloat(model.pricing?.prompt || "0") * 1e6;
-      const completionPrice = parseFloat(model.pricing?.completion || "0") * 1e6;
-      const avgPrice = (promptPrice + completionPrice) / 2;
-      const pricing = avgPrice > 0 ? `$${avgPrice.toFixed(2)}/1M` : avgPrice < 0 ? "varies" : "FREE";
-      const context = model.context_length ? `${Math.round(model.context_length / 1000)}K` : "N/A";
-      output += `| ${model.id} | ${provider} | ${pricing} | ${context} |
+      for (const { model } of results) {
+        const provider = model.id.split("/")[0];
+        const promptPrice = parseFloat(model.pricing?.prompt || "0") * 1e6;
+        const completionPrice = parseFloat(model.pricing?.completion || "0") * 1e6;
+        const avgPrice = (promptPrice + completionPrice) / 2;
+        const pricing = avgPrice > 0 ? `$${avgPrice.toFixed(2)}/1M` : avgPrice < 0 ? "varies" : "FREE";
+        const context = model.context_length ? `${Math.round(model.context_length / 1000)}K` : "N/A";
+        output += `| ${model.id} | ${provider} | ${pricing} | ${context} |
 `;
-    }
-    output += `
+      }
+      output += `
 Use with: run_prompt(model="${results[0].model.id}", prompt="your prompt")`;
-    return { content: [{ type: "text", text: output }] };
-  });
-  server.tool("compare_models", "Run the same prompt through multiple models and compare responses", {
-    models: exports_external.array(exports_external.string()).describe("List of model IDs to compare"),
-    prompt: exports_external.string().describe("The prompt to send to all models"),
-    system_prompt: exports_external.string().optional().describe("Optional system prompt"),
-    max_tokens: exports_external.number().optional().describe("Maximum tokens in response (omit to let model decide)")
-  }, async ({ models, prompt, system_prompt, max_tokens }) => {
-    const results = [];
-    for (const model of models) {
-      try {
-        const result = await runPrompt(model, prompt, system_prompt, max_tokens);
-        results.push({
-          model,
-          response: result.content,
-          tokens: result.usage
-        });
-      } catch (error46) {
-        results.push({
-          model,
-          response: "",
-          error: error46 instanceof Error ? error46.message : String(error46)
-        });
+      return { content: [{ type: "text", text: output }] };
+    });
+    server.tool("compare_models", "Run the same prompt through multiple models and compare responses", {
+      models: exports_external.array(exports_external.string()).describe("List of model IDs to compare"),
+      prompt: exports_external.string().describe("The prompt to send to all models"),
+      system_prompt: exports_external.string().optional().describe("Optional system prompt"),
+      max_tokens: exports_external.number().optional().describe("Maximum tokens in response (omit to let model decide)")
+    }, async ({ models, prompt, system_prompt, max_tokens }) => {
+      const results = [];
+      for (const model of models) {
+        try {
+          const result = await runPrompt(model, prompt, system_prompt, max_tokens);
+          results.push({
+            model,
+            response: result.content,
+            tokens: result.usage
+          });
+        } catch (error46) {
+          results.push({
+            model,
+            response: "",
+            error: error46 instanceof Error ? error46.message : String(error46)
+          });
+        }
       }
-    }
-    let output = `# Model Comparison
+      let output = `# Model Comparison
 
 `;
-    output += `**Prompt:** ${prompt.slice(0, 100)}${prompt.length > 100 ? "..." : ""}
+      output += `**Prompt:** ${prompt.slice(0, 100)}${prompt.length > 100 ? "..." : ""}
 
 `;
-    for (const result of results) {
-      output += `## ${result.model}
+      for (const result of results) {
+        output += `## ${result.model}
 
 `;
-      if (result.error) {
-        output += `**Error:** ${result.error}
+        if (result.error) {
+          output += `**Error:** ${result.error}
 
 `;
-      } else {
-        output += result.response + `
+        } else {
+          output += result.response + `
 
 `;
-        if (result.tokens) {
-          output += `*Tokens: ${result.tokens.input} in, ${result.tokens.output} out*
+          if (result.tokens) {
+            output += `*Tokens: ${result.tokens.input} in, ${result.tokens.output} out*
 
 `;
+          }
         }
-      }
-      output += `---
+        output += `---
 
 `;
-    }
-    return { content: [{ type: "text", text: output }] };
-  });
-  server.tool("team_run", "Run multiple AI models on a task and produce anonymized outputs in a session directory", {
-    path: exports_external.string().describe("Session directory path (must be within current working directory)"),
-    models: exports_external.array(exports_external.string()).describe("Model IDs to run (e.g., ['minimax-m2.5', 'kimi-k2.5'])"),
-    input: exports_external.string().optional().describe("Task prompt text (or place input.md in the session directory before calling)"),
-    timeout: exports_external.number().optional().describe("Per-model timeout in seconds (default: 300)")
-  }, async ({ path, models, input, timeout }) => {
-    try {
-      const resolved = validateSessionPath(path);
-      setupSession(resolved, models, input);
-      const status = await runModels(resolved, { timeout });
-      return { content: [{ type: "text", text: JSON.stringify(status, null, 2) }] };
-    } catch (error46) {
-      return {
-        content: [
-          {
-            type: "text",
-            text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
-          }
-        ],
-        isError: true
-      };
-    }
-  });
-  server.tool("team_judge", "Blind-judge existing anonymized model outputs in a session directory", {
-    path: exports_external.string().describe("Session directory containing response-*.md files (must be within current working directory)"),
-    judges: exports_external.array(exports_external.string()).optional().describe("Model IDs to use as judges (default: same models that produced the responses)")
-  }, async ({ path, judges }) => {
-    try {
-      const resolved = validateSessionPath(path);
-      const verdict = await judgeResponses(resolved, { judges });
-      return { content: [{ type: "text", text: JSON.stringify(verdict, null, 2) }] };
-    } catch (error46) {
-      return {
-        content: [
-          {
-            type: "text",
-            text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
+      }
+      return { content: [{ type: "text", text: output }] };
+    });
+  }
+  if (isAgentic) {
+    server.tool("team", "Run AI models on a task with anonymized outputs and optional blind judging. Modes: 'run' (execute models), 'judge' (blind-vote on existing outputs), 'run-and-judge' (full pipeline), 'status' (check progress).", {
+      mode: exports_external.enum(["run", "judge", "run-and-judge", "status"]).describe("Operation mode"),
+      path: exports_external.string().describe("Session directory path (must be within current working directory)"),
+      models: exports_external.array(exports_external.string()).optional().describe("Model IDs to run (required for 'run' and 'run-and-judge' modes)"),
+      judges: exports_external.array(exports_external.string()).optional().describe("Model IDs to use as judges (default: same as runners)"),
+      input: exports_external.string().optional().describe("Task prompt text (or place input.md in the session directory before calling)"),
+      timeout: exports_external.number().optional().describe("Per-model timeout in seconds (default: 300)")
+    }, async ({ mode, path, models, judges, input, timeout }) => {
+      try {
+        const resolved = validateSessionPath(path);
+        switch (mode) {
+          case "run": {
+            if (!models?.length)
+              throw new Error("'models' is required for 'run' mode");
+            setupSession(resolved, models, input);
+            const status = await runModels(resolved, { timeout });
+            return { content: [{ type: "text", text: formatTeamResult(status, resolved) }] };
+          }
+          case "judge": {
+            const verdict = await judgeResponses(resolved, { judges });
+            return { content: [{ type: "text", text: JSON.stringify(verdict, null, 2) }] };
+          }
+          case "run-and-judge": {
+            if (!models?.length)
+              throw new Error("'models' is required for 'run-and-judge' mode");
+            setupSession(resolved, models, input);
+            await runModels(resolved, { timeout });
+            const verdict = await judgeResponses(resolved, { judges });
+            return { content: [{ type: "text", text: JSON.stringify(verdict, null, 2) }] };
+          }
+          case "status": {
+            const status = getStatus(resolved);
+            return { content: [{ type: "text", text: JSON.stringify(status, null, 2) }] };
           }
-        ],
-        isError: true
-      };
-    }
-  });
-  server.tool("team_run_and_judge", "Run multiple AI models on a task, then blind-judge their outputs \u2014 full pipeline", {
-    path: exports_external.string().describe("Session directory path (must be within current working directory)"),
-    models: exports_external.array(exports_external.string()).describe("Model IDs to run"),
-    judges: exports_external.array(exports_external.string()).optional().describe("Model IDs to use as judges (default: same as runners)"),
-    input: exports_external.string().optional().describe("Task prompt text"),
-    timeout: exports_external.number().optional().describe("Per-model timeout in seconds (default: 300)")
-  }, async ({ path, models, judges, input, timeout }) => {
-    try {
-      const resolved = validateSessionPath(path);
-      setupSession(resolved, models, input);
-      await runModels(resolved, { timeout });
-      const verdict = await judgeResponses(resolved, { judges });
-      return { content: [{ type: "text", text: JSON.stringify(verdict, null, 2) }] };
-    } catch (error46) {
-      return {
-        content: [
-          {
-            type: "text",
-            text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
+        }
+      } catch (error46) {
+        return {
+          content: [
+            {
+              type: "text",
+              text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
+            }
+          ],
+          isError: true
+        };
+      }
+    });
+    server.tool("report_error", "Report a claudish error to developers. IMPORTANT: Ask the user for consent BEFORE calling this tool. Show them what data will be sent (sanitized). All data is anonymized: API keys, user paths, and emails are stripped. Set auto_send=true to suggest the user enables automatic future reporting.", {
+      error_type: exports_external.enum(["provider_failure", "team_failure", "stream_error", "adapter_error", "other"]).describe("Category of the error"),
+      model: exports_external.string().optional().describe("Model ID that failed (anonymized in report)"),
+      command: exports_external.string().optional().describe("Command that was run"),
+      stderr_snippet: exports_external.string().optional().describe("First 500 chars of stderr output"),
+      exit_code: exports_external.number().optional().describe("Process exit code"),
+      error_log_path: exports_external.string().optional().describe("Path to full error log file"),
+      session_path: exports_external.string().optional().describe("Path to team session directory"),
+      additional_context: exports_external.string().optional().describe("Any extra context about the error"),
+      auto_send: exports_external.boolean().optional().describe("If true, suggest the user enable automatic error reporting")
+    }, async ({
+      error_type,
+      model,
+      command,
+      stderr_snippet,
+      exit_code,
+      error_log_path,
+      session_path,
+      additional_context,
+      auto_send
+    }) => {
+      function sanitize(text) {
+        if (!text)
+          return "";
+        return text.replace(/sk-[a-zA-Z0-9_-]{10,}/g, "sk-***REDACTED***").replace(/Bearer [a-zA-Z0-9_.-]+/g, "Bearer ***REDACTED***").replace(/\/Users\/[^/\s]+/g, "/Users/***").replace(/\/home\/[^/\s]+/g, "/home/***").replace(/[A-Z_]+_API_KEY=[^\s]+/g, "***_API_KEY=REDACTED").replace(/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, "***@***.***");
+      }
+      let stderrFull = stderr_snippet || "";
+      if (error_log_path) {
+        try {
+          stderrFull = readFileSync2(error_log_path, "utf-8");
+        } catch {}
+      }
+      let sessionData = {};
+      if (session_path) {
+        const sp = session_path;
+        for (const file2 of ["status.json", "manifest.json", "input.md"]) {
+          try {
+            sessionData[file2] = readFileSync2(join2(sp, file2), "utf-8");
+          } catch {}
+        }
+        try {
+          const errorDir = join2(sp, "errors");
+          if (existsSync2(errorDir)) {
+            for (const f of readdirSync2(errorDir)) {
+              if (f.endsWith(".log")) {
+                try {
+                  sessionData[`errors/${f}`] = readFileSync2(join2(errorDir, f), "utf-8");
+                } catch {}
+              }
+            }
           }
-        ],
-        isError: true
-      };
-    }
-  });
-  server.tool("team_status", "Check the execution status of a team orchestrator session", {
-    path: exports_external.string().describe("Session directory path (must be within current working directory)")
-  }, async ({ path }) => {
-    try {
-      const resolved = validateSessionPath(path);
-      const status = getStatus(resolved);
-      return { content: [{ type: "text", text: JSON.stringify(status, null, 2) }] };
-    } catch (error46) {
-      return {
-        content: [
-          {
-            type: "text",
-            text: `Error: ${error46 instanceof Error ? error46.message : String(error46)}`
+        } catch {}
+        try {
+          for (const f of readdirSync2(sp)) {
+            if (f.startsWith("response-") && f.endsWith(".md")) {
+              try {
+                const content = readFileSync2(join2(sp, f), "utf-8");
+                sessionData[f] = content.slice(0, 200) + (content.length > 200 ? "... (truncated)" : "");
+              } catch {}
+            }
           }
-        ],
-        isError: true
+        } catch {}
+      }
+      let version2 = "unknown";
+      try {
+        const pkgPath = join2(__dirname2, "../package.json");
+        if (existsSync2(pkgPath)) {
+          version2 = JSON.parse(readFileSync2(pkgPath, "utf-8")).version;
+        }
+      } catch {}
+      const report = {
+        version: version2,
+        timestamp: new Date().toISOString(),
+        error_type,
+        model: model || "unknown",
+        command: sanitize(command),
+        stderr: sanitize(stderrFull),
+        exit_code: exit_code ?? null,
+        platform: process.platform,
+        arch: process.arch,
+        runtime: `bun ${process.version}`,
+        context: sanitize(additional_context),
+        session: Object.fromEntries(Object.entries(sessionData).map(([k, v]) => [k, sanitize(v)]))
       };
-    }
-  });
+      const reportSummary = JSON.stringify(report, null, 2);
+      const autoSendHint = auto_send ? "\n\n**Suggestion:** Enable automatic error reporting so future errors are sent without asking. Run `claudish config` \u2192 Privacy \u2192 toggle Telemetry, or set `CLAUDISH_TELEMETRY=1`." : "";
+      const REPORT_URL = "https://api.claudish.com/v1/error-reports";
+      try {
+        const response = await fetch(REPORT_URL, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(report),
+          signal: AbortSignal.timeout(5000)
+        });
+        if (response.ok) {
+          return { content: [{ type: "text", text: `Error report sent successfully.
+
+**Sanitized data sent:**
+\`\`\`json
+${reportSummary}
+\`\`\`${autoSendHint}` }] };
+        } else {
+          return { content: [{ type: "text", text: `Error report endpoint returned ${response.status}. Report was NOT sent.
+
+**Data that would have been sent (all sanitized):**
+\`\`\`json
+${reportSummary}
+\`\`\`
+
+You can manually report this at https://github.com/anthropics/claudish/issues${autoSendHint}` }] };
+        }
+      } catch (err) {
+        return { content: [{ type: "text", text: `Could not reach error reporting endpoint (${err instanceof Error ? err.message : "network error"}).
+
+**Sanitized error data (for manual reporting):**
+\`\`\`json
+${reportSummary}
+\`\`\`
+
+Report manually at https://github.com/anthropics/claudish/issues${autoSendHint}` }] };
+      }
+    });
+  }
   const transport = new StdioServerTransport;
   await server.connect(transport);
-  console.error("[claudish] MCP server started");
 }
 function startMcpServer() {
   main().catch((error46) => {
@@ -29173,7 +29313,7 @@ __export(exports_logger, {
   getLogFilePath: () => getLogFilePath,
   getAlwaysOnLogPath: () => getAlwaysOnLogPath
 });
-import { writeFileSync as writeFileSync3, appendFile, existsSync as existsSync3, mkdirSync as mkdirSync3, readdirSync as readdirSync2, unlinkSync } from "fs";
+import { writeFileSync as writeFileSync3, appendFile, existsSync as existsSync3, mkdirSync as mkdirSync3, readdirSync as readdirSync3, unlinkSync } from "fs";
 import { join as join3 } from "path";
 import { homedir as homedir2 } from "os";
 function flushLogBuffer() {
@@ -29218,7 +29358,7 @@ function scheduleFlush() {
 }
 function rotateOldLogs(dir, keep) {
   try {
-    const files = readdirSync2(dir).filter((f) => f.startsWith("claudish_") && f.endsWith(".log")).sort().reverse();
+    const files = readdirSync3(dir).filter((f) => f.startsWith("claudish_") && f.endsWith(".log")).sort().reverse();
     for (const file2 of files.slice(keep)) {
       try {
         unlinkSync(join3(dir, file2));
@@ -30284,7 +30424,8 @@ var init_config = __esm(() => {
     GEMINI_BASE_URL: "GEMINI_BASE_URL",
     OPENAI_API_KEY: "OPENAI_API_KEY",
     OPENAI_BASE_URL: "OPENAI_BASE_URL",
-    CLAUDISH_SUMMARIZE_TOOLS: "CLAUDISH_SUMMARIZE_TOOLS"
+    CLAUDISH_SUMMARIZE_TOOLS: "CLAUDISH_SUMMARIZE_TOOLS",
+    CLAUDISH_DIAG_MODE: "CLAUDISH_DIAG_MODE"
   };
   OPENROUTER_HEADERS = {
     "HTTP-Referer": "https://claudish.com",
@@ -35118,7 +35259,7 @@ import {
   existsSync as existsSync14,
   mkdirSync as mkdirSync6,
   copyFileSync,
-  readdirSync as readdirSync3,
+  readdirSync as readdirSync4,
   unlinkSync as unlinkSync4
 } from "fs";
 import { fileURLToPath as fileURLToPath3 } from "url";
@@ -35134,7 +35275,7 @@ function clearAllModelCaches() {
   const cachePatterns = ["all-models.json", "pricing-cache.json"];
   let cleared = 0;
   try {
-    const files = readdirSync3(cacheDir);
+    const files = readdirSync4(cacheDir);
     for (const file2 of files) {
       if (cachePatterns.includes(file2) || file2.startsWith("litellm-models-")) {
         unlinkSync4(join14(cacheDir, file2));
@@ -35162,6 +35303,7 @@ async function parseArgs(args) {
     stdin: false,
     freeOnly: false,
     noLogs: false,
+    diagMode: "auto",
     claudeArgs: []
   };
   const claudishModel = process.env[ENV.CLAUDISH_MODEL];
@@ -35186,6 +35328,10 @@ async function parseArgs(args) {
   if (envSummarizeTools === "true" || envSummarizeTools === "1") {
     config3.summarizeTools = true;
   }
+  const envDiagMode = process.env[ENV.CLAUDISH_DIAG_MODE]?.toLowerCase();
+  if (envDiagMode && ["auto", "pty", "tmux", "logfile", "off"].includes(envDiagMode)) {
+    config3.diagMode = envDiagMode;
+  }
   let i = 0;
   while (i < args.length) {
     const arg = args[i];
@@ -35330,6 +35476,11 @@ async function parseArgs(args) {
       config3.summarizeTools = true;
     } else if (arg === "--no-logs") {
       config3.noLogs = true;
+    } else if (arg === "--diag-mode" && i + 1 < args.length) {
+      const mode = args[++i].toLowerCase();
+      if (["auto", "pty", "tmux", "logfile", "off"].includes(mode)) {
+        config3.diagMode = mode;
+      }
     } else if (arg === "--") {
       config3.claudeArgs.push(...args.slice(i + 1));
       break;
@@ -36260,6 +36411,7 @@ OPTIONS:
   --port <port>            Proxy server port (default: random)
   -d, --debug              Enable debug logging to file (logs/claudish_*.log)
   --no-logs                Disable always-on structural logging (~/.claudish/logs/)
+  --diag-mode <mode>       Diagnostic output: auto (default), pty, tmux, logfile, off
   --log-level <level>      Log verbosity: debug (full), info (truncated), minimal (labels only)
   -q, --quiet              Suppress [claudish] log messages (default in single-shot mode)
   -v, --verbose            Show [claudish] log messages (default in interactive mode)
@@ -36738,7 +36890,7 @@ async function fetchGLMCodingModels() {
     return [];
   }
 }
-var __filename4, __dirname4, VERSION = "5.18.1", CACHE_MAX_AGE_DAYS2 = 2, CLAUDISH_CACHE_DIR2, BUNDLED_MODELS_PATH, CACHED_MODELS_PATH, ALL_MODELS_JSON_PATH;
+var __filename4, __dirname4, VERSION = "5.19.0", CACHE_MAX_AGE_DAYS2 = 2, CLAUDISH_CACHE_DIR2, BUNDLED_MODELS_PATH, CACHED_MODELS_PATH, ALL_MODELS_JSON_PATH;
 var init_cli = __esm(() => {
   init_config();
   init_model_loader();
@@ -98068,17 +98220,28 @@ var init_providers = __esm(() => {
 var C2;
 var init_theme2 = __esm(() => {
   C2 = {
-    bg: "#1a1b26",
-    bgAlt: "#24283b",
-    fg: "#c0caf5",
-    dim: "#565f89",
-    border: "#3b4261",
-    focusBorder: "#7aa2f7",
-    green: "#9ece6a",
-    red: "#f7768e",
-    yellow: "#e0af68",
-    cyan: "#7dcfff",
-    blue: "#7aa2f7"
+    bg: "#000000",
+    bgAlt: "#111111",
+    bgHighlight: "#1e3a5f",
+    fg: "#ffffff",
+    fgMuted: "#a0a0a0",
+    dim: "#555555",
+    border: "#333333",
+    focusBorder: "#57a5ff",
+    green: "#39ff14",
+    brightGreen: "#55ff55",
+    red: "#ff003c",
+    yellow: "#fce94f",
+    cyan: "#00ffff",
+    blue: "#0088ff",
+    magenta: "#ff00ff",
+    orange: "#ff8800",
+    white: "#ffffff",
+    black: "#000000",
+    tabActiveBg: "#0088ff",
+    tabInactiveBg: "#001a33",
+    tabActiveFg: "#ffffff",
+    tabInactiveFg: "#0088ff"
   };
 });
 
@@ -98088,1104 +98251,1210 @@ var init_jsx_dev_runtime = __esm(() => {
   import_jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
 });
 
-// src/tui/panels/ApiKeysPanel.tsx
-function pad(str, len) {
-  return str.padEnd(len).substring(0, len);
+// src/tui/App.tsx
+function bytesHuman(b2) {
+  if (b2 < 1024)
+    return `${b2} B`;
+  if (b2 < 1024 * 1024)
+    return `${(b2 / 1024).toFixed(1)} KB`;
+  return `${(b2 / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ApiKeysPanel({ focused, height: height2, width, onEditingChange }) {
+function App() {
+  const renderer = useRenderer();
+  const { width, height: height2 } = useTerminalDimensions();
   const [config3, setConfig] = import_react13.useState(() => loadConfig());
+  const [bufStats, setBufStats] = import_react13.useState(() => getBufferStats());
+  const [providerIndex, setProviderIndex] = import_react13.useState(0);
+  const [activeTab, setActiveTab] = import_react13.useState("providers");
   const [mode, setMode] = import_react13.useState("browse");
-  const [itemIndex, setItemIndex] = import_react13.useState(0);
-  const [actionIndex, setActionIndex] = import_react13.useState(0);
   const [inputValue, setInputValue] = import_react13.useState("");
+  const [routingPattern, setRoutingPattern] = import_react13.useState("");
+  const [routingChain, setRoutingChain] = import_react13.useState("");
   const [statusMsg, setStatusMsg] = import_react13.useState(null);
-  import_react13.useEffect(() => {
-    onEditingChange?.(mode !== "browse");
-  }, [mode, onEditingChange]);
-  const selectedProvider = PROVIDERS[itemIndex];
-  const getActionOptions = import_react13.useCallback(() => {
-    const p = selectedProvider;
-    const hasCfgKey = !!config3.apiKeys?.[p.apiKeyEnvVar];
-    const hasCfgEnd = p.endpointEnvVar ? !!config3.endpoints?.[p.endpointEnvVar] : false;
-    const opts = [
-      { name: "Set API Key...", value: "set_key" }
-    ];
-    if (hasCfgKey)
-      opts.push({ name: "Remove stored API Key", value: "rm_key" });
-    if (p.endpointEnvVar) {
-      opts.push({ name: "Set Custom Endpoint...", value: "set_end" });
-      if (hasCfgEnd)
-        opts.push({ name: "Remove Custom Endpoint", value: "rm_end" });
-    }
-    opts.push({ name: "Back", value: "back" });
-    return opts;
-  }, [selectedProvider, config3]);
-  const handleActionSelect = import_react13.useCallback((_idx, opt) => {
-    if (!opt?.value)
-      return;
-    const { value } = opt;
-    setStatusMsg(null);
-    if (value === "back") {
-      setMode("browse");
-    } else if (value === "set_key") {
-      setInputValue("");
-      setMode("input_key");
-    } else if (value === "set_end") {
-      setInputValue(selectedProvider.endpointEnvVar ? config3.endpoints?.[selectedProvider.endpointEnvVar] || "" : "");
-      setMode("input_endpoint");
-    } else if (value === "rm_key") {
-      removeApiKey(selectedProvider.apiKeyEnvVar);
-      setConfig(loadConfig());
-      setStatusMsg("\u2713 Key removed from config.");
-      setMode("browse");
-    } else if (value === "rm_end" && selectedProvider.endpointEnvVar) {
-      removeEndpoint(selectedProvider.endpointEnvVar);
-      setConfig(loadConfig());
-      setStatusMsg("\u2713 Endpoint reset.");
-      setMode("browse");
-    }
-  }, [selectedProvider, config3]);
+  const quit = import_react13.useCallback(() => renderer.destroy(), [renderer]);
+  const displayProviders = import_react13.useMemo(() => {
+    return [...PROVIDERS].sort((a, b2) => {
+      const aHasKey = !!(config3.apiKeys?.[a.apiKeyEnvVar] || process.env[a.apiKeyEnvVar]);
+      const bHasKey = !!(config3.apiKeys?.[b2.apiKeyEnvVar] || process.env[b2.apiKeyEnvVar]);
+      if (aHasKey === bHasKey)
+        return PROVIDERS.indexOf(a) - PROVIDERS.indexOf(b2);
+      return aHasKey ? -1 : 1;
+    });
+  }, [config3]);
+  const selectedProvider = displayProviders[providerIndex];
+  const refreshConfig = import_react13.useCallback(() => {
+    setConfig(loadConfig());
+    setBufStats(getBufferStats());
+  }, []);
+  const hasCfgKey = !!config3.apiKeys?.[selectedProvider.apiKeyEnvVar];
+  const hasEnvKey = !!process.env[selectedProvider.apiKeyEnvVar];
+  const hasKey = hasCfgKey || hasEnvKey;
+  const cfgKeyMask = maskKey2(config3.apiKeys?.[selectedProvider.apiKeyEnvVar]);
+  const envKeyMask = maskKey2(process.env[selectedProvider.apiKeyEnvVar]);
+  const keySrc = hasEnvKey && hasCfgKey ? "e+c" : hasEnvKey ? "env" : hasCfgKey ? "cfg" : "";
+  const activeEndpoint = (selectedProvider.endpointEnvVar ? config3.endpoints?.[selectedProvider.endpointEnvVar] || process.env[selectedProvider.endpointEnvVar] : undefined) || selectedProvider.defaultEndpoint || "";
+  const telemetryEnabled = process.env.CLAUDISH_TELEMETRY !== "0" && process.env.CLAUDISH_TELEMETRY !== "false" && config3.telemetry?.enabled === true;
+  const statsEnabled2 = process.env.CLAUDISH_STATS !== "0" && process.env.CLAUDISH_STATS !== "false";
+  const ruleEntries = Object.entries(config3.routing ?? {});
+  const profileName = config3.defaultProfile || "default";
+  const readyCount = PROVIDERS.filter((p) => !!(config3.apiKeys?.[p.apiKeyEnvVar] || process.env[p.apiKeyEnvVar])).length;
   useKeyboard((key) => {
-    if (!focused)
-      return;
+    if (key.ctrl && key.name === "c")
+      return quit();
     if (mode === "input_key" || mode === "input_endpoint") {
       if (key.name === "return" || key.name === "enter") {
         const val = inputValue.trim();
         if (!val) {
-          setStatusMsg("\u2717 Aborted (empty).");
+          setStatusMsg("Aborted (empty).");
           setMode("browse");
           return;
         }
         if (mode === "input_key") {
           setApiKey(selectedProvider.apiKeyEnvVar, val);
           process.env[selectedProvider.apiKeyEnvVar] = val;
-          setStatusMsg(`\u2713 API Key saved for ${selectedProvider.displayName}.`);
+          setStatusMsg(`Key saved for ${selectedProvider.displayName}.`);
         } else {
-          setEndpoint(selectedProvider.endpointEnvVar, val);
-          process.env[selectedProvider.endpointEnvVar] = val;
-          setStatusMsg(`\u2713 Custom endpoint saved.`);
+          if (selectedProvider.endpointEnvVar) {
+            setEndpoint(selectedProvider.endpointEnvVar, val);
+            process.env[selectedProvider.endpointEnvVar] = val;
+          }
+          setStatusMsg("Endpoint saved.");
         }
-        setConfig(loadConfig());
+        refreshConfig();
         setInputValue("");
         setMode("browse");
       } else if (key.name === "escape") {
-        setMode("action");
-      }
-    } else if (mode === "action" && (key.name === "escape" || key.name === "q")) {
-      setMode("browse");
-    }
-  });
-  const listHeight = Math.max(3, height2 - 8);
-  const bottomHeight = height2 - listHeight - 1;
-  const listOptions = PROVIDERS.map((p) => {
-    const hasEnvK = !!process.env[p.apiKeyEnvVar];
-    const hasCfgK = !!config3.apiKeys?.[p.apiKeyEnvVar];
-    const icon = hasEnvK || hasCfgK ? "\u2713" : "\u2717";
-    const kStr = p.apiKeyEnvVar ? pad(maskKey2(hasCfgK ? config3.apiKeys[p.apiKeyEnvVar] : process.env[p.apiKeyEnvVar]), 8) : "        ";
-    const kSrc = hasEnvK && hasCfgK ? "e+c" : hasEnvK ? "env" : hasCfgK ? "cfg" : "---";
-    let eSrc = "   ";
-    if (p.endpointEnvVar) {
-      const hasEnvE = !!process.env[p.endpointEnvVar];
-      const hasCfgE = !!config3.endpoints?.[p.endpointEnvVar];
-      eSrc = hasEnvE && hasCfgE ? "e+c" : hasEnvE ? "env" : hasCfgE ? "cfg" : "def";
+        setInputValue("");
+        setMode("browse");
+      }
+      return;
     }
-    return {
-      name: ` ${icon}  ${pad(p.displayName, 14)} ${kStr}   ${pad(kSrc, 3)}   ${pad(eSrc, 3)}`,
-      value: p.name
-    };
-  });
-  const envKeyMask = maskKey2(process.env[selectedProvider.apiKeyEnvVar]);
-  const cfgKeyMask = maskKey2(config3.apiKeys?.[selectedProvider.apiKeyEnvVar]);
-  const activeUrl = config3.endpoints?.[selectedProvider.endpointEnvVar] || process.env[selectedProvider.endpointEnvVar] || selectedProvider.defaultEndpoint || "None";
-  const divider = "\u2500".repeat(Math.max(1, width - 2));
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    flexDirection: "column",
-    height: height2,
-    children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        paddingX: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "    PROVIDER       KEY        SRC   URL"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-        options: listOptions,
-        focused: focused && mode === "browse",
-        height: listHeight - 1,
-        selectedIndex: itemIndex,
-        onSelect: () => {
-          setMode("action");
-          setActionIndex(0);
+    if (mode === "add_routing_pattern") {
+      if (key.name === "return" || key.name === "enter") {
+        if (routingPattern.trim())
+          setMode("add_routing_chain");
+      } else if (key.name === "escape") {
+        setMode("browse");
+      }
+      return;
+    }
+    if (mode === "add_routing_chain") {
+      if (key.name === "return" || key.name === "enter") {
+        const pat = routingPattern.trim();
+        const ch = routingChain.trim().split(",").map((s) => s.trim()).filter(Boolean);
+        if (pat && ch.length) {
+          const cfg = loadConfig();
+          if (!cfg.routing)
+            cfg.routing = {};
+          cfg.routing[pat] = ch;
+          saveConfig(cfg);
+          refreshConfig();
+          setStatusMsg(`Rule added for '${pat}'.`);
+        }
+        setRoutingPattern("");
+        setRoutingChain("");
+        setMode("browse");
+      } else if (key.name === "escape") {
+        setMode("add_routing_pattern");
+      }
+      return;
+    }
+    if (key.name === "q")
+      return quit();
+    if (key.name === "tab") {
+      const tabs = ["providers", "routing", "privacy"];
+      const idx = tabs.indexOf(activeTab);
+      setActiveTab(tabs[(idx + 1) % tabs.length]);
+      setStatusMsg(null);
+      return;
+    }
+    if (key.name === "1") {
+      setActiveTab("providers");
+      setStatusMsg(null);
+      return;
+    }
+    if (key.name === "2") {
+      setActiveTab("routing");
+      setStatusMsg(null);
+      return;
+    }
+    if (key.name === "3") {
+      setActiveTab("privacy");
+      setStatusMsg(null);
+      return;
+    }
+    if (activeTab === "providers") {
+      if (key.name === "up" || key.name === "k") {
+        setProviderIndex((i) => Math.max(0, i - 1));
+        setStatusMsg(null);
+      } else if (key.name === "down" || key.name === "j") {
+        setProviderIndex((i) => Math.min(displayProviders.length - 1, i + 1));
+        setStatusMsg(null);
+      } else if (key.name === "s") {
+        setInputValue("");
+        setStatusMsg(null);
+        setMode("input_key");
+      } else if (key.name === "e") {
+        if (selectedProvider.endpointEnvVar) {
+          setInputValue(activeEndpoint);
           setStatusMsg(null);
-        },
-        onChange: (idx) => setItemIndex(idx),
-        selectedBackgroundColor: C2.bgAlt,
-        selectedTextColor: C2.cyan
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.border,
-            children: divider
+          setMode("input_endpoint");
+        } else {
+          setStatusMsg("This provider has no custom endpoint.");
+        }
+      } else if (key.name === "x") {
+        if (hasCfgKey) {
+          removeApiKey(selectedProvider.apiKeyEnvVar);
+          if (selectedProvider.endpointEnvVar) {
+            removeEndpoint(selectedProvider.endpointEnvVar);
+          }
+          refreshConfig();
+          setStatusMsg(`Key removed for ${selectedProvider.displayName}.`);
+        } else {
+          setStatusMsg("No stored key to remove.");
+        }
+      }
+    } else if (activeTab === "routing") {
+      if (key.name === "a") {
+        setRoutingPattern("");
+        setRoutingChain("");
+        setStatusMsg(null);
+        setMode("add_routing_pattern");
+      } else if (key.name === "d") {
+        if (ruleEntries.length > 0) {
+          const [pat] = ruleEntries[Math.min(providerIndex, ruleEntries.length - 1)];
+          const cfg = loadConfig();
+          if (cfg.routing) {
+            delete cfg.routing[pat];
+            saveConfig(cfg);
+            refreshConfig();
+            setStatusMsg(`Rule deleted: '${pat}'.`);
+          }
+        } else {
+          setStatusMsg("No routing rules to delete.");
+        }
+      } else if (key.name === "up" || key.name === "k") {
+        setProviderIndex((i) => Math.max(0, i - 1));
+      } else if (key.name === "down" || key.name === "j") {
+        setProviderIndex((i) => Math.min(Math.max(0, ruleEntries.length - 1), i + 1));
+      }
+    } else if (activeTab === "privacy") {
+      if (key.name === "t") {
+        const cfg = loadConfig();
+        const next = !telemetryEnabled;
+        cfg.telemetry = {
+          ...cfg.telemetry ?? {},
+          enabled: next,
+          askedAt: cfg.telemetry?.askedAt ?? new Date().toISOString()
+        };
+        saveConfig(cfg);
+        refreshConfig();
+        setStatusMsg(`Telemetry ${next ? "enabled" : "disabled"}.`);
+      } else if (key.name === "u") {
+        const cfg = loadConfig();
+        const statsKey = "CLAUDISH_STATS";
+        const next = !statsEnabled2;
+        if (!cfg.telemetry)
+          cfg.telemetry = { enabled: telemetryEnabled, askedAt: new Date().toISOString() };
+        cfg.statsEnabled = next;
+        saveConfig(cfg);
+        refreshConfig();
+        setStatusMsg(`Usage stats ${next ? "enabled" : "disabled"}.`);
+      } else if (key.name === "c") {
+        clearBuffer();
+        setBufStats(getBufferStats());
+        setStatusMsg("Stats buffer cleared.");
+      }
+    }
+  });
+  if (height2 < 15 || width < 60) {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      width: "100%",
+      height: "100%",
+      padding: 1,
+      backgroundColor: C2.bg,
+      children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: C2.red,
+          bold: true,
+          children: [
+            "Terminal too small (",
+            width,
+            "x",
+            height2,
+            "). Resize to at least 60x15."
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const isInputMode = mode === "input_key" || mode === "input_endpoint";
+  const isRoutingInput = mode === "add_routing_pattern" || mode === "add_routing_chain";
+  const HEADER_H = 1;
+  const TABS_H = 2;
+  const FOOTER_H = 1;
+  const DETAIL_H = 5;
+  const contentH = Math.max(4, height2 - HEADER_H - TABS_H - DETAIL_H - FOOTER_H);
+  function TabBar() {
+    const tabs = [
+      { label: "Providers", value: "providers", num: "1" },
+      { label: "Routing", value: "routing", num: "2" },
+      { label: "Privacy", value: "privacy", num: "3" }
+    ];
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: TABS_H,
+      flexDirection: "column",
+      backgroundColor: C2.bg,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          height: 1,
+          flexDirection: "row",
+          paddingX: 1,
+          children: [
+            tabs.map((t2, i) => {
+              const active = activeTab === t2.value;
+              return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                children: [
+                  i > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: C2.bg,
+                    children: "    "
+                  }, undefined, false, undefined, this),
+                  active ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: C2.tabActiveFg,
+                    backgroundColor: C2.tabActiveBg,
+                    bold: true,
+                    children: `  ${t2.num}. ${t2.label}  `
+                  }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: C2.tabInactiveFg,
+                    backgroundColor: C2.tabInactiveBg,
+                    bold: true,
+                    children: `  ${t2.num}. ${t2.label}  `
+                  }, undefined, false, undefined, this)
+                ]
+              }, t2.value, true, undefined, this);
+            }),
+            statusMsg && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "  \u2500  "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: statusMsg.startsWith("Key saved") || statusMsg.startsWith("Rule added") || statusMsg.startsWith("Endpoint") || statusMsg.startsWith("Telemetry") || statusMsg.startsWith("Usage") || statusMsg.startsWith("Stats buffer") ? C2.green : C2.yellow,
+                  bold: true,
+                  children: statusMsg
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          height: 1,
+          paddingX: 1,
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.tabActiveBg,
+              children: "\u2500".repeat(Math.max(0, width - 2))
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          height: 1
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function ProvidersContent() {
+    const listH = contentH - 2;
+    let separatorRendered = false;
+    const getRow = (p, idx) => {
+      const isReady = !!(config3.apiKeys?.[p.apiKeyEnvVar] || process.env[p.apiKeyEnvVar]);
+      const selected = idx === providerIndex;
+      const keyDisplay = isReady ? maskKey2(config3.apiKeys?.[p.apiKeyEnvVar]) || maskKey2(process.env[p.apiKeyEnvVar]) : "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
+      const namePad = p.displayName.padEnd(14).substring(0, 14);
+      const isFirstUnready = !isReady && !separatorRendered;
+      if (isFirstUnready)
+        separatorRendered = true;
+      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         flexDirection: "column",
-        height: bottomHeight,
-        paddingX: 1,
         children: [
-          mode === "browse" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.cyan,
-                      children: selectedProvider.displayName
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: [
-                      "  ",
-                      selectedProvider.description
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          isFirstUnready && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+            height: 1,
+            paddingX: 1,
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.dim,
                 children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: "Keys: "
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.fg,
-                    children: [
-                      "env=",
-                      envKeyMask,
-                      " cfg=",
-                      cfgKeyMask,
-                      "  "
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: "Url: "
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.cyan,
-                    children: pad(activeUrl, 30)
-                  }, undefined, false, undefined, this),
-                  statusMsg && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.green,
-                    children: [
-                      "  ",
-                      statusMsg
-                    ]
-                  }, undefined, true, undefined, this)
+                  "\u2500 not configured ",
+                  "\u2500".repeat(Math.max(0, width - 22))
                 ]
               }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+            height: 1,
+            flexDirection: "row",
+            backgroundColor: selected ? C2.bgHighlight : C2.bg,
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: isReady ? C2.green : C2.dim,
+                  children: isReady ? "\u25CF" : "\u25CB"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  children: "  "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: selected ? C2.white : isReady ? C2.fgMuted : C2.dim,
+                  bold: selected,
+                  children: namePad
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "  "
+                }, undefined, false, undefined, this),
+                isReady ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.black,
+                  backgroundColor: C2.brightGreen,
+                  bold: true,
+                  children: " ready "
+                }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: " not set "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "  "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: isReady ? C2.green : C2.dim,
+                  children: keyDisplay
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "  "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: selected ? C2.white : C2.dim,
+                  children: p.description
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, p.name, true, undefined, this);
+    };
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: contentH,
+      border: true,
+      borderStyle: "single",
+      borderColor: !isInputMode ? C2.blue : C2.dim,
+      backgroundColor: C2.bg,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.dim,
+              children: "   "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "PROVIDER        "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "STATUS    "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "KEY         "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "DESCRIPTION"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        displayProviders.slice(0, listH).map(getRow)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function ProviderDetail() {
+    const displayKey = hasCfgKey ? cfgKeyMask : hasEnvKey ? envKeyMask : "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
+    if (isInputMode) {
+      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+        height: DETAIL_H,
+        border: true,
+        borderStyle: "single",
+        borderColor: C2.focusBorder,
+        title: ` Set ${mode === "input_key" ? "API Key" : "Endpoint"} \u2014 ${selectedProvider.displayName} `,
+        backgroundColor: C2.bg,
+        flexDirection: "column",
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            children: [
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.green,
+                bold: true,
+                children: "Enter "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "to save \xB7 "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.red,
+                bold: true,
+                children: "Esc "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "to cancel"
+              }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          mode === "action" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+            flexDirection: "row",
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.yellow,
-                    children: [
-                      "Configure ",
-                      selectedProvider.displayName
-                    ]
-                  }, undefined, true, undefined, this)
+                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "> "
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-                options: getActionOptions(),
-                focused: focused && mode === "action",
-                height: bottomHeight - 1,
-                selectedIndex: actionIndex,
-                onSelect: handleActionSelect,
-                onChange: setActionIndex,
-                selectedBackgroundColor: C2.dim,
-                selectedTextColor: C2.fg
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
+                value: inputValue,
+                onChange: setInputValue,
+                focused: true,
+                width: width - 8,
+                backgroundColor: C2.bgHighlight,
+                textColor: C2.white
               }, undefined, false, undefined, this)
             ]
-          }, undefined, true, undefined, this),
-          (mode === "input_key" || mode === "input_endpoint") && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            gap: 1,
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    }
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: DETAIL_H,
+      border: true,
+      borderStyle: "single",
+      borderColor: C2.dim,
+      title: ` ${selectedProvider.displayName} `,
+      backgroundColor: C2.bgAlt,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "row",
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.yellow,
-                      children: [
-                        "Input ",
-                        mode === "input_key" ? "API Key" : "Custom Endpoint URL"
-                      ]
-                    }, undefined, true, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: " (Enter to save, Esc to cancel)"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                flexDirection: "row",
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.blue,
+                bold: true,
+                children: "Status: "
+              }, undefined, false, undefined, this),
+              hasKey ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.green,
+                bold: true,
+                children: "\u25CF Ready"
+              }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "\u25CB Not configured"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.dim,
+                children: "    "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.blue,
+                bold: true,
+                children: "Key: "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.green,
+                children: displayKey
+              }, undefined, false, undefined, this),
+              keySrc && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
                 children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.dim,
-                      children: "> "
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
-                    value: inputValue,
-                    onChange: setInputValue,
-                    focused: true,
-                    width: width - 5,
-                    backgroundColor: C2.bgAlt,
-                    textColor: C2.fg
-                  }, undefined, false, undefined, this)
+                  " (source: ",
+                  keySrc,
+                  ")"
                 ]
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-var import_react13;
-var init_ApiKeysPanel = __esm(async () => {
-  init_profile_config();
-  init_providers();
-  init_theme2();
-  init_jsx_dev_runtime();
-  await init_react();
-  import_react13 = __toESM(require_react(), 1);
-});
-
-// src/tui/panels/ConfigViewPanel.tsx
-function ConfigViewPanel({ focused, height: height2 }) {
-  const [config3] = import_react14.useState(() => loadConfig());
-  const items = PROVIDERS.map((p) => {
-    const kE = process.env[p.apiKeyEnvVar];
-    const kC = config3.apiKeys?.[p.apiKeyEnvVar];
-    const eE = p.endpointEnvVar ? process.env[p.endpointEnvVar] : undefined;
-    const eC = p.endpointEnvVar ? config3.endpoints?.[p.endpointEnvVar] : undefined;
-    if (!kE && !kC && !eE && !eC)
-      return null;
-    return {
-      name: p.displayName,
-      kSrc: kE && kC ? "e+c" : kE ? "env" : kC ? "cfg" : "---",
-      eSrc: eE && eC ? "e+c" : eE ? "env" : eC ? "cfg" : "---",
-      kVal: kC || kE,
-      eVal: eC || eE
-    };
-  }).filter(Boolean);
-  const tState = config3.telemetry?.enabled ? "enabled" : "disabled";
-  const tColor = config3.telemetry?.enabled ? C2.green : C2.yellow;
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("scrollbox", {
-    focused,
-    height: height2,
-    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-      flexDirection: "column",
-      paddingX: 1,
-      gap: 0,
-      children: [
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "System State"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        selectedProvider.endpointEnvVar && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "  Default Profile: "
+              fg: C2.blue,
+              bold: true,
+              children: "URL:     "
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.fg,
-              children: config3.defaultProfile
+              fg: C2.cyan,
+              children: activeEndpoint || selectedProvider.defaultEndpoint || "default"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        selectedProvider.keyUrl && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "  Telemetry:       "
+              fg: C2.blue,
+              bold: true,
+              children: "Get Key: "
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: tColor,
-              children: tState
+              fg: C2.cyan,
+              children: selectedProvider.keyUrl
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function RoutingChain({ chain, description }) {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: C2.dim,
+          children: "    "
+        }, undefined, false, undefined, this),
+        chain.map((p, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "  Config File:     "
+              fg: C2.black,
+              backgroundColor: C2.cyan,
+              bold: true,
+              children: ` ${p} `
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.fg,
-              children: "~/.claudish/config.json"
+            i < chain.length - 1 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.dim,
+              children: " \u2192 "
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: " "
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "Active Configurations (Provider / Endpoints)"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+        }, p, true, undefined, this)),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: C2.dim,
+          children: "  \u2014 "
         }, undefined, false, undefined, this),
-        items.length === 0 ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "  No customizations found."
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : items.map((itm) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+          fg: C2.fgMuted,
+          children: description
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function RoutingContent() {
+    const innerH = contentH - 2;
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: contentH,
+      border: true,
+      borderStyle: "single",
+      borderColor: C2.blue,
+      backgroundColor: C2.bg,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        ruleEntries.length === 0 && !isRoutingInput && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
           children: [
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.fg,
-              children: [
-                "  ",
-                itm?.name.padEnd(16)
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.green,
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: [
-                " ",
-                maskKey2(itm?.kVal)
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "No custom rules. Press "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.black,
+                  backgroundColor: C2.green,
+                  bold: true,
+                  children: " a "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: " to add one. Default: LiteLLM \u2192 Zen \u2192 Native \u2192 OpenRouter"
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.blue,
+                bold: true,
+                children: "Examples"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.white,
+                bold: true,
+                children: "  kimi-*"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingChain, {
+              chain: ["kimi", "openrouter"],
+              description: "Try Kimi first, fall back to OpenRouter"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.white,
+                bold: true,
+                children: "  gpt-*"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingChain, {
+              chain: ["oai", "litellm"],
+              description: "Use OpenAI direct, then LiteLLM proxy"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.white,
+                bold: true,
+                children: "  gemini-*"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingChain, {
+              chain: ["google", "zen", "openrouter"],
+              description: "Gemini direct \u2192 Zen free tier \u2192 OpenRouter"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.white,
+                bold: true,
+                children: "  *"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingChain, {
+              chain: ["zen", "openrouter"],
+              description: "Catch-all: try free Zen first"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        ruleEntries.length > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: [
-                " (",
-                itm?.kSrc,
-                ")  "
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "PATTERN         "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "CHAIN"
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this),
-            itm?.eVal ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+            ruleEntries.slice(0, Math.max(0, innerH - 3)).map(([pat, chain], idx) => {
+              const sel = idx === providerIndex;
+              return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+                height: 1,
+                flexDirection: "row",
+                backgroundColor: sel ? C2.bgHighlight : C2.bg,
+                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  children: [
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                      fg: sel ? C2.white : C2.fgMuted,
+                      bold: sel,
+                      children: pat.padEnd(16).substring(0, 16)
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                      fg: C2.dim,
+                      children: " \u2192 "
+                    }, undefined, false, undefined, this),
+                    chain.map((p, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                      children: [
+                        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                          fg: sel ? C2.cyan : C2.dim,
+                          children: p
+                        }, undefined, false, undefined, this),
+                        i < chain.length - 1 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                          fg: C2.dim,
+                          children: " \u2192 "
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, p, true, undefined, this))
+                  ]
+                }, undefined, true, undefined, this)
+              }, pat, false, undefined, this);
+            })
+          ]
+        }, undefined, true, undefined, this),
+        mode === "add_routing_pattern" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: [
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: C2.cyan,
-                  children: itm.eVal.length > 20 ? itm.eVal.substring(0, 20) + "\u2026" : itm.eVal.padEnd(20)
+                  fg: C2.blue,
+                  bold: true,
+                  children: "Pattern "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
                   fg: C2.dim,
-                  children: [
-                    " (",
-                    itm.eSrc,
-                    ")"
-                  ]
-                }, undefined, true, undefined, this)
+                  children: "(e.g. kimi-*, gpt-4o):"
+                }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: " default target"
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              flexDirection: "row",
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: C2.green,
+                    bold: true,
+                    children: "> "
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
+                  value: routingPattern,
+                  onChange: setRoutingPattern,
+                  focused: true,
+                  width: width - 8,
+                  backgroundColor: C2.bgHighlight,
+                  textColor: C2.white
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "Enter "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "to continue \xB7 "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.red,
+                  bold: true,
+                  children: "Esc "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "to cancel"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        mode === "add_routing_chain" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "Chain for "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.white,
+                  bold: true,
+                  children: routingPattern
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: " (comma-separated providers):"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              flexDirection: "row",
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: C2.green,
+                    bold: true,
+                    children: "> "
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
+                  value: routingChain,
+                  onChange: setRoutingChain,
+                  focused: true,
+                  width: width - 8,
+                  backgroundColor: C2.bgHighlight,
+                  textColor: C2.white
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "Enter "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "to save \xB7 "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.red,
+                  bold: true,
+                  children: "Esc "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "to go back"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function RoutingDetail() {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: DETAIL_H,
+      border: true,
+      borderStyle: "single",
+      borderColor: C2.dim,
+      title: " How Routing Works ",
+      backgroundColor: C2.bgAlt,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.fgMuted,
+              children: "Claudish matches model names against "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "Patterns"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.fgMuted,
+              children: " (like "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.white,
+              children: "gpt-*"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.fgMuted,
+              children: ") and tries providers in the "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.blue,
+              bold: true,
+              children: "Chain"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.fgMuted,
+              children: " in order."
             }, undefined, false, undefined, this)
           ]
-        }, `sys-${itm?.name}`, true, undefined, this)),
+        }, undefined, true, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: " "
+            fg: C2.fgMuted,
+            children: "The first provider that responds successfully is used."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "Routing Rules"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        !config3.routing || Object.keys(config3.routing).length === 0 ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "  No custom routing bound."
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : Object.entries(config3.routing).map(([pat, chain]) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.fg,
-              children: [
-                "  ",
-                pat.padEnd(16),
-                " "
-              ]
-            }, undefined, true, undefined, this),
+              fg: C2.cyan,
+              bold: true,
+              children: ruleEntries.length
+            }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.yellow,
-              children: chain.join(" -> ")
+              fg: C2.fgMuted,
+              children: ` rule${ruleEntries.length !== 1 ? "s" : ""} configured`
             }, undefined, false, undefined, this)
           ]
-        }, `rr-${pat}`, true, undefined, this))
+        }, undefined, true, undefined, this)
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-var import_react14;
-var init_ConfigViewPanel = __esm(() => {
-  init_profile_config();
-  init_providers();
-  init_theme2();
-  init_jsx_dev_runtime();
-  import_react14 = __toESM(require_react(), 1);
-});
-
-// src/tui/panels/ProfilesPanel.tsx
-function ProfilesPanel({ height: height2, width }) {
-  const profiles = listAllProfiles();
-  if (profiles.length === 0) {
-    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-      flexDirection: "column",
-      height: height2,
-      padding: 1,
-      children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "No profiles. Run "
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.cyan,
-            children: "claudish init"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    }, undefined, false, undefined, this);
+    }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    flexDirection: "column",
-    height: height2,
-    children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        paddingX: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "  PROFILE          MAPPINGS (o/s/h/sub)   SCOPE"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        paddingX: 1,
-        gap: 0,
-        children: profiles.map((p, i) => {
-          const isDef = p.isDefault;
-          const sName = (isDef ? "\u2605 " : "\u25CB ") + p.name;
-          const nPad = sName.padEnd(16).substring(0, 16);
-          const pColor = isDef ? C2.green : C2.fg;
-          const r = (val) => val ? val.split("/").pop() : "-";
-          const mapStr = `${r(p.models.opus)} | ${r(p.models.sonnet)} | ${r(p.models.haiku)}`;
-          const mPad = mapStr.padEnd(22).substring(0, 22);
-          return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: pColor,
-                children: nPad
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.dim,
-                children: " "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.fg,
-                children: mPad
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.dim,
-                children: [
-                  "  [",
-                  p.scope,
-                  "]"
-                ]
-              }, undefined, true, undefined, this),
-              p.shadowed && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.yellow,
-                children: " (shadowed)"
-              }, undefined, false, undefined, this)
-            ]
-          }, `${p.scope}-${p.name}-${i}`, true, undefined, this);
-        })
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        paddingTop: 2,
-        paddingX: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: `\u2500`.repeat(Math.max(1, width - 2))
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "Read-only view. Manage profiles via standard CLI commands:"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "  $ claudish profile add/edit"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-var init_ProfilesPanel = __esm(() => {
-  init_profile_config();
-  init_theme2();
-  init_jsx_dev_runtime();
-});
-
-// src/tui/panels/ProvidersPanel.tsx
-function ProvidersPanel() {
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    padding: 2,
-    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-      children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-        fg: C2.dim,
-        children: "This pane has been cleanly merged into Api Keys."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-var init_ProvidersPanel = __esm(() => {
-  init_theme2();
-  init_jsx_dev_runtime();
-});
-
-// src/tui/panels/RoutingPanel.tsx
-function pStr(s, len) {
-  return s.padEnd(len).substring(0, len);
-}
-function RoutingPanel({ focused, height: height2, onEditingChange }) {
-  const [config3, setConfig] = import_react16.useState(() => loadConfig());
-  const [mode, setMode] = import_react16.useState("list");
-  const [itemIndex, setItemIndex] = import_react16.useState(0);
-  const [actionIndex, setActionIndex] = import_react16.useState(0);
-  const [patternInput, setPatternInput] = import_react16.useState("");
-  const [chainInput, setChainInput] = import_react16.useState("");
-  const [statusMsg, setStatusMsg] = import_react16.useState(null);
-  import_react16.useEffect(() => onEditingChange?.(mode !== "list"), [mode, onEditingChange]);
-  const rules = config3.routing ?? {};
-  const ruleEntries = Object.entries(rules);
-  const listOptions = [
-    { name: " [+] Add new routing rule...", value: "__add__" },
-    ...ruleEntries.map(([pat, chain]) => ({
-      name: `  ${pStr(pat, 18)} \u2192  ${chain.join(" | ")}`,
-      value: pat
-    }))
-  ];
-  const handleActionSelect = import_react16.useCallback((_idx, opt) => {
-    if (!opt?.value)
-      return;
-    if (opt.value === "back") {
-      setMode("list");
-    } else if (opt.value === "delete") {
-      const tgt = ruleEntries[itemIndex - 1]?.[0];
-      if (tgt) {
-        delete rules[tgt];
-        if (Object.keys(rules).length === 0)
-          config3.routing = undefined;
-        saveConfig(config3);
-        setConfig(loadConfig());
-        setStatusMsg(`\u2713 Deleted rule for '${tgt}'`);
-      }
-      setMode("list");
-    } else if (opt.value === "clear") {
-      config3.routing = undefined;
-      saveConfig(config3);
-      setConfig(loadConfig());
-      setStatusMsg("\u2713 Cleared all custom routing rules");
-      setMode("list");
-    }
-  }, [itemIndex, ruleEntries, rules, config3]);
-  useKeyboard((key) => {
-    if (!focused)
-      return;
-    if (mode === "list") {
-      if (key.name === "a") {
-        setPatternInput("");
-        setChainInput("");
-        setMode("add_pattern");
-      }
-      if ((key.name === "r" || key.name === "delete") && itemIndex > 0) {
-        setMode("action");
-      }
-    } else if (mode === "add_pattern") {
-      if (key.name === "return" || key.name === "enter") {
-        if (patternInput.trim())
-          setMode("add_chain");
-      } else if (key.name === "escape") {
-        setMode("list");
-        setStatusMsg(null);
-      }
-    } else if (mode === "add_chain") {
-      if (key.name === "return" || key.name === "enter") {
-        const pat = patternInput.trim();
-        const ch = chainInput.trim().split(",").map((s) => s.trim()).filter(Boolean);
-        if (pat && ch.length) {
-          if (!config3.routing)
-            config3.routing = {};
-          config3.routing[pat] = ch;
-          saveConfig(config3);
-          setConfig(loadConfig());
-          setStatusMsg(`\u2713 Rule added for '${pat}'`);
-        }
-        setMode("list");
-      } else if (key.name === "escape") {
-        setMode("add_pattern");
-      }
-    } else if (mode === "action" && key.name === "escape") {
-      setMode("list");
-    }
-  });
-  const listHeight = Math.max(3, height2 - 7);
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    flexDirection: "column",
-    height: height2,
-    children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        paddingX: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.dim,
-            children: "  PATTERN              PROVIDER CHAIN"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-        options: listOptions,
-        focused: focused && mode === "list",
-        height: listHeight - 1,
-        selectedIndex: itemIndex,
-        onSelect: (idx, opt) => {
-          if (opt?.value === "__add__") {
-            setPatternInput("");
-            setChainInput("");
-            setMode("add_pattern");
-          } else {
-            setActionIndex(0);
-            setMode("action");
-          }
-        },
-        onChange: setItemIndex,
-        selectedBackgroundColor: C2.bgAlt,
-        selectedTextColor: C2.cyan
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.border,
-            children: "\u2500".repeat(50)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        height: 7,
-        paddingX: 1,
-        children: [
-          mode === "list" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.yellow,
-                    children: "Routing Behavior"
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: C2.dim,
-                  children: "Map matched model name requests directly to specific provider chains."
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: C2.dim,
-                  children: "Useful for forcing patterns like 'qwen-*' natively through OpenRouter."
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              statusMsg && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+  function PrivacyContent() {
+    const halfW = Math.floor((width - 4) / 2);
+    const cardH = Math.max(7, contentH - 1);
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: contentH,
+      flexDirection: "row",
+      backgroundColor: C2.bg,
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          width: halfW,
+          height: cardH,
+          border: true,
+          borderStyle: "single",
+          borderColor: activeTab === "privacy" ? C2.blue : C2.dim,
+          title: " Telemetry ",
+          backgroundColor: C2.bg,
+          flexDirection: "column",
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "Status: "
+                }, undefined, false, undefined, this),
+                telemetryEnabled ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
                   fg: C2.green,
-                  children: statusMsg
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              !statusMsg && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: C2.dim,
-                  children: "Hotkeys: [a] add  [r] remove"
+                  bold: true,
+                  children: "\u25CF Enabled"
+                }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "\u25CB Disabled"
                 }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "Collects anonymized platform info and"
               }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "action" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.yellow,
-                    children: "Manage Selected Rule"
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-                options: [
-                  { name: "Delete Rule", value: "delete" },
-                  { name: "Clear ALL Rules", value: "clear" },
-                  { name: "Back", value: "back" }
-                ],
-                focused: mode === "action",
-                height: 3,
-                selectedIndex: actionIndex,
-                onSelect: handleActionSelect,
-                onChange: setActionIndex,
-                selectedBackgroundColor: C2.dim
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "sanitized error types to improve claudish."
               }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "add_pattern" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            gap: 1,
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.yellow,
-                      children: "Step 1: Match Pattern"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: " (e.g. 'kimi-*' or 'gpt-4o')"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                flexDirection: "row",
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.dim,
-                      children: "> "
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
-                    value: patternInput,
-                    onChange: setPatternInput,
-                    focused: true,
-                    width: 40,
-                    backgroundColor: C2.bgAlt
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          mode === "add_chain" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            gap: 1,
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.yellow,
-                      children: "Step 2: Provider Chain"
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: C2.dim,
-                    children: " (e.g. 'kimi@kimi-k2, openrouter')"
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                flexDirection: "row",
-                children: [
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                      fg: C2.dim,
-                      children: "> "
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
-                    value: chainInput,
-                    onChange: setChainInput,
-                    focused: true,
-                    width: 40,
-                    backgroundColor: C2.bgAlt
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-var import_react16;
-var init_RoutingPanel = __esm(async () => {
-  init_profile_config();
-  init_theme2();
-  init_jsx_dev_runtime();
-  await init_react();
-  import_react16 = __toESM(require_react(), 1);
-});
-
-// src/tui/panels/TelemetryPanel.tsx
-function TelemetryPanel({ focused, height: height2, onEditingChange }) {
-  const [config3, setConfig] = import_react17.useState(() => loadConfig());
-  const [statusMsg, setStatusMsg] = import_react17.useState(null);
-  import_react17.useEffect(() => onEditingChange?.(false), [onEditingChange]);
-  const telemetry = config3.telemetry;
-  const envDisabled = process.env.CLAUDISH_TELEMETRY === "0" || process.env.CLAUDISH_TELEMETRY === "false";
-  const isEnabled = !envDisabled && telemetry?.enabled === true;
-  const handleSelect = import_react17.useCallback((_idx, opt) => {
-    if (!opt?.value)
-      return;
-    const cfg = loadConfig();
-    if (opt.value === "toggle") {
-      const next = !isEnabled;
-      cfg.telemetry = { ...cfg.telemetry ?? {}, enabled: next, askedAt: cfg.telemetry?.askedAt ?? new Date().toISOString() };
-      saveConfig(cfg);
-      setStatusMsg(next ? "\u2713 Telemetry enabled." : "\u2713 Telemetry disabled.");
-    } else if (opt.value === "reset") {
-      if (cfg.telemetry) {
-        cfg.telemetry.askedAt = undefined;
-        cfg.telemetry.enabled = false;
-        saveConfig(cfg);
-      }
-      setStatusMsg("\u2713 Consent reset. You will be prompted on the next error.");
-    }
-    setConfig(loadConfig());
-  }, [isEnabled]);
-  const toggleText = `[${isEnabled ? "x" : " "}] Expand error reporting pipeline`;
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    flexDirection: "column",
-    height: height2,
-    children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-        options: [
-          { name: toggleText, value: "toggle" },
-          { name: " [-] Reset Prompts/Consent", value: "reset" }
-        ],
-        focused,
-        height: 3,
-        onSelect: handleSelect,
-        selectedBackgroundColor: C2.bgAlt,
-        selectedTextColor: C2.cyan
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: C2.border,
-            children: "\u2500".repeat(50)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        paddingX: 1,
-        gap: 0,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.dim,
-                children: "Status: "
-              }, undefined, false, undefined, this),
-              envDisabled ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.yellow,
-                children: "DISABLED (Env override)"
-              }, undefined, false, undefined, this) : !telemetry ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.dim,
-                children: "Not configured yet"
-              }, undefined, false, undefined, this) : telemetry.enabled ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.green,
-                children: "ENABLED"
-              }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.yellow,
-                children: "DISABLED"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.white,
+                bold: true,
+                children: "Never sends keys, prompts, or paths."
               }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: " "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: [
-                "Last Prompt: ",
-                telemetry?.askedAt || "Never"
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "Press ["
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "t"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "] to toggle."
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          width: width - 4 - halfW,
+          height: cardH,
+          border: true,
+          borderStyle: "single",
+          borderColor: activeTab === "privacy" ? C2.blue : C2.dim,
+          title: " Usage Stats ",
+          backgroundColor: C2.bg,
+          flexDirection: "column",
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "Status: "
+                }, undefined, false, undefined, this),
+                statsEnabled2 ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "\u25CF Enabled"
+                }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: "\u25CB Disabled"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.blue,
+                  bold: true,
+                  children: "Buffer: "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.white,
+                  bold: true,
+                  children: bufStats.events
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: " events ("
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.yellow,
+                  children: bytesHuman(bufStats.bytes)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.fgMuted,
+                  children: ")"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: " "
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.cyan,
-                children: "Anonymous Payloads ONLY include:"
+                fg: C2.fgMuted,
+                children: "Collects local, anonymous stats on model"
               }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "- Claudish release architecture & platform execution targets"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "- Sanitized message failures (No env vars, no paths)"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "- Isolated stack execution points"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                fg: C2.fgMuted,
+                children: "usage, latency, and token counts."
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: " "
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: "NEVER collected: Auth strings, keys, project paths, prompt body."
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          statusMsg && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.green,
-              children: statusMsg
-            }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "Press ["
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.green,
+                  bold: true,
+                  children: "u"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "] to toggle, ["
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.red,
+                  bold: true,
+                  children: "c"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: C2.dim,
+                  children: "] to clear buffer."
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function PrivacyDetail() {
+    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      height: DETAIL_H,
+      border: true,
+      borderStyle: "single",
+      borderColor: C2.dim,
+      title: " Your Privacy ",
+      backgroundColor: C2.bgAlt,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+            fg: C2.fgMuted,
+            children: "Telemetry and usage stats are always opt-in and never send personally identifiable data."
           }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-var import_react17;
-var init_TelemetryPanel = __esm(() => {
-  init_profile_config();
-  init_theme2();
-  init_jsx_dev_runtime();
-  import_react17 = __toESM(require_react(), 1);
-});
-
-// src/tui/App.tsx
-function App() {
-  const renderer = useRenderer();
-  const { width, height: height2 } = useTerminalDimensions();
-  const [activePanel, setActivePanel] = import_react19.useState("menu");
-  const [activeSection, setActiveSection] = import_react19.useState("apikeys");
-  const [menuIndex, setMenuIndex] = import_react19.useState(0);
-  const [isEditing, setIsEditing] = import_react19.useState(false);
-  const [config3] = import_react19.useState(() => loadConfig());
-  const quit = import_react19.useCallback(() => renderer.destroy(), [renderer]);
-  const handleEditingChange = import_react19.useCallback((editing) => {
-    setIsEditing(editing);
-    if (!editing)
-      setActivePanel("content");
-  }, []);
-  useKeyboard((key) => {
-    if (key.name === "q" && !isEditing)
-      return quit();
-    if (key.ctrl && key.name === "c")
-      return quit();
-    if (key.name === "tab" && !isEditing) {
-      setActivePanel((p) => p === "menu" ? "content" : "menu");
-    }
-  });
-  const handleMenuSelect = import_react19.useCallback((_idx, opt) => {
-    if (opt?.value) {
-      setActiveSection(opt.value);
-      setActivePanel("content");
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+            fg: C2.fgMuted,
+            children: "All data is anonymized before transmission. You can disable either independently."
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  function Footer() {
+    let keys;
+    if (activeTab === "providers") {
+      keys = [
+        [C2.blue, "\u2191\u2193", "navigate"],
+        [C2.green, "s", "set key"],
+        [C2.green, "e", "endpoint"],
+        [C2.red, "x", "remove"],
+        [C2.blue, "Tab", "section"],
+        [C2.dim, "q", "quit"]
+      ];
+    } else if (activeTab === "routing") {
+      keys = [
+        [C2.blue, "\u2191\u2193", "navigate"],
+        [C2.green, "a", "add rule"],
+        [C2.red, "d", "delete"],
+        [C2.blue, "Tab", "section"],
+        [C2.dim, "q", "quit"]
+      ];
+    } else {
+      keys = [
+        [C2.green, "t", "telemetry"],
+        [C2.green, "u", "stats"],
+        [C2.red, "c", "clear"],
+        [C2.blue, "Tab", "section"],
+        [C2.dim, "q", "quit"]
+      ];
     }
-  }, []);
-  if (height2 < 15 || width < 60) {
     return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-      width: "100%",
-      height: "100%",
-      padding: 1,
-      backgroundColor: C2.bg,
+      height: FOOTER_H,
+      flexDirection: "row",
+      paddingX: 1,
+      backgroundColor: C2.bgAlt,
       children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-          fg: C2.red,
+        children: keys.map(([color, key, label], i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
           children: [
-            "Terminal too small (",
-            width,
-            "x",
-            height2,
-            "). Resize to at least 60x15."
+            i > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              children: "   "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.black,
+              backgroundColor: color,
+              bold: true,
+              children: ` ${key} `
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: C2.white,
+              children: ` ${label}`
+            }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this)
+        }, i, true, undefined, this))
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  const menuWidth = 26;
-  const contentWidth = width - menuWidth;
-  const mainHeight = height2 - 2;
-  const menuOptions = MENU_ITEMS.map((item, idx) => ({
-    name: (idx === menuIndex ? "  " : "  ") + item.label,
-    value: item.section
-  }));
-  const activeTitle = MENU_ITEMS.find((m2) => m2.section === activeSection)?.label ?? "Config";
-  const titleText = " Claudish Configuration ";
-  const rightText = ` ${VERSION2} | profile: ${config3.defaultProfile || "default"} `;
-  const innerWidth = width - 4;
-  const gap = Math.max(1, innerWidth - titleText.length - rightText.length);
-  const headerPad = " ".repeat(gap);
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     width,
     height: height2,
@@ -99193,181 +99462,90 @@ function App() {
     backgroundColor: C2.bg,
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
+        height: HEADER_H,
         flexDirection: "row",
-        paddingX: 2,
         backgroundColor: C2.bgAlt,
+        paddingX: 1,
         children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
           children: [
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("strong", {
-              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: C2.cyan,
-                children: titleText
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.bgAlt,
-              children: headerPad
+              fg: C2.white,
+              bold: true,
+              children: "claudish"
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
               fg: C2.dim,
-              children: rightText
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "row",
-        height: mainHeight,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            border: true,
-            borderStyle: "single",
-            borderColor: activePanel === "menu" ? C2.focusBorder : C2.border,
-            title: " Navigation ",
-            width: menuWidth,
-            height: mainHeight,
-            flexDirection: "column",
-            backgroundColor: C2.bg,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("select", {
-              options: menuOptions,
-              focused: activePanel === "menu",
-              height: mainHeight - 2,
-              selectedIndex: menuIndex,
-              onSelect: handleMenuSelect,
-              onChange: (idx) => {
-                setMenuIndex(idx);
-                const section = MENU_ITEMS[idx]?.section;
-                if (section)
-                  setActiveSection(section);
-              },
-              selectedBackgroundColor: C2.bgAlt,
-              selectedTextColor: C2.cyan
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            border: true,
-            borderStyle: "single",
-            borderColor: activePanel === "content" ? C2.focusBorder : C2.border,
-            title: ` ${activeTitle} `,
-            width: contentWidth,
-            height: mainHeight,
-            backgroundColor: C2.bg,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ContentPanel, {
-              section: activeSection,
-              focused: activePanel === "content",
-              height: mainHeight - 2,
-              width: contentWidth - 2,
-              onEditingChange: handleEditingChange
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        height: 1,
-        flexDirection: "row",
-        alignItems: "center",
-        paddingX: 2,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          children: [
+              children: " \u2500 "
+            }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "Tab"
+              fg: C2.blue,
+              bold: true,
+              children: VERSION2
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
               fg: C2.dim,
-              children: " switch  \u2502  "
+              children: " \u2500 "
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "\u2191\u2193"
-            }, undefined, false, undefined, this),
+              fg: C2.orange,
+              bold: true,
+              children: [
+                "\u2605 ",
+                profileName
+              ]
+            }, undefined, true, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
               fg: C2.dim,
-              children: " browse  \u2502  "
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "Enter"
+              children: " \u2500 "
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.dim,
-              children: " configure/select  \u2502  "
+              fg: C2.green,
+              bold: true,
+              children: readyCount
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: C2.cyan,
-              children: "Esc/q"
+              fg: C2.fgMuted,
+              children: " providers configured"
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
               fg: C2.dim,
-              children: " back/quit"
+              children: "\u2500".repeat(Math.max(1, width - 38 - profileName.length - VERSION2.length))
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(TabBar, {}, undefined, false, undefined, this),
+      activeTab === "providers" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProvidersContent, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProviderDetail, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      activeTab === "routing" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingContent, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingDetail, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      activeTab === "privacy" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PrivacyContent, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PrivacyDetail, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(Footer, {}, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-function ContentPanel({ section, focused, height: height2, width, onEditingChange }) {
-  switch (section) {
-    case "apikeys":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ApiKeysPanel, {
-        focused,
-        height: height2,
-        width,
-        onEditingChange
-      }, undefined, false, undefined, this);
-    case "providers":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProvidersPanel, {}, undefined, false, undefined, this);
-    case "profiles":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProfilesPanel, {
-        focused,
-        height: height2,
-        width
-      }, undefined, false, undefined, this);
-    case "routing":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RoutingPanel, {
-        focused,
-        height: height2,
-        onEditingChange
-      }, undefined, false, undefined, this);
-    case "telemetry":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(TelemetryPanel, {
-        focused,
-        height: height2,
-        onEditingChange
-      }, undefined, false, undefined, this);
-    case "config":
-      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ConfigViewPanel, {
-        focused,
-        height: height2
-      }, undefined, false, undefined, this);
-    default:
-      return null;
-  }
-}
-var import_react19, VERSION2 = "v5.12.0", MENU_ITEMS;
+var import_react13, VERSION2 = "v5.16";
 var init_App = __esm(async () => {
   init_profile_config();
-  init_ConfigViewPanel();
-  init_ProfilesPanel();
-  init_ProvidersPanel();
-  init_TelemetryPanel();
+  init_stats_buffer();
+  init_providers();
   init_theme2();
   init_jsx_dev_runtime();
-  await __promiseAll([
-    init_react(),
-    init_ApiKeysPanel(),
-    init_RoutingPanel()
-  ]);
-  import_react19 = __toESM(require_react(), 1);
-  MENU_ITEMS = [
-    { label: "Providers & API Keys", section: "apikeys" },
-    { label: "Profiles", section: "profiles" },
-    { label: "Routing", section: "routing" },
-    { label: "Telemetry", section: "telemetry" },
-    { label: "View Config", section: "config" }
-  ];
+  await init_react();
+  import_react13 = __toESM(require_react(), 1);
 });
 
 // src/tui/index.tsx
@@ -99692,7 +99870,7 @@ function mergeUserSettingsIfPresent(config3, tempSettingsPath, statusLine) {
   }
   config3.claudeArgs.splice(idx, 2);
 }
-async function runClaudeWithProxy(config3, proxyUrl, onCleanup) {
+async function runClaudeWithProxy(config3, proxyUrl, onCleanup, ptyDiagRunner) {
   const hasProfileMappings = config3.modelOpus || config3.modelSonnet || config3.modelHaiku || config3.modelSubagent;
   const modelId = config3.model || (hasProfileMappings || config3.monitor ? undefined : "unknown");
   const portMatch = proxyUrl.match(/:(\d+)/);
@@ -99779,20 +99957,28 @@ Or set CLAUDE_PATH to your custom installation:`);
   }
   const needsShell = isWindows2() && claudeBinary.endsWith(".cmd");
   const spawnCommand = needsShell ? `"${claudeBinary}"` : claudeBinary;
-  const proc = spawn2(spawnCommand, claudeArgs, {
-    env: env2,
-    stdio: "inherit",
-    shell: needsShell
-  });
-  setupSignalHandlers(proc, tempSettingsPath, config3.quiet, onCleanup);
-  const exitCode = await new Promise((resolve4) => {
-    proc.on("exit", (code) => {
-      resolve4(code ?? 1);
+  let exitCode;
+  if (config3.interactive && ptyDiagRunner) {
+    exitCode = await ptyDiagRunner.run(spawnCommand, claudeArgs, env2);
+    try {
+      unlinkSync7(tempSettingsPath);
+    } catch {}
+  } else {
+    const proc = spawn2(spawnCommand, claudeArgs, {
+      env: env2,
+      stdio: "inherit",
+      shell: needsShell
     });
-  });
-  try {
-    unlinkSync7(tempSettingsPath);
-  } catch (error46) {}
+    setupSignalHandlers(proc, tempSettingsPath, config3.quiet, onCleanup);
+    exitCode = await new Promise((resolve4) => {
+      proc.on("exit", (code) => {
+        resolve4(code ?? 1);
+      });
+    });
+    try {
+      unlinkSync7(tempSettingsPath);
+    } catch {}
+  }
   return exitCode;
 }
 function setupSignalHandlers(proc, tempSettingsPath, quiet, onCleanup) {
@@ -99897,6 +100083,7 @@ var exports_diag_output = {};
 __export(exports_diag_output, {
   createDiagOutput: () => createDiagOutput,
   TmuxDiagOutput: () => TmuxDiagOutput,
+  OpentUiDiagOutput: () => OpentUiDiagOutput,
   NullDiagOutput: () => NullDiagOutput,
   LogFileDiagOutput: () => LogFileDiagOutput
 });
@@ -99948,6 +100135,25 @@ class LogFileDiagOutput {
   }
 }
 
+class OpentUiDiagOutput {
+  runner;
+  messages = [];
+  constructor(runner) {
+    this.runner = runner;
+  }
+  write(msg) {
+    const level = msg.toLowerCase().includes("error") ? "error" : msg.toLowerCase().includes("warn") ? "warn" : "info";
+    this.messages.push({ text: msg, level });
+    if (this.messages.length > 4) {
+      this.messages = this.messages.slice(-4);
+    }
+    this.runner.showDiag(this.messages);
+  }
+  cleanup() {
+    this.runner.hideDiag();
+  }
+}
+
 class NullDiagOutput {
   write(_msg) {}
   cleanup() {}
@@ -99956,8 +100162,25 @@ function createDiagOutput(options) {
   if (!options.interactive) {
     return new NullDiagOutput;
   }
-  if (process.env.TMUX) {
-    return new TmuxDiagOutput;
+  const mode = options.diagMode || "auto";
+  if (mode === "off") {
+    return new NullDiagOutput;
+  }
+  if (mode === "pty" || mode === "auto") {
+    if (options.ptyRunner) {
+      return new OpentUiDiagOutput(options.ptyRunner);
+    }
+    if (mode === "pty") {
+      return new LogFileDiagOutput;
+    }
+  }
+  if (mode === "tmux" || mode === "auto") {
+    if (process.env.TMUX) {
+      return new TmuxDiagOutput;
+    }
+    if (mode === "tmux") {
+      return new LogFileDiagOutput;
+    }
   }
   return new LogFileDiagOutput;
 }
@@ -99997,6 +100220,228 @@ var init_diag_output = __esm(() => {
   };
 });
 
+// src/tui/DiagPanel.tsx
+function DiagPanel({ messages }) {
+  const { width } = useTerminalDimensions();
+  const panelWidth = Math.max(1, width);
+  const separator = "\u2500".repeat(panelWidth);
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+    x: 0,
+    y: 0,
+    width: panelWidth,
+    height: 5,
+    backgroundColor: "#1a1a2e",
+    children: [
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        x: 0,
+        y: 0,
+        content: separator,
+        color: "#44475a"
+      }, undefined, false, undefined, this),
+      messages.slice(-3).map((msg, i) => {
+        const prefix = LEVEL_PREFIX[msg.level];
+        const color = LEVEL_COLORS[msg.level];
+        const maxTextLen = Math.max(1, panelWidth - prefix.length - 1);
+        const truncated = msg.text.length > maxTextLen ? `${msg.text.slice(0, maxTextLen - 1)}\u2026` : msg.text;
+        return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          x: 0,
+          y: i + 1,
+          content: `${prefix} ${truncated}`,
+          color
+        }, `msg-${i}`, false, undefined, this);
+      }),
+      messages.length < 3 && Array.from({ length: 3 - messages.length }).map((_2, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        x: 0,
+        y: messages.length + i + 1,
+        content: ""
+      }, `empty-${i}`, false, undefined, this)),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+        x: 0,
+        y: 4,
+        content: "Press ESC to dismiss",
+        color: "#6272a4"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var LEVEL_COLORS, LEVEL_PREFIX;
+var init_DiagPanel = __esm(async () => {
+  init_jsx_dev_runtime();
+  await init_react();
+  LEVEL_COLORS = {
+    error: "#ff5555",
+    warn: "#ffb86c",
+    info: "#8be9fd"
+  };
+  LEVEL_PREFIX = {
+    error: "[ERROR]",
+    warn: "[WARN] ",
+    info: "[INFO] "
+  };
+});
+
+// src/pty-diag-runner.ts
+var exports_pty_diag_runner = {};
+__export(exports_pty_diag_runner, {
+  tryCreatePtyRunner: () => tryCreatePtyRunner,
+  PtyDiagRunner: () => PtyDiagRunner
+});
+import { writeSync as writeSync3 } from "fs";
+
+class PtyDiagRunner {
+  renderer = null;
+  bunProc = null;
+  messages = [];
+  autoHideTimer = null;
+  reactRoot = null;
+  rawStdinHandler = null;
+  async run(command, args, env2) {
+    this.renderer = await createCliRenderer({
+      useAlternateScreen: false,
+      experimental_splitHeight: 0,
+      exitOnCtrlC: false,
+      useMouse: false,
+      useKittyKeyboard: null,
+      targetFps: 10
+    });
+    this.reactRoot = createRoot(this.renderer);
+    this.renderDiagPanel();
+    const cols = process.stdout.columns || 80;
+    const rows = process.stdout.rows || 24;
+    this.bunProc = Bun.spawn([command, ...args], {
+      terminal: {
+        cols,
+        rows,
+        data: (_terminal, data) => {
+          const buf = typeof data === "string" ? Buffer.from(data, "binary") : data;
+          writeSync3(1, buf);
+        }
+      },
+      cwd: process.cwd(),
+      env: env2
+    });
+    await new Promise((resolve4) => setTimeout(resolve4, 500));
+    const isTerminalResponse = (data) => {
+      if (data.startsWith("\x1BP"))
+        return true;
+      if (/^\x1b\[\??[\d;]*[Rcyn]/.test(data))
+        return true;
+      if (/^\x1b\[[\?>][\d;]*c/.test(data))
+        return true;
+      return false;
+    };
+    this.rawStdinHandler = (chunk) => {
+      if (!this.bunProc?.terminal)
+        return;
+      const str = typeof chunk === "string" ? chunk : chunk.toString("binary");
+      if (isTerminalResponse(str))
+        return;
+      this.bunProc.terminal.write(str);
+    };
+    process.stdin.on("data", this.rawStdinHandler);
+    if (this.renderer.prependInputHandler) {
+      this.renderer.prependInputHandler((sequence) => {
+        if (sequence === "\x1B" && this.renderer && this.renderer.experimental_splitHeight > 0) {
+          this.hideDiag();
+          return true;
+        }
+        return false;
+      });
+    }
+    this.renderer.on("resize", () => {
+      if (this.bunProc?.terminal && this.renderer) {
+        const newCols = this.renderer.terminalWidth || process.stdout.columns || 80;
+        const newRows = Math.max(1, (this.renderer.terminalHeight || process.stdout.rows || 24) - this.renderer.experimental_splitHeight);
+        try {
+          this.bunProc.terminal.resize(newCols, newRows);
+        } catch {}
+      }
+    });
+    await this.bunProc.exited;
+    const exitCode = this.bunProc.exitCode ?? 1;
+    this.cleanup();
+    return exitCode;
+  }
+  showDiag(messages) {
+    if (!this.renderer)
+      return;
+    this.messages = messages.slice(-4);
+    this.renderDiagPanel();
+    if (this.renderer.experimental_splitHeight === 0) {
+      this.renderer.experimental_splitHeight = 5;
+    }
+    if (this.autoHideTimer) {
+      clearTimeout(this.autoHideTimer);
+    }
+    this.autoHideTimer = setTimeout(() => {
+      this.hideDiag();
+    }, 1e4);
+  }
+  hideDiag() {
+    if (!this.renderer)
+      return;
+    if (this.autoHideTimer) {
+      clearTimeout(this.autoHideTimer);
+      this.autoHideTimer = null;
+    }
+    this.renderer.experimental_splitHeight = 0;
+  }
+  renderDiagPanel() {
+    if (!this.reactRoot)
+      return;
+    this.reactRoot.render(import_react17.createElement(DiagPanel, { messages: this.messages }));
+  }
+  cleanup() {
+    if (this.autoHideTimer) {
+      clearTimeout(this.autoHideTimer);
+      this.autoHideTimer = null;
+    }
+    if (this.rawStdinHandler) {
+      process.stdin.removeListener("data", this.rawStdinHandler);
+      this.rawStdinHandler = null;
+    }
+    if (this.bunProc) {
+      try {
+        this.bunProc.kill();
+      } catch {}
+      if (this.bunProc.terminal) {
+        try {
+          this.bunProc.terminal.close();
+        } catch {}
+      }
+      this.bunProc = null;
+    }
+    if (this.renderer && !this.renderer.isDestroyed) {
+      try {
+        this.renderer.destroy();
+      } catch {}
+      this.renderer = null;
+    }
+  }
+}
+async function tryCreatePtyRunner() {
+  try {
+    if (typeof Bun === "undefined")
+      return null;
+    const test = Bun.spawn(["true"], {
+      terminal: { cols: 1, rows: 1 }
+    });
+    await test.exited;
+    return new PtyDiagRunner;
+  } catch {
+    return null;
+  }
+}
+var import_react17;
+var init_pty_diag_runner = __esm(async () => {
+  await __promiseAll([
+    init_core3(),
+    init_react(),
+    init_DiagPanel()
+  ]);
+  import_react17 = __toESM(require_react(), 1);
+});
+
 // src/port-manager.ts
 var exports_port_manager = {};
 __export(exports_port_manager, {
@@ -107038,6 +107483,7 @@ async function runCli() {
   } = await Promise.resolve().then(() => (init_provider_resolver(), exports_provider_resolver));
   const { initLogger: initLogger2, getLogFilePath: getLogFilePath2, getAlwaysOnLogPath: getAlwaysOnLogPath2, setDiagOutput: setDiagOutput2 } = await Promise.resolve().then(() => (init_logger(), exports_logger));
   const { createDiagOutput: createDiagOutput2, LogFileDiagOutput: LogFileDiagOutput2 } = await Promise.resolve().then(() => (init_diag_output(), exports_diag_output));
+  const { tryCreatePtyRunner: tryCreatePtyRunner2 } = await init_pty_diag_runner().then(() => exports_pty_diag_runner);
   const { findAvailablePort: findAvailablePort2 } = await Promise.resolve().then(() => (init_port_manager(), exports_port_manager));
   const { createProxyServer: createProxyServer2 } = await Promise.resolve().then(() => (init_proxy_server(), exports_proxy_server));
   const { checkForUpdates: checkForUpdates2 } = await Promise.resolve().then(() => (init_update_checker(), exports_update_checker));
@@ -107155,16 +107601,22 @@ async function runCli() {
       quiet: cliConfig.quiet,
       isInteractive: cliConfig.interactive
     });
-    const diag = createDiagOutput2({ interactive: cliConfig.interactive });
+    const needsPty = cliConfig.interactive && (cliConfig.diagMode === "auto" || cliConfig.diagMode === "pty");
+    const ptyRunner = needsPty ? await tryCreatePtyRunner2() : null;
+    const diag = createDiagOutput2({
+      interactive: cliConfig.interactive,
+      ptyRunner,
+      diagMode: cliConfig.diagMode
+    });
     if (cliConfig.interactive) {
       setDiagOutput2(diag);
-      if (!process.env.TMUX && !cliConfig.quiet && diag instanceof LogFileDiagOutput2) {
+      if (!ptyRunner && !process.env.TMUX && !cliConfig.quiet && diag instanceof LogFileDiagOutput2) {
         console.log(`[claudish] Diagnostic log: ${diag.getLogPath()}`);
       }
     }
     let exitCode = 0;
     try {
-      exitCode = await runClaudeWithProxy2(cliConfig, proxy.url, () => diag.cleanup());
+      exitCode = await runClaudeWithProxy2(cliConfig, proxy.url, () => diag.cleanup(), ptyRunner);
     } finally {
       setDiagOutput2(null);
       diag.cleanup();