project-compass 4.3.6 → 4.3.8

package/src/components/AIHorizon.js

@@ -1,4 +1,4 @@
-/* global fetch, setTimeout */
+/* global fetch */
 import React, {useState, memo} from 'react';
 import {Box, Text, useInput} from 'ink';
 import fs from 'fs';
@@ -13,108 +13,89 @@ const AI_PROVIDERS = [
   { id: 'ollama', name: 'Ollama (Local)', endpoint: 'http://localhost:11434/api/generate' }
 ];
 
-const AIHorizon = memo(({selectedProject, CursorText, config, setConfig, saveConfig}) => {
+function readProjectFile(projectPath, filename) {
+  const fullPath = path.join(projectPath, filename);
+  try {
+    if (fs.existsSync(fullPath)) {
+      return fs.readFileSync(fullPath, 'utf-8').slice(0, 3000);
+    }
+  } catch {
+    // file may not be readable
+  }
+  return null;
+}
+
+function buildProjectContext(project, rootPath) {
+  const lines = [];
+  lines.push(`Project: ${project.name}`);
+  lines.push(`Type: ${project.type}`);
+  lines.push(`Location: ${path.relative(rootPath, project.path) || '.'}`);
+  lines.push(`Manifest: ${project.manifest}`);
+  if (project.description) lines.push(`Description: ${project.description}`);
+  if (project.frameworks?.length) {
+    lines.push(`Frameworks: ${project.frameworks.map(f => f.name).join(', ')}`);
+  }
+  const readme = readProjectFile(project.path, 'README.md') || readProjectFile(project.path, 'Readme.md') || readProjectFile(project.path, 'readme.md');
+  if (readme) {
+    lines.push(`--- README ---\n${readme.slice(0, 2000)}\n--- END README ---`);
+  } else {
+    const mainCandidates = ['src/main.py', 'main.py', 'app.py', 'src/index.js', 'index.js', 'src/main.ts', 'main.ts', 'server.js', 'app.js'];
+    for (const candidate of mainCandidates) {
+      const content = readProjectFile(project.path, candidate);
+      if (content) {
+        lines.push(`--- ${candidate} ---\n${content.slice(0, 1500)}\n--- END ${candidate} ---`);
+        break;
+      }
+    }
+  }
+  if (project.metadata?.scripts) {
+    lines.push('Scripts: ' + JSON.stringify(project.metadata.scripts));
+  }
+  if (project.metadata?.dependencies?.length) {
+    const depNames = project.metadata.dependencies.slice(0, 30).map(d => typeof d === 'string' ? d : d.name);
+    lines.push('Dependencies: ' + depNames.join(', '));
+  }
+  return lines.join('\n');
+}
+
+const AIHorizon = memo(({rootPath, selectedProject, CursorText, config, setConfig, saveConfig}) => {
   const [step, setStep] = useState(config?.aiToken ? 'analyze' : 'provider');
-  const [providerIdx, setProviderIdx] = useState(AI_PROVIDERS.findIndex(p => p.id === (config?.aiProvider || 'openrouter')) || 0);
+  const providerIndex = AI_PROVIDERS.findIndex(p => p.id === (config?.aiProvider || 'openrouter'));
+  const [providerIdx, setProviderIdx] = useState(providerIndex >= 0 ? providerIndex : 0);
   const [model, setModel] = useState(config?.aiModel || 'deepseek/deepseek-r1');
   const [token, setToken] = useState(config?.aiToken || '');
   const [cursor, setCursor] = useState(0);
   const [status, setStatus] = useState('ready');
   const [error, setError] = useState(null);
   const [suggestions, setSuggestions] = useState([]);
-  const [editingIdx, setEditingIdx] = useState(-1);
-  const [editInput, setEditInput] = useState('');
-  const [editCursor, setEditCursor] = useState(0);
-  const [customContext, setCustomContext] = useState('');
-
-  
-  const readProjectFile = (filePath) => {
-    try {
-      const fullPath = selectedProject?.path ? path.join(selectedProject.path, filePath) : filePath;
-      if (fs.existsSync(fullPath)) {
-        const content = fs.readFileSync(fullPath, 'utf-8');
-        return content.slice(0, 2000); // First 2000 chars
-      }
-    } catch { /* ignore */ }
-    return '';
-  };
-  
-  const buildProjectContext = () => {
-    if (!selectedProject) return null;
-    const pm = selectedProject.metadata?.packageManager || 'npm';
-    const frameworks = (selectedProject.frameworks || []).map(f => f.name).join(', ');
-    const scripts = selectedProject.metadata?.scripts || {};
-    const deps = (selectedProject.metadata?.dependencies || []).slice(0, 30);
-    
-    // Read actual project files
-    const readme = readProjectFile('README.md') || readProjectFile('readme.md') || '';
-    const mainFile = readProjectFile('main.py') || readProjectFile('app.py') || 
-                   readProjectFile('src/main.py') || readProjectFile('index.js') || '';
-    const configFile = readProjectFile('pyproject.toml') || readProjectFile('package.json') || '';
-    
-    return {
-      name: selectedProject.name,
-      type: selectedProject.type,
-      path: selectedProject.path,
-      manifest: selectedProject.manifest,
-      packageManager: pm,
-      frameworks: frameworks || 'None detected',
-      scripts: scripts,
-      scriptNames: Object.keys(scripts).join(', ') || 'None',
-      dependencies: deps,
-      description: selectedProject.description || '',
-      hasPort: !!selectedProject.metadata?.port,
-      readme: readme.slice(0, 1500),
-      mainFile: mainFile.slice(0, 1500),
-      configFile: configFile.slice(0, 1500),
-      customContext
-    };
-  };
+  const [rawAIResponse, setRawAIResponse] = useState('');
 
   const runRealAnalysis = async () => {
     setStatus('busy');
     setError(null);
+    setRawAIResponse('');
     const provider = AI_PROVIDERS[providerIdx];
-    const context = buildProjectContext();
-    
-    if (!context) {
-      setError('No project selected for analysis');
-      setStatus('ready');
-      return;
-    }
-    
+
     try {
-      const prompt = `You are analyzing a ${context.type} project named "${context.name}".
-Project Details:
-- Package Manager: ${context.packageManager}
-- Frameworks: ${context.frameworks}
-- Available Scripts: ${context.scriptNames}
-- Key Dependencies: ${JSON.stringify(context.dependencies)}
-- Description: ${context.description}
+      const projectContext = buildProjectContext(selectedProject, rootPath);
 
-Based on this REAL project data, suggest the correct CLI commands for:
-1. BUILD (compile/build the project)
-2. RUN (start/run the project in development)
-3. INSTALL (install dependencies)
-4. TEST (run tests)
+      const prompt = `You are analyzing a software project. Based on the project data below, suggest valid CLI commands for:
+1. Build
+2. Run (with port flag if applicable)
+3. Install dependencies
+4. Test
 
-CRITICAL RULES:
-- Use the ACTUAL package manager: ${context.packageManager}
-- Use ACTUAL script names from: ${context.scriptNames}
-- For Python: use "uv run" if uv is available, else "python" or "pip"
-- For Node: use "npm run", "yarn", "pnpm" or "bun" based on ${context.packageManager}
-- For Rust: use "cargo" commands
-- For Go: use "go" commands
-- DO NOT suggest generic commands - use the project's actual tools
+Project Data:
+${projectContext}
 
-Return ONLY valid JSON (no markdown, no code blocks):
-{"build": "exact command here", "run": "exact command here", "install": "exact command here", "test": "exact command here"}
+Return ONLY a JSON object with this structure:
+{"build": "build command here", "run": "run command here", "install": "install command here", "test": "test command here"}
 
-Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "install": "npm install", "test": "npm run test"}`;
+Use the project's detected type (${selectedProject.type}) to ensure commands are correct. Do NOT wrap the JSON in markdown code blocks.`;
 
       let response;
       let aiText = '';
-      
+
       if (provider.id === 'openrouter') {
         response = await fetch(provider.endpoint, {
           method: 'POST',
@@ -130,8 +111,8 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
           })
         });
         const data = await response.json();
-        if (!response.ok) throw new Error(data.error?.message || 'OpenRouter Error');
-        aiText = data.choices[0].message.content;
+        if (!response.ok) throw new Error(data.error?.message || data.error || 'OpenRouter Error');
+        aiText = data.choices?.[0]?.message?.content || '';
       } else if (provider.id === 'gemini') {
         const url = provider.endpoint.replace('{model}', model) + `?key=${token}`;
         response = await fetch(url, {
@@ -140,8 +121,8 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
           body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] })
         });
         const data = await response.json();
-        if (!response.ok) throw new Error(data.error?.message || 'Gemini Error');
-        aiText = data.candidates[0].content.parts[0].text;
+        if (!response.ok) throw new Error(data.error?.message || data.error || 'Gemini Error');
+        aiText = data.candidates?.[0]?.content?.parts?.[0]?.text || '';
       } else if (provider.id === 'claude') {
         response = await fetch(provider.endpoint, {
           method: 'POST',
@@ -157,8 +138,8 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
           })
         });
         const data = await response.json();
-        if (!response.ok) throw new Error(data.error?.message || 'Claude Error');
-        aiText = data.content[0].text;
+        if (!response.ok) throw new Error(data.error?.message || data.error || 'Claude Error');
+        aiText = data.content?.[0]?.text || '';
       } else if (provider.id === 'ollama') {
         response = await fetch(provider.endpoint, {
           method: 'POST',
@@ -166,58 +147,47 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
           body: JSON.stringify({ model: model, prompt: prompt, stream: false })
         });
         const data = await response.json();
-        if (!response.ok) throw new Error(data.error || 'Ollama Error');
-        aiText = data.response;
+        if (!response.ok) throw new Error(data.error || data.message || 'Ollama Error');
+        aiText = data.response || '';
       }
-      
-      const jsonMatch = aiText.match(/{[\s\S]*?}/);
-      if (!jsonMatch) throw new Error("AI returned invalid JSON format.");
-      
+
+      if (!aiText) throw new Error('Empty response from AI provider');
+
+      setRawAIResponse(aiText);
+
+      let jsonStr = aiText;
+      const codeBlockMatch = aiText.match(/```(?:json)?\s*\n?([\s\S]*?)```/);
+      if (codeBlockMatch) {
+        jsonStr = codeBlockMatch[1];
+      }
+      const jsonMatch = jsonStr.match(/\{[\s\S]*?\}/);
+      if (!jsonMatch) throw new Error("AI returned invalid JSON format. Raw response:\n" + aiText.slice(0, 500));
+
       const parsed = JSON.parse(jsonMatch[0]);
-      
-      // Validate commands are arrays
       const mapped = [
-        { key: 'build', label: 'Build', command: parsed.build?.split(' ').filter(Boolean) || [] },
-        { key: 'run', label: 'Run', command: parsed.run?.split(' ').filter(Boolean) || [] },
-        { key: 'install', label: 'Install', command: parsed.install?.split(' ').filter(Boolean) || [] },
-        { key: 'test', label: 'Test', command: parsed.test?.split(' ').filter(Boolean) || [] }
-      ].filter(cmd => cmd.command.length > 0);
-      
+        { label: 'AI Build', command: String(parsed.build || '').trim().split(/\s+/) },
+        { label: 'AI Run', command: String(parsed.run || '').trim().split(/\s+/) },
+        { label: 'AI Install', command: String(parsed.install || '').trim().split(/\s+/) },
+        { label: 'AI Test', command: String(parsed.test || '').trim().split(/\s+/) }
+      ].filter(cmd => cmd.command.length > 0 && cmd.command[0] !== '');
+
+      if (mapped.length === 0) throw new Error("AI returned empty commands. Raw response:\n" + aiText.slice(0, 500));
+
       setSuggestions(mapped);
-      setStatus('review'); // NOW go to review step instead of auto-saving
+      const projectKey = selectedProject.path;
+      const currentCustom = config.customCommands?.[projectKey] || [];
+      const nextConfig = { 
+        ...config, 
+        customCommands: { ...config.customCommands, [projectKey]: [...currentCustom, ...mapped] } 
+      };
+      setConfig(nextConfig); saveConfig(nextConfig);
+      setStatus('done');
     } catch (err) {
       setError(err.message);
       setStatus('ready');
     }
   };
-  
-  const saveSuggestions = () => {
-    if (!selectedProject || suggestions.length === 0) return;
-    
-    const projectKey = selectedProject.path;
-    const currentCustom = config.customCommands?.[projectKey] || [];
-    
-    // Convert suggestions to proper format and add to custom commands
-    const newCommands = suggestions.map(cmd => ({
-      label: `AI ${cmd.label}`,
-      command: cmd.command,
-      source: 'ai'
-    }));
-    
-    const nextConfig = { 
-      ...config, 
-      customCommands: { 
-        ...config.customCommands, 
-        [projectKey]: [...currentCustom, ...newCommands] 
-      } 
-    };
-    setConfig(nextConfig); 
-    saveConfig(nextConfig);
-    setStatus('saved');
-    
-    setTimeout(() => setStatus('ready'), 2000);
-  };
-  
+
   useInput((input, key) => {
     if (step === 'provider') {
       if (key.upArrow) setProviderIdx(p => (p - 1 + AI_PROVIDERS.length) % AI_PROVIDERS.length);
@@ -255,93 +225,25 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
       if (key.return && status === 'ready' && selectedProject) {
         runRealAnalysis();
       }
-      if (key.return && status === 'review') {
-        // Toggle edit mode for a suggestion
-        if (editingIdx >= 0) {
-          const updated = [...suggestions];
-          updated[editingIdx] = { ...updated[editingIdx], command: editInput.split(' ').filter(Boolean) };
-          setSuggestions(updated);
-          setEditingIdx(-1);
-        }
-      }
-      if (input === 's' && status === 'review') {
-        saveSuggestions();
-      }
-      if (input === 'e' && status === 'review' && suggestions.length > 0) {
-        setEditingIdx(0);
-        setEditInput(suggestions[0].command.join(' '));
-        setEditCursor(suggestions[0].command.join(' ').length);
-      }
-      if (key.upArrow && status === 'review' && editingIdx < 0) {
-        setEditingIdx(p => Math.max(0, p - 1));
-        if (suggestions[Math.max(0, editingIdx - 1)]) {
-          setEditInput(suggestions[Math.max(0, editingIdx - 1)].command.join(' '));
-          setEditCursor(suggestions[Math.max(0, editingIdx - 1)].command.join(' ').length);
-        }
-      }
-      if (key.downArrow && status === 'review' && editingIdx < 0) {
-        setEditingIdx(p => Math.min(suggestions.length - 1, p + 1));
-        if (suggestions[Math.min(suggestions.length - 1, editingIdx + 1)]) {
-          setEditInput(suggestions[Math.min(suggestions.length - 1, editingIdx + 1)].command.join(' '));
-          setEditCursor(suggestions[Math.min(suggestions.length - 1, editingIdx + 1)].command.join(' ').length);
-        }
-      }
-      if (key.escape) {
-        if (editingIdx >= 0) {
-          setEditingIdx(-1);
-        } else if (status === 'review') {
-          setStatus('ready');
-          setSuggestions([]);
-        }
-      }
       if (input === 'r') {
         const nextConfig = { ...config, aiToken: '' };
         setConfig(nextConfig); saveConfig(nextConfig);
         setStep('provider');
       }
     }
-    
-    // Handle editing input
-    if (editingIdx >= 0) {
-      if (key.return) {
-        const updated = [...suggestions];
-        updated[editingIdx] = { ...updated[editingIdx], command: editInput.split(' ').filter(Boolean) };
-        setSuggestions(updated);
-        setEditingIdx(-1);
-      }
-      if (key.escape) {
-        setEditingIdx(-1);
-      }
-      if (key.backspace || key.delete) {
-        if (editCursor > 0) {
-          setEditInput(prev => prev.slice(0, editCursor - 1) + prev.slice(editCursor));
-          setEditCursor(c => Math.max(0, c - 1));
-        }
-      } else if (key.leftArrow) {
-        setEditCursor(c => Math.max(0, c - 1));
-      } else if (key.rightArrow) {
-        setEditCursor(c => Math.min(editInput.length, c + 1));
-      } else if (input && !key.ctrl && !key.meta) {
-        setEditInput(prev => prev.slice(0, editCursor) + input + prev.slice(editCursor));
-        setEditCursor(c => c + input.length);
-      }
-    }
   });
 
-  const context = selectedProject ? buildProjectContext() : null;
-
   return create(
     Box,
     {flexDirection: 'column', borderStyle: 'double', borderColor: 'magenta', padding: 1, width: '100%'},
-    create(Text, {bold: true, color: 'magenta'}, '🤖 AI Horizon | Project Intelligence'),
-    create(Text, {dimColor: true}, 'Real AI analysis with project context\n'),
+    create(Text, {bold: true, color: 'magenta'}, '🤖 AI Horizon | Integrated Project Intelligence'),
     
     step === 'provider' && create(
       Box,
       {flexDirection: 'column'},
-      create(Text, {bold: true, marginBottom: 1}, 'Step 1: Select AI Provider'),
+      create(Text, {bold: true, marginBottom: 1}, 'Step 1: Select AI Infrastructure'),
       ...AI_PROVIDERS.map((p, i) => create(Text, {key: p.id, color: i === providerIdx ? 'cyan' : 'white'}, (i === providerIdx ? '→ ' : '  ') + p.name)),
-      create(Text, {dimColor: true, marginTop: 1}, '↑/↓: Navigate, Enter: Select')
+      create(Text, {dimColor: true, marginTop: 1}, 'Enter: Save & Next')
     ),
 
     step === 'model' && create(
@@ -349,76 +251,57 @@ Example for Node.js with npm: {"build": "npm run build", "run": "npm run dev", "
       {flexDirection: 'column'},
       create(Text, {bold: true, color: 'yellow', marginBottom: 1}, 'Step 2: Model Configuration'),
       create(Box, {flexDirection: 'row'},
-        create(Text, null, 'Model: '),
+        create(Text, null, 'Model ID: '),
         create(CursorText, {value: model, cursorIndex: cursor})
       ),
-      create(Text, {dimColor: true, marginTop: 1}, 'Enter: Save, Esc: Back')
+      create(Text, {dimColor: true, marginTop: 1}, 'Enter: Save Model, Esc: Back')
     ),
 
     step === 'token' && create(
       Box,
       {flexDirection: 'column'},
-      create(Text, {bold: true, color: 'red', marginBottom: 1}, 'Step 3: API Token'),
+      create(Text, {bold: true, color: 'red', marginBottom: 1}, 'Step 3: API Token Authorization'),
       create(Box, {flexDirection: 'row'},
         create(Text, null, 'Token: '),
-        create(CursorText, {value: '*'.repeat(token.length), cursorIndex: cursor})
+        create(CursorText, {value: token ? '********' : '', cursorIndex: cursor})
       ),
-      create(Text, {dimColor: true, marginTop: 1}, 'Enter: Save, Esc: Back')
+      create(Text, {dimColor: true, marginTop: 1}, 'Enter: Save Token, Esc: Back')
     ),
 
     step === 'analyze' && create(
       Box,
       {flexDirection: 'column'},
-      create(Text, {bold: true, color: 'cyan', marginBottom: 1}, 
-        'Project: ' + (selectedProject ? selectedProject.name : 'No project selected')),
-      
-      context && create(
-        Box,
-        {flexDirection: 'column', marginBottom: 1},
-        create(Text, {dimColor: true}, `Type: ${context.type} | PM: ${context.packageManager}`),
-        create(Text, {dimColor: true}, `Frameworks: ${context.frameworks}`),
-        create(Text, {dimColor: true}, `Scripts: ${context.scriptNames}`)
-      ),
-      
-      status === 'ready' && create(
-        Box,
-        {flexDirection: 'column'},
-        create(Text, null, 'Press Enter to analyze with AI using real project context'),
-        create(Text, {dimColor: true}, 'Provider: ' + config.aiProvider + ' | Model: ' + config.aiModel)
-      ),
-      
-      status === 'busy' && create(Text, {color: 'yellow', marginTop: 1}, ' ⏳ Analyzing project with AI...'),
+      create(Text, {bold: true, color: 'cyan', marginBottom: 1}, 'Ready to analyze: ' + (selectedProject ? selectedProject.name : 'No project selected')),
+      create(Text, {dimColor: true}, 'Active: ' + config.aiProvider + ' (' + config.aiModel + ')'),
       
-      status === 'review' && create(
-        Box,
-        {flexDirection: 'column', marginTop: 1},
-        create(Text, {bold: true, color: 'green'}, '✅ AI Suggestions (Review & Edit):'),
-        ...suggestions.map((cmd, idx) => {
-          const isEditing = editingIdx === idx;
-          return create(
-            Box,
-            {key: cmd.key, flexDirection: 'column', marginBottom: 0, 
-             borderStyle: isEditing ? 'double' : 'single', 
-             borderColor: isEditing ? 'yellow' : (idx === editingIdx ? 'cyan' : 'gray'),
-             paddingX: 1},
-            create(Text, {bold: true, color: idx === editingIdx ? 'cyan' : 'white'}, 
-              (idx === editingIdx ? '→ ' : '  ') + cmd.label + ':'),
-            isEditing 
-              ? create(CursorText, {value: editInput, cursorIndex: editCursor})
-              : create(Text, {dimColor: true}, '  ' + cmd.command.join(' ')),
-          );
-        }),
-        create(Box, {marginTop: 1, flexDirection: 'row', justifyContent: 'space-between'},
-          create(Text, {dimColor: true}, '↑/↓: Select | E: Edit | S: Save to Config'),
-          create(Text, {color: 'green'}, 'Esc: Cancel')
+      create(Box, {marginTop: 1, flexDirection: 'column'},
+        status === 'ready' && create(Text, null, 'Press Enter to perform real agentic analysis and auto-configure macros.'),
+        status === 'busy' && create(Text, {color: 'yellow'}, ' ⏳ Contacting AI Agent... mapping project structure...'),
+        status === 'done' && create(Box, {flexDirection: 'column'},
+          create(Text, {color: 'green', bold: true}, ' ✅ DNA Mapped via AI Agent!'),
+          create(Text, null, ' Successfully injected ' + suggestions.length + ' optimized commands.'),
+          create(Text, {dimColor: true, marginTop: 1}, 'Return to Navigator to use BRIT shortcuts.')
+        ),
+        status === 'done' && rawAIResponse && create(
+          Box,
+          {flexDirection: 'column', marginTop: 1, borderStyle: 'single', borderColor: 'gray', padding: 1},
+          create(Text, {bold: true, color: 'cyan'}, '📄 Raw AI Response:'),
+          create(Text, {dimColor: true}, rawAIResponse.slice(0, 2000))
+        ),
+        status === 'busy' && rawAIResponse && create(
+          Box,
+          {flexDirection: 'column', marginTop: 1, borderStyle: 'single', borderColor: 'gray', padding: 1},
+          create(Text, {bold: true, color: 'yellow'}, '📄 Partial Response:'),
+          create(Text, {dimColor: true}, rawAIResponse.slice(0, 1000))
+        ),
+        error && create(
+          Box,
+          {flexDirection: 'column', marginTop: 1, borderStyle: 'single', borderColor: 'red', padding: 1},
+          create(Text, {color: 'red', bold: true}, ' ✗ AI ERROR'),
+          create(Text, {color: 'red'}, error.length > 500 ? error.slice(0, 500) + '...' : error)
         )
       ),
-      
-      status === 'saved' && create(Text, {color: 'green', bold: true, marginTop: 1}, '✅ Commands saved to config!'),
-      
-      error && create(Text, {color: 'red', bold: true, marginTop: 1}, '✗ Error: ' + error),
-      
-      create(Text, {dimColor: true, marginTop: 1}, 'Esc: Back | R: Reset Auth')
+      create(Text, {dimColor: true, marginTop: 1}, 'Esc: Return, R: Reset Credentials')
     )
   );
 });

package/src/components/Footer.js

@@ -1,81 +1,25 @@
-/* global setInterval, clearInterval */
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import { Box, Text } from 'ink';
 
-const PULSE = ['▱', '▰', '▱'];
-const ARROW = ['→', '⇒', '⇨', '⇒'];
-
 export default function Footer({ toggleHint, running, stdinBuffer, stdinCursor, CursorText }) {
-  const [pulse, setPulse] = useState(0);
-  
-  useEffect(() => {
-    if (!running) return;
-    const timer = setInterval(() => setPulse(p => p + 1), 500);
-    return () => clearInterval(timer);
-  }, [running]);
-  
-  const pulseChar = running ? PULSE[pulse % PULSE.length] : '';
-  const arrow = running ? ARROW[pulse % ARROW.length] : '→';
-  
   return React.createElement(
     Box,
     { flexDirection: 'column', marginTop: 1 },
-    // Status bar
     React.createElement(
       Box,
-      { flexDirection: 'row', justifyContent: 'space-between', marginBottom: 0 },
-      React.createElement(
-        Box,
-        { flexDirection: 'row', alignItems: 'center' },
-        React.createElement(Text, { dimColor: true }, `${arrow} `),
-        React.createElement(Text, { dimColor: true }, 
-          running ? 'Type to feed stdin · Enter: submit' : 'Run a command or press Shift+T for tasks'
-        )
-      ),
-      React.createElement(
-        Box,
-        { flexDirection: 'row', alignItems: 'center' },
-        React.createElement(Text, { dimColor: true }, `${toggleHint}`),
-        React.createElement(Text, { dimColor: true }, ` · `),
-        React.createElement(Text, { dimColor: true }, `Shift+S: Guide`)
-      )
+      { flexDirection: 'row', justifyContent: 'space-between' },
+      React.createElement(Text, { dimColor: true }, running ? 'Type to feed stdin; Enter: submit.' : 'Run a command or press Shift+T to switch tasks.'),
+      React.createElement(Text, { dimColor: true }, `${toggleHint}, Shift+S: Structure Guide`)
     ),
-    // Input area
     React.createElement(
       Box,
-      { 
-        marginTop: 0, 
-        flexDirection: 'row', 
-        borderStyle: running ? 'double' : 'round', 
-        borderColor: running ? 'green' : 'gray', 
-        paddingX: 1,
-        paddingY: 0
-      },
-      React.createElement(
-        Text, 
-        { bold: true, color: running ? 'green' : 'white' }, 
-        running ? ` ${pulseChar} Stdin ` : ' ○ Input '
-      ),
+      { marginTop: 1, flexDirection: 'row', borderStyle: 'round', borderColor: running ? 'green' : 'gray', paddingX: 1 },
+      React.createElement(Text, { bold: true, color: running ? 'green' : 'white' }, running ? ' Stdin buffer ' : ' Input ready '),
       React.createElement(
         Box,
-        { marginLeft: 1, flexGrow: 1 },
-        React.createElement(CursorText, { 
-          value: stdinBuffer || (running ? '' : 'Ready for commands…'), 
-          cursorIndex: stdinCursor, 
-          active: running 
-        })
-      ),
-      running && React.createElement(
-        Text,
-        { color: 'green', bold: true },
-        ' [Active]'
+        { marginLeft: 1 },
+        React.createElement(CursorText, { value: stdinBuffer || (running ? '' : 'Start a command to feed stdin'), cursorIndex: stdinCursor, active: running })
       )
-    ),
-    // Separator
-    React.createElement(
-      Box,
-      { marginTop: 0 },
-      React.createElement(Text, { dimColor: true }, '─'.repeat(50))
     )
   );
 }