clarity-ai 6.2.0 → 6.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clarity-ai",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Premium OpenCode-style terminal AI agent — 24-bit TrueColor theme, 8s timeout recovery, virtual scroll, inline tool trees, collapsible thought cards",
   "type": "module",
   "bin": {

package/src/app.js

@@ -1,6 +1,5 @@
-import React, { useState, useCallback, useRef, useEffect } from 'react';
+import React, { useState, useCallback, useRef } from 'react';
 import { Box } from 'ink';
-import { Banner } from './components/Banner.js';
 import { MessageList } from './components/MessageList.js';
 import { Composer } from './components/Composer.js';
 import { CommandPicker } from './components/CommandPicker.js';
@@ -17,9 +16,7 @@ export function App({ config }) {
   const [provider, setProvider] = useState(config.provider || 'groq');
   const [showCommands, setShowCommands] = useState(false);
   const [showModels, setShowModels] = useState(false);
-  const [showBanner, setShowBanner] = useState(true);
 
-  // Use refs to avoid stale closures in callbacks
   const stateRef = useRef(state);
   const modelRef = useRef(model);
   const providerRef = useRef(provider);
@@ -34,9 +31,8 @@ export function App({ config }) {
       await handleCommand(input, stateRef.current, setState, setModel, setProvider, modelRef.current, providerRef.current);
       return;
     }
-    if (showBanner) setShowBanner(false);
     await handleSend(stateRef.current, setState, input, modelRef.current, providerRef.current, setStreamContent);
-  }, [showBanner]);
+  }, []);
 
   function handleCommandSelect(cmdName) {
     setShowCommands(false);
@@ -44,8 +40,7 @@ export function App({ config }) {
   }
 
   function handleModelSelect(modelId) {
-    const p = modelId.split('/')[0];
-    setProvider(p);
+    setProvider(modelId.split('/')[0]);
     setModel(modelId.replace(/^[^/]+\//, ''));
     setShowModels(false);
     setState(s => ({
@@ -54,42 +49,31 @@ export function App({ config }) {
     }));
   }
 
-  const termHeight = process.stdout.rows || 30;
-
-  return h(Box, { flexDirection: 'column', backgroundColor: theme.bg },
-    h(Box, { flexGrow: 1, flexShrink: 1, flexDirection: 'column', minHeight: 0 },
-      showBanner
-        ? h(Banner)
-        : null,
-      h(Box, { flexGrow: 1, flexShrink: 1, minHeight: 0 },
-        h(MessageList, {
-          messages: state.messages,
-          thinking: state.thinking,
-          streamContent,
-          agentStatus: state.agentStatus,
-          toolExecutions: state.toolExecutions,
-        })
-      )
+  return h(Box, { flexDirection: 'column', backgroundColor: theme.bg, minHeight: '100%' },
+    h(Box, { flexGrow: 1, flexDirection: 'column', minHeight: 0 },
+      h(MessageList, {
+        messages: state.messages,
+        thinking: state.thinking,
+        streamContent,
+        agentStatus: state.agentStatus,
+        toolExecutions: state.toolExecutions,
+      })
     ),
-    showCommands
-      ? h(Box, { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center' },
-          h(Box, { backgroundColor: theme.bg, borderStyle: 'round', borderColor: theme.borderLight, paddingX: 2, paddingY: 1 },
-            h(CommandPicker, {
-              query: '',
-              onSelect: handleCommandSelect,
-              onClose: () => setShowCommands(false),
-            })
-          )
-        )
-      : null,
-    showModels
-      ? h(Box, { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, justifyContent: 'center', alignItems: 'center' },
-          h(Box, { backgroundColor: theme.bg, borderStyle: 'round', borderColor: theme.borderLight, paddingX: 2, paddingY: 1 },
-            h(ModelPicker, {
-              onSelect: handleModelSelect,
-              onClose: () => setShowModels(false),
-            })
-          )
+    showCommands || showModels
+      ? h(Box, { flexDirection: 'column', marginBottom: 1, backgroundColor: theme.surfaceAlt, borderStyle: 'round', borderColor: theme.borderLight },
+          showCommands
+            ? h(CommandPicker, {
+                query: '',
+                onSelect: handleCommandSelect,
+                onClose: () => setShowCommands(false),
+              })
+            : null,
+          showModels
+            ? h(ModelPicker, {
+                onSelect: handleModelSelect,
+                onClose: () => setShowModels(false),
+              })
+            : null
         )
       : null,
     h(Composer, {

package/src/chat.js

@@ -5,7 +5,11 @@ const sleep = ms => new Promise(r => setTimeout(r, ms));
 
 export function createChatState() {
   return {
-    messages: [],
+    messages: [{
+      id: 'welcome',
+      role: 'system',
+      content: 'CLARITY AI ready  \u00B7  Ctrl+P commands  \u00B7  /help',
+    }],
     thinking: false,
     streamContent: '',
     awaitingKey: false,