mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-03-10 14:13:19 +00:00
fc3dd8c84c
# UI V3 Changelog Major updates and improvements in this release: ## Core Changes - Complete NEW REWRITTEN UI system overhaul (V3) with semantic design tokens - New settings management system with drag-and-drop capabilities - Enhanced provider system supporting multiple AI services - Improved theme system with better dark mode support - New component library with consistent design patterns ## Technical Updates - Reorganized project architecture for better maintainability - Performance optimizations and bundle size improvements - Enhanced security features and access controls - Improved developer experience with better tooling - Comprehensive testing infrastructure ## New Features - Background rays effect for improved visual feedback - Advanced tab management system - Automatic and manual update support - Enhanced error handling and visualization - Improved accessibility across all components For detailed information about all changes and improvements, please see the full changelog.
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import { json, type MetaFunction } from '@remix-run/cloudflare';
|
|
import { ClientOnly } from 'remix-utils/client-only';
|
|
import { BaseChat } from '~/components/chat/BaseChat';
|
|
import { Chat } from '~/components/chat/Chat.client';
|
|
import { Header } from '~/components/header/Header';
|
|
import BackgroundRays from '~/components/ui/BackgroundRays';
|
|
import { ControlPanel } from '~/components/@settings';
|
|
import { SettingsButton } from '~/components/ui/SettingsButton';
|
|
import { useState } from 'react';
|
|
|
|
export const meta: MetaFunction = () => {
|
|
return [{ title: 'Bolt' }, { name: 'description', content: 'Talk with Bolt, an AI assistant from StackBlitz' }];
|
|
};
|
|
|
|
export const loader = () => json({});
|
|
|
|
export default function Index() {
|
|
const [showControlPanel, setShowControlPanel] = useState(false);
|
|
|
|
return (
|
|
<div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1">
|
|
<BackgroundRays />
|
|
<Header />
|
|
<ClientOnly fallback={<BaseChat />}>{() => <Chat />}</ClientOnly>
|
|
<div className="fixed bottom-4 right-4">
|
|
<SettingsButton onClick={() => setShowControlPanel(true)} />
|
|
</div>
|
|
<ClientOnly>
|
|
{() => <ControlPanel open={showControlPanel} onClose={() => setShowControlPanel(false)} />}
|
|
</ClientOnly>
|
|
</div>
|
|
);
|
|
}
|