feat(web): add three-column layout shell with placeholder views

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-07 02:24:43 +08:00
parent 0c8283d6e9
commit 58ceb0af00
10 changed files with 203 additions and 0 deletions

24
web/client/src/App.tsx Normal file
View File

@@ -0,0 +1,24 @@
import { AppLayout } from '@/components/layout/AppLayout';
import { ChatView } from '@/components/chat/ChatView';
import { AccountList } from '@/components/accounts/AccountList';
import { AssetGallery } from '@/components/assets/AssetGallery';
import { ConfigForm } from '@/components/config/ConfigForm';
import { useAppStore } from '@/store';
function MainContent() {
const view = useAppStore((s) => s.activeView);
switch (view) {
case 'chat': return <ChatView />;
case 'accounts': return <AccountList />;
case 'assets': return <AssetGallery />;
case 'config': return <ConfigForm />;
}
}
export default function App() {
return (
<AppLayout>
<MainContent />
</AppLayout>
);
}