Spaces:
Sleeping
Sleeping
File size: 1,195 Bytes
cce8120 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | "use client";
import { useState } from "react";
import FileExplorer from "../explorer/FileExplorer";
import CodeEditor from "../editor/CodeEditor";
import AIChatPanel from "../chat/AIChatPanel";
import TerminalPanel from "../terminal/TerminalPanel";
import AgentMonitor from "../dashboards/AgentMonitor";
export default function WorkspaceShell() {
const [left,setLeft]=useState(true);
const [right,setRight]=useState(true);
const [bottom,setBottom]=useState(true);
return (
<div className="workspace-shell">
<header className="workspace-header">
<div className="workspace-logo">
DOLOR3V
</div>
<div className="workspace-title">
Autonomous AI Workspace
</div>
<div className="workspace-actions">
<button>Preview</button>
<button>Build</button>
<button>Deploy</button>
<button>Settings</button>
</div>
</header>
<div className="workspace-body">
{left &&
<aside className="workspace-left">
<FileExplorer/>
</aside>
}
<main className="workspace-main">
<CodeEditor/>
</main>
{right &&
<aside className="workspace-right">
<AIChatPanel/>
<AgentMonitor/>
</aside>
}
</div>
{bottom &&
<footer className="workspace-terminal">
<TerminalPanel/>
</footer>
}
</div>
);
}
|