Integrar MiroFlow ao DevelopmentModule como card visual

- Adicionar MiroFlow ao array de tools com ícone Brain
- Importar componente MiroFlowControl
- Adicionar tipo 'miroflow' ao ActiveTool union
- Renderizar MiroFlowControl quando activeTool === 'miroflow'
- MiroFlow agora visível no DevCenter como card científico

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

client/src/pages/DevelopmentModule.tsx

@@ -28,8 +28,9 @@ import DevAgent from "@/components/lowcode/DevAgent";
 import OpenClawPanel from "@/components/OpenClawPanel";
 import AutomationCenter from "./AutomationCenter";
 import DevCenter from "./DevCenter";
+import { MiroFlowControl } from "@/components/MiroFlowControl";
 
-type ActiveTool = "home" | "doctypes" | "pages" | "workflows" | "dashboards" | "reports" | "scripts" | "ide" | "agent" | "openclaw" | "automationcenter" | "designstudio";
+type ActiveTool = "home" | "doctypes" | "pages" | "workflows" | "dashboards" | "reports" | "scripts" | "ide" | "agent" | "openclaw" | "automationcenter" | "designstudio" | "miroflow";
 
 interface Dashboard {
   id: number;
@@ -289,6 +290,15 @@ export default function DevelopmentModule() {
       count: 0,
       category: "dev"
     },
+    {
+      id: "miroflow" as ActiveTool,
+      name: "MiroFlow",
+      description: "Análises científicas e estatísticas",
+      icon: Brain,
+      color: "bg-cyan-500",
+      count: 0,
+      category: "scientific"
+    },
   ];
 
   const [, navigate] = useLocation();
@@ -738,6 +748,7 @@ export default function DevelopmentModule() {
         {activeTool === "openclaw" && <OpenClawPanel />}
         {activeTool === "automationcenter" && <AutomationCenter />}
         {activeTool === "designstudio" && <DevCenter />}
+        {activeTool === "miroflow" && <MiroFlowControl />}
       </div>
 
       <Dialog open={showNewDashboardDialog} onOpenChange={setShowNewDashboardDialog}>