feat: arrow up inside of composer will fill with the last user message (

#663)

* feat: arrow up inside of composer will fill with the last user message

* fix: take the last user message instead the first one

* refactor: run format

---------

Co-authored-by: Khalil Najjar <knajjars@gmail.com>

src/interfaces/assistants_web/src/components/Conversation/Composer/index.tsx

@@ -27,6 +27,7 @@ type Props = {
   agent?: AgentPublic;
   tools?: ManagedTool[];
   chatWindowRef?: React.RefObject<HTMLDivElement>;
+  lastUserMessage?: ChatMessage;
 };
 
 export const Composer: React.FC<Props> = ({
@@ -39,6 +40,7 @@ export const Composer: React.FC<Props> = ({
   onStop,
   onUploadFile,
   chatWindowRef,
+  lastUserMessage,
 }) => {
   const isDesktop = useIsDesktop();
   const breakpoint = useBreakpoint();
@@ -65,6 +67,16 @@ export const Composer: React.FC<Props> = ({
         onChange('');
       }
     }
+
+    if (e.key === 'ArrowUp' && value.trim() === '' && !isStreaming) {
+      onChange(lastUserMessage?.text || '');
+      setTimeout(() => {
+        textareaRef.current?.setSelectionRange(
+          textareaRef.current?.value.length,
+          textareaRef.current?.value.length
+        );
+      }, 0);
+    }
   };
 
   const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {

src/interfaces/assistants_web/src/components/Conversation/index.tsx

@@ -87,6 +87,7 @@ const Conversation: React.FC<Props> = ({ agent, tools, startOptionsEnabled = fal
                   onSend={handleSend}
                   onStop={handleStop}
                   onUploadFile={handleUploadFile}
+                  lastUserMessage={messages.findLast((m) => m.type === 'user')}
                 />
               </>
             }