import { ChatLauncher } from './ChatLauncher';
import { FileBrowserWidget as FileBrowser } from '@/Screens/Dashboard/Files';
import { Widget as ChatHistory } from 'plugins/ChatHistory/client';
import { Catalog } from 'sounds';

export const HomeScreen = () => {
  return (
    <div className="flex flex-col md:flex-row gap-4 md:gap-8 h-full p-4 pt-6 md:p-8 md:pt-12 overflow-y-auto">
      <div className="flex flex-col gap-8 flex-1 min-w-0">
        <ChatLauncher />
        <FileBrowser />
      </div>
      <div className="flex flex-col gap-8 flex-1 min-w-0">
        <ChatHistory />
        <Catalog />
      </div>
    </div>
  );
};