diff --git a/web/src/components/layout/AppNav.tsx b/web/src/components/layout/AppNav.tsx
index 00bffdba..3d57e5c9 100644
--- a/web/src/components/layout/AppNav.tsx
+++ b/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" },
],
diff --git a/web/src/main.tsx b/web/src/main.tsx
index 6d8d10f2..ceac9fec 100644
--- a/web/src/main.tsx
+++ b/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: ,
},
+ {
+ path: "automations",
+ element: ,
+ },
+ {
+ path: "automations/:id",
+ element: ,
+ },
{
path: "audit",
element: ,