1 files changed, 12 insertions, 0 deletions
diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index c643720a..6dba3d71 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -13,6 +13,9 @@ import {
   ClockIcon,
   WrenchScrewdriverIcon,
 } from "@heroicons/react/24/outline";
+
+import { ChevronRightSquare } from "lucide-react";
+
 import Logo from "./assets/logo-light.svg";
 
 function classNames(...classes: any) {
@@ -23,11 +26,13 @@ import Home from "./pages/Home.tsx";
 import History from "./pages/History.tsx";
 import Dotfiles from "./pages/Dotfiles.tsx";
 import LoginOrRegister from "./components/LoginOrRegister.tsx";
+import Runbooks from "./pages/Runbooks.tsx";
 
 enum Section {
   Home,
   History,
   Dotfiles,
+  Runbooks,
 }
 
 function renderMain(section: Section): ReactElement {
@@ -38,6 +43,8 @@ function renderMain(section: Section): ReactElement {
       return <History />;
     case Section.Dotfiles:
       return <Dotfiles />;
+    case Section.Runbooks:
+      return <Runbooks />;
   }
 }
 
@@ -65,6 +72,11 @@ function App() {
       icon: WrenchScrewdriverIcon,
       section: Section.Dotfiles,
     },
+    {
+      name: "Runbooks",
+      icon: ChevronRightSquare,
+      section: Section.Runbooks,
+    },
   ];
 
   return (