diff --git a/client/src/pages/DevelopmentModule.tsx b/client/src/pages/DevelopmentModule.tsx
index 36ef143..b3fc9fc 100644
--- a/client/src/pages/DevelopmentModule.tsx
+++ b/client/src/pages/DevelopmentModule.tsx
@@ -26,8 +26,9 @@ import WorkflowBuilder from "./WorkflowBuilder";
 import IDE from "./IDE";
 import DevAgent from "@/components/lowcode/DevAgent";
 import OpenClawPanel from "@/components/OpenClawPanel";
+import AutomationCenter from "./AutomationCenter";
 
-type ActiveTool = "home" | "doctypes" | "pages" | "workflows" | "dashboards" | "reports" | "scripts" | "ide" | "agent" | "openclaw";
+type ActiveTool = "home" | "doctypes" | "pages" | "workflows" | "dashboards" | "reports" | "scripts" | "ide" | "agent" | "openclaw" | "automationcenter";
 
 interface Dashboard {
   id: number;
@@ -269,6 +270,15 @@ export default function DevelopmentModule() {
       count: 0,
       category: "dev"
     },
+    {
+      id: "automationcenter" as ActiveTool,
+      name: "Automation Center",
+      description: "Automações unificadas Central + XOS",
+      icon: Workflow,
+      color: "bg-blue-600",
+      count: 0,
+      category: "dev"
+    },
   ];
 
   const [, navigate] = useLocation();
@@ -716,6 +726,7 @@ export default function DevelopmentModule() {
         {activeTool === "ide" && <IDE />}
         {activeTool === "agent" && <DevAgent />}
         {activeTool === "openclaw" && <OpenClawPanel />}
+        {activeTool === "automationcenter" && <AutomationCenter />}
       </div>
 
       <Dialog open={showNewDashboardDialog} onOpenChange={setShowNewDashboardDialog}>