orquesta-cli 0.1.4 → 0.1.6

package/src/ui/components/PlanExecuteApp.tsx

@@ -113,17 +113,8 @@ type InitStep = 'health' | 'docs' | 'config' | 'done';
 // File-modifying tools and bash commands need approval (read-only and internal tools are auto-approved)
 const TOOLS_REQUIRING_APPROVAL = new Set(['create_file', 'edit_file', 'bash']);
 
-// Startup tips - rotates one at a time based on total requests
-const STARTUP_TIPS = [
-  {
-    icon: '🔧',
-    text: { prefix: 'Optional tools available! Use ', cmd: '/tool', suffix: ' to enable browser automation and more.' },
-  },
-  {
-    icon: '🎯',
-    text: { prefix: 'Switch models anytime! Use ', cmd: '/model', suffix: ' to select your preferred LLM.' },
-  },
-];
+// Clean startup tip - shown once at start
+const STARTUP_TIP = 'Type /help for available commands. Type /model to switch models.';
 
 // Helper function to shorten path with ~ for home directory
 function shortenPath(fullPath: string): string {
@@ -1352,79 +1343,26 @@ export const PlanExecuteApp: React.FC<PlanExecuteAppProps> = ({ llmClient: initi
     }
   }, [isProcessing, pendingUserMessage, llmClient, messages, planExecutionState, addLog]);
 
-  // Show loading screen with logo during initialization
+  // Show loading screen - DEXTER style (clean, no animations)
   if (isInitializing) {
-    const getInitStepInfo = () => {
+    const getInitStepText = () => {
       switch (initStep) {
         case 'health':
-          return { icon: '🏥', text: 'Checking model health...', progress: 1 };
+          return 'Checking model health';
         case 'docs':
-          return { icon: '📚', text: 'Initializing docs...', progress: 2 };
+          return 'Initializing documentation';
         case 'config':
-          return { icon: '⚙️', text: 'Loading configuration...', progress: 3 };
+          return 'Loading configuration';
         default:
-          return { icon: '✓', text: 'Ready!', progress: 4 };
+          return 'Ready';
       }
     };
 
-    const stepInfo = getInitStepInfo();
-
-    // Authors component with cycling highlight animation
-    const AuthorsDisplay = () => {
-      const authors = ['syngha.han', 'byeongju.lee', 'youngsub.kim'];
-      const [highlightIndex, setHighlightIndex] = useState(0);
-
-      useEffect(() => {
-        const interval = setInterval(() => {
-          setHighlightIndex((prev) => (prev + 1) % authors.length);
-        }, 800);
-        return () => clearInterval(interval);
-      }, []);
-
-      return (
-        <Box marginTop={2}>
-          <Text color="gray">by </Text>
-          {authors.map((author, idx) => (
-            <React.Fragment key={author}>
-              <Text
-                color={idx === highlightIndex ? 'cyan' : 'gray'}
-                bold={idx === highlightIndex}
-                dimColor={idx !== highlightIndex}
-              >
-                {author}
-              </Text>
-              {idx < authors.length - 1 && <Text color="gray"> · </Text>}
-            </React.Fragment>
-          ))}
-        </Box>
-      );
-    };
-
     return (
-      <Box flexDirection="column" alignItems="center" paddingY={2}>
+      <Box flexDirection="column" paddingX={2} paddingY={1}>
         <Logo showVersion={true} showTagline={true} />
-
-        <Box marginTop={2} flexDirection="column" alignItems="center">
-          <Box>
-            <Text color="cyan"><Spinner type="shark" /></Text>
-          </Box>
-          <Box marginTop={1}>
-            <Text color="yellow">{stepInfo.icon} {stepInfo.text}</Text>
-          </Box>
-
-          {/* Progress indicator */}
-          <Box marginTop={1}>
-            <Text color={stepInfo.progress >= 1 ? 'green' : 'gray'}>●</Text>
-            <Text color="gray"> → </Text>
-            <Text color={stepInfo.progress >= 2 ? 'green' : 'gray'}>●</Text>
-            <Text color="gray"> → </Text>
-            <Text color={stepInfo.progress >= 3 ? 'green' : 'gray'}>●</Text>
-            <Text color="gray"> → </Text>
-            <Text color={stepInfo.progress >= 4 ? 'green' : 'gray'}>●</Text>
-          </Box>
-
-          {/* Authors with cycling highlight */}
-          <AuthorsDisplay />
+        <Box marginTop={1}>
+          <Text color="gray">{getInitStepText()}...</Text>
         </Box>
       </Box>
     );
@@ -1475,10 +1413,6 @@ export const PlanExecuteApp: React.FC<PlanExecuteAppProps> = ({ llmClient: initi
   const renderLogEntry = (entry: LogEntry) => {
     switch (entry.type) {
       case 'logo': {
-        // Rotating tips - show one at a time based on total requests
-        const tipIndex = usageTracker.getSummary().allTime.totalRequests % STARTUP_TIPS.length;
-        const tip = STARTUP_TIPS[tipIndex]!;
-
         return (
           <Box key={entry.id} flexDirection="column" marginBottom={1}>
             <Logo
@@ -1490,9 +1424,7 @@ export const PlanExecuteApp: React.FC<PlanExecuteAppProps> = ({ llmClient: initi
             />
             <Text>{' '}</Text>
             <Box>
-              <Text color="gray"> {tip.icon} {tip.text.prefix}</Text>
-              <Text color="cyan">{tip.text.cmd}</Text>
-              <Text color="gray">{tip.text.suffix}</Text>
+              <Text color="gray">{STARTUP_TIP}</Text>
             </Box>
           </Box>
         );
@@ -2051,7 +1983,10 @@ export const PlanExecuteApp: React.FC<PlanExecuteAppProps> = ({ llmClient: initi
               {planExecutionState.todos.length > 0 && (
                 <>
                   <Text color="gray"> │ </Text>
-                  <TodoStatusBar todos={planExecutionState.todos} />
+                  <TodoStatusBar
+                    todos={planExecutionState.todos}
+                    projectName={configManager.getOrquestaConfig()?.projectName}
+                  />
                 </>
               )}
             </Box>

package/src/ui/components/StatusBar.tsx

@@ -16,6 +16,9 @@ export interface StatusBarProps {
   // Model and endpoint
   model?: string;
   endpoint?: string;
+  // Orquesta project
+  projectName?: string;
+  organizationName?: string;
   // Working directory
   workingDirectory?: string;
   // Status
@@ -134,6 +137,8 @@ function formatElapsedTime(seconds: number): string {
 export const StatusBar: React.FC<StatusBarProps> = ({
   model,
   endpoint: _endpoint,
+  projectName,
+  organizationName: _organizationName,
   workingDirectory,
   status = 'idle',
   message: _message,
@@ -244,6 +249,14 @@ export const StatusBar: React.FC<StatusBarProps> = ({
           </>
         )}
 
+        {/* Orquesta project */}
+        {projectName && (
+          <>
+            <Text color="gray"> | </Text>
+            <Text color="magenta">📁 {projectName}</Text>
+          </>
+        )}
+
         {/* Working directory */}
         {workingDirectory && (
           <>