feat: route automation dashboard

web/src/components/layout/AppNav.tsx

@@ -25,6 +25,7 @@ import {
     SettingsIcon,
     UsersIcon,
     XIcon,
+    ZapIcon,
 } from "lucide-react";
 import { type ReactNode, useMemo } from "react";
 import { useAppStore } from "@/stores";
@@ -136,6 +137,7 @@ const sections: NavSection[] = [
         items: [
             { title: "Templates", url: "/app/templates", icon: FileTextIcon, indicator: "templates" },
             { title: "Integrations", url: "/app/integrations", icon: CableIcon, indicator: "integrations" },
+            { title: "Automations", url: "/app/automations", icon: ZapIcon },
             { title: "API Keys", url: "/app/api-keys", icon: KeyIcon, indicator: "apikeys" },
             { title: "Audit log", url: "/app/audit", icon: ListChecksIcon, rolesAllowed: "manage" },
         ],

web/src/main.tsx

@@ -27,6 +27,8 @@ import MeetingsPage from './app/app/crm/meetings/page';
 import TemplatesPage from './app/app/templates/page';
 import APIKeysPage from './app/app/api-keys/page';
 import IntegrationsPage from './app/app/integrations/page';
+import AutomationsPage from './app/app/automations/page';
+import AutomationBuilderPage from './app/app/automations/[id]/page';
 import AuditPage from './app/app/audit/page';
 import SettingsLayout from './app/app/settings/layout';
 import ProfileSettingsPage from './app/app/settings/profile/page';
@@ -269,6 +271,14 @@ const router = createBrowserRouter([
             path: "integrations",
             element: <IntegrationsPage />,
           },
+          {
+            path: "automations",
+            element: <AutomationsPage />,
+          },
+          {
+            path: "automations/:id",
+            element: <AutomationBuilderPage />,
+          },
           {
             path: "audit",
             element: <AuditPage />,