From 9dd84e3416859885560f19b3ea8e4bb76272d88a Mon Sep 17 00:00:00 2001
From: catlog22 <catlog22@github.com>
Date: Thu, 25 Dec 2025 18:13:28 +0800
Subject: [PATCH] fix: Update agent execution instructions and improve
 rendering layout in API settings

---
 .claude/CLAUDE.md                                    | 5 ++---
 ccw/src/templates/dashboard-js/views/api-settings.js | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/.claude/CLAUDE.md b/.claude/CLAUDE.md
index 0a0d6e14..ed9d5dc7 100644
--- a/.claude/CLAUDE.md
+++ b/.claude/CLAUDE.md
@@ -17,10 +17,9 @@ Available CLI endpoints are dynamically defined by the config file:
 
 ## Agent Execution
 
-- **Always use `run_in_background = false`** for Task tool agent calls to ensure synchronous execution and immediate result visibility
+- **Always use `run_in_background: false`** for Task tool agent calls: `Task({ subagent_type: "xxx", prompt: "...", run_in_background: false })` to ensure synchronous execution and immediate result visibility
+- **TaskOutput usage**: Only use `TaskOutput({ task_id: "xxx", block: false })` + sleep loop to poll completion status. NEVER read intermediate output during agent/CLI execution - wait for final result only
 
 ## Code Diagnostics
 
 - **Prefer `mcp__ide__getDiagnostics`** for code error checking over shell-based TypeScript compilation
-- Usage: `mcp__ide__getDiagnostics({ uri: "file:///path/to/file.ts" })` for specific file or omit uri for all files
-- Benefits: Works across platforms, no shell environment issues, real-time IDE integration
\ No newline at end of file
diff --git a/ccw/src/templates/dashboard-js/views/api-settings.js b/ccw/src/templates/dashboard-js/views/api-settings.js
index 94b14001..0a9fc282 100644
--- a/ccw/src/templates/dashboard-js/views/api-settings.js
+++ b/ccw/src/templates/dashboard-js/views/api-settings.js
@@ -2799,7 +2799,7 @@ function renderDiscoveredProviders() {
     
     providersHtml += '<div style="border: 1px solid hsl(var(--border)); border-radius: 0.5rem; padding: 1rem; ' + 
       (isExcluded ? 'opacity: 0.5; background: hsl(var(--muted) / 0.3);' : 'background: hsl(var(--card));') + '">' +
-      '<div style="display: flex; align-items: center; justify-between; margin-bottom: 0.75rem;">' +
+      '<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem;">' +
         '<div style="display: flex; align-items: center; gap: 0.75rem;">' +
           '<div style="width: 2rem; height: 2rem; border-radius: 0.375rem; background: ' + (isExcluded ? 'hsl(var(--muted))' : 'hsl(var(--success) / 0.1)') + '; color: ' + (isExcluded ? 'hsl(var(--muted-foreground))' : 'hsl(var(--success))') + '; display: flex; align-items: center; justify-content: center;">' +
             '<i data-lucide="' + providerIcon + '" style="width: 1.125rem; height: 1.125rem;"></i>' +