Canvas: Update layout
Combine separate Overview and Canvas tabs into one Build tab
Add Overview <-> Canvas switcher to Actions
Change-Id: I40f7742be587b475ae6e88af2bcf9cae34f93168
diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index a9fd3a6..711b076 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -1,13 +1,12 @@
import { ReactFlowProvider } from "@xyflow/react";
import "./App.css";
-import { CanvasBuilder } from "./Canvas";
+import { Build } from "./Build";
import { Tabs, TabsTrigger, TabsContent, TabsList } from "./components/ui/tabs";
import { Config } from "./Config";
import { Integrations } from "./Integrations";
import { Toaster } from "./components/ui/toaster";
import { ProjectSelect } from "./ProjectSelect";
import { Logs } from "./Monitoring";
-import { Overview } from "./Overview";
import { ChatManager } from "./components/ChatManager";
import { useAgents } from "./lib/state";
import { Bot } from "lucide-react";
@@ -27,11 +26,10 @@
function AppImpl() {
const agents = useAgents();
return (
- <Tabs defaultValue="overview" className="flex-1 flex flex-col min-h-0">
+ <Tabs defaultValue="build" className="flex-1 flex flex-col min-h-0">
<div className="flex justify-between border-b">
<TabsList className="!rounded-none">
- <TabsTrigger value="overview">Overview</TabsTrigger>
- <TabsTrigger value="canvas">Canvas</TabsTrigger>
+ <TabsTrigger value="build">Build</TabsTrigger>
<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
<TabsTrigger value="config">Config</TabsTrigger>
<TabsTrigger value="integrations">Integrations</TabsTrigger>
@@ -50,11 +48,8 @@
</TabsList>
<ProjectSelect className="w-fit min-w-[150px]" />
</div>
- <TabsContent value="overview" className="!mt-0 flex-1 min-h-0">
- <Overview />
- </TabsContent>
- <TabsContent value="canvas" className="!mt-0 flex-1 min-h-0">
- <CanvasBuilder />
+ <TabsContent value="build" className="!mt-0 flex-1 min-h-0">
+ <Build />
</TabsContent>
<TabsContent value="config" className="!mt-0 flex-1 min-h-0">
<Config />