@greatapps/greatagents-ui 0.3.11 → 0.3.13

package/dist/index.js

@@ -2497,16 +2497,6 @@ function AgentConversationsPanel({
   ) });
 }
 
-// src/pages/agent-capabilities-page.tsx
-import { useState as useState13, useCallback as useCallback6 } from "react";
-import {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-} from "@greatapps/greatauth-ui/ui";
-import { Blocks, Plug as Plug3, Settings as Settings3 } from "lucide-react";
-
 // src/components/capabilities/capabilities-tab.tsx
 import { useState as useState8, useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo5 } from "react";
 import {
@@ -2826,980 +2816,483 @@ function ModuleRow({
   ] });
 }
 
-// src/components/capabilities/integration-card.tsx
-import { Badge as Badge6, Button as Button8, Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2 } from "@greatapps/greatauth-ui/ui";
-import {
-  CalendarSync,
-  Plug,
-  Settings as Settings2,
-  RefreshCw,
-  Users as Users2,
-  Clock,
-  Plus as Plus2
-} from "lucide-react";
+// src/components/capabilities/integrations-tab.tsx
+import { useCallback as useCallback5 } from "react";
+import { Switch as Switch5, Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2 } from "@greatapps/greatauth-ui/ui";
+import { Plug, Loader2 as Loader25 } from "lucide-react";
+import { CalendarSync } from "lucide-react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var ICON_MAP = {
   CalendarSync,
-  Plug,
-  Settings: Settings2,
-  RefreshCw,
-  Users: Users2,
-  Clock,
-  Plus: Plus2
+  Plug
 };
 function resolveIcon(name) {
   return ICON_MAP[name] ?? Plug;
 }
-var STATE_BADGES = {
-  available: {
-    label: "Dispon\xEDvel",
-    className: "bg-muted text-muted-foreground"
-  },
-  connected: {
-    label: "Conectado",
-    className: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400"
-  },
-  expired: {
-    label: "Expirado",
-    className: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400"
-  },
-  coming_soon: {
-    label: "Em breve",
-    className: "bg-muted text-muted-foreground"
-  }
-};
-function getActionLabel(card) {
-  if (card.isAddNew) return "Conectar";
-  switch (card.state) {
-    case "available":
-      return "Conectar";
-    case "connected":
-      return "Configurar";
-    case "expired":
-      return "Reconectar";
-    default:
-      return "";
-  }
-}
-function IntegrationCard({ card, onConnect }) {
-  const { definition, state, sharedByAgentsCount, isAddNew, accountLabel } = card;
-  const Icon = resolveIcon(definition.icon);
-  const isComingSoon = state === "coming_soon";
-  const actionLabel = getActionLabel(card);
-  if (isAddNew) {
-    return /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        className: cn(
-          "group relative flex flex-col gap-3 rounded-xl border border-dashed bg-card/50 p-5 transition-shadow",
-          "hover:shadow-md hover:border-solid hover:bg-card cursor-pointer"
-        ),
-        role: "button",
-        tabIndex: 0,
-        "aria-label": `Adicionar conta ${definition.name}`,
-        onClick: () => onConnect(card),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onConnect(card);
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsx11("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/5 text-primary/60", children: /* @__PURE__ */ jsx11(Icon, { className: "h-5 w-5" }) }),
-            /* @__PURE__ */ jsx11(Badge6, { variant: "outline", className: "text-xs bg-muted text-muted-foreground", children: "Adicionar" })
-          ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold leading-tight text-muted-foreground", children: definition.name }),
-            /* @__PURE__ */ jsxs9("p", { className: "text-xs text-muted-foreground/70 leading-relaxed flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx11(Plus2, { className: "h-3 w-3" }),
-              "Adicionar conta"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx11("div", { className: "mt-auto flex items-center justify-end pt-1", children: /* @__PURE__ */ jsx11(
-            Button8,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "text-xs",
-              onClick: (e) => {
-                e.stopPropagation();
-                onConnect(card);
-              },
-              children: actionLabel
-            }
-          ) })
-        ]
-      }
-    );
-  }
-  const badge = STATE_BADGES[state];
-  return /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      className: cn(
-        "group relative flex flex-col gap-3 rounded-xl border bg-card p-5 transition-shadow",
-        isComingSoon ? "opacity-60 cursor-default" : "hover:shadow-md cursor-pointer"
-      ),
-      role: "button",
-      tabIndex: isComingSoon ? -1 : 0,
-      "aria-label": `${definition.name}${accountLabel ? ` \u2014 ${accountLabel}` : ""} \u2014 ${badge.label}`,
-      "aria-disabled": isComingSoon,
-      onClick: () => !isComingSoon && onConnect(card),
-      onKeyDown: (e) => {
-        if (!isComingSoon && (e.key === "Enter" || e.key === " ")) {
-          e.preventDefault();
-          onConnect(card);
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsx11("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx11(Icon, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx11(Badge6, { variant: "outline", className: cn("text-xs", badge.className), children: badge.label })
-        ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold leading-tight", children: definition.name }),
-          accountLabel ? /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground leading-relaxed truncate", title: accountLabel, children: accountLabel }) : /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground leading-relaxed", children: definition.description })
-        ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "mt-auto flex items-center justify-between gap-2 pt-1", children: [
-          sharedByAgentsCount > 0 ? /* @__PURE__ */ jsxs9(Tooltip2, { children: [
-            /* @__PURE__ */ jsx11(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
-              /* @__PURE__ */ jsx11(Users2, { className: "h-3.5 w-3.5" }),
-              "Compartilhada"
-            ] }) }),
-            /* @__PURE__ */ jsx11(TooltipContent2, { children: "Esta credencial est\xE1 dispon\xEDvel para todos os agentes da conta" })
-          ] }) : /* @__PURE__ */ jsx11("span", {}),
-          !isComingSoon && /* @__PURE__ */ jsx11(
-            Button8,
-            {
-              variant: state === "expired" ? "destructive" : "outline",
-              size: "sm",
-              className: "text-xs",
-              onClick: (e) => {
-                e.stopPropagation();
-                onConnect(card);
-              },
-              children: actionLabel
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/capabilities/integrations-tab.tsx
-import { Plug as Plug2, Loader2 as Loader25 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function getCardKey(card) {
-  if (card.credentialId) {
-    return `${card.definition.slug}-cred-${card.credentialId}`;
-  }
-  if (card.isAddNew) {
-    return `${card.definition.slug}-add-new`;
-  }
-  return card.definition.slug;
-}
 function IntegrationsTab({
   config,
-  agentId,
-  onConnect
+  agentId
 }) {
-  const { cards, isLoading } = useIntegrationState(config, agentId);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx12(Loader25, { className: "h-6 w-6 animate-spin text-muted-foreground" }) });
-  }
-  if (cards.length === 0) {
-    return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx12(Plug2, { className: "h-10 w-10" }),
-      /* @__PURE__ */ jsx12("p", { className: "text-sm", children: "Nenhuma integra\xE7\xE3o dispon\xEDvel" })
-    ] });
-  }
+  const { cards, isLoading } = useIntegrationState(config, null);
+  const { data: toolsData } = useTools(config);
+  const { data: agentToolsData, isLoading: agentToolsLoading } = useAgentTools(config, agentId);
+  const addAgentTool = useAddAgentTool(config);
+  const removeAgentTool = useRemoveAgentTool(config);
+  const tools = toolsData?.data ?? [];
+  const agentTools = agentToolsData?.data ?? [];
   const connectedCards = cards.filter(
     (c) => !c.isAddNew && (c.state === "connected" || c.state === "expired")
   );
-  const otherCards = cards.filter(
-    (c) => c.isAddNew || c.state === "coming_soon"
+  const handleToggle = useCallback5(
+    (credentialId, toolSlug, checked) => {
+      const tool = tools.find((t) => t.slug === toolSlug);
+      if (!tool) return;
+      if (checked) {
+        addAgentTool.mutate({
+          idAgent: agentId,
+          body: { id_tool: tool.id, enabled: true }
+        });
+      } else {
+        const agentTool = agentTools.find((at) => at.id_tool === tool.id);
+        if (agentTool) {
+          removeAgentTool.mutate({ idAgent: agentId, id: agentTool.id });
+        }
+      }
+    },
+    [tools, agentTools, agentId, addAgentTool, removeAgentTool]
   );
-  return /* @__PURE__ */ jsxs10("div", { className: "space-y-6", children: [
-    connectedCards.length > 0 && /* @__PURE__ */ jsxs10("div", { children: [
-      /* @__PURE__ */ jsx12("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Contas conectadas" }),
-      /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: connectedCards.map((card) => /* @__PURE__ */ jsx12(
-        IntegrationCard,
+  if (isLoading || agentToolsLoading) {
+    return /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx11(Loader25, { className: "h-6 w-6 animate-spin text-muted-foreground" }) });
+  }
+  if (connectedCards.length === 0) {
+    return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx11(Plug, { className: "h-10 w-10" }),
+      /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium", children: "Nenhuma integra\xE7\xE3o conectada" }),
+      /* @__PURE__ */ jsx11("p", { className: "text-xs text-center max-w-sm", children: "Conecte integra\xE7\xF5es na p\xE1gina de Integra\xE7\xF5es da conta para que possam ser ativadas neste agente." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: "Ative ou desative as integra\xE7\xF5es conectadas na conta para este agente." }),
+    /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: connectedCards.map((card) => {
+      const Icon = resolveIcon(card.definition.icon);
+      const tool = tools.find((t) => t.slug === card.definition.slug);
+      const isLinked = tool ? agentTools.some((at) => at.id_tool === tool.id) : false;
+      const isMutating = addAgentTool.isPending || removeAgentTool.isPending;
+      return /* @__PURE__ */ jsxs9(
+        "div",
         {
-          card,
-          onConnect
+          className: cn(
+            "flex items-center gap-3 rounded-xl border bg-card p-4 transition-shadow",
+            isLinked ? "border-primary/30 shadow-sm" : "opacity-75"
+          ),
+          children: [
+            /* @__PURE__ */ jsx11("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx11(Icon, { className: "h-4.5 w-4.5" }) }),
+            /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx11("h4", { className: "text-sm font-medium leading-tight truncate", children: card.definition.name }),
+              card.accountLabel && /* @__PURE__ */ jsxs9(Tooltip2, { children: [
+                /* @__PURE__ */ jsx11(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground truncate", title: card.accountLabel, children: card.accountLabel }) }),
+                /* @__PURE__ */ jsx11(TooltipContent2, { children: card.accountLabel })
+              ] }),
+              card.state === "expired" && /* @__PURE__ */ jsx11("p", { className: "text-xs text-amber-600 dark:text-amber-400", children: "Expirado" })
+            ] }),
+            /* @__PURE__ */ jsx11(
+              Switch5,
+              {
+                checked: isLinked,
+                disabled: isMutating,
+                onCheckedChange: (checked) => card.credentialId && handleToggle(card.credentialId, card.definition.slug, checked),
+                "aria-label": `${isLinked ? "Desativar" : "Ativar"} ${card.definition.name} para este agente`
+              }
+            )
+          ]
         },
-        getCardKey(card)
-      )) })
+        `${card.definition.slug}-cred-${card.credentialId}`
+      );
+    }) })
+  ] });
+}
+
+// src/components/agents/agent-tabs.tsx
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+} from "@greatapps/greatauth-ui/ui";
+import { Target as Target2, FileText as FileText2, MessageCircle as MessageCircle2, Blocks, Plug as Plug2 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function AgentTabs({
+  agent,
+  config,
+  renderChatLink
+}) {
+  return /* @__PURE__ */ jsxs10(Tabs, { defaultValue: "prompt", children: [
+    /* @__PURE__ */ jsxs10(TabsList, { children: [
+      /* @__PURE__ */ jsxs10(TabsTrigger, { value: "prompt", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx12(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+        "Prompt"
+      ] }),
+      /* @__PURE__ */ jsxs10(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx12(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+        "Objetivos"
+      ] }),
+      /* @__PURE__ */ jsxs10(TabsTrigger, { value: "capacidades", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx12(Blocks, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+        "Capacidades"
+      ] }),
+      /* @__PURE__ */ jsxs10(TabsTrigger, { value: "integracoes", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx12(Plug2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+        "Integra\xE7\xF5es"
+      ] }),
+      /* @__PURE__ */ jsxs10(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx12(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+        "Conversas"
+      ] })
     ] }),
-    otherCards.length > 0 && /* @__PURE__ */ jsxs10("div", { children: [
-      connectedCards.length > 0 && /* @__PURE__ */ jsx12("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Adicionar integra\xE7\xE3o" }),
-      /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: otherCards.map((card) => /* @__PURE__ */ jsx12(
-        IntegrationCard,
-        {
-          card,
-          onConnect
-        },
-        getCardKey(card)
-      )) })
-    ] })
+    /* @__PURE__ */ jsx12(TabsContent, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx12(AgentPromptEditor, { agent, config }) }),
+    /* @__PURE__ */ jsx12(TabsContent, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx12(AgentObjectivesList, { agent, config }) }),
+    /* @__PURE__ */ jsx12(TabsContent, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx12(CapabilitiesTab, { config, agentId: agent.id }) }),
+    /* @__PURE__ */ jsx12(TabsContent, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx12(IntegrationsTab, { config, agentId: agent.id }) }),
+    /* @__PURE__ */ jsx12(TabsContent, { value: "conversas", className: "mt-4", children: /* @__PURE__ */ jsx12(
+      AgentConversationsPanel,
+      {
+        agent,
+        config,
+        renderChatLink
+      }
+    ) })
   ] });
 }
 
-// src/components/capabilities/integration-wizard.tsx
-import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useState as useState9 } from "react";
+// src/components/agents/agent-tools-list.tsx
+import { useState as useState9 } from "react";
 import {
+  Switch as Switch6,
+  Badge as Badge6,
+  Button as Button8,
+  Skeleton as Skeleton6,
+  AlertDialog as AlertDialog3,
+  AlertDialogAction as AlertDialogAction3,
+  AlertDialogCancel as AlertDialogCancel3,
+  AlertDialogContent as AlertDialogContent3,
+  AlertDialogDescription as AlertDialogDescription3,
+  AlertDialogFooter as AlertDialogFooter3,
+  AlertDialogHeader as AlertDialogHeader3,
+  AlertDialogTitle as AlertDialogTitle3,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Input as Input6,
+  Textarea as Textarea2,
   Dialog as Dialog4,
   DialogContent as DialogContent4,
-  DialogFooter as DialogFooter4,
   DialogHeader as DialogHeader4,
   DialogTitle as DialogTitle4,
-  Button as Button10
+  DialogFooter as DialogFooter4,
+  Label as Label4,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
 } from "@greatapps/greatauth-ui/ui";
-import { Loader2 as Loader28, ChevronLeft, ChevronRight, Check as Check2 } from "lucide-react";
+import {
+  Trash2 as Trash23,
+  Plus as Plus2,
+  Wrench,
+  Settings2
+} from "lucide-react";
 import { toast as toast7 } from "sonner";
-
-// src/components/capabilities/wizard-steps/info-step.tsx
-import { Check, Info } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function InfoStep({ integration, meta }) {
-  return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-4", children: [
-      meta.icon && /* @__PURE__ */ jsx13("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-muted", children: meta.icon }),
-      /* @__PURE__ */ jsxs11("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx13("h3", { className: "text-lg font-semibold", children: integration.name }),
-        /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: integration.description })
-      ] })
-    ] }),
-    meta.capabilities.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx13("h4", { className: "text-sm font-medium", children: "O que esta integra\xE7\xE3o permite:" }),
-      /* @__PURE__ */ jsx13("ul", { className: "space-y-2", children: meta.capabilities.map((cap, i) => /* @__PURE__ */ jsxs11("li", { className: "flex items-start gap-2 text-sm", children: [
-        /* @__PURE__ */ jsx13(
-          Check,
-          {
-            "aria-hidden": "true",
-            className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
-          }
-        ),
-        /* @__PURE__ */ jsxs11("div", { children: [
-          /* @__PURE__ */ jsx13("span", { className: "font-medium", children: cap.label }),
-          cap.description && /* @__PURE__ */ jsxs11("span", { className: "text-muted-foreground", children: [
-            " ",
-            "\u2014 ",
-            cap.description
-          ] })
-        ] })
-      ] }, i)) })
-    ] }),
-    meta.requirements.length > 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx13("h4", { className: "text-sm font-medium", children: "Requisitos:" }),
-      /* @__PURE__ */ jsx13("ul", { className: "space-y-2", children: meta.requirements.map((req, i) => /* @__PURE__ */ jsxs11(
-        "li",
-        {
-          className: "flex items-start gap-2 text-sm text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsx13(
-              Info,
-              {
-                "aria-hidden": "true",
-                className: "mt-0.5 h-4 w-4 shrink-0 text-blue-500"
-              }
-            ),
-            /* @__PURE__ */ jsx13("span", { children: req })
-          ]
-        },
-        i
-      )) })
-    ] })
-  ] });
-}
-
-// src/components/capabilities/wizard-steps/credentials-step.tsx
-import { CheckCircle2, Loader2 as Loader26, AlertCircle, Shield } from "lucide-react";
-import { Button as Button9, Input as Input6, Label as Label4 } from "@greatapps/greatauth-ui/ui";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function CredentialsStep({
-  integration,
-  meta,
-  oauthStatus,
-  oauthResult,
-  apiKey,
-  onApiKeyChange,
-  onStartOAuth,
-  isReconnect = false
-}) {
-  if (integration.authType === "oauth2") {
-    return /* @__PURE__ */ jsx14(
-      OAuthCredentials,
-      {
-        integration,
-        meta,
-        oauthStatus,
-        oauthResult,
-        onStartOAuth,
-        isReconnect
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx14(ApiKeyCredentials, { apiKey, onApiKeyChange });
-}
-function OAuthCredentials({
-  integration,
-  meta,
-  oauthStatus,
-  oauthResult,
-  onStartOAuth,
-  isReconnect
-}) {
-  const providerLabel = meta.providerLabel || integration.name;
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold", children: "Autentica\xE7\xE3o" }),
-      /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: isReconnect ? `Reconecte sua conta ${providerLabel} para renovar a autoriza\xE7\xE3o.` : `Conecte sua conta ${providerLabel} para permitir o acesso.` })
-    ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-4 rounded-lg border p-6", children: [
-      oauthStatus === "idle" && /* @__PURE__ */ jsxs12(
-        Button9,
-        {
-          onClick: onStartOAuth,
-          size: "lg",
-          className: "gap-2",
-          children: [
-            meta.icon,
-            isReconnect ? `Reconectar com ${providerLabel}` : `Conectar com ${providerLabel}`
-          ]
-        }
-      ),
-      oauthStatus === "waiting" && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx14(
-          Loader26,
-          {
-            "aria-hidden": "true",
-            className: "h-8 w-8 animate-spin text-muted-foreground"
-          }
-        ),
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium", children: "Aguardando autoriza\xE7\xE3o..." }),
-          /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "Complete o login na janela que foi aberta." })
-        ] })
-      ] }),
-      oauthStatus === "success" && oauthResult && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx14(
-          CheckCircle2,
-          {
-            "aria-hidden": "true",
-            className: "h-8 w-8 text-green-600"
-          }
-        ),
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-green-700", children: "Conectado com sucesso!" }),
-          oauthResult.email && /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: oauthResult.email })
-        ] })
-      ] }),
-      oauthStatus === "error" && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ jsx14(
-          AlertCircle,
-          {
-            "aria-hidden": "true",
-            className: "h-8 w-8 text-destructive"
-          }
-        ),
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("p", { className: "text-sm font-medium text-destructive", children: "Falha na conex\xE3o" }),
-          oauthResult?.error && /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: oauthResult.error })
-        ] }),
-        /* @__PURE__ */ jsx14(Button9, { variant: "outline", onClick: onStartOAuth, size: "sm", children: "Tentar novamente" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2 rounded-md bg-muted/50 p-3", children: [
-      /* @__PURE__ */ jsx14(
-        Shield,
-        {
-          "aria-hidden": "true",
-          className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
-        }
-      ),
-      /* @__PURE__ */ jsxs12("p", { className: "text-xs text-muted-foreground", children: [
-        "Seus dados est\xE3o seguros. Usamos OAuth 2.0 para autentica\xE7\xE3o \u2014 nunca armazenamos sua senha. Voc\xEA pode revogar o acesso a qualquer momento nas configura\xE7\xF5es da sua conta ",
-        providerLabel,
-        "."
-      ] })
-    ] })
-  ] });
-}
-function ApiKeyCredentials({
-  apiKey,
-  onApiKeyChange
-}) {
-  return /* @__PURE__ */ jsxs12("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold", children: "Autentica\xE7\xE3o" }),
-      /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: "Insira a chave de API para conectar a integra\xE7\xE3o." })
-    ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx14(Label4, { htmlFor: "integration-api-key", children: "Chave de API" }),
-      /* @__PURE__ */ jsx14(
-        Input6,
-        {
-          id: "integration-api-key",
-          type: "password",
-          autoComplete: "off",
-          placeholder: "Insira sua chave de API...",
-          value: apiKey,
-          onChange: (e) => onApiKeyChange(e.target.value)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2 rounded-md bg-muted/50 p-3", children: [
-      /* @__PURE__ */ jsx14(
-        Shield,
-        {
-          "aria-hidden": "true",
-          className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
-        }
-      ),
-      /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "Sua chave de API \xE9 armazenada de forma segura e encriptada. Nunca \xE9 exposta no frontend." })
-    ] })
-  ] });
-}
-
-// src/components/capabilities/wizard-steps/config-step.tsx
-import { Loader2 as Loader27 } from "lucide-react";
-import {
-  Label as Label5,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@greatapps/greatauth-ui/ui";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-function ConfigStep({
-  integration,
-  options,
-  isLoading,
-  selectedValue,
-  onValueChange,
-  selectLabel,
-  selectPlaceholder
-}) {
-  const label = selectLabel || getDefaultLabel(integration.slug);
-  const placeholder = selectPlaceholder || getDefaultPlaceholder(integration.slug);
-  return /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx15("h3", { className: "text-lg font-semibold", children: "Configura\xE7\xE3o" }),
-      /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Configure as op\xE7\xF5es espec\xEDficas da integra\xE7\xE3o." })
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-center gap-3 py-8", children: [
-      /* @__PURE__ */ jsx15(
-        Loader27,
-        {
-          "aria-hidden": "true",
-          className: "h-6 w-6 animate-spin text-muted-foreground"
-        }
-      ),
-      /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Carregando op\xE7\xF5es..." })
-    ] }) : options.length === 0 ? /* @__PURE__ */ jsx15("div", { className: "rounded-lg border border-dashed p-6 text-center", children: /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Nenhuma op\xE7\xE3o dispon\xEDvel. A configura\xE7\xE3o padr\xE3o ser\xE1 usada." }) }) : /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx15(Label5, { htmlFor: "integration-config-select", children: label }),
-      /* @__PURE__ */ jsxs13(Select, { value: selectedValue, onValueChange, children: [
-        /* @__PURE__ */ jsx15(SelectTrigger, { id: "integration-config-select", children: /* @__PURE__ */ jsx15(SelectValue, { placeholder }) }),
-        /* @__PURE__ */ jsx15(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsxs13(SelectItem, { value: opt.id, children: [
-          /* @__PURE__ */ jsx15("span", { children: opt.label }),
-          opt.description && /* @__PURE__ */ jsxs13("span", { className: "ml-2 text-xs text-muted-foreground", children: [
-            "(",
-            opt.description,
-            ")"
-          ] })
-        ] }, opt.id)) })
-      ] })
-    ] })
-  ] });
-}
-function getDefaultLabel(slug) {
-  switch (slug) {
-    case "google_calendar":
-      return "Calend\xE1rio";
-    default:
-      return "Op\xE7\xE3o";
-  }
-}
-function getDefaultPlaceholder(slug) {
-  switch (slug) {
-    case "google_calendar":
-      return "Selecione o calend\xE1rio...";
-    default:
-      return "Selecione uma op\xE7\xE3o...";
-  }
-}
-
-// src/components/capabilities/wizard-steps/confirm-step.tsx
-import { CheckCircle2 as CheckCircle22 } from "lucide-react";
-import { Label as Label6 } from "@greatapps/greatauth-ui/ui";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function ConfirmStep({
-  integration,
-  oauthResult,
-  selectedConfigOption,
-  enableOnComplete,
-  onEnableChange
-}) {
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold", children: "Confirma\xE7\xE3o" }),
-      /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground", children: "Revise as configura\xE7\xF5es antes de concluir." })
-    ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "space-y-3 rounded-lg border p-4", children: [
-      /* @__PURE__ */ jsx16(SummaryRow, { label: "Integra\xE7\xE3o", value: integration.name }),
-      oauthResult?.email && /* @__PURE__ */ jsx16(SummaryRow, { label: "Conta conectada", value: oauthResult.email }),
-      selectedConfigOption && /* @__PURE__ */ jsx16(
-        SummaryRow,
-        {
-          label: getConfigLabel(integration.slug),
-          value: selectedConfigOption.label
-        }
-      ),
-      /* @__PURE__ */ jsx16(
-        SummaryRow,
-        {
-          label: "Tipo de autentica\xE7\xE3o",
-          value: integration.authType === "oauth2" ? "OAuth 2.0" : "API Key"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-0.5", children: [
-        /* @__PURE__ */ jsx16(Label6, { htmlFor: "enable-on-complete", className: "text-sm font-medium", children: "Ativar imediatamente" }),
-        /* @__PURE__ */ jsx16("p", { className: "text-xs text-muted-foreground", children: "A integra\xE7\xE3o ficar\xE1 ativa assim que concluir o assistente." })
-      ] }),
-      /* @__PURE__ */ jsx16(
-        "button",
-        {
-          id: "enable-on-complete",
-          role: "switch",
-          type: "button",
-          "aria-checked": enableOnComplete,
-          onClick: () => onEnableChange(!enableOnComplete),
-          className: `
-            relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent
-            transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-2
-            focus-visible:ring-ring focus-visible:ring-offset-2
-            ${enableOnComplete ? "bg-primary" : "bg-muted"}
-          `,
-          children: /* @__PURE__ */ jsx16(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `
-              pointer-events-none inline-block h-5 w-5 transform rounded-full bg-background shadow-lg
-              ring-0 transition duration-200 ease-in-out
-              ${enableOnComplete ? "translate-x-5" : "translate-x-0"}
-            `
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 rounded-md bg-green-50 p-3 dark:bg-green-950/20", children: [
-      /* @__PURE__ */ jsx16(
-        CheckCircle22,
-        {
-          "aria-hidden": "true",
-          className: "h-4 w-4 shrink-0 text-green-600"
-        }
-      ),
-      /* @__PURE__ */ jsx16("p", { className: "text-xs text-green-700 dark:text-green-400", children: 'Tudo pronto! Clique em "Concluir" para finalizar a configura\xE7\xE3o.' })
-    ] })
-  ] });
-}
-function SummaryRow({ label, value }) {
-  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between text-sm", children: [
-    /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx16("span", { className: "font-medium", children: value })
-  ] });
-}
-function getConfigLabel(slug) {
-  switch (slug) {
-    case "google_calendar":
-      return "Calend\xE1rio";
-    default:
-      return "Configura\xE7\xE3o";
-  }
-}
-
-// src/components/capabilities/integration-wizard.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var STEPS = ["info", "credentials", "config", "confirm"];
-var STEP_LABELS = {
-  info: "Informa\xE7\xE3o",
-  credentials: "Credenciais",
-  config: "Configura\xE7\xE3o",
-  confirm: "Confirma\xE7\xE3o"
-};
-function IntegrationWizard({
-  open,
-  onOpenChange,
-  integration,
-  meta,
-  agentId: _agentId,
-  config,
-  onComplete,
-  gagentsApiUrl,
-  existingCredentialId,
-  loadConfigOptions,
-  existingConfigValue
-}) {
-  const isReconnect = !!existingCredentialId;
-  const [currentStep, setCurrentStep] = useState9("info");
-  const currentIndex = STEPS.indexOf(currentStep);
-  const [oauthStatus, setOauthStatus] = useState9("idle");
-  const [oauthResult, setOauthResult] = useState9(null);
-  const popupRef = useRef2(null);
-  const popupPollRef = useRef2(null);
-  const [apiKey, setApiKey] = useState9("");
-  const [configOptions, setConfigOptions] = useState9([]);
-  const [configLoading, setConfigLoading] = useState9(false);
-  const [selectedConfigValue, setSelectedConfigValue] = useState9("");
-  const [enableOnComplete, setEnableOnComplete] = useState9(true);
-  const [isSubmitting, setIsSubmitting] = useState9(false);
-  useEffect5(() => {
-    return () => {
-      if (popupPollRef.current) {
-        clearInterval(popupPollRef.current);
-      }
-    };
-  }, []);
-  useEffect5(() => {
-    if (open) {
-      setCurrentStep("info");
-      setOauthStatus("idle");
-      setOauthResult(null);
-      setApiKey("");
-      setConfigOptions([]);
-      setConfigLoading(false);
-      setSelectedConfigValue(existingConfigValue ?? "");
-      setEnableOnComplete(true);
-      setIsSubmitting(false);
-    } else {
-      if (popupRef.current && !popupRef.current.closed) {
-        popupRef.current.close();
-      }
-      if (popupPollRef.current) {
-        clearInterval(popupPollRef.current);
-        popupPollRef.current = null;
-      }
-    }
-  }, [open]);
-  const handleOAuthMessage = useCallback5(
-    (event) => {
-      try {
-        if (event.origin !== new URL(gagentsApiUrl).origin) return;
-      } catch {
-        return;
-      }
-      if (!event.data || typeof event.data !== "object") return;
-      const msg = event.data;
-      if (msg.type !== "oauth-callback") return;
-      if (msg.success) {
-        setOauthStatus("success");
-        setOauthResult({
-          success: true,
-          email: msg.email,
-          credentialId: msg.credentialId
-        });
-        const credId = msg.credentialId || existingCredentialId;
-        if (credId && loadConfigOptions && meta.hasConfigStep) {
-          setConfigLoading(true);
-          loadConfigOptions(credId).then((opts) => {
-            setConfigOptions(opts);
-            if (opts.length === 1) {
-              setSelectedConfigValue(opts[0].id);
-            }
-          }).catch(() => setConfigOptions([])).finally(() => setConfigLoading(false));
-        }
-        setTimeout(() => {
-          setCurrentStep(meta.hasConfigStep ? "config" : "confirm");
-        }, 1200);
-      } else {
-        setOauthStatus("error");
-        setOauthResult({
-          success: false,
-          error: msg.error || "Falha na autoriza\xE7\xE3o"
-        });
-      }
-    },
-    [gagentsApiUrl, existingCredentialId, meta.hasConfigStep, loadConfigOptions]
+function AgentToolsList({ agent, config }) {
+  const { data: agentToolsData, isLoading } = useAgentTools(config, agent.id);
+  const { data: allToolsData } = useTools(config);
+  const addMutation = useAddAgentTool(config);
+  const removeMutation = useRemoveAgentTool(config);
+  const updateMutation = useUpdateAgentTool(config);
+  const [removeTarget, setRemoveTarget] = useState9(null);
+  const [addOpen, setAddOpen] = useState9(false);
+  const [search, setSearch] = useState9("");
+  const [configTarget, setConfigTarget] = useState9(null);
+  const [configInstructions, setConfigInstructions] = useState9("");
+  const [configCredentialId, setConfigCredentialId] = useState9("");
+  const { data: credentialsData } = useToolCredentials(config);
+  const allCredentials = credentialsData?.data || [];
+  const agentTools = agentToolsData?.data || [];
+  const allTools = (allToolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
+  const assignedToolIds = new Set(agentTools.map((at) => at.id_tool));
+  const visibleAgentTools = agentTools.filter((at) => {
+    const tool = allTools.find((t) => t.id === at.id_tool);
+    return !tool || !tool.slug?.startsWith("gclinic_");
+  });
+  const availableTools = allTools.filter((t) => !assignedToolIds.has(t.id));
+  const filteredAvailable = availableTools.filter(
+    (t) => t.name.toLowerCase().includes(search.toLowerCase())
   );
-  useEffect5(() => {
-    if (!open) return;
-    window.addEventListener("message", handleOAuthMessage);
-    return () => window.removeEventListener("message", handleOAuthMessage);
-  }, [open, handleOAuthMessage]);
-  async function startOAuth() {
-    const { language = "pt-br", idWl = 1, accountId, token } = config;
-    setOauthStatus("waiting");
+  function getToolInfo(idTool) {
+    return allTools.find((t) => t.id === idTool);
+  }
+  async function handleToggleEnabled(agentTool, checked) {
     try {
-      let authorizeUrl = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${accountId}/oauth/authorize/${integration.slug}`;
-      if (existingCredentialId) {
-        authorizeUrl += `?credential_id=${existingCredentialId}`;
-      }
-      const response = await fetch(authorizeUrl, {
-        headers: { Authorization: `Bearer ${token}` }
+      await updateMutation.mutateAsync({
+        idAgent: agent.id,
+        id: agentTool.id,
+        body: { enabled: checked }
       });
-      const result = await response.json();
-      if (result.status !== 1 || !result.data?.auth_url) {
-        setOauthStatus("error");
-        setOauthResult({
-          success: false,
-          error: result.message || "Erro ao obter URL de autoriza\xE7\xE3o"
-        });
-        return;
-      }
-      const popup = window.open(
-        result.data.auth_url,
-        "oauth-popup",
-        "width=500,height=600,scrollbars=yes,resizable=yes"
-      );
-      popupRef.current = popup;
-      if (popup) {
-        if (popupPollRef.current) {
-          clearInterval(popupPollRef.current);
-        }
-        popupPollRef.current = setInterval(() => {
-          if (popup.closed) {
-            if (popupPollRef.current) {
-              clearInterval(popupPollRef.current);
-              popupPollRef.current = null;
-            }
-            setOauthStatus(
-              (prev) => prev === "waiting" ? "error" : prev
-            );
-            setOauthResult(
-              (prev) => prev === null ? { success: false, error: "Janela fechada antes de concluir" } : prev
-            );
-          }
-        }, 500);
-      }
+      toast7.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
     } catch (err) {
-      setOauthStatus("error");
-      setOauthResult({
-        success: false,
-        error: "Erro de rede ao obter URL de autoriza\xE7\xE3o"
-      });
-    }
-  }
-  function canAdvance() {
-    switch (currentStep) {
-      case "info":
-        return true;
-      case "credentials":
-        if (integration.authType === "oauth2") {
-          return oauthStatus === "success";
-        }
-        return apiKey.trim().length > 0;
-      case "config":
-        return true;
-      case "confirm":
-        return true;
-      default:
-        return false;
-    }
-  }
-  function goNext() {
-    if (!canAdvance()) return;
-    if (currentStep === "credentials" && !meta.hasConfigStep) {
-      setCurrentStep("confirm");
-      return;
-    }
-    const nextIndex = currentIndex + 1;
-    if (nextIndex < STEPS.length) {
-      setCurrentStep(STEPS[nextIndex]);
+      toast7.error(
+        err instanceof Error ? err.message : "Erro ao alterar estado da ferramenta"
+      );
     }
   }
-  function goPrev() {
-    if (currentStep === "confirm" && !meta.hasConfigStep) {
-      setCurrentStep("credentials");
-      return;
-    }
-    const prevIndex = currentIndex - 1;
-    if (prevIndex >= 0) {
-      setCurrentStep(STEPS[prevIndex]);
+  async function handleAdd(tool) {
+    try {
+      await addMutation.mutateAsync({
+        idAgent: agent.id,
+        body: { id_tool: tool.id }
+      });
+      toast7.success("Ferramenta adicionada");
+      setAddOpen(false);
+      setSearch("");
+    } catch (err) {
+      toast7.error(
+        err instanceof Error ? err.message : "Erro ao adicionar ferramenta"
+      );
     }
   }
-  async function handleComplete() {
-    setIsSubmitting(true);
+  async function handleRemove() {
+    if (!removeTarget) return;
     try {
-      onComplete();
-      onOpenChange(false);
-      toast7.success(
-        `${integration.name} ${isReconnect ? "reconectado" : "configurado"} com sucesso!`
+      await removeMutation.mutateAsync({
+        idAgent: agent.id,
+        id: removeTarget.id
+      });
+      toast7.success("Ferramenta removida");
+    } catch (err) {
+      toast7.error(
+        err instanceof Error ? err.message : "Erro ao remover ferramenta"
       );
-    } catch {
-      toast7.error("Erro ao finalizar configura\xE7\xE3o");
     } finally {
-      setIsSubmitting(false);
+      setRemoveTarget(null);
     }
   }
-  const selectedConfigOption = configOptions.find((o) => o.id === selectedConfigValue) || null;
-  const isLastStep = currentStep === "confirm";
-  const effectiveSteps = meta.hasConfigStep ? STEPS : STEPS.filter((s) => s !== "config");
-  return /* @__PURE__ */ jsx17(Dialog4, { open, onOpenChange, children: /* @__PURE__ */ jsxs15(DialogContent4, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx17(DialogHeader4, { children: /* @__PURE__ */ jsx17(DialogTitle4, { children: integration.name }) }),
-    /* @__PURE__ */ jsx17(StepIndicator, { steps: effectiveSteps, currentStep }),
-    /* @__PURE__ */ jsxs15("div", { className: "min-h-[280px] py-2", children: [
-      currentStep === "info" && /* @__PURE__ */ jsx17(
-        InfoStep,
-        {
-          integration,
-          meta
-        }
-      ),
-      currentStep === "credentials" && /* @__PURE__ */ jsx17(
-        CredentialsStep,
-        {
-          integration,
-          meta,
-          oauthStatus,
-          oauthResult,
-          apiKey,
-          onApiKeyChange: setApiKey,
-          onStartOAuth: startOAuth,
-          isReconnect
-        }
-      ),
-      currentStep === "config" && /* @__PURE__ */ jsx17(
-        ConfigStep,
-        {
-          integration,
-          options: configOptions,
-          isLoading: configLoading,
-          selectedValue: selectedConfigValue,
-          onValueChange: setSelectedConfigValue
-        }
-      ),
-      currentStep === "confirm" && /* @__PURE__ */ jsx17(
-        ConfirmStep,
-        {
-          integration,
-          oauthResult,
-          selectedConfigOption,
-          enableOnComplete,
-          onEnableChange: setEnableOnComplete
+  function openConfig(agentTool) {
+    setConfigTarget(agentTool);
+    setConfigInstructions(agentTool.custom_instructions || "");
+    setConfigCredentialId(agentTool.id_tool_credential ? String(agentTool.id_tool_credential) : "");
+  }
+  async function handleSaveConfig() {
+    if (!configTarget) return;
+    try {
+      const newCredentialId = configCredentialId ? parseInt(configCredentialId, 10) : null;
+      await updateMutation.mutateAsync({
+        idAgent: agent.id,
+        id: configTarget.id,
+        body: {
+          custom_instructions: configInstructions.trim() || null,
+          id_tool_credential: newCredentialId
         }
-      )
+      });
+      toast7.success("Configura\xE7\xE3o atualizada");
+      setConfigTarget(null);
+    } catch (err) {
+      toast7.error(
+        err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
+      );
+    }
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx13("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx13(Skeleton6, { className: "h-14 w-full" }, i)) });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs11("h3", { className: "text-sm font-medium text-muted-foreground", children: [
+        visibleAgentTools.length,
+        " ferramenta",
+        visibleAgentTools.length !== 1 ? "s" : "",
+        " associada",
+        visibleAgentTools.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs11(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
+        /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(Button8, { size: "sm", disabled: availableTools.length === 0, children: [
+          /* @__PURE__ */ jsx13(Plus2, { className: "mr-2 h-4 w-4" }),
+          "Adicionar Ferramenta"
+        ] }) }),
+        /* @__PURE__ */ jsxs11(PopoverContent, { className: "w-72 p-0", align: "end", children: [
+          /* @__PURE__ */ jsx13("div", { className: "p-2", children: /* @__PURE__ */ jsx13(
+            Input6,
+            {
+              placeholder: "Buscar ferramenta\\u2026",
+              "aria-label": "Buscar ferramenta",
+              name: "search",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              className: "h-8"
+            }
+          ) }),
+          /* @__PURE__ */ jsx13("div", { className: "max-h-48 overflow-y-auto", children: filteredAvailable.length === 0 ? /* @__PURE__ */ jsx13("p", { className: "p-3 text-center text-sm text-muted-foreground", children: "Nenhuma ferramenta dispon\xEDvel" }) : filteredAvailable.map((tool) => /* @__PURE__ */ jsxs11(
+            "button",
+            {
+              type: "button",
+              className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-accent",
+              onClick: () => handleAdd(tool),
+              disabled: addMutation.isPending,
+              children: [
+                /* @__PURE__ */ jsx13(Wrench, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx13("span", { className: "flex-1 font-medium", children: tool.name }),
+                /* @__PURE__ */ jsx13(Badge6, { variant: "secondary", className: "text-xs", children: tool.type })
+              ]
+            },
+            tool.id
+          )) })
+        ] })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxs15(DialogFooter4, { className: "flex-row justify-between sm:justify-between", children: [
-      /* @__PURE__ */ jsx17("div", { children: currentStep === "info" ? /* @__PURE__ */ jsx17(
-        Button10,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: () => onOpenChange(false),
-          children: "Cancelar"
-        }
-      ) : /* @__PURE__ */ jsxs15(
-        Button10,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: goPrev,
-          className: "gap-1",
-          children: [
-            /* @__PURE__ */ jsx17(ChevronLeft, { "aria-hidden": "true", className: "h-4 w-4" }),
-            "Voltar"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx17("div", { children: isLastStep ? /* @__PURE__ */ jsxs15(
-        Button10,
+    visibleAgentTools.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+      /* @__PURE__ */ jsx13(Wrench, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ferramenta associada. Clique em 'Adicionar Ferramenta' para come\xE7ar." })
+    ] }) : /* @__PURE__ */ jsx13("div", { className: "space-y-2", children: visibleAgentTools.map((agentTool) => {
+      const tool = getToolInfo(agentTool.id_tool);
+      return /* @__PURE__ */ jsxs11(
+        "div",
         {
-          type: "button",
-          onClick: handleComplete,
-          disabled: isSubmitting,
-          className: "gap-1",
+          className: "flex items-center gap-3 rounded-lg border bg-card p-3",
           children: [
-            isSubmitting ? /* @__PURE__ */ jsx17(
-              Loader28,
+            /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx13("span", { className: "truncate font-medium", children: tool?.name || `Ferramenta #${agentTool.id_tool}` }),
+                tool?.type && /* @__PURE__ */ jsx13(Badge6, { variant: "secondary", className: "shrink-0 text-xs", children: tool.type })
+              ] }),
+              agentTool.custom_instructions && /* @__PURE__ */ jsx13("p", { className: "truncate text-xs text-muted-foreground", children: agentTool.custom_instructions })
+            ] }),
+            /* @__PURE__ */ jsx13(
+              Switch6,
               {
-                "aria-hidden": "true",
-                className: "h-4 w-4 animate-spin"
+                "aria-label": "Ativar/Desativar",
+                checked: agentTool.enabled,
+                onCheckedChange: (checked) => handleToggleEnabled(agentTool, checked),
+                disabled: updateMutation.isPending
               }
-            ) : /* @__PURE__ */ jsx17(Check2, { "aria-hidden": "true", className: "h-4 w-4" }),
-            "Concluir"
-          ]
-        }
-      ) : /* @__PURE__ */ jsxs15(
-        Button10,
-        {
-          type: "button",
-          onClick: goNext,
-          disabled: !canAdvance(),
-          className: "gap-1",
-          children: [
-            "Continuar",
-            /* @__PURE__ */ jsx17(ChevronRight, { "aria-hidden": "true", className: "h-4 w-4" })
+            ),
+            /* @__PURE__ */ jsx13(
+              Button8,
+              {
+                variant: "ghost",
+                size: "icon",
+                "aria-label": "Configurar",
+                className: "shrink-0 text-muted-foreground hover:text-foreground",
+                onClick: () => openConfig(agentTool),
+                title: "Configurar instru\xE7\xF5es",
+                children: /* @__PURE__ */ jsx13(Settings2, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              Button8,
+              {
+                variant: "ghost",
+                size: "icon",
+                "aria-label": "Remover",
+                className: "shrink-0 text-muted-foreground hover:text-destructive",
+                onClick: () => setRemoveTarget(agentTool),
+                children: /* @__PURE__ */ jsx13(Trash23, { className: "h-4 w-4" })
+              }
+            )
           ]
-        }
-      ) })
-    ] })
-  ] }) });
-}
-function StepIndicator({
-  steps,
-  currentStep
-}) {
-  const currentIndex = steps.indexOf(currentStep);
-  return /* @__PURE__ */ jsx17(
-    "div",
-    {
-      className: "flex items-center justify-center gap-1 py-2",
-      role: "list",
-      "aria-label": "Passos do assistente",
-      children: steps.map((step, i) => {
-        const isCompleted = i < currentIndex;
-        const isCurrent = step === currentStep;
-        return /* @__PURE__ */ jsxs15("div", { className: "flex items-center", role: "listitem", children: [
-          /* @__PURE__ */ jsx17(
-            "div",
-            {
-              className: `
-                flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium
-                transition-colors duration-200
-                ${isCurrent ? "bg-primary text-primary-foreground" : isCompleted ? "bg-green-600 text-white" : "bg-muted text-muted-foreground"}
-              `,
-              "aria-current": isCurrent ? "step" : void 0,
-              "aria-label": `${STEP_LABELS[step]}${isCompleted ? " (conclu\xEDdo)" : isCurrent ? " (atual)" : ""}`,
-              children: isCompleted ? /* @__PURE__ */ jsx17(Check2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx17(
-            "span",
-            {
-              className: `
-                ml-1.5 hidden text-xs sm:inline
-                ${isCurrent ? "font-medium text-foreground" : "text-muted-foreground"}
-              `,
-              children: STEP_LABELS[step]
-            }
-          ),
-          i < steps.length - 1 && /* @__PURE__ */ jsx17(
-            "div",
-            {
-              className: `
-                  mx-2 h-px w-6
-                  ${i < currentIndex ? "bg-green-600" : "bg-border"}
-                `
-            }
-          )
-        ] }, step);
-      })
-    }
-  );
+        },
+        agentTool.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx13(
+      Dialog4,
+      {
+        open: !!configTarget,
+        onOpenChange: (open) => !open && setConfigTarget(null),
+        children: /* @__PURE__ */ jsxs11(DialogContent4, { className: "sm:max-w-lg", children: [
+          /* @__PURE__ */ jsx13(DialogHeader4, { children: /* @__PURE__ */ jsx13(DialogTitle4, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
+          /* @__PURE__ */ jsxs11("div", { className: "space-y-4", children: [
+            configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx13(Label4, { htmlFor: "tool-credential", children: "Credencial" }),
+              /* @__PURE__ */ jsxs11(
+                Select,
+                {
+                  value: configCredentialId || void 0,
+                  onValueChange: (val) => setConfigCredentialId(val === "__none__" ? "" : val),
+                  children: [
+                    /* @__PURE__ */ jsx13(SelectTrigger, { id: "tool-credential", children: /* @__PURE__ */ jsx13(SelectValue, { placeholder: "Selecione uma credencial (opcional)" }) }),
+                    /* @__PURE__ */ jsxs11(SelectContent, { children: [
+                      /* @__PURE__ */ jsx13(SelectItem, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
+                      allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx13(SelectItem, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
+            ] }),
+            /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx13(Label4, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
+              /* @__PURE__ */ jsx13(
+                Textarea2,
+                {
+                  id: "tool-instructions",
+                  name: "instructions",
+                  value: configInstructions,
+                  onChange: (e) => setConfigInstructions(e.target.value),
+                  placeholder: "Instru\\u00e7\\u00f5es sobre como e quando o agente deve usar esta ferramenta\\u2026",
+                  rows: 6
+                }
+              ),
+              /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11(DialogFooter4, { children: [
+            /* @__PURE__ */ jsx13(
+              Button8,
+              {
+                variant: "outline",
+                onClick: () => setConfigTarget(null),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              Button8,
+              {
+                onClick: handleSaveConfig,
+                disabled: updateMutation.isPending,
+                children: "Salvar"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      AlertDialog3,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs11(AlertDialogContent3, { children: [
+          /* @__PURE__ */ jsxs11(AlertDialogHeader3, { children: [
+            /* @__PURE__ */ jsx13(AlertDialogTitle3, { children: "Remover ferramenta?" }),
+            /* @__PURE__ */ jsx13(AlertDialogDescription3, { children: "A ferramenta ser\xE1 desassociada deste agente." })
+          ] }),
+          /* @__PURE__ */ jsxs11(AlertDialogFooter3, { children: [
+            /* @__PURE__ */ jsx13(AlertDialogCancel3, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx13(
+              AlertDialogAction3,
+              {
+                onClick: handleRemove,
+                disabled: removeMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
 }
 
-// src/components/capabilities/advanced-tab.tsx
-import { useState as useState12 } from "react";
-
 // src/components/tools/tools-table.tsx
 import { useMemo as useMemo6, useState as useState10 } from "react";
 import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
@@ -3809,52 +3302,52 @@ import {
   Tooltip as Tooltip3,
   TooltipTrigger as TooltipTrigger3,
   TooltipContent as TooltipContent3,
-  AlertDialog as AlertDialog3,
-  AlertDialogAction as AlertDialogAction3,
-  AlertDialogCancel as AlertDialogCancel3,
-  AlertDialogContent as AlertDialogContent3,
-  AlertDialogDescription as AlertDialogDescription3,
-  AlertDialogFooter as AlertDialogFooter3,
-  AlertDialogHeader as AlertDialogHeader3,
-  AlertDialogTitle as AlertDialogTitle3,
-  Button as Button11
+  AlertDialog as AlertDialog4,
+  AlertDialogAction as AlertDialogAction4,
+  AlertDialogCancel as AlertDialogCancel4,
+  AlertDialogContent as AlertDialogContent4,
+  AlertDialogDescription as AlertDialogDescription4,
+  AlertDialogFooter as AlertDialogFooter4,
+  AlertDialogHeader as AlertDialogHeader4,
+  AlertDialogTitle as AlertDialogTitle4,
+  Button as Button9
 } from "@greatapps/greatauth-ui/ui";
-import { Pencil as Pencil3, Trash2 as Trash23, Search as Search2 } from "lucide-react";
+import { Pencil as Pencil3, Trash2 as Trash24, Search as Search2 } from "lucide-react";
 import { format as format2 } from "date-fns";
 import { ptBR as ptBR2 } from "date-fns/locale";
 import { toast as toast8 } from "sonner";
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function useColumns2(onEdit, onDelete) {
   return [
     {
       accessorKey: "name",
       header: "Nome",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "font-medium", children: row.original.name }),
+      cell: ({ row }) => /* @__PURE__ */ jsx14("span", { className: "font-medium", children: row.original.name }),
       sortingFn: (rowA, rowB) => rowA.original.name.toLowerCase().localeCompare(rowB.original.name.toLowerCase())
     },
     {
       accessorKey: "slug",
       header: "Slug",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm font-mono", children: row.original.slug || "\u2014" })
+      cell: ({ row }) => /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground text-sm font-mono", children: row.original.slug || "\u2014" })
     },
     {
       accessorKey: "type",
       header: "Tipo",
-      cell: ({ row }) => /* @__PURE__ */ jsx18(Badge7, { variant: "secondary", children: row.original.type })
+      cell: ({ row }) => /* @__PURE__ */ jsx14(Badge7, { variant: "secondary", children: row.original.type })
     },
     {
       accessorKey: "description",
       header: "Descri\xE7\xE3o",
       cell: ({ row }) => {
         const desc = row.original.description;
-        if (!desc) return /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
-        return /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
+        if (!desc) return /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
+        return /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
       }
     },
     {
       accessorKey: "datetime_add",
       header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: format2(new Date(row.original.datetime_add), "dd/MM/yyyy", {
+      cell: ({ row }) => /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground text-sm", children: format2(new Date(row.original.datetime_add), "dd/MM/yyyy", {
         locale: ptBR2
       }) })
     },
@@ -3862,34 +3355,34 @@ function useColumns2(onEdit, onDelete) {
       id: "actions",
       size: 80,
       enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
-            Button11,
+      cell: ({ row }) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs12(Tooltip3, { children: [
+          /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Button9,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
               "aria-label": "Editar",
               onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx18(Pencil3, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx14(Pencil3, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Editar" })
+          /* @__PURE__ */ jsx14(TooltipContent3, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
-            Button11,
+        /* @__PURE__ */ jsxs12(Tooltip3, { children: [
+          /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Button9,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
               "aria-label": "Excluir",
               onClick: () => onDelete(row.original.id),
-              children: /* @__PURE__ */ jsx18(Trash23, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx14(Trash24, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Excluir" })
+          /* @__PURE__ */ jsx14(TooltipContent3, { children: "Excluir" })
         ] })
       ] })
     }
@@ -3932,10 +3425,10 @@ function ToolsTable({ onEdit, config }) {
     setSearch(value);
     setPage(1);
   }
-  return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx18(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs12("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx14(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx14(
         Input7,
         {
           placeholder: "Buscar ferramentas\\u2026",
@@ -3948,7 +3441,7 @@ function ToolsTable({ onEdit, config }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx14(
       DataTable2,
       {
         columns,
@@ -3961,20 +3454,20 @@ function ToolsTable({ onEdit, config }) {
         pageSize: 15
       }
     ),
-    /* @__PURE__ */ jsx18(
-      AlertDialog3,
+    /* @__PURE__ */ jsx14(
+      AlertDialog4,
       {
         open: !!deleteId,
         onOpenChange: (open) => !open && setDeleteId(null),
-        children: /* @__PURE__ */ jsxs16(AlertDialogContent3, { children: [
-          /* @__PURE__ */ jsxs16(AlertDialogHeader3, { children: [
-            /* @__PURE__ */ jsx18(AlertDialogTitle3, { children: "Excluir ferramenta?" }),
-            /* @__PURE__ */ jsx18(AlertDialogDescription3, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. A ferramenta ser\xE1 removida permanentemente." })
+        children: /* @__PURE__ */ jsxs12(AlertDialogContent4, { children: [
+          /* @__PURE__ */ jsxs12(AlertDialogHeader4, { children: [
+            /* @__PURE__ */ jsx14(AlertDialogTitle4, { children: "Excluir ferramenta?" }),
+            /* @__PURE__ */ jsx14(AlertDialogDescription4, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. A ferramenta ser\xE1 removida permanentemente." })
           ] }),
-          /* @__PURE__ */ jsxs16(AlertDialogFooter3, { children: [
-            /* @__PURE__ */ jsx18(AlertDialogCancel3, { variant: "outline", size: "default", children: "Cancelar" }),
-            /* @__PURE__ */ jsx18(
-              AlertDialogAction3,
+          /* @__PURE__ */ jsxs12(AlertDialogFooter4, { children: [
+            /* @__PURE__ */ jsx14(AlertDialogCancel4, { variant: "outline", size: "default", children: "Cancelar" }),
+            /* @__PURE__ */ jsx14(
+              AlertDialogAction4,
               {
                 variant: "default",
                 size: "default",
@@ -3998,19 +3491,19 @@ import {
   DialogHeader as DialogHeader5,
   DialogTitle as DialogTitle5,
   DialogFooter as DialogFooter5,
-  Button as Button12,
+  Button as Button10,
   Input as Input8,
-  Textarea as Textarea2,
-  Label as Label7,
+  Textarea as Textarea3,
+  Label as Label5,
   Select as Select2,
   SelectContent as SelectContent2,
   SelectItem as SelectItem2,
   SelectTrigger as SelectTrigger2,
   SelectValue as SelectValue2
 } from "@greatapps/greatauth-ui/ui";
-import { Loader2 as Loader29 } from "lucide-react";
+import { Loader2 as Loader26 } from "lucide-react";
 import { toast as toast9 } from "sonner";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var TOOL_AUTH_TYPES = [
   { value: "none", label: "Nenhuma" },
   { value: "api_key", label: "API Key" },
@@ -4120,12 +3613,12 @@ function ToolFormDialog({
       );
     }
   }
-  return /* @__PURE__ */ jsx19(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent5, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx19(DialogHeader5, { children: /* @__PURE__ */ jsx19(DialogTitle5, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-name", children: "Nome *" }),
-        /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx15(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs13(DialogContent5, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx15(DialogHeader5, { children: /* @__PURE__ */ jsx15(DialogTitle5, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
+    /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx15(
           Input8,
           {
             id: "tool-name",
@@ -4133,628 +3626,615 @@ function ToolFormDialog({
             value: form.name,
             onChange: (e) => {
               const name = e.target.value;
-              setForm((prev) => ({
-                ...prev,
-                name,
-                nameError: name.trim() ? false : prev.nameError,
-                ...!slugManuallyEdited && !isEditing ? { slug: slugify2(name), slugError: false } : {}
-              }));
-            },
-            placeholder: "Ex: Google Calendar",
-            disabled: isPending
-          }
-        ),
-        form.nameError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
-        /* @__PURE__ */ jsx19(
-          Input8,
-          {
-            id: "tool-slug",
-            name: "slug",
-            value: form.slug,
-            onChange: (e) => {
-              setSlugManuallyEdited(true);
-              setForm((prev) => ({
-                ...prev,
-                slug: e.target.value,
-                slugError: e.target.value.trim() ? false : prev.slugError
-              }));
-            },
-            placeholder: "Ex: google-calendar",
-            disabled: isPending
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
-        form.slugError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Slug \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
-        /* @__PURE__ */ jsxs17(
-          Select2,
-          {
-            value: form.type,
-            onValueChange: (value) => {
-              setForm((prev) => ({
-                ...prev,
-                type: value,
-                typeError: false
-              }));
-            },
-            disabled: isPending,
-            children: [
-              /* @__PURE__ */ jsx19(SelectTrigger2, { id: "tool-type", children: /* @__PURE__ */ jsx19(SelectValue2, { placeholder: "Selecione o tipo" }) }),
-              /* @__PURE__ */ jsx19(SelectContent2, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx19(SelectItem2, { value: t.value, children: t.label }, t.value)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
-        form.typeError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Tipo \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
-        /* @__PURE__ */ jsx19(
-          Textarea2,
-          {
-            id: "tool-description",
-            name: "description",
-            value: form.description,
-            onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
-            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
-            rows: 3,
-            disabled: isPending
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
-        /* @__PURE__ */ jsx19(
-          Textarea2,
-          {
-            id: "tool-function-defs",
-            name: "functionDefs",
-            value: form.functionDefinitions,
-            onChange: (e) => {
-              setForm((prev) => ({
-                ...prev,
-                functionDefinitions: e.target.value,
-                jsonError: false
-              }));
-            },
-            placeholder: `[
-  {
-    "type": "function",
-    "function": {
-      "name": "nome_da_funcao",
-      "description": "O que a fun\xE7\xE3o faz",
-      "parameters": {
-        "type": "object",
-        "properties": { \u2026 },
-        "required": [\u2026]
-      }
-    }
-  }
-]`,
-            rows: 10,
-            className: "font-mono text-sm",
-            disabled: isPending
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
-        form.jsonError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
-      ] }),
-      /* @__PURE__ */ jsxs17(DialogFooter5, { children: [
-        /* @__PURE__ */ jsx19(
-          Button12,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: () => onOpenChange(false),
-            disabled: isPending,
-            children: "Cancelar"
-          }
-        ),
-        /* @__PURE__ */ jsxs17(Button12, { type: "submit", disabled: isPending, children: [
-          isPending ? /* @__PURE__ */ jsx19(Loader29, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
-          isEditing ? "Salvar" : "Criar"
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/components/capabilities/advanced-tab.tsx
-import { Info as Info2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function AdvancedTab({ config, agentId, gagentsApiUrl }) {
-  const [editingTool, setEditingTool] = useState12(null);
-  const [showToolForm, setShowToolForm] = useState12(false);
-  function handleEditTool(tool) {
-    setEditingTool(tool);
-    setShowToolForm(true);
-  }
-  function handleToolFormOpenChange(open) {
-    setShowToolForm(open);
-    if (!open) setEditingTool(null);
-  }
-  return /* @__PURE__ */ jsxs18("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-900 dark:bg-blue-950/30", children: [
-      /* @__PURE__ */ jsx20(Info2, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
-      /* @__PURE__ */ jsxs18("p", { className: "text-sm text-blue-800 dark:text-blue-300", children: [
-        "Use as abas ",
-        /* @__PURE__ */ jsx20("strong", { children: "Capacidades" }),
-        " e ",
-        /* @__PURE__ */ jsx20("strong", { children: "Integra\xE7\xF5es" }),
-        " para configura\xE7\xE3o simplificada. Esta aba oferece controlo manual avan\xE7ado sobre ferramentas. As credenciais s\xE3o geridas dentro de cada ferramenta."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs18("section", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx20("h3", { className: "text-sm font-medium", children: "Ferramentas" }),
-      /* @__PURE__ */ jsx20(ToolsTable, { onEdit: handleEditTool, config })
-    ] }),
-    /* @__PURE__ */ jsx20(
-      ToolFormDialog,
-      {
-        open: showToolForm,
-        onOpenChange: handleToolFormOpenChange,
-        tool: editingTool ?? void 0,
-        config
-      }
-    )
-  ] });
-}
-
-// src/pages/agent-capabilities-page.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-function defaultResolveWizardMeta(card) {
-  return {
-    capabilities: [
-      { label: card.definition.name, description: card.definition.description }
-    ],
-    requirements: [],
-    hasConfigStep: false
-  };
-}
-function AgentCapabilitiesPage({
-  config,
-  agentId,
-  gagentsApiUrl,
-  resolveWizardMeta = defaultResolveWizardMeta,
-  loadConfigOptions,
-  onWizardComplete
-}) {
-  const [wizardOpen, setWizardOpen] = useState13(false);
-  const [activeCard, setActiveCard] = useState13(null);
-  const handleConnect = useCallback6(
-    (card) => {
-      setActiveCard(card);
-      setWizardOpen(true);
-    },
-    []
-  );
-  const handleWizardComplete = useCallback6(() => {
-    setWizardOpen(false);
-    setActiveCard(null);
-    onWizardComplete?.();
-  }, [onWizardComplete]);
-  const handleWizardOpenChange = useCallback6((open) => {
-    setWizardOpen(open);
-    if (!open) setActiveCard(null);
-  }, []);
-  const wizardMeta = activeCard ? resolveWizardMeta(activeCard) : null;
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx21("h2", { className: "text-lg font-semibold", children: "Capacidades e Integra\xE7\xF5es" }),
-      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Configure o que este agente pode fazer e quais servi\xE7os externos ele utiliza." })
-    ] }),
-    /* @__PURE__ */ jsxs19(Tabs, { defaultValue: "capacidades", children: [
-      /* @__PURE__ */ jsxs19(TabsList, { children: [
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "capacidades", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Blocks, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Capacidades"
-        ] }),
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "integracoes", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Plug3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Integra\xE7\xF5es"
-        ] }),
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "avancado", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Settings3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Avan\xE7ado"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx21(CapabilitiesTab, { config, agentId }) }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx21(
-        IntegrationsTab,
-        {
-          config,
-          agentId,
-          onConnect: handleConnect
-        }
-      ) }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "avancado", className: "mt-4", children: /* @__PURE__ */ jsx21(
-        AdvancedTab,
-        {
-          config,
-          agentId,
-          gagentsApiUrl
-        }
-      ) })
-    ] }),
-    activeCard && wizardMeta && /* @__PURE__ */ jsx21(
-      IntegrationWizard,
-      {
-        open: wizardOpen,
-        onOpenChange: handleWizardOpenChange,
-        integration: activeCard.definition,
-        meta: wizardMeta,
-        agentId,
-        config,
-        onComplete: handleWizardComplete,
-        gagentsApiUrl,
-        existingCredentialId: activeCard.credential?.id,
-        loadConfigOptions
-      }
-    )
-  ] });
-}
-
-// src/components/agents/agent-tabs.tsx
-import {
-  Tabs as Tabs2,
-  TabsList as TabsList2,
-  TabsTrigger as TabsTrigger2,
-  TabsContent as TabsContent2
-} from "@greatapps/greatauth-ui/ui";
-import { Target as Target2, FileText as FileText2, MessageCircle as MessageCircle2, Blocks as Blocks2 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
-function AgentTabs({
-  agent,
-  config,
-  renderChatLink,
-  gagentsApiUrl,
-  resolveWizardMeta,
-  loadConfigOptions,
-  onWizardComplete
-}) {
-  const apiUrl = gagentsApiUrl || config.baseUrl;
-  return /* @__PURE__ */ jsxs20(Tabs2, { defaultValue: "prompt", children: [
-    /* @__PURE__ */ jsxs20(TabsList2, { children: [
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "prompt", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Prompt"
+              setForm((prev) => ({
+                ...prev,
+                name,
+                nameError: name.trim() ? false : prev.nameError,
+                ...!slugManuallyEdited && !isEditing ? { slug: slugify2(name), slugError: false } : {}
+              }));
+            },
+            placeholder: "Ex: Google Calendar",
+            disabled: isPending
+          }
+        ),
+        form.nameError && /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
       ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "objetivos", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Objetivos"
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
+        /* @__PURE__ */ jsx15(
+          Input8,
+          {
+            id: "tool-slug",
+            name: "slug",
+            value: form.slug,
+            onChange: (e) => {
+              setSlugManuallyEdited(true);
+              setForm((prev) => ({
+                ...prev,
+                slug: e.target.value,
+                slugError: e.target.value.trim() ? false : prev.slugError
+              }));
+            },
+            placeholder: "Ex: google-calendar",
+            disabled: isPending
+          }
+        ),
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
+        form.slugError && /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: "Slug \xE9 obrigat\xF3rio" })
       ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "capacidades", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(Blocks2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Capacidades"
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
+        /* @__PURE__ */ jsxs13(
+          Select2,
+          {
+            value: form.type,
+            onValueChange: (value) => {
+              setForm((prev) => ({
+                ...prev,
+                type: value,
+                typeError: false
+              }));
+            },
+            disabled: isPending,
+            children: [
+              /* @__PURE__ */ jsx15(SelectTrigger2, { id: "tool-type", children: /* @__PURE__ */ jsx15(SelectValue2, { placeholder: "Selecione o tipo" }) }),
+              /* @__PURE__ */ jsx15(SelectContent2, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx15(SelectItem2, { value: t.value, children: t.label }, t.value)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
+        form.typeError && /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: "Tipo \xE9 obrigat\xF3rio" })
       ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "conversas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Conversas"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx22(AgentPromptEditor, { agent, config }) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx22(AgentObjectivesList, { agent, config }) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx22(
-      AgentCapabilitiesPage,
-      {
-        config,
-        agentId: agent.id,
-        gagentsApiUrl: apiUrl,
-        resolveWizardMeta,
-        loadConfigOptions,
-        onWizardComplete
-      }
-    ) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "conversas", className: "mt-4", children: /* @__PURE__ */ jsx22(
-      AgentConversationsPanel,
-      {
-        agent,
-        config,
-        renderChatLink
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx15(
+          Textarea3,
+          {
+            id: "tool-description",
+            name: "description",
+            value: form.description,
+            onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
+            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
+            rows: 3,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
+        /* @__PURE__ */ jsx15(
+          Textarea3,
+          {
+            id: "tool-function-defs",
+            name: "functionDefs",
+            value: form.functionDefinitions,
+            onChange: (e) => {
+              setForm((prev) => ({
+                ...prev,
+                functionDefinitions: e.target.value,
+                jsonError: false
+              }));
+            },
+            placeholder: `[
+  {
+    "type": "function",
+    "function": {
+      "name": "nome_da_funcao",
+      "description": "O que a fun\xE7\xE3o faz",
+      "parameters": {
+        "type": "object",
+        "properties": { \u2026 },
+        "required": [\u2026]
       }
-    ) })
-  ] });
+    }
+  }
+]`,
+            rows: 10,
+            className: "font-mono text-sm",
+            disabled: isPending
+          }
+        ),
+        /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
+        form.jsonError && /* @__PURE__ */ jsx15("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
+      ] }),
+      /* @__PURE__ */ jsxs13(DialogFooter5, { children: [
+        /* @__PURE__ */ jsx15(
+          Button10,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs13(Button10, { type: "submit", disabled: isPending, children: [
+          isPending ? /* @__PURE__ */ jsx15(Loader26, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isEditing ? "Salvar" : "Criar"
+        ] })
+      ] })
+    ] })
+  ] }) });
 }
 
-// src/components/agents/agent-tools-list.tsx
-import { useState as useState14 } from "react";
+// src/components/tools/tool-credentials-form.tsx
+import { useMemo as useMemo7, useState as useState12 } from "react";
+import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
-  Switch as Switch5,
-  Badge as Badge8,
-  Button as Button13,
-  Skeleton as Skeleton6,
-  AlertDialog as AlertDialog4,
-  AlertDialogAction as AlertDialogAction4,
-  AlertDialogCancel as AlertDialogCancel4,
-  AlertDialogContent as AlertDialogContent4,
-  AlertDialogDescription as AlertDialogDescription4,
-  AlertDialogFooter as AlertDialogFooter4,
-  AlertDialogHeader as AlertDialogHeader4,
-  AlertDialogTitle as AlertDialogTitle4,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
   Input as Input9,
-  Textarea as Textarea3,
+  Button as Button11,
+  Badge as Badge8,
+  Tooltip as Tooltip4,
+  TooltipTrigger as TooltipTrigger4,
+  TooltipContent as TooltipContent4,
   Dialog as Dialog6,
   DialogContent as DialogContent6,
   DialogHeader as DialogHeader6,
   DialogTitle as DialogTitle6,
   DialogFooter as DialogFooter6,
-  Label as Label8,
+  AlertDialog as AlertDialog5,
+  AlertDialogAction as AlertDialogAction5,
+  AlertDialogCancel as AlertDialogCancel5,
+  AlertDialogContent as AlertDialogContent5,
+  AlertDialogDescription as AlertDialogDescription5,
+  AlertDialogFooter as AlertDialogFooter5,
+  AlertDialogHeader as AlertDialogHeader5,
+  AlertDialogTitle as AlertDialogTitle5,
   Select as Select3,
   SelectContent as SelectContent3,
   SelectItem as SelectItem3,
   SelectTrigger as SelectTrigger3,
   SelectValue as SelectValue3
 } from "@greatapps/greatauth-ui/ui";
-import {
-  Trash2 as Trash24,
-  Plus as Plus3,
-  Wrench,
-  Settings2 as Settings22
-} from "lucide-react";
+import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "lucide-react";
+import { format as format3 } from "date-fns";
+import { ptBR as ptBR3 } from "date-fns/locale";
 import { toast as toast10 } from "sonner";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-function AgentToolsList({ agent, config }) {
-  const { data: agentToolsData, isLoading } = useAgentTools(config, agent.id);
-  const { data: allToolsData } = useTools(config);
-  const addMutation = useAddAgentTool(config);
-  const removeMutation = useRemoveAgentTool(config);
-  const updateMutation = useUpdateAgentTool(config);
-  const [removeTarget, setRemoveTarget] = useState14(null);
-  const [addOpen, setAddOpen] = useState14(false);
-  const [search, setSearch] = useState14("");
-  const [configTarget, setConfigTarget] = useState14(null);
-  const [configInstructions, setConfigInstructions] = useState14("");
-  const [configCredentialId, setConfigCredentialId] = useState14("");
-  const { data: credentialsData } = useToolCredentials(config);
-  const allCredentials = credentialsData?.data || [];
-  const agentTools = agentToolsData?.data || [];
-  const allTools = (allToolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
-  const assignedToolIds = new Set(agentTools.map((at) => at.id_tool));
-  const visibleAgentTools = agentTools.filter((at) => {
-    const tool = allTools.find((t) => t.id === at.id_tool);
-    return !tool || !tool.slug?.startsWith("gclinic_");
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function formatDate2(dateStr) {
+  if (!dateStr) return "Sem expira\xE7\xE3o";
+  return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
+}
+function useColumns3(tools, onEdit, onConnect, onRemove) {
+  function getToolName(idTool) {
+    if (!idTool) return "\u2014";
+    const tool = tools.find((t) => t.id === idTool);
+    return tool?.name || `Ferramenta #${idTool}`;
+  }
+  function getToolType(idTool) {
+    if (!idTool) return null;
+    const tool = tools.find((t) => t.id === idTool);
+    return tool?.type || null;
+  }
+  return [
+    {
+      accessorKey: "label",
+      header: "Label",
+      cell: ({ row }) => /* @__PURE__ */ jsx16("span", { className: "font-medium", children: row.original.label || "\u2014" })
+    },
+    {
+      accessorKey: "id_tool",
+      header: "Ferramenta",
+      cell: ({ row }) => /* @__PURE__ */ jsx16("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
+    },
+    {
+      accessorKey: "status",
+      header: "Status",
+      cell: ({ row }) => /* @__PURE__ */ jsx16(
+        Badge8,
+        {
+          variant: row.original.status === "active" ? "default" : "destructive",
+          children: row.original.status === "active" ? "Ativo" : "Expirado"
+        }
+      )
+    },
+    {
+      accessorKey: "expires_at",
+      header: "Expira em",
+      cell: ({ row }) => /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.datetime_add) })
+    },
+    {
+      id: "actions",
+      header: "A\xE7\xF5es",
+      size: 100,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs14(Tooltip4, { children: [
+          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
+            Button11,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              "aria-label": "Vincular",
+              disabled: true,
+              children: /* @__PURE__ */ jsx16(Link, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Em breve" })
+        ] }),
+        /* @__PURE__ */ jsxs14(Tooltip4, { children: [
+          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
+            Button11,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              "aria-label": "Editar",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx16(Pencil4, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs14(Tooltip4, { children: [
+          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
+            Button11,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
+              onClick: () => onRemove(row.original),
+              children: /* @__PURE__ */ jsx16(Trash25, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Remover" })
+        ] })
+      ] })
+    }
+  ];
+}
+function ToolCredentialsForm({
+  credentials,
+  isLoading,
+  config,
+  gagentsApiUrl,
+  createOpen: externalCreateOpen,
+  onCreateOpenChange
+}) {
+  const createMutation = useCreateToolCredential(config);
+  const updateMutation = useUpdateToolCredential(config);
+  const deleteMutation = useDeleteToolCredential(config);
+  const { data: toolsData } = useTools(config);
+  const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
+  const [search, setSearch] = useState12("");
+  const [internalCreateOpen, setInternalCreateOpen] = useState12(false);
+  const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
+  const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
+  const [createForm, setCreateForm] = useState12({
+    id_tool: "",
+    label: "",
+    credentials_encrypted: "",
+    expires_at: ""
   });
-  const availableTools = allTools.filter((t) => !assignedToolIds.has(t.id));
-  const filteredAvailable = availableTools.filter(
-    (t) => t.name.toLowerCase().includes(search.toLowerCase())
+  const [editTarget, setEditTarget] = useState12(null);
+  const [editForm, setEditForm] = useState12({
+    id_tool: "",
+    label: "",
+    credentials_encrypted: "",
+    expires_at: "",
+    status: ""
+  });
+  const [removeTarget, setRemoveTarget] = useState12(null);
+  const internalToolIds = useMemo7(() => {
+    const allRawTools = toolsData?.data || [];
+    return new Set(
+      allRawTools.filter((t) => t.slug?.startsWith("gclinic_")).map((t) => t.id)
+    );
+  }, [toolsData]);
+  const filteredCredentials = useMemo7(() => {
+    const visible = credentials.filter(
+      (cred) => !cred.id_tool || !internalToolIds.has(cred.id_tool)
+    );
+    if (!search) return visible;
+    const term = search.toLowerCase();
+    return visible.filter((cred) => {
+      const toolName = tools.find((t) => t.id === cred.id_tool)?.name || "";
+      return (cred.label || "").toLowerCase().includes(term) || toolName.toLowerCase().includes(term);
+    });
+  }, [credentials, search, tools, internalToolIds]);
+  const columns = useColumns3(
+    tools,
+    (cred) => startEdit(cred),
+    (cred) => handleConnect(cred),
+    (cred) => setRemoveTarget(cred)
   );
-  function getToolInfo(idTool) {
-    return allTools.find((t) => t.id === idTool);
-  }
-  async function handleToggleEnabled(agentTool, checked) {
+  async function handleCreate() {
+    const idTool = parseInt(createForm.id_tool, 10);
+    if (!idTool || !createForm.label.trim() || !createForm.credentials_encrypted.trim()) return;
     try {
-      await updateMutation.mutateAsync({
-        idAgent: agent.id,
-        id: agentTool.id,
-        body: { enabled: checked }
+      const result = await createMutation.mutateAsync({
+        id_tool: idTool,
+        label: createForm.label.trim(),
+        credentials_encrypted: createForm.credentials_encrypted.trim(),
+        ...createForm.expires_at ? { expires_at: createForm.expires_at } : {}
       });
-      toast10.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao alterar estado da ferramenta"
-      );
+      if (result.status === 1) {
+        toast10.success("Credencial criada");
+        setShowCreateDialog(false);
+        setCreateForm({ id_tool: "", label: "", credentials_encrypted: "", expires_at: "" });
+      } else {
+        toast10.error(result.message || "Erro ao criar credencial");
+      }
+    } catch {
+      toast10.error("Erro ao criar credencial");
     }
   }
-  async function handleAdd(tool) {
+  function startEdit(cred) {
+    setEditTarget(cred);
+    setEditForm({
+      id_tool: cred.id_tool ? String(cred.id_tool) : "",
+      label: cred.label || "",
+      credentials_encrypted: "",
+      expires_at: cred.expires_at || "",
+      status: cred.status
+    });
+  }
+  async function handleSaveEdit() {
+    if (!editTarget) return;
+    const body = {};
+    const newIdTool = editForm.id_tool ? parseInt(editForm.id_tool, 10) : null;
+    if (newIdTool && newIdTool !== editTarget.id_tool) {
+      body.id_tool = newIdTool;
+    }
+    if (editForm.label.trim() && editForm.label.trim() !== (editTarget.label || "")) {
+      body.label = editForm.label.trim();
+    }
+    if (editForm.credentials_encrypted.trim()) {
+      body.credentials_encrypted = editForm.credentials_encrypted.trim();
+    }
+    if (editForm.expires_at !== (editTarget.expires_at || "")) {
+      body.expires_at = editForm.expires_at || null;
+    }
+    if (editForm.status && editForm.status !== editTarget.status) {
+      body.status = editForm.status;
+    }
+    if (Object.keys(body).length === 0) {
+      setEditTarget(null);
+      return;
+    }
     try {
-      await addMutation.mutateAsync({
-        idAgent: agent.id,
-        body: { id_tool: tool.id }
+      const result = await updateMutation.mutateAsync({
+        id: editTarget.id,
+        body
       });
-      toast10.success("Ferramenta adicionada");
-      setAddOpen(false);
-      setSearch("");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao adicionar ferramenta"
-      );
+      if (result.status === 1) {
+        toast10.success("Credencial atualizada");
+        setEditTarget(null);
+      } else {
+        toast10.error(result.message || "Erro ao atualizar credencial");
+      }
+    } catch {
+      toast10.error("Erro ao atualizar credencial");
     }
   }
   async function handleRemove() {
     if (!removeTarget) return;
     try {
-      await removeMutation.mutateAsync({
-        idAgent: agent.id,
-        id: removeTarget.id
-      });
-      toast10.success("Ferramenta removida");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao remover ferramenta"
-      );
+      const result = await deleteMutation.mutateAsync(removeTarget.id);
+      if (result.status === 1) {
+        toast10.success("Credencial removida");
+      } else {
+        toast10.error(result.message || "Erro ao remover credencial");
+      }
+    } catch {
+      toast10.error("Erro ao remover credencial");
     } finally {
       setRemoveTarget(null);
     }
   }
-  function openConfig(agentTool) {
-    setConfigTarget(agentTool);
-    setConfigInstructions(agentTool.custom_instructions || "");
-    setConfigCredentialId(agentTool.id_tool_credential ? String(agentTool.id_tool_credential) : "");
+  function handleConnect(cred) {
+    if (!config.accountId || !config.token) return;
+    const language = config.language ?? "pt-br";
+    const idWl = config.idWl ?? 1;
+    const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
+    window.open(url, "_blank");
   }
-  async function handleSaveConfig() {
-    if (!configTarget) return;
-    try {
-      const newCredentialId = configCredentialId ? parseInt(configCredentialId, 10) : null;
-      await updateMutation.mutateAsync({
-        idAgent: agent.id,
-        id: configTarget.id,
-        body: {
-          custom_instructions: configInstructions.trim() || null,
-          id_tool_credential: newCredentialId
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs14("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx16(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx16(
+        Input9,
+        {
+          placeholder: "Buscar credenciais\\u2026",
+          "aria-label": "Buscar credenciais",
+          name: "search",
+          autoComplete: "off",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "pl-9"
         }
-      });
-      toast10.success("Configura\xE7\xE3o atualizada");
-      setConfigTarget(null);
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
-      );
-    }
-  }
-  if (isLoading) {
-    return /* @__PURE__ */ jsx23("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton6, { className: "h-14 w-full" }, i)) });
-  }
-  return /* @__PURE__ */ jsxs21("div", { className: "space-y-4 p-4", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs21("h3", { className: "text-sm font-medium text-muted-foreground", children: [
-        visibleAgentTools.length,
-        " ferramenta",
-        visibleAgentTools.length !== 1 ? "s" : "",
-        " associada",
-        visibleAgentTools.length !== 1 ? "s" : ""
-      ] }),
-      /* @__PURE__ */ jsxs21(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
-        /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(Button13, { size: "sm", disabled: availableTools.length === 0, children: [
-          /* @__PURE__ */ jsx23(Plus3, { className: "mr-2 h-4 w-4" }),
-          "Adicionar Ferramenta"
-        ] }) }),
-        /* @__PURE__ */ jsxs21(PopoverContent, { className: "w-72 p-0", align: "end", children: [
-          /* @__PURE__ */ jsx23("div", { className: "p-2", children: /* @__PURE__ */ jsx23(
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx16(
+      DataTable3,
+      {
+        columns,
+        data: filteredCredentials,
+        isLoading,
+        emptyMessage: "Nenhuma credencial encontrada"
+      }
+    ),
+    /* @__PURE__ */ jsx16(Dialog6, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs14(DialogContent6, { children: [
+      /* @__PURE__ */ jsx16(DialogHeader6, { children: /* @__PURE__ */ jsx16(DialogTitle6, { children: "Nova Credencial" }) }),
+      /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+          /* @__PURE__ */ jsxs14(
+            Select3,
+            {
+              value: createForm.id_tool,
+              onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
+              children: [
+                /* @__PURE__ */ jsx16(SelectTrigger3, { id: "cred-tool", children: /* @__PURE__ */ jsx16(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx16(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx16(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx16(
             Input9,
             {
-              placeholder: "Buscar ferramenta\\u2026",
-              "aria-label": "Buscar ferramenta",
-              name: "search",
-              value: search,
-              onChange: (e) => setSearch(e.target.value),
-              className: "h-8"
+              id: "cred-label",
+              name: "label",
+              value: createForm.label,
+              onChange: (e) => setCreateForm((f) => ({ ...f, label: e.target.value })),
+              placeholder: "Ex: Google Calendar - Cl\xEDnica S\xE3o Paulo"
             }
-          ) }),
-          /* @__PURE__ */ jsx23("div", { className: "max-h-48 overflow-y-auto", children: filteredAvailable.length === 0 ? /* @__PURE__ */ jsx23("p", { className: "p-3 text-center text-sm text-muted-foreground", children: "Nenhuma ferramenta dispon\xEDvel" }) : filteredAvailable.map((tool) => /* @__PURE__ */ jsxs21(
-            "button",
+          )
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx16(
+            Input9,
             {
-              type: "button",
-              className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-accent",
-              onClick: () => handleAdd(tool),
-              disabled: addMutation.isPending,
-              children: [
-                /* @__PURE__ */ jsx23(Wrench, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx23("span", { className: "flex-1 font-medium", children: tool.name }),
-                /* @__PURE__ */ jsx23(Badge8, { variant: "secondary", className: "text-xs", children: tool.type })
-              ]
-            },
-            tool.id
-          )) })
-        ] })
-      ] })
-    ] }),
-    visibleAgentTools.length === 0 ? /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
-      /* @__PURE__ */ jsx23(Wrench, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ferramenta associada. Clique em 'Adicionar Ferramenta' para come\xE7ar." })
-    ] }) : /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: visibleAgentTools.map((agentTool) => {
-      const tool = getToolInfo(agentTool.id_tool);
-      return /* @__PURE__ */ jsxs21(
-        "div",
-        {
-          className: "flex items-center gap-3 rounded-lg border bg-card p-3",
-          children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx23("span", { className: "truncate font-medium", children: tool?.name || `Ferramenta #${agentTool.id_tool}` }),
-                tool?.type && /* @__PURE__ */ jsx23(Badge8, { variant: "secondary", className: "shrink-0 text-xs", children: tool.type })
-              ] }),
-              agentTool.custom_instructions && /* @__PURE__ */ jsx23("p", { className: "truncate text-xs text-muted-foreground", children: agentTool.custom_instructions })
-            ] }),
-            /* @__PURE__ */ jsx23(
-              Switch5,
-              {
-                "aria-label": "Ativar/Desativar",
-                checked: agentTool.enabled,
-                onCheckedChange: (checked) => handleToggleEnabled(agentTool, checked),
-                disabled: updateMutation.isPending
-              }
-            ),
-            /* @__PURE__ */ jsx23(
-              Button13,
-              {
-                variant: "ghost",
-                size: "icon",
-                "aria-label": "Configurar",
-                className: "shrink-0 text-muted-foreground hover:text-foreground",
-                onClick: () => openConfig(agentTool),
-                title: "Configurar instru\xE7\xF5es",
-                children: /* @__PURE__ */ jsx23(Settings22, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx23(
-              Button13,
-              {
-                variant: "ghost",
-                size: "icon",
-                "aria-label": "Remover",
-                className: "shrink-0 text-muted-foreground hover:text-destructive",
-                onClick: () => setRemoveTarget(agentTool),
-                children: /* @__PURE__ */ jsx23(Trash24, { className: "h-4 w-4" })
-              }
-            )
-          ]
-        },
-        agentTool.id
-      );
-    }) }),
-    /* @__PURE__ */ jsx23(
+              id: "cred-credential",
+              name: "credential",
+              autoComplete: "off",
+              type: "password",
+              value: createForm.credentials_encrypted,
+              onChange: (e) => setCreateForm((f) => ({
+                ...f,
+                credentials_encrypted: e.target.value
+              })),
+              placeholder: "Credencial encriptada"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { children: [
+          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx16(
+            Input9,
+            {
+              id: "cred-expires",
+              name: "expires",
+              type: "date",
+              value: createForm.expires_at,
+              onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs14(DialogFooter6, { children: [
+        /* @__PURE__ */ jsx16(
+          Button11,
+          {
+            variant: "outline",
+            onClick: () => setShowCreateDialog(false),
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          Button11,
+          {
+            onClick: handleCreate,
+            disabled: !createForm.id_tool || !createForm.label.trim() || !createForm.credentials_encrypted.trim() || createMutation.isPending,
+            children: "Criar"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx16(
       Dialog6,
       {
-        open: !!configTarget,
-        onOpenChange: (open) => !open && setConfigTarget(null),
-        children: /* @__PURE__ */ jsxs21(DialogContent6, { className: "sm:max-w-lg", children: [
-          /* @__PURE__ */ jsx23(DialogHeader6, { children: /* @__PURE__ */ jsx23(DialogTitle6, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
-          /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-            configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx23(Label8, { htmlFor: "tool-credential", children: "Credencial" }),
-              /* @__PURE__ */ jsxs21(
+        open: !!editTarget,
+        onOpenChange: (open) => !open && setEditTarget(null),
+        children: /* @__PURE__ */ jsxs14(DialogContent6, { children: [
+          /* @__PURE__ */ jsx16(DialogHeader6, { children: /* @__PURE__ */ jsx16(DialogTitle6, { children: "Editar Credencial" }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+              /* @__PURE__ */ jsxs14(
                 Select3,
                 {
-                  value: configCredentialId || void 0,
-                  onValueChange: (val) => setConfigCredentialId(val === "__none__" ? "" : val),
+                  value: editForm.id_tool,
+                  onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
                   children: [
-                    /* @__PURE__ */ jsx23(SelectTrigger3, { id: "tool-credential", children: /* @__PURE__ */ jsx23(SelectValue3, { placeholder: "Selecione uma credencial (opcional)" }) }),
-                    /* @__PURE__ */ jsxs21(SelectContent3, { children: [
-                      /* @__PURE__ */ jsx23(SelectItem3, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
-                      allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx23(SelectItem3, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
-                    ] })
+                    /* @__PURE__ */ jsx16(SelectTrigger3, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx16(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx16(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx16(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
                   ]
                 }
-              ),
-              /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
+              )
             ] }),
-            /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx23(Label8, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
-              /* @__PURE__ */ jsx23(
-                Textarea3,
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx16(
+                Input9,
                 {
-                  id: "tool-instructions",
-                  name: "instructions",
-                  value: configInstructions,
-                  onChange: (e) => setConfigInstructions(e.target.value),
-                  placeholder: "Instru\\u00e7\\u00f5es sobre como e quando o agente deve usar esta ferramenta\\u2026",
-                  rows: 6
+                  id: "edit-cred-label",
+                  name: "label",
+                  value: editForm.label,
+                  onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
+                  placeholder: "Label da credencial"
                 }
-              ),
-              /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
+              )
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx16(
+                Input9,
+                {
+                  id: "edit-cred-credential",
+                  name: "credential",
+                  autoComplete: "off",
+                  type: "password",
+                  value: editForm.credentials_encrypted,
+                  onChange: (e) => setEditForm((f) => ({
+                    ...f,
+                    credentials_encrypted: e.target.value
+                  })),
+                  placeholder: "Nova credencial"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx16(
+                Input9,
+                {
+                  id: "edit-cred-expires",
+                  name: "expires",
+                  type: "date",
+                  value: editForm.expires_at,
+                  onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsxs14(
+                Select3,
+                {
+                  value: editForm.status || void 0,
+                  onValueChange: (val) => setEditForm((f) => ({
+                    ...f,
+                    status: val
+                  })),
+                  children: [
+                    /* @__PURE__ */ jsx16(SelectTrigger3, { id: "edit-cred-status", children: /* @__PURE__ */ jsx16(SelectValue3, {}) }),
+                    /* @__PURE__ */ jsxs14(SelectContent3, { children: [
+                      /* @__PURE__ */ jsx16(SelectItem3, { value: "active", children: "Ativo" }),
+                      /* @__PURE__ */ jsx16(SelectItem3, { value: "expired", children: "Expirado" })
+                    ] })
+                  ]
+                }
+              )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs21(DialogFooter6, { children: [
-            /* @__PURE__ */ jsx23(
-              Button13,
+          /* @__PURE__ */ jsxs14(DialogFooter6, { children: [
+            /* @__PURE__ */ jsx16(Button11, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
+            /* @__PURE__ */ jsx16(
+              Button11,
               {
-                variant: "outline",
-                onClick: () => setConfigTarget(null),
-                children: "Cancelar"
-              }
-            ),
-            /* @__PURE__ */ jsx23(
-              Button13,
-              {
-                onClick: handleSaveConfig,
+                onClick: handleSaveEdit,
                 disabled: updateMutation.isPending,
                 children: "Salvar"
               }
@@ -4763,571 +4243,1012 @@ function AgentToolsList({ agent, config }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx23(
-      AlertDialog4,
+    /* @__PURE__ */ jsx16(
+      AlertDialog5,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs14(AlertDialogContent5, { children: [
+          /* @__PURE__ */ jsxs14(AlertDialogHeader5, { children: [
+            /* @__PURE__ */ jsx16(AlertDialogTitle5, { children: "Remover credencial?" }),
+            /* @__PURE__ */ jsx16(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs14(AlertDialogFooter5, { children: [
+            /* @__PURE__ */ jsx16(AlertDialogCancel5, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx16(
+              AlertDialogAction5,
+              {
+                onClick: handleRemove,
+                disabled: deleteMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/capabilities/integration-card.tsx
+import { Badge as Badge9, Button as Button12, Tooltip as Tooltip5, TooltipContent as TooltipContent5, TooltipTrigger as TooltipTrigger5 } from "@greatapps/greatauth-ui/ui";
+import {
+  CalendarSync as CalendarSync2,
+  Plug as Plug3,
+  Settings as Settings3,
+  RefreshCw,
+  Users as Users2,
+  Clock,
+  Plus as Plus3
+} from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var ICON_MAP2 = {
+  CalendarSync: CalendarSync2,
+  Plug: Plug3,
+  Settings: Settings3,
+  RefreshCw,
+  Users: Users2,
+  Clock,
+  Plus: Plus3
+};
+function resolveIcon2(name) {
+  return ICON_MAP2[name] ?? Plug3;
+}
+var STATE_BADGES = {
+  available: {
+    label: "Dispon\xEDvel",
+    className: "bg-muted text-muted-foreground"
+  },
+  connected: {
+    label: "Conectado",
+    className: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400"
+  },
+  expired: {
+    label: "Expirado",
+    className: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400"
+  },
+  coming_soon: {
+    label: "Em breve",
+    className: "bg-muted text-muted-foreground"
+  }
+};
+function getActionLabel(card) {
+  if (card.isAddNew) return "Conectar";
+  switch (card.state) {
+    case "available":
+      return "Conectar";
+    case "connected":
+      return "Configurar";
+    case "expired":
+      return "Reconectar";
+    default:
+      return "";
+  }
+}
+function IntegrationCard({ card, onConnect }) {
+  const { definition, state, sharedByAgentsCount, isAddNew, accountLabel } = card;
+  const Icon = resolveIcon2(definition.icon);
+  const isComingSoon = state === "coming_soon";
+  const actionLabel = getActionLabel(card);
+  if (isAddNew) {
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: cn(
+          "group relative flex flex-col gap-3 rounded-xl border border-dashed bg-card/50 p-5 transition-shadow",
+          "hover:shadow-md hover:border-solid hover:bg-card cursor-pointer"
+        ),
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `Adicionar conta ${definition.name}`,
+        onClick: () => onConnect(card),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onConnect(card);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsx17("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/5 text-primary/60", children: /* @__PURE__ */ jsx17(Icon, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsx17(Badge9, { variant: "outline", className: "text-xs bg-muted text-muted-foreground", children: "Adicionar" })
+          ] }),
+          /* @__PURE__ */ jsxs15("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx17("h3", { className: "text-sm font-semibold leading-tight text-muted-foreground", children: definition.name }),
+            /* @__PURE__ */ jsxs15("p", { className: "text-xs text-muted-foreground/70 leading-relaxed flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx17(Plus3, { className: "h-3 w-3" }),
+              "Adicionar conta"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx17("div", { className: "mt-auto flex items-center justify-end pt-1", children: /* @__PURE__ */ jsx17(
+            Button12,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "text-xs",
+              onClick: (e) => {
+                e.stopPropagation();
+                onConnect(card);
+              },
+              children: actionLabel
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  const badge = STATE_BADGES[state];
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      className: cn(
+        "group relative flex flex-col gap-3 rounded-xl border bg-card p-5 transition-shadow",
+        isComingSoon ? "opacity-60 cursor-default" : "hover:shadow-md cursor-pointer"
+      ),
+      role: "button",
+      tabIndex: isComingSoon ? -1 : 0,
+      "aria-label": `${definition.name}${accountLabel ? ` \u2014 ${accountLabel}` : ""} \u2014 ${badge.label}`,
+      "aria-disabled": isComingSoon,
+      onClick: () => !isComingSoon && onConnect(card),
+      onKeyDown: (e) => {
+        if (!isComingSoon && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          onConnect(card);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx17("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx17(Icon, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx17(Badge9, { variant: "outline", className: cn("text-xs", badge.className), children: badge.label })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx17("h3", { className: "text-sm font-semibold leading-tight", children: definition.name }),
+          accountLabel ? /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground leading-relaxed truncate", title: accountLabel, children: accountLabel }) : /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground leading-relaxed", children: definition.description })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "mt-auto flex items-center justify-between gap-2 pt-1", children: [
+          sharedByAgentsCount > 0 ? /* @__PURE__ */ jsxs15(Tooltip5, { children: [
+            /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
+              /* @__PURE__ */ jsx17(Users2, { className: "h-3.5 w-3.5" }),
+              "Compartilhada"
+            ] }) }),
+            /* @__PURE__ */ jsx17(TooltipContent5, { children: "Esta credencial est\xE1 dispon\xEDvel para todos os agentes da conta" })
+          ] }) : /* @__PURE__ */ jsx17("span", {}),
+          !isComingSoon && /* @__PURE__ */ jsx17(
+            Button12,
+            {
+              variant: state === "expired" ? "destructive" : "outline",
+              size: "sm",
+              className: "text-xs",
+              onClick: (e) => {
+                e.stopPropagation();
+                onConnect(card);
+              },
+              children: actionLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/capabilities/advanced-tab.tsx
+import { useState as useState13 } from "react";
+import { Info } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function AdvancedTab({ config, agentId, gagentsApiUrl }) {
+  const [editingTool, setEditingTool] = useState13(null);
+  const [showToolForm, setShowToolForm] = useState13(false);
+  function handleEditTool(tool) {
+    setEditingTool(tool);
+    setShowToolForm(true);
+  }
+  function handleToolFormOpenChange(open) {
+    setShowToolForm(open);
+    if (!open) setEditingTool(null);
+  }
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-900 dark:bg-blue-950/30", children: [
+      /* @__PURE__ */ jsx18(Info, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
+      /* @__PURE__ */ jsxs16("p", { className: "text-sm text-blue-800 dark:text-blue-300", children: [
+        "Use as abas ",
+        /* @__PURE__ */ jsx18("strong", { children: "Capacidades" }),
+        " e ",
+        /* @__PURE__ */ jsx18("strong", { children: "Integra\xE7\xF5es" }),
+        " para configura\xE7\xE3o simplificada. Esta aba oferece controlo manual avan\xE7ado sobre ferramentas. As credenciais s\xE3o geridas dentro de cada ferramenta."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs16("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx18("h3", { className: "text-sm font-medium", children: "Ferramentas" }),
+      /* @__PURE__ */ jsx18(ToolsTable, { onEdit: handleEditTool, config })
+    ] }),
+    /* @__PURE__ */ jsx18(
+      ToolFormDialog,
       {
-        open: !!removeTarget,
-        onOpenChange: (open) => !open && setRemoveTarget(null),
-        children: /* @__PURE__ */ jsxs21(AlertDialogContent4, { children: [
-          /* @__PURE__ */ jsxs21(AlertDialogHeader4, { children: [
-            /* @__PURE__ */ jsx23(AlertDialogTitle4, { children: "Remover ferramenta?" }),
-            /* @__PURE__ */ jsx23(AlertDialogDescription4, { children: "A ferramenta ser\xE1 desassociada deste agente." })
-          ] }),
-          /* @__PURE__ */ jsxs21(AlertDialogFooter4, { children: [
-            /* @__PURE__ */ jsx23(AlertDialogCancel4, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx23(
-              AlertDialogAction4,
-              {
-                onClick: handleRemove,
-                disabled: removeMutation.isPending,
-                children: "Remover"
-              }
-            )
-          ] })
-        ] })
+        open: showToolForm,
+        onOpenChange: handleToolFormOpenChange,
+        tool: editingTool ?? void 0,
+        config
       }
     )
   ] });
 }
 
-// src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo7, useState as useState15 } from "react";
-import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
+// src/components/capabilities/integration-wizard.tsx
+import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef2, useState as useState14 } from "react";
 import {
-  Input as Input10,
-  Button as Button14,
-  Badge as Badge9,
-  Tooltip as Tooltip4,
-  TooltipTrigger as TooltipTrigger4,
-  TooltipContent as TooltipContent4,
   Dialog as Dialog7,
   DialogContent as DialogContent7,
+  DialogFooter as DialogFooter7,
   DialogHeader as DialogHeader7,
   DialogTitle as DialogTitle7,
-  DialogFooter as DialogFooter7,
-  AlertDialog as AlertDialog5,
-  AlertDialogAction as AlertDialogAction5,
-  AlertDialogCancel as AlertDialogCancel5,
-  AlertDialogContent as AlertDialogContent5,
-  AlertDialogDescription as AlertDialogDescription5,
-  AlertDialogFooter as AlertDialogFooter5,
-  AlertDialogHeader as AlertDialogHeader5,
-  AlertDialogTitle as AlertDialogTitle5,
+  Button as Button14
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader29, ChevronLeft, ChevronRight, Check as Check2 } from "lucide-react";
+import { toast as toast11 } from "sonner";
+
+// src/components/capabilities/wizard-steps/info-step.tsx
+import { Check, Info as Info2 } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+function InfoStep({ integration, meta }) {
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-4", children: [
+      meta.icon && /* @__PURE__ */ jsx19("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-muted", children: meta.icon }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx19("h3", { className: "text-lg font-semibold", children: integration.name }),
+        /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: integration.description })
+      ] })
+    ] }),
+    meta.capabilities.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx19("h4", { className: "text-sm font-medium", children: "O que esta integra\xE7\xE3o permite:" }),
+      /* @__PURE__ */ jsx19("ul", { className: "space-y-2", children: meta.capabilities.map((cap, i) => /* @__PURE__ */ jsxs17("li", { className: "flex items-start gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx19(
+          Check,
+          {
+            "aria-hidden": "true",
+            className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
+          }
+        ),
+        /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx19("span", { className: "font-medium", children: cap.label }),
+          cap.description && /* @__PURE__ */ jsxs17("span", { className: "text-muted-foreground", children: [
+            " ",
+            "\u2014 ",
+            cap.description
+          ] })
+        ] })
+      ] }, i)) })
+    ] }),
+    meta.requirements.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx19("h4", { className: "text-sm font-medium", children: "Requisitos:" }),
+      /* @__PURE__ */ jsx19("ul", { className: "space-y-2", children: meta.requirements.map((req, i) => /* @__PURE__ */ jsxs17(
+        "li",
+        {
+          className: "flex items-start gap-2 text-sm text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx19(
+              Info2,
+              {
+                "aria-hidden": "true",
+                className: "mt-0.5 h-4 w-4 shrink-0 text-blue-500"
+              }
+            ),
+            /* @__PURE__ */ jsx19("span", { children: req })
+          ]
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
+
+// src/components/capabilities/wizard-steps/credentials-step.tsx
+import { CheckCircle2, Loader2 as Loader27, AlertCircle, Shield } from "lucide-react";
+import { Button as Button13, Input as Input10, Label as Label6 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+function CredentialsStep({
+  integration,
+  meta,
+  oauthStatus,
+  oauthResult,
+  apiKey,
+  onApiKeyChange,
+  onStartOAuth,
+  isReconnect = false
+}) {
+  if (integration.authType === "oauth2") {
+    return /* @__PURE__ */ jsx20(
+      OAuthCredentials,
+      {
+        integration,
+        meta,
+        oauthStatus,
+        oauthResult,
+        onStartOAuth,
+        isReconnect
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx20(ApiKeyCredentials, { apiKey, onApiKeyChange });
+}
+function OAuthCredentials({
+  integration,
+  meta,
+  oauthStatus,
+  oauthResult,
+  onStartOAuth,
+  isReconnect
+}) {
+  const providerLabel = meta.providerLabel || integration.name;
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20("h3", { className: "text-lg font-semibold", children: "Autentica\xE7\xE3o" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: isReconnect ? `Reconecte sua conta ${providerLabel} para renovar a autoriza\xE7\xE3o.` : `Conecte sua conta ${providerLabel} para permitir o acesso.` })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-4 rounded-lg border p-6", children: [
+      oauthStatus === "idle" && /* @__PURE__ */ jsxs18(
+        Button13,
+        {
+          onClick: onStartOAuth,
+          size: "lg",
+          className: "gap-2",
+          children: [
+            meta.icon,
+            isReconnect ? `Reconectar com ${providerLabel}` : `Conectar com ${providerLabel}`
+          ]
+        }
+      ),
+      oauthStatus === "waiting" && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx20(
+          Loader27,
+          {
+            "aria-hidden": "true",
+            className: "h-8 w-8 animate-spin text-muted-foreground"
+          }
+        ),
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium", children: "Aguardando autoriza\xE7\xE3o..." }),
+          /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: "Complete o login na janela que foi aberta." })
+        ] })
+      ] }),
+      oauthStatus === "success" && oauthResult && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx20(
+          CheckCircle2,
+          {
+            "aria-hidden": "true",
+            className: "h-8 w-8 text-green-600"
+          }
+        ),
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-green-700", children: "Conectado com sucesso!" }),
+          oauthResult.email && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: oauthResult.email })
+        ] })
+      ] }),
+      oauthStatus === "error" && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ jsx20(
+          AlertCircle,
+          {
+            "aria-hidden": "true",
+            className: "h-8 w-8 text-destructive"
+          }
+        ),
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-destructive", children: "Falha na conex\xE3o" }),
+          oauthResult?.error && /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: oauthResult.error })
+        ] }),
+        /* @__PURE__ */ jsx20(Button13, { variant: "outline", onClick: onStartOAuth, size: "sm", children: "Tentar novamente" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-2 rounded-md bg-muted/50 p-3", children: [
+      /* @__PURE__ */ jsx20(
+        Shield,
+        {
+          "aria-hidden": "true",
+          className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
+        }
+      ),
+      /* @__PURE__ */ jsxs18("p", { className: "text-xs text-muted-foreground", children: [
+        "Seus dados est\xE3o seguros. Usamos OAuth 2.0 para autentica\xE7\xE3o \u2014 nunca armazenamos sua senha. Voc\xEA pode revogar o acesso a qualquer momento nas configura\xE7\xF5es da sua conta ",
+        providerLabel,
+        "."
+      ] })
+    ] })
+  ] });
+}
+function ApiKeyCredentials({
+  apiKey,
+  onApiKeyChange
+}) {
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20("h3", { className: "text-lg font-semibold", children: "Autentica\xE7\xE3o" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Insira a chave de API para conectar a integra\xE7\xE3o." })
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20(Label6, { htmlFor: "integration-api-key", children: "Chave de API" }),
+      /* @__PURE__ */ jsx20(
+        Input10,
+        {
+          id: "integration-api-key",
+          type: "password",
+          autoComplete: "off",
+          placeholder: "Insira sua chave de API...",
+          value: apiKey,
+          onChange: (e) => onApiKeyChange(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-2 rounded-md bg-muted/50 p-3", children: [
+      /* @__PURE__ */ jsx20(
+        Shield,
+        {
+          "aria-hidden": "true",
+          className: "mt-0.5 h-4 w-4 shrink-0 text-green-600"
+        }
+      ),
+      /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: "Sua chave de API \xE9 armazenada de forma segura e encriptada. Nunca \xE9 exposta no frontend." })
+    ] })
+  ] });
+}
+
+// src/components/capabilities/wizard-steps/config-step.tsx
+import { Loader2 as Loader28 } from "lucide-react";
+import {
+  Label as Label7,
   Select as Select4,
   SelectContent as SelectContent4,
   SelectItem as SelectItem4,
   SelectTrigger as SelectTrigger4,
   SelectValue as SelectValue4
 } from "@greatapps/greatauth-ui/ui";
-import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "lucide-react";
-import { format as format3 } from "date-fns";
-import { ptBR as ptBR3 } from "date-fns/locale";
-import { toast as toast11 } from "sonner";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
-function formatDate2(dateStr) {
-  if (!dateStr) return "Sem expira\xE7\xE3o";
-  return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+function ConfigStep({
+  integration,
+  options,
+  isLoading,
+  selectedValue,
+  onValueChange,
+  selectLabel,
+  selectPlaceholder
+}) {
+  const label = selectLabel || getDefaultLabel(integration.slug);
+  const placeholder = selectPlaceholder || getDefaultPlaceholder(integration.slug);
+  return /* @__PURE__ */ jsxs19("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx21("h3", { className: "text-lg font-semibold", children: "Configura\xE7\xE3o" }),
+      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Configure as op\xE7\xF5es espec\xEDficas da integra\xE7\xE3o." })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center gap-3 py-8", children: [
+      /* @__PURE__ */ jsx21(
+        Loader28,
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6 animate-spin text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Carregando op\xE7\xF5es..." })
+    ] }) : options.length === 0 ? /* @__PURE__ */ jsx21("div", { className: "rounded-lg border border-dashed p-6 text-center", children: /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Nenhuma op\xE7\xE3o dispon\xEDvel. A configura\xE7\xE3o padr\xE3o ser\xE1 usada." }) }) : /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx21(Label7, { htmlFor: "integration-config-select", children: label }),
+      /* @__PURE__ */ jsxs19(Select4, { value: selectedValue, onValueChange, children: [
+        /* @__PURE__ */ jsx21(SelectTrigger4, { id: "integration-config-select", children: /* @__PURE__ */ jsx21(SelectValue4, { placeholder }) }),
+        /* @__PURE__ */ jsx21(SelectContent4, { children: options.map((opt) => /* @__PURE__ */ jsxs19(SelectItem4, { value: opt.id, children: [
+          /* @__PURE__ */ jsx21("span", { children: opt.label }),
+          opt.description && /* @__PURE__ */ jsxs19("span", { className: "ml-2 text-xs text-muted-foreground", children: [
+            "(",
+            opt.description,
+            ")"
+          ] })
+        ] }, opt.id)) })
+      ] })
+    ] })
+  ] });
 }
-function useColumns3(tools, onEdit, onConnect, onRemove) {
-  function getToolName(idTool) {
-    if (!idTool) return "\u2014";
-    const tool = tools.find((t) => t.id === idTool);
-    return tool?.name || `Ferramenta #${idTool}`;
-  }
-  function getToolType(idTool) {
-    if (!idTool) return null;
-    const tool = tools.find((t) => t.id === idTool);
-    return tool?.type || null;
+function getDefaultLabel(slug) {
+  switch (slug) {
+    case "google_calendar":
+      return "Calend\xE1rio";
+    default:
+      return "Op\xE7\xE3o";
   }
-  return [
-    {
-      accessorKey: "label",
-      header: "Label",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "font-medium", children: row.original.label || "\u2014" })
-    },
-    {
-      accessorKey: "id_tool",
-      header: "Ferramenta",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
-    },
-    {
-      accessorKey: "status",
-      header: "Status",
-      cell: ({ row }) => /* @__PURE__ */ jsx24(
-        Badge9,
+}
+function getDefaultPlaceholder(slug) {
+  switch (slug) {
+    case "google_calendar":
+      return "Selecione o calend\xE1rio...";
+    default:
+      return "Selecione uma op\xE7\xE3o...";
+  }
+}
+
+// src/components/capabilities/wizard-steps/confirm-step.tsx
+import { CheckCircle2 as CheckCircle22 } from "lucide-react";
+import { Label as Label8 } from "@greatapps/greatauth-ui/ui";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+function ConfirmStep({
+  integration,
+  oauthResult,
+  selectedConfigOption,
+  enableOnComplete,
+  onEnableChange
+}) {
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx22("h3", { className: "text-lg font-semibold", children: "Confirma\xE7\xE3o" }),
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Revise as configura\xE7\xF5es antes de concluir." })
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "space-y-3 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsx22(SummaryRow, { label: "Integra\xE7\xE3o", value: integration.name }),
+      oauthResult?.email && /* @__PURE__ */ jsx22(SummaryRow, { label: "Conta conectada", value: oauthResult.email }),
+      selectedConfigOption && /* @__PURE__ */ jsx22(
+        SummaryRow,
         {
-          variant: row.original.status === "active" ? "default" : "destructive",
-          children: row.original.status === "active" ? "Ativo" : "Expirado"
+          label: getConfigLabel(integration.slug),
+          value: selectedConfigOption.label
+        }
+      ),
+      /* @__PURE__ */ jsx22(
+        SummaryRow,
+        {
+          label: "Tipo de autentica\xE7\xE3o",
+          value: integration.authType === "oauth2" ? "OAuth 2.0" : "API Key"
         }
       )
-    },
-    {
-      accessorKey: "expires_at",
-      header: "Expira em",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
-    },
-    {
-      accessorKey: "datetime_add",
-      header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.datetime_add) })
-    },
-    {
-      id: "actions",
-      header: "A\xE7\xF5es",
-      size: 100,
-      enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
-        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
-            Button14,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8",
-              "aria-label": "Vincular",
-              disabled: true,
-              children: /* @__PURE__ */ jsx24(Link, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Em breve" })
-        ] }),
-        /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
-            Button14,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8",
-              "aria-label": "Editar",
-              onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx24(Pencil4, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Editar" })
-        ] }),
-        /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
-            Button14,
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ jsx22(Label8, { htmlFor: "enable-on-complete", className: "text-sm font-medium", children: "Ativar imediatamente" }),
+        /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "A integra\xE7\xE3o ficar\xE1 ativa assim que concluir o assistente." })
+      ] }),
+      /* @__PURE__ */ jsx22(
+        "button",
+        {
+          id: "enable-on-complete",
+          role: "switch",
+          type: "button",
+          "aria-checked": enableOnComplete,
+          onClick: () => onEnableChange(!enableOnComplete),
+          className: `
+            relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent
+            transition-colors duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-2
+            focus-visible:ring-ring focus-visible:ring-offset-2
+            ${enableOnComplete ? "bg-primary" : "bg-muted"}
+          `,
+          children: /* @__PURE__ */ jsx22(
+            "span",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8 text-destructive hover:text-destructive",
-              "aria-label": "Excluir",
-              onClick: () => onRemove(row.original),
-              children: /* @__PURE__ */ jsx24(Trash25, { className: "h-4 w-4" })
+              "aria-hidden": "true",
+              className: `
+              pointer-events-none inline-block h-5 w-5 transform rounded-full bg-background shadow-lg
+              ring-0 transition duration-200 ease-in-out
+              ${enableOnComplete ? "translate-x-5" : "translate-x-0"}
+            `
             }
-          ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Remover" })
-        ] })
-      ] })
-    }
-  ];
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 rounded-md bg-green-50 p-3 dark:bg-green-950/20", children: [
+      /* @__PURE__ */ jsx22(
+        CheckCircle22,
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4 shrink-0 text-green-600"
+        }
+      ),
+      /* @__PURE__ */ jsx22("p", { className: "text-xs text-green-700 dark:text-green-400", children: 'Tudo pronto! Clique em "Concluir" para finalizar a configura\xE7\xE3o.' })
+    ] })
+  ] });
 }
-function ToolCredentialsForm({
-  credentials,
-  isLoading,
+function SummaryRow({ label, value }) {
+  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between text-sm", children: [
+    /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx22("span", { className: "font-medium", children: value })
+  ] });
+}
+function getConfigLabel(slug) {
+  switch (slug) {
+    case "google_calendar":
+      return "Calend\xE1rio";
+    default:
+      return "Configura\xE7\xE3o";
+  }
+}
+
+// src/components/capabilities/integration-wizard.tsx
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+var STEPS = ["info", "credentials", "config", "confirm"];
+var STEP_LABELS = {
+  info: "Informa\xE7\xE3o",
+  credentials: "Credenciais",
+  config: "Configura\xE7\xE3o",
+  confirm: "Confirma\xE7\xE3o"
+};
+function IntegrationWizard({
+  open,
+  onOpenChange,
+  integration,
+  meta,
+  agentId: _agentId,
   config,
+  onComplete,
   gagentsApiUrl,
-  createOpen: externalCreateOpen,
-  onCreateOpenChange
+  existingCredentialId,
+  loadConfigOptions,
+  existingConfigValue
 }) {
-  const createMutation = useCreateToolCredential(config);
-  const updateMutation = useUpdateToolCredential(config);
-  const deleteMutation = useDeleteToolCredential(config);
-  const { data: toolsData } = useTools(config);
-  const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
-  const [search, setSearch] = useState15("");
-  const [internalCreateOpen, setInternalCreateOpen] = useState15(false);
-  const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
-  const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
-  const [createForm, setCreateForm] = useState15({
-    id_tool: "",
-    label: "",
-    credentials_encrypted: "",
-    expires_at: ""
-  });
-  const [editTarget, setEditTarget] = useState15(null);
-  const [editForm, setEditForm] = useState15({
-    id_tool: "",
-    label: "",
-    credentials_encrypted: "",
-    expires_at: "",
-    status: ""
-  });
-  const [removeTarget, setRemoveTarget] = useState15(null);
-  const internalToolIds = useMemo7(() => {
-    const allRawTools = toolsData?.data || [];
-    return new Set(
-      allRawTools.filter((t) => t.slug?.startsWith("gclinic_")).map((t) => t.id)
-    );
-  }, [toolsData]);
-  const filteredCredentials = useMemo7(() => {
-    const visible = credentials.filter(
-      (cred) => !cred.id_tool || !internalToolIds.has(cred.id_tool)
-    );
-    if (!search) return visible;
-    const term = search.toLowerCase();
-    return visible.filter((cred) => {
-      const toolName = tools.find((t) => t.id === cred.id_tool)?.name || "";
-      return (cred.label || "").toLowerCase().includes(term) || toolName.toLowerCase().includes(term);
-    });
-  }, [credentials, search, tools, internalToolIds]);
-  const columns = useColumns3(
-    tools,
-    (cred) => startEdit(cred),
-    (cred) => handleConnect(cred),
-    (cred) => setRemoveTarget(cred)
+  const isReconnect = !!existingCredentialId;
+  const [currentStep, setCurrentStep] = useState14("info");
+  const currentIndex = STEPS.indexOf(currentStep);
+  const [oauthStatus, setOauthStatus] = useState14("idle");
+  const [oauthResult, setOauthResult] = useState14(null);
+  const popupRef = useRef2(null);
+  const popupPollRef = useRef2(null);
+  const [apiKey, setApiKey] = useState14("");
+  const [configOptions, setConfigOptions] = useState14([]);
+  const [configLoading, setConfigLoading] = useState14(false);
+  const [selectedConfigValue, setSelectedConfigValue] = useState14("");
+  const [enableOnComplete, setEnableOnComplete] = useState14(true);
+  const [isSubmitting, setIsSubmitting] = useState14(false);
+  useEffect5(() => {
+    return () => {
+      if (popupPollRef.current) {
+        clearInterval(popupPollRef.current);
+      }
+    };
+  }, []);
+  useEffect5(() => {
+    if (open) {
+      setCurrentStep("info");
+      setOauthStatus("idle");
+      setOauthResult(null);
+      setApiKey("");
+      setConfigOptions([]);
+      setConfigLoading(false);
+      setSelectedConfigValue(existingConfigValue ?? "");
+      setEnableOnComplete(true);
+      setIsSubmitting(false);
+    } else {
+      if (popupRef.current && !popupRef.current.closed) {
+        popupRef.current.close();
+      }
+      if (popupPollRef.current) {
+        clearInterval(popupPollRef.current);
+        popupPollRef.current = null;
+      }
+    }
+  }, [open]);
+  const handleOAuthMessage = useCallback6(
+    (event) => {
+      try {
+        if (event.origin !== new URL(gagentsApiUrl).origin) return;
+      } catch {
+        return;
+      }
+      if (!event.data || typeof event.data !== "object") return;
+      const msg = event.data;
+      if (msg.type !== "oauth-callback") return;
+      if (msg.success) {
+        setOauthStatus("success");
+        setOauthResult({
+          success: true,
+          email: msg.email,
+          credentialId: msg.credentialId
+        });
+        const credId = msg.credentialId || existingCredentialId;
+        if (credId && loadConfigOptions && meta.hasConfigStep) {
+          setConfigLoading(true);
+          loadConfigOptions(credId).then((opts) => {
+            setConfigOptions(opts);
+            if (opts.length === 1) {
+              setSelectedConfigValue(opts[0].id);
+            }
+          }).catch(() => setConfigOptions([])).finally(() => setConfigLoading(false));
+        }
+        setTimeout(() => {
+          setCurrentStep(meta.hasConfigStep ? "config" : "confirm");
+        }, 1200);
+      } else {
+        setOauthStatus("error");
+        setOauthResult({
+          success: false,
+          error: msg.error || "Falha na autoriza\xE7\xE3o"
+        });
+      }
+    },
+    [gagentsApiUrl, existingCredentialId, meta.hasConfigStep, loadConfigOptions]
   );
-  async function handleCreate() {
-    const idTool = parseInt(createForm.id_tool, 10);
-    if (!idTool || !createForm.label.trim() || !createForm.credentials_encrypted.trim()) return;
+  useEffect5(() => {
+    if (!open) return;
+    window.addEventListener("message", handleOAuthMessage);
+    return () => window.removeEventListener("message", handleOAuthMessage);
+  }, [open, handleOAuthMessage]);
+  async function startOAuth() {
+    const { language = "pt-br", idWl = 1, accountId, token } = config;
+    setOauthStatus("waiting");
     try {
-      const result = await createMutation.mutateAsync({
-        id_tool: idTool,
-        label: createForm.label.trim(),
-        credentials_encrypted: createForm.credentials_encrypted.trim(),
-        ...createForm.expires_at ? { expires_at: createForm.expires_at } : {}
+      let authorizeUrl = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${accountId}/oauth/authorize/${integration.slug}`;
+      if (existingCredentialId) {
+        authorizeUrl += `?credential_id=${existingCredentialId}`;
+      }
+      const response = await fetch(authorizeUrl, {
+        headers: { Authorization: `Bearer ${token}` }
       });
-      if (result.status === 1) {
-        toast11.success("Credencial criada");
-        setShowCreateDialog(false);
-        setCreateForm({ id_tool: "", label: "", credentials_encrypted: "", expires_at: "" });
-      } else {
-        toast11.error(result.message || "Erro ao criar credencial");
+      const result = await response.json();
+      if (result.status !== 1 || !result.data?.auth_url) {
+        setOauthStatus("error");
+        setOauthResult({
+          success: false,
+          error: result.message || "Erro ao obter URL de autoriza\xE7\xE3o"
+        });
+        return;
       }
-    } catch {
-      toast11.error("Erro ao criar credencial");
+      const popup = window.open(
+        result.data.auth_url,
+        "oauth-popup",
+        "width=500,height=600,scrollbars=yes,resizable=yes"
+      );
+      popupRef.current = popup;
+      if (popup) {
+        if (popupPollRef.current) {
+          clearInterval(popupPollRef.current);
+        }
+        popupPollRef.current = setInterval(() => {
+          if (popup.closed) {
+            if (popupPollRef.current) {
+              clearInterval(popupPollRef.current);
+              popupPollRef.current = null;
+            }
+            setOauthStatus(
+              (prev) => prev === "waiting" ? "error" : prev
+            );
+            setOauthResult(
+              (prev) => prev === null ? { success: false, error: "Janela fechada antes de concluir" } : prev
+            );
+          }
+        }, 500);
+      }
+    } catch (err) {
+      setOauthStatus("error");
+      setOauthResult({
+        success: false,
+        error: "Erro de rede ao obter URL de autoriza\xE7\xE3o"
+      });
     }
   }
-  function startEdit(cred) {
-    setEditTarget(cred);
-    setEditForm({
-      id_tool: cred.id_tool ? String(cred.id_tool) : "",
-      label: cred.label || "",
-      credentials_encrypted: "",
-      expires_at: cred.expires_at || "",
-      status: cred.status
-    });
-  }
-  async function handleSaveEdit() {
-    if (!editTarget) return;
-    const body = {};
-    const newIdTool = editForm.id_tool ? parseInt(editForm.id_tool, 10) : null;
-    if (newIdTool && newIdTool !== editTarget.id_tool) {
-      body.id_tool = newIdTool;
-    }
-    if (editForm.label.trim() && editForm.label.trim() !== (editTarget.label || "")) {
-      body.label = editForm.label.trim();
-    }
-    if (editForm.credentials_encrypted.trim()) {
-      body.credentials_encrypted = editForm.credentials_encrypted.trim();
+  function canAdvance() {
+    switch (currentStep) {
+      case "info":
+        return true;
+      case "credentials":
+        if (integration.authType === "oauth2") {
+          return oauthStatus === "success";
+        }
+        return apiKey.trim().length > 0;
+      case "config":
+        return true;
+      case "confirm":
+        return true;
+      default:
+        return false;
     }
-    if (editForm.expires_at !== (editTarget.expires_at || "")) {
-      body.expires_at = editForm.expires_at || null;
+  }
+  function goNext() {
+    if (!canAdvance()) return;
+    if (currentStep === "credentials" && !meta.hasConfigStep) {
+      setCurrentStep("confirm");
+      return;
     }
-    if (editForm.status && editForm.status !== editTarget.status) {
-      body.status = editForm.status;
+    const nextIndex = currentIndex + 1;
+    if (nextIndex < STEPS.length) {
+      setCurrentStep(STEPS[nextIndex]);
     }
-    if (Object.keys(body).length === 0) {
-      setEditTarget(null);
+  }
+  function goPrev() {
+    if (currentStep === "confirm" && !meta.hasConfigStep) {
+      setCurrentStep("credentials");
       return;
     }
-    try {
-      const result = await updateMutation.mutateAsync({
-        id: editTarget.id,
-        body
-      });
-      if (result.status === 1) {
-        toast11.success("Credencial atualizada");
-        setEditTarget(null);
-      } else {
-        toast11.error(result.message || "Erro ao atualizar credencial");
-      }
-    } catch {
-      toast11.error("Erro ao atualizar credencial");
+    const prevIndex = currentIndex - 1;
+    if (prevIndex >= 0) {
+      setCurrentStep(STEPS[prevIndex]);
     }
   }
-  async function handleRemove() {
-    if (!removeTarget) return;
+  async function handleComplete() {
+    setIsSubmitting(true);
     try {
-      const result = await deleteMutation.mutateAsync(removeTarget.id);
-      if (result.status === 1) {
-        toast11.success("Credencial removida");
-      } else {
-        toast11.error(result.message || "Erro ao remover credencial");
-      }
+      onComplete();
+      onOpenChange(false);
+      toast11.success(
+        `${integration.name} ${isReconnect ? "reconectado" : "configurado"} com sucesso!`
+      );
     } catch {
-      toast11.error("Erro ao remover credencial");
+      toast11.error("Erro ao finalizar configura\xE7\xE3o");
     } finally {
-      setRemoveTarget(null);
+      setIsSubmitting(false);
     }
   }
-  function handleConnect(cred) {
-    if (!config.accountId || !config.token) return;
-    const language = config.language ?? "pt-br";
-    const idWl = config.idWl ?? 1;
-    const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
-    window.open(url, "_blank");
-  }
-  return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs22("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx24(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx24(
-        Input10,
+  const selectedConfigOption = configOptions.find((o) => o.id === selectedConfigValue) || null;
+  const isLastStep = currentStep === "confirm";
+  const effectiveSteps = meta.hasConfigStep ? STEPS : STEPS.filter((s) => s !== "config");
+  return /* @__PURE__ */ jsx23(Dialog7, { open, onOpenChange, children: /* @__PURE__ */ jsxs21(DialogContent7, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx23(DialogHeader7, { children: /* @__PURE__ */ jsx23(DialogTitle7, { children: integration.name }) }),
+    /* @__PURE__ */ jsx23(StepIndicator, { steps: effectiveSteps, currentStep }),
+    /* @__PURE__ */ jsxs21("div", { className: "min-h-[280px] py-2", children: [
+      currentStep === "info" && /* @__PURE__ */ jsx23(
+        InfoStep,
         {
-          placeholder: "Buscar credenciais\\u2026",
-          "aria-label": "Buscar credenciais",
-          name: "search",
-          autoComplete: "off",
-          value: search,
-          onChange: (e) => setSearch(e.target.value),
-          className: "pl-9"
+          integration,
+          meta
+        }
+      ),
+      currentStep === "credentials" && /* @__PURE__ */ jsx23(
+        CredentialsStep,
+        {
+          integration,
+          meta,
+          oauthStatus,
+          oauthResult,
+          apiKey,
+          onApiKeyChange: setApiKey,
+          onStartOAuth: startOAuth,
+          isReconnect
+        }
+      ),
+      currentStep === "config" && /* @__PURE__ */ jsx23(
+        ConfigStep,
+        {
+          integration,
+          options: configOptions,
+          isLoading: configLoading,
+          selectedValue: selectedConfigValue,
+          onValueChange: setSelectedConfigValue
+        }
+      ),
+      currentStep === "confirm" && /* @__PURE__ */ jsx23(
+        ConfirmStep,
+        {
+          integration,
+          oauthResult,
+          selectedConfigOption,
+          enableOnComplete,
+          onEnableChange: setEnableOnComplete
         }
       )
-    ] }) }),
-    /* @__PURE__ */ jsx24(
-      DataTable3,
-      {
-        columns,
-        data: filteredCredentials,
-        isLoading,
-        emptyMessage: "Nenhuma credencial encontrada"
-      }
-    ),
-    /* @__PURE__ */ jsx24(Dialog7, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs22(DialogContent7, { children: [
-      /* @__PURE__ */ jsx24(DialogHeader7, { children: /* @__PURE__ */ jsx24(DialogTitle7, { children: "Nova Credencial" }) }),
-      /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-          /* @__PURE__ */ jsxs22(
-            Select4,
-            {
-              value: createForm.id_tool,
-              onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
-              children: [
-                /* @__PURE__ */ jsx24(SelectTrigger4, { id: "cred-tool", children: /* @__PURE__ */ jsx24(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
-                /* @__PURE__ */ jsx24(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx24(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
-          /* @__PURE__ */ jsx24(
-            Input10,
+    ] }),
+    /* @__PURE__ */ jsxs21(DialogFooter7, { className: "flex-row justify-between sm:justify-between", children: [
+      /* @__PURE__ */ jsx23("div", { children: currentStep === "info" ? /* @__PURE__ */ jsx23(
+        Button14,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          children: "Cancelar"
+        }
+      ) : /* @__PURE__ */ jsxs21(
+        Button14,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: goPrev,
+          className: "gap-1",
+          children: [
+            /* @__PURE__ */ jsx23(ChevronLeft, { "aria-hidden": "true", className: "h-4 w-4" }),
+            "Voltar"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx23("div", { children: isLastStep ? /* @__PURE__ */ jsxs21(
+        Button14,
+        {
+          type: "button",
+          onClick: handleComplete,
+          disabled: isSubmitting,
+          className: "gap-1",
+          children: [
+            isSubmitting ? /* @__PURE__ */ jsx23(
+              Loader29,
+              {
+                "aria-hidden": "true",
+                className: "h-4 w-4 animate-spin"
+              }
+            ) : /* @__PURE__ */ jsx23(Check2, { "aria-hidden": "true", className: "h-4 w-4" }),
+            "Concluir"
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs21(
+        Button14,
+        {
+          type: "button",
+          onClick: goNext,
+          disabled: !canAdvance(),
+          className: "gap-1",
+          children: [
+            "Continuar",
+            /* @__PURE__ */ jsx23(ChevronRight, { "aria-hidden": "true", className: "h-4 w-4" })
+          ]
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function StepIndicator({
+  steps,
+  currentStep
+}) {
+  const currentIndex = steps.indexOf(currentStep);
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      className: "flex items-center justify-center gap-1 py-2",
+      role: "list",
+      "aria-label": "Passos do assistente",
+      children: steps.map((step, i) => {
+        const isCompleted = i < currentIndex;
+        const isCurrent = step === currentStep;
+        return /* @__PURE__ */ jsxs21("div", { className: "flex items-center", role: "listitem", children: [
+          /* @__PURE__ */ jsx23(
+            "div",
             {
-              id: "cred-label",
-              name: "label",
-              value: createForm.label,
-              onChange: (e) => setCreateForm((f) => ({ ...f, label: e.target.value })),
-              placeholder: "Ex: Google Calendar - Cl\xEDnica S\xE3o Paulo"
+              className: `
+                flex h-7 w-7 items-center justify-center rounded-full text-xs font-medium
+                transition-colors duration-200
+                ${isCurrent ? "bg-primary text-primary-foreground" : isCompleted ? "bg-green-600 text-white" : "bg-muted text-muted-foreground"}
+              `,
+              "aria-current": isCurrent ? "step" : void 0,
+              "aria-label": `${STEP_LABELS[step]}${isCompleted ? " (conclu\xEDdo)" : isCurrent ? " (atual)" : ""}`,
+              children: isCompleted ? /* @__PURE__ */ jsx23(Check2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : i + 1
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
-          /* @__PURE__ */ jsx24(
-            Input10,
+          ),
+          /* @__PURE__ */ jsx23(
+            "span",
             {
-              id: "cred-credential",
-              name: "credential",
-              autoComplete: "off",
-              type: "password",
-              value: createForm.credentials_encrypted,
-              onChange: (e) => setCreateForm((f) => ({
-                ...f,
-                credentials_encrypted: e.target.value
-              })),
-              placeholder: "Credencial encriptada"
+              className: `
+                ml-1.5 hidden text-xs sm:inline
+                ${isCurrent ? "font-medium text-foreground" : "text-muted-foreground"}
+              `,
+              children: STEP_LABELS[step]
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
-          /* @__PURE__ */ jsx24(
-            Input10,
+          ),
+          i < steps.length - 1 && /* @__PURE__ */ jsx23(
+            "div",
             {
-              id: "cred-expires",
-              name: "expires",
-              type: "date",
-              value: createForm.expires_at,
-              onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
+              className: `
+                  mx-2 h-px w-6
+                  ${i < currentIndex ? "bg-green-600" : "bg-border"}
+                `
             }
           )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs22(DialogFooter7, { children: [
-        /* @__PURE__ */ jsx24(
-          Button14,
-          {
-            variant: "outline",
-            onClick: () => setShowCreateDialog(false),
-            children: "Cancelar"
-          }
-        ),
-        /* @__PURE__ */ jsx24(
-          Button14,
-          {
-            onClick: handleCreate,
-            disabled: !createForm.id_tool || !createForm.label.trim() || !createForm.credentials_encrypted.trim() || createMutation.isPending,
-            children: "Criar"
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx24(
-      Dialog7,
-      {
-        open: !!editTarget,
-        onOpenChange: (open) => !open && setEditTarget(null),
-        children: /* @__PURE__ */ jsxs22(DialogContent7, { children: [
-          /* @__PURE__ */ jsx24(DialogHeader7, { children: /* @__PURE__ */ jsx24(DialogTitle7, { children: "Editar Credencial" }) }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-              /* @__PURE__ */ jsxs22(
-                Select4,
-                {
-                  value: editForm.id_tool,
-                  onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
-                  children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger4, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx24(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
-                    /* @__PURE__ */ jsx24(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx24(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
-              /* @__PURE__ */ jsx24(
-                Input10,
-                {
-                  id: "edit-cred-label",
-                  name: "label",
-                  value: editForm.label,
-                  onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
-                  placeholder: "Label da credencial"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
-              /* @__PURE__ */ jsx24(
-                Input10,
-                {
-                  id: "edit-cred-credential",
-                  name: "credential",
-                  autoComplete: "off",
-                  type: "password",
-                  value: editForm.credentials_encrypted,
-                  onChange: (e) => setEditForm((f) => ({
-                    ...f,
-                    credentials_encrypted: e.target.value
-                  })),
-                  placeholder: "Nova credencial"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
-              /* @__PURE__ */ jsx24(
-                Input10,
-                {
-                  id: "edit-cred-expires",
-                  name: "expires",
-                  type: "date",
-                  value: editForm.expires_at,
-                  onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
-              /* @__PURE__ */ jsxs22(
-                Select4,
-                {
-                  value: editForm.status || void 0,
-                  onValueChange: (val) => setEditForm((f) => ({
-                    ...f,
-                    status: val
-                  })),
-                  children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger4, { id: "edit-cred-status", children: /* @__PURE__ */ jsx24(SelectValue4, {}) }),
-                    /* @__PURE__ */ jsxs22(SelectContent4, { children: [
-                      /* @__PURE__ */ jsx24(SelectItem4, { value: "active", children: "Ativo" }),
-                      /* @__PURE__ */ jsx24(SelectItem4, { value: "expired", children: "Expirado" })
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs22(DialogFooter7, { children: [
-            /* @__PURE__ */ jsx24(Button14, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
-            /* @__PURE__ */ jsx24(
-              Button14,
-              {
-                onClick: handleSaveEdit,
-                disabled: updateMutation.isPending,
-                children: "Salvar"
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx24(
-      AlertDialog5,
-      {
-        open: !!removeTarget,
-        onOpenChange: (open) => !open && setRemoveTarget(null),
-        children: /* @__PURE__ */ jsxs22(AlertDialogContent5, { children: [
-          /* @__PURE__ */ jsxs22(AlertDialogHeader5, { children: [
-            /* @__PURE__ */ jsx24(AlertDialogTitle5, { children: "Remover credencial?" }),
-            /* @__PURE__ */ jsx24(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
-          ] }),
-          /* @__PURE__ */ jsxs22(AlertDialogFooter5, { children: [
-            /* @__PURE__ */ jsx24(AlertDialogCancel5, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx24(
-              AlertDialogAction5,
-              {
-                onClick: handleRemove,
-                disabled: deleteMutation.isPending,
-                children: "Remover"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
+        ] }, step);
+      })
+    }
+  );
 }
 
 // src/pages/agents-page.tsx
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 import { Button as Button15 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus4 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function AgentsPage({
   config,
   onNavigateToAgent,
   title = "Agentes AI",
   subtitle = "Gerencie seus agentes de atendimento inteligente"
 }) {
-  const [createOpen, setCreateOpen] = useState16(false);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx25("h1", { className: "text-xl font-semibold", children: title }),
-        /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: subtitle })
+  const [createOpen, setCreateOpen] = useState15(false);
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx24("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs23(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx25(Plus4, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs22(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx24(Plus4, { className: "mr-2 h-4 w-4" }),
         "Novo Agente"
       ] })
     ] }),
-    /* @__PURE__ */ jsx25(AgentsTable, { config, onNavigateToAgent }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(AgentsTable, { config, onNavigateToAgent }),
+    /* @__PURE__ */ jsx24(
       AgentFormDialog,
       {
         config,
@@ -5339,11 +5260,11 @@ function AgentsPage({
 }
 
 // src/pages/agent-detail-page.tsx
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 import { Badge as Badge10, Button as Button16, Skeleton as Skeleton7 } from "@greatapps/greatauth-ui/ui";
 import { EntityAvatar as EntityAvatar2 } from "@greatapps/greatauth-ui";
 import { ArrowLeft, Pencil as Pencil5 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentDetailPage({
   config,
   agentId,
@@ -5351,28 +5272,28 @@ function AgentDetailPage({
   renderChatLink
 }) {
   const { data: agent, isLoading } = useAgent(config, agentId);
-  const [editOpen, setEditOpen] = useState17(false);
+  const [editOpen, setEditOpen] = useState16(false);
   if (isLoading) {
-    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 p-4", children: [
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-4 w-32" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-8 w-48" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-64 w-full" })
+    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-64 w-full" })
     ] });
   }
   if (!agent) {
-    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
-      /* @__PURE__ */ jsx26("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
-      onBack && /* @__PURE__ */ jsxs24(Button16, { variant: "ghost", size: "sm", onClick: onBack, children: [
-        /* @__PURE__ */ jsx26(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
+      /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
+      onBack && /* @__PURE__ */ jsxs23(Button16, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ jsx25(ArrowLeft, { className: "mr-2 h-4 w-4" }),
         "Voltar para agentes"
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsx26("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-3 flex-1", children: [
-        onBack && /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-6 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsx25("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-3 flex-1", children: [
+        onBack && /* @__PURE__ */ jsx25(
           Button16,
           {
             variant: "ghost",
@@ -5380,13 +5301,13 @@ function AgentDetailPage({
             "aria-label": "Voltar",
             className: "shrink-0 mt-1",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx26(ArrowLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx25(ArrowLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx26(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
-        /* @__PURE__ */ jsx26("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ jsx26("h1", { className: "text-xl font-semibold", children: agent.title }),
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
+        /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx25("h1", { className: "text-xl font-semibold", children: agent.title }),
+          /* @__PURE__ */ jsx25(
             Badge10,
             {
               variant: agent.active ? "default" : "destructive",
@@ -5396,7 +5317,7 @@ function AgentDetailPage({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsxs23(
         Button16,
         {
           variant: "outline",
@@ -5404,13 +5325,13 @@ function AgentDetailPage({
           className: "shrink-0 self-start",
           onClick: () => setEditOpen(true),
           children: [
-            /* @__PURE__ */ jsx26(Pencil5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx25(Pencil5, { className: "mr-2 h-4 w-4" }),
             "Editar"
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx25(
       AgentTabs,
       {
         agent,
@@ -5418,7 +5339,7 @@ function AgentDetailPage({
         renderChatLink
       }
     ),
-    editOpen && /* @__PURE__ */ jsx26(
+    editOpen && /* @__PURE__ */ jsx25(
       AgentEditForm,
       {
         agent,
@@ -5431,8 +5352,56 @@ function AgentDetailPage({
   ] });
 }
 
+// src/pages/agent-capabilities-page.tsx
+import {
+  Tabs as Tabs2,
+  TabsList as TabsList2,
+  TabsTrigger as TabsTrigger2,
+  TabsContent as TabsContent2
+} from "@greatapps/greatauth-ui/ui";
+import { Blocks as Blocks2, Plug as Plug4, Settings as Settings4 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+function AgentCapabilitiesPage({
+  config,
+  agentId,
+  gagentsApiUrl
+}) {
+  return /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
+      /* @__PURE__ */ jsx26("h2", { className: "text-lg font-semibold", children: "Capacidades e Integra\xE7\xF5es" }),
+      /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Configure o que este agente pode fazer e quais integra\xE7\xF5es ele utiliza." })
+    ] }),
+    /* @__PURE__ */ jsxs24(Tabs2, { defaultValue: "capacidades", children: [
+      /* @__PURE__ */ jsxs24(TabsList2, { children: [
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "capacidades", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Blocks2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Capacidades"
+        ] }),
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "integracoes", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Plug4, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Integra\xE7\xF5es"
+        ] }),
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "avancado", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Settings4, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Avan\xE7ado"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx26(CapabilitiesTab, { config, agentId }) }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx26(IntegrationsTab, { config, agentId }) }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "avancado", className: "mt-4", children: /* @__PURE__ */ jsx26(
+        AdvancedTab,
+        {
+          config,
+          agentId,
+          gagentsApiUrl
+        }
+      ) })
+    ] })
+  ] });
+}
+
 // src/pages/tools-page.tsx
-import { useState as useState18 } from "react";
+import { useState as useState17 } from "react";
 import { Button as Button17 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus5 } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -5441,8 +5410,8 @@ function ToolsPage({
   title = "Ferramentas",
   subtitle = "Gerencie as ferramentas dispon\xEDveis para seus agentes"
 }) {
-  const [createOpen, setCreateOpen] = useState18(false);
-  const [editTool, setEditTool] = useState18(void 0);
+  const [createOpen, setCreateOpen] = useState17(false);
+  const [editTool, setEditTool] = useState17(void 0);
   return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs25("div", { children: [
@@ -5476,7 +5445,7 @@ function ToolsPage({
 }
 
 // src/pages/credentials-page.tsx
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { Button as Button18 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus6 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -5487,7 +5456,7 @@ function CredentialsPage({
   subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
-  const [createOpen, setCreateOpen] = useState19(false);
+  const [createOpen, setCreateOpen] = useState18(false);
   const credentials = credentialsData?.data || [];
   return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
@@ -5515,7 +5484,7 @@ function CredentialsPage({
 }
 
 // src/pages/integrations-management-page.tsx
-import { useState as useState20, useMemo as useMemo8 } from "react";
+import { useState as useState19, useMemo as useMemo8, useCallback as useCallback7 } from "react";
 import {
   Badge as Badge11,
   Button as Button19,
@@ -5524,7 +5493,7 @@ import {
   TabsList as TabsList3,
   TabsTrigger as TabsTrigger3
 } from "@greatapps/greatauth-ui/ui";
-import { Plus as Plus7, Plug as Plug4, KeyRound, Info as Info3 } from "lucide-react";
+import { Plus as Plus7, Plug as Plug5, KeyRound, Info as Info3, Loader2 as Loader210 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function useCredentialAgentSummary(credentials, tools, agents) {
   return useMemo8(() => {
@@ -5545,18 +5514,49 @@ function useCredentialAgentSummary(credentials, tools, agents) {
 function IntegrationsManagementPage({
   config,
   gagentsApiUrl,
-  onConnect,
+  resolveWizardMeta,
+  loadConfigOptions,
+  onWizardComplete,
   title = "Integra\xE7\xF5es e Credenciais",
   subtitle = "Gerencie todas as integra\xE7\xF5es e credenciais da conta."
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
   const { data: agentsData } = useAgents(config);
   const { data: toolsData } = useTools(config);
-  const [createOpen, setCreateOpen] = useState20(false);
+  const [createOpen, setCreateOpen] = useState19(false);
+  const { cards, isLoading: cardsLoading } = useIntegrationState(config, null);
+  const [wizardOpen, setWizardOpen] = useState19(false);
+  const [activeCard, setActiveCard] = useState19(null);
   const credentials = credentialsData?.data || [];
   const agents = agentsData?.data || [];
   const tools = toolsData?.data || [];
   const summary = useCredentialAgentSummary(credentials, tools, agents);
+  const handleConnect = useCallback7((card) => {
+    setActiveCard(card);
+    setWizardOpen(true);
+  }, []);
+  const handleWizardClose = useCallback7((open) => {
+    if (!open) {
+      setActiveCard(null);
+    }
+    setWizardOpen(open);
+  }, []);
+  const handleWizardComplete = useCallback7(() => {
+    setWizardOpen(false);
+    setActiveCard(null);
+    onWizardComplete?.();
+  }, [onWizardComplete]);
+  const wizardMeta = activeCard ? resolveWizardMeta?.(activeCard) ?? {
+    capabilities: [],
+    requirements: [],
+    hasConfigStep: false
+  } : null;
+  const connectedCards = cards.filter(
+    (c) => !c.isAddNew && (c.state === "connected" || c.state === "expired")
+  );
+  const otherCards = cards.filter(
+    (c) => c.isAddNew || c.state === "coming_soon"
+  );
   return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
     /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs27("div", { children: [
       /* @__PURE__ */ jsx29("h1", { className: "text-xl font-semibold", children: title }),
@@ -5565,7 +5565,7 @@ function IntegrationsManagementPage({
     /* @__PURE__ */ jsxs27(Tabs3, { defaultValue: "integrations", className: "w-full", children: [
       /* @__PURE__ */ jsxs27(TabsList3, { children: [
         /* @__PURE__ */ jsxs27(TabsTrigger3, { value: "integrations", className: "gap-2", children: [
-          /* @__PURE__ */ jsx29(Plug4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx29(Plug5, { className: "h-4 w-4" }),
           "Integra\xE7\xF5es"
         ] }),
         /* @__PURE__ */ jsxs27(TabsTrigger3, { value: "credentials", className: "gap-2", children: [
@@ -5573,15 +5573,36 @@ function IntegrationsManagementPage({
           "Credenciais"
         ] })
       ] }),
-      /* @__PURE__ */ jsx29(TabsContent3, { value: "integrations", className: "mt-4", children: /* @__PURE__ */ jsx29(
-        IntegrationsTab,
-        {
-          config,
-          agentId: null,
-          onConnect: onConnect ?? (() => {
-          })
-        }
-      ) }),
+      /* @__PURE__ */ jsx29(TabsContent3, { value: "integrations", className: "mt-4", children: cardsLoading ? /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx29(Loader210, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) : cards.length === 0 ? /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx29(Plug5, { className: "h-10 w-10" }),
+        /* @__PURE__ */ jsx29("p", { className: "text-sm", children: "Nenhuma integra\xE7\xE3o dispon\xEDvel" })
+      ] }) : /* @__PURE__ */ jsxs27("div", { className: "space-y-6", children: [
+        connectedCards.length > 0 && /* @__PURE__ */ jsxs27("div", { children: [
+          /* @__PURE__ */ jsx29("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Contas conectadas" }),
+          /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: connectedCards.map((card) => /* @__PURE__ */ jsx29(
+            IntegrationCard,
+            {
+              card,
+              onConnect: handleConnect
+            },
+            `${card.definition.slug}-cred-${card.credentialId}`
+          )) })
+        ] }),
+        otherCards.length > 0 && /* @__PURE__ */ jsxs27("div", { children: [
+          connectedCards.length > 0 && /* @__PURE__ */ jsx29("h3", { className: "mb-3 text-xs font-medium uppercase tracking-wider text-muted-foreground", children: "Adicionar integra\xE7\xE3o" }),
+          /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: otherCards.map((card) => {
+            const key = card.isAddNew ? `${card.definition.slug}-add-new` : card.definition.slug;
+            return /* @__PURE__ */ jsx29(
+              IntegrationCard,
+              {
+                card,
+                onConnect: handleConnect
+              },
+              key
+            );
+          }) })
+        ] })
+      ] }) }),
       /* @__PURE__ */ jsxs27(TabsContent3, { value: "credentials", className: "mt-4", children: [
         !credentialsLoading && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4 rounded-lg border bg-muted/50 px-4 py-3 mb-4", children: [
           /* @__PURE__ */ jsx29(Info3, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
@@ -5618,7 +5639,22 @@ function IntegrationsManagementPage({
           }
         )
       ] })
-    ] })
+    ] }),
+    activeCard && wizardMeta && /* @__PURE__ */ jsx29(
+      IntegrationWizard,
+      {
+        open: wizardOpen,
+        onOpenChange: handleWizardClose,
+        integration: activeCard.definition,
+        meta: wizardMeta,
+        agentId: 0,
+        config,
+        gagentsApiUrl,
+        existingCredentialId: activeCard.credentialId,
+        onComplete: handleWizardComplete,
+        loadConfigOptions
+      }
+    )
   ] });
 }
 export {