feat: expand live chat and work server tools

src/app/main/chatV2/hooks/useConversationComposerController.ts

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useRef } from 'react';
 import { chatGateway } from '../data/chatGateway';
 import type { ChatComposerAttachment, ChatConversationRequest, ChatMessage } from '../../mainChatPanel/types';
 
@@ -119,67 +119,88 @@ export function useConversationComposerController({
   sendChatRequest,
   scrollViewportToBottom,
 }: UseConversationComposerControllerOptions) {
+  const composerUploadQueueRef = useRef(Promise.resolve<ComposerFilePickResult>({ items: [] }));
+  const activeComposerUploadCountRef = useRef(0);
+
   const handleComposerFilesPicked = useCallback(
     async (files: File[]): Promise<ComposerFilePickResult> => {
-      if (files.length === 0 || isComposerAttachmentUploading) {
+      if (files.length === 0) {
         return { items: [] };
       }
 
-      setIsComposerAttachmentUploading(true);
-      const uploadResults = await Promise.allSettled(
-        files.map((file) => chatGateway.uploadComposerFile(activeSessionId, file)),
-      );
-      const uploadedItems: ChatComposerAttachment[] = [];
-      const failedItems: Array<{ fileName: string; reason: string }> = [];
+      const uploadBatch = async (): Promise<ComposerFilePickResult> => {
+        activeComposerUploadCountRef.current += 1;
 
-      uploadResults.forEach((result, index) => {
-        if (result.status === 'fulfilled') {
-          uploadedItems.push(result.value);
-          return;
+        if (activeComposerUploadCountRef.current === 1) {
+          setIsComposerAttachmentUploading(true);
         }
 
-        const fileName = files[index]?.name || `파일 ${index + 1}`;
-        const reason =
-          result.reason instanceof Error && result.reason.message.trim()
-            ? result.reason.message.trim()
-            : '업로드 실패';
-        failedItems.push({ fileName, reason });
-      });
+        try {
+          const uploadResults = await Promise.allSettled(
+            files.map((file) => chatGateway.uploadComposerFile(activeSessionId, file)),
+          );
+          const uploadedItems: ChatComposerAttachment[] = [];
+          const failedItems: Array<{ fileName: string; reason: string }> = [];
 
-      if (uploadedItems.length > 0) {
-        setComposerAttachments((previous) => mergeComposerAttachments(previous, uploadedItems));
-        shouldStickToBottomRef.current = true;
-        setShowScrollToBottom(false);
-      }
+          uploadResults.forEach((result, index) => {
+            if (result.status === 'fulfilled') {
+              uploadedItems.push(result.value);
+              return;
+            }
 
-      if (failedItems.length > 0) {
-        setMessages((previous) => [
-          ...previous.slice(-39),
-          createLocalMessage(
-            ['파일 업로드에 실패했습니다:', ...failedItems.map((item) => `- ${item.fileName}: ${item.reason}`)].join('\n'),
-          ),
-        ]);
-      }
-
-      setIsComposerAttachmentUploading(false);
-      return {
-        items: uploadResults.map((result, index) => ({
-          key: buildComposerFilePickKey(files[index] as File),
-          fileName: files[index]?.name || `파일 ${index + 1}`,
-          status: result.status === 'fulfilled' ? 'uploaded' : 'failed',
-          reason:
-            result.status === 'fulfilled'
-              ? undefined
-              : result.reason instanceof Error && result.reason.message.trim()
+            const fileName = files[index]?.name || `파일 ${index + 1}`;
+            const reason =
+              result.reason instanceof Error && result.reason.message.trim()
                 ? result.reason.message.trim()
-                : '업로드 실패',
-        })),
+                : '업로드 실패';
+            failedItems.push({ fileName, reason });
+          });
+
+          if (uploadedItems.length > 0) {
+            setComposerAttachments((previous) => mergeComposerAttachments(previous, uploadedItems));
+            shouldStickToBottomRef.current = true;
+            setShowScrollToBottom(false);
+          }
+
+          if (failedItems.length > 0) {
+            setMessages((previous) => [
+              ...previous.slice(-39),
+              createLocalMessage(
+                ['파일 업로드에 실패했습니다:', ...failedItems.map((item) => `- ${item.fileName}: ${item.reason}`)].join('\n'),
+              ),
+            ]);
+          }
+
+          return {
+            items: uploadResults.map((result, index) => ({
+              key: buildComposerFilePickKey(files[index] as File),
+              fileName: files[index]?.name || `파일 ${index + 1}`,
+              status: result.status === 'fulfilled' ? 'uploaded' : 'failed',
+              reason:
+                result.status === 'fulfilled'
+                  ? undefined
+                  : result.reason instanceof Error && result.reason.message.trim()
+                    ? result.reason.message.trim()
+                    : '업로드 실패',
+            })),
+          };
+        } finally {
+          activeComposerUploadCountRef.current = Math.max(0, activeComposerUploadCountRef.current - 1);
+
+          if (activeComposerUploadCountRef.current === 0) {
+            setIsComposerAttachmentUploading(false);
+          }
+        }
       };
+
+      const queuedUpload = composerUploadQueueRef.current.then(uploadBatch, uploadBatch);
+      composerUploadQueueRef.current = queuedUpload.catch(() => ({ items: [] }));
+      return queuedUpload;
     },
     [
       activeSessionId,
+      composerUploadQueueRef,
       createLocalMessage,
-      isComposerAttachmentUploading,
       mergeComposerAttachments,
       setComposerAttachments,
       setIsComposerAttachmentUploading,