fix: Update agent execution instructions and improve rendering layout in API settings

Author: catlog22

.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

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>' +