feat(canvas): Agent + Hubs + view-as personas (#1)

src/App.tsx

@@ -8,6 +8,8 @@ import Wizard from "./scenes/Wizard";
 import Settings from "./scenes/Settings";
 import Login from "./scenes/Login";
 import SsoCallback from "./scenes/SsoCallback";
+import Agent from "./scenes/Agent";
+import Hubs from "./scenes/Hubs";
 import CommandBar from "./components/CommandBar";
 import Toaster from "./components/Toaster";
 import Console from "./components/Console";
@@ -71,6 +73,12 @@ export default function App() {
             <button role="tab" aria-selected={scene === "studio"} className={`tab${scene === "studio" ? " tab-sel" : ""}`} onClick={() => setScene("studio")}>
               <Branch size={13} /> Studio
             </button>
+            <button role="tab" aria-selected={scene === "hubs"} className={`tab${scene === "hubs" ? " tab-sel" : ""}`} onClick={() => setScene("hubs")}>
+              <Layers size={13} /> Hubs
+            </button>
+            <button role="tab" aria-selected={scene === "agent"} className={`tab${scene === "agent" ? " tab-sel" : ""}`} onClick={() => setScene("agent")}>
+              <Cmd size={13} /> Agent
+            </button>
             <button role="tab" aria-selected={scene === "settings"} className={`tab${scene === "settings" ? " tab-sel" : ""}`} onClick={() => setScene("settings")}>
               <Cog size={13} /> Settings
             </button>
@@ -149,6 +157,8 @@ export default function App() {
         {scene === "mission" && <MissionControl />}
         {scene === "history" && <RunHistory />}
         {scene === "studio" && <Wizard />}
+        {scene === "hubs" && <Hubs />}
+        {scene === "agent" && <Agent />}
         {scene === "settings" && <Settings />}
       </div>