@greatapps/greatagents-ui 0.3.22 → 0.3.23

package/dist/index.js

@@ -756,11 +756,11 @@ function AgentsTable({ config, onNavigateToAgent }) {
 // src/components/agents/agent-form-dialog.tsx
 import { useEffect, useState as useState2 } from "react";
 import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetFooter,
   Button as Button2,
   Input as Input2,
   Label,
@@ -852,8 +852,8 @@ function AgentFormDialog({
       toast2.error(isEditing ? "Erro ao atualizar agente" : "Erro ao criar agente");
     }
   }
-  return /* @__PURE__ */ jsx2(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(DialogContent, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx2(DialogHeader, { children: /* @__PURE__ */ jsx2(DialogTitle, { children: isEditing ? "Editar Agente" : "Novo Agente" }) }),
+  return /* @__PURE__ */ jsx2(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(SheetContent, { className: "sm:max-w-lg overflow-y-auto", children: [
+    /* @__PURE__ */ jsx2(SheetHeader, { children: /* @__PURE__ */ jsx2(SheetTitle, { children: isEditing ? "Editar Agente" : "Novo Agente" }) }),
     /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsx2("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx2(
         ImageCropUpload,
@@ -940,7 +940,7 @@ function AgentFormDialog({
           /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground", children: "Espera por mensagens agrupadas" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs2(DialogFooter, { children: [
+      /* @__PURE__ */ jsxs2(SheetFooter, { children: [
         /* @__PURE__ */ jsx2(
           Button2,
           {
@@ -967,11 +967,11 @@ import {
   Input as Input3,
   Label as Label2,
   Switch as Switch2,
-  Dialog as Dialog2,
-  DialogContent as DialogContent2,
-  DialogHeader as DialogHeader2,
-  DialogTitle as DialogTitle2,
-  DialogFooter as DialogFooter2
+  Sheet as Sheet2,
+  SheetContent as SheetContent2,
+  SheetHeader as SheetHeader2,
+  SheetTitle as SheetTitle2,
+  SheetFooter as SheetFooter2
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader22 } from "lucide-react";
 import { toast as toast3 } from "sonner";
@@ -1116,7 +1116,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
         /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Espera por mensagens agrupadas" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3(DialogFooter2, { children: [
+    /* @__PURE__ */ jsxs3(SheetFooter2, { children: [
       /* @__PURE__ */ jsx3(
         Button3,
         {
@@ -1134,8 +1134,8 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
     ] })
   ] });
   if (open !== void 0 && onOpenChange) {
-    return /* @__PURE__ */ jsx3(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent2, { className: "sm:max-w-md", children: [
-      /* @__PURE__ */ jsx3(DialogHeader2, { children: /* @__PURE__ */ jsx3(DialogTitle2, { children: "Editar Agente" }) }),
+    return /* @__PURE__ */ jsx3(Sheet2, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(SheetContent2, { className: "sm:max-w-md overflow-y-auto", children: [
+      /* @__PURE__ */ jsx3(SheetHeader2, { children: /* @__PURE__ */ jsx3(SheetTitle2, { children: "Editar Agente" }) }),
       formContent
     ] }) });
   }
@@ -1152,11 +1152,11 @@ import {
   Textarea,
   Label as Label3,
   Badge as Badge2,
-  Dialog as Dialog3,
-  DialogContent as DialogContent3,
-  DialogHeader as DialogHeader3,
-  DialogTitle as DialogTitle3,
-  DialogFooter as DialogFooter3,
+  Sheet as Sheet3,
+  SheetContent as SheetContent3,
+  SheetHeader as SheetHeader3,
+  SheetTitle as SheetTitle3,
+  SheetFooter as SheetFooter3,
   AlertDialog as AlertDialog2,
   AlertDialogAction as AlertDialogAction2,
   AlertDialogCancel as AlertDialogCancel2,
@@ -1989,8 +1989,8 @@ function AgentObjectivesList({ agent, config }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx6(Dialog3, { open: formOpen, onOpenChange: setFormOpen, children: /* @__PURE__ */ jsxs5(DialogContent3, { className: "sm:max-w-lg", children: [
-      /* @__PURE__ */ jsx6(DialogHeader3, { children: /* @__PURE__ */ jsx6(DialogTitle3, { children: editTarget ? "Editar Objetivo" : "Novo Objetivo" }) }),
+    /* @__PURE__ */ jsx6(Sheet3, { open: formOpen, onOpenChange: setFormOpen, children: /* @__PURE__ */ jsxs5(SheetContent3, { className: "sm:max-w-lg overflow-y-auto", children: [
+      /* @__PURE__ */ jsx6(SheetHeader3, { children: /* @__PURE__ */ jsx6(SheetTitle3, { children: editTarget ? "Editar Objetivo" : "Novo Objetivo" }) }),
       /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx6(Label3, { htmlFor: "objective-title", children: "T\xEDtulo *" }),
@@ -2086,7 +2086,7 @@ function AgentObjectivesList({ agent, config }) {
           /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Restri\xE7\xF5es e limites espec\xEDficos quando este objectivo est\xE1 activo." })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5(DialogFooter3, { children: [
+      /* @__PURE__ */ jsxs5(SheetFooter3, { children: [
         /* @__PURE__ */ jsx6(
           Button5,
           {
@@ -2133,8 +2133,8 @@ function AgentObjectivesList({ agent, config }) {
 }
 
 // src/components/agents/agent-definition-editor.tsx
-import { useState as useState7, useRef as useRef2, useCallback as useCallback4, useEffect as useEffect3 } from "react";
-import { Button as Button6, Input as Input6, Label as Label4 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState7, useRef as useRef2, useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo5 } from "react";
+import { Button as Button6, Label as Label4 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader23 } from "lucide-react";
 import { toast as toast5 } from "sonner";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -2145,7 +2145,8 @@ var SECTIONS = [
     helper: "Descreva quem \xE9 o agente, o seu nome e personalidade",
     required: true,
     field: "identity",
-    type: "textarea"
+    type: "textarea",
+    placeholder: "Voc\xEA \xE9 a Ana, assistente virtual da Cl\xEDnica Sa\xFAde & Bem-Estar. Voc\xEA \xE9 simp\xE1tica, profissional e sempre disposta a ajudar os pacientes..."
   },
   {
     key: "mission",
@@ -2153,7 +2154,8 @@ var SECTIONS = [
     helper: "Qual \xE9 a miss\xE3o principal deste agente",
     required: true,
     field: "mission",
-    type: "textarea"
+    type: "textarea",
+    placeholder: "Sua miss\xE3o \xE9 ajudar pacientes a agendar consultas, tirar d\xFAvidas sobre hor\xE1rios e especialidades, e fornecer informa\xE7\xF5es sobre a cl\xEDnica..."
   },
   {
     key: "tone_style_format",
@@ -2161,7 +2163,8 @@ var SECTIONS = [
     helper: "Defina como o agente comunica e formata as respostas",
     required: false,
     field: "tone_style_format",
-    type: "textarea"
+    type: "textarea",
+    placeholder: "Use tom emp\xE1tico e acolhedor. Responda de forma clara e objetiva, em no m\xE1ximo 3 par\xE1grafos. Use listas quando houver m\xFAltiplas op\xE7\xF5es..."
   },
   {
     key: "rules",
@@ -2169,7 +2172,8 @@ var SECTIONS = [
     helper: "Limites, restri\xE7\xF5es e comportamentos obrigat\xF3rios",
     required: false,
     field: "rules",
-    type: "textarea"
+    type: "textarea",
+    placeholder: "Nunca forne\xE7a diagn\xF3sticos m\xE9dicos. Sempre recomende consulta presencial para urg\xEAncias. N\xE3o agende consultas fora do hor\xE1rio de funcionamento (08h-18h)..."
   },
   {
     key: "conversation_flow",
@@ -2177,7 +2181,8 @@ var SECTIONS = [
     helper: "Etapas que o agente segue no in\xEDcio de cada conversa",
     required: false,
     field: "conversation_flow",
-    type: "conversation_flow"
+    type: "conversation_flow",
+    placeholder: ""
   },
   {
     key: "context",
@@ -2185,7 +2190,8 @@ var SECTIONS = [
     helper: "Informa\xE7\xF5es adicionais que o agente deve saber",
     required: false,
     field: "context",
-    type: "textarea"
+    type: "textarea",
+    placeholder: "A cl\xEDnica funciona de segunda a sexta, das 08h \xE0s 18h. Especialidades dispon\xEDveis: Cardiologia, Dermatologia, Ortopedia, Pediatria..."
   }
 ];
 function parseConversationFlow(raw) {
@@ -2262,7 +2268,6 @@ function AgentDefinitionEditor({ agent, config }) {
   const [conversationFlowSteps, setConversationFlowSteps] = useState7(
     () => parseConversationFlow(agent.conversation_flow)
   );
-  const [changeNotes, setChangeNotes] = useState7("");
   if (trackedAgentId !== agent.id) {
     setTrackedAgentId(agent.id);
     setFields({
@@ -2273,12 +2278,31 @@ function AgentDefinitionEditor({ agent, config }) {
       context: agent.context ?? ""
     });
     setConversationFlowSteps(parseConversationFlow(agent.conversation_flow));
-    setChangeNotes("");
   }
   function updateField(key, value) {
     setFields((prev) => ({ ...prev, [key]: value }));
   }
   const { chars, tokens } = computeTotals(fields, conversationFlowSteps);
+  const hasChanges = useMemo5(() => {
+    if (fields.identity !== (agent.identity ?? "")) return true;
+    if (fields.mission !== (agent.mission ?? "")) return true;
+    if (fields.tone_style_format !== (agent.tone_style_format ?? "")) return true;
+    if (fields.rules !== (agent.rules ?? "")) return true;
+    if (fields.context !== (agent.context ?? "")) return true;
+    const originalSteps = parseConversationFlow(agent.conversation_flow);
+    if (JSON.stringify(conversationFlowSteps) !== JSON.stringify(originalSteps)) return true;
+    return false;
+  }, [fields, conversationFlowSteps, agent]);
+  function discard() {
+    setFields({
+      identity: agent.identity ?? "",
+      mission: agent.mission ?? "",
+      tone_style_format: agent.tone_style_format ?? "",
+      rules: agent.rules ?? "",
+      context: agent.context ?? ""
+    });
+    setConversationFlowSteps(parseConversationFlow(agent.conversation_flow));
+  }
   async function handleSave() {
     if (!fields.identity.trim() || !fields.mission.trim()) {
       toast5.error("Identidade e Miss\xE3o s\xE3o campos obrigat\xF3rios");
@@ -2292,12 +2316,8 @@ function AgentDefinitionEditor({ agent, config }) {
       conversation_flow: conversationFlowSteps.length > 0 ? JSON.stringify(conversationFlowSteps) : null,
       context: fields.context.trim() || null
     };
-    if (changeNotes.trim()) {
-      body.change_notes = changeNotes.trim();
-    }
     try {
       await updateAgent.mutateAsync({ id: agent.id, body });
-      setChangeNotes("");
       toast5.success("Defini\xE7\xE3o do agente salva com sucesso");
     } catch {
       toast5.error("Erro ao salvar defini\xE7\xE3o do agente");
@@ -2316,7 +2336,7 @@ function AgentDefinitionEditor({ agent, config }) {
           value: fields[section.key] ?? "",
           onChange: (v) => updateField(section.key, v),
           disabled: updateAgent.isPending,
-          placeholder: `${section.label}...`,
+          placeholder: section.placeholder,
           ariaLabel: section.label
         }
       ) : /* @__PURE__ */ jsx7(
@@ -2340,50 +2360,29 @@ function AgentDefinitionEditor({ agent, config }) {
         " tokens"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-      /* @__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)",
-          disabled: updateAgent.isPending,
-          className: "flex-1",
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              e.preventDefault();
-              handleSave();
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxs6(
-        Button6,
-        {
-          onClick: handleSave,
-          disabled: updateAgent.isPending || !fields.identity.trim() || !fields.mission.trim(),
-          children: [
-            updateAgent.isPending && /* @__PURE__ */ jsx7(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
-            "Salvar"
-          ]
-        }
-      )
+    hasChanges && /* @__PURE__ */ jsxs6("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__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "Voc\xEA tem altera\xE7\xF5es n\xE3o salvas." }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx7(Button6, { variant: "ghost", size: "sm", onClick: discard, disabled: updateAgent.isPending, children: "Descartar" }),
+        /* @__PURE__ */ jsxs6(Button6, { size: "sm", onClick: handleSave, disabled: updateAgent.isPending, children: [
+          updateAgent.isPending && /* @__PURE__ */ jsx7(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+          "Salvar"
+        ] })
+      ] })
     ] })
   ] });
 }
 
 // src/components/agents/agent-revision-tab.tsx
-import { useState as useState8, useMemo as useMemo5 } from "react";
+import { useState as useState8, useMemo as useMemo6 } from "react";
 import {
   Button as Button7,
   Badge as Badge3,
   Skeleton as Skeleton2,
-  Dialog as Dialog4,
-  DialogContent as DialogContent4,
-  DialogHeader as DialogHeader4,
-  DialogTitle as DialogTitle4
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
 } from "@greatapps/greatauth-ui/ui";
 import { FileText, RotateCcw, X, AlertTriangle } from "lucide-react";
 import { toast as toast6 } from "sonner";
@@ -2477,7 +2476,7 @@ function AgentRevisionTab({ agent, config }) {
     (a, b) => new Date(b.datetime_add).getTime() - new Date(a.datetime_add).getTime()
   );
   const currentVersion = sortedVersions.find((v) => v.is_current) || sortedVersions[0] || null;
-  const assembledPrompt = useMemo5(() => buildAssembledPrompt(agent), [
+  const assembledPrompt = useMemo6(() => buildAssembledPrompt(agent), [
     agent.identity,
     agent.mission,
     agent.tone_style_format,
@@ -2629,14 +2628,14 @@ function AgentRevisionTab({ agent, config }) {
       }) })
     ] }),
     /* @__PURE__ */ jsx8(
-      Dialog4,
+      Dialog,
       {
         open: !!legacyModalVersion,
         onOpenChange: (open) => {
           if (!open) setLegacyModalVersion(null);
         },
-        children: /* @__PURE__ */ jsxs7(DialogContent4, { className: "max-w-2xl", children: [
-          /* @__PURE__ */ jsx8(DialogHeader4, { children: /* @__PURE__ */ jsxs7(DialogTitle4, { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ jsxs7(DialogContent, { className: "max-w-2xl", children: [
+          /* @__PURE__ */ jsx8(DialogHeader, { children: /* @__PURE__ */ jsxs7(DialogTitle, { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx8(AlertTriangle, { className: "h-5 w-5 text-amber-500" }),
             "Vers\xE3o Legada \u2014 v",
             legacyModalVersion?.version_number
@@ -2888,7 +2887,7 @@ function AgentConversationsPanel({
 }
 
 // src/components/capabilities/capabilities-tab.tsx
-import { useState as useState10, useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo6 } from "react";
+import { useState as useState10, useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo7 } from "react";
 import {
   Accordion,
   AccordionItem,
@@ -3051,7 +3050,7 @@ function CapabilitiesTab({ config, agentId }) {
   useEffect4(() => {
     setInitialized(false);
   }, [agentId]);
-  const hasChanges = useMemo6(
+  const hasChanges = useMemo7(
     () => initialized && (!statesEqual(localState, serverState) || !instructionsEqual(localInstructions, serverInstructions, localState)),
     [localState, serverState, localInstructions, serverInstructions, initialized]
   );
@@ -3323,7 +3322,7 @@ function ModuleRow({
 }
 
 // src/components/capabilities/integrations-tab.tsx
-import { useCallback as useCallback6, useState as useState11, useEffect as useEffect5, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback6, useState as useState11, useEffect as useEffect5, useMemo as useMemo8 } from "react";
 import { Switch as Switch5, Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2, Checkbox as Checkbox2, Button as Button10 } from "@greatapps/greatauth-ui/ui";
 import { Plug, Loader2 as Loader25, ChevronDown as ChevronDown2, Pencil as Pencil4 } from "lucide-react";
 import { toast as toast8 } from "sonner";
@@ -3413,7 +3412,7 @@ function IntegrationsTab({
     setServerState(JSON.parse(JSON.stringify(state, (_k, v) => v instanceof Set ? [...v] : v)));
     setInitialized(true);
   }, [connectedCards, agentTools, initialized]);
-  const hasChanges = useMemo7(() => {
+  const hasChanges = useMemo8(() => {
     if (!initialized) return false;
     const localKeys = Object.keys(localState);
     for (const slug of localKeys) {
@@ -3768,13 +3767,13 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-  Input as Input7,
+  Input as Input6,
   Textarea as Textarea2,
-  Dialog as Dialog5,
-  DialogContent as DialogContent5,
-  DialogHeader as DialogHeader5,
-  DialogTitle as DialogTitle5,
-  DialogFooter as DialogFooter4,
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogHeader as DialogHeader2,
+  DialogTitle as DialogTitle2,
+  DialogFooter,
   Label as Label5,
   Select,
   SelectContent,
@@ -3907,7 +3906,7 @@ function AgentToolsList({ agent, config }) {
         ] }) }),
         /* @__PURE__ */ jsxs13(PopoverContent, { className: "w-72 p-0", align: "end", children: [
           /* @__PURE__ */ jsx15("div", { className: "p-2", children: /* @__PURE__ */ jsx15(
-            Input7,
+            Input6,
             {
               placeholder: "Buscar ferramenta\\u2026",
               "aria-label": "Buscar ferramenta",
@@ -3990,12 +3989,12 @@ function AgentToolsList({ agent, config }) {
       );
     }) }),
     /* @__PURE__ */ jsx15(
-      Dialog5,
+      Dialog2,
       {
         open: !!configTarget,
         onOpenChange: (open) => !open && setConfigTarget(null),
-        children: /* @__PURE__ */ jsxs13(DialogContent5, { className: "sm:max-w-lg", children: [
-          /* @__PURE__ */ jsx15(DialogHeader5, { children: /* @__PURE__ */ jsx15(DialogTitle5, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
+        children: /* @__PURE__ */ jsxs13(DialogContent2, { className: "sm:max-w-lg", children: [
+          /* @__PURE__ */ jsx15(DialogHeader2, { children: /* @__PURE__ */ jsx15(DialogTitle2, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
           /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
             configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx15(Label5, { htmlFor: "tool-credential", children: "Credencial" }),
@@ -4031,7 +4030,7 @@ function AgentToolsList({ agent, config }) {
               /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs13(DialogFooter4, { children: [
+          /* @__PURE__ */ jsxs13(DialogFooter, { children: [
             /* @__PURE__ */ jsx15(
               Button11,
               {
@@ -4080,10 +4079,10 @@ function AgentToolsList({ agent, config }) {
 }
 
 // src/components/tools/tools-table.tsx
-import { useMemo as useMemo8, useState as useState13 } from "react";
+import { useMemo as useMemo9, useState as useState13 } from "react";
 import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
 import {
-  Input as Input8,
+  Input as Input7,
   Badge as Badge7,
   Tooltip as Tooltip3,
   TooltipTrigger as TooltipTrigger3,
@@ -4177,7 +4176,7 @@ function useColumns2(onEdit, onDelete) {
 function ToolsTable({ onEdit, config }) {
   const [search, setSearch] = useState13("");
   const [page, setPage] = useState13(1);
-  const queryParams = useMemo8(() => {
+  const queryParams = useMemo9(() => {
     const params = {
       limit: "15",
       page: String(page)
@@ -4215,7 +4214,7 @@ function ToolsTable({ onEdit, config }) {
     /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs14("div", { className: "relative flex-1 max-w-md", children: [
       /* @__PURE__ */ jsx16(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx16(
-        Input8,
+        Input7,
         {
           placeholder: "Buscar ferramentas\\u2026",
           "aria-label": "Buscar ferramentas",
@@ -4272,13 +4271,13 @@ function ToolsTable({ onEdit, config }) {
 // src/components/tools/tool-form-dialog.tsx
 import { useState as useState14 } from "react";
 import {
-  Dialog as Dialog6,
-  DialogContent as DialogContent6,
-  DialogHeader as DialogHeader6,
-  DialogTitle as DialogTitle6,
-  DialogFooter as DialogFooter5,
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogHeader as DialogHeader3,
+  DialogTitle as DialogTitle3,
+  DialogFooter as DialogFooter2,
   Button as Button13,
-  Input as Input9,
+  Input as Input8,
   Textarea as Textarea3,
   Label as Label6,
   Select as Select2,
@@ -4399,13 +4398,13 @@ function ToolFormDialog({
       );
     }
   }
-  return /* @__PURE__ */ jsx17(Dialog6, { open, onOpenChange, children: /* @__PURE__ */ jsxs15(DialogContent6, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx17(DialogHeader6, { children: /* @__PURE__ */ jsx17(DialogTitle6, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
+  return /* @__PURE__ */ jsx17(Dialog3, { open, onOpenChange, children: /* @__PURE__ */ jsxs15(DialogContent3, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx17(DialogHeader3, { children: /* @__PURE__ */ jsx17(DialogTitle3, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
     /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx17(Label6, { htmlFor: "tool-name", children: "Nome *" }),
         /* @__PURE__ */ jsx17(
-          Input9,
+          Input8,
           {
             id: "tool-name",
             name: "name",
@@ -4428,7 +4427,7 @@ function ToolFormDialog({
       /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx17(Label6, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
         /* @__PURE__ */ jsx17(
-          Input9,
+          Input8,
           {
             id: "tool-slug",
             name: "slug",
@@ -4523,7 +4522,7 @@ function ToolFormDialog({
         /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
         form.jsonError && /* @__PURE__ */ jsx17("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
       ] }),
-      /* @__PURE__ */ jsxs15(DialogFooter5, { children: [
+      /* @__PURE__ */ jsxs15(DialogFooter2, { children: [
         /* @__PURE__ */ jsx17(
           Button13,
           {
@@ -4544,10 +4543,10 @@ function ToolFormDialog({
 }
 
 // src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo9, useState as useState15 } from "react";
+import { useMemo as useMemo10, useState as useState15 } from "react";
 import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
-  Input as Input10,
+  Input as Input9,
   Button as Button14,
   Badge as Badge8,
   Tooltip as Tooltip4,
@@ -4642,13 +4641,13 @@ function ToolCredentialsForm({
   const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
   const [search, setSearch] = useState15("");
   const [removeTarget, setRemoveTarget] = useState15(null);
-  const internalToolIds = useMemo9(() => {
+  const internalToolIds = useMemo10(() => {
     const allRawTools = toolsData?.data || [];
     return new Set(
       allRawTools.filter((t) => t.slug?.startsWith("gclinic_")).map((t) => t.id)
     );
   }, [toolsData]);
-  const filteredCredentials = useMemo9(() => {
+  const filteredCredentials = useMemo10(() => {
     const visible = credentials.filter(
       (cred) => !cred.id_tool || !internalToolIds.has(cred.id_tool)
     );
@@ -4682,7 +4681,7 @@ function ToolCredentialsForm({
     /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 max-w-md", children: [
       /* @__PURE__ */ jsx18(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx18(
-        Input10,
+        Input9,
         {
           placeholder: "Buscar credenciais\\u2026",
           "aria-label": "Buscar credenciais",
@@ -5006,11 +5005,11 @@ function AdvancedTab({ config, agentId, gagentsApiUrl }) {
 // src/components/capabilities/integration-wizard.tsx
 import { useCallback as useCallback7, useEffect as useEffect6, useRef as useRef3, useState as useState18 } from "react";
 import {
-  Dialog as Dialog7,
-  DialogContent as DialogContent7,
-  DialogFooter as DialogFooter6,
-  DialogHeader as DialogHeader7,
-  DialogTitle as DialogTitle7,
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogFooter as DialogFooter3,
+  DialogHeader as DialogHeader4,
+  DialogTitle as DialogTitle4,
   Button as Button17
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 as Loader29, ChevronLeft, ChevronRight, Check as Check2 } from "lucide-react";
@@ -5073,7 +5072,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 Button16, Input as Input11, Label as Label7 } from "@greatapps/greatauth-ui/ui";
+import { Button as Button16, Input as Input10, Label as Label7 } from "@greatapps/greatauth-ui/ui";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function CredentialsStep({
   integration,
@@ -5196,7 +5195,7 @@ function ApiKeyCredentials({
     /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx22(Label7, { htmlFor: "integration-api-key", children: "Chave de API" }),
       /* @__PURE__ */ jsx22(
-        Input11,
+        Input10,
         {
           id: "integration-api-key",
           type: "password",
@@ -5598,8 +5597,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__ */ jsx25(Dialog7, { open, onOpenChange, children: /* @__PURE__ */ jsxs23(DialogContent7, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx25(DialogHeader7, { children: /* @__PURE__ */ jsx25(DialogTitle7, { children: integration.name }) }),
+  return /* @__PURE__ */ jsx25(Dialog4, { open, onOpenChange, children: /* @__PURE__ */ jsxs23(DialogContent4, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx25(DialogHeader4, { children: /* @__PURE__ */ jsx25(DialogTitle4, { children: integration.name }) }),
     /* @__PURE__ */ jsx25(StepIndicator, { steps: effectiveSteps, currentStep }),
     /* @__PURE__ */ jsxs23("div", { className: "min-h-[280px] py-2", children: [
       currentStep === "info" && /* @__PURE__ */ jsx25(
@@ -5643,7 +5642,7 @@ function IntegrationWizard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs23(DialogFooter6, { className: "flex-row justify-between sm:justify-between", children: [
+    /* @__PURE__ */ jsxs23(DialogFooter3, { className: "flex-row justify-between sm:justify-between", children: [
       /* @__PURE__ */ jsx25("div", { children: currentStep === "info" ? /* @__PURE__ */ jsx25(
         Button17,
         {