WIP

Author: habedi

src/agent/state.ts

@@ -39,7 +39,8 @@ type AppActions = {
         startAgent: (input: string) => Promise<void>;
         _runAgentLogic: (retryCount?: number) => Promise<void>;
         toggleHelpMenu: () => void;
-        clearHistory: () => void;
+        clearOutput: () => void;
+        clearCommandHistory: () => void;
         addCommandToHistory: (command: string) => void;
         getPreviousCommand: () => string | null;
         getNextCommand: () => string | null;
@@ -77,8 +78,11 @@ export const useStore = create<AppState & AppActions>((set, get) => ({
         toggleHelpMenu: () => {
             set((state) => ({ helpMenuOpen: !state.helpMenuOpen }));
         },
-        clearHistory: () => {
-            set({ history: [], commandHistory: [], commandHistoryIndex: 0 });
+        clearOutput: () => {
+            set({ history: [] });
+        },
+        clearCommandHistory: () => {
+            set({ commandHistory: [], commandHistoryIndex: 0 });
             try {
                 fs.writeFileSync(HISTORY_PATH, "");
             } catch (err) {

src/ui/HelpMenu.tsx

@@ -8,7 +8,11 @@ const commands = [
     },
     {
         command: "/clear",
-        description: "Clear the history",
+        description: "Clear the conversation output",
+    },
+    {
+        command: "/clearHistory",
+        description: "Clear the command history",
     },
     {
         command: "/quit",

src/ui/HistoryItemDisplay.tsx

@@ -64,9 +64,17 @@ export function HistoryItemDisplay({ message }: { message: Message }) {
         case "user":
             return <UserMessageContent content={message.content} />;
         case "assistant":
-            return <AssistantMessageContent content={message.content as AssistantContent} />;
+            return (
+                <Box borderStyle="round" borderColor="green" paddingX={1}>
+                    <AssistantMessageContent content={message.content as AssistantContent} />
+                </Box>
+            );
         case "tool":
-            return <ToolMessageContent content={message.content as ToolContent} />;
+            return (
+                <Box borderStyle="round" borderColor="yellow" paddingX={1}>
+                    <ToolMessageContent content={message.content as ToolContent} />
+                </Box>
+            );
         default:
             return null;
     }

src/ui/UserInput.tsx

@@ -11,7 +11,8 @@ export function UserInput() {
         startAgent,
         mode,
         toggleHelpMenu,
-        clearHistory,
+        clearOutput,
+        clearCommandHistory,
         getPreviousCommand,
         getNextCommand,
         setSystemPrompt,
@@ -22,7 +23,8 @@ export function UserInput() {
             startAgent: s.actions.startAgent,
             mode: s.mode,
             toggleHelpMenu: s.actions.toggleHelpMenu,
-            clearHistory: s.actions.clearHistory,
+            clearOutput: s.actions.clearOutput,
+            clearCommandHistory: s.actions.clearCommandHistory,
             getPreviousCommand: s.actions.getPreviousCommand,
             getNextCommand: s.actions.getNextCommand,
             setSystemPrompt: s.actions.setSystemPrompt,
@@ -45,7 +47,7 @@ export function UserInput() {
                 const nextCommand = getNextCommand();
                 setInputValue(nextCommand ?? "");
             } else if (key.ctrl && input === "l") {
-                clearHistory();
+                clearOutput();
             }
         }
     });
@@ -62,7 +64,10 @@ export function UserInput() {
                         toggleHelpMenu();
                         break;
                     case "clear":
-                        clearHistory();
+                        clearOutput();
+                        break;
+                    case "clearHistory":
+                        clearCommandHistory();
                         break;
                     case "quit":
                         exit();
@@ -78,7 +83,17 @@ export function UserInput() {
                         break;
                 }
             } else {
-                startAgent(value);
+                switch (value) {
+                    case "clear":
+                        clearOutput();
+                        break;
+                    case "clear history":
+                        clearCommandHistory();
+                        break;
+                    default:
+                        startAgent(value);
+                        break;
+                }
             }
             setInputValue("");
         }