diff --git a/frontend/src/components/ChatArea.css b/frontend/src/components/ChatArea.css
deleted file mode 100644
index 0d86e34..0000000
--- a/frontend/src/components/ChatArea.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* ChatArea styles moved to inline Tailwind where possible */
-.custom-scrollbar::-webkit-scrollbar {
- width: 6px;
-}
\ No newline at end of file
diff --git a/frontend/src/components/ChatArea.js b/frontend/src/components/ChatArea.js
deleted file mode 100644
index 71b1280..0000000
--- a/frontend/src/components/ChatArea.js
+++ /dev/null
@@ -1,139 +0,0 @@
-import React, { useState, useRef, useEffect } from "react";
-import ChatWindow from "./ChatWindow";
-import './ChatArea.css';
-
-const ChatArea = ({
- chatHistory,
- onSendMessage,
- onCancel,
- isProcessing,
- featureName = "default",
- workspaceId = null,
- syncConfig = null,
- isSourceDisconnected = false,
- autoCollapse = false
-}) => {
- const [inputValue, setInputValue] = useState("");
- const inputRef = useRef(null);
- const chatScrollRef = useRef(null);
-
- const handleSendMessage = (e) => {
- e.preventDefault();
- if (inputValue.trim() !== "" && !isSourceDisconnected) {
- onSendMessage(inputValue);
- setInputValue("");
- }
- };
-
- const handleKeyDown = (e) => {
- if (e.key === 'Enter' && !e.shiftKey) {
- e.preventDefault();
- handleSendMessage(e);
- }
- };
-
- // Scroll chat to bottom on new message
- useEffect(() => {
- if (chatScrollRef.current) {
- chatScrollRef.current.scrollTop = chatScrollRef.current.scrollHeight;
- }
- }, [chatHistory]);
-
- return (
-
-
-
-
-
- {/* Sticky Input */}
-
- {featureName === "coding_assistant" && workspaceId && (
-
-
-
-
-
- {isSourceDisconnected ? 'Source Node Disconnected' : 'Workspace Sync Active'}
-
-
-
- {workspaceId}
-
-
-
- {syncConfig && (
-
-
- Source:
- {syncConfig.source === 'node_local' ? 'Node Local' : syncConfig.source === 'server' ? 'Hub' : 'Empty'}
-
- {syncConfig.source === 'node_local' && (
- <>
-
-
- ⚠️ SOURCE NODE:
- {syncConfig.source_node_id}
-
-
-
- Path:
- {syncConfig.path}
-
-
- )}
-
- )}
-
- )}
-
-
-
- {/* Status indicator moved to top/bottom for better visibility */}
- {(message.reasoning || (message.status === "Thinking")) && (
-
-
-
-
- {message.reasoning}
-
-
- )}
-
-
-
- {message.text}
-
-
- {!message.isUser && message.status && (
-
-
-
-
- {message.status}
-
-
-
- )}
-
- {(message.isPureAnswer || !message.isUser) && (
-
- {/* Horizontal line - only for voice chat to separate from voice controls */}
- {isVoiceChat && (
-
- )}
-
-
- {/* Audio Controls - strictly limited to voice chat feature */}
- {isVoiceChat && (message.audioBlob ? (
-
-
- ) : (!message.isUser && (message.isFromHistory || (message.audioProgress && message.audioProgress > 0)) && (
-
- {message.isFromHistory && !message.audioProgress ? (
-
- ) : (message.audioProgress && (
- <>
-
- Audio generating {message.audioProgress || 0}%...
-
- ))}
-
- )))}
-
- {/* Timestamp */}
-
- {formatTime(message.timestamp)}
-
-
- {/* Copy Icon - positioned above the bottom line */}
-
-
-
- )}
-
- {chatHistory.map((message, index) => {
- const isLastMessage = index === chatHistory.length - 1;
- const shouldCollapse = autoCollapse && !isLastMessage && !message.isUser && !expandedIndices[index];
-
- return (
-
- {shouldCollapse ? (
-
- ) : (
-
-
- {
- setActivePlayingId(id);
- if (id && onAudioPlay) {
- onAudioPlay(); // Notify parent to stop streaming (to prevent overlap)
- }
- }}
- />
-
- {autoCollapse && !isLastMessage && !message.isUser && expandedIndices[index] && (
-
- )}
-
- )}
-
- );
- })}
-
+
+
+
+
+ {/* Sticky Input */}
+
+ {featureName === "coding_assistant" && workspaceId && (
+
+
+
+
+
+ {isSourceDisconnected ? 'Source Node Disconnected' : 'Workspace Sync Active'}
+
+
+
+ {workspaceId}
+
+
+
+ {syncConfig && (
+
+
+ Source:
+ {syncConfig.source === 'node_local' ? 'Node Local' : syncConfig.source === 'server' ? 'Hub' : 'Empty'}
+
+ {syncConfig.source === 'node_local' && (
+ <>
+
+
+ ⚠️ SOURCE NODE:
+ {syncConfig.source_node_id}
+
+
+
+ Path:
+ {syncConfig.path}
+
+
+ )}
+
+ )}
+
+ )}
+
+
+
+ {/* Status indicator moved to top/bottom for better visibility */}
+ {(message.reasoning || (message.status === "Thinking")) && (
+
+
+
+
+ {message.reasoning}
+
+
+ )}
+
+
+
+ {message.text}
+
+
+ {!message.isUser && message.status && (
+
+
+
+
+ {message.status}
+
+
+
+ )}
+
+ {(message.isPureAnswer || !message.isUser) && (
+
+ {/* Horizontal line - only for voice chat to separate from voice controls */}
+ {isVoiceChat && (
+
+ )}
+
+
+ {/* Audio Controls - strictly limited to voice chat feature */}
+ {isVoiceChat && (message.audioBlob ? (
+
+
+ ) : (!message.isUser && (message.isFromHistory || (message.audioProgress && message.audioProgress > 0)) && (
+
+ {message.isFromHistory && !message.audioProgress ? (
+
+ ) : (message.audioProgress && (
+ <>
+
+ Audio generating {message.audioProgress || 0}%...
+
+ ))}
+
+ )))}
+
+ {/* Timestamp */}
+
+ {formatTime(message.timestamp)}
+
+
+ {/* Copy Icon - positioned above the bottom line */}
+
+
+
+ )}
+
+ {chatHistory.map((message, index) => {
+ const isLastMessage = index === chatHistory.length - 1;
+ const shouldCollapse = autoCollapse && !isLastMessage && !message.isUser && !expandedIndices[index];
+
+ return (
+
+ {shouldCollapse ? (
+
+ ) : (
+
+
+ {
+ setActivePlayingId(id);
+ if (id && onAudioPlay) {
+ onAudioPlay(); // Notify parent to stop streaming (to prevent overlap)
+ }
+ }}
+ />
+
+ {autoCollapse && !isLastMessage && !message.isUser && expandedIndices[index] && (
+
+ )}
+
+ )}
+
+ );
+ })}
+