feat: implement task management store with IPC integration
- Added a new task store in `src-react/stores/task.ts` to manage tasks and their statuses. - Implemented functions for creating, executing, and retrying tasks, along with handling task progress and completion. - Introduced persistence for tasks using IPC. - Created utility functions for normalizing room types and building subtasks. - Added a new CSS file for global styles in `src-react/styles.css`. - Created runtime types in `src-react/types/runtime.ts` and exported them. - Updated the main entry points for Vue and React applications to support dynamic framework loading. - Refactored chat model interfaces and utility functions into `src/shared/chat-model.ts`. - Updated TypeScript configuration to include paths for React components and types. - Enhanced Vite configuration to support both Vue and React frameworks.
This commit is contained in:
23
src-react/components/layout/MainLayout.tsx
Normal file
23
src-react/components/layout/MainLayout.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import { Outlet } from 'react-router-dom';
|
||||
import Sidebar from './Sidebar';
|
||||
import TitleBar from './TitleBar';
|
||||
|
||||
export default function MainLayout() {
|
||||
const platform = (window as any).api?.platform ?? '';
|
||||
|
||||
return (
|
||||
<div className="bg-white dark:!bg-[#0f0f10] h-screen flex flex-col">
|
||||
<TitleBar />
|
||||
|
||||
<main
|
||||
className="box-border w-full flex pt-2 pb-2 pl-2"
|
||||
style={{ height: platform === 'linux' ? '100vh' : 'calc(100vh - 40px)' }}
|
||||
>
|
||||
<div className="flex-1 flex min-w-0 min-h-0">
|
||||
<Outlet />
|
||||
</div>
|
||||
<Sidebar />
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user