cleaner focus handling after submit, allow clear and new to run before input validation

Author: sawka

frontend/app/aipanel/aipanel.tsx

@@ -289,7 +289,10 @@ const AIPanelComponentInner = memo(({ className, onClose }: AIPanelProps) => {
 
     const handleSubmit = async (e: React.FormEvent) => {
         e.preventDefault();
-        await model.handleSubmit(true);
+        await model.handleSubmit();
+        setTimeout(() => {
+            model.focusInput();
+        }, 100);
     };
 
     const hasFilesDragged = (dataTransfer: DataTransfer): boolean => {

frontend/app/aipanel/waveai-model.tsx

@@ -248,10 +248,16 @@ export class WaveAIModel {
         }
     }
 
-    async handleSubmit(shouldFocus: boolean) {
+    async handleSubmit() {
         const input = globalStore.get(this.inputAtom);
         const droppedFiles = globalStore.get(this.droppedFiles);
 
+        if (input.trim() === "/clear" || input.trim() === "/new") {
+            this.clearChat();
+            globalStore.set(this.inputAtom, "");
+            return;
+        }
+
         if (
             (!input.trim() && droppedFiles.length === 0) ||
             (this.useChatStatus !== "ready" && this.useChatStatus !== "error") ||
@@ -260,12 +266,6 @@ export class WaveAIModel {
             return;
         }
 
-        if (input.trim() === "/clear" || input.trim() === "/new") {
-            this.clearChat();
-            globalStore.set(this.inputAtom, "");
-            return;
-        }
-
         this.clearError();
 
         const aiMessageParts: AIMessagePart[] = [];
@@ -313,12 +313,6 @@ export class WaveAIModel {
         this.isChatEmpty = false;
         globalStore.set(this.inputAtom, "");
         this.clearFiles();
-
-        if (shouldFocus) {
-            setTimeout(() => {
-                this.focusInput();
-            }, 100);
-        }
     }
 
     async uiLoadChat() {

frontend/app/store/tabrpcclient.ts

@@ -86,7 +86,7 @@ export class TabClient extends WshClient {
         }
 
         if (data.submit) {
-            await model.handleSubmit(false);
+            await model.handleSubmit();
         }
     }
 }