@greatapps/greatagents-ui 0.3.2 → 0.3.4

package/dist/index.js

@@ -88,7 +88,11 @@ function createGagentsClient(config) {
       `calendar/disconnect/${encodeURIComponent(externalReference)}`,
       void 0,
       { provider }
-    )
+    ),
+    // --- Capabilities ---
+    getCapabilities: (idAccount) => request("GET", idAccount, "capabilities"),
+    getAgentCapabilities: (idAccount, idAgent) => request("GET", idAccount, `agents/${idAgent}/capabilities`),
+    updateAgentCapabilities: (idAccount, idAgent, body) => request("PUT", idAccount, `agents/${idAgent}/capabilities`, body)
   };
 }
 
@@ -444,8 +448,110 @@ function useGagentsContacts(config, params) {
   });
 }
 
+// src/hooks/use-capabilities.ts
+import { useQuery as useQuery8, useMutation as useMutation6, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+function useCapabilities(config) {
+  const client = useGagentsClient(config);
+  return useQuery8({
+    queryKey: ["greatagents", "capabilities", config.accountId],
+    queryFn: async () => {
+      const res = await client.getCapabilities(config.accountId);
+      return res.data ?? { product: null, categories: [] };
+    },
+    enabled: !!config.token && !!config.accountId
+  });
+}
+function useAgentCapabilities(config, agentId) {
+  const client = useGagentsClient(config);
+  return useQuery8({
+    queryKey: ["greatagents", "agent-capabilities", config.accountId, agentId],
+    queryFn: async () => {
+      const res = await client.getAgentCapabilities(config.accountId, agentId);
+      const d = res.data;
+      return Array.isArray(d) ? d : [];
+    },
+    enabled: !!config.token && !!config.accountId && !!agentId
+  });
+}
+function useUpdateAgentCapabilities(config) {
+  const client = useGagentsClient(config);
+  const queryClient = useQueryClient6();
+  return useMutation6({
+    mutationFn: ({ agentId, payload }) => client.updateAgentCapabilities(config.accountId, agentId, payload),
+    onSuccess: (_data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ["greatagents", "agent-capabilities", config.accountId, variables.agentId]
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["greatagents", "agent-tools"]
+      });
+    }
+  });
+}
+
+// src/hooks/use-integrations.ts
+import { useMemo as useMemo2 } from "react";
+
+// src/data/integrations-registry.ts
+var INTEGRATIONS_REGISTRY = [
+  {
+    slug: "google_calendar",
+    name: "Google Agenda",
+    description: "Sincronize agendamentos com o Google Calendar",
+    icon: "CalendarSync",
+    authType: "oauth2",
+    status: "available"
+  }
+  // Future integrations — add entries here without code changes
+];
+
+// src/hooks/use-integrations.ts
+function useIntegrationState(config, agentId) {
+  const { data: credentialsData, isLoading: loadingCredentials } = useToolCredentials(config);
+  const { data: toolsData, isLoading: loadingTools } = useTools(config);
+  const { data: agentToolsData, isLoading: loadingAgentTools } = useAgentTools(
+    config,
+    agentId ?? 0
+  );
+  const isLoading = loadingCredentials || loadingTools || loadingAgentTools;
+  const cards = useMemo2(() => {
+    const credentials = credentialsData?.data ?? [];
+    const tools = toolsData?.data ?? [];
+    const agentTools = agentToolsData?.data ?? [];
+    return INTEGRATIONS_REGISTRY.map((def) => {
+      if (def.status === "coming_soon") {
+        return {
+          definition: def,
+          state: "coming_soon",
+          credential: null,
+          tool: null,
+          sharedByAgentsCount: 0,
+          linkedToAgent: false
+        };
+      }
+      const matchedTool = tools.find((t) => t.slug === def.slug) ?? null;
+      const matchedCredential = matchedTool ? credentials.find((c) => c.id_tool === matchedTool.id) ?? null : null;
+      const linkedToAgent = matchedTool ? agentTools.some((at) => at.id_tool === matchedTool.id) : false;
+      const sharedByAgentsCount = matchedCredential ? 1 : 0;
+      let state = "available";
+      if (matchedCredential) {
+        state = matchedCredential.status === "expired" ? "expired" : "connected";
+      }
+      return {
+        definition: def,
+        state,
+        credential: matchedCredential,
+        tool: matchedTool,
+        sharedByAgentsCount,
+        linkedToAgent
+      };
+    });
+  }, [credentialsData, toolsData, agentToolsData]);
+  return { cards, isLoading };
+}
+
 // src/components/agents/agents-table.tsx
-import { useMemo as useMemo2, useState } from "react";
+import { useMemo as useMemo3, useState } from "react";
 import { DataTable } from "@greatapps/greatauth-ui";
 import {
   Input,
@@ -504,6 +610,7 @@ function useColumns(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
             }
@@ -517,6 +624,7 @@ function useColumns(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onDelete(row.original.id),
               children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
             }
@@ -530,7 +638,7 @@ function useColumns(onEdit, onDelete) {
 function AgentsTable({ config, onNavigateToAgent }) {
   const [search, setSearch] = useState("");
   const [page, setPage] = useState(1);
-  const queryParams = useMemo2(() => {
+  const queryParams = useMemo3(() => {
     const params = {
       limit: "15",
       page: String(page)
@@ -565,11 +673,14 @@ function AgentsTable({ config, onNavigateToAgent }) {
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(Search, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Buscar agentes...",
+          placeholder: "Buscar agentes\\u2026",
+          "aria-label": "Buscar agentes",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => handleSearchChange(e.target.value),
           className: "pl-9"
@@ -693,6 +804,7 @@ function AgentFormDialog({
           Input2,
           {
             id: "agent-photo",
+            name: "photo",
             value: photo,
             onChange: (e) => setPhoto(e.target.value),
             placeholder: "https://exemplo.com/foto.jpg",
@@ -706,6 +818,7 @@ function AgentFormDialog({
           Input2,
           {
             id: "agent-title",
+            name: "title",
             value: title,
             onChange: (e) => setTitle(e.target.value),
             placeholder: "Ex: Assistente de Agendamento",
@@ -721,6 +834,7 @@ function AgentFormDialog({
             Input2,
             {
               id: "agent-delay",
+              name: "delay",
               type: "number",
               value: delayTyping,
               onChange: (e) => setDelayTyping(e.target.value),
@@ -736,6 +850,7 @@ function AgentFormDialog({
             Input2,
             {
               id: "agent-waiting",
+              name: "waiting",
               type: "number",
               value: waitingTime,
               onChange: (e) => setWaitingTime(e.target.value),
@@ -758,7 +873,7 @@ function AgentFormDialog({
           }
         ),
         /* @__PURE__ */ jsxs2(Button2, { type: "submit", disabled: isPending || !title.trim(), children: [
-          isPending ? /* @__PURE__ */ jsx2(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isPending ? /* @__PURE__ */ jsx2(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -857,6 +972,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
         Input3,
         {
           id: "edit-title",
+          name: "title",
           value: form.title,
           onChange: (e) => {
             setForm((prev) => ({
@@ -890,6 +1006,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
           Input3,
           {
             id: "edit-delay",
+            name: "delay",
             type: "number",
             value: form.delayTyping,
             onChange: (e) => updateField("delayTyping", e.target.value),
@@ -907,6 +1024,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
           Input3,
           {
             id: "edit-waiting",
+            name: "waiting",
             type: "number",
             value: form.waitingTime,
             onChange: (e) => updateField("waitingTime", e.target.value),
@@ -931,7 +1049,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
         }
       ),
       /* @__PURE__ */ jsxs3(Button3, { type: "submit", disabled: updateAgent.isPending, children: [
-        updateAgent.isPending && /* @__PURE__ */ jsx3(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+        updateAgent.isPending && /* @__PURE__ */ jsx3(Loader22, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }),
         "Salvar"
       ] })
     ] })
@@ -1100,7 +1218,9 @@ function AgentToolsList({ agent, config }) {
           /* @__PURE__ */ jsx4("div", { className: "p-2", children: /* @__PURE__ */ jsx4(
             Input4,
             {
-              placeholder: "Buscar ferramenta...",
+              placeholder: "Buscar ferramenta\\u2026",
+              "aria-label": "Buscar ferramenta",
+              name: "search",
               value: search,
               onChange: (e) => setSearch(e.target.value),
               className: "h-8"
@@ -1144,6 +1264,7 @@ function AgentToolsList({ agent, config }) {
             /* @__PURE__ */ jsx4(
               Switch2,
               {
+                "aria-label": "Ativar/Desativar",
                 checked: agentTool.enabled,
                 onCheckedChange: (checked) => handleToggleEnabled(agentTool, checked),
                 disabled: updateMutation.isPending
@@ -1154,6 +1275,7 @@ function AgentToolsList({ agent, config }) {
               {
                 variant: "ghost",
                 size: "icon",
+                "aria-label": "Configurar",
                 className: "shrink-0 text-muted-foreground hover:text-foreground",
                 onClick: () => openConfig(agentTool),
                 title: "Configurar instru\xE7\xF5es",
@@ -1165,6 +1287,7 @@ function AgentToolsList({ agent, config }) {
               {
                 variant: "ghost",
                 size: "icon",
+                "aria-label": "Remover",
                 className: "shrink-0 text-muted-foreground hover:text-destructive",
                 onClick: () => setRemoveTarget(agentTool),
                 children: /* @__PURE__ */ jsx4(Trash22, { className: "h-4 w-4" })
@@ -1184,14 +1307,14 @@ function AgentToolsList({ agent, config }) {
           /* @__PURE__ */ jsx4(DialogHeader3, { children: /* @__PURE__ */ jsx4(DialogTitle3, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
           /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
             configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4(Label3, { children: "Credencial" }),
+              /* @__PURE__ */ jsx4(Label3, { htmlFor: "tool-credential", children: "Credencial" }),
               /* @__PURE__ */ jsxs4(
                 Select,
                 {
                   value: configCredentialId || void 0,
                   onValueChange: (val) => setConfigCredentialId(val === "__none__" ? "" : val),
                   children: [
-                    /* @__PURE__ */ jsx4(SelectTrigger, { children: /* @__PURE__ */ jsx4(SelectValue, { placeholder: "Selecione uma credencial (opcional)" }) }),
+                    /* @__PURE__ */ jsx4(SelectTrigger, { id: "tool-credential", children: /* @__PURE__ */ jsx4(SelectValue, { placeholder: "Selecione uma credencial (opcional)" }) }),
                     /* @__PURE__ */ jsxs4(SelectContent, { children: [
                       /* @__PURE__ */ jsx4(SelectItem, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
                       allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx4(SelectItem, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
@@ -1202,13 +1325,15 @@ function AgentToolsList({ agent, config }) {
               /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
             ] }),
             /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx4(Label3, { children: "Instru\xE7\xF5es Personalizadas" }),
+              /* @__PURE__ */ jsx4(Label3, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
               /* @__PURE__ */ jsx4(
                 Textarea,
                 {
+                  id: "tool-instructions",
+                  name: "instructions",
                   value: configInstructions,
                   onChange: (e) => setConfigInstructions(e.target.value),
-                  placeholder: "Instru\xE7\xF5es sobre como e quando o agente deve usar esta ferramenta...",
+                  placeholder: "Instru\\u00e7\\u00f5es sobre como e quando o agente deve usar esta ferramenta\\u2026",
                   rows: 6
                 }
               ),
@@ -1903,7 +2028,7 @@ function AgentObjectivesList({ agent, config }) {
               value: objective.id,
               className: "flex items-center gap-3 rounded-lg border bg-card p-3",
               children: [
-                /* @__PURE__ */ jsx6(SortableItemHandle, { className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx6(GripVertical, { className: "h-5 w-5" }) }),
+                /* @__PURE__ */ jsx6(SortableItemHandle, { className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx6(GripVertical, { "aria-hidden": "true", className: "h-5 w-5" }) }),
                 /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
                   /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx6("span", { className: "truncate font-medium", children: objective.title }),
@@ -1914,6 +2039,7 @@ function AgentObjectivesList({ agent, config }) {
                 /* @__PURE__ */ jsx6(
                   Switch3,
                   {
+                    "aria-label": "Ativar/Desativar",
                     checked: objective.active,
                     onCheckedChange: (checked) => handleToggleActive(objective, checked),
                     disabled: updateMutation.isPending
@@ -1924,6 +2050,7 @@ function AgentObjectivesList({ agent, config }) {
                   {
                     variant: "ghost",
                     size: "icon",
+                    "aria-label": "Editar",
                     className: "shrink-0 text-muted-foreground hover:text-foreground",
                     onClick: () => openEdit(objective),
                     children: /* @__PURE__ */ jsx6(Pencil2, { className: "h-4 w-4" })
@@ -1934,6 +2061,7 @@ function AgentObjectivesList({ agent, config }) {
                   {
                     variant: "ghost",
                     size: "icon",
+                    "aria-label": "Excluir",
                     className: "shrink-0 text-muted-foreground hover:text-destructive",
                     onClick: () => setRemoveTarget(objective),
                     children: /* @__PURE__ */ jsx6(Trash23, { className: "h-4 w-4" })
@@ -1946,7 +2074,7 @@ function AgentObjectivesList({ agent, config }) {
           /* @__PURE__ */ jsx6(SortableOverlay, { children: ({ value }) => {
             const obj = sortedObjectives.find((o) => o.id === value);
             return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 rounded-lg border bg-card p-3 shadow-lg", children: [
-              /* @__PURE__ */ jsx6(GripVertical, { className: "h-5 w-5 text-muted-foreground" }),
+              /* @__PURE__ */ jsx6(GripVertical, { "aria-hidden": "true", className: "h-5 w-5 text-muted-foreground" }),
               /* @__PURE__ */ jsx6("span", { className: "font-medium", children: obj?.title })
             ] });
           } })
@@ -1957,10 +2085,12 @@ function AgentObjectivesList({ agent, config }) {
       /* @__PURE__ */ jsx6(DialogHeader4, { children: /* @__PURE__ */ jsx6(DialogTitle4, { children: editTarget ? "Editar Objetivo" : "Novo Objetivo" }) }),
       /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6(Label4, { children: "T\xEDtulo *" }),
+          /* @__PURE__ */ jsx6(Label4, { htmlFor: "objective-title", children: "T\xEDtulo *" }),
           /* @__PURE__ */ jsx6(
             Input5,
             {
+              id: "objective-title",
+              name: "title",
               value: form.title,
               onChange: (e) => {
                 const title = e.target.value;
@@ -1975,10 +2105,12 @@ function AgentObjectivesList({ agent, config }) {
           )
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6(Label4, { children: "Slug (identificador) *" }),
+          /* @__PURE__ */ jsx6(Label4, { htmlFor: "objective-slug", children: "Slug (identificador) *" }),
           /* @__PURE__ */ jsx6(
             Input5,
             {
+              id: "objective-slug",
+              name: "slug",
               value: form.slug,
               onChange: (e) => {
                 setSlugManual(true);
@@ -1991,13 +2123,15 @@ function AgentObjectivesList({ agent, config }) {
           /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente. Usado pelo agente para identificar o objetivo." })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6(Label4, { children: "Instru\xE7\xF5es do Objetivo" }),
+          /* @__PURE__ */ jsx6(Label4, { htmlFor: "objective-prompt", children: "Instru\xE7\xF5es do Objetivo" }),
           /* @__PURE__ */ jsx6(
             Textarea2,
             {
+              id: "objective-prompt",
+              name: "prompt",
               value: form.prompt,
               onChange: (e) => setForm((f) => ({ ...f, prompt: e.target.value })),
-              placeholder: "Instru\xE7\xF5es detalhadas que o agente seguir\xE1 quando este objetivo for ativado. Ex: passos para agendar consulta, perguntas a fazer, valida\xE7\xF5es necess\xE1rias...",
+              placeholder: "Instru\\u00e7\\u00f5es detalhadas que o agente seguir\\u00e1 quando este objetivo for ativado\\u2026",
               rows: 8
             }
           ),
@@ -2206,22 +2340,24 @@ function AgentPromptEditor({ config, agent }) {
           "textarea",
           {
             ref: textareaRef,
+            "aria-label": "Prompt do sistema",
+            name: "prompt",
             value: promptText,
             onChange: (e) => setPromptText(e.target.value),
             onKeyDown: handleKeyDown,
-            placeholder: "Escreva o prompt do sistema aqui...",
+            placeholder: "Escreva o prompt do sistema aqui\\u2026",
             disabled: updateAgent.isPending,
             className: "w-full resize-none rounded-lg border bg-background p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
             style: { minHeight: "300px" }
           }
         ),
         /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsxs6("span", { className: "tabular-nums", children: [
             charCount.toLocaleString("pt-BR"),
             " caracteres"
           ] }),
           /* @__PURE__ */ jsx7("span", { children: "\xB7" }),
-          /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsxs6("span", { className: "tabular-nums", children: [
             "~",
             tokenEstimate.toLocaleString("pt-BR"),
             " tokens"
@@ -2232,6 +2368,8 @@ function AgentPromptEditor({ config, agent }) {
         /* @__PURE__ */ jsx7(
           Input6,
           {
+            "aria-label": "Notas da altera\xE7\xE3o",
+            name: "changeNotes",
             value: changeNotes,
             onChange: (e) => setChangeNotes(e.target.value),
             placeholder: "O que mudou? (opcional)",
@@ -2356,7 +2494,7 @@ function AgentPromptEditor({ config, agent }) {
                     onClick: () => setCompareVersionId(isComparing ? null : version.id),
                     className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
                     children: [
-                      /* @__PURE__ */ jsx7(FileText, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx7(FileText, { "aria-hidden": "true", className: "h-3 w-3" }),
                       isComparing ? "Ocultar diff" : "Comparar"
                     ]
                   }
@@ -2368,7 +2506,7 @@ function AgentPromptEditor({ config, agent }) {
                     onClick: () => handleRestore(version),
                     className: "flex items-center gap-1 text-xs text-primary hover:underline",
                     children: [
-                      /* @__PURE__ */ jsx7(RotateCcw, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx7(RotateCcw, { "aria-hidden": "true", className: "h-3 w-3" }),
                       "Restaurar"
                     ]
                   }
@@ -2422,7 +2560,7 @@ function ConversationView({
   if (!conversation) {
     return /* @__PURE__ */ jsx8("div", { className: "rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Conversa n\xE3o encontrada." }),
-      /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) })
+      /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", "aria-label": "Fechar", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) })
     ] }) });
   }
   return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border bg-card p-4 space-y-4", children: [
@@ -2431,7 +2569,7 @@ function ConversationView({
         "Detalhes da conversa #",
         conversation.id
       ] }),
-      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", "aria-label": "Fechar", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) }) })
     ] }),
     conversation.id_external ? renderChatLink ? renderChatLink(conversation.id_external) : /* @__PURE__ */ jsx8(Button7, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxs7("a", { href: `/gchat/inbox/${conversation.id_external}`, children: [
       /* @__PURE__ */ jsx8(MessageSquare, { className: "mr-2 h-4 w-4" }),
@@ -2524,16 +2662,26 @@ function AgentConversationsTable({
         TableRow,
         {
           className: "cursor-pointer",
+          role: "button",
+          tabIndex: 0,
           onClick: () => setSelectedId(
             selectedId === conversation.id ? null : conversation.id
           ),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              setSelectedId(
+                selectedId === conversation.id ? null : conversation.id
+              );
+            }
+          },
           "data-state": selectedId === conversation.id ? "selected" : void 0,
           children: [
             /* @__PURE__ */ jsx9(TableCell, { className: "font-mono text-xs", children: conversation.id }),
             /* @__PURE__ */ jsx9(TableCell, { children: contactsMap?.get(conversation.id_contact) ?? conversation.id_contact }),
             /* @__PURE__ */ jsx9(TableCell, { children: conversation.id_objective && objectivesMap?.get(conversation.id_objective) ? /* @__PURE__ */ jsx9(Badge5, { variant: "secondary", className: "text-xs", children: objectivesMap.get(conversation.id_objective) }) : /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) }),
-            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: conversation.message_count ?? "\u2014" }),
-            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: conversation.usage_tokens ?? "\u2014" }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right tabular-nums", children: conversation.message_count ?? "\u2014" }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right tabular-nums", children: conversation.usage_tokens ?? "\u2014" }),
             /* @__PURE__ */ jsx9(TableCell, { children: new Date(conversation.datetime_add).toLocaleDateString("pt-BR") }),
             /* @__PURE__ */ jsx9(TableCell, { children: formatRelativeDate(conversation.datetime_alt) }),
             /* @__PURE__ */ jsx9(TableCell, { children: conversation.id_external ? renderChatLink ? /* @__PURE__ */ jsx9("span", { onClick: (e) => e.stopPropagation(), children: renderChatLink(conversation.id_external) }) : /* @__PURE__ */ jsx9(
@@ -2541,6 +2689,7 @@ function AgentConversationsTable({
               {
                 href: `/gchat/inbox/${conversation.id_external}`,
                 title: "Ver no Chat",
+                "aria-label": "Ver no Chat",
                 onClick: (e) => e.stopPropagation(),
                 className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
                 children: /* @__PURE__ */ jsx9(ExternalLink, { className: "h-4 w-4" })
@@ -2610,19 +2759,19 @@ function AgentTabs({ agent, config, renderChatLink }) {
   return /* @__PURE__ */ jsxs9(Tabs, { defaultValue: "prompt", children: [
     /* @__PURE__ */ jsxs9(TabsList, { children: [
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "prompt", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(FileText2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Prompt"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(Target2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Objetivos"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "ferramentas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(Wrench2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(Wrench2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Ferramentas"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(MessageCircle2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Conversas"
       ] })
     ] }),
@@ -2641,7 +2790,7 @@ function AgentTabs({ agent, config, renderChatLink }) {
 }
 
 // src/components/tools/tools-table.tsx
-import { useMemo as useMemo4, useState as useState9 } from "react";
+import { useMemo as useMemo5, useState as useState9 } from "react";
 import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
 import {
   Input as Input7,
@@ -2688,7 +2837,7 @@ function useColumns2(onEdit, onDelete) {
       cell: ({ row }) => {
         const desc = row.original.description;
         if (!desc) return /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
-        return /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}...` : desc });
+        return /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
       }
     },
     {
@@ -2710,6 +2859,7 @@ function useColumns2(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx12(Pencil3, { className: "h-4 w-4" })
             }
@@ -2723,6 +2873,7 @@ function useColumns2(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onDelete(row.original.id),
               children: /* @__PURE__ */ jsx12(Trash24, { className: "h-4 w-4" })
             }
@@ -2736,7 +2887,7 @@ function useColumns2(onEdit, onDelete) {
 function ToolsTable({ onEdit, config }) {
   const [search, setSearch] = useState9("");
   const [page, setPage] = useState9(1);
-  const queryParams = useMemo4(() => {
+  const queryParams = useMemo5(() => {
     const params = {
       limit: "15",
       page: String(page)
@@ -2771,11 +2922,14 @@ function ToolsTable({ onEdit, config }) {
   }
   return /* @__PURE__ */ jsxs10(Fragment2, { children: [
     /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs10("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx12(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx12(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx12(
         Input7,
         {
-          placeholder: "Buscar ferramentas...",
+          placeholder: "Buscar ferramentas\\u2026",
+          "aria-label": "Buscar ferramentas",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => handleSearchChange(e.target.value),
           className: "pl-9"
@@ -2963,6 +3117,7 @@ function ToolFormDialog({
           Input8,
           {
             id: "tool-name",
+            name: "name",
             value: form.name,
             onChange: (e) => {
               const name = e.target.value;
@@ -2985,6 +3140,7 @@ function ToolFormDialog({
           Input8,
           {
             id: "tool-slug",
+            name: "slug",
             value: form.slug,
             onChange: (e) => {
               setSlugManuallyEdited(true);
@@ -3030,9 +3186,10 @@ function ToolFormDialog({
           Textarea3,
           {
             id: "tool-description",
+            name: "description",
             value: form.description,
             onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
-            placeholder: "Descri\xE7\xE3o da ferramenta...",
+            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
             rows: 3,
             disabled: isPending
           }
@@ -3044,6 +3201,7 @@ function ToolFormDialog({
           Textarea3,
           {
             id: "tool-function-defs",
+            name: "functionDefs",
             value: form.functionDefinitions,
             onChange: (e) => {
               setForm((prev) => ({
@@ -3060,8 +3218,8 @@ function ToolFormDialog({
       "description": "O que a fun\xE7\xE3o faz",
       "parameters": {
         "type": "object",
-        "properties": { ... },
-        "required": [...]
+        "properties": { \u2026 },
+        "required": [\u2026]
       }
     }
   }
@@ -3086,7 +3244,7 @@ function ToolFormDialog({
           }
         ),
         /* @__PURE__ */ jsxs11(Button9, { type: "submit", disabled: isPending, children: [
-          isPending ? /* @__PURE__ */ jsx13(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isPending ? /* @__PURE__ */ jsx13(Loader24, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -3095,7 +3253,7 @@ function ToolFormDialog({
 }
 
 // src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo5, useState as useState11 } from "react";
+import { useMemo as useMemo6, useState as useState11 } from "react";
 import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
   Input as Input9,
@@ -3188,6 +3346,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Vincular",
               disabled: true,
               children: /* @__PURE__ */ jsx14(Link, { className: "h-4 w-4" })
             }
@@ -3201,6 +3360,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx14(Pencil4, { className: "h-4 w-4" })
             }
@@ -3214,6 +3374,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onRemove(row.original),
               children: /* @__PURE__ */ jsx14(Trash25, { className: "h-4 w-4" })
             }
@@ -3256,7 +3417,7 @@ function ToolCredentialsForm({
     status: ""
   });
   const [removeTarget, setRemoveTarget] = useState11(null);
-  const filteredCredentials = useMemo5(() => {
+  const filteredCredentials = useMemo6(() => {
     if (!search) return credentials;
     const term = search.toLowerCase();
     return credentials.filter((cred) => {
@@ -3363,11 +3524,14 @@ function ToolCredentialsForm({
   }
   return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs12("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx14(Search3, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx14(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx14(
         Input9,
         {
-          placeholder: "Buscar credenciais...",
+          placeholder: "Buscar credenciais\\u2026",
+          "aria-label": "Buscar credenciais",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => setSearch(e.target.value),
           className: "pl-9"
@@ -3387,24 +3551,26 @@ function ToolCredentialsForm({
       /* @__PURE__ */ jsx14(DialogHeader6, { children: /* @__PURE__ */ jsx14(DialogTitle6, { children: "Nova Credencial" }) }),
       /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
           /* @__PURE__ */ jsxs12(
             Select3,
             {
               value: createForm.id_tool,
               onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
               children: [
-                /* @__PURE__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx14(SelectTrigger3, { id: "cred-tool", children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
                 /* @__PURE__ */ jsx14(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx14(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              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"
@@ -3412,10 +3578,13 @@ function ToolCredentialsForm({
           )
         ] }),
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              id: "cred-credential",
+              name: "credential",
+              autoComplete: "off",
               type: "password",
               value: createForm.credentials_encrypted,
               onChange: (e) => setCreateForm((f) => ({
@@ -3427,10 +3596,12 @@ function ToolCredentialsForm({
           )
         ] }),
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              id: "cred-expires",
+              name: "expires",
               type: "date",
               value: createForm.expires_at,
               onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
@@ -3466,24 +3637,26 @@ function ToolCredentialsForm({
           /* @__PURE__ */ jsx14(DialogHeader6, { children: /* @__PURE__ */ jsx14(DialogTitle6, { children: "Editar Credencial" }) }),
           /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
               /* @__PURE__ */ jsxs12(
                 Select3,
                 {
                   value: editForm.id_tool,
                   onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
                   children: [
-                    /* @__PURE__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx14(SelectTrigger3, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
                     /* @__PURE__ */ jsx14(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx14(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
                   ]
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-label",
+                  name: "label",
                   value: editForm.label,
                   onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
                   placeholder: "Label da credencial"
@@ -3491,10 +3664,13 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-credential",
+                  name: "credential",
+                  autoComplete: "off",
                   type: "password",
                   value: editForm.credentials_encrypted,
                   onChange: (e) => setEditForm((f) => ({
@@ -3506,10 +3682,12 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-expires",
+                  name: "expires",
                   type: "date",
                   value: editForm.expires_at,
                   onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
@@ -3517,7 +3695,7 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
               /* @__PURE__ */ jsxs12(
                 Select3,
                 {
@@ -3527,7 +3705,7 @@ function ToolCredentialsForm({
                     status: val
                   })),
                   children: [
-                    /* @__PURE__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, {}) }),
+                    /* @__PURE__ */ jsx14(SelectTrigger3, { id: "edit-cred-status", children: /* @__PURE__ */ jsx14(SelectValue3, {}) }),
                     /* @__PURE__ */ jsxs12(SelectContent3, { children: [
                       /* @__PURE__ */ jsx14(SelectItem3, { value: "active", children: "Ativo" }),
                       /* @__PURE__ */ jsx14(SelectItem3, { value: "expired", children: "Expirado" })
@@ -3578,31 +3756,1302 @@ function ToolCredentialsForm({
   ] });
 }
 
+// src/components/capabilities/integration-card.tsx
+import { Badge as Badge8, Button as Button11, Tooltip as Tooltip4, TooltipContent as TooltipContent4, TooltipTrigger as TooltipTrigger4 } from "@greatapps/greatauth-ui/ui";
+import {
+  CalendarSync,
+  Plug,
+  Settings,
+  RefreshCw,
+  Users,
+  Clock
+} from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var ICON_MAP = {
+  CalendarSync,
+  Plug,
+  Settings,
+  RefreshCw,
+  Users,
+  Clock
+};
+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(state) {
+  switch (state) {
+    case "available":
+      return "Conectar";
+    case "connected":
+      return "Configurar";
+    case "expired":
+      return "Reconectar";
+    default:
+      return "";
+  }
+}
+function IntegrationCard({ card, onConnect }) {
+  const { definition, state, sharedByAgentsCount } = card;
+  const Icon = resolveIcon(definition.icon);
+  const badge = STATE_BADGES[state];
+  const actionLabel = getActionLabel(state);
+  const isComingSoon = state === "coming_soon";
+  return /* @__PURE__ */ jsxs13(
+    "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} \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__ */ jsxs13("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx15("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx15(Icon, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx15(Badge8, { variant: "outline", className: cn("text-xs", badge.className), children: badge.label })
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx15("h3", { className: "text-sm font-semibold leading-tight", children: definition.name }),
+          /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground leading-relaxed", children: definition.description })
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "mt-auto flex items-center justify-between gap-2 pt-1", children: [
+          sharedByAgentsCount > 0 ? /* @__PURE__ */ jsxs13(Tooltip4, { children: [
+            /* @__PURE__ */ jsx15(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
+              /* @__PURE__ */ jsx15(Users, { className: "h-3.5 w-3.5" }),
+              "Compartilhada"
+            ] }) }),
+            /* @__PURE__ */ jsx15(TooltipContent4, { children: "Esta credencial est\xE1 dispon\xEDvel para todos os agentes da conta" })
+          ] }) : /* @__PURE__ */ jsx15("span", {}),
+          !isComingSoon && /* @__PURE__ */ jsx15(
+            Button11,
+            {
+              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 jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function IntegrationsTab({
+  config,
+  agentId,
+  onConnect
+}) {
+  const { cards, isLoading } = useIntegrationState(config, agentId);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx16(Loader25, { className: "h-6 w-6 animate-spin text-muted-foreground" }) });
+  }
+  if (cards.length === 0) {
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx16(Plug2, { className: "h-10 w-10" }),
+      /* @__PURE__ */ jsx16("p", { className: "text-sm", children: "Nenhuma integra\xE7\xE3o dispon\xEDvel" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx16("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: cards.map((card) => /* @__PURE__ */ jsx16(
+    IntegrationCard,
+    {
+      card,
+      onConnect
+    },
+    card.definition.slug
+  )) });
+}
+
+// src/components/capabilities/capabilities-tab.tsx
+import { useState as useState12, useCallback as useCallback4, useRef as useRef2, useEffect as useEffect4, useMemo as useMemo7 } from "react";
+import {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+  Switch as Switch4,
+  Checkbox,
+  Badge as Badge9,
+  Button as Button12,
+  Skeleton as Skeleton6
+} from "@greatapps/greatauth-ui/ui";
+import {
+  Calendar,
+  Users as Users2,
+  Settings as Settings3,
+  HeartHandshake,
+  Package,
+  ChevronDown as ChevronDown2
+} from "lucide-react";
+import { toast as toast10 } from "sonner";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+var OPERATION_LABELS = {
+  list: "Listar",
+  view: "Visualizar",
+  create: "Criar",
+  update: "Atualizar"
+};
+function getOperationLabel(slug) {
+  return OPERATION_LABELS[slug] ?? slug;
+}
+var CATEGORY_ICONS = {
+  agenda: Calendar,
+  cadastros: Users2,
+  infraestrutura: Settings3,
+  relacionamentos: HeartHandshake
+};
+function getCategoryIcon(slug) {
+  return CATEGORY_ICONS[slug] ?? Package;
+}
+function buildStateFromAgent(agentCaps) {
+  const state = /* @__PURE__ */ new Map();
+  for (const cap of agentCaps) {
+    state.set(cap.module, new Set(cap.operations));
+  }
+  return state;
+}
+function stateToPayload(state) {
+  const capabilities = [];
+  state.forEach((ops, mod) => {
+    if (ops.size > 0) {
+      capabilities.push({ module: mod, operations: Array.from(ops) });
+    }
+  });
+  return { capabilities };
+}
+function cloneState(state) {
+  const next = /* @__PURE__ */ new Map();
+  state.forEach((ops, mod) => next.set(mod, new Set(ops)));
+  return next;
+}
+function statesEqual(a, b) {
+  if (a.size !== b.size) return false;
+  for (const [mod, opsA] of a) {
+    const opsB = b.get(mod);
+    if (!opsB || opsA.size !== opsB.size) return false;
+    for (const op of opsA) {
+      if (!opsB.has(op)) return false;
+    }
+  }
+  return true;
+}
+function CapabilitiesTab({ config, agentId }) {
+  const { data: registry, isLoading: isLoadingRegistry } = useCapabilities(config);
+  const { data: agentCaps, isLoading: isLoadingAgent } = useAgentCapabilities(config, agentId);
+  const updateMutation = useUpdateAgentCapabilities(config);
+  const [localState, setLocalState] = useState12(/* @__PURE__ */ new Map());
+  const [serverState, setServerState] = useState12(/* @__PURE__ */ new Map());
+  const [initialized, setInitialized] = useState12(false);
+  const debounceRef = useRef2(null);
+  useEffect4(() => {
+    if (agentCaps && !initialized) {
+      const state = buildStateFromAgent(agentCaps);
+      setLocalState(state);
+      setServerState(cloneState(state));
+      setInitialized(true);
+    }
+  }, [agentCaps, initialized]);
+  useEffect4(() => {
+    setInitialized(false);
+  }, [agentId]);
+  const hasChanges = useMemo7(
+    () => initialized && !statesEqual(localState, serverState),
+    [localState, serverState, initialized]
+  );
+  const scheduleSave = useCallback4(
+    (nextState) => {
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      debounceRef.current = setTimeout(() => {
+        const payload = stateToPayload(nextState);
+        updateMutation.mutate(
+          { agentId, payload },
+          {
+            onSuccess: () => {
+              setServerState(cloneState(nextState));
+              toast10.success("Capacidades salvas");
+            },
+            onError: () => {
+              setLocalState(cloneState(serverState));
+              toast10.error("Erro ao salvar capacidades");
+            }
+          }
+        );
+      }, 500);
+    },
+    [agentId, updateMutation, serverState]
+  );
+  const updateState = useCallback4(
+    (updater) => {
+      setLocalState((prev) => {
+        const next = updater(prev);
+        scheduleSave(next);
+        return next;
+      });
+    },
+    [scheduleSave]
+  );
+  const toggleModule = useCallback4(
+    (mod, enabled) => {
+      updateState((prev) => {
+        const next = cloneState(prev);
+        if (enabled) {
+          next.set(mod.slug, new Set(mod.operations));
+        } else {
+          next.delete(mod.slug);
+        }
+        return next;
+      });
+    },
+    [updateState]
+  );
+  const toggleOperation = useCallback4(
+    (mod, opSlug, enabled) => {
+      updateState((prev) => {
+        const next = cloneState(prev);
+        const ops = new Set(next.get(mod.slug) ?? []);
+        if (enabled) {
+          ops.add(opSlug);
+        } else {
+          ops.delete(opSlug);
+        }
+        if (ops.size > 0) {
+          next.set(mod.slug, ops);
+        } else {
+          next.delete(mod.slug);
+        }
+        return next;
+      });
+    },
+    [updateState]
+  );
+  const enableAll = useCallback4(() => {
+    if (!registry) return;
+    updateState(() => {
+      const next = /* @__PURE__ */ new Map();
+      for (const cat of registry.categories) {
+        for (const mod of cat.modules) {
+          next.set(mod.slug, new Set(mod.operations));
+        }
+      }
+      return next;
+    });
+  }, [registry, updateState]);
+  const disableAll = useCallback4(() => {
+    updateState(() => /* @__PURE__ */ new Map());
+  }, [updateState]);
+  const discard = useCallback4(() => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    setLocalState(cloneState(serverState));
+  }, [serverState]);
+  const saveNow = useCallback4(() => {
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    const payload = stateToPayload(localState);
+    updateMutation.mutate(
+      { agentId, payload },
+      {
+        onSuccess: () => {
+          setServerState(cloneState(localState));
+          toast10.success("Capacidades salvas");
+        },
+        onError: () => {
+          setLocalState(cloneState(serverState));
+          toast10.error("Erro ao salvar capacidades");
+        }
+      }
+    );
+  }, [agentId, localState, serverState, updateMutation]);
+  function countActiveModules(cat) {
+    return cat.modules.filter((m) => (localState.get(m.slug)?.size ?? 0) > 0).length;
+  }
+  if (isLoadingRegistry || isLoadingAgent) {
+    return /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx17(Skeleton6, { className: "h-14 w-full" }, i)) });
+  }
+  if (!registry || !registry.categories.length) {
+    return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+      /* @__PURE__ */ jsx17(Package, { className: "h-12 w-12 text-muted-foreground mb-3" }),
+      /* @__PURE__ */ jsx17("h3", { className: "text-base font-medium", children: "Nenhuma capacidade dispon\xEDvel" }),
+      /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: "Este produto ainda n\xE3o possui capacidades registadas. As capacidades ser\xE3o adicionadas automaticamente quando o produto for configurado." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "text-sm font-medium", children: "Capacidades do agente" }),
+        /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Ative ou desative m\xF3dulos e opera\xE7\xF5es dispon\xEDveis para este agente." })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx17(Button12, { variant: "outline", size: "sm", onClick: enableAll, children: "Ativar tudo" }),
+        /* @__PURE__ */ jsx17(Button12, { variant: "outline", size: "sm", onClick: disableAll, children: "Desativar tudo" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx17(Accordion, { type: "multiple", className: "space-y-2", children: registry.categories.map((cat) => {
+      const Icon = getCategoryIcon(cat.slug);
+      const activeCount = countActiveModules(cat);
+      const totalModules = cat.modules.length;
+      return /* @__PURE__ */ jsxs15(
+        AccordionItem,
+        {
+          value: cat.slug,
+          className: "border rounded-lg px-4",
+          children: [
+            /* @__PURE__ */ jsx17(AccordionTrigger, { className: "hover:no-underline py-3", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 flex-1", children: [
+              /* @__PURE__ */ jsx17(Icon, { className: "h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx17("span", { className: "font-medium text-sm", children: cat.label }),
+              /* @__PURE__ */ jsxs15(Badge9, { variant: "secondary", className: "text-xs", children: [
+                activeCount,
+                " de ",
+                totalModules,
+                " m\xF3dulos ativos"
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx17(AccordionContent, { className: "pb-3", children: /* @__PURE__ */ jsx17("div", { className: "space-y-1", children: cat.modules.map((mod) => {
+              const enabledOps = localState.get(mod.slug);
+              const isModuleOn = (enabledOps?.size ?? 0) > 0;
+              const allOpsEnabled = enabledOps?.size === mod.operations.length;
+              return /* @__PURE__ */ jsx17(
+                ModuleRow,
+                {
+                  module: mod,
+                  isOn: isModuleOn,
+                  allOpsEnabled,
+                  enabledOps: enabledOps ?? /* @__PURE__ */ new Set(),
+                  onToggleModule: (on) => toggleModule(mod, on),
+                  onToggleOperation: (op, on) => toggleOperation(mod, op, on)
+                },
+                mod.slug
+              );
+            }) }) })
+          ]
+        },
+        cat.slug
+      );
+    }) }),
+    hasChanges && /* @__PURE__ */ jsxs15("div", { className: "sticky bottom-0 bg-background border-t py-3 px-4 -mx-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx17("span", { className: "text-sm text-muted-foreground", children: "Voc\xEA tem altera\xE7\xF5es n\xE3o salvas." }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx17(Button12, { variant: "outline", size: "sm", onClick: discard, children: "Descartar" }),
+        /* @__PURE__ */ jsx17(
+          Button12,
+          {
+            size: "sm",
+            onClick: saveNow,
+            disabled: updateMutation.isPending,
+            children: updateMutation.isPending ? "Salvando..." : "Salvar"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ModuleRow({
+  module: mod,
+  isOn,
+  enabledOps,
+  onToggleModule,
+  onToggleOperation
+}) {
+  const [expanded, setExpanded] = useState12(false);
+  return /* @__PURE__ */ jsxs15("div", { className: "rounded-md border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs15(
+        "button",
+        {
+          type: "button",
+          className: "flex items-center gap-2 flex-1 text-left",
+          onClick: () => setExpanded(!expanded),
+          "aria-expanded": expanded,
+          "aria-label": `Expandir ${mod.label}`,
+          children: [
+            /* @__PURE__ */ jsx17(
+              ChevronDown2,
+              {
+                className: `h-3.5 w-3.5 text-muted-foreground transition-transform ${expanded ? "rotate-0" : "-rotate-90"}`
+              }
+            ),
+            /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: mod.label }),
+            mod.description && /* @__PURE__ */ jsxs15("span", { className: "text-xs text-muted-foreground hidden sm:inline", children: [
+              "\u2014 ",
+              mod.description
+            ] }),
+            isOn && /* @__PURE__ */ jsxs15(Badge9, { variant: "secondary", className: "text-xs ml-1", children: [
+              enabledOps.size,
+              "/",
+              mod.operations.length
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx17(
+        Switch4,
+        {
+          checked: isOn,
+          onCheckedChange: onToggleModule,
+          "aria-label": `Ativar m\xF3dulo ${mod.label}`
+        }
+      )
+    ] }),
+    expanded && /* @__PURE__ */ jsx17("div", { className: "mt-2 ml-6 flex flex-wrap gap-x-5 gap-y-1.5 pb-1", children: mod.operations.map((op) => {
+      const checked = enabledOps.has(op);
+      return /* @__PURE__ */ jsxs15(
+        "label",
+        {
+          className: "flex items-center gap-1.5 text-sm cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsx17(
+              Checkbox,
+              {
+                checked,
+                onCheckedChange: (val) => onToggleOperation(op, val === true),
+                "aria-label": `${getOperationLabel(op)} em ${mod.label}`
+              }
+            ),
+            /* @__PURE__ */ jsx17("span", { className: checked ? "" : "text-muted-foreground", children: getOperationLabel(op) })
+          ]
+        },
+        op
+      );
+    }) })
+  ] });
+}
+
+// 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 { data: credentialsData, isLoading: isLoadingCredentials } = useToolCredentials(config);
+  const credentials = credentialsData?.data ?? [];
+  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 e credenciais."
+      ] })
+    ] }),
+    /* @__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__ */ jsxs16("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx18("h3", { className: "text-sm font-medium", children: "Credenciais" }),
+      /* @__PURE__ */ jsx18(
+        ToolCredentialsForm,
+        {
+          credentials,
+          isLoading: isLoadingCredentials,
+          config,
+          gagentsApiUrl
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx18(
+      ToolFormDialog,
+      {
+        open: showToolForm,
+        onOpenChange: handleToolFormOpenChange,
+        tool: editingTool ?? void 0,
+        config
+      }
+    )
+  ] });
+}
+
+// src/components/capabilities/integration-wizard.tsx
+import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef3, useState as useState14 } from "react";
+import {
+  Dialog as Dialog7,
+  DialogContent as DialogContent7,
+  DialogFooter as DialogFooter7,
+  DialogHeader as DialogHeader7,
+  DialogTitle as DialogTitle7,
+  Button as Button14
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader28, 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 Loader26, 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(
+          Loader26,
+          {
+            "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 Loader27 } 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 { 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(
+        Loader27,
+        {
+          "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 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 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,
+        {
+          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"
+        }
+      )
+    ] }),
+    /* @__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",
+            {
+              "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__ */ 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 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,
+  existingCredentialId,
+  loadConfigOptions,
+  existingConfigValue
+}) {
+  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 = useRef3(null);
+  const popupPollRef = useRef3(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 = 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]
+  );
+  useEffect5(() => {
+    if (!open) return;
+    window.addEventListener("message", handleOAuthMessage);
+    return () => window.removeEventListener("message", handleOAuthMessage);
+  }, [open, handleOAuthMessage]);
+  function startOAuth() {
+    const { language = "pt-br", idWl = 1, accountId } = config;
+    const redirectUri = `${window.location.origin}/oauth/callback`;
+    const url = new URL(
+      `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${accountId}/oauth/authorize/${integration.slug}`
+    );
+    url.searchParams.set("redirect_uri", redirectUri);
+    setOauthStatus("waiting");
+    const popup = window.open(
+      url.toString(),
+      "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);
+    }
+  }
+  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]);
+    }
+  }
+  function goPrev() {
+    if (currentStep === "confirm" && !meta.hasConfigStep) {
+      setCurrentStep("credentials");
+      return;
+    }
+    const prevIndex = currentIndex - 1;
+    if (prevIndex >= 0) {
+      setCurrentStep(STEPS[prevIndex]);
+    }
+  }
+  async function handleComplete() {
+    setIsSubmitting(true);
+    try {
+      onComplete();
+      onOpenChange(false);
+      toast11.success(
+        `${integration.name} ${isReconnect ? "reconectado" : "configurado"} com sucesso!`
+      );
+    } catch {
+      toast11.error("Erro ao finalizar configura\xE7\xE3o");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+  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,
+        {
+          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__ */ 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(
+              Loader28,
+              {
+                "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",
+            {
+              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__ */ jsx23(
+            "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__ */ jsx23(
+            "div",
+            {
+              className: `
+                  mx-2 h-px w-6
+                  ${i < currentIndex ? "bg-green-600" : "bg-border"}
+                `
+            }
+          )
+        ] }, step);
+      })
+    }
+  );
+}
+
 // src/pages/agents-page.tsx
-import { useState as useState12 } from "react";
-import { Button as Button11 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState15 } from "react";
+import { Button as Button15 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs13 } 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] = useState12(false);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx15("h1", { className: "text-xl font-semibold", children: title }),
-        /* @__PURE__ */ jsx15("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__ */ jsxs13(Button11, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx15(Plus3, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs22(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx24(Plus3, { className: "mr-2 h-4 w-4" }),
         "Novo Agente"
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(AgentsTable, { config, onNavigateToAgent }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx24(AgentsTable, { config, onNavigateToAgent }),
+    /* @__PURE__ */ jsx24(
       AgentFormDialog,
       {
         config,
@@ -3614,11 +5063,11 @@ function AgentsPage({
 }
 
 // src/pages/agent-detail-page.tsx
-import { useState as useState13 } from "react";
-import { Badge as Badge8, Button as Button12, Skeleton as Skeleton6 } from "@greatapps/greatauth-ui/ui";
+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 jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentDetailPage({
   config,
   agentId,
@@ -3626,42 +5075,43 @@ function AgentDetailPage({
   renderChatLink
 }) {
   const { data: agent, isLoading } = useAgent(config, agentId);
-  const [editOpen, setEditOpen] = useState13(false);
+  const [editOpen, setEditOpen] = useState16(false);
   if (isLoading) {
-    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 p-4", children: [
-      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-4 w-32" }),
-      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-8 w-48" }),
-      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx16(Skeleton6, { 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__ */ jsxs14("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
-      /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
-      onBack && /* @__PURE__ */ jsxs14(Button12, { variant: "ghost", size: "sm", onClick: onBack, children: [
-        /* @__PURE__ */ jsx16(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__ */ jsxs14("div", { className: "flex flex-col gap-6 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsx16("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3 flex-1", children: [
-        onBack && /* @__PURE__ */ jsx16(
-          Button12,
+  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",
             size: "icon",
+            "aria-label": "Voltar",
             className: "shrink-0 mt-1",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx16(ArrowLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx25(ArrowLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx16(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
-        /* @__PURE__ */ jsx16("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ jsx16("h1", { className: "text-xl font-semibold", children: agent.title }),
-          /* @__PURE__ */ jsx16(
-            Badge8,
+        /* @__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",
               className: "text-xs",
@@ -3670,21 +5120,21 @@ function AgentDetailPage({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs14(
-        Button12,
+      /* @__PURE__ */ jsxs23(
+        Button16,
         {
           variant: "outline",
           size: "sm",
           className: "shrink-0 self-start",
           onClick: () => setEditOpen(true),
           children: [
-            /* @__PURE__ */ jsx16(Pencil5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx25(Pencil5, { className: "mr-2 h-4 w-4" }),
             "Editar"
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx25(
       AgentTabs,
       {
         agent,
@@ -3692,7 +5142,7 @@ function AgentDetailPage({
         renderChatLink
       }
     ),
-    editOpen && /* @__PURE__ */ jsx16(
+    editOpen && /* @__PURE__ */ jsx25(
       AgentEditForm,
       {
         agent,
@@ -3705,31 +5155,133 @@ function AgentDetailPage({
   ] });
 }
 
+// src/pages/agent-capabilities-page.tsx
+import { useState as useState17, useCallback as useCallback6 } from "react";
+import {
+  Tabs as Tabs2,
+  TabsList as TabsList2,
+  TabsTrigger as TabsTrigger2,
+  TabsContent as TabsContent2
+} from "@greatapps/greatauth-ui/ui";
+import { Blocks, Plug as Plug3, Settings as Settings4 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs24 } 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] = useState17(false);
+  const [activeCard, setActiveCard] = useState17(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__ */ 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 servi\xE7os externos 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(Blocks, { "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(Plug3, { "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,
+          onConnect: handleConnect
+        }
+      ) }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "avancado", className: "mt-4", children: /* @__PURE__ */ jsx26(
+        AdvancedTab,
+        {
+          config,
+          agentId,
+          gagentsApiUrl
+        }
+      ) })
+    ] }),
+    activeCard && wizardMeta && /* @__PURE__ */ jsx26(
+      IntegrationWizard,
+      {
+        open: wizardOpen,
+        onOpenChange: handleWizardOpenChange,
+        integration: activeCard.definition,
+        meta: wizardMeta,
+        agentId,
+        config,
+        onComplete: handleWizardComplete,
+        gagentsApiUrl,
+        existingCredentialId: activeCard.credential?.id,
+        loadConfigOptions
+      }
+    )
+  ] });
+}
+
 // src/pages/tools-page.tsx
-import { useState as useState14 } from "react";
-import { Button as Button13 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState18 } from "react";
+import { Button as Button17 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus4 } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 function ToolsPage({
   config,
   title = "Ferramentas",
   subtitle = "Gerencie as ferramentas dispon\xEDveis para seus agentes"
 }) {
-  const [createOpen, setCreateOpen] = useState14(false);
-  const [editTool, setEditTool] = useState14(void 0);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsx17("h1", { className: "text-xl font-semibold", children: title }),
-        /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground", children: subtitle })
+  const [createOpen, setCreateOpen] = useState18(false);
+  const [editTool, setEditTool] = useState18(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: [
+        /* @__PURE__ */ jsx27("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs15(Button13, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx17(Plus4, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs25(Button17, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx27(Plus4, { className: "mr-2 h-4 w-4" }),
         "Nova Ferramenta"
       ] })
     ] }),
-    /* @__PURE__ */ jsx17(ToolsTable, { config, onEdit: (tool) => setEditTool(tool) }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx27(ToolsTable, { config, onEdit: (tool) => setEditTool(tool) }),
+    /* @__PURE__ */ jsx27(
       ToolFormDialog,
       {
         config,
@@ -3737,7 +5289,7 @@ function ToolsPage({
         onOpenChange: setCreateOpen
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx27(
       ToolFormDialog,
       {
         config,
@@ -3750,10 +5302,10 @@ function ToolsPage({
 }
 
 // src/pages/credentials-page.tsx
-import { useState as useState15 } from "react";
-import { Button as Button14 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState19 } from "react";
+import { Button as Button18 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus5 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 function CredentialsPage({
   config,
   gagentsApiUrl,
@@ -3761,20 +5313,20 @@ function CredentialsPage({
   subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
-  const [createOpen, setCreateOpen] = useState15(false);
+  const [createOpen, setCreateOpen] = useState19(false);
   const credentials = credentialsData?.data || [];
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs16("div", { children: [
-        /* @__PURE__ */ jsx18("h1", { className: "text-xl font-semibold", children: title }),
-        /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: subtitle })
+  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: [
+      /* @__PURE__ */ jsxs26("div", { children: [
+        /* @__PURE__ */ jsx28("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs16(Button14, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx18(Plus5, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs26(Button18, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx28(Plus5, { className: "mr-2 h-4 w-4" }),
         "Nova Credencial"
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx28(
       ToolCredentialsForm,
       {
         config,
@@ -3787,7 +5339,117 @@ function CredentialsPage({
     )
   ] });
 }
+
+// src/pages/integrations-management-page.tsx
+import { useState as useState20, useMemo as useMemo8 } from "react";
+import {
+  Badge as Badge11,
+  Button as Button19,
+  Tabs as Tabs3,
+  TabsContent as TabsContent3,
+  TabsList as TabsList3,
+  TabsTrigger as TabsTrigger3
+} from "@greatapps/greatauth-ui/ui";
+import { Plus as Plus6, Plug as Plug4, KeyRound, Info as Info3 } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+function useCredentialAgentSummary(credentials, tools, agents) {
+  return useMemo8(() => {
+    const toolIdsWithCredentials = new Set(
+      credentials.map((c) => c.id_tool).filter(Boolean)
+    );
+    const linkedCount = credentials.filter(
+      (c) => c.id_tool && toolIdsWithCredentials.has(c.id_tool)
+    ).length;
+    return {
+      totalCredentials: credentials.length,
+      linkedToTools: linkedCount,
+      totalAgents: agents.length,
+      totalTools: tools.length
+    };
+  }, [credentials, tools, agents]);
+}
+function IntegrationsManagementPage({
+  config,
+  gagentsApiUrl,
+  onConnect,
+  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 credentials = credentialsData?.data || [];
+  const agents = agentsData?.data || [];
+  const tools = toolsData?.data || [];
+  const summary = useCredentialAgentSummary(credentials, tools, agents);
+  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 }),
+      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: subtitle })
+    ] }) }),
+    /* @__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" }),
+          "Integra\xE7\xF5es"
+        ] }),
+        /* @__PURE__ */ jsxs27(TabsTrigger3, { value: "credentials", className: "gap-2", children: [
+          /* @__PURE__ */ jsx29(KeyRound, { className: "h-4 w-4" }),
+          "Credenciais"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx29(TabsContent3, { value: "integrations", className: "mt-4", children: /* @__PURE__ */ jsx29(
+        IntegrationsTab,
+        {
+          config,
+          agentId: null,
+          onConnect: onConnect ?? (() => {
+          })
+        }
+      ) }),
+      /* @__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" }),
+          /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [
+            /* @__PURE__ */ jsxs27("span", { children: [
+              /* @__PURE__ */ jsx29(Badge11, { variant: "secondary", className: "mr-1", children: summary.totalCredentials }),
+              summary.totalCredentials === 1 ? "credencial configurada" : "credenciais configuradas"
+            ] }),
+            /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "|" }),
+            /* @__PURE__ */ jsxs27("span", { children: [
+              /* @__PURE__ */ jsx29(Badge11, { variant: "secondary", className: "mr-1", children: summary.linkedToTools }),
+              summary.linkedToTools === 1 ? "vinculada a ferramentas" : "vinculadas a ferramentas"
+            ] }),
+            /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground", children: "|" }),
+            /* @__PURE__ */ jsxs27("span", { children: [
+              /* @__PURE__ */ jsx29(Badge11, { variant: "secondary", className: "mr-1", children: summary.totalAgents }),
+              summary.totalAgents === 1 ? "agente na conta" : "agentes na conta"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-end mb-4", children: /* @__PURE__ */ jsxs27(Button19, { onClick: () => setCreateOpen(true), size: "sm", children: [
+          /* @__PURE__ */ jsx29(Plus6, { className: "mr-2 h-4 w-4" }),
+          "Nova Credencial"
+        ] }) }),
+        /* @__PURE__ */ jsx29(
+          ToolCredentialsForm,
+          {
+            config,
+            gagentsApiUrl,
+            credentials,
+            isLoading: credentialsLoading,
+            createOpen,
+            onCreateOpenChange: setCreateOpen
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 export {
+  AdvancedTab,
+  AgentCapabilitiesPage,
   AgentConversationsPanel,
   AgentConversationsTable,
   AgentDetailPage,
@@ -3799,8 +5461,14 @@ export {
   AgentToolsList,
   AgentsPage,
   AgentsTable,
+  CapabilitiesTab,
   ConversationView,
   CredentialsPage,
+  INTEGRATIONS_REGISTRY,
+  IntegrationCard,
+  IntegrationWizard,
+  IntegrationsManagementPage,
+  IntegrationsTab,
   Sortable,
   SortableContent,
   SortableItem,
@@ -3814,9 +5482,11 @@ export {
   createGagentsClient,
   useAddAgentTool,
   useAgent,
+  useAgentCapabilities,
   useAgentConversations,
   useAgentTools,
   useAgents,
+  useCapabilities,
   useContactUsers,
   useConversation,
   useConversations,
@@ -3830,6 +5500,7 @@ export {
   useDeleteToolCredential,
   useGagentsClient,
   useGagentsContacts,
+  useIntegrationState,
   useObjectives,
   usePromptVersions,
   useRemoveAgentTool,
@@ -3837,6 +5508,7 @@ export {
   useToolCredentials,
   useTools,
   useUpdateAgent,
+  useUpdateAgentCapabilities,
   useUpdateAgentTool,
   useUpdateObjective,
   useUpdateTool,