"use client";

import { ConversationSidebar } from "@/components/echo/conversation-sidebar";
import { ChatHeader } from "@/components/echo/chat-header";
import { ChatArea } from "@/components/echo/chat-area";
import { ChatInput } from "@/components/echo/chat-input";
import { SettingsPanel } from "@/components/echo/settings-panel";

export default function Home() {
  return (
    <div className="h-screen flex overflow-hidden bg-background">
      {/* Sidebar */}
      <ConversationSidebar />

      {/* Main content */}
      <div className="flex-1 flex flex-col min-w-0">
        <ChatHeader />
        <ChatArea />
        <ChatInput />
      </div>

      {/* Settings Sheet */}
      <SettingsPanel />
    </div>
  );
}
