edit App.tsx

Author: e1732a364fed

src/App.tsx

@@ -51,10 +51,12 @@ import InfoIcon from "@mui/icons-material/Info";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 import SettingsIcon from "@mui/icons-material/Settings";
+import { MenuBook } from "@mui/icons-material";
+import ManualPanel from "./components/ManualPanel";
 
 type EditorView = "all" | "inbound" | "outbound";
 type EditorTab = "chain" | "route";
-type SidebarView = "nodeEditor" | "info" | "controlPanel";
+type SidebarView = "nodeEditor" | "info" | "controlPanel" | "manual";
 
 // interface GroupNodeData {
 //   type: "group";
@@ -765,6 +767,9 @@ export default function App() {
       return <ControlPanel />;
     }
 
+    if (currentSidebarView === "manual") {
+      return <ManualPanel />;
+    }
     return (
       <>
         <Box sx={{ borderBottom: 1, borderColor: "divider", mb: 2 }}>
@@ -895,6 +900,16 @@ export default function App() {
             </ListItemIcon>
             <ListItemText primary="Node Editor" />
           </ListItemButton>
+
+          <ListItemButton
+            selected={currentSidebarView === "manual"}
+            onClick={() => setSidebarView("manual")}
+          >
+            <ListItemIcon>
+              <MenuBook />
+            </ListItemIcon>
+            <ListItemText primary="Manual" />
+          </ListItemButton>
         </List>
       </Drawer>
       <Box