@greatapps/greatagents-ui 0.3.17 → 0.3.19

package/dist/index.js

@@ -2986,9 +2986,10 @@ function ModuleRow({
 }
 
 // src/components/capabilities/integrations-tab.tsx
-import { useCallback as useCallback5, useState as useState9 } from "react";
-import { Switch as Switch5, Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2, Checkbox as Checkbox2 } from "@greatapps/greatauth-ui/ui";
+import { useCallback as useCallback5, useState as useState9, useEffect as useEffect5, useMemo as useMemo6 } from "react";
+import { Switch as Switch5, Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2, Checkbox as Checkbox2, Button as Button8 } from "@greatapps/greatauth-ui/ui";
 import { Plug, Loader2 as Loader25, ChevronDown as ChevronDown3, Pencil as Pencil4 } from "lucide-react";
+import { toast as toast7 } from "sonner";
 import { CalendarSync } from "lucide-react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var ICON_MAP = {
@@ -3015,11 +3016,8 @@ function buildCustomInstructions(integrationSlug, selectedFunctions, functionIns
     const instruction = functionInstructions[f.slug] || f.defaultInstructions;
     return `- ${f.slug}: ${instruction}`;
   });
-  return `Voc\xEA tem acesso \xE0 integra\xE7\xE3o ${integrationSlug}.
-Fun\xE7\xF5es dispon\xEDveis:
-${lines.join("\n")}
-
-Use EXATAMENTE os nomes de fun\xE7\xE3o listados acima.`;
+  return `Fun\xE7\xF5es dispon\xEDveis (${integrationSlug}):
+${lines.join("\n")}`;
 }
 function IntegrationsTab({
   config,
@@ -3034,146 +3032,185 @@ function IntegrationsTab({
   const createTool = useCreateTool(config);
   const agentTools = agentToolsData?.data ?? [];
   const allTools = toolsData?.data ?? [];
-  const [selectedFunctions, setSelectedFunctions] = useState9({});
-  const [functionInstructions, setFunctionInstructions] = useState9({});
+  const [localState, setLocalState] = useState9({});
+  const [serverState, setServerState] = useState9({});
+  const [initialized, setInitialized] = useState9(false);
+  const [isSaving, setIsSaving] = useState9(false);
   const [editingFunction, setEditingFunction] = useState9(null);
   const [expandedCards, setExpandedCards] = useState9(/* @__PURE__ */ new Set());
   const connectedCards = cards.filter(
     (c) => !c.isAddNew && (c.state === "connected" || c.state === "expired")
   );
-  const initFunctionsForCard = useCallback5((slug) => {
-    const fns = INTEGRATION_FUNCTIONS[slug];
-    if (!fns) return;
-    setSelectedFunctions((prev) => ({
-      ...prev,
-      [slug]: new Set(fns.map((f) => f.slug))
-    }));
-    setFunctionInstructions((prev) => ({
-      ...prev,
-      [slug]: Object.fromEntries(fns.map((f) => [f.slug, f.defaultInstructions]))
-    }));
-  }, []);
+  useEffect5(() => {
+    if (!connectedCards.length || initialized) return;
+    const state = {};
+    for (const card of connectedCards) {
+      const slug = card.definition.slug;
+      const isLinked = card.linkedToAgent;
+      const fns = INTEGRATION_FUNCTIONS[slug] ?? [];
+      if (isLinked) {
+        const toolId = card.tool?.id;
+        const agentTool = toolId ? agentTools.find((at) => at.id_tool === toolId) : null;
+        const existingInstructions = agentTool?.custom_instructions || "";
+        const selectedFns = /* @__PURE__ */ new Set();
+        const fnInstr = {};
+        for (const fn of fns) {
+          if (!existingInstructions || existingInstructions.includes(fn.slug)) {
+            selectedFns.add(fn.slug);
+          }
+          const match = existingInstructions.match(new RegExp(`- ${fn.slug}: (.+)`));
+          fnInstr[fn.slug] = match?.[1] ?? fn.defaultInstructions;
+        }
+        state[slug] = { enabled: true, selectedFunctions: selectedFns, functionInstructions: fnInstr };
+      } else {
+        state[slug] = {
+          enabled: false,
+          selectedFunctions: new Set(fns.map((f) => f.slug)),
+          functionInstructions: Object.fromEntries(fns.map((f) => [f.slug, f.defaultInstructions]))
+        };
+      }
+    }
+    setLocalState(state);
+    setServerState(JSON.parse(JSON.stringify(state, (_k, v) => v instanceof Set ? [...v] : v)));
+    setInitialized(true);
+  }, [connectedCards, agentTools, initialized]);
+  const hasChanges = useMemo6(() => {
+    if (!initialized) return false;
+    const localKeys = Object.keys(localState);
+    for (const slug of localKeys) {
+      const local = localState[slug];
+      const server = serverState[slug];
+      if (!server) return true;
+      if (local.enabled !== server.enabled) return true;
+      const serverFns = server.selectedFunctions instanceof Set ? server.selectedFunctions : new Set(server.selectedFunctions);
+      if (local.selectedFunctions.size !== serverFns.size) return true;
+      for (const fn of local.selectedFunctions) {
+        if (!serverFns.has(fn)) return true;
+      }
+      for (const fn of local.selectedFunctions) {
+        if ((local.functionInstructions[fn] ?? "") !== (server.functionInstructions[fn] ?? "")) return true;
+      }
+    }
+    return false;
+  }, [localState, serverState, initialized]);
   const handleToggle = useCallback5(
-    async (card, checked) => {
+    (card, checked) => {
+      const slug = card.definition.slug;
+      setLocalState((prev) => ({
+        ...prev,
+        [slug]: {
+          ...prev[slug],
+          enabled: checked
+        }
+      }));
       if (checked) {
-        let toolId = card.tool?.id;
-        if (!toolId) {
-          const existingTool = allTools.find((t) => t.slug === card.definition.slug);
-          if (existingTool) {
-            toolId = existingTool.id;
-          } else {
-            try {
+        setExpandedCards((prev) => /* @__PURE__ */ new Set([...prev, slug]));
+      }
+    },
+    []
+  );
+  const handleToggleFunction = useCallback5(
+    (slug, fnSlug, checked) => {
+      setLocalState((prev) => {
+        const current = prev[slug];
+        if (!current) return prev;
+        const fns = new Set(current.selectedFunctions);
+        if (checked) fns.add(fnSlug);
+        else fns.delete(fnSlug);
+        return { ...prev, [slug]: { ...current, selectedFunctions: fns } };
+      });
+    },
+    []
+  );
+  const handleUpdateInstruction = useCallback5(
+    (slug, fnSlug, instruction) => {
+      setLocalState((prev) => {
+        const current = prev[slug];
+        if (!current) return prev;
+        return {
+          ...prev,
+          [slug]: {
+            ...current,
+            functionInstructions: { ...current.functionInstructions, [fnSlug]: instruction }
+          }
+        };
+      });
+    },
+    []
+  );
+  const saveNow = useCallback5(async () => {
+    setIsSaving(true);
+    try {
+      for (const slug of Object.keys(localState)) {
+        const local = localState[slug];
+        const card = connectedCards.find((c) => c.definition.slug === slug);
+        if (!card) continue;
+        const serverEntry = serverState[slug];
+        const wasEnabled = serverEntry?.enabled ?? false;
+        if (local.enabled && !wasEnabled) {
+          let toolId = card.tool?.id;
+          if (!toolId) {
+            const existingTool = allTools.find((t) => t.slug === slug);
+            if (existingTool) {
+              toolId = existingTool.id;
+            } else {
               const result = await createTool.mutateAsync({
                 name: card.definition.name,
-                slug: card.definition.slug,
+                slug,
                 type: "integration",
                 description: card.definition.description
               });
               const d = result?.data;
               toolId = (Array.isArray(d) ? d[0]?.id : d?.id) ?? void 0;
-              if (!toolId) {
-                console.error("[IntegrationsTab] Failed to create tool \u2014 no ID returned");
-                return;
-              }
-            } catch (err) {
-              console.error("[IntegrationsTab] Error creating tool:", err);
-              return;
+              if (!toolId) continue;
             }
           }
-        }
-        initFunctionsForCard(card.definition.slug);
-        const fns = INTEGRATION_FUNCTIONS[card.definition.slug];
-        let customInstructions;
-        if (fns) {
-          const allFnSlugs = new Set(fns.map((f) => f.slug));
-          const defaultInstr = Object.fromEntries(fns.map((f) => [f.slug, f.defaultInstructions]));
-          customInstructions = buildCustomInstructions(card.definition.slug, allFnSlugs, defaultInstr);
-        } else {
-          customInstructions = "";
-        }
-        setExpandedCards((prev) => /* @__PURE__ */ new Set([...prev, card.definition.slug]));
-        addAgentTool.mutate({
-          idAgent: agentId,
-          body: {
-            id_tool: toolId,
-            enabled: true,
-            ...customInstructions ? { custom_instructions: customInstructions } : {}
+          const customInstructions = buildCustomInstructions(slug, local.selectedFunctions, local.functionInstructions);
+          await addAgentTool.mutateAsync({
+            idAgent: agentId,
+            body: { id_tool: toolId, enabled: true, ...customInstructions ? { custom_instructions: customInstructions } : {} }
+          });
+        } else if (!local.enabled && wasEnabled) {
+          const toolId = card.tool?.id;
+          if (toolId) {
+            const agentTool = agentTools.find((at) => at.id_tool === toolId);
+            if (agentTool) {
+              await removeAgentTool.mutateAsync({ idAgent: agentId, id: agentTool.id });
+            }
           }
-        });
-      } else {
-        const toolId = card.tool?.id;
-        if (toolId) {
-          const agentTool = agentTools.find((at) => at.id_tool === toolId);
-          if (agentTool) {
-            removeAgentTool.mutate({ idAgent: agentId, id: agentTool.id });
+        } else if (local.enabled && wasEnabled) {
+          const toolId = card.tool?.id;
+          if (toolId) {
+            const agentTool = agentTools.find((at) => at.id_tool === toolId);
+            if (agentTool) {
+              const customInstructions = buildCustomInstructions(slug, local.selectedFunctions, local.functionInstructions);
+              await updateAgentTool.mutateAsync({
+                idAgent: agentId,
+                id: agentTool.id,
+                body: { custom_instructions: customInstructions }
+              });
+            }
           }
         }
-        setExpandedCards((prev) => {
-          const next = new Set(prev);
-          next.delete(card.definition.slug);
-          return next;
-        });
-        setSelectedFunctions((prev) => {
-          const next = { ...prev };
-          delete next[card.definition.slug];
-          return next;
-        });
-        setFunctionInstructions((prev) => {
-          const next = { ...prev };
-          delete next[card.definition.slug];
-          return next;
-        });
       }
-    },
-    [agentTools, allTools, agentId, addAgentTool, removeAgentTool, createTool, initFunctionsForCard]
-  );
-  const handleToggleFunction = useCallback5(
-    (card, fnSlug, checked) => {
-      const integrationSlug = card.definition.slug;
-      setSelectedFunctions((prev) => {
-        const current = new Set(prev[integrationSlug] ?? []);
-        if (checked) {
-          current.add(fnSlug);
-        } else {
-          current.delete(fnSlug);
-        }
-        const next = { ...prev, [integrationSlug]: current };
-        const instructions = functionInstructions[integrationSlug] ?? {};
-        const customInstructions = buildCustomInstructions(integrationSlug, current, instructions);
-        updateAgentToolInstructions(card, customInstructions);
-        return next;
-      });
-    },
-    [functionInstructions]
-  );
-  const handleUpdateFunctionInstruction = useCallback5(
-    (card, fnSlug, instruction) => {
-      const integrationSlug = card.definition.slug;
-      setFunctionInstructions((prev) => {
-        const current = { ...prev[integrationSlug] ?? {}, [fnSlug]: instruction };
-        const next = { ...prev, [integrationSlug]: current };
-        const selected = selectedFunctions[integrationSlug] ?? /* @__PURE__ */ new Set();
-        const customInstructions = buildCustomInstructions(integrationSlug, selected, current);
-        updateAgentToolInstructions(card, customInstructions);
-        return next;
-      });
-    },
-    [selectedFunctions]
-  );
-  const updateAgentToolInstructions = useCallback5(
-    (card, customInstructions) => {
-      const toolId = card.tool?.id;
-      if (!toolId) return;
-      const agentTool = agentTools.find((at) => at.id_tool === toolId);
-      if (!agentTool) return;
-      updateAgentTool.mutate({
-        idAgent: agentId,
-        id: agentTool.id,
-        body: { custom_instructions: customInstructions }
-      });
-    },
-    [agentTools, agentId, updateAgentTool]
-  );
+      setServerState(JSON.parse(JSON.stringify(localState, (_k, v) => v instanceof Set ? [...v] : v)));
+      toast7.success("Integra\xE7\xF5es salvas");
+    } catch {
+      toast7.error("Erro ao salvar integra\xE7\xF5es");
+    } finally {
+      setIsSaving(false);
+    }
+  }, [localState, serverState, connectedCards, allTools, agentTools, agentId, addAgentTool, removeAgentTool, updateAgentTool, createTool]);
+  const discard = useCallback5(() => {
+    const restored = {};
+    for (const [slug, entry] of Object.entries(serverState)) {
+      restored[slug] = {
+        ...entry,
+        selectedFunctions: entry.selectedFunctions instanceof Set ? entry.selectedFunctions : new Set(entry.selectedFunctions)
+      };
+    }
+    setLocalState(restored);
+  }, [serverState]);
   if (isLoading || agentToolsLoading) {
     return /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx11(Loader25, { className: "h-6 w-6 animate-spin text-muted-foreground" }) });
   }
@@ -3188,13 +3225,13 @@ function IntegrationsTab({
     /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: "Ative ou desative as integra\xE7\xF5es conectadas na conta para este agente." }),
     /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 gap-3", children: connectedCards.map((card) => {
       const Icon = resolveIcon(card.definition.icon);
-      const isLinked = card.linkedToAgent;
-      const isMutating = addAgentTool.isPending || removeAgentTool.isPending || createTool.isPending;
       const integrationSlug = card.definition.slug;
+      const local = localState[integrationSlug];
+      const isLinked = local?.enabled ?? false;
       const fns = INTEGRATION_FUNCTIONS[integrationSlug];
       const isExpanded = expandedCards.has(integrationSlug);
-      const selected = selectedFunctions[integrationSlug] ?? /* @__PURE__ */ new Set();
-      const instructions = functionInstructions[integrationSlug] ?? {};
+      const selected = local?.selectedFunctions ?? /* @__PURE__ */ new Set();
+      const instructions = local?.functionInstructions ?? {};
       return /* @__PURE__ */ jsxs9(
         "div",
         {
@@ -3243,7 +3280,7 @@ function IntegrationsTab({
                 Switch5,
                 {
                   checked: isLinked,
-                  disabled: isMutating,
+                  disabled: isSaving,
                   onCheckedChange: (checked) => handleToggle(card, checked),
                   "aria-label": `${isLinked ? "Desativar" : "Ativar"} ${card.definition.name} para este agente`
                 }
@@ -3261,7 +3298,7 @@ function IntegrationsTab({
                       Checkbox2,
                       {
                         checked: isSelected,
-                        onCheckedChange: (val) => handleToggleFunction(card, fn.slug, val === true),
+                        onCheckedChange: (val) => handleToggleFunction(integrationSlug, fn.slug, val === true),
                         "aria-label": fn.label
                       }
                     ),
@@ -3291,7 +3328,7 @@ function IntegrationsTab({
                     {
                       className: "w-full rounded-md border bg-background px-3 py-2 text-sm resize-y min-h-[60px] focus:outline-none focus:ring-1 focus:ring-ring",
                       value: currentInstruction,
-                      onChange: (e) => handleUpdateFunctionInstruction(card, fn.slug, e.target.value),
+                      onChange: (e) => handleUpdateInstruction(integrationSlug, fn.slug, e.target.value),
                       placeholder: "Instru\xE7\xF5es personalizadas para esta fun\xE7\xE3o...",
                       rows: 2
                     }
@@ -3303,7 +3340,17 @@ function IntegrationsTab({
         },
         `${integrationSlug}-cred-${card.credentialId}`
       );
-    }) })
+    }) }),
+    hasChanges && /* @__PURE__ */ jsxs9("div", { className: "sticky bottom-0 z-10 flex items-center justify-between gap-2 rounded-lg border bg-background p-3 shadow-sm", children: [
+      /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: "Voc\xEA tem altera\xE7\xF5es n\xE3o salvas." }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx11(Button8, { variant: "ghost", size: "sm", onClick: discard, disabled: isSaving, children: "Descartar" }),
+        /* @__PURE__ */ jsxs9(Button8, { size: "sm", onClick: saveNow, disabled: isSaving, children: [
+          isSaving && /* @__PURE__ */ jsx11(Loader25, { className: "mr-2 h-4 w-4 animate-spin" }),
+          "Salvar"
+        ] })
+      ] })
+    ] })
   ] });
 }
 
@@ -3364,7 +3411,7 @@ import { useState as useState10 } from "react";
 import {
   Switch as Switch6,
   Badge as Badge6,
-  Button as Button8,
+  Button as Button9,
   Skeleton as Skeleton6,
   AlertDialog as AlertDialog3,
   AlertDialogAction as AlertDialogAction3,
@@ -3397,7 +3444,7 @@ import {
   Wrench,
   Settings2
 } from "lucide-react";
-import { toast as toast7 } from "sonner";
+import { toast as toast8 } from "sonner";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function AgentToolsList({ agent, config }) {
   const { data: agentToolsData, isLoading } = useAgentTools(config, agent.id);
@@ -3434,9 +3481,9 @@ function AgentToolsList({ agent, config }) {
         id: agentTool.id,
         body: { enabled: checked }
       });
-      toast7.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
+      toast8.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
     } catch (err) {
-      toast7.error(
+      toast8.error(
         err instanceof Error ? err.message : "Erro ao alterar estado da ferramenta"
       );
     }
@@ -3447,11 +3494,11 @@ function AgentToolsList({ agent, config }) {
         idAgent: agent.id,
         body: { id_tool: tool.id }
       });
-      toast7.success("Ferramenta adicionada");
+      toast8.success("Ferramenta adicionada");
       setAddOpen(false);
       setSearch("");
     } catch (err) {
-      toast7.error(
+      toast8.error(
         err instanceof Error ? err.message : "Erro ao adicionar ferramenta"
       );
     }
@@ -3463,9 +3510,9 @@ function AgentToolsList({ agent, config }) {
         idAgent: agent.id,
         id: removeTarget.id
       });
-      toast7.success("Ferramenta removida");
+      toast8.success("Ferramenta removida");
     } catch (err) {
-      toast7.error(
+      toast8.error(
         err instanceof Error ? err.message : "Erro ao remover ferramenta"
       );
     } finally {
@@ -3489,10 +3536,10 @@ function AgentToolsList({ agent, config }) {
           id_tool_credential: newCredentialId
         }
       });
-      toast7.success("Configura\xE7\xE3o atualizada");
+      toast8.success("Configura\xE7\xE3o atualizada");
       setConfigTarget(null);
     } catch (err) {
-      toast7.error(
+      toast8.error(
         err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
       );
     }
@@ -3510,7 +3557,7 @@ function AgentToolsList({ agent, config }) {
         visibleAgentTools.length !== 1 ? "s" : ""
       ] }),
       /* @__PURE__ */ jsxs11(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
-        /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(Button8, { size: "sm", disabled: availableTools.length === 0, children: [
+        /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(Button9, { size: "sm", disabled: availableTools.length === 0, children: [
           /* @__PURE__ */ jsx13(Plus2, { className: "mr-2 h-4 w-4" }),
           "Adicionar Ferramenta"
         ] }) }),
@@ -3571,7 +3618,7 @@ function AgentToolsList({ agent, config }) {
               }
             ),
             /* @__PURE__ */ jsx13(
-              Button8,
+              Button9,
               {
                 variant: "ghost",
                 size: "icon",
@@ -3583,7 +3630,7 @@ function AgentToolsList({ agent, config }) {
               }
             ),
             /* @__PURE__ */ jsx13(
-              Button8,
+              Button9,
               {
                 variant: "ghost",
                 size: "icon",
@@ -3642,7 +3689,7 @@ function AgentToolsList({ agent, config }) {
           ] }),
           /* @__PURE__ */ jsxs11(DialogFooter4, { children: [
             /* @__PURE__ */ jsx13(
-              Button8,
+              Button9,
               {
                 variant: "outline",
                 onClick: () => setConfigTarget(null),
@@ -3650,7 +3697,7 @@ function AgentToolsList({ agent, config }) {
               }
             ),
             /* @__PURE__ */ jsx13(
-              Button8,
+              Button9,
               {
                 onClick: handleSaveConfig,
                 disabled: updateMutation.isPending,
@@ -3689,7 +3736,7 @@ function AgentToolsList({ agent, config }) {
 }
 
 // src/components/tools/tools-table.tsx
-import { useMemo as useMemo6, useState as useState11 } from "react";
+import { useMemo as useMemo7, useState as useState11 } from "react";
 import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
 import {
   Input as Input7,
@@ -3705,12 +3752,12 @@ import {
   AlertDialogFooter as AlertDialogFooter4,
   AlertDialogHeader as AlertDialogHeader4,
   AlertDialogTitle as AlertDialogTitle4,
-  Button as Button9
+  Button as Button10
 } from "@greatapps/greatauth-ui/ui";
 import { Pencil as Pencil5, Trash2 as Trash24, Search as Search2 } from "lucide-react";
 import { format as format2 } from "date-fns";
 import { ptBR as ptBR2 } from "date-fns/locale";
-import { toast as toast8 } from "sonner";
+import { toast as toast9 } from "sonner";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function useColumns2(onEdit, onDelete) {
   return [
@@ -3753,7 +3800,7 @@ function useColumns2(onEdit, onDelete) {
       cell: ({ row }) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxs12(Tooltip3, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
-            Button9,
+            Button10,
             {
               variant: "ghost",
               size: "icon",
@@ -3767,7 +3814,7 @@ function useColumns2(onEdit, onDelete) {
         ] }),
         /* @__PURE__ */ jsxs12(Tooltip3, { children: [
           /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
-            Button9,
+            Button10,
             {
               variant: "ghost",
               size: "icon",
@@ -3786,7 +3833,7 @@ function useColumns2(onEdit, onDelete) {
 function ToolsTable({ onEdit, config }) {
   const [search, setSearch] = useState11("");
   const [page, setPage] = useState11(1);
-  const queryParams = useMemo6(() => {
+  const queryParams = useMemo7(() => {
     const params = {
       limit: "15",
       page: String(page)
@@ -3810,10 +3857,10 @@ function ToolsTable({ onEdit, config }) {
     if (!deleteId) return;
     deleteTool.mutate(deleteId, {
       onSuccess: () => {
-        toast8.success("Ferramenta exclu\xEDda");
+        toast9.success("Ferramenta exclu\xEDda");
         setDeleteId(null);
       },
-      onError: () => toast8.error("Erro ao excluir ferramenta")
+      onError: () => toast9.error("Erro ao excluir ferramenta")
     });
   }
   function handleSearchChange(value) {
@@ -3886,7 +3933,7 @@ import {
   DialogHeader as DialogHeader5,
   DialogTitle as DialogTitle5,
   DialogFooter as DialogFooter5,
-  Button as Button10,
+  Button as Button11,
   Input as Input8,
   Textarea as Textarea3,
   Label as Label5,
@@ -3897,7 +3944,7 @@ import {
   SelectValue as SelectValue2
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader26 } from "lucide-react";
-import { toast as toast9 } from "sonner";
+import { toast as toast10 } from "sonner";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var TOOL_AUTH_TYPES = [
   { value: "none", label: "Nenhuma" },
@@ -3994,16 +4041,16 @@ function ToolFormDialog({
     try {
       if (isEditing) {
         await updateTool.mutateAsync({ id: tool.id, body });
-        toast9.success("Ferramenta atualizada");
+        toast10.success("Ferramenta atualizada");
       } else {
         await createTool.mutateAsync(
           body
         );
-        toast9.success("Ferramenta criada");
+        toast10.success("Ferramenta criada");
       }
       onOpenChange(false);
     } catch (err) {
-      toast9.error(
+      toast10.error(
         err instanceof Error ? err.message : isEditing ? "Erro ao atualizar ferramenta" : "Erro ao criar ferramenta"
       );
     }
@@ -4134,7 +4181,7 @@ function ToolFormDialog({
       ] }),
       /* @__PURE__ */ jsxs13(DialogFooter5, { children: [
         /* @__PURE__ */ jsx15(
-          Button10,
+          Button11,
           {
             type: "button",
             variant: "outline",
@@ -4143,7 +4190,7 @@ function ToolFormDialog({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs13(Button10, { type: "submit", disabled: isPending, children: [
+        /* @__PURE__ */ jsxs13(Button11, { type: "submit", disabled: isPending, children: [
           isPending ? /* @__PURE__ */ jsx15(Loader26, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
@@ -4153,11 +4200,11 @@ function ToolFormDialog({
 }
 
 // src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo7, useState as useState13 } from "react";
+import { useMemo as useMemo8, useState as useState13 } from "react";
 import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
   Input as Input9,
-  Button as Button11,
+  Button as Button12,
   Badge as Badge8,
   Tooltip as Tooltip4,
   TooltipTrigger as TooltipTrigger4,
@@ -4174,7 +4221,7 @@ import {
 import { Trash2 as Trash25, Search as Search3 } from "lucide-react";
 import { format as format3 } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
-import { toast as toast10 } from "sonner";
+import { toast as toast11 } from "sonner";
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatDate2(dateStr) {
   if (!dateStr) return "Sem expira\xE7\xE3o";
@@ -4225,7 +4272,7 @@ function useColumns3(tools, onRemove) {
       enableSorting: false,
       cell: ({ row }) => /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs14(Tooltip4, { children: [
         /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
-          Button11,
+          Button12,
           {
             variant: "ghost",
             size: "icon",
@@ -4251,13 +4298,13 @@ function ToolCredentialsForm({
   const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
   const [search, setSearch] = useState13("");
   const [removeTarget, setRemoveTarget] = useState13(null);
-  const internalToolIds = useMemo7(() => {
+  const internalToolIds = useMemo8(() => {
     const allRawTools = toolsData?.data || [];
     return new Set(
       allRawTools.filter((t) => t.slug?.startsWith("gclinic_")).map((t) => t.id)
     );
   }, [toolsData]);
-  const filteredCredentials = useMemo7(() => {
+  const filteredCredentials = useMemo8(() => {
     const visible = credentials.filter(
       (cred) => !cred.id_tool || !internalToolIds.has(cred.id_tool)
     );
@@ -4277,12 +4324,12 @@ function ToolCredentialsForm({
     try {
       const result = await deleteMutation.mutateAsync(removeTarget.id);
       if (result.status === 1) {
-        toast10.success("Credencial removida");
+        toast11.success("Credencial removida");
       } else {
-        toast10.error(result.message || "Erro ao remover credencial");
+        toast11.error(result.message || "Erro ao remover credencial");
       }
     } catch {
-      toast10.error("Erro ao remover credencial");
+      toast11.error("Erro ao remover credencial");
     } finally {
       setRemoveTarget(null);
     }
@@ -4343,7 +4390,7 @@ function ToolCredentialsForm({
 import { useState as useState14 } from "react";
 import {
   Badge as Badge9,
-  Button as Button12,
+  Button as Button13,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
@@ -4436,7 +4483,7 @@ function IntegrationCard({
             ] })
           ] }),
           /* @__PURE__ */ jsx17("div", { className: "mt-auto flex items-center justify-end pt-1", children: /* @__PURE__ */ jsx17(
-            Button12,
+            Button13,
             {
               variant: "outline",
               size: "sm",
@@ -4491,7 +4538,7 @@ function IntegrationCard({
           ] }),
           /* @__PURE__ */ jsx17("div", { className: "mt-auto flex items-center justify-end gap-2 pt-1", children: /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
             /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
-              Button12,
+              Button13,
               {
                 variant: "outline",
                 size: "sm",
@@ -4613,17 +4660,17 @@ function AdvancedTab({ config, agentId, gagentsApiUrl }) {
 }
 
 // src/components/capabilities/integration-wizard.tsx
-import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef2, useState as useState16 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef2, useState as useState16 } from "react";
 import {
   Dialog as Dialog6,
   DialogContent as DialogContent6,
   DialogFooter as DialogFooter6,
   DialogHeader as DialogHeader6,
   DialogTitle as DialogTitle6,
-  Button as Button14
+  Button as Button15
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader29, ChevronLeft, ChevronRight, Check as Check2 } from "lucide-react";
-import { toast as toast11 } from "sonner";
+import { toast as toast12 } from "sonner";
 
 // src/components/capabilities/wizard-steps/info-step.tsx
 import { Check, Info as Info2 } from "lucide-react";
@@ -4682,7 +4729,7 @@ function InfoStep({ integration, meta }) {
 
 // src/components/capabilities/wizard-steps/credentials-step.tsx
 import { CheckCircle2, Loader2 as Loader27, AlertCircle, Shield } from "lucide-react";
-import { Button as Button13, Input as Input10, Label as Label6 } from "@greatapps/greatauth-ui/ui";
+import { Button as Button14, 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,
@@ -4725,7 +4772,7 @@ function OAuthCredentials({
     ] }),
     /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-4 rounded-lg border p-6", children: [
       oauthStatus === "idle" && /* @__PURE__ */ jsxs18(
-        Button13,
+        Button14,
         {
           onClick: onStartOAuth,
           size: "lg",
@@ -4774,7 +4821,7 @@ function OAuthCredentials({
           /* @__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__ */ jsx20(Button14, { 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: [
@@ -5027,14 +5074,14 @@ function IntegrationWizard({
   const [selectedConfigValue, setSelectedConfigValue] = useState16("");
   const [enableOnComplete, setEnableOnComplete] = useState16(true);
   const [isSubmitting, setIsSubmitting] = useState16(false);
-  useEffect5(() => {
+  useEffect6(() => {
     return () => {
       if (popupPollRef.current) {
         clearInterval(popupPollRef.current);
       }
     };
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     if (open) {
       setCurrentStep("info");
       setOauthStatus("idle");
@@ -5095,7 +5142,7 @@ function IntegrationWizard({
     },
     [gagentsApiUrl, existingCredentialId, meta.hasConfigStep, loadConfigOptions]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     if (!open) return;
     window.addEventListener("message", handleOAuthMessage);
     return () => window.removeEventListener("message", handleOAuthMessage);
@@ -5195,11 +5242,11 @@ function IntegrationWizard({
     setIsSubmitting(true);
     try {
       onComplete();
-      toast11.success(
+      toast12.success(
         `${integration.name} ${isReconnect ? "reconectado" : "configurado"} com sucesso!`
       );
     } catch {
-      toast11.error("Erro ao finalizar configura\xE7\xE3o");
+      toast12.error("Erro ao finalizar configura\xE7\xE3o");
     } finally {
       setIsSubmitting(false);
     }
@@ -5254,7 +5301,7 @@ function IntegrationWizard({
     ] }),
     /* @__PURE__ */ jsxs21(DialogFooter6, { className: "flex-row justify-between sm:justify-between", children: [
       /* @__PURE__ */ jsx23("div", { children: currentStep === "info" ? /* @__PURE__ */ jsx23(
-        Button14,
+        Button15,
         {
           type: "button",
           variant: "outline",
@@ -5262,7 +5309,7 @@ function IntegrationWizard({
           children: "Cancelar"
         }
       ) : /* @__PURE__ */ jsxs21(
-        Button14,
+        Button15,
         {
           type: "button",
           variant: "outline",
@@ -5275,7 +5322,7 @@ function IntegrationWizard({
         }
       ) }),
       /* @__PURE__ */ jsx23("div", { children: isLastStep ? /* @__PURE__ */ jsxs21(
-        Button14,
+        Button15,
         {
           type: "button",
           onClick: handleComplete,
@@ -5293,7 +5340,7 @@ function IntegrationWizard({
           ]
         }
       ) : /* @__PURE__ */ jsxs21(
-        Button14,
+        Button15,
         {
           type: "button",
           onClick: goNext,
@@ -5363,7 +5410,7 @@ function StepIndicator({
 
 // src/pages/agents-page.tsx
 import { useState as useState17 } from "react";
-import { Button as Button15 } from "@greatapps/greatauth-ui/ui";
+import { Button as Button16 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus4 } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function AgentsPage({
@@ -5379,7 +5426,7 @@ function AgentsPage({
         /* @__PURE__ */ jsx24("h1", { className: "text-xl font-semibold", children: title }),
         /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs22(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
+      /* @__PURE__ */ jsxs22(Button16, { onClick: () => setCreateOpen(true), size: "sm", children: [
         /* @__PURE__ */ jsx24(Plus4, { className: "mr-2 h-4 w-4" }),
         "Novo Agente"
       ] })
@@ -5398,7 +5445,7 @@ function AgentsPage({
 
 // src/pages/agent-detail-page.tsx
 import { useState as useState18 } from "react";
-import { Badge as Badge10, Button as Button16, Skeleton as Skeleton7 } from "@greatapps/greatauth-ui/ui";
+import { Badge as Badge10, Button as Button17, Skeleton as Skeleton7 } from "@greatapps/greatauth-ui/ui";
 import { EntityAvatar as EntityAvatar2 } from "@greatapps/greatauth-ui";
 import { ArrowLeft, Pencil as Pencil6 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -5421,7 +5468,7 @@ function AgentDetailPage({
   if (!agent) {
     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: [
+      onBack && /* @__PURE__ */ jsxs23(Button17, { variant: "ghost", size: "sm", onClick: onBack, children: [
         /* @__PURE__ */ jsx25(ArrowLeft, { className: "mr-2 h-4 w-4" }),
         "Voltar para agentes"
       ] })
@@ -5431,7 +5478,7 @@ function AgentDetailPage({
     /* @__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,
+          Button17,
           {
             variant: "ghost",
             size: "icon",
@@ -5455,7 +5502,7 @@ function AgentDetailPage({
         ] }) })
       ] }),
       /* @__PURE__ */ jsxs23(
-        Button16,
+        Button17,
         {
           variant: "outline",
           size: "sm",
@@ -5539,7 +5586,7 @@ function AgentCapabilitiesPage({
 
 // src/pages/tools-page.tsx
 import { useState as useState19 } from "react";
-import { Button as Button17 } from "@greatapps/greatauth-ui/ui";
+import { Button as Button18 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus5 } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
 function ToolsPage({
@@ -5555,7 +5602,7 @@ function ToolsPage({
         /* @__PURE__ */ jsx27("h1", { className: "text-xl font-semibold", children: title }),
         /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs25(Button17, { onClick: () => setCreateOpen(true), size: "sm", children: [
+      /* @__PURE__ */ jsxs25(Button18, { onClick: () => setCreateOpen(true), size: "sm", children: [
         /* @__PURE__ */ jsx27(Plus5, { className: "mr-2 h-4 w-4" }),
         "Nova Ferramenta"
       ] })