From 48eff771f6d0e758dc47b82adf777bfbea641f61 Mon Sep 17 00:00:00 2001
From: Jonas Pacheco <jonaspachecoometas@github.com>
Date: Mon, 30 Mar 2026 10:06:05 -0300
Subject: [PATCH] Integrar MiroFlow ao DevelopmentModule como card visual
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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 | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/DevelopmentModule.tsx b/client/src/pages/DevelopmentModule.tsx
index fae97be..04c5576 100644
--- a/client/src/pages/DevelopmentModule.tsx
+++ b/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}>