From 41add52bb1f63a58bb7e327ebbc013114fa307bb Mon Sep 17 00:00:00 2001
From: Sergey Kozyrenko <sirozha_blr@tut.by>
Date: Thu, 19 Mar 2026 21:55:37 +0700
Subject: [PATCH] fix: textarea focus

---
 frontend/src/components/ui/input-group.tsx |  2 +-
 frontend/src/features/flows/flow-form.tsx  | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/input-group.tsx b/frontend/src/components/ui/input-group.tsx
index 5f18172f..8b0eed41 100644
--- a/frontend/src/components/ui/input-group.tsx
+++ b/frontend/src/components/ui/input-group.tsx
@@ -134,7 +134,7 @@ function InputGroupTextarea({ className, ...props }: React.ComponentProps<'texta
     );
 }
 
-function InputGroupTextareaAutosize({ className, ...props }: React.ComponentPropsWithoutRef<typeof TextareaAutosize>) {
+function InputGroupTextareaAutosize({ className, ...props }: React.ComponentProps<typeof TextareaAutosize>) {
     return (
         <TextareaAutosize
             className={cn(
diff --git a/frontend/src/features/flows/flow-form.tsx b/frontend/src/features/flows/flow-form.tsx
index cc9d87ad..bbd6ba21 100644
--- a/frontend/src/features/flows/flow-form.tsx
+++ b/frontend/src/features/flows/flow-form.tsx
@@ -1,6 +1,6 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { ArrowUpIcon, Check, ChevronDown, Square, X } from 'lucide-react';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 
@@ -123,6 +123,18 @@ export const FlowForm = ({
 
     const isFormDisabled = isDisabled || isLoading || isSubmitting || isCanceling;
 
+    const textareaRef = useRef<HTMLTextAreaElement>(null);
+    const previousFormDisabledRef = useRef(isFormDisabled);
+
+    useEffect(() => {
+        const isDisabled = previousFormDisabledRef.current;
+        previousFormDisabledRef.current = isFormDisabled;
+
+        if (isDisabled && !isFormDisabled) {
+            textareaRef.current?.focus();
+        }
+    }, [isFormDisabled]);
+
     const handleSubmit = async (values: FlowFormValues) => {
         await onSubmit(values);
         resetField('message');
@@ -157,6 +169,10 @@ export const FlowForm = ({
                                     minRows={1}
                                     onKeyDown={handleKeyDown}
                                     placeholder={placeholder}
+                                    ref={(element) => {
+                                        field.ref(element);
+                                        textareaRef.current = element;
+                                    }}
                                 />
                                 <InputGroupAddon align="block-end">
                                     <FormField