Spaces:
Sleeping
Sleeping
File size: 1,705 Bytes
9f836e6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | interface ChatHeaderProps {
selectedDocId: string | null;
activeDocName: string | undefined;
hasMessages: boolean;
onClearChat: () => void;
onToggleSidebar: () => void;
sidebarOpen: boolean;
}
export function ChatHeader({
selectedDocId,
activeDocName,
hasMessages,
onClearChat,
onToggleSidebar,
sidebarOpen,
}: ChatHeaderProps) {
return (
<header className="chat-header">
<div className="chat-header-info">
{/* Hamburger — visible only on mobile via CSS */}
<button
className="mobile-sidebar-toggle"
onClick={onToggleSidebar}
aria-label={sidebarOpen ? 'Close menu' : 'Open menu'}
>
{sidebarOpen ? (
// X icon when open
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round">
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
) : (
// Hamburger icon when closed
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round">
<line x1="3" y1="6" x2="21" y2="6" />
<line x1="3" y1="12" x2="21" y2="12" />
<line x1="3" y1="18" x2="21" y2="18" />
</svg>
)}
</button>
<span className="target-badge">
Target: {selectedDocId ? `Doc (${activeDocName})` : 'All Documents'}
</span>
</div>
{hasMessages && (
<button className="clear-chat-btn" onClick={onClearChat}>
Clear Chat
</button>
)}
</header>
);
}
|