chatfokus wird wieder aktiviert wenn Chat ausgabe fertig

math-tutor/frontend/src/components/Chat/MessageInput.tsx

-import { useRef } from "react";
+import { useEffect, useRef } from "react";
 import { EditPencil, Send, Upload } from "iconoir-react";
 import { t } from "../../i18n";
 
@@ -23,6 +23,21 @@ export default function MessageInput({
 }: MessageInputProps) {
   const canSend = value.trim().length > 0;
   const uploadInputRef = useRef<HTMLInputElement | null>(null);
+  const textareaRef = useRef<HTMLTextAreaElement | null>(null);
+  const wasSendingRef = useRef(isSending);
+  const shouldRestoreFocusRef = useRef(false);
+  const sendButtonStartedFromTextareaRef = useRef(false);
+
+  useEffect(() => {
+    if (wasSendingRef.current && !isSending) {
+      if (shouldRestoreFocusRef.current) {
+        textareaRef.current?.focus({ preventScroll: true });
+      }
+      shouldRestoreFocusRef.current = false;
+    }
+
+    wasSendingRef.current = isSending;
+  }, [isSending]);
 
   const handleUploadClick = () => {
     uploadInputRef.current?.click();
@@ -39,6 +54,11 @@ export default function MessageInput({
     await onUploadSolution?.(file);
   };
 
+  const handleSend = (restoreFocus = document.activeElement === textareaRef.current) => {
+    shouldRestoreFocusRef.current = restoreFocus;
+    onSend();
+  };
+
   return (
     <div className="composer">
       <div className="composer-row">
@@ -72,7 +92,14 @@ export default function MessageInput({
         <button
           className="btn primary"
           type="button"
-          onClick={onSend}
+          onPointerDown={() => {
+            sendButtonStartedFromTextareaRef.current =
+              document.activeElement === textareaRef.current;
+          }}
+          onClick={() => {
+            handleSend(sendButtonStartedFromTextareaRef.current);
+            sendButtonStartedFromTextareaRef.current = false;
+          }}
           disabled={!canSend || isSending}
           aria-label={t("send")}
           title={t("send")}
@@ -89,6 +116,7 @@ export default function MessageInput({
         </button>
       </div>
       <textarea
+        ref={textareaRef}
         className="composer-input"
         placeholder={t("typeQuestionOrLatex")}
         rows={3}
@@ -116,7 +144,7 @@ export default function MessageInput({
 
           if (event.key === "Enter" && !event.shiftKey) {
             event.preventDefault();
-            onSend();
+            handleSend(true);
           }
         }}
       />