diff --git a/meshchatx/src/frontend/main.js b/meshchatx/src/frontend/main.js
index 4e4f747..fd44458 100644
--- a/meshchatx/src/frontend/main.js
+++ b/meshchatx/src/frontend/main.js
@@ -161,6 +161,11 @@ const router = createRouter({
             path: "/micron-editor",
             component: defineAsyncComponent(() => import("./components/micron-editor/MicronEditorPage.vue")),
         },
+        {
+            name: "documentation",
+            path: "/documentation",
+            component: defineAsyncComponent(() => import("./components/docs/DocsPage.vue")),
+        },
         {
             name: "profile.icon",
             path: "/profile/icon",
@@ -191,11 +196,34 @@ const router = createRouter({
             path: "/tools/paper-message",
             component: defineAsyncComponent(() => import("./components/tools/PaperMessagePage.vue")),
         },
+        {
+            name: "debug-logs",
+            path: "/debug/logs",
+            component: defineAsyncComponent(() => import("./components/debug/DebugLogsPage.vue")),
+        },
         {
             name: "call",
             path: "/call",
             component: defineAsyncComponent(() => import("./components/call/CallPage.vue")),
         },
+        {
+            name: "call-popout",
+            path: "/popout/call",
+            meta: { isPopout: true },
+            component: defineAsyncComponent(() => import("./components/call/CallPage.vue")),
+        },
+        {
+            name: "changelog",
+            path: "/changelog",
+            component: defineAsyncComponent(() => import("./components/ChangelogModal.vue")),
+            meta: { isPage: true },
+        },
+        {
+            name: "tutorial",
+            path: "/tutorial",
+            component: defineAsyncComponent(() => import("./components/TutorialModal.vue")),
+            meta: { isPage: true },
+        },
     ],
 });