@greatapps/greatagents-ui 0.3.13 → 0.3.14

package/dist/index.js

@@ -2511,7 +2511,7 @@ import {
   Skeleton as Skeleton5
 } from "@greatapps/greatauth-ui/ui";
 import {
-  Calendar,
+  CalendarCheck,
   Users,
   Settings,
   HeartHandshake,
@@ -2531,7 +2531,7 @@ function getOperationLabel(slug) {
   return OPERATION_LABELS[slug] ?? slug;
 }
 var CATEGORY_ICONS = {
-  agenda: Calendar,
+  agenda: CalendarCheck,
   cadastros: Users,
   infraestrutura: Settings,
   relacionamentos: HeartHandshake
@@ -2833,33 +2833,29 @@ function IntegrationsTab({
   config,
   agentId
 }) {
-  const { cards, isLoading } = useIntegrationState(config, null);
-  const { data: toolsData } = useTools(config);
+  const { cards, isLoading } = useIntegrationState(config, agentId);
   const { data: agentToolsData, isLoading: agentToolsLoading } = useAgentTools(config, agentId);
   const addAgentTool = useAddAgentTool(config);
   const removeAgentTool = useRemoveAgentTool(config);
-  const tools = toolsData?.data ?? [];
   const agentTools = agentToolsData?.data ?? [];
   const connectedCards = cards.filter(
     (c) => !c.isAddNew && (c.state === "connected" || c.state === "expired")
   );
   const handleToggle = useCallback5(
-    (credentialId, toolSlug, checked) => {
-      const tool = tools.find((t) => t.slug === toolSlug);
-      if (!tool) return;
+    (toolId, checked) => {
       if (checked) {
         addAgentTool.mutate({
           idAgent: agentId,
-          body: { id_tool: tool.id, enabled: true }
+          body: { id_tool: toolId, enabled: true }
         });
       } else {
-        const agentTool = agentTools.find((at) => at.id_tool === tool.id);
+        const agentTool = agentTools.find((at) => at.id_tool === toolId);
         if (agentTool) {
           removeAgentTool.mutate({ idAgent: agentId, id: agentTool.id });
         }
       }
     },
-    [tools, agentTools, agentId, addAgentTool, removeAgentTool]
+    [agentTools, agentId, addAgentTool, removeAgentTool]
   );
   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" }) });
@@ -2875,8 +2871,7 @@ 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 sm:grid-cols-2 lg:grid-cols-3", children: connectedCards.map((card) => {
       const Icon = resolveIcon(card.definition.icon);
-      const tool = tools.find((t) => t.slug === card.definition.slug);
-      const isLinked = tool ? agentTools.some((at) => at.id_tool === tool.id) : false;
+      const isLinked = card.linkedToAgent;
       const isMutating = addAgentTool.isPending || removeAgentTool.isPending;
       return /* @__PURE__ */ jsxs9(
         "div",
@@ -2899,8 +2894,8 @@ function IntegrationsTab({
               Switch5,
               {
                 checked: isLinked,
-                disabled: isMutating,
-                onCheckedChange: (checked) => card.credentialId && handleToggle(card.credentialId, card.definition.slug, checked),
+                disabled: isMutating || !card.tool,
+                onCheckedChange: (checked) => card.tool && handleToggle(card.tool.id, checked),
                 "aria-label": `${isLinked ? "Desativar" : "Ativar"} ${card.definition.name} para este agente`
               }
             )
@@ -3767,11 +3762,6 @@ import {
   Tooltip as Tooltip4,
   TooltipTrigger as TooltipTrigger4,
   TooltipContent as TooltipContent4,
-  Dialog as Dialog6,
-  DialogContent as DialogContent6,
-  DialogHeader as DialogHeader6,
-  DialogTitle as DialogTitle6,
-  DialogFooter as DialogFooter6,
   AlertDialog as AlertDialog5,
   AlertDialogAction as AlertDialogAction5,
   AlertDialogCancel as AlertDialogCancel5,
@@ -3779,14 +3769,9 @@ import {
   AlertDialogDescription as AlertDialogDescription5,
   AlertDialogFooter as AlertDialogFooter5,
   AlertDialogHeader as AlertDialogHeader5,
-  AlertDialogTitle as AlertDialogTitle5,
-  Select as Select3,
-  SelectContent as SelectContent3,
-  SelectItem as SelectItem3,
-  SelectTrigger as SelectTrigger3,
-  SelectValue as SelectValue3
+  AlertDialogTitle as AlertDialogTitle5
 } from "@greatapps/greatauth-ui/ui";
-import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "lucide-react";
+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";
@@ -3795,17 +3780,12 @@ function formatDate2(dateStr) {
   if (!dateStr) return "Sem expira\xE7\xE3o";
   return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
 }
-function useColumns3(tools, onEdit, onConnect, onRemove) {
+function useColumns3(tools, onRemove) {
   function getToolName(idTool) {
     if (!idTool) return "\u2014";
     const tool = tools.find((t) => t.id === idTool);
     return tool?.name || `Ferramenta #${idTool}`;
   }
-  function getToolType(idTool) {
-    if (!idTool) return null;
-    const tool = tools.find((t) => t.id === idTool);
-    return tool?.type || null;
-  }
   return [
     {
       accessorKey: "label",
@@ -3843,50 +3823,20 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
       header: "A\xE7\xF5es",
       size: 100,
       enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
-        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs14(Tooltip4, { children: [
-          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
-            Button11,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8",
-              "aria-label": "Vincular",
-              disabled: true,
-              children: /* @__PURE__ */ jsx16(Link, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Em breve" })
-        ] }),
-        /* @__PURE__ */ jsxs14(Tooltip4, { children: [
-          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
-            Button11,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8",
-              "aria-label": "Editar",
-              onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx16(Pencil4, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Editar" })
-        ] }),
-        /* @__PURE__ */ jsxs14(Tooltip4, { children: [
-          /* @__PURE__ */ jsx16(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx16(
-            Button11,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8 text-destructive hover:text-destructive",
-              "aria-label": "Excluir",
-              onClick: () => onRemove(row.original),
-              children: /* @__PURE__ */ jsx16(Trash25, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx16(TooltipContent4, { children: "Remover" })
-        ] })
-      ] })
+      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,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8 text-destructive hover:text-destructive",
+            "aria-label": "Excluir",
+            onClick: () => onRemove(row.original),
+            children: /* @__PURE__ */ jsx16(Trash25, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx16(TooltipContent4, { children: "Remover" })
+      ] }) })
     }
   ];
 }
@@ -3894,33 +3844,12 @@ function ToolCredentialsForm({
   credentials,
   isLoading,
   config,
-  gagentsApiUrl,
-  createOpen: externalCreateOpen,
-  onCreateOpenChange
+  gagentsApiUrl
 }) {
-  const createMutation = useCreateToolCredential(config);
-  const updateMutation = useUpdateToolCredential(config);
   const deleteMutation = useDeleteToolCredential(config);
   const { data: toolsData } = useTools(config);
   const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
   const [search, setSearch] = useState12("");
-  const [internalCreateOpen, setInternalCreateOpen] = useState12(false);
-  const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
-  const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
-  const [createForm, setCreateForm] = useState12({
-    id_tool: "",
-    label: "",
-    credentials_encrypted: "",
-    expires_at: ""
-  });
-  const [editTarget, setEditTarget] = useState12(null);
-  const [editForm, setEditForm] = useState12({
-    id_tool: "",
-    label: "",
-    credentials_encrypted: "",
-    expires_at: "",
-    status: ""
-  });
   const [removeTarget, setRemoveTarget] = useState12(null);
   const internalToolIds = useMemo7(() => {
     const allRawTools = toolsData?.data || [];
@@ -3941,79 +3870,8 @@ function ToolCredentialsForm({
   }, [credentials, search, tools, internalToolIds]);
   const columns = useColumns3(
     tools,
-    (cred) => startEdit(cred),
-    (cred) => handleConnect(cred),
     (cred) => setRemoveTarget(cred)
   );
-  async function handleCreate() {
-    const idTool = parseInt(createForm.id_tool, 10);
-    if (!idTool || !createForm.label.trim() || !createForm.credentials_encrypted.trim()) return;
-    try {
-      const result = await createMutation.mutateAsync({
-        id_tool: idTool,
-        label: createForm.label.trim(),
-        credentials_encrypted: createForm.credentials_encrypted.trim(),
-        ...createForm.expires_at ? { expires_at: createForm.expires_at } : {}
-      });
-      if (result.status === 1) {
-        toast10.success("Credencial criada");
-        setShowCreateDialog(false);
-        setCreateForm({ id_tool: "", label: "", credentials_encrypted: "", expires_at: "" });
-      } else {
-        toast10.error(result.message || "Erro ao criar credencial");
-      }
-    } catch {
-      toast10.error("Erro ao criar credencial");
-    }
-  }
-  function startEdit(cred) {
-    setEditTarget(cred);
-    setEditForm({
-      id_tool: cred.id_tool ? String(cred.id_tool) : "",
-      label: cred.label || "",
-      credentials_encrypted: "",
-      expires_at: cred.expires_at || "",
-      status: cred.status
-    });
-  }
-  async function handleSaveEdit() {
-    if (!editTarget) return;
-    const body = {};
-    const newIdTool = editForm.id_tool ? parseInt(editForm.id_tool, 10) : null;
-    if (newIdTool && newIdTool !== editTarget.id_tool) {
-      body.id_tool = newIdTool;
-    }
-    if (editForm.label.trim() && editForm.label.trim() !== (editTarget.label || "")) {
-      body.label = editForm.label.trim();
-    }
-    if (editForm.credentials_encrypted.trim()) {
-      body.credentials_encrypted = editForm.credentials_encrypted.trim();
-    }
-    if (editForm.expires_at !== (editTarget.expires_at || "")) {
-      body.expires_at = editForm.expires_at || null;
-    }
-    if (editForm.status && editForm.status !== editTarget.status) {
-      body.status = editForm.status;
-    }
-    if (Object.keys(body).length === 0) {
-      setEditTarget(null);
-      return;
-    }
-    try {
-      const result = await updateMutation.mutateAsync({
-        id: editTarget.id,
-        body
-      });
-      if (result.status === 1) {
-        toast10.success("Credencial atualizada");
-        setEditTarget(null);
-      } else {
-        toast10.error(result.message || "Erro ao atualizar credencial");
-      }
-    } catch {
-      toast10.error("Erro ao atualizar credencial");
-    }
-  }
   async function handleRemove() {
     if (!removeTarget) return;
     try {
@@ -4029,13 +3887,6 @@ function ToolCredentialsForm({
       setRemoveTarget(null);
     }
   }
-  function handleConnect(cred) {
-    if (!config.accountId || !config.token) return;
-    const language = config.language ?? "pt-br";
-    const idWl = config.idWl ?? 1;
-    const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
-    window.open(url, "_blank");
-  }
   return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs14("div", { className: "relative flex-1 max-w-md", children: [
       /* @__PURE__ */ jsx16(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
@@ -4061,188 +3912,6 @@ function ToolCredentialsForm({
         emptyMessage: "Nenhuma credencial encontrada"
       }
     ),
-    /* @__PURE__ */ jsx16(Dialog6, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs14(DialogContent6, { children: [
-      /* @__PURE__ */ jsx16(DialogHeader6, { children: /* @__PURE__ */ jsx16(DialogTitle6, { children: "Nova Credencial" }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-          /* @__PURE__ */ jsxs14(
-            Select3,
-            {
-              value: createForm.id_tool,
-              onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
-              children: [
-                /* @__PURE__ */ jsx16(SelectTrigger3, { id: "cred-tool", children: /* @__PURE__ */ jsx16(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
-                /* @__PURE__ */ jsx16(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx16(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
-          /* @__PURE__ */ jsx16(
-            Input9,
-            {
-              id: "cred-label",
-              name: "label",
-              value: createForm.label,
-              onChange: (e) => setCreateForm((f) => ({ ...f, label: e.target.value })),
-              placeholder: "Ex: Google Calendar - Cl\xEDnica S\xE3o Paulo"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
-          /* @__PURE__ */ jsx16(
-            Input9,
-            {
-              id: "cred-credential",
-              name: "credential",
-              autoComplete: "off",
-              type: "password",
-              value: createForm.credentials_encrypted,
-              onChange: (e) => setCreateForm((f) => ({
-                ...f,
-                credentials_encrypted: e.target.value
-              })),
-              placeholder: "Credencial encriptada"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { children: [
-          /* @__PURE__ */ jsx16("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
-          /* @__PURE__ */ jsx16(
-            Input9,
-            {
-              id: "cred-expires",
-              name: "expires",
-              type: "date",
-              value: createForm.expires_at,
-              onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs14(DialogFooter6, { children: [
-        /* @__PURE__ */ jsx16(
-          Button11,
-          {
-            variant: "outline",
-            onClick: () => setShowCreateDialog(false),
-            children: "Cancelar"
-          }
-        ),
-        /* @__PURE__ */ jsx16(
-          Button11,
-          {
-            onClick: handleCreate,
-            disabled: !createForm.id_tool || !createForm.label.trim() || !createForm.credentials_encrypted.trim() || createMutation.isPending,
-            children: "Criar"
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx16(
-      Dialog6,
-      {
-        open: !!editTarget,
-        onOpenChange: (open) => !open && setEditTarget(null),
-        children: /* @__PURE__ */ jsxs14(DialogContent6, { children: [
-          /* @__PURE__ */ jsx16(DialogHeader6, { children: /* @__PURE__ */ jsx16(DialogTitle6, { children: "Editar Credencial" }) }),
-          /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-              /* @__PURE__ */ jsxs14(
-                Select3,
-                {
-                  value: editForm.id_tool,
-                  onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
-                  children: [
-                    /* @__PURE__ */ jsx16(SelectTrigger3, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx16(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
-                    /* @__PURE__ */ jsx16(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx16(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
-              /* @__PURE__ */ jsx16(
-                Input9,
-                {
-                  id: "edit-cred-label",
-                  name: "label",
-                  value: editForm.label,
-                  onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
-                  placeholder: "Label da credencial"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
-              /* @__PURE__ */ jsx16(
-                Input9,
-                {
-                  id: "edit-cred-credential",
-                  name: "credential",
-                  autoComplete: "off",
-                  type: "password",
-                  value: editForm.credentials_encrypted,
-                  onChange: (e) => setEditForm((f) => ({
-                    ...f,
-                    credentials_encrypted: e.target.value
-                  })),
-                  placeholder: "Nova credencial"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
-              /* @__PURE__ */ jsx16(
-                Input9,
-                {
-                  id: "edit-cred-expires",
-                  name: "expires",
-                  type: "date",
-                  value: editForm.expires_at,
-                  onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
-              /* @__PURE__ */ jsxs14(
-                Select3,
-                {
-                  value: editForm.status || void 0,
-                  onValueChange: (val) => setEditForm((f) => ({
-                    ...f,
-                    status: val
-                  })),
-                  children: [
-                    /* @__PURE__ */ jsx16(SelectTrigger3, { id: "edit-cred-status", children: /* @__PURE__ */ jsx16(SelectValue3, {}) }),
-                    /* @__PURE__ */ jsxs14(SelectContent3, { children: [
-                      /* @__PURE__ */ jsx16(SelectItem3, { value: "active", children: "Ativo" }),
-                      /* @__PURE__ */ jsx16(SelectItem3, { value: "expired", children: "Expirado" })
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs14(DialogFooter6, { children: [
-            /* @__PURE__ */ jsx16(Button11, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
-            /* @__PURE__ */ jsx16(
-              Button11,
-              {
-                onClick: handleSaveEdit,
-                disabled: updateMutation.isPending,
-                children: "Salvar"
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
     /* @__PURE__ */ jsx16(
       AlertDialog5,
       {
@@ -4271,13 +3940,12 @@ function ToolCredentialsForm({
 }
 
 // src/components/capabilities/integration-card.tsx
-import { Badge as Badge9, Button as Button12, Tooltip as Tooltip5, TooltipContent as TooltipContent5, TooltipTrigger as TooltipTrigger5 } from "@greatapps/greatauth-ui/ui";
+import { Badge as Badge9, Button as Button12 } from "@greatapps/greatauth-ui/ui";
 import {
   CalendarSync as CalendarSync2,
   Plug as Plug3,
   Settings as Settings3,
   RefreshCw,
-  Users as Users2,
   Clock,
   Plus as Plus3
 } from "lucide-react";
@@ -4287,7 +3955,6 @@ var ICON_MAP2 = {
   Plug: Plug3,
   Settings: Settings3,
   RefreshCw,
-  Users: Users2,
   Clock,
   Plus: Plus3
 };
@@ -4326,7 +3993,7 @@ function getActionLabel(card) {
   }
 }
 function IntegrationCard({ card, onConnect }) {
-  const { definition, state, sharedByAgentsCount, isAddNew, accountLabel } = card;
+  const { definition, state, isAddNew, accountLabel } = card;
   const Icon = resolveIcon2(definition.icon);
   const isComingSoon = state === "coming_soon";
   const actionLabel = getActionLabel(card);
@@ -4405,28 +4072,19 @@ function IntegrationCard({ card, onConnect }) {
           /* @__PURE__ */ jsx17("h3", { className: "text-sm font-semibold leading-tight", children: definition.name }),
           accountLabel ? /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground leading-relaxed truncate", title: accountLabel, children: accountLabel }) : /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground leading-relaxed", children: definition.description })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "mt-auto flex items-center justify-between gap-2 pt-1", children: [
-          sharedByAgentsCount > 0 ? /* @__PURE__ */ jsxs15(Tooltip5, { children: [
-            /* @__PURE__ */ jsx17(TooltipTrigger5, { asChild: true, children: /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400", children: [
-              /* @__PURE__ */ jsx17(Users2, { className: "h-3.5 w-3.5" }),
-              "Compartilhada"
-            ] }) }),
-            /* @__PURE__ */ jsx17(TooltipContent5, { children: "Esta credencial est\xE1 dispon\xEDvel para todos os agentes da conta" })
-          ] }) : /* @__PURE__ */ jsx17("span", {}),
-          !isComingSoon && /* @__PURE__ */ jsx17(
-            Button12,
-            {
-              variant: state === "expired" ? "destructive" : "outline",
-              size: "sm",
-              className: "text-xs",
-              onClick: (e) => {
-                e.stopPropagation();
-                onConnect(card);
-              },
-              children: actionLabel
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx17("div", { className: "mt-auto flex items-center justify-end gap-2 pt-1", children: !isComingSoon && /* @__PURE__ */ jsx17(
+          Button12,
+          {
+            variant: state === "expired" ? "destructive" : "outline",
+            size: "sm",
+            className: "text-xs",
+            onClick: (e) => {
+              e.stopPropagation();
+              onConnect(card);
+            },
+            children: actionLabel
+          }
+        ) })
       ]
     }
   );
@@ -4477,11 +4135,11 @@ function AdvancedTab({ config, agentId, gagentsApiUrl }) {
 // src/components/capabilities/integration-wizard.tsx
 import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef2, useState as useState14 } from "react";
 import {
-  Dialog as Dialog7,
-  DialogContent as DialogContent7,
-  DialogFooter as DialogFooter7,
-  DialogHeader as DialogHeader7,
-  DialogTitle as DialogTitle7,
+  Dialog as Dialog6,
+  DialogContent as DialogContent6,
+  DialogFooter as DialogFooter6,
+  DialogHeader as DialogHeader6,
+  DialogTitle as DialogTitle6,
   Button as Button14
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader29, ChevronLeft, ChevronRight, Check as Check2 } from "lucide-react";
@@ -4695,11 +4353,11 @@ function ApiKeyCredentials({
 import { Loader2 as Loader28 } from "lucide-react";
 import {
   Label as Label7,
-  Select as Select4,
-  SelectContent as SelectContent4,
-  SelectItem as SelectItem4,
-  SelectTrigger as SelectTrigger4,
-  SelectValue as SelectValue4
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue3
 } from "@greatapps/greatauth-ui/ui";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function ConfigStep({
@@ -4729,9 +4387,9 @@ function ConfigStep({
       /* @__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__ */ jsxs19(Select3, { value: selectedValue, onValueChange, children: [
+        /* @__PURE__ */ jsx21(SelectTrigger3, { id: "integration-config-select", children: /* @__PURE__ */ jsx21(SelectValue3, { placeholder }) }),
+        /* @__PURE__ */ jsx21(SelectContent3, { children: options.map((opt) => /* @__PURE__ */ jsxs19(SelectItem3, { value: opt.id, children: [
           /* @__PURE__ */ jsx21("span", { children: opt.label }),
           opt.description && /* @__PURE__ */ jsxs19("span", { className: "ml-2 text-xs text-muted-foreground", children: [
             "(",
@@ -5070,8 +4728,8 @@ function IntegrationWizard({
   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 }) }),
+  return /* @__PURE__ */ jsx23(Dialog6, { open, onOpenChange, children: /* @__PURE__ */ jsxs21(DialogContent6, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx23(DialogHeader6, { children: /* @__PURE__ */ jsx23(DialogTitle6, { children: integration.name }) }),
     /* @__PURE__ */ jsx23(StepIndicator, { steps: effectiveSteps, currentStep }),
     /* @__PURE__ */ jsxs21("div", { className: "min-h-[280px] py-2", children: [
       currentStep === "info" && /* @__PURE__ */ jsx23(
@@ -5115,7 +4773,7 @@ function IntegrationWizard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs21(DialogFooter7, { className: "flex-row justify-between sm:justify-between", children: [
+    /* @__PURE__ */ jsxs21(DialogFooter6, { className: "flex-row justify-between sm:justify-between", children: [
       /* @__PURE__ */ jsx23("div", { children: currentStep === "info" ? /* @__PURE__ */ jsx23(
         Button14,
         {
@@ -5263,7 +4921,7 @@ function AgentsPage({
 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 { ArrowLeft, Pencil as Pencil4 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentDetailPage({
   config,
@@ -5325,7 +4983,7 @@ function AgentDetailPage({
           className: "shrink-0 self-start",
           onClick: () => setEditOpen(true),
           children: [
-            /* @__PURE__ */ jsx25(Pencil5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx25(Pencil4, { className: "mr-2 h-4 w-4" }),
             "Editar"
           ]
         }
@@ -5445,9 +5103,6 @@ function ToolsPage({
 }
 
 // src/pages/credentials-page.tsx
-import { useState as useState18 } from "react";
-import { Button as Button18 } from "@greatapps/greatauth-ui/ui";
-import { Plus as Plus6 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 function CredentialsPage({
   config,
@@ -5456,44 +5111,34 @@ function CredentialsPage({
   subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
-  const [createOpen, setCreateOpen] = useState18(false);
   const credentials = credentialsData?.data || [];
   return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
-      /* @__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__ */ jsxs26(Button18, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx28(Plus6, { className: "mr-2 h-4 w-4" }),
-        "Nova Credencial"
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx28("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__ */ jsx28(
       ToolCredentialsForm,
       {
         config,
         gagentsApiUrl,
         credentials,
-        isLoading: credentialsLoading,
-        createOpen,
-        onCreateOpenChange: setCreateOpen
+        isLoading: credentialsLoading
       }
     )
   ] });
 }
 
 // src/pages/integrations-management-page.tsx
-import { useState as useState19, useMemo as useMemo8, useCallback as useCallback7 } from "react";
+import { useMemo as useMemo8, useCallback as useCallback7, useState as useState18 } 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 Plus7, Plug as Plug5, KeyRound, Info as Info3, Loader2 as Loader210 } from "lucide-react";
+import { Plug as Plug5, KeyRound, Info as Info3, Loader2 as Loader210 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function useCredentialAgentSummary(credentials, tools, agents) {
   return useMemo8(() => {
@@ -5523,10 +5168,9 @@ function IntegrationsManagementPage({
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
   const { data: agentsData } = useAgents(config);
   const { data: toolsData } = useTools(config);
-  const [createOpen, setCreateOpen] = useState19(false);
   const { cards, isLoading: cardsLoading } = useIntegrationState(config, null);
-  const [wizardOpen, setWizardOpen] = useState19(false);
-  const [activeCard, setActiveCard] = useState19(null);
+  const [wizardOpen, setWizardOpen] = useState18(false);
+  const [activeCard, setActiveCard] = useState18(null);
   const credentials = credentialsData?.data || [];
   const agents = agentsData?.data || [];
   const tools = toolsData?.data || [];
@@ -5623,19 +5267,13 @@ function IntegrationsManagementPage({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx29("div", { className: "flex items-center justify-end mb-4", children: /* @__PURE__ */ jsxs27(Button19, { onClick: () => setCreateOpen(true), size: "sm", children: [
-          /* @__PURE__ */ jsx29(Plus7, { className: "mr-2 h-4 w-4" }),
-          "Nova Credencial"
-        ] }) }),
         /* @__PURE__ */ jsx29(
           ToolCredentialsForm,
           {
             config,
             gagentsApiUrl,
             credentials,
-            isLoading: credentialsLoading,
-            createOpen,
-            onCreateOpenChange: setCreateOpen
+            isLoading: credentialsLoading
           }
         )
       ] })