@greatapps/greatagents-ui 0.3.11 → 0.3.12

package/dist/index.js

@@ -1139,6 +1139,9 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
   return /* @__PURE__ */ jsx3("div", { className: "max-w-lg pt-4", children: formContent });
 }
 
+// src/components/agents/agent-tabs.tsx
+import { useState as useState10, useCallback as useCallback6 } from "react";
+
 // src/components/agents/agent-objectives-list.tsx
 import { useState as useState5 } from "react";
 import {
@@ -2497,16 +2500,6 @@ function AgentConversationsPanel({
   ) });
 }
 
-// src/pages/agent-capabilities-page.tsx
-import { useState as useState13, useCallback as useCallback6 } from "react";
-import {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-} from "@greatapps/greatauth-ui/ui";
-import { Blocks, Plug as Plug3, Settings as Settings3 } from "lucide-react";
-
 // src/components/capabilities/capabilities-tab.tsx
 import { useState as useState8, useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo5 } from "react";
 import {
@@ -3797,210 +3790,127 @@ function StepIndicator({
   );
 }
 
-// src/components/capabilities/advanced-tab.tsx
-import { useState as useState12 } from "react";
-
-// src/components/tools/tools-table.tsx
-import { useMemo as useMemo6, useState as useState10 } from "react";
-import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
+// src/components/agents/agent-tabs.tsx
 import {
-  Input as Input7,
-  Badge as Badge7,
-  Tooltip as Tooltip3,
-  TooltipTrigger as TooltipTrigger3,
-  TooltipContent as TooltipContent3,
-  AlertDialog as AlertDialog3,
-  AlertDialogAction as AlertDialogAction3,
-  AlertDialogCancel as AlertDialogCancel3,
-  AlertDialogContent as AlertDialogContent3,
-  AlertDialogDescription as AlertDialogDescription3,
-  AlertDialogFooter as AlertDialogFooter3,
-  AlertDialogHeader as AlertDialogHeader3,
-  AlertDialogTitle as AlertDialogTitle3,
-  Button as Button11
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
 } from "@greatapps/greatauth-ui/ui";
-import { Pencil as Pencil3, Trash2 as Trash23, 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 { Target as Target2, FileText as FileText2, MessageCircle as MessageCircle2, Blocks, Plug as Plug3 } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-function useColumns2(onEdit, onDelete) {
-  return [
-    {
-      accessorKey: "name",
-      header: "Nome",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "font-medium", children: row.original.name }),
-      sortingFn: (rowA, rowB) => rowA.original.name.toLowerCase().localeCompare(rowB.original.name.toLowerCase())
-    },
-    {
-      accessorKey: "slug",
-      header: "Slug",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm font-mono", children: row.original.slug || "\u2014" })
-    },
-    {
-      accessorKey: "type",
-      header: "Tipo",
-      cell: ({ row }) => /* @__PURE__ */ jsx18(Badge7, { variant: "secondary", children: row.original.type })
-    },
-    {
-      accessorKey: "description",
-      header: "Descri\xE7\xE3o",
-      cell: ({ row }) => {
-        const desc = row.original.description;
-        if (!desc) return /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
-        return /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
-      }
-    },
-    {
-      accessorKey: "datetime_add",
-      header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-sm", children: format2(new Date(row.original.datetime_add), "dd/MM/yyyy", {
-        locale: ptBR2
-      }) })
-    },
-    {
-      id: "actions",
-      size: 80,
-      enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
-            Button11,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8",
-              "aria-label": "Editar",
-              onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx18(Pencil3, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Editar" })
-        ] }),
-        /* @__PURE__ */ jsxs16(Tooltip3, { children: [
-          /* @__PURE__ */ jsx18(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx18(
-            Button11,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-8 w-8 text-destructive hover:text-destructive",
-              "aria-label": "Excluir",
-              onClick: () => onDelete(row.original.id),
-              children: /* @__PURE__ */ jsx18(Trash23, { className: "h-4 w-4" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx18(TooltipContent3, { children: "Excluir" })
-        ] })
-      ] })
-    }
-  ];
-}
-function ToolsTable({ onEdit, config }) {
-  const [search, setSearch] = useState10("");
-  const [page, setPage] = useState10(1);
-  const queryParams = useMemo6(() => {
-    const params = {
-      limit: "15",
-      page: String(page)
-    };
-    if (search) {
-      params.search = search;
+function AgentTabs({
+  agent,
+  config,
+  renderChatLink,
+  gagentsApiUrl,
+  resolveWizardMeta,
+  loadConfigOptions,
+  onWizardComplete
+}) {
+  const apiUrl = gagentsApiUrl || config.baseUrl;
+  const [wizardOpen, setWizardOpen] = useState10(false);
+  const [activeCard, setActiveCard] = useState10(null);
+  const handleConnect = useCallback6((card) => {
+    setActiveCard(card);
+    setWizardOpen(true);
+  }, []);
+  const handleWizardClose = useCallback6((open) => {
+    if (!open) {
+      setActiveCard(null);
     }
-    return params;
-  }, [search, page]);
-  const { data, isLoading } = useTools(config, queryParams);
-  const deleteTool = useDeleteTool(config);
-  const [deleteId, setDeleteId] = useState10(null);
-  const rawTools = data?.data || [];
-  const tools = rawTools.filter((t) => !t.slug?.startsWith("gclinic_"));
-  const total = tools.length;
-  const columns = useColumns2(
-    (tool) => onEdit(tool),
-    (id) => setDeleteId(id)
-  );
-  function handleDelete() {
-    if (!deleteId) return;
-    deleteTool.mutate(deleteId, {
-      onSuccess: () => {
-        toast8.success("Ferramenta exclu\xEDda");
-        setDeleteId(null);
-      },
-      onError: () => toast8.error("Erro ao excluir ferramenta")
-    });
-  }
-  function handleSearchChange(value) {
-    setSearch(value);
-    setPage(1);
-  }
+    setWizardOpen(open);
+  }, []);
+  const handleWizardComplete = useCallback6(() => {
+    setWizardOpen(false);
+    setActiveCard(null);
+    onWizardComplete?.();
+  }, [onWizardComplete]);
+  const wizardMeta = activeCard ? resolveWizardMeta?.(activeCard) ?? {
+    capabilities: [],
+    requirements: [],
+    hasConfigStep: false
+  } : null;
   return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs16("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx18(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx18(
-        Input7,
+    /* @__PURE__ */ jsxs16(Tabs, { defaultValue: "prompt", children: [
+      /* @__PURE__ */ jsxs16(TabsList, { children: [
+        /* @__PURE__ */ jsxs16(TabsTrigger, { value: "prompt", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Prompt"
+        ] }),
+        /* @__PURE__ */ jsxs16(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Objetivos"
+        ] }),
+        /* @__PURE__ */ jsxs16(TabsTrigger, { value: "capacidades", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(Blocks, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Capacidades"
+        ] }),
+        /* @__PURE__ */ jsxs16(TabsTrigger, { value: "integracoes", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(Plug3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Integra\xE7\xF5es"
+        ] }),
+        /* @__PURE__ */ jsxs16(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Conversas"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx18(TabsContent, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx18(AgentPromptEditor, { agent, config }) }),
+      /* @__PURE__ */ jsx18(TabsContent, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx18(AgentObjectivesList, { agent, config }) }),
+      /* @__PURE__ */ jsx18(TabsContent, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx18(CapabilitiesTab, { config, agentId: agent.id }) }),
+      /* @__PURE__ */ jsx18(TabsContent, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx18(IntegrationsTab, { config, agentId: agent.id, onConnect: handleConnect }) }),
+      /* @__PURE__ */ jsx18(TabsContent, { value: "conversas", className: "mt-4", children: /* @__PURE__ */ jsx18(
+        AgentConversationsPanel,
         {
-          placeholder: "Buscar ferramentas\\u2026",
-          "aria-label": "Buscar ferramentas",
-          name: "search",
-          autoComplete: "off",
-          value: search,
-          onChange: (e) => handleSearchChange(e.target.value),
-          className: "pl-9"
+          agent,
+          config,
+          renderChatLink
         }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx18(
-      DataTable2,
-      {
-        columns,
-        data: tools,
-        isLoading,
-        emptyMessage: "Nenhuma ferramenta encontrada",
-        total,
-        page,
-        onPageChange: setPage,
-        pageSize: 15
-      }
-    ),
-    /* @__PURE__ */ jsx18(
-      AlertDialog3,
+      ) })
+    ] }),
+    activeCard && wizardMeta && /* @__PURE__ */ jsx18(
+      IntegrationWizard,
       {
-        open: !!deleteId,
-        onOpenChange: (open) => !open && setDeleteId(null),
-        children: /* @__PURE__ */ jsxs16(AlertDialogContent3, { children: [
-          /* @__PURE__ */ jsxs16(AlertDialogHeader3, { children: [
-            /* @__PURE__ */ jsx18(AlertDialogTitle3, { children: "Excluir ferramenta?" }),
-            /* @__PURE__ */ jsx18(AlertDialogDescription3, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. A ferramenta ser\xE1 removida permanentemente." })
-          ] }),
-          /* @__PURE__ */ jsxs16(AlertDialogFooter3, { children: [
-            /* @__PURE__ */ jsx18(AlertDialogCancel3, { variant: "outline", size: "default", children: "Cancelar" }),
-            /* @__PURE__ */ jsx18(
-              AlertDialogAction3,
-              {
-                variant: "default",
-                size: "default",
-                onClick: handleDelete,
-                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: "Excluir"
-              }
-            )
-          ] })
-        ] })
+        open: wizardOpen,
+        onOpenChange: handleWizardClose,
+        integration: activeCard.definition,
+        meta: wizardMeta,
+        agentId: agent.id,
+        config,
+        gagentsApiUrl: apiUrl,
+        existingCredentialId: activeCard.credentialId,
+        onComplete: handleWizardComplete,
+        loadConfigOptions
       }
     )
   ] });
 }
 
-// src/components/tools/tool-form-dialog.tsx
+// src/components/agents/agent-tools-list.tsx
 import { useState as useState11 } from "react";
 import {
+  Switch as Switch5,
+  Badge as Badge7,
+  Button as Button11,
+  Skeleton as Skeleton6,
+  AlertDialog as AlertDialog3,
+  AlertDialogAction as AlertDialogAction3,
+  AlertDialogCancel as AlertDialogCancel3,
+  AlertDialogContent as AlertDialogContent3,
+  AlertDialogDescription as AlertDialogDescription3,
+  AlertDialogFooter as AlertDialogFooter3,
+  AlertDialogHeader as AlertDialogHeader3,
+  AlertDialogTitle as AlertDialogTitle3,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Input as Input7,
+  Textarea as Textarea2,
   Dialog as Dialog5,
   DialogContent as DialogContent5,
   DialogHeader as DialogHeader5,
   DialogTitle as DialogTitle5,
   DialogFooter as DialogFooter5,
-  Button as Button12,
-  Input as Input8,
-  Textarea as Textarea2,
   Label as Label7,
   Select as Select2,
   SelectContent as SelectContent2,
@@ -4008,617 +3918,132 @@ import {
   SelectTrigger as SelectTrigger2,
   SelectValue as SelectValue2
 } from "@greatapps/greatauth-ui/ui";
-import { Loader2 as Loader29 } from "lucide-react";
-import { toast as toast9 } from "sonner";
+import {
+  Trash2 as Trash23,
+  Plus as Plus3,
+  Wrench,
+  Settings2 as Settings22
+} from "lucide-react";
+import { toast as toast8 } from "sonner";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var TOOL_AUTH_TYPES = [
-  { value: "none", label: "Nenhuma" },
-  { value: "api_key", label: "API Key" },
-  { value: "oauth2", label: "OAuth 2.0" }
-];
-function toolToFormState(tool) {
-  return {
-    name: tool?.name || "",
-    slug: tool?.slug || "",
-    type: tool?.type || "none",
-    description: tool?.description || "",
-    functionDefinitions: tool?.function_definitions ? formatJson(tool.function_definitions) : "",
-    nameError: false,
-    slugError: false,
-    typeError: false,
-    jsonError: false
-  };
-}
-function formatJson(str) {
-  try {
-    return JSON.stringify(JSON.parse(str), null, 2);
-  } catch {
-    return str;
-  }
-}
-function slugify2(name) {
-  return name.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-}
-function isValidJson(str) {
-  if (!str.trim()) return true;
-  try {
-    JSON.parse(str);
-    return true;
-  } catch {
-    return false;
-  }
-}
-function ToolFormDialog({
-  open,
-  onOpenChange,
-  tool,
-  config
-}) {
-  const isEditing = !!tool;
-  const createTool = useCreateTool(config);
-  const updateTool = useUpdateTool(config);
-  const [form, setForm] = useState11(() => toolToFormState(tool));
-  const [slugManuallyEdited, setSlugManuallyEdited] = useState11(false);
-  const [lastResetKey, setLastResetKey] = useState11(
-    () => `${tool?.id}-${open}`
+function AgentToolsList({ agent, config }) {
+  const { data: agentToolsData, isLoading } = useAgentTools(config, agent.id);
+  const { data: allToolsData } = useTools(config);
+  const addMutation = useAddAgentTool(config);
+  const removeMutation = useRemoveAgentTool(config);
+  const updateMutation = useUpdateAgentTool(config);
+  const [removeTarget, setRemoveTarget] = useState11(null);
+  const [addOpen, setAddOpen] = useState11(false);
+  const [search, setSearch] = useState11("");
+  const [configTarget, setConfigTarget] = useState11(null);
+  const [configInstructions, setConfigInstructions] = useState11("");
+  const [configCredentialId, setConfigCredentialId] = useState11("");
+  const { data: credentialsData } = useToolCredentials(config);
+  const allCredentials = credentialsData?.data || [];
+  const agentTools = agentToolsData?.data || [];
+  const allTools = (allToolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
+  const assignedToolIds = new Set(agentTools.map((at) => at.id_tool));
+  const visibleAgentTools = agentTools.filter((at) => {
+    const tool = allTools.find((t) => t.id === at.id_tool);
+    return !tool || !tool.slug?.startsWith("gclinic_");
+  });
+  const availableTools = allTools.filter((t) => !assignedToolIds.has(t.id));
+  const filteredAvailable = availableTools.filter(
+    (t) => t.name.toLowerCase().includes(search.toLowerCase())
   );
-  const resetKey = `${tool?.id}-${open}`;
-  if (resetKey !== lastResetKey) {
-    setLastResetKey(resetKey);
-    setForm(toolToFormState(open ? tool : void 0));
-    setSlugManuallyEdited(false);
+  function getToolInfo(idTool) {
+    return allTools.find((t) => t.id === idTool);
   }
-  const isPending = createTool.isPending || updateTool.isPending;
-  async function handleSubmit(e) {
-    e.preventDefault();
-    let hasError = false;
-    if (!form.name.trim()) {
-      setForm((prev) => ({ ...prev, nameError: true }));
-      hasError = true;
-    }
-    const effectiveSlug = form.slug.trim() || slugify2(form.name);
-    if (!effectiveSlug) {
-      setForm((prev) => ({ ...prev, slugError: true }));
-      hasError = true;
-    }
-    if (!form.type) {
-      setForm((prev) => ({ ...prev, typeError: true }));
-      hasError = true;
-    }
-    if (!isValidJson(form.functionDefinitions)) {
-      setForm((prev) => ({ ...prev, jsonError: true }));
-      hasError = true;
-    }
-    if (hasError) return;
-    const body = {
-      name: form.name.trim(),
-      slug: effectiveSlug,
-      type: form.type
-    };
-    if (form.description.trim()) body.description = form.description.trim();
-    else body.description = "";
-    if (form.functionDefinitions.trim()) {
-      const parsed = JSON.parse(form.functionDefinitions.trim());
-      body.function_definitions = JSON.stringify(parsed);
-    } else {
-      body.function_definitions = "";
+  async function handleToggleEnabled(agentTool, checked) {
+    try {
+      await updateMutation.mutateAsync({
+        idAgent: agent.id,
+        id: agentTool.id,
+        body: { enabled: checked }
+      });
+      toast8.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
+    } catch (err) {
+      toast8.error(
+        err instanceof Error ? err.message : "Erro ao alterar estado da ferramenta"
+      );
     }
+  }
+  async function handleAdd(tool) {
     try {
-      if (isEditing) {
-        await updateTool.mutateAsync({ id: tool.id, body });
-        toast9.success("Ferramenta atualizada");
-      } else {
-        await createTool.mutateAsync(
-          body
-        );
-        toast9.success("Ferramenta criada");
-      }
-      onOpenChange(false);
+      await addMutation.mutateAsync({
+        idAgent: agent.id,
+        body: { id_tool: tool.id }
+      });
+      toast8.success("Ferramenta adicionada");
+      setAddOpen(false);
+      setSearch("");
     } catch (err) {
-      toast9.error(
-        err instanceof Error ? err.message : isEditing ? "Erro ao atualizar ferramenta" : "Erro ao criar ferramenta"
+      toast8.error(
+        err instanceof Error ? err.message : "Erro ao adicionar ferramenta"
       );
     }
   }
-  return /* @__PURE__ */ jsx19(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent5, { className: "sm:max-w-lg", children: [
-    /* @__PURE__ */ jsx19(DialogHeader5, { children: /* @__PURE__ */ jsx19(DialogTitle5, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-name", children: "Nome *" }),
-        /* @__PURE__ */ jsx19(
-          Input8,
-          {
-            id: "tool-name",
-            name: "name",
-            value: form.name,
-            onChange: (e) => {
-              const name = e.target.value;
-              setForm((prev) => ({
-                ...prev,
-                name,
-                nameError: name.trim() ? false : prev.nameError,
-                ...!slugManuallyEdited && !isEditing ? { slug: slugify2(name), slugError: false } : {}
-              }));
-            },
-            placeholder: "Ex: Google Calendar",
-            disabled: isPending
-          }
-        ),
-        form.nameError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
-        /* @__PURE__ */ jsx19(
-          Input8,
-          {
-            id: "tool-slug",
-            name: "slug",
-            value: form.slug,
-            onChange: (e) => {
-              setSlugManuallyEdited(true);
-              setForm((prev) => ({
-                ...prev,
-                slug: e.target.value,
-                slugError: e.target.value.trim() ? false : prev.slugError
-              }));
-            },
-            placeholder: "Ex: google-calendar",
-            disabled: isPending
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
-        form.slugError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Slug \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
-        /* @__PURE__ */ jsxs17(
-          Select2,
-          {
-            value: form.type,
-            onValueChange: (value) => {
-              setForm((prev) => ({
-                ...prev,
-                type: value,
-                typeError: false
-              }));
-            },
-            disabled: isPending,
-            children: [
-              /* @__PURE__ */ jsx19(SelectTrigger2, { id: "tool-type", children: /* @__PURE__ */ jsx19(SelectValue2, { placeholder: "Selecione o tipo" }) }),
-              /* @__PURE__ */ jsx19(SelectContent2, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx19(SelectItem2, { value: t.value, children: t.label }, t.value)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
-        form.typeError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "Tipo \xE9 obrigat\xF3rio" })
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
-        /* @__PURE__ */ jsx19(
-          Textarea2,
-          {
-            id: "tool-description",
-            name: "description",
-            value: form.description,
-            onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
-            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
-            rows: 3,
-            disabled: isPending
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
-        /* @__PURE__ */ jsx19(
-          Textarea2,
-          {
-            id: "tool-function-defs",
-            name: "functionDefs",
-            value: form.functionDefinitions,
-            onChange: (e) => {
-              setForm((prev) => ({
-                ...prev,
-                functionDefinitions: e.target.value,
-                jsonError: false
-              }));
-            },
-            placeholder: `[
-  {
-    "type": "function",
-    "function": {
-      "name": "nome_da_funcao",
-      "description": "O que a fun\xE7\xE3o faz",
-      "parameters": {
-        "type": "object",
-        "properties": { \u2026 },
-        "required": [\u2026]
-      }
+  async function handleRemove() {
+    if (!removeTarget) return;
+    try {
+      await removeMutation.mutateAsync({
+        idAgent: agent.id,
+        id: removeTarget.id
+      });
+      toast8.success("Ferramenta removida");
+    } catch (err) {
+      toast8.error(
+        err instanceof Error ? err.message : "Erro ao remover ferramenta"
+      );
+    } finally {
+      setRemoveTarget(null);
     }
   }
-]`,
-            rows: 10,
-            className: "font-mono text-sm",
-            disabled: isPending
-          }
-        ),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
-        form.jsonError && /* @__PURE__ */ jsx19("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
-      ] }),
-      /* @__PURE__ */ jsxs17(DialogFooter5, { children: [
-        /* @__PURE__ */ jsx19(
-          Button12,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: () => onOpenChange(false),
-            disabled: isPending,
-            children: "Cancelar"
-          }
-        ),
-        /* @__PURE__ */ jsxs17(Button12, { type: "submit", disabled: isPending, children: [
-          isPending ? /* @__PURE__ */ jsx19(Loader29, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
-          isEditing ? "Salvar" : "Criar"
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/components/capabilities/advanced-tab.tsx
-import { Info as Info2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
-function AdvancedTab({ config, agentId, gagentsApiUrl }) {
-  const [editingTool, setEditingTool] = useState12(null);
-  const [showToolForm, setShowToolForm] = useState12(false);
-  function handleEditTool(tool) {
-    setEditingTool(tool);
-    setShowToolForm(true);
+  function openConfig(agentTool) {
+    setConfigTarget(agentTool);
+    setConfigInstructions(agentTool.custom_instructions || "");
+    setConfigCredentialId(agentTool.id_tool_credential ? String(agentTool.id_tool_credential) : "");
   }
-  function handleToolFormOpenChange(open) {
-    setShowToolForm(open);
-    if (!open) setEditingTool(null);
-  }
-  return /* @__PURE__ */ jsxs18("div", { className: "space-y-8", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-900 dark:bg-blue-950/30", children: [
-      /* @__PURE__ */ jsx20(Info2, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
-      /* @__PURE__ */ jsxs18("p", { className: "text-sm text-blue-800 dark:text-blue-300", children: [
-        "Use as abas ",
-        /* @__PURE__ */ jsx20("strong", { children: "Capacidades" }),
-        " e ",
-        /* @__PURE__ */ jsx20("strong", { children: "Integra\xE7\xF5es" }),
-        " para configura\xE7\xE3o simplificada. Esta aba oferece controlo manual avan\xE7ado sobre ferramentas. As credenciais s\xE3o geridas dentro de cada ferramenta."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs18("section", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx20("h3", { className: "text-sm font-medium", children: "Ferramentas" }),
-      /* @__PURE__ */ jsx20(ToolsTable, { onEdit: handleEditTool, config })
-    ] }),
-    /* @__PURE__ */ jsx20(
-      ToolFormDialog,
-      {
-        open: showToolForm,
-        onOpenChange: handleToolFormOpenChange,
-        tool: editingTool ?? void 0,
-        config
-      }
-    )
-  ] });
-}
-
-// src/pages/agent-capabilities-page.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-function defaultResolveWizardMeta(card) {
-  return {
-    capabilities: [
-      { label: card.definition.name, description: card.definition.description }
-    ],
-    requirements: [],
-    hasConfigStep: false
-  };
-}
-function AgentCapabilitiesPage({
-  config,
-  agentId,
-  gagentsApiUrl,
-  resolveWizardMeta = defaultResolveWizardMeta,
-  loadConfigOptions,
-  onWizardComplete
-}) {
-  const [wizardOpen, setWizardOpen] = useState13(false);
-  const [activeCard, setActiveCard] = useState13(null);
-  const handleConnect = useCallback6(
-    (card) => {
-      setActiveCard(card);
-      setWizardOpen(true);
-    },
-    []
-  );
-  const handleWizardComplete = useCallback6(() => {
-    setWizardOpen(false);
-    setActiveCard(null);
-    onWizardComplete?.();
-  }, [onWizardComplete]);
-  const handleWizardOpenChange = useCallback6((open) => {
-    setWizardOpen(open);
-    if (!open) setActiveCard(null);
-  }, []);
-  const wizardMeta = activeCard ? resolveWizardMeta(activeCard) : null;
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx21("h2", { className: "text-lg font-semibold", children: "Capacidades e Integra\xE7\xF5es" }),
-      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Configure o que este agente pode fazer e quais servi\xE7os externos ele utiliza." })
-    ] }),
-    /* @__PURE__ */ jsxs19(Tabs, { defaultValue: "capacidades", children: [
-      /* @__PURE__ */ jsxs19(TabsList, { children: [
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "capacidades", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Blocks, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Capacidades"
-        ] }),
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "integracoes", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Plug3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Integra\xE7\xF5es"
-        ] }),
-        /* @__PURE__ */ jsxs19(TabsTrigger, { value: "avancado", className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx21(Settings3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-          "Avan\xE7ado"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx21(CapabilitiesTab, { config, agentId }) }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx21(
-        IntegrationsTab,
-        {
-          config,
-          agentId,
-          onConnect: handleConnect
-        }
-      ) }),
-      /* @__PURE__ */ jsx21(TabsContent, { value: "avancado", className: "mt-4", children: /* @__PURE__ */ jsx21(
-        AdvancedTab,
-        {
-          config,
-          agentId,
-          gagentsApiUrl
-        }
-      ) })
-    ] }),
-    activeCard && wizardMeta && /* @__PURE__ */ jsx21(
-      IntegrationWizard,
-      {
-        open: wizardOpen,
-        onOpenChange: handleWizardOpenChange,
-        integration: activeCard.definition,
-        meta: wizardMeta,
-        agentId,
-        config,
-        onComplete: handleWizardComplete,
-        gagentsApiUrl,
-        existingCredentialId: activeCard.credential?.id,
-        loadConfigOptions
-      }
-    )
-  ] });
-}
-
-// src/components/agents/agent-tabs.tsx
-import {
-  Tabs as Tabs2,
-  TabsList as TabsList2,
-  TabsTrigger as TabsTrigger2,
-  TabsContent as TabsContent2
-} from "@greatapps/greatauth-ui/ui";
-import { Target as Target2, FileText as FileText2, MessageCircle as MessageCircle2, Blocks as Blocks2 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
-function AgentTabs({
-  agent,
-  config,
-  renderChatLink,
-  gagentsApiUrl,
-  resolveWizardMeta,
-  loadConfigOptions,
-  onWizardComplete
-}) {
-  const apiUrl = gagentsApiUrl || config.baseUrl;
-  return /* @__PURE__ */ jsxs20(Tabs2, { defaultValue: "prompt", children: [
-    /* @__PURE__ */ jsxs20(TabsList2, { children: [
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "prompt", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Prompt"
-      ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "objetivos", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Objetivos"
-      ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "capacidades", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(Blocks2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Capacidades"
-      ] }),
-      /* @__PURE__ */ jsxs20(TabsTrigger2, { value: "conversas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx22(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
-        "Conversas"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx22(AgentPromptEditor, { agent, config }) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx22(AgentObjectivesList, { agent, config }) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx22(
-      AgentCapabilitiesPage,
-      {
-        config,
-        agentId: agent.id,
-        gagentsApiUrl: apiUrl,
-        resolveWizardMeta,
-        loadConfigOptions,
-        onWizardComplete
-      }
-    ) }),
-    /* @__PURE__ */ jsx22(TabsContent2, { value: "conversas", className: "mt-4", children: /* @__PURE__ */ jsx22(
-      AgentConversationsPanel,
-      {
-        agent,
-        config,
-        renderChatLink
-      }
-    ) })
-  ] });
-}
-
-// src/components/agents/agent-tools-list.tsx
-import { useState as useState14 } from "react";
-import {
-  Switch as Switch5,
-  Badge as Badge8,
-  Button as Button13,
-  Skeleton as Skeleton6,
-  AlertDialog as AlertDialog4,
-  AlertDialogAction as AlertDialogAction4,
-  AlertDialogCancel as AlertDialogCancel4,
-  AlertDialogContent as AlertDialogContent4,
-  AlertDialogDescription as AlertDialogDescription4,
-  AlertDialogFooter as AlertDialogFooter4,
-  AlertDialogHeader as AlertDialogHeader4,
-  AlertDialogTitle as AlertDialogTitle4,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Input as Input9,
-  Textarea as Textarea3,
-  Dialog as Dialog6,
-  DialogContent as DialogContent6,
-  DialogHeader as DialogHeader6,
-  DialogTitle as DialogTitle6,
-  DialogFooter as DialogFooter6,
-  Label as Label8,
-  Select as Select3,
-  SelectContent as SelectContent3,
-  SelectItem as SelectItem3,
-  SelectTrigger as SelectTrigger3,
-  SelectValue as SelectValue3
-} from "@greatapps/greatauth-ui/ui";
-import {
-  Trash2 as Trash24,
-  Plus as Plus3,
-  Wrench,
-  Settings2 as Settings22
-} from "lucide-react";
-import { toast as toast10 } from "sonner";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-function AgentToolsList({ agent, config }) {
-  const { data: agentToolsData, isLoading } = useAgentTools(config, agent.id);
-  const { data: allToolsData } = useTools(config);
-  const addMutation = useAddAgentTool(config);
-  const removeMutation = useRemoveAgentTool(config);
-  const updateMutation = useUpdateAgentTool(config);
-  const [removeTarget, setRemoveTarget] = useState14(null);
-  const [addOpen, setAddOpen] = useState14(false);
-  const [search, setSearch] = useState14("");
-  const [configTarget, setConfigTarget] = useState14(null);
-  const [configInstructions, setConfigInstructions] = useState14("");
-  const [configCredentialId, setConfigCredentialId] = useState14("");
-  const { data: credentialsData } = useToolCredentials(config);
-  const allCredentials = credentialsData?.data || [];
-  const agentTools = agentToolsData?.data || [];
-  const allTools = (allToolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
-  const assignedToolIds = new Set(agentTools.map((at) => at.id_tool));
-  const visibleAgentTools = agentTools.filter((at) => {
-    const tool = allTools.find((t) => t.id === at.id_tool);
-    return !tool || !tool.slug?.startsWith("gclinic_");
-  });
-  const availableTools = allTools.filter((t) => !assignedToolIds.has(t.id));
-  const filteredAvailable = availableTools.filter(
-    (t) => t.name.toLowerCase().includes(search.toLowerCase())
-  );
-  function getToolInfo(idTool) {
-    return allTools.find((t) => t.id === idTool);
-  }
-  async function handleToggleEnabled(agentTool, checked) {
-    try {
-      await updateMutation.mutateAsync({
-        idAgent: agent.id,
-        id: agentTool.id,
-        body: { enabled: checked }
-      });
-      toast10.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao alterar estado da ferramenta"
-      );
-    }
-  }
-  async function handleAdd(tool) {
-    try {
-      await addMutation.mutateAsync({
-        idAgent: agent.id,
-        body: { id_tool: tool.id }
-      });
-      toast10.success("Ferramenta adicionada");
-      setAddOpen(false);
-      setSearch("");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao adicionar ferramenta"
-      );
-    }
-  }
-  async function handleRemove() {
-    if (!removeTarget) return;
-    try {
-      await removeMutation.mutateAsync({
-        idAgent: agent.id,
-        id: removeTarget.id
-      });
-      toast10.success("Ferramenta removida");
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao remover ferramenta"
-      );
-    } finally {
-      setRemoveTarget(null);
-    }
-  }
-  function openConfig(agentTool) {
-    setConfigTarget(agentTool);
-    setConfigInstructions(agentTool.custom_instructions || "");
-    setConfigCredentialId(agentTool.id_tool_credential ? String(agentTool.id_tool_credential) : "");
-  }
-  async function handleSaveConfig() {
-    if (!configTarget) return;
-    try {
-      const newCredentialId = configCredentialId ? parseInt(configCredentialId, 10) : null;
-      await updateMutation.mutateAsync({
-        idAgent: agent.id,
-        id: configTarget.id,
-        body: {
-          custom_instructions: configInstructions.trim() || null,
-          id_tool_credential: newCredentialId
-        }
-      });
-      toast10.success("Configura\xE7\xE3o atualizada");
-      setConfigTarget(null);
-    } catch (err) {
-      toast10.error(
-        err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
-      );
-    }
+  async function handleSaveConfig() {
+    if (!configTarget) return;
+    try {
+      const newCredentialId = configCredentialId ? parseInt(configCredentialId, 10) : null;
+      await updateMutation.mutateAsync({
+        idAgent: agent.id,
+        id: configTarget.id,
+        body: {
+          custom_instructions: configInstructions.trim() || null,
+          id_tool_credential: newCredentialId
+        }
+      });
+      toast8.success("Configura\xE7\xE3o atualizada");
+      setConfigTarget(null);
+    } catch (err) {
+      toast8.error(
+        err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
+      );
+    }
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx23("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton6, { className: "h-14 w-full" }, i)) });
+    return /* @__PURE__ */ jsx19("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx19(Skeleton6, { className: "h-14 w-full" }, i)) });
   }
-  return /* @__PURE__ */ jsxs21("div", { className: "space-y-4 p-4", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs21("h3", { className: "text-sm font-medium text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs17("h3", { className: "text-sm font-medium text-muted-foreground", children: [
         visibleAgentTools.length,
         " ferramenta",
         visibleAgentTools.length !== 1 ? "s" : "",
         " associada",
         visibleAgentTools.length !== 1 ? "s" : ""
       ] }),
-      /* @__PURE__ */ jsxs21(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
-        /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(Button13, { size: "sm", disabled: availableTools.length === 0, children: [
-          /* @__PURE__ */ jsx23(Plus3, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs17(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
+        /* @__PURE__ */ jsx19(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(Button11, { size: "sm", disabled: availableTools.length === 0, children: [
+          /* @__PURE__ */ jsx19(Plus3, { className: "mr-2 h-4 w-4" }),
           "Adicionar Ferramenta"
         ] }) }),
-        /* @__PURE__ */ jsxs21(PopoverContent, { className: "w-72 p-0", align: "end", children: [
-          /* @__PURE__ */ jsx23("div", { className: "p-2", children: /* @__PURE__ */ jsx23(
-            Input9,
+        /* @__PURE__ */ jsxs17(PopoverContent, { className: "w-72 p-0", align: "end", children: [
+          /* @__PURE__ */ jsx19("div", { className: "p-2", children: /* @__PURE__ */ jsx19(
+            Input7,
             {
               placeholder: "Buscar ferramenta\\u2026",
               "aria-label": "Buscar ferramenta",
@@ -4628,7 +4053,7 @@ function AgentToolsList({ agent, config }) {
               className: "h-8"
             }
           ) }),
-          /* @__PURE__ */ jsx23("div", { className: "max-h-48 overflow-y-auto", children: filteredAvailable.length === 0 ? /* @__PURE__ */ jsx23("p", { className: "p-3 text-center text-sm text-muted-foreground", children: "Nenhuma ferramenta dispon\xEDvel" }) : filteredAvailable.map((tool) => /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsx19("div", { className: "max-h-48 overflow-y-auto", children: filteredAvailable.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "p-3 text-center text-sm text-muted-foreground", children: "Nenhuma ferramenta dispon\xEDvel" }) : filteredAvailable.map((tool) => /* @__PURE__ */ jsxs17(
             "button",
             {
               type: "button",
@@ -4636,9 +4061,9 @@ function AgentToolsList({ agent, config }) {
               onClick: () => handleAdd(tool),
               disabled: addMutation.isPending,
               children: [
-                /* @__PURE__ */ jsx23(Wrench, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx23("span", { className: "flex-1 font-medium", children: tool.name }),
-                /* @__PURE__ */ jsx23(Badge8, { variant: "secondary", className: "text-xs", children: tool.type })
+                /* @__PURE__ */ jsx19(Wrench, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx19("span", { className: "flex-1 font-medium", children: tool.name }),
+                /* @__PURE__ */ jsx19(Badge7, { variant: "secondary", className: "text-xs", children: tool.type })
               ]
             },
             tool.id
@@ -4646,24 +4071,24 @@ function AgentToolsList({ agent, config }) {
         ] })
       ] })
     ] }),
-    visibleAgentTools.length === 0 ? /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
-      /* @__PURE__ */ jsx23(Wrench, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ferramenta associada. Clique em 'Adicionar Ferramenta' para come\xE7ar." })
-    ] }) : /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: visibleAgentTools.map((agentTool) => {
+    visibleAgentTools.length === 0 ? /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+      /* @__PURE__ */ jsx19(Wrench, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ferramenta associada. Clique em 'Adicionar Ferramenta' para come\xE7ar." })
+    ] }) : /* @__PURE__ */ jsx19("div", { className: "space-y-2", children: visibleAgentTools.map((agentTool) => {
       const tool = getToolInfo(agentTool.id_tool);
-      return /* @__PURE__ */ jsxs21(
+      return /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "flex items-center gap-3 rounded-lg border bg-card p-3",
           children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx23("span", { className: "truncate font-medium", children: tool?.name || `Ferramenta #${agentTool.id_tool}` }),
-                tool?.type && /* @__PURE__ */ jsx23(Badge8, { variant: "secondary", className: "shrink-0 text-xs", children: tool.type })
+            /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx19("span", { className: "truncate font-medium", children: tool?.name || `Ferramenta #${agentTool.id_tool}` }),
+                tool?.type && /* @__PURE__ */ jsx19(Badge7, { variant: "secondary", className: "shrink-0 text-xs", children: tool.type })
               ] }),
-              agentTool.custom_instructions && /* @__PURE__ */ jsx23("p", { className: "truncate text-xs text-muted-foreground", children: agentTool.custom_instructions })
+              agentTool.custom_instructions && /* @__PURE__ */ jsx19("p", { className: "truncate text-xs text-muted-foreground", children: agentTool.custom_instructions })
             ] }),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx19(
               Switch5,
               {
                 "aria-label": "Ativar/Desativar",
@@ -4672,8 +4097,8 @@ function AgentToolsList({ agent, config }) {
                 disabled: updateMutation.isPending
               }
             ),
-            /* @__PURE__ */ jsx23(
-              Button13,
+            /* @__PURE__ */ jsx19(
+              Button11,
               {
                 variant: "ghost",
                 size: "icon",
@@ -4681,18 +4106,18 @@ function AgentToolsList({ agent, config }) {
                 className: "shrink-0 text-muted-foreground hover:text-foreground",
                 onClick: () => openConfig(agentTool),
                 title: "Configurar instru\xE7\xF5es",
-                children: /* @__PURE__ */ jsx23(Settings22, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx19(Settings22, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsx23(
-              Button13,
+            /* @__PURE__ */ jsx19(
+              Button11,
               {
                 variant: "ghost",
                 size: "icon",
                 "aria-label": "Remover",
                 className: "shrink-0 text-muted-foreground hover:text-destructive",
                 onClick: () => setRemoveTarget(agentTool),
-                children: /* @__PURE__ */ jsx23(Trash24, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx19(Trash23, { className: "h-4 w-4" })
               }
             )
           ]
@@ -4700,36 +4125,36 @@ function AgentToolsList({ agent, config }) {
         agentTool.id
       );
     }) }),
-    /* @__PURE__ */ jsx23(
-      Dialog6,
+    /* @__PURE__ */ jsx19(
+      Dialog5,
       {
         open: !!configTarget,
         onOpenChange: (open) => !open && setConfigTarget(null),
-        children: /* @__PURE__ */ jsxs21(DialogContent6, { className: "sm:max-w-lg", children: [
-          /* @__PURE__ */ jsx23(DialogHeader6, { children: /* @__PURE__ */ jsx23(DialogTitle6, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
-          /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-            configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx23(Label8, { htmlFor: "tool-credential", children: "Credencial" }),
-              /* @__PURE__ */ jsxs21(
-                Select3,
+        children: /* @__PURE__ */ jsxs17(DialogContent5, { className: "sm:max-w-lg", children: [
+          /* @__PURE__ */ jsx19(DialogHeader5, { children: /* @__PURE__ */ jsx19(DialogTitle5, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
+          /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+            configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-credential", children: "Credencial" }),
+              /* @__PURE__ */ jsxs17(
+                Select2,
                 {
                   value: configCredentialId || void 0,
                   onValueChange: (val) => setConfigCredentialId(val === "__none__" ? "" : val),
                   children: [
-                    /* @__PURE__ */ jsx23(SelectTrigger3, { id: "tool-credential", children: /* @__PURE__ */ jsx23(SelectValue3, { placeholder: "Selecione uma credencial (opcional)" }) }),
-                    /* @__PURE__ */ jsxs21(SelectContent3, { children: [
-                      /* @__PURE__ */ jsx23(SelectItem3, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
-                      allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx23(SelectItem3, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
+                    /* @__PURE__ */ jsx19(SelectTrigger2, { id: "tool-credential", children: /* @__PURE__ */ jsx19(SelectValue2, { placeholder: "Selecione uma credencial (opcional)" }) }),
+                    /* @__PURE__ */ jsxs17(SelectContent2, { children: [
+                      /* @__PURE__ */ jsx19(SelectItem2, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
+                      allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx19(SelectItem2, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
+              /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
             ] }),
-            /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx23(Label8, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
-              /* @__PURE__ */ jsx23(
-                Textarea3,
+            /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx19(Label7, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
+              /* @__PURE__ */ jsx19(
+                Textarea2,
                 {
                   id: "tool-instructions",
                   name: "instructions",
@@ -4739,20 +4164,20 @@ function AgentToolsList({ agent, config }) {
                   rows: 6
                 }
               ),
-              /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
+              /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs21(DialogFooter6, { children: [
-            /* @__PURE__ */ jsx23(
-              Button13,
+          /* @__PURE__ */ jsxs17(DialogFooter5, { children: [
+            /* @__PURE__ */ jsx19(
+              Button11,
               {
                 variant: "outline",
                 onClick: () => setConfigTarget(null),
                 children: "Cancelar"
               }
             ),
-            /* @__PURE__ */ jsx23(
-              Button13,
+            /* @__PURE__ */ jsx19(
+              Button11,
               {
                 onClick: handleSaveConfig,
                 disabled: updateMutation.isPending,
@@ -4762,36 +4187,500 @@ function AgentToolsList({ agent, config }) {
           ] })
         ] })
       }
-    ),
-    /* @__PURE__ */ jsx23(
-      AlertDialog4,
-      {
-        open: !!removeTarget,
-        onOpenChange: (open) => !open && setRemoveTarget(null),
-        children: /* @__PURE__ */ jsxs21(AlertDialogContent4, { children: [
-          /* @__PURE__ */ jsxs21(AlertDialogHeader4, { children: [
-            /* @__PURE__ */ jsx23(AlertDialogTitle4, { children: "Remover ferramenta?" }),
-            /* @__PURE__ */ jsx23(AlertDialogDescription4, { children: "A ferramenta ser\xE1 desassociada deste agente." })
-          ] }),
-          /* @__PURE__ */ jsxs21(AlertDialogFooter4, { children: [
-            /* @__PURE__ */ jsx23(AlertDialogCancel4, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx23(
-              AlertDialogAction4,
-              {
-                onClick: handleRemove,
-                disabled: removeMutation.isPending,
-                children: "Remover"
-              }
-            )
-          ] })
+    ),
+    /* @__PURE__ */ jsx19(
+      AlertDialog3,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs17(AlertDialogContent3, { children: [
+          /* @__PURE__ */ jsxs17(AlertDialogHeader3, { children: [
+            /* @__PURE__ */ jsx19(AlertDialogTitle3, { children: "Remover ferramenta?" }),
+            /* @__PURE__ */ jsx19(AlertDialogDescription3, { children: "A ferramenta ser\xE1 desassociada deste agente." })
+          ] }),
+          /* @__PURE__ */ jsxs17(AlertDialogFooter3, { children: [
+            /* @__PURE__ */ jsx19(AlertDialogCancel3, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx19(
+              AlertDialogAction3,
+              {
+                onClick: handleRemove,
+                disabled: removeMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/tools/tools-table.tsx
+import { useMemo as useMemo6, useState as useState12 } from "react";
+import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
+import {
+  Input as Input8,
+  Badge as Badge8,
+  Tooltip as Tooltip3,
+  TooltipTrigger as TooltipTrigger3,
+  TooltipContent as TooltipContent3,
+  AlertDialog as AlertDialog4,
+  AlertDialogAction as AlertDialogAction4,
+  AlertDialogCancel as AlertDialogCancel4,
+  AlertDialogContent as AlertDialogContent4,
+  AlertDialogDescription as AlertDialogDescription4,
+  AlertDialogFooter as AlertDialogFooter4,
+  AlertDialogHeader as AlertDialogHeader4,
+  AlertDialogTitle as AlertDialogTitle4,
+  Button as Button12
+} from "@greatapps/greatauth-ui/ui";
+import { Pencil as Pencil3, Trash2 as Trash24, Search as Search2 } from "lucide-react";
+import { format as format2 } from "date-fns";
+import { ptBR as ptBR2 } from "date-fns/locale";
+import { toast as toast9 } from "sonner";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+function useColumns2(onEdit, onDelete) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsx20("span", { className: "font-medium", children: row.original.name }),
+      sortingFn: (rowA, rowB) => rowA.original.name.toLowerCase().localeCompare(rowB.original.name.toLowerCase())
+    },
+    {
+      accessorKey: "slug",
+      header: "Slug",
+      cell: ({ row }) => /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground text-sm font-mono", children: row.original.slug || "\u2014" })
+    },
+    {
+      accessorKey: "type",
+      header: "Tipo",
+      cell: ({ row }) => /* @__PURE__ */ jsx20(Badge8, { variant: "secondary", children: row.original.type })
+    },
+    {
+      accessorKey: "description",
+      header: "Descri\xE7\xE3o",
+      cell: ({ row }) => {
+        const desc = row.original.description;
+        if (!desc) return /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
+        return /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
+      }
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground text-sm", children: format2(new Date(row.original.datetime_add), "dd/MM/yyyy", {
+        locale: ptBR2
+      }) })
+    },
+    {
+      id: "actions",
+      size: 80,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs18(Tooltip3, { children: [
+          /* @__PURE__ */ jsx20(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx20(
+            Button12,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              "aria-label": "Editar",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx20(Pencil3, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx20(TooltipContent3, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs18(Tooltip3, { children: [
+          /* @__PURE__ */ jsx20(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx20(
+            Button12,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
+              onClick: () => onDelete(row.original.id),
+              children: /* @__PURE__ */ jsx20(Trash24, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx20(TooltipContent3, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function ToolsTable({ onEdit, config }) {
+  const [search, setSearch] = useState12("");
+  const [page, setPage] = useState12(1);
+  const queryParams = useMemo6(() => {
+    const params = {
+      limit: "15",
+      page: String(page)
+    };
+    if (search) {
+      params.search = search;
+    }
+    return params;
+  }, [search, page]);
+  const { data, isLoading } = useTools(config, queryParams);
+  const deleteTool = useDeleteTool(config);
+  const [deleteId, setDeleteId] = useState12(null);
+  const rawTools = data?.data || [];
+  const tools = rawTools.filter((t) => !t.slug?.startsWith("gclinic_"));
+  const total = tools.length;
+  const columns = useColumns2(
+    (tool) => onEdit(tool),
+    (id) => setDeleteId(id)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteTool.mutate(deleteId, {
+      onSuccess: () => {
+        toast9.success("Ferramenta exclu\xEDda");
+        setDeleteId(null);
+      },
+      onError: () => toast9.error("Erro ao excluir ferramenta")
+    });
+  }
+  function handleSearchChange(value) {
+    setSearch(value);
+    setPage(1);
+  }
+  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
+    /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs18("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx20(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx20(
+        Input8,
+        {
+          placeholder: "Buscar ferramentas\\u2026",
+          "aria-label": "Buscar ferramentas",
+          name: "search",
+          autoComplete: "off",
+          value: search,
+          onChange: (e) => handleSearchChange(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx20(
+      DataTable2,
+      {
+        columns,
+        data: tools,
+        isLoading,
+        emptyMessage: "Nenhuma ferramenta encontrada",
+        total,
+        page,
+        onPageChange: setPage,
+        pageSize: 15
+      }
+    ),
+    /* @__PURE__ */ jsx20(
+      AlertDialog4,
+      {
+        open: !!deleteId,
+        onOpenChange: (open) => !open && setDeleteId(null),
+        children: /* @__PURE__ */ jsxs18(AlertDialogContent4, { children: [
+          /* @__PURE__ */ jsxs18(AlertDialogHeader4, { children: [
+            /* @__PURE__ */ jsx20(AlertDialogTitle4, { children: "Excluir ferramenta?" }),
+            /* @__PURE__ */ jsx20(AlertDialogDescription4, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. A ferramenta ser\xE1 removida permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs18(AlertDialogFooter4, { children: [
+            /* @__PURE__ */ jsx20(AlertDialogCancel4, { variant: "outline", size: "default", children: "Cancelar" }),
+            /* @__PURE__ */ jsx20(
+              AlertDialogAction4,
+              {
+                variant: "default",
+                size: "default",
+                onClick: handleDelete,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: "Excluir"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/tools/tool-form-dialog.tsx
+import { useState as useState13 } from "react";
+import {
+  Dialog as Dialog6,
+  DialogContent as DialogContent6,
+  DialogHeader as DialogHeader6,
+  DialogTitle as DialogTitle6,
+  DialogFooter as DialogFooter6,
+  Button as Button13,
+  Input as Input9,
+  Textarea as Textarea3,
+  Label as Label8,
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue3
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader29 } from "lucide-react";
+import { toast as toast10 } from "sonner";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var TOOL_AUTH_TYPES = [
+  { value: "none", label: "Nenhuma" },
+  { value: "api_key", label: "API Key" },
+  { value: "oauth2", label: "OAuth 2.0" }
+];
+function toolToFormState(tool) {
+  return {
+    name: tool?.name || "",
+    slug: tool?.slug || "",
+    type: tool?.type || "none",
+    description: tool?.description || "",
+    functionDefinitions: tool?.function_definitions ? formatJson(tool.function_definitions) : "",
+    nameError: false,
+    slugError: false,
+    typeError: false,
+    jsonError: false
+  };
+}
+function formatJson(str) {
+  try {
+    return JSON.stringify(JSON.parse(str), null, 2);
+  } catch {
+    return str;
+  }
+}
+function slugify2(name) {
+  return name.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function isValidJson(str) {
+  if (!str.trim()) return true;
+  try {
+    JSON.parse(str);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function ToolFormDialog({
+  open,
+  onOpenChange,
+  tool,
+  config
+}) {
+  const isEditing = !!tool;
+  const createTool = useCreateTool(config);
+  const updateTool = useUpdateTool(config);
+  const [form, setForm] = useState13(() => toolToFormState(tool));
+  const [slugManuallyEdited, setSlugManuallyEdited] = useState13(false);
+  const [lastResetKey, setLastResetKey] = useState13(
+    () => `${tool?.id}-${open}`
+  );
+  const resetKey = `${tool?.id}-${open}`;
+  if (resetKey !== lastResetKey) {
+    setLastResetKey(resetKey);
+    setForm(toolToFormState(open ? tool : void 0));
+    setSlugManuallyEdited(false);
+  }
+  const isPending = createTool.isPending || updateTool.isPending;
+  async function handleSubmit(e) {
+    e.preventDefault();
+    let hasError = false;
+    if (!form.name.trim()) {
+      setForm((prev) => ({ ...prev, nameError: true }));
+      hasError = true;
+    }
+    const effectiveSlug = form.slug.trim() || slugify2(form.name);
+    if (!effectiveSlug) {
+      setForm((prev) => ({ ...prev, slugError: true }));
+      hasError = true;
+    }
+    if (!form.type) {
+      setForm((prev) => ({ ...prev, typeError: true }));
+      hasError = true;
+    }
+    if (!isValidJson(form.functionDefinitions)) {
+      setForm((prev) => ({ ...prev, jsonError: true }));
+      hasError = true;
+    }
+    if (hasError) return;
+    const body = {
+      name: form.name.trim(),
+      slug: effectiveSlug,
+      type: form.type
+    };
+    if (form.description.trim()) body.description = form.description.trim();
+    else body.description = "";
+    if (form.functionDefinitions.trim()) {
+      const parsed = JSON.parse(form.functionDefinitions.trim());
+      body.function_definitions = JSON.stringify(parsed);
+    } else {
+      body.function_definitions = "";
+    }
+    try {
+      if (isEditing) {
+        await updateTool.mutateAsync({ id: tool.id, body });
+        toast10.success("Ferramenta atualizada");
+      } else {
+        await createTool.mutateAsync(
+          body
+        );
+        toast10.success("Ferramenta criada");
+      }
+      onOpenChange(false);
+    } catch (err) {
+      toast10.error(
+        err instanceof Error ? err.message : isEditing ? "Erro ao atualizar ferramenta" : "Erro ao criar ferramenta"
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx21(Dialog6, { open, onOpenChange, children: /* @__PURE__ */ jsxs19(DialogContent6, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx21(DialogHeader6, { children: /* @__PURE__ */ jsx21(DialogTitle6, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
+    /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx21(Label8, { htmlFor: "tool-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx21(
+          Input9,
+          {
+            id: "tool-name",
+            name: "name",
+            value: form.name,
+            onChange: (e) => {
+              const name = e.target.value;
+              setForm((prev) => ({
+                ...prev,
+                name,
+                nameError: name.trim() ? false : prev.nameError,
+                ...!slugManuallyEdited && !isEditing ? { slug: slugify2(name), slugError: false } : {}
+              }));
+            },
+            placeholder: "Ex: Google Calendar",
+            disabled: isPending
+          }
+        ),
+        form.nameError && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx21(Label8, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
+        /* @__PURE__ */ jsx21(
+          Input9,
+          {
+            id: "tool-slug",
+            name: "slug",
+            value: form.slug,
+            onChange: (e) => {
+              setSlugManuallyEdited(true);
+              setForm((prev) => ({
+                ...prev,
+                slug: e.target.value,
+                slugError: e.target.value.trim() ? false : prev.slugError
+              }));
+            },
+            placeholder: "Ex: google-calendar",
+            disabled: isPending
+          }
+        ),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
+        form.slugError && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: "Slug \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx21(Label8, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
+        /* @__PURE__ */ jsxs19(
+          Select3,
+          {
+            value: form.type,
+            onValueChange: (value) => {
+              setForm((prev) => ({
+                ...prev,
+                type: value,
+                typeError: false
+              }));
+            },
+            disabled: isPending,
+            children: [
+              /* @__PURE__ */ jsx21(SelectTrigger3, { id: "tool-type", children: /* @__PURE__ */ jsx21(SelectValue3, { placeholder: "Selecione o tipo" }) }),
+              /* @__PURE__ */ jsx21(SelectContent3, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx21(SelectItem3, { value: t.value, children: t.label }, t.value)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
+        form.typeError && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: "Tipo \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx21(Label8, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx21(
+          Textarea3,
+          {
+            id: "tool-description",
+            name: "description",
+            value: form.description,
+            onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
+            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
+            rows: 3,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx21(Label8, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
+        /* @__PURE__ */ jsx21(
+          Textarea3,
+          {
+            id: "tool-function-defs",
+            name: "functionDefs",
+            value: form.functionDefinitions,
+            onChange: (e) => {
+              setForm((prev) => ({
+                ...prev,
+                functionDefinitions: e.target.value,
+                jsonError: false
+              }));
+            },
+            placeholder: `[
+  {
+    "type": "function",
+    "function": {
+      "name": "nome_da_funcao",
+      "description": "O que a fun\xE7\xE3o faz",
+      "parameters": {
+        "type": "object",
+        "properties": { \u2026 },
+        "required": [\u2026]
+      }
+    }
+  }
+]`,
+            rows: 10,
+            className: "font-mono text-sm",
+            disabled: isPending
+          }
+        ),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
+        form.jsonError && /* @__PURE__ */ jsx21("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
+      ] }),
+      /* @__PURE__ */ jsxs19(DialogFooter6, { children: [
+        /* @__PURE__ */ jsx21(
+          Button13,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs19(Button13, { type: "submit", disabled: isPending, children: [
+          isPending ? /* @__PURE__ */ jsx21(Loader29, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isEditing ? "Salvar" : "Criar"
         ] })
-      }
-    )
-  ] });
+      ] })
+    ] })
+  ] }) });
 }
 
 // src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo7, useState as useState15 } from "react";
+import { useMemo as useMemo7, useState as useState14 } from "react";
 import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
   Input as Input10,
@@ -4823,7 +4712,7 @@ import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "l
 import { format as format3 } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
 import { toast as toast11 } from "sonner";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function formatDate2(dateStr) {
   if (!dateStr) return "Sem expira\xE7\xE3o";
   return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
@@ -4843,17 +4732,17 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
     {
       accessorKey: "label",
       header: "Label",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "font-medium", children: row.original.label || "\u2014" })
+      cell: ({ row }) => /* @__PURE__ */ jsx22("span", { className: "font-medium", children: row.original.label || "\u2014" })
     },
     {
       accessorKey: "id_tool",
       header: "Ferramenta",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
+      cell: ({ row }) => /* @__PURE__ */ jsx22("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
     },
     {
       accessorKey: "status",
       header: "Status",
-      cell: ({ row }) => /* @__PURE__ */ jsx24(
+      cell: ({ row }) => /* @__PURE__ */ jsx22(
         Badge9,
         {
           variant: row.original.status === "active" ? "default" : "destructive",
@@ -4864,21 +4753,21 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
     {
       accessorKey: "expires_at",
       header: "Expira em",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
+      cell: ({ row }) => /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
     },
     {
       accessorKey: "datetime_add",
       header: "Criado em",
-      cell: ({ row }) => /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.datetime_add) })
+      cell: ({ row }) => /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.datetime_add) })
     },
     {
       id: "actions",
       header: "A\xE7\xF5es",
       size: 100,
       enableSorting: false,
-      cell: ({ row }) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1", children: [
-        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
+      cell: ({ row }) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
+        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs20(Tooltip4, { children: [
+          /* @__PURE__ */ jsx22(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx22(
             Button14,
             {
               variant: "ghost",
@@ -4886,13 +4775,13 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               className: "h-8 w-8",
               "aria-label": "Vincular",
               disabled: true,
-              children: /* @__PURE__ */ jsx24(Link, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx22(Link, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Em breve" })
+          /* @__PURE__ */ jsx22(TooltipContent4, { children: "Em breve" })
         ] }),
-        /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs20(Tooltip4, { children: [
+          /* @__PURE__ */ jsx22(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx22(
             Button14,
             {
               variant: "ghost",
@@ -4900,13 +4789,13 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               className: "h-8 w-8",
               "aria-label": "Editar",
               onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx24(Pencil4, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx22(Pencil4, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Editar" })
+          /* @__PURE__ */ jsx22(TooltipContent4, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs22(Tooltip4, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs20(Tooltip4, { children: [
+          /* @__PURE__ */ jsx22(TooltipTrigger4, { asChild: true, children: /* @__PURE__ */ jsx22(
             Button14,
             {
               variant: "ghost",
@@ -4914,10 +4803,10 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               className: "h-8 w-8 text-destructive hover:text-destructive",
               "aria-label": "Excluir",
               onClick: () => onRemove(row.original),
-              children: /* @__PURE__ */ jsx24(Trash25, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx22(Trash25, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx24(TooltipContent4, { children: "Remover" })
+          /* @__PURE__ */ jsx22(TooltipContent4, { children: "Remover" })
         ] })
       ] })
     }
@@ -4936,25 +4825,25 @@ function ToolCredentialsForm({
   const deleteMutation = useDeleteToolCredential(config);
   const { data: toolsData } = useTools(config);
   const tools = (toolsData?.data || []).filter((t) => !t.slug?.startsWith("gclinic_"));
-  const [search, setSearch] = useState15("");
-  const [internalCreateOpen, setInternalCreateOpen] = useState15(false);
+  const [search, setSearch] = useState14("");
+  const [internalCreateOpen, setInternalCreateOpen] = useState14(false);
   const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
   const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
-  const [createForm, setCreateForm] = useState15({
+  const [createForm, setCreateForm] = useState14({
     id_tool: "",
     label: "",
     credentials_encrypted: "",
     expires_at: ""
   });
-  const [editTarget, setEditTarget] = useState15(null);
-  const [editForm, setEditForm] = useState15({
+  const [editTarget, setEditTarget] = useState14(null);
+  const [editForm, setEditForm] = useState14({
     id_tool: "",
     label: "",
     credentials_encrypted: "",
     expires_at: "",
     status: ""
   });
-  const [removeTarget, setRemoveTarget] = useState15(null);
+  const [removeTarget, setRemoveTarget] = useState14(null);
   const internalToolIds = useMemo7(() => {
     const allRawTools = toolsData?.data || [];
     return new Set(
@@ -5069,10 +4958,10 @@ function ToolCredentialsForm({
     const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
     window.open(url, "_blank");
   }
-  return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs22("div", { className: "relative flex-1 max-w-md", children: [
-      /* @__PURE__ */ jsx24(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx22("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs20("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx22(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx22(
         Input10,
         {
           placeholder: "Buscar credenciais\\u2026",
@@ -5085,7 +4974,7 @@ function ToolCredentialsForm({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx22(
       DataTable3,
       {
         columns,
@@ -5094,26 +4983,26 @@ function ToolCredentialsForm({
         emptyMessage: "Nenhuma credencial encontrada"
       }
     ),
-    /* @__PURE__ */ jsx24(Dialog7, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs22(DialogContent7, { children: [
-      /* @__PURE__ */ jsx24(DialogHeader7, { children: /* @__PURE__ */ jsx24(DialogTitle7, { children: "Nova Credencial" }) }),
-      /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-          /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsx22(Dialog7, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs20(DialogContent7, { children: [
+      /* @__PURE__ */ jsx22(DialogHeader7, { children: /* @__PURE__ */ jsx22(DialogTitle7, { children: "Nova Credencial" }) }),
+      /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx22("label", { htmlFor: "cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+          /* @__PURE__ */ jsxs20(
             Select4,
             {
               value: createForm.id_tool,
               onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
               children: [
-                /* @__PURE__ */ jsx24(SelectTrigger4, { id: "cred-tool", children: /* @__PURE__ */ jsx24(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
-                /* @__PURE__ */ jsx24(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx24(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
+                /* @__PURE__ */ jsx22(SelectTrigger4, { id: "cred-tool", children: /* @__PURE__ */ jsx22(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx22(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx22(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx22("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx22(
             Input10,
             {
               id: "cred-label",
@@ -5124,9 +5013,9 @@ function ToolCredentialsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx22("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx22(
             Input10,
             {
               id: "cred-credential",
@@ -5142,9 +5031,9 @@ function ToolCredentialsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx24("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
-          /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx22("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx22(
             Input10,
             {
               id: "cred-expires",
@@ -5156,8 +5045,8 @@ function ToolCredentialsForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs22(DialogFooter7, { children: [
-        /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsxs20(DialogFooter7, { children: [
+        /* @__PURE__ */ jsx22(
           Button14,
           {
             variant: "outline",
@@ -5165,7 +5054,7 @@ function ToolCredentialsForm({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx22(
           Button14,
           {
             onClick: handleCreate,
@@ -5175,31 +5064,31 @@ function ToolCredentialsForm({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx22(
       Dialog7,
       {
         open: !!editTarget,
         onOpenChange: (open) => !open && setEditTarget(null),
-        children: /* @__PURE__ */ jsxs22(DialogContent7, { children: [
-          /* @__PURE__ */ jsx24(DialogHeader7, { children: /* @__PURE__ */ jsx24(DialogTitle7, { children: "Editar Credencial" }) }),
-          /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
-              /* @__PURE__ */ jsxs22(
+        children: /* @__PURE__ */ jsxs20(DialogContent7, { children: [
+          /* @__PURE__ */ jsx22(DialogHeader7, { children: /* @__PURE__ */ jsx22(DialogTitle7, { children: "Editar Credencial" }) }),
+          /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: "edit-cred-tool", className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+              /* @__PURE__ */ jsxs20(
                 Select4,
                 {
                   value: editForm.id_tool,
                   onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
                   children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger4, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx24(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
-                    /* @__PURE__ */ jsx24(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx24(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
+                    /* @__PURE__ */ jsx22(SelectTrigger4, { id: "edit-cred-tool", children: /* @__PURE__ */ jsx22(SelectValue4, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx22(SelectContent4, { children: tools.map((tool) => /* @__PURE__ */ jsx22(SelectItem4, { value: String(tool.id), children: tool.name }, tool.id)) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx22(
                 Input10,
                 {
                   id: "edit-cred-label",
@@ -5210,9 +5099,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx22(
                 Input10,
                 {
                   id: "edit-cred-credential",
@@ -5228,9 +5117,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx22(
                 Input10,
                 {
                   id: "edit-cred-expires",
@@ -5241,9 +5130,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
-              /* @__PURE__ */ jsxs22(
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx22("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsxs20(
                 Select4,
                 {
                   value: editForm.status || void 0,
@@ -5252,19 +5141,19 @@ function ToolCredentialsForm({
                     status: val
                   })),
                   children: [
-                    /* @__PURE__ */ jsx24(SelectTrigger4, { id: "edit-cred-status", children: /* @__PURE__ */ jsx24(SelectValue4, {}) }),
-                    /* @__PURE__ */ jsxs22(SelectContent4, { children: [
-                      /* @__PURE__ */ jsx24(SelectItem4, { value: "active", children: "Ativo" }),
-                      /* @__PURE__ */ jsx24(SelectItem4, { value: "expired", children: "Expirado" })
+                    /* @__PURE__ */ jsx22(SelectTrigger4, { id: "edit-cred-status", children: /* @__PURE__ */ jsx22(SelectValue4, {}) }),
+                    /* @__PURE__ */ jsxs20(SelectContent4, { children: [
+                      /* @__PURE__ */ jsx22(SelectItem4, { value: "active", children: "Ativo" }),
+                      /* @__PURE__ */ jsx22(SelectItem4, { value: "expired", children: "Expirado" })
                     ] })
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs22(DialogFooter7, { children: [
-            /* @__PURE__ */ jsx24(Button14, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
-            /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs20(DialogFooter7, { children: [
+            /* @__PURE__ */ jsx22(Button14, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
+            /* @__PURE__ */ jsx22(
               Button14,
               {
                 onClick: handleSaveEdit,
@@ -5276,19 +5165,19 @@ function ToolCredentialsForm({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx22(
       AlertDialog5,
       {
         open: !!removeTarget,
         onOpenChange: (open) => !open && setRemoveTarget(null),
-        children: /* @__PURE__ */ jsxs22(AlertDialogContent5, { children: [
-          /* @__PURE__ */ jsxs22(AlertDialogHeader5, { children: [
-            /* @__PURE__ */ jsx24(AlertDialogTitle5, { children: "Remover credencial?" }),
-            /* @__PURE__ */ jsx24(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
+        children: /* @__PURE__ */ jsxs20(AlertDialogContent5, { children: [
+          /* @__PURE__ */ jsxs20(AlertDialogHeader5, { children: [
+            /* @__PURE__ */ jsx22(AlertDialogTitle5, { children: "Remover credencial?" }),
+            /* @__PURE__ */ jsx22(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
           ] }),
-          /* @__PURE__ */ jsxs22(AlertDialogFooter5, { children: [
-            /* @__PURE__ */ jsx24(AlertDialogCancel5, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs20(AlertDialogFooter5, { children: [
+            /* @__PURE__ */ jsx22(AlertDialogCancel5, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx22(
               AlertDialogAction5,
               {
                 onClick: handleRemove,
@@ -5303,11 +5192,53 @@ function ToolCredentialsForm({
   ] });
 }
 
+// src/components/capabilities/advanced-tab.tsx
+import { useState as useState15 } from "react";
+import { Info as Info2 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+function AdvancedTab({ config, agentId, gagentsApiUrl }) {
+  const [editingTool, setEditingTool] = useState15(null);
+  const [showToolForm, setShowToolForm] = useState15(false);
+  function handleEditTool(tool) {
+    setEditingTool(tool);
+    setShowToolForm(true);
+  }
+  function handleToolFormOpenChange(open) {
+    setShowToolForm(open);
+    if (!open) setEditingTool(null);
+  }
+  return /* @__PURE__ */ jsxs21("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-900 dark:bg-blue-950/30", children: [
+      /* @__PURE__ */ jsx23(Info2, { className: "mt-0.5 h-4 w-4 shrink-0 text-blue-600 dark:text-blue-400" }),
+      /* @__PURE__ */ jsxs21("p", { className: "text-sm text-blue-800 dark:text-blue-300", children: [
+        "Use as abas ",
+        /* @__PURE__ */ jsx23("strong", { children: "Capacidades" }),
+        " e ",
+        /* @__PURE__ */ jsx23("strong", { children: "Integra\xE7\xF5es" }),
+        " para configura\xE7\xE3o simplificada. Esta aba oferece controlo manual avan\xE7ado sobre ferramentas. As credenciais s\xE3o geridas dentro de cada ferramenta."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs21("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx23("h3", { className: "text-sm font-medium", children: "Ferramentas" }),
+      /* @__PURE__ */ jsx23(ToolsTable, { onEdit: handleEditTool, config })
+    ] }),
+    /* @__PURE__ */ jsx23(
+      ToolFormDialog,
+      {
+        open: showToolForm,
+        onOpenChange: handleToolFormOpenChange,
+        tool: editingTool ?? void 0,
+        config
+      }
+    )
+  ] });
+}
+
 // src/pages/agents-page.tsx
 import { useState as useState16 } from "react";
 import { Button as Button15 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus4 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function AgentsPage({
   config,
   onNavigateToAgent,
@@ -5315,19 +5246,19 @@ function AgentsPage({
   subtitle = "Gerencie seus agentes de atendimento inteligente"
 }) {
   const [createOpen, setCreateOpen] = useState16(false);
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx25("h1", { className: "text-xl font-semibold", children: title }),
-        /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: subtitle })
+  return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx24("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
-      /* @__PURE__ */ jsxs23(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
-        /* @__PURE__ */ jsx25(Plus4, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ jsxs22(Button15, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx24(Plus4, { className: "mr-2 h-4 w-4" }),
         "Novo Agente"
       ] })
     ] }),
-    /* @__PURE__ */ jsx25(AgentsTable, { config, onNavigateToAgent }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(AgentsTable, { config, onNavigateToAgent }),
+    /* @__PURE__ */ jsx24(
       AgentFormDialog,
       {
         config,
@@ -5343,7 +5274,7 @@ import { useState as useState17 } from "react";
 import { Badge as Badge10, Button as Button16, Skeleton as Skeleton7 } from "@greatapps/greatauth-ui/ui";
 import { EntityAvatar as EntityAvatar2 } from "@greatapps/greatauth-ui";
 import { ArrowLeft, Pencil as Pencil5 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function AgentDetailPage({
   config,
   agentId,
@@ -5353,26 +5284,26 @@ function AgentDetailPage({
   const { data: agent, isLoading } = useAgent(config, agentId);
   const [editOpen, setEditOpen] = useState17(false);
   if (isLoading) {
-    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 p-4", children: [
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-4 w-32" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-8 w-48" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-10 w-full" }),
-      /* @__PURE__ */ jsx26(Skeleton7, { className: "h-64 w-full" })
+    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx25(Skeleton7, { className: "h-64 w-full" })
     ] });
   }
   if (!agent) {
-    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
-      /* @__PURE__ */ jsx26("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
-      onBack && /* @__PURE__ */ jsxs24(Button16, { variant: "ghost", size: "sm", onClick: onBack, children: [
-        /* @__PURE__ */ jsx26(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
+      /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
+      onBack && /* @__PURE__ */ jsxs23(Button16, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ jsx25(ArrowLeft, { className: "mr-2 h-4 w-4" }),
         "Voltar para agentes"
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-6 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsx26("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-3 flex-1", children: [
-        onBack && /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-6 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsx25("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-3 flex-1", children: [
+        onBack && /* @__PURE__ */ jsx25(
           Button16,
           {
             variant: "ghost",
@@ -5380,13 +5311,13 @@ function AgentDetailPage({
             "aria-label": "Voltar",
             className: "shrink-0 mt-1",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx26(ArrowLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx25(ArrowLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx26(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
-        /* @__PURE__ */ jsx26("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ jsx26("h1", { className: "text-xl font-semibold", children: agent.title }),
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
+        /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx25("h1", { className: "text-xl font-semibold", children: agent.title }),
+          /* @__PURE__ */ jsx25(
             Badge10,
             {
               variant: agent.active ? "default" : "destructive",
@@ -5396,7 +5327,7 @@ function AgentDetailPage({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsxs23(
         Button16,
         {
           variant: "outline",
@@ -5404,13 +5335,13 @@ function AgentDetailPage({
           className: "shrink-0 self-start",
           onClick: () => setEditOpen(true),
           children: [
-            /* @__PURE__ */ jsx26(Pencil5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx25(Pencil5, { className: "mr-2 h-4 w-4" }),
             "Editar"
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx25(
       AgentTabs,
       {
         agent,
@@ -5418,7 +5349,7 @@ function AgentDetailPage({
         renderChatLink
       }
     ),
-    editOpen && /* @__PURE__ */ jsx26(
+    editOpen && /* @__PURE__ */ jsx25(
       AgentEditForm,
       {
         agent,
@@ -5431,8 +5362,110 @@ function AgentDetailPage({
   ] });
 }
 
+// src/pages/agent-capabilities-page.tsx
+import { useState as useState18, useCallback as useCallback7 } from "react";
+import {
+  Tabs as Tabs2,
+  TabsList as TabsList2,
+  TabsTrigger as TabsTrigger2,
+  TabsContent as TabsContent2
+} from "@greatapps/greatauth-ui/ui";
+import { Blocks as Blocks2, Plug as Plug4, Settings as Settings3 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+function defaultResolveWizardMeta(card) {
+  return {
+    capabilities: [
+      { label: card.definition.name, description: card.definition.description }
+    ],
+    requirements: [],
+    hasConfigStep: false
+  };
+}
+function AgentCapabilitiesPage({
+  config,
+  agentId,
+  gagentsApiUrl,
+  resolveWizardMeta = defaultResolveWizardMeta,
+  loadConfigOptions,
+  onWizardComplete
+}) {
+  const [wizardOpen, setWizardOpen] = useState18(false);
+  const [activeCard, setActiveCard] = useState18(null);
+  const handleConnect = useCallback7(
+    (card) => {
+      setActiveCard(card);
+      setWizardOpen(true);
+    },
+    []
+  );
+  const handleWizardComplete = useCallback7(() => {
+    setWizardOpen(false);
+    setActiveCard(null);
+    onWizardComplete?.();
+  }, [onWizardComplete]);
+  const handleWizardOpenChange = useCallback7((open) => {
+    setWizardOpen(open);
+    if (!open) setActiveCard(null);
+  }, []);
+  const wizardMeta = activeCard ? resolveWizardMeta(activeCard) : null;
+  return /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
+      /* @__PURE__ */ jsx26("h2", { className: "text-lg font-semibold", children: "Capacidades e Integra\xE7\xF5es" }),
+      /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Configure o que este agente pode fazer e quais servi\xE7os externos ele utiliza." })
+    ] }),
+    /* @__PURE__ */ jsxs24(Tabs2, { defaultValue: "capacidades", children: [
+      /* @__PURE__ */ jsxs24(TabsList2, { children: [
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "capacidades", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Blocks2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Capacidades"
+        ] }),
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "integracoes", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Plug4, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Integra\xE7\xF5es"
+        ] }),
+        /* @__PURE__ */ jsxs24(TabsTrigger2, { value: "avancado", className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx26(Settings3, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+          "Avan\xE7ado"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "capacidades", className: "mt-4", children: /* @__PURE__ */ jsx26(CapabilitiesTab, { config, agentId }) }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "integracoes", className: "mt-4", children: /* @__PURE__ */ jsx26(
+        IntegrationsTab,
+        {
+          config,
+          agentId,
+          onConnect: handleConnect
+        }
+      ) }),
+      /* @__PURE__ */ jsx26(TabsContent2, { value: "avancado", className: "mt-4", children: /* @__PURE__ */ jsx26(
+        AdvancedTab,
+        {
+          config,
+          agentId,
+          gagentsApiUrl
+        }
+      ) })
+    ] }),
+    activeCard && wizardMeta && /* @__PURE__ */ jsx26(
+      IntegrationWizard,
+      {
+        open: wizardOpen,
+        onOpenChange: handleWizardOpenChange,
+        integration: activeCard.definition,
+        meta: wizardMeta,
+        agentId,
+        config,
+        onComplete: handleWizardComplete,
+        gagentsApiUrl,
+        existingCredentialId: activeCard.credential?.id,
+        loadConfigOptions
+      }
+    )
+  ] });
+}
+
 // src/pages/tools-page.tsx
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { Button as Button17 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus5 } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -5441,8 +5474,8 @@ function ToolsPage({
   title = "Ferramentas",
   subtitle = "Gerencie as ferramentas dispon\xEDveis para seus agentes"
 }) {
-  const [createOpen, setCreateOpen] = useState18(false);
-  const [editTool, setEditTool] = useState18(void 0);
+  const [createOpen, setCreateOpen] = useState19(false);
+  const [editTool, setEditTool] = useState19(void 0);
   return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs25("div", { children: [
@@ -5476,7 +5509,7 @@ function ToolsPage({
 }
 
 // src/pages/credentials-page.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { Button as Button18 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus6 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -5487,7 +5520,7 @@ function CredentialsPage({
   subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
-  const [createOpen, setCreateOpen] = useState19(false);
+  const [createOpen, setCreateOpen] = useState20(false);
   const credentials = credentialsData?.data || [];
   return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4 p-4 md:p-6", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
@@ -5515,7 +5548,7 @@ function CredentialsPage({
 }
 
 // src/pages/integrations-management-page.tsx
-import { useState as useState20, useMemo as useMemo8 } from "react";
+import { useState as useState21, useMemo as useMemo8 } from "react";
 import {
   Badge as Badge11,
   Button as Button19,
@@ -5524,7 +5557,7 @@ import {
   TabsList as TabsList3,
   TabsTrigger as TabsTrigger3
 } from "@greatapps/greatauth-ui/ui";
-import { Plus as Plus7, Plug as Plug4, KeyRound, Info as Info3 } from "lucide-react";
+import { Plus as Plus7, Plug as Plug5, KeyRound, Info as Info3 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function useCredentialAgentSummary(credentials, tools, agents) {
   return useMemo8(() => {
@@ -5552,7 +5585,7 @@ function IntegrationsManagementPage({
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
   const { data: agentsData } = useAgents(config);
   const { data: toolsData } = useTools(config);
-  const [createOpen, setCreateOpen] = useState20(false);
+  const [createOpen, setCreateOpen] = useState21(false);
   const credentials = credentialsData?.data || [];
   const agents = agentsData?.data || [];
   const tools = toolsData?.data || [];
@@ -5565,7 +5598,7 @@ function IntegrationsManagementPage({
     /* @__PURE__ */ jsxs27(Tabs3, { defaultValue: "integrations", className: "w-full", children: [
       /* @__PURE__ */ jsxs27(TabsList3, { children: [
         /* @__PURE__ */ jsxs27(TabsTrigger3, { value: "integrations", className: "gap-2", children: [
-          /* @__PURE__ */ jsx29(Plug4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx29(Plug5, { className: "h-4 w-4" }),
           "Integra\xE7\xF5es"
         ] }),
         /* @__PURE__ */ jsxs27(TabsTrigger3, { value: "credentials", className: "gap-2", children: [