add "clear" command

Author: charleslien

cli/src/chat.tsx

@@ -758,7 +758,7 @@ export const App = ({
     [agentId],
   )
 
-  const { sendMessage } = useSendMessage({
+  const { sendMessage, clearMessages } = useSendMessage({
     setMessages,
     setFocusedAgentId,
     setInputFocused,
@@ -821,6 +821,7 @@ export const App = ({
         logoutMutation,
         streamMessageIdRef,
         addToQueue,
+        clearMessages,
         handleCtrlC,
         saveToHistory,
         scrollToLatest,

cli/src/commands/router.ts

@@ -17,6 +17,7 @@ export function routeUserPrompt(params: {
   logoutMutation: UseMutationResult<boolean, Error, void, unknown>
   streamMessageIdRef: React.MutableRefObject<string | null>
   addToQueue: (message: string) => void
+  clearMessages: () => void
   handleCtrlC: () => true
   saveToHistory: (message: string) => void
   scrollToLatest: () => void
@@ -41,6 +42,7 @@ export function routeUserPrompt(params: {
     logoutMutation,
     streamMessageIdRef,
     addToQueue,
+    clearMessages,
     handleCtrlC,
     saveToHistory,
     scrollToLatest,
@@ -106,6 +108,18 @@ export function routeUserPrompt(params: {
     return
   }
 
+  if (cmd === 'clear' || cmd === 'new') {
+    setMessages(() => [])
+    clearMessages()
+
+    saveToHistory(trimmed)
+    setInputValue('')
+
+    stopStreaming()
+    setCanProcessQueue(false)
+    return
+  }
+
   if (cmd === 'init') {
     ;({ postUserMessage } = handleInitializationFlowLocally())
     // do not return, continue and send to agent runtime

cli/src/hooks/use-send-message.ts

@@ -189,7 +189,10 @@ export const useSendMessage = ({
   scrollToLatest,
   availableWidth = 80,
   onTimerEvent = () => {},
-}: UseSendMessageOptions): { sendMessage: SendMessageFn } => {
+}: UseSendMessageOptions): {
+  sendMessage: SendMessageFn
+  clearMessages: () => void
+} => {
   const previousRunStateRef = useRef<any>(null)
   const spawnAgentsMapRef = useRef<
     Map<string, { index: number; agentType: string }>
@@ -206,6 +209,10 @@ export const useSendMessage = ({
     [setIsChainInProgress, isChainInProgressRef],
   )
 
+  function clearMessages() {
+    previousRunStateRef.current = null
+  }
+
   const updateActiveSubagents = useCallback(
     (mutate: (next: Set<string>) => void) => {
       setActiveSubagents((prev) => {
@@ -647,7 +654,7 @@ export const useSendMessage = ({
           prompt: content,
           previousRun: previousRunStateRef.current,
           signal: abortController.signal,
-          agentDefinitions: agentDefinitions as AgentDefinition[],
+          agentDefinitions: agentDefinitions,
           maxAgentSteps: 40,
 
           handleStreamChunk: (event) => {
@@ -1477,5 +1484,5 @@ export const useSendMessage = ({
     ],
   )
 
-  return { sendMessage }
+  return { sendMessage, clearMessages }
 }