diff --git a/src/app/_common/components/nodeHook.ts b/src/app/_common/components/nodeHook.ts
index 441c447f..337bda9f 100644
--- a/src/app/_common/components/nodeHook.ts
+++ b/src/app/_common/components/nodeHook.ts
@@ -4,6 +4,7 @@ import { useState, useEffect, useCallback } from 'react';
 import {
     getNodes as apiGetNodes,
     exportNodes as apiExportNodes,
+    refreshNodes as apiRefreshNodes
 } from '@/app/api/nodeAPI';
 import { toast } from 'react-hot-toast';
 
@@ -86,7 +87,7 @@ export const useNodes = (): UseNodesReturn => {
         setIsLoading(true);
         setError(null);
         try {
-            const data = await apiExportNodes();
+            const data = await apiRefreshNodes();
             setNodes(data as NodeCategory[]);
             toast.success('노드 목록 새로고침 완료!');
         } catch (err: any) {
diff --git a/src/app/api/chatAPI.js b/src/app/api/chatAPI.js
deleted file mode 100644
index 7336730c..00000000
--- a/src/app/api/chatAPI.js
+++ /dev/null
@@ -1,155 +0,0 @@
-// Configuration API 호출 함수들을 관리하는 파일
-import { API_BASE_URL } from '@/app/config.js';
-
-/**
- * Creates a new chat session
- * @param {Object} params - The chat creation parameters
- * @param {string} params.interaction_id - Unique interaction identifier
- * @param {string} [params.input_data] - Optional initial message
- * @returns {Promise<Object>} A promise that resolves with the chat creation response
- */
-export const createNewChat = async ({ interaction_id, input_data = null }) => {
-    try {
-        const response = await fetch(`${API_BASE_URL}/api/chat/new`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                workflow_name: "default_mode",
-                workflow_id: "default_mode",
-                interaction_id,
-                input_data
-            }),
-        });
-
-        if (!response.ok) {
-            const errorData = await response.json();
-            throw new Error(`HTTP ${response.status}: ${errorData.detail || 'Unknown error'}`);
-        }
-
-        return await response.json();
-    } catch (error) {
-        console.error('Error creating new chat:', error);
-        throw error;
-    }
-};
-
-/**
- * Continues an existing chat session
- * @param {Object} params - The chat execution parameters
- * @param {string} params.user_input - The user's message
- * @param {string} params.interaction_id - The interaction identifier
- * @param {string} [params.workflow_id] - Optional workflow ID (defaults to "default_mode")
- * @param {string} [params.workflow_name] - Optional workflow name (defaults to "default_mode")
- * @param {string|null} [params.selectedCollection] - Optional selected collection for default_mode
- * @returns {Promise<Object>} A promise that resolves with the chat response
- */
-export const executeChatMessage = async ({
-    user_input,
-    interaction_id,
-    workflow_id = "default_mode",
-    workflow_name = "default_mode",
-    selectedCollection = null,
-}) => {
-    try {
-        const requestBody = {
-            user_input,
-            interaction_id,
-            workflow_id,
-            workflow_name,
-        };
-
-        // selectedCollection이 있으면 body에 추가
-        if (selectedCollection) {
-            requestBody.selected_collection = selectedCollection;
-        }
-
-        const response = await fetch(`${API_BASE_URL}/api/chat/execution`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(requestBody),
-        });
-
-        if (!response.ok) {
-            const errorData = await response.json();
-            throw new Error(`HTTP ${response.status}: ${errorData.detail || 'Unknown error'}`);
-        }
-
-        return await response.json();
-    } catch (error) {
-        console.error('Error executing chat message:', error);
-        throw error;
-    }
-};
-
-/**
- * High-level function to handle a complete chat flow
- * @param {Object} params - The chat parameters
- * @param {string} params.message - The user's message
- * @param {string} [params.interaction_id] - Existing interaction ID or will generate new one
- * @param {boolean} [params.isNewChat] - Whether this is a new chat session
- * @returns {Promise<Object>} A promise that resolves with the chat response
- */
-export const sendMessage = async ({
-    message,
-    interaction_id = null,
-    isNewChat = false
-}) => {
-    try {
-        // Generate interaction ID if not provided
-        const chatInteractionId = interaction_id || `chat_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-
-        if (isNewChat) {
-            // Create new chat session with initial message
-            const result = await createNewChat({
-                interaction_id: chatInteractionId,
-                input_data: message
-            });
-
-            return {
-                text: result.chat_response || 'Chat session created successfully',
-                interaction_id: result.interaction_id,
-                session_info: result.execution_meta,
-                timestamp: result.timestamp,
-                status: result.status
-            };
-        } else {
-            // Continue existing chat session
-            const result = await executeChatMessage({
-                user_input: message,
-                interaction_id: chatInteractionId
-            });
-
-            return {
-                text: result.ai_response,
-                interaction_id: result.interaction_id,
-                session_id: result.session_id,
-                session_info: result.execution_meta,
-                timestamp: result.timestamp,
-                status: result.status
-            };
-        }
-    } catch (error) {
-        console.error('Error in sendMessage:', error);
-        throw error;
-    }
-};
-
-/**
- * Legacy function for backward compatibility - simulates sending a message
- * @deprecated Use sendMessage with proper parameters instead
- * @param {string} message - The message to send
- * @returns {Promise<{text: string}>} A promise that resolves with a response object
- */
-export const sendMessageLegacy = (message) => {
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            resolve({
-                text: `This is a response to your message: "${message}"`,
-            });
-        }, 1000); // Simulate 1 second delay
-    });
-};
diff --git a/src/app/api/nodeAPI.js b/src/app/api/nodeAPI.js
index 7ce28e54..6b032599 100644
--- a/src/app/api/nodeAPI.js
+++ b/src/app/api/nodeAPI.js
@@ -46,3 +46,26 @@ export const exportNodes = async () => {
         throw error;
     }
 };
+
+/**
+ * @returns {Promise<Array<Object>>} 노드 객체의 배열을 반환하는 프로미스
+ * @throws {Error} API 요청이 실패하면 에러를 발생시킵니다.
+ */
+export const refreshNodes = async () => {
+    try {
+        const response = await fetch(`${API_BASE_URL}/api/node/refresh`);
+
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(
+                errorData.detail || `HTTP error! status: ${response.status}`,
+            );
+        }
+
+        // force_refresh 후, 최신 노드 리스트를 다시 불러옵니다.
+        return await getNodes();
+    } catch (error) {
+        devLog.error('Failed to get nodes:', error);
+        throw error; // 에러를 호출한 쪽으로 다시 던져서 UI에서 처리할 수 있도록 합니다.
+    }
+};
diff --git a/src/app/api/workflowAPI.js b/src/app/api/workflowAPI.js
index 323bcd5d..84e53065 100644
--- a/src/app/api/workflowAPI.js
+++ b/src/app/api/workflowAPI.js
@@ -346,6 +346,7 @@ export const deleteWorkflowIOLogs = async (workflowName, workflowId, interaction
  * @param {string} workflowName - 워크플로우 이름 (.json 확장자 제외)
  * @param {string} workflowId - 워크플로우 ID
  * @param {string} inputData - 실행에 사용할 입력 데이터 (선택사항)
+ * @param {string|null} [params.selectedCollection] - Optional selected collection
  * @returns {Promise<Object>} 실행 결과를 포함하는 프로미스
  * @throws {Error} API 요청이 실패하면 에러를 발생시킵니다.
  */
@@ -354,30 +355,30 @@ export const executeWorkflowById = async (
     workflowId,
     inputData = '',
     interaction_id = 'default',
+    selectedCollection = null,
 ) => {
     try {
-        const body = {
+        const requestBody = {
             workflow_name: workflowName,
             workflow_id: workflowId,
             input_data: inputData || '',
             interaction_id: interaction_id || 'default',
         };
-        const response = await fetch(
-            `${API_BASE_URL}/api/workflow/execute/based_id`,
-            {
+        if (selectedCollection) {
+            requestBody.selected_collection = selectedCollection;
+        }
+        const response = await fetch(`${API_BASE_URL}/api/workflow/execute/based_id`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
                 },
-                body: JSON.stringify(body),
+                body: JSON.stringify(requestBody),
             },
         );
 
         if (!response.ok) {
             const errorData = await response.json();
-            throw new Error(
-                errorData.detail || `HTTP error! status: ${response.status}`,
-            );
+            throw new Error(errorData.detail || `HTTP error! status: ${response.status}`);
         }
 
         const result = await response.json();
diff --git a/src/app/canvas/components/Node.tsx b/src/app/canvas/components/Node.tsx
index 4e518b07..d3a2f232 100644
--- a/src/app/canvas/components/Node.tsx
+++ b/src/app/canvas/components/Node.tsx
@@ -92,7 +92,13 @@ const Node: React.FC<NodeProps> = ({
             {param.options && param.options.length > 0 ? (
                 <select
                     value={param.value}
-                    onChange={(e) => handleParamValueChange(e, param.id)}
+                    onChange={(e) => {
+                        devLog.log('=== Select Parameter Change ===');
+                        devLog.log('Parameter:', param.name, 'Previous value:', param.value, 'New value:', e.target.value);
+                        devLog.log('Available options:', param.options);
+                        handleParamValueChange(e, param.id);
+                        devLog.log('=== Select Parameter Change Complete ===');
+                    }}
                     onMouseDown={(e) => {
                         devLog.log('select onMouseDown');
                         e.stopPropagation();
@@ -102,7 +108,7 @@ const Node: React.FC<NodeProps> = ({
                         e.stopPropagation();
                     }}
                     onFocus={(e) => {
-                        devLog.log('select onFocus');
+                        devLog.log('select onFocus - Parameter:', param.name, 'Current value:', param.value);
                         e.stopPropagation();
                         // Clear node selection when editing parameter
                         if (onClearSelection) {
@@ -110,7 +116,7 @@ const Node: React.FC<NodeProps> = ({
                         }
                     }}
                     onBlur={(e) => {
-                        devLog.log('select onBlur');
+                        devLog.log('select onBlur - Parameter:', param.name, 'Final value:', e.target.value);
                         e.stopPropagation();
                     }}
                     onKeyDown={(e) => {
@@ -119,12 +125,52 @@ const Node: React.FC<NodeProps> = ({
                     }}
                     className={`${styles.paramSelect} paramSelect`}
                 >
+                    <option value="" disabled>-- Select --</option>
                     {param.options.map((option, index) => (
                         <option key={index} value={option.value}>
                             {option.label || option.value}
                         </option>
                     ))}
                 </select>
+            ) : param.type === 'BOOL' ? (
+                <select
+                    value={param.value}
+                    onChange={(e) => {
+                        devLog.log('=== Boolean Parameter Change ===');
+                        devLog.log('Parameter:', param.name, 'Previous value:', param.value, 'New value:', e.target.value);
+                        handleParamValueChange(e, param.id);
+                        devLog.log('=== Boolean Parameter Change Complete ===');
+                    }}
+                    onMouseDown={(e) => {
+                        devLog.log('boolean select onMouseDown');
+                        e.stopPropagation();
+                    }}
+                    onClick={(e) => {
+                        devLog.log('boolean select onClick');
+                        e.stopPropagation();
+                    }}
+                    onFocus={(e) => {
+                        devLog.log('boolean select onFocus - Parameter:', param.name, 'Current value:', param.value);
+                        e.stopPropagation();
+                        // Clear node selection when editing parameter
+                        if (onClearSelection) {
+                            onClearSelection();
+                        }
+                    }}
+                    onBlur={(e) => {
+                        devLog.log('boolean select onBlur - Parameter:', param.name, 'Final value:', e.target.value);
+                        e.stopPropagation();
+                    }}
+                    onKeyDown={(e) => {
+                        // Prevent keyboard event propagation
+                        e.stopPropagation();
+                    }}
+                    className={`${styles.paramSelect} paramSelect`}
+                >
+                    <option value="" disabled>-- Select --</option>
+                    <option value="true">True</option>
+                    <option value="false">False</option>
+                </select>
             ) : (
                 <input
                     type={typeof param.value === 'number' ? 'number' : 'text'}
@@ -359,4 +405,4 @@ const Node: React.FC<NodeProps> = ({
     );
 };
 
-export default memo(Node);
\ No newline at end of file
+export default memo(Node);
diff --git a/src/app/canvas/components/SideMenu.tsx b/src/app/canvas/components/SideMenu.tsx
index 65578c21..6f642a90 100644
--- a/src/app/canvas/components/SideMenu.tsx
+++ b/src/app/canvas/components/SideMenu.tsx
@@ -2,7 +2,6 @@
 import React, { useState, RefObject } from 'react';
 import styles from '@/app/canvas/assets/SideMenu.module.scss';
 import AddNodePanel from '@/app/canvas/components/SideMenuPanel/AddNodePanel';
-import ChatPanel from '@/app/canvas/components/SideMenuPanel/ChatPanel';
 import WorkflowPanel from '@/app/canvas/components/SideMenuPanel/WorkflowPanel';
 import TemplatePanel from '@/app/canvas/components/SideMenuPanel/TemplatePanel';
 import { LuCirclePlus, LuCircleHelp, LuSettings, LuLayoutGrid, LuMessageSquare, LuLayoutTemplate } from "react-icons/lu";
@@ -30,10 +29,10 @@ const MainMenu: React.FC<MainMenuProps> = ({ onNavigate }) => {
                     <LuCirclePlus />
                     <span>Add Node</span>
                 </button>
-                <button className={styles.menuItem} onClick={() => onNavigate('chat')}>
+                {/* <button className={styles.menuItem} onClick={() => onNavigate('chat')}>
                     <LuMessageSquare />
                     <span>Chat</span>
-                </button>
+                </button> */}
                 <button className={styles.menuItem} onClick={() => onNavigate('workflow')}>
                     <LuLayoutGrid />
                     <span>Workflow</span>
@@ -56,11 +55,11 @@ const MainMenu: React.FC<MainMenuProps> = ({ onNavigate }) => {
 };
 
 // SideMenu container and view switching logic
-const SideMenu: React.FC<SideMenuProps> = ({ 
-    menuRef, 
-    onLoad, 
-    onExport, 
-    onLoadWorkflow 
+const SideMenu: React.FC<SideMenuProps> = ({
+    menuRef,
+    onLoad,
+    onExport,
+    onLoadWorkflow
 }) => {
     const [view, setView] = useState<MenuView>('main');
 
@@ -77,18 +76,17 @@ const SideMenu: React.FC<SideMenuProps> = ({
         <aside ref={menuRef} className={styles.sideMenuContainer} data-view={view}>
             {view === 'main' && <MainMenu onNavigate={handleNavigate} />}
             {view === 'addNodes' && <AddNodePanel onBack={handleBackToMain} />}
-            {view === 'chat' && <ChatPanel onBack={handleBackToMain} />}
             {view === 'workflow' && (
-                <WorkflowPanel 
-                    onBack={handleBackToMain} 
+                <WorkflowPanel
+                    onBack={handleBackToMain}
                     onLoad={onLoad}
                     onExport={onExport}
                     onLoadWorkflow={onLoadWorkflow}
                 />
             )}
             {view === 'template' && (
-                <TemplatePanel 
-                    onBack={handleBackToMain} 
+                <TemplatePanel
+                    onBack={handleBackToMain}
                     onLoadWorkflow={onLoadWorkflow}
                 />
             )}
@@ -96,4 +94,4 @@ const SideMenu: React.FC<SideMenuProps> = ({
     );
 };
 
-export default SideMenu;
\ No newline at end of file
+export default SideMenu;
diff --git a/src/app/canvas/components/SideMenuPanel/ChatPanel.tsx b/src/app/canvas/components/SideMenuPanel/ChatPanel.tsx
deleted file mode 100644
index 2630e15f..00000000
--- a/src/app/canvas/components/SideMenuPanel/ChatPanel.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import React, { useState, useEffect, useRef, ChangeEvent, KeyboardEvent } from 'react';
-import { sendMessage } from '@/app/api/chatAPI';
-import styles from '@/app/canvas/assets/Chat.module.scss';
-import sideMenuStyles from '@/app/canvas/assets/SideMenu.module.scss';
-import { LuArrowLeft, LuSend } from "react-icons/lu";
-import { devLog } from '@/app/utils/logger';
-import type {
-    Message,
-    ChatPanelProps,
-    SendMessageResponse
-} from '@/app/canvas/types';
-
-const ChatPanel: React.FC<ChatPanelProps> = ({ onBack }) => {
-    const [messages, setMessages] = useState<Message[]>([]);
-    const [inputValue, setInputValue] = useState<string>('');
-    const [isLoading, setIsLoading] = useState<boolean>(false);
-    const messageListRef = useRef<HTMLDivElement>(null);
-
-    useEffect(() => {
-        if (messageListRef.current) {
-            messageListRef.current.scrollTop = messageListRef.current.scrollHeight;
-        }
-    }, [messages]);
-
-    const handleInputChange = (e: ChangeEvent<HTMLTextAreaElement>): void => {
-        setInputValue(e.target.value);
-    };
-
-    const handleSendMessage = async (): Promise<void> => {
-        if (inputValue.trim() === '' || isLoading) return;
-
-        const userMessage: Message = {
-            id: Date.now(),
-            text: inputValue,
-            sender: 'user',
-            timestamp: new Date(),
-        };
-        setMessages(prevMessages => [...prevMessages, userMessage]);
-        setIsLoading(true);
-        setInputValue('');
-
-        try {
-            const response = await sendMessage({ 
-                message: userMessage.text,
-                isNewChat: messages.length === 1 // 첫 번째 메시지면 새 채팅
-            }) as SendMessageResponse;
-            const botMessage: Message = {
-                id: Date.now() + 1,
-                text: response.text,
-                sender: 'bot',
-                timestamp: new Date(),
-            };
-            setMessages(prevMessages => [...prevMessages, botMessage]);
-        } catch (error) {
-            devLog.error("Error sending message:", error);
-            const errorMessage: Message = {
-                id: Date.now() + 1,
-                text: "Sorry, I couldn't get a response. Please try again.",
-                sender: 'bot',
-                timestamp: new Date(),
-            };
-            setMessages(prevMessages => [...prevMessages, errorMessage]);
-        } finally {
-            setIsLoading(false);
-        }
-    };
-
-    const handleKeyPress = (e: KeyboardEvent<HTMLTextAreaElement>): void => {
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            handleSendMessage();
-        }
-    };
-
-    const isLastMessageFromUser = (): boolean => {
-        return messages.length > 0 && messages[messages.length - 1].sender === 'user';
-    };
-
-    return (
-        <div className={styles.chatContainer}>
-            <div className={sideMenuStyles.header}>
-                <button onClick={onBack} className={sideMenuStyles.backButton} aria-label="Back to main menu">
-                    <LuArrowLeft />
-                </button>
-                <h3>Chat</h3>
-            </div>
-
-            <div className={styles.messageList} ref={messageListRef}>
-                {messages.map((msg: Message) => (
-                    <div
-                        key={msg.id}
-                        className={`${styles.message} ${msg.sender === 'user' ? styles.userMessage : styles.botMessage}`}
-                    >
-                        {msg.text}
-                    </div>
-                ))}
-                {isLoading && isLastMessageFromUser() && (
-                    <div className={`${styles.message} ${styles.botMessage} ${styles.loadingDots}`}>
-                        <span></span><span></span><span></span>
-                    </div>
-                )}
-            </div>
-
-            <div className={styles.inputArea}>
-                <textarea
-                    className={styles.textInput}
-                    value={inputValue}
-                    onChange={handleInputChange}
-                    onKeyPress={handleKeyPress}
-                    placeholder="Type your message..."
-                    rows={1} // Start with a single line, expands with content
-                    disabled={isLoading}
-                />
-                <button
-                    className={styles.sendButton}
-                    onClick={handleSendMessage}
-                    disabled={isLoading || inputValue.trim() === ''}
-                    aria-label="Send message"
-                >
-                    <LuSend />
-                </button>
-            </div>
-        </div>
-    );
-};
-
-export default ChatPanel;
\ No newline at end of file
diff --git a/src/app/chat/components/ChatInterface.tsx b/src/app/chat/components/ChatInterface.tsx
index 1060ce58..a8198b97 100644
--- a/src/app/chat/components/ChatInterface.tsx
+++ b/src/app/chat/components/ChatInterface.tsx
@@ -14,7 +14,6 @@ import {
 } from 'react-icons/fi';
 import styles from '@/app/chat/assets/ChatInterface.module.scss';
 import { getWorkflowIOLogs, executeWorkflowById } from '@/app/api/workflowAPI';
-import { executeChatMessage } from '@/app/api/chatAPI';
 import toast from 'react-hot-toast';
 import CollectionModal from '@/app/chat/components/CollectionModal';
 
@@ -137,11 +136,11 @@ const ChatInterface: React.FC<ChatInterfaceProps> = ({ workflow, onBack, hideBac
         try {
             setLoading(true);
             setError(null);
-            
+
             const interactionId = existingChatData?.interactionId || 'default';
             const workflowName = existingChatData?.workflowName || workflow.name;
             const workflowId = existingChatData?.workflowId || workflow.id;
-            
+
             const logs = await getWorkflowIOLogs(workflowName, workflowId, interactionId);
             setIOLogs((logs as any).in_out_logs || []);
             setPendingLogId(null);
@@ -189,64 +188,36 @@ const ChatInterface: React.FC<ChatInterfaceProps> = ({ workflow, onBack, hideBac
         setInputMessage('');
 
         try {
-            // existingChatData가 있으면 해당 interaction_id 사용
             const interactionId = existingChatData?.interactionId || 'default';
             const workflowName = existingChatData?.workflowName || workflow.name;
             const workflowId = existingChatData?.workflowId || workflow.id;
-            
-            let result: any;
-            
-            // default_mode인 경우 chatAPI의 executeChatMessage 사용
-            if (workflowId === 'default_mode' && workflowName === 'default_mode') {
-                result = await executeChatMessage({
-                    user_input: currentMessage,
-                    interaction_id: interactionId,
-                    workflow_id: workflowId,
-                    workflow_name: workflowName,
-                    selectedCollection: selectedCollection
-                });
-                
-                // 결과로 임시 메시지 업데이트 (chatAPI 응답 형식)
-                setIOLogs((prev) =>
-                    prev.map((log) =>
-                        String(log.log_id) === tempId
-                            ? {
-                                  ...log,
-                                  output_data: result.ai_response || '응답을 받았습니다.',
-                                  updated_at: result.timestamp || new Date().toISOString(),
-                              }
-                            : log,
-                    ),
-                );
-                
-                toast.success('메시지가 성공적으로 전송되었습니다!');
-            } else {
-                // 기존 방식: executeWorkflowById 사용
-                result = await executeWorkflowById(
-                    workflowName,
-                    workflowId,
-                    currentMessage,
-                    interactionId,
-                );
-
-                // 결과로 임시 메시지 업데이트 (기존 방식)
-                setIOLogs((prev) =>
-                    prev.map((log) =>
-                        String(log.log_id) === tempId
-                            ? {
-                                  ...log,
-                                  output_data: result.outputs
-                                      ? JSON.stringify(result.outputs)
-                                      : result.message || '처리 완료',
-                                  updated_at: new Date().toISOString(),
-                              }
-                            : log,
-                    ),
-                );
-            }
-            
+
+            const result: any = await executeWorkflowById(
+                workflowName,
+                workflowId,
+                currentMessage,
+                interactionId,
+                selectedCollection as any,
+            );
+
+            // 결과로 임시 메시지 업데이트 (chatAPI 응답 형식)
+            setIOLogs((prev) =>
+                prev.map((log) =>
+                    String(log.log_id) === tempId
+                        ? {
+                                ...log,
+                                output_data: result.outputs
+                                    ? JSON.stringify(result.outputs)
+                                    : result.message || '처리 완료',
+                                updated_at: new Date().toISOString(),
+                            }
+                        : log,
+                ),
+            );
+
+            toast.success('메시지가 성공적으로 전송되었습니다!');
             setPendingLogId(null);
-            
+
             // 기존 채팅 데이터가 있는 경우 localStorage 업데이트
             if (existingChatData) {
                 const currentChatData = {
@@ -291,7 +262,7 @@ const ChatInterface: React.FC<ChatInterfaceProps> = ({ workflow, onBack, hideBac
     const handleAttachmentOption = (option: string) => {
         console.log('Selected option:', option);
         setShowAttachmentMenu(false);
-        
+
         if (option === 'collection') {
             setShowCollectionModal(true);
         }
@@ -407,7 +378,7 @@ const ChatInterface: React.FC<ChatInterfaceProps> = ({ workflow, onBack, hideBac
                                         <div className={styles.selectedCollection}>
                                             <FiBookmark className={styles.collectionIcon} />
                                             <span className={styles.collectionName}>{selectedCollection}</span>
-                                            <button 
+                                            <button
                                                 className={styles.removeCollectionButton}
                                                 onClick={handleRemoveCollection}
                                                 title="컬렉션 해제"
@@ -484,9 +455,9 @@ const ChatInterface: React.FC<ChatInterfaceProps> = ({ workflow, onBack, hideBac
             </div>
 
             {/* Collection Modal */}
-            <CollectionModal 
-                isOpen={showCollectionModal} 
-                onClose={() => setShowCollectionModal(false)} 
+            <CollectionModal
+                isOpen={showCollectionModal}
+                onClose={() => setShowCollectionModal(false)}
             />
         </div>
     );
diff --git a/src/app/chat/components/DefaultChatInterface.tsx b/src/app/chat/components/DefaultChatInterface.tsx
index 6098f560..f79d1443 100644
--- a/src/app/chat/components/DefaultChatInterface.tsx
+++ b/src/app/chat/components/DefaultChatInterface.tsx
@@ -1,15 +1,22 @@
 'use client';
-import React, { useState } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import {
     FiSend,
     FiMessageSquare,
     FiClock,
     FiArrowLeft,
+    FiPlus,
+    FiFolder,
+    FiImage,
+    FiMic,
+    FiBookmark,
+    FiX,
 } from 'react-icons/fi';
 import styles from '@/app/chat/assets/ChatInterface.module.scss';
-import { createNewChat } from '@/app/api/chatAPI';
+import { executeWorkflowById } from '@/app/api/workflowAPI';
 import { generateInteractionId } from '@/app/api/interactionAPI';
 import toast from 'react-hot-toast';
+import CollectionModal from '@/app/chat/components/CollectionModal';
 
 interface ChatNewResponse {
     status: string;
@@ -37,6 +44,66 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
     const [error, setError] = useState<string | null>(null);
     const [inputMessage, setInputMessage] = useState<string>('');
     const [interactionId] = useState<string>(() => generateInteractionId('default_chat'));
+    const [showAttachmentMenu, setShowAttachmentMenu] = useState(false);
+    const [showCollectionModal, setShowCollectionModal] = useState(false);
+    const [selectedCollection, setSelectedCollection] = useState<string | null>(null);
+
+    const attachmentButtonRef = useRef<HTMLDivElement>(null);
+
+    // localStorage에서 선택된 컬렉션 정보 가져오기
+    const checkSelectedCollection = () => {
+        try {
+            const storedCollection = localStorage.getItem('selectedCollection');
+            if (storedCollection) {
+                const collectionData = JSON.parse(storedCollection);
+                setSelectedCollection(collectionData.name);
+            } else {
+                setSelectedCollection(null);
+            }
+        } catch (err) {
+            console.error('Failed to load selected collection:', err);
+            setSelectedCollection(null);
+        }
+    };
+
+    useEffect(() => {
+        checkSelectedCollection();
+
+        const handleStorageChange = (e: StorageEvent) => {
+            if (e.key === 'selectedCollection') {
+                checkSelectedCollection();
+            }
+        };
+
+        window.addEventListener('storage', handleStorageChange);
+
+        return () => {
+            window.removeEventListener('storage', handleStorageChange);
+        };
+    }, []);
+
+    useEffect(() => {
+        if (!showCollectionModal) {
+            checkSelectedCollection();
+        }
+    }, [showCollectionModal]);
+
+    // 첨부 메뉴 외부 클릭 시 닫기
+    useEffect(() => {
+        const handleClickOutside = (event: MouseEvent) => {
+            if (attachmentButtonRef.current && !attachmentButtonRef.current.contains(event.target as Node)) {
+                setShowAttachmentMenu(false);
+            }
+        };
+
+        if (showAttachmentMenu) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [showAttachmentMenu]);
 
     const defaultWorkflow = {
         id: 'default_mode',
@@ -65,21 +132,24 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
             }
 
             // 새로운 채팅 세션 생성
-            const result = await createNewChat({
-                interaction_id: interactionId,
-                input_data: currentMessage
-            }) as ChatNewResponse;
+            const result = await executeWorkflowById(
+                "default_mode",
+                "default_mode",
+                currentMessage,
+                interactionId,
+                selectedCollection as any
+            ) as ChatNewResponse;
 
             if (result.status === 'success') {
                 // 현재 채팅 데이터를 localStorage에 저장
                 const currentChatData = {
-                    interactionId: result.interaction_id,
-                    workflowId: result.workflow_id,
-                    workflowName: result.workflow_name,
+                    interactionId: result.execution_meta.interaction_id,
+                    workflowId: result.execution_meta.workflow_id,
+                    workflowName: result.execution_meta.workflow_name,
                     startedAt: result.timestamp || new Date().toISOString(),
                 };
                 localStorage.setItem('currentChatData', JSON.stringify(currentChatData));
-                
+
                 // 채팅 시작 후 CurrentChatInterface로 전환하도록 부모에게 알림
                 if (onChatStarted) {
                     onChatStarted();
@@ -96,6 +166,25 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
         }
     };
 
+    const handleAttachmentClick = () => {
+        setShowAttachmentMenu(!showAttachmentMenu);
+    };
+
+    const handleAttachmentOption = (option: string) => {
+        console.log('Selected option:', option);
+        setShowAttachmentMenu(false);
+
+        if (option === 'collection') {
+            setShowCollectionModal(true);
+        }
+        // TODO: 다른 옵션들에 대한 구현
+    };
+
+    const handleRemoveCollection = () => {
+        localStorage.removeItem('selectedCollection');
+        setSelectedCollection(null);
+    };
+
     const handleKeyPress = (e: React.KeyboardEvent) => {
         if (e.key === 'Enter' && !e.shiftKey && !executing) {
             e.preventDefault();
@@ -133,21 +222,21 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
                         <p>일반 채팅 모드로 자유롭게 대화할 수 있습니다.</p>
                         <div className={styles.welcomeActions}>
                             <div className={styles.suggestionChips}>
-                                <button 
+                                <button
                                     className={styles.suggestionChip}
                                     onClick={() => setInputMessage('안녕하세요!')}
                                     disabled={executing}
                                 >
                                     안녕하세요!
                                 </button>
-                                <button 
+                                <button
                                     className={styles.suggestionChip}
                                     onClick={() => setInputMessage('도움이 필요해요')}
                                     disabled={executing}
                                 >
                                     도움이 필요해요
                                 </button>
-                                <button 
+                                <button
                                     className={styles.suggestionChip}
                                     onClick={() => setInputMessage('어떤 기능이 있나요?')}
                                     disabled={executing}
@@ -171,17 +260,73 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
                             disabled={executing}
                             className={styles.messageInput}
                         />
-                        <button
-                            onClick={executeWorkflow}
-                            disabled={executing || !inputMessage.trim()}
-                            className={`${styles.sendButton} ${executing || !inputMessage.trim() ? styles.disabled : ''}`}
-                        >
-                            {executing ? (
-                                <div className={styles.miniSpinner}></div>
-                            ) : (
-                                <FiSend />
+                        <div className={styles.buttonGroup}>
+                            {selectedCollection && (
+                                <div className={styles.selectedCollection}>
+                                    <FiBookmark className={styles.collectionIcon} />
+                                    <span className={styles.collectionName}>{selectedCollection}</span>
+                                    <button
+                                        className={styles.removeCollectionButton}
+                                        onClick={handleRemoveCollection}
+                                        title="컬렉션 해제"
+                                    >
+                                        <FiX />
+                                    </button>
+                                </div>
                             )}
-                        </button>
+                            <div className={styles.attachmentWrapper} ref={attachmentButtonRef}>
+                                <button
+                                    onClick={handleAttachmentClick}
+                                    className={`${styles.attachmentButton} ${showAttachmentMenu ? styles.active : ''}`}
+                                    disabled={executing}
+                                >
+                                    <FiPlus />
+                                </button>
+                                {showAttachmentMenu && (
+                                    <div className={styles.attachmentMenu}>
+                                        <button
+                                            className={styles.attachmentOption}
+                                            onClick={() => handleAttachmentOption('collection')}
+                                        >
+                                            <FiBookmark />
+                                            <span>컬렉션</span>
+                                        </button>
+                                        <button
+                                            className={`${styles.attachmentOption} ${styles.disabled}`}
+                                            disabled
+                                        >
+                                            <FiFolder />
+                                            <span>파일</span>
+                                        </button>
+                                        <button
+                                            className={`${styles.attachmentOption} ${styles.disabled}`}
+                                            disabled
+                                        >
+                                            <FiImage />
+                                            <span>사진</span>
+                                        </button>
+                                        <button
+                                            className={`${styles.attachmentOption} ${styles.disabled}`}
+                                            disabled
+                                        >
+                                            <FiMic />
+                                            <span>음성</span>
+                                        </button>
+                                    </div>
+                                )}
+                            </div>
+                            <button
+                                onClick={executeWorkflow}
+                                disabled={executing || !inputMessage.trim()}
+                                className={`${styles.sendButton} ${executing || !inputMessage.trim() ? styles.disabled : ''}`}
+                            >
+                                {executing ? (
+                                    <div className={styles.miniSpinner}></div>
+                                ) : (
+                                    <FiSend />
+                                )}
+                            </button>
+                        </div>
                     </div>
                     {executing && (
                         <p className={styles.executingNote}>
@@ -193,6 +338,12 @@ const DefaultChatInterface: React.FC<DefaultChatInterfaceProps> = ({ onBack, onC
                     )}
                 </div>
             </div>
+
+            {/* Collection Modal */}
+            <CollectionModal
+                isOpen={showCollectionModal}
+                onClose={() => setShowCollectionModal(false)}
+            />
         </div>
     );
 };
diff --git a/src/app/main/assets/Settings.module.scss b/src/app/main/assets/Settings.module.scss
index ed299306..dc9f6698 100644
--- a/src/app/main/assets/Settings.module.scss
+++ b/src/app/main/assets/Settings.module.scss
@@ -703,7 +703,7 @@ $white: #ffffff;
             }
         }
     }
-} 
+}
 
 // =============================================================================
 // BaseConfigPanel Styles
@@ -946,4 +946,4 @@ $white: #ffffff;
     .formActions {
         justify-content: center;
     }
-} 
\ No newline at end of file
+}