SurfSense/surfsense_web/components/new-chat/chat-header.tsx
Anish Sarkar 37559fcc6d refactor: enhance chat UI components for mobile responsiveness
- Updated the layout of the ComposerAction and ChatHeader components to improve mobile compatibility.
- Added a new prop to ImageModelSelector for mobile-specific rendering.
- Adjusted ModelSelector to conditionally render elements based on mobile view, enhancing user experience on smaller screens.
2026-06-19 01:41:21 +05:30

23 lines
644 B
TypeScript

"use client";
import { ImageModelSelector } from "./image-model-selector";
import { ModelSelector } from "./model-selector";
interface ChatHeaderProps {
searchSpaceId: number;
className?: string;
onChatModelSelected?: () => void;
}
export function ChatHeader({ searchSpaceId, className, onChatModelSelected }: ChatHeaderProps) {
return (
<div className="flex min-w-0 shrink-0 items-center gap-2">
<ModelSelector
searchSpaceId={searchSpaceId}
className={className}
onChatModelSelected={onChatModelSelected}
/>
<ImageModelSelector searchSpaceId={searchSpaceId} className={className} mobileIconOnly />
</div>
);
}