storme/nexusAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chat client UI restructure + added all projects view and settings view(placeholder)

Browse Source
This commit is contained in:
Storme-bit
2026-04-13 17:08:52 -07:00
parent 7501fc54f1
commit 699592071f
10 changed files with 1077 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/chat-client/src/components/ChatWindow.jsx
View File

@@ -1,7 +1,7 @@
import React, { useEffect, useRef } from 'react';
import MessageBubble from './MessageBubble';
export default function ChatWindow({ messages, loadingHistory, streaming, onSendMessage, onCancel, activeSession }) {
export default function ChatWindow({ messages, loadingHistory, streaming, onSendMessage, onCancel, activeSession, onTogglePanel }) {
const bottomRef = useRef(null);
const inputRef = useRef(null);
const [input, setInput] = React.useState('');
@@ -28,10 +28,11 @@ export default function ChatWindow({ messages, loadingHistory, streaming, onSend
<div className="flex-col flex-1 overflow-hidden" style={{ background: 'var(--bg-base)' }}>
{/* Header */}
<div className="panel-header" style={{ padding: '0 20px' }}>
<div className="panel-header" style={{ padding: '0 12px 0 20px', justifyContent: 'space-between' }}>
<span className="text-base text-secondary">
{activeSession ? ( activeSession.name || activeSession.external_id) : 'No session selected'}
{activeSession ? (activeSession.name || activeSession.external_id) : 'No session selected'}
</span>
<button className="btn-icon" onClick={onTogglePanel} title="Session info">⊹</button>
</div>
{/* Message thread */}