@greatapps/greatagents-ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -443,7 +443,3161 @@ function useGagentsContacts(config, params) {
     select: (res) => ({ data: res.data || [], total: res.total || 0 })
   });
 }
+
+// src/components/agents/agents-table.tsx
+import { useMemo as useMemo2, useState } from "react";
+import { DataTable } from "@greatapps/greatauth-ui";
+import {
+  Input,
+  Badge,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  Button
+} from "@greatapps/greatauth-ui/ui";
+import { Pencil, Trash2, Search } from "lucide-react";
+import { EntityAvatar } from "@greatapps/greatauth-ui";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { toast } from "sonner";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useColumns(onEdit, onDelete) {
+  return [
+    {
+      accessorKey: "title",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(EntityAvatar, { photo: row.original.photo, name: row.original.title, size: "sm" }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: row.original.title })
+      ] }),
+      sortingFn: (rowA, rowB) => rowA.original.title.toLowerCase().localeCompare(rowB.original.title.toLowerCase())
+    },
+    {
+      accessorKey: "active",
+      header: "Status",
+      cell: ({ row }) => row.original.active ? /* @__PURE__ */ jsx(Badge, { variant: "default", children: "Ativo" }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Inativo" })
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: format(new Date(row.original.datetime_add), "dd/MM/yyyy", {
+        locale: ptBR
+      }) })
+    },
+    {
+      id: "actions",
+      size: 80,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              onClick: () => onDelete(row.original.id),
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function AgentsTable({ config, onNavigateToAgent }) {
+  const [search, setSearch] = useState("");
+  const [page, setPage] = useState(1);
+  const queryParams = useMemo2(() => {
+    const params = {
+      limit: "15",
+      page: String(page)
+    };
+    if (search) {
+      params.search = search;
+    }
+    return params;
+  }, [search, page]);
+  const { data, isLoading } = useAgents(config, queryParams);
+  const deleteAgent = useDeleteAgent(config);
+  const [deleteId, setDeleteId] = useState(null);
+  const agents = data?.data || [];
+  const total = data?.total || 0;
+  const columns = useColumns(
+    (agent) => onNavigateToAgent?.(agent.id),
+    (id) => setDeleteId(id)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteAgent.mutate(deleteId, {
+      onSuccess: () => {
+        toast.success("Agente exclu\xEDdo");
+        setDeleteId(null);
+      },
+      onError: () => toast.error("Erro ao excluir agente")
+    });
+  }
+  function handleSearchChange(value) {
+    setSearch(value);
+    setPage(1);
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Buscar agentes...",
+          value: search,
+          onChange: (e) => handleSearchChange(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns,
+        data: agents,
+        isLoading,
+        emptyMessage: "Nenhum agente encontrado",
+        total,
+        page,
+        onPageChange: setPage,
+        pageSize: 15
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: !!deleteId,
+        onOpenChange: (open) => !open && setDeleteId(null),
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Excluir agente?" }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O agente ser\xE1 removido permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { variant: "outline", size: "default", children: "Cancelar" }),
+            /* @__PURE__ */ jsx(
+              AlertDialogAction,
+              {
+                variant: "default",
+                size: "default",
+                onClick: handleDelete,
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                children: "Excluir"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/agents/agent-form-dialog.tsx
+import { useEffect, useState as useState2 } from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+  Button as Button2,
+  Input as Input2,
+  Textarea,
+  Label
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 } from "lucide-react";
+import { toast as toast2 } from "sonner";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AgentFormDialog({
+  config,
+  open,
+  onOpenChange,
+  agent
+}) {
+  const isEditing = !!agent;
+  const createAgent = useCreateAgent(config);
+  const updateAgent = useUpdateAgent(config);
+  const [title, setTitle] = useState2("");
+  const [prompt, setPrompt] = useState2("");
+  const [photo, setPhoto] = useState2("");
+  const [delayTyping, setDelayTyping] = useState2("");
+  const [waitingTime, setWaitingTime] = useState2("");
+  useEffect(() => {
+    if (agent) {
+      setTitle(agent.title);
+      setPrompt(agent.prompt || "");
+      setPhoto(agent.photo || "");
+      setDelayTyping(agent.delay_typing != null ? String(agent.delay_typing) : "");
+      setWaitingTime(agent.waiting_time != null ? String(agent.waiting_time) : "");
+    } else {
+      setTitle("");
+      setPrompt("");
+      setPhoto("");
+      setDelayTyping("");
+      setWaitingTime("");
+    }
+  }, [agent, open]);
+  const isPending = createAgent.isPending || updateAgent.isPending;
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!title.trim()) return;
+    const body = {
+      title: title.trim()
+    };
+    if (prompt.trim()) body.prompt = prompt.trim();
+    if (photo.trim()) body.photo = photo.trim();
+    if (delayTyping.trim()) body.delay_typing = Number(delayTyping);
+    if (waitingTime.trim()) body.waiting_time = Number(waitingTime);
+    try {
+      if (isEditing) {
+        await updateAgent.mutateAsync({ id: agent.id, body });
+        toast2.success("Agente atualizado");
+      } else {
+        await createAgent.mutateAsync(
+          body
+        );
+        toast2.success("Agente criado");
+      }
+      onOpenChange(false);
+    } catch {
+      toast2.error(isEditing ? "Erro ao atualizar agente" : "Erro ao criar agente");
+    }
+  }
+  return /* @__PURE__ */ jsx2(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(DialogContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx2(DialogHeader, { children: /* @__PURE__ */ jsx2(DialogTitle, { children: isEditing ? "Editar Agente" : "Novo Agente" }) }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2(Label, { htmlFor: "agent-photo", children: "Foto (URL)" }),
+        /* @__PURE__ */ jsx2(
+          Input2,
+          {
+            id: "agent-photo",
+            value: photo,
+            onChange: (e) => setPhoto(e.target.value),
+            placeholder: "https://exemplo.com/foto.jpg",
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2(Label, { htmlFor: "agent-title", children: "Nome do Agente *" }),
+        /* @__PURE__ */ jsx2(
+          Input2,
+          {
+            id: "agent-title",
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            placeholder: "Ex: Assistente de Agendamento",
+            required: true,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2(Label, { htmlFor: "agent-prompt", children: "Prompt do Sistema" }),
+        /* @__PURE__ */ jsx2(
+          Textarea,
+          {
+            id: "agent-prompt",
+            value: prompt,
+            onChange: (e) => setPrompt(e.target.value),
+            placeholder: "Instru\xE7\xF5es para o agente AI...",
+            rows: 6,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx2(Label, { htmlFor: "agent-delay", children: "Delay de Digita\xE7\xE3o (ms)" }),
+          /* @__PURE__ */ jsx2(
+            Input2,
+            {
+              id: "agent-delay",
+              type: "number",
+              value: delayTyping,
+              onChange: (e) => setDelayTyping(e.target.value),
+              placeholder: "0",
+              min: "0",
+              disabled: isPending
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx2(Label, { htmlFor: "agent-waiting", children: "Tempo de Espera (ms)" }),
+          /* @__PURE__ */ jsx2(
+            Input2,
+            {
+              id: "agent-waiting",
+              type: "number",
+              value: waitingTime,
+              onChange: (e) => setWaitingTime(e.target.value),
+              placeholder: "0",
+              min: "0",
+              disabled: isPending
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(DialogFooter, { children: [
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs2(Button2, { type: "submit", disabled: isPending || !title.trim(), children: [
+          isPending ? /* @__PURE__ */ jsx2(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isEditing ? "Salvar" : "Criar"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/agents/agent-edit-form.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import {
+  Button as Button3,
+  Input as Input3,
+  Label as Label2,
+  Switch,
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogHeader as DialogHeader2,
+  DialogTitle as DialogTitle2,
+  DialogFooter as DialogFooter2
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader22 } from "lucide-react";
+import { toast as toast3 } from "sonner";
+import { ImageCropUpload } from "@greatapps/greatauth-ui";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function msToSeconds(ms) {
+  if (ms == null || ms === 0) return "";
+  return String(Math.round(ms / 1e3));
+}
+function secondsToMs(seconds) {
+  const val = parseFloat(seconds);
+  if (isNaN(val) || val <= 0) return void 0;
+  return Math.round(val * 1e3);
+}
+function agentToFormState(agent) {
+  return {
+    title: agent.title,
+    photo: agent.photo || "",
+    active: agent.active,
+    delayTyping: msToSeconds(agent.delay_typing),
+    waitingTime: msToSeconds(agent.waiting_time),
+    titleError: false
+  };
+}
+function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
+  const updateAgent = useUpdateAgent(config);
+  const [form, setForm] = useState3(() => agentToFormState(agent));
+  useEffect2(() => {
+    setForm(agentToFormState(agent));
+  }, [agent]);
+  function updateField(key, value) {
+    setForm((prev) => ({ ...prev, [key]: value }));
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!form.title.trim()) {
+      updateField("titleError", true);
+      return;
+    }
+    const body = {
+      title: form.title.trim(),
+      active: form.active
+    };
+    if (form.photo.trim()) body.photo = form.photo.trim();
+    else body.photo = "";
+    const delayMs = secondsToMs(form.delayTyping);
+    if (delayMs !== void 0) body.delay_typing = delayMs;
+    else body.delay_typing = 0;
+    const waitingMs = secondsToMs(form.waitingTime);
+    if (waitingMs !== void 0) body.waiting_time = waitingMs;
+    else body.waiting_time = 0;
+    try {
+      await updateAgent.mutateAsync({ id: agent.id, body });
+      toast3.success("Agente atualizado");
+      onOpenChange?.(false);
+    } catch {
+      toast3.error("Erro ao atualizar agente");
+    }
+  }
+  const formContent = /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx3(
+      ImageCropUpload,
+      {
+        value: form.photo || null,
+        onChange: (url) => updateField("photo", url),
+        onRemove: () => updateField("photo", ""),
+        entityType: "agents",
+        entityId: agent.id,
+        idAccount: typeof idAccount === "string" ? Number(idAccount) : idAccount ?? 0,
+        name: form.title || null,
+        disabled: updateAgent.isPending
+      }
+    ) }),
+    /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx3(Label2, { htmlFor: "edit-title", children: "Nome do Agente *" }),
+      /* @__PURE__ */ jsx3(
+        Input3,
+        {
+          id: "edit-title",
+          value: form.title,
+          onChange: (e) => {
+            setForm((prev) => ({
+              ...prev,
+              title: e.target.value,
+              titleError: e.target.value.trim() ? false : prev.titleError
+            }));
+          },
+          placeholder: "Ex: Assistente de Agendamento",
+          disabled: updateAgent.isPending
+        }
+      ),
+      form.titleError && /* @__PURE__ */ jsx3("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx3(
+        Switch,
+        {
+          id: "edit-active",
+          checked: form.active,
+          onCheckedChange: (checked) => updateField("active", checked),
+          disabled: updateAgent.isPending
+        }
+      ),
+      /* @__PURE__ */ jsx3(Label2, { htmlFor: "edit-active", className: "cursor-pointer", children: form.active ? "Ativo" : "Inativo" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(Label2, { htmlFor: "edit-delay", children: "Delay de Digita\xE7\xE3o (s)" }),
+        /* @__PURE__ */ jsx3(
+          Input3,
+          {
+            id: "edit-delay",
+            type: "number",
+            value: form.delayTyping,
+            onChange: (e) => updateField("delayTyping", e.target.value),
+            placeholder: "0",
+            min: "0",
+            step: "0.5",
+            disabled: updateAgent.isPending
+          }
+        ),
+        /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Tempo de simula\xE7\xE3o de digita\xE7\xE3o" })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx3(Label2, { htmlFor: "edit-waiting", children: "Tempo de Espera (s)" }),
+        /* @__PURE__ */ jsx3(
+          Input3,
+          {
+            id: "edit-waiting",
+            type: "number",
+            value: form.waitingTime,
+            onChange: (e) => updateField("waitingTime", e.target.value),
+            placeholder: "0",
+            min: "0",
+            step: "0.5",
+            disabled: updateAgent.isPending
+          }
+        ),
+        /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Espera por mensagens agrupadas" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogFooter2, { children: [
+      /* @__PURE__ */ jsx3(
+        Button3,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => onOpenChange?.(false),
+          disabled: updateAgent.isPending,
+          children: "Cancelar"
+        }
+      ),
+      /* @__PURE__ */ jsxs3(Button3, { type: "submit", disabled: updateAgent.isPending, children: [
+        updateAgent.isPending && /* @__PURE__ */ jsx3(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+        "Salvar"
+      ] })
+    ] })
+  ] });
+  if (open !== void 0 && onOpenChange) {
+    return /* @__PURE__ */ jsx3(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent2, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsx3(DialogHeader2, { children: /* @__PURE__ */ jsx3(DialogTitle2, { children: "Editar Agente" }) }),
+      formContent
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx3("div", { className: "max-w-lg pt-4", children: formContent });
+}
+
+// src/components/agents/agent-tools-list.tsx
+import { useState as useState4 } from "react";
+import {
+  Switch as Switch2,
+  Badge as Badge2,
+  Button as Button4,
+  Skeleton,
+  AlertDialog as AlertDialog2,
+  AlertDialogAction as AlertDialogAction2,
+  AlertDialogCancel as AlertDialogCancel2,
+  AlertDialogContent as AlertDialogContent2,
+  AlertDialogDescription as AlertDialogDescription2,
+  AlertDialogFooter as AlertDialogFooter2,
+  AlertDialogHeader as AlertDialogHeader2,
+  AlertDialogTitle as AlertDialogTitle2,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Input as Input4,
+  Textarea as Textarea2,
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogHeader as DialogHeader3,
+  DialogTitle as DialogTitle3,
+  DialogFooter as DialogFooter3,
+  Label as Label3,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@greatapps/greatauth-ui/ui";
+import {
+  Trash2 as Trash22,
+  Plus,
+  Wrench,
+  Settings2
+} from "lucide-react";
+import { toast as toast4 } from "sonner";
+import { jsx as jsx4, jsxs as jsxs4 } 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] = useState4(null);
+  const [addOpen, setAddOpen] = useState4(false);
+  const [search, setSearch] = useState4("");
+  const [configTarget, setConfigTarget] = useState4(null);
+  const [configInstructions, setConfigInstructions] = useState4("");
+  const [configCredentialId, setConfigCredentialId] = useState4("");
+  const { data: credentialsData } = useToolCredentials(config);
+  const allCredentials = credentialsData?.data || [];
+  const agentTools = agentToolsData?.data || [];
+  const allTools = allToolsData?.data || [];
+  const assignedToolIds = new Set(agentTools.map((at) => at.id_tool));
+  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 }
+      });
+      toast4.success(checked ? "Ferramenta ativada" : "Ferramenta desativada");
+    } catch (err) {
+      toast4.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 }
+      });
+      toast4.success("Ferramenta adicionada");
+      setAddOpen(false);
+      setSearch("");
+    } catch (err) {
+      toast4.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
+      });
+      toast4.success("Ferramenta removida");
+    } catch (err) {
+      toast4.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
+        }
+      });
+      toast4.success("Configura\xE7\xE3o atualizada");
+      setConfigTarget(null);
+    } catch (err) {
+      toast4.error(
+        err instanceof Error ? err.message : "Erro ao atualizar configura\xE7\xE3o"
+      );
+    }
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx4("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx4(Skeleton, { className: "h-14 w-full" }, i)) });
+  }
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs4("h3", { className: "text-sm font-medium text-muted-foreground", children: [
+        agentTools.length,
+        " ferramenta",
+        agentTools.length !== 1 ? "s" : "",
+        " associada",
+        agentTools.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs4(Popover, { open: addOpen, onOpenChange: setAddOpen, children: [
+        /* @__PURE__ */ jsx4(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(Button4, { size: "sm", disabled: availableTools.length === 0, children: [
+          /* @__PURE__ */ jsx4(Plus, { className: "mr-2 h-4 w-4" }),
+          "Adicionar Ferramenta"
+        ] }) }),
+        /* @__PURE__ */ jsxs4(PopoverContent, { className: "w-72 p-0", align: "end", children: [
+          /* @__PURE__ */ jsx4("div", { className: "p-2", children: /* @__PURE__ */ jsx4(
+            Input4,
+            {
+              placeholder: "Buscar ferramenta...",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              className: "h-8"
+            }
+          ) }),
+          /* @__PURE__ */ jsx4("div", { className: "max-h-48 overflow-y-auto", children: filteredAvailable.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "p-3 text-center text-sm text-muted-foreground", children: "Nenhuma ferramenta dispon\xEDvel" }) : filteredAvailable.map((tool) => /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-accent",
+              onClick: () => handleAdd(tool),
+              disabled: addMutation.isPending,
+              children: [
+                /* @__PURE__ */ jsx4(Wrench, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium", children: tool.name }),
+                /* @__PURE__ */ jsx4(Badge2, { variant: "secondary", className: "text-xs", children: tool.type })
+              ]
+            },
+            tool.id
+          )) })
+        ] })
+      ] })
+    ] }),
+    agentTools.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+      /* @__PURE__ */ jsx4(Wrench, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "Nenhuma ferramenta associada. Clique em 'Adicionar Ferramenta' para come\xE7ar." })
+    ] }) : /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: agentTools.map((agentTool) => {
+      const tool = getToolInfo(agentTool.id_tool);
+      return /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          className: "flex items-center gap-3 rounded-lg border bg-card p-3",
+          children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx4("span", { className: "truncate font-medium", children: tool?.name || `Ferramenta #${agentTool.id_tool}` }),
+                tool?.type && /* @__PURE__ */ jsx4(Badge2, { variant: "secondary", className: "shrink-0 text-xs", children: tool.type })
+              ] }),
+              agentTool.custom_instructions && /* @__PURE__ */ jsx4("p", { className: "truncate text-xs text-muted-foreground", children: agentTool.custom_instructions })
+            ] }),
+            /* @__PURE__ */ jsx4(
+              Switch2,
+              {
+                checked: agentTool.enabled,
+                onCheckedChange: (checked) => handleToggleEnabled(agentTool, checked),
+                disabled: updateMutation.isPending
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "shrink-0 text-muted-foreground hover:text-foreground",
+                onClick: () => openConfig(agentTool),
+                title: "Configurar instru\xE7\xF5es",
+                children: /* @__PURE__ */ jsx4(Settings2, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "shrink-0 text-muted-foreground hover:text-destructive",
+                onClick: () => setRemoveTarget(agentTool),
+                children: /* @__PURE__ */ jsx4(Trash22, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        agentTool.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx4(
+      Dialog3,
+      {
+        open: !!configTarget,
+        onOpenChange: (open) => !open && setConfigTarget(null),
+        children: /* @__PURE__ */ jsxs4(DialogContent3, { className: "sm:max-w-lg", children: [
+          /* @__PURE__ */ jsx4(DialogHeader3, { children: /* @__PURE__ */ jsx4(DialogTitle3, { children: "Instru\xE7\xF5es da Ferramenta" }) }),
+          /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
+            configTarget && getToolInfo(configTarget.id_tool)?.type !== "none" && /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx4(Label3, { children: "Credencial" }),
+              /* @__PURE__ */ jsxs4(
+                Select,
+                {
+                  value: configCredentialId || void 0,
+                  onValueChange: (val) => setConfigCredentialId(val === "__none__" ? "" : val),
+                  children: [
+                    /* @__PURE__ */ jsx4(SelectTrigger, { children: /* @__PURE__ */ jsx4(SelectValue, { placeholder: "Selecione uma credencial (opcional)" }) }),
+                    /* @__PURE__ */ jsxs4(SelectContent, { children: [
+                      /* @__PURE__ */ jsx4(SelectItem, { value: "__none__", children: "Nenhuma (autom\xE1tico)" }),
+                      allCredentials.filter((c) => configTarget && c.id_tool === configTarget.id_tool && c.status === "active").map((c) => /* @__PURE__ */ jsx4(SelectItem, { value: String(c.id), children: c.label || `Credencial #${c.id}` }, c.id))
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "Vincule uma credencial espec\xEDfica a esta ferramenta neste agente." })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx4(Label3, { children: "Instru\xE7\xF5es Personalizadas" }),
+              /* @__PURE__ */ jsx4(
+                Textarea2,
+                {
+                  value: configInstructions,
+                  onChange: (e) => setConfigInstructions(e.target.value),
+                  placeholder: "Instru\xE7\xF5es sobre como e quando o agente deve usar esta ferramenta...",
+                  rows: 6
+                }
+              ),
+              /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "Este texto \xE9 adicionado ao prompt do agente para orientar o uso da ferramenta." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4(DialogFooter3, { children: [
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                variant: "outline",
+                onClick: () => setConfigTarget(null),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Button4,
+              {
+                onClick: handleSaveConfig,
+                disabled: updateMutation.isPending,
+                children: "Salvar"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      AlertDialog2,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs4(AlertDialogContent2, { children: [
+          /* @__PURE__ */ jsxs4(AlertDialogHeader2, { children: [
+            /* @__PURE__ */ jsx4(AlertDialogTitle2, { children: "Remover ferramenta?" }),
+            /* @__PURE__ */ jsx4(AlertDialogDescription2, { children: "A ferramenta ser\xE1 desassociada deste agente." })
+          ] }),
+          /* @__PURE__ */ jsxs4(AlertDialogFooter2, { children: [
+            /* @__PURE__ */ jsx4(AlertDialogCancel2, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx4(
+              AlertDialogAction2,
+              {
+                onClick: handleRemove,
+                disabled: removeMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/agents/agent-objectives-list.tsx
+import { useState as useState6 } from "react";
+import {
+  Input as Input5,
+  Button as Button5,
+  Switch as Switch3,
+  Skeleton as Skeleton2,
+  Textarea as Textarea3,
+  Label as Label4,
+  Badge as Badge3,
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogHeader as DialogHeader4,
+  DialogTitle as DialogTitle4,
+  DialogFooter as DialogFooter4,
+  AlertDialog as AlertDialog3,
+  AlertDialogAction as AlertDialogAction3,
+  AlertDialogCancel as AlertDialogCancel3,
+  AlertDialogContent as AlertDialogContent3,
+  AlertDialogDescription as AlertDialogDescription3,
+  AlertDialogFooter as AlertDialogFooter3,
+  AlertDialogHeader as AlertDialogHeader3,
+  AlertDialogTitle as AlertDialogTitle3
+} from "@greatapps/greatauth-ui/ui";
+
+// src/components/ui/sortable.tsx
+import {
+  closestCenter,
+  closestCorners,
+  DndContext,
+  DragOverlay,
+  defaultDropAnimationSideEffects,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  restrictToHorizontalAxis,
+  restrictToParentElement,
+  restrictToVerticalAxis
+} from "@dnd-kit/modifiers";
+import {
+  arrayMove,
+  horizontalListSortingStrategy,
+  SortableContext,
+  sortableKeyboardCoordinates,
+  useSortable,
+  verticalListSortingStrategy
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Slot as SlotPrimitive } from "radix-ui";
+import * as React2 from "react";
+import * as ReactDOM from "react-dom";
+
+// src/lib/compose-refs.ts
+import * as React from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React.useCallback(composeRefs(...refs), refs);
+}
+
+// src/components/ui/sortable.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var orientationConfig = {
+  vertical: {
+    modifiers: [restrictToVerticalAxis, restrictToParentElement],
+    strategy: verticalListSortingStrategy,
+    collisionDetection: closestCenter
+  },
+  horizontal: {
+    modifiers: [restrictToHorizontalAxis, restrictToParentElement],
+    strategy: horizontalListSortingStrategy,
+    collisionDetection: closestCenter
+  },
+  mixed: {
+    modifiers: [restrictToParentElement],
+    strategy: void 0,
+    collisionDetection: closestCorners
+  }
+};
+var ROOT_NAME = "Sortable";
+var CONTENT_NAME = "SortableContent";
+var ITEM_NAME = "SortableItem";
+var ITEM_HANDLE_NAME = "SortableItemHandle";
+var OVERLAY_NAME = "SortableOverlay";
+var SortableRootContext = React2.createContext(null);
+function useSortableContext(consumerName) {
+  const context = React2.useContext(SortableRootContext);
+  if (!context) {
+    throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
+  }
+  return context;
+}
+function Sortable(props) {
+  const {
+    value,
+    onValueChange,
+    collisionDetection,
+    modifiers,
+    strategy,
+    onMove,
+    orientation = "vertical",
+    flatCursor = false,
+    getItemValue: getItemValueProp,
+    accessibility,
+    ...sortableProps
+  } = props;
+  const id = React2.useId();
+  const [activeId, setActiveId] = React2.useState(null);
+  const sensors = useSensors(
+    useSensor(MouseSensor),
+    useSensor(TouchSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const config = React2.useMemo(
+    () => orientationConfig[orientation],
+    [orientation]
+  );
+  const getItemValue = React2.useCallback(
+    (item) => {
+      if (typeof item === "object" && !getItemValueProp) {
+        throw new Error(
+          "`getItemValue` is required when using array of objects"
+        );
+      }
+      return getItemValueProp ? getItemValueProp(item) : item;
+    },
+    [getItemValueProp]
+  );
+  const items = React2.useMemo(() => {
+    return value.map((item) => getItemValue(item));
+  }, [value, getItemValue]);
+  const onDragStart = React2.useCallback(
+    (event) => {
+      sortableProps.onDragStart?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      setActiveId(event.active.id);
+    },
+    [sortableProps.onDragStart]
+  );
+  const onDragEnd = React2.useCallback(
+    (event) => {
+      sortableProps.onDragEnd?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      const { active, over } = event;
+      if (over && active.id !== over?.id) {
+        const activeIndex = value.findIndex(
+          (item) => getItemValue(item) === active.id
+        );
+        const overIndex = value.findIndex(
+          (item) => getItemValue(item) === over.id
+        );
+        if (onMove) {
+          onMove({ ...event, activeIndex, overIndex });
+        } else {
+          onValueChange?.(arrayMove(value, activeIndex, overIndex));
+        }
+      }
+      setActiveId(null);
+    },
+    [value, onValueChange, onMove, getItemValue, sortableProps.onDragEnd]
+  );
+  const onDragCancel = React2.useCallback(
+    (event) => {
+      sortableProps.onDragCancel?.(event);
+      if (event.activatorEvent.defaultPrevented) return;
+      setActiveId(null);
+    },
+    [sortableProps.onDragCancel]
+  );
+  const announcements = React2.useMemo(
+    () => ({
+      onDragStart({ active }) {
+        const activeValue = active.id.toString();
+        return `Grabbed sortable item "${activeValue}". Current position is ${active.data.current?.sortable.index + 1} of ${value.length}. Use arrow keys to move, space to drop.`;
+      },
+      onDragOver({ active, over }) {
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          const activeIndex = active.data.current?.sortable.index ?? 0;
+          const moveDirection = overIndex > activeIndex ? "down" : "up";
+          const activeValue = active.id.toString();
+          return `Sortable item "${activeValue}" moved ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
+        }
+        return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+      },
+      onDragEnd({ active, over }) {
+        const activeValue = active.id.toString();
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          return `Sortable item "${activeValue}" dropped at position ${overIndex + 1} of ${value.length}.`;
+        }
+        return `Sortable item "${activeValue}" dropped. No changes were made.`;
+      },
+      onDragCancel({ active }) {
+        const activeIndex = active.data.current?.sortable.index ?? 0;
+        const activeValue = active.id.toString();
+        return `Sorting cancelled. Sortable item "${activeValue}" returned to position ${activeIndex + 1} of ${value.length}.`;
+      },
+      onDragMove({ active, over }) {
+        if (over) {
+          const overIndex = over.data.current?.sortable.index ?? 0;
+          const activeIndex = active.data.current?.sortable.index ?? 0;
+          const moveDirection = overIndex > activeIndex ? "down" : "up";
+          const activeValue = active.id.toString();
+          return `Sortable item "${activeValue}" is moving ${moveDirection} to position ${overIndex + 1} of ${value.length}.`;
+        }
+        return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+      }
+    }),
+    [value]
+  );
+  const screenReaderInstructions = React2.useMemo(
+    () => ({
+      draggable: `
+        To pick up a sortable item, press space or enter.
+        While dragging, use the ${orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow"} keys to move the item.
+        Press space or enter again to drop the item in its new position, or press escape to cancel.
+      `
+    }),
+    [orientation]
+  );
+  const contextValue = React2.useMemo(
+    () => ({
+      id,
+      items,
+      modifiers: modifiers ?? config.modifiers,
+      strategy: strategy ?? config.strategy,
+      activeId,
+      setActiveId,
+      getItemValue,
+      flatCursor
+    }),
+    [
+      id,
+      items,
+      modifiers,
+      strategy,
+      config.modifiers,
+      config.strategy,
+      activeId,
+      getItemValue,
+      flatCursor
+    ]
+  );
+  return /* @__PURE__ */ jsx5(
+    SortableRootContext.Provider,
+    {
+      value: contextValue,
+      children: /* @__PURE__ */ jsx5(
+        DndContext,
+        {
+          collisionDetection: collisionDetection ?? config.collisionDetection,
+          modifiers: modifiers ?? config.modifiers,
+          sensors,
+          ...sortableProps,
+          id,
+          onDragStart,
+          onDragEnd,
+          onDragCancel,
+          accessibility: {
+            announcements,
+            screenReaderInstructions,
+            ...accessibility
+          }
+        }
+      )
+    }
+  );
+}
+var SortableContentContext = React2.createContext(false);
+function SortableContent(props) {
+  const {
+    strategy: strategyProp,
+    asChild,
+    withoutSlot,
+    children,
+    ref,
+    ...contentProps
+  } = props;
+  const context = useSortableContext(CONTENT_NAME);
+  const ContentPrimitive = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx5(SortableContentContext.Provider, { value: true, children: /* @__PURE__ */ jsx5(
+    SortableContext,
+    {
+      items: context.items,
+      strategy: strategyProp ?? context.strategy,
+      children: withoutSlot ? children : /* @__PURE__ */ jsx5(
+        ContentPrimitive,
+        {
+          "data-slot": "sortable-content",
+          ...contentProps,
+          ref,
+          children
+        }
+      )
+    }
+  ) });
+}
+var SortableItemContext = React2.createContext(null);
+function useSortableItemContext(consumerName) {
+  const context = React2.useContext(SortableItemContext);
+  if (!context) {
+    throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
+  }
+  return context;
+}
+function SortableItem(props) {
+  const {
+    value,
+    style,
+    asHandle,
+    asChild,
+    disabled,
+    className,
+    ref,
+    ...itemProps
+  } = props;
+  const inSortableContent = React2.useContext(SortableContentContext);
+  const inSortableOverlay = React2.useContext(SortableOverlayContext);
+  if (!inSortableContent && !inSortableOverlay) {
+    throw new Error(
+      `\`${ITEM_NAME}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``
+    );
+  }
+  if (value === "") {
+    throw new Error(`\`${ITEM_NAME}\` value cannot be an empty string`);
+  }
+  const context = useSortableContext(ITEM_NAME);
+  const id = React2.useId();
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: value, disabled });
+  const composedRef = useComposedRefs(ref, (node) => {
+    if (disabled) return;
+    setNodeRef(node);
+    if (asHandle) setActivatorNodeRef(node);
+  });
+  const composedStyle = React2.useMemo(() => {
+    return {
+      transform: CSS.Translate.toString(transform),
+      transition,
+      ...style
+    };
+  }, [transform, transition, style]);
+  const itemContext = React2.useMemo(
+    () => ({
+      id,
+      attributes,
+      listeners,
+      setActivatorNodeRef,
+      isDragging,
+      disabled
+    }),
+    [id, attributes, listeners, setActivatorNodeRef, isDragging, disabled]
+  );
+  const ItemPrimitive = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx5(SortableItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ jsx5(
+    ItemPrimitive,
+    {
+      id,
+      "data-disabled": disabled,
+      "data-dragging": isDragging ? "" : void 0,
+      "data-slot": "sortable-item",
+      ...itemProps,
+      ...asHandle && !disabled ? attributes : {},
+      ...asHandle && !disabled ? listeners : {},
+      ref: composedRef,
+      style: composedStyle,
+      className: cn(
+        "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1",
+        {
+          "touch-none select-none": asHandle,
+          "cursor-default": context.flatCursor,
+          "data-dragging:cursor-grabbing": !context.flatCursor,
+          "cursor-grab": !isDragging && asHandle && !context.flatCursor,
+          "opacity-50": isDragging,
+          "pointer-events-none opacity-50": disabled
+        },
+        className
+      )
+    }
+  ) });
+}
+function SortableItemHandle(props) {
+  const { asChild, disabled, className, ref, ...itemHandleProps } = props;
+  const context = useSortableContext(ITEM_HANDLE_NAME);
+  const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
+  const isDisabled = disabled ?? itemContext.disabled;
+  const composedRef = useComposedRefs(ref, (node) => {
+    if (!isDisabled) return;
+    itemContext.setActivatorNodeRef(node);
+  });
+  const HandlePrimitive = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsx5(
+    HandlePrimitive,
+    {
+      type: "button",
+      "aria-controls": itemContext.id,
+      "data-disabled": isDisabled,
+      "data-dragging": itemContext.isDragging ? "" : void 0,
+      "data-slot": "sortable-item-handle",
+      ...itemHandleProps,
+      ...isDisabled ? {} : itemContext.attributes,
+      ...isDisabled ? {} : itemContext.listeners,
+      ref: composedRef,
+      className: cn(
+        "select-none disabled:pointer-events-none disabled:opacity-50",
+        context.flatCursor ? "cursor-default" : "cursor-grab data-dragging:cursor-grabbing",
+        className
+      ),
+      disabled: isDisabled
+    }
+  );
+}
+var SortableOverlayContext = React2.createContext(false);
+var dropAnimation = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+function SortableOverlay(props) {
+  const { container: containerProp, children, ...overlayProps } = props;
+  const context = useSortableContext(OVERLAY_NAME);
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useLayoutEffect(() => setMounted(true), []);
+  const container = containerProp ?? (mounted ? globalThis.document?.body : null);
+  if (!container) return null;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx5(
+      DragOverlay,
+      {
+        dropAnimation,
+        modifiers: context.modifiers,
+        className: cn(!context.flatCursor && "cursor-grabbing"),
+        ...overlayProps,
+        children: /* @__PURE__ */ jsx5(SortableOverlayContext.Provider, { value: true, children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null })
+      }
+    ),
+    container
+  );
+}
+
+// src/components/agents/agent-objectives-list.tsx
+import { Trash2 as Trash23, Target, Pencil as Pencil2, Plus as Plus2, GripVertical } from "lucide-react";
+import { toast as toast5 } from "sonner";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function slugify(text) {
+  return text.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+var EMPTY_FORM = { title: "", slug: "", prompt: "" };
+function AgentObjectivesList({ agent, config }) {
+  const { data: objectivesData, isLoading } = useObjectives(config, agent.id);
+  const createMutation = useCreateObjective(config);
+  const updateMutation = useUpdateObjective(config);
+  const deleteMutation = useDeleteObjective(config);
+  const [formOpen, setFormOpen] = useState6(false);
+  const [editTarget, setEditTarget] = useState6(null);
+  const [form, setForm] = useState6(EMPTY_FORM);
+  const [slugManual, setSlugManual] = useState6(false);
+  const [removeTarget, setRemoveTarget] = useState6(null);
+  const objectives = objectivesData?.data || [];
+  const sortedObjectives = [...objectives].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  async function handleReorder(newItems) {
+    const updates = newItems.map((item, index) => ({ ...item, order: index + 1 })).filter((item, index) => sortedObjectives[index]?.id !== item.id);
+    try {
+      for (const item of updates) {
+        await updateMutation.mutateAsync({
+          idAgent: agent.id,
+          id: item.id,
+          body: { order: item.order }
+        });
+      }
+      toast5.success("Ordem atualizada");
+    } catch {
+      toast5.error("Erro ao reordenar objetivos");
+    }
+  }
+  function openCreate() {
+    setEditTarget(null);
+    setForm(EMPTY_FORM);
+    setSlugManual(false);
+    setFormOpen(true);
+  }
+  function openEdit(objective) {
+    setEditTarget(objective);
+    setForm({
+      title: objective.title,
+      slug: objective.slug || "",
+      prompt: objective.prompt || ""
+    });
+    setSlugManual(true);
+    setFormOpen(true);
+  }
+  async function handleSubmit() {
+    if (!form.title.trim()) return;
+    const effectiveSlug = form.slug.trim() || slugify(form.title);
+    const nextOrder = sortedObjectives.length > 0 ? Math.max(...sortedObjectives.map((o) => o.order)) + 1 : 1;
+    try {
+      if (editTarget) {
+        await updateMutation.mutateAsync({
+          idAgent: agent.id,
+          id: editTarget.id,
+          body: {
+            title: form.title.trim(),
+            slug: effectiveSlug,
+            prompt: form.prompt.trim() || null
+          }
+        });
+        toast5.success("Objetivo atualizado");
+      } else {
+        await createMutation.mutateAsync({
+          idAgent: agent.id,
+          body: {
+            title: form.title.trim(),
+            slug: effectiveSlug,
+            prompt: form.prompt.trim() || null,
+            order: nextOrder
+          }
+        });
+        toast5.success("Objetivo criado");
+      }
+      setFormOpen(false);
+    } catch (err) {
+      toast5.error(
+        err instanceof Error ? err.message : editTarget ? "Erro ao atualizar objetivo" : "Erro ao criar objetivo"
+      );
+    }
+  }
+  async function handleToggleActive(objective, checked) {
+    try {
+      await updateMutation.mutateAsync({
+        idAgent: agent.id,
+        id: objective.id,
+        body: { active: checked }
+      });
+      toast5.success(checked ? "Objetivo ativado" : "Objetivo desativado");
+    } catch (err) {
+      toast5.error(
+        err instanceof Error ? err.message : "Erro ao alterar estado do objetivo"
+      );
+    }
+  }
+  async function handleRemove() {
+    if (!removeTarget) return;
+    try {
+      await deleteMutation.mutateAsync({
+        idAgent: agent.id,
+        id: removeTarget.id
+      });
+      toast5.success("Objetivo removido");
+    } catch (err) {
+      toast5.error(
+        err instanceof Error ? err.message : "Erro ao remover o objetivo"
+      );
+    } finally {
+      setRemoveTarget(null);
+    }
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsx6("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx6(Skeleton2, { className: "h-14 w-full" }, i)) });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsxs5("h3", { className: "text-sm font-medium text-muted-foreground", children: [
+          sortedObjectives.length,
+          " objetivo",
+          sortedObjectives.length !== 1 ? "s" : "",
+          " definido",
+          sortedObjectives.length !== 1 ? "s" : ""
+        ] }),
+        /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Objetivos s\xE3o modos de conversa que o agente ativa automaticamente conforme a inten\xE7\xE3o do utilizador." })
+      ] }),
+      /* @__PURE__ */ jsxs5(Button5, { onClick: openCreate, size: "sm", children: [
+        /* @__PURE__ */ jsx6(Plus2, { className: "mr-2 h-4 w-4" }),
+        "Novo Objetivo"
+      ] })
+    ] }),
+    sortedObjectives.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+      /* @__PURE__ */ jsx6(Target, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "Nenhum objetivo definido. Adicione objetivos para orientar o agente em diferentes contextos." })
+    ] }) : /* @__PURE__ */ jsxs5(
+      Sortable,
+      {
+        value: sortedObjectives,
+        onValueChange: handleReorder,
+        getItemValue: (item) => item.id,
+        children: [
+          /* @__PURE__ */ jsx6(SortableContent, { className: "space-y-2", children: sortedObjectives.map((objective) => /* @__PURE__ */ jsxs5(
+            SortableItem,
+            {
+              value: objective.id,
+              className: "flex items-center gap-3 rounded-lg border bg-card p-3",
+              children: [
+                /* @__PURE__ */ jsx6(SortableItemHandle, { className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx6(GripVertical, { className: "h-5 w-5" }) }),
+                /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx6("span", { className: "truncate font-medium", children: objective.title }),
+                    objective.slug && /* @__PURE__ */ jsx6(Badge3, { variant: "secondary", className: "shrink-0 text-xs font-mono", children: objective.slug })
+                  ] }),
+                  objective.prompt && /* @__PURE__ */ jsx6("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: objective.prompt })
+                ] }),
+                /* @__PURE__ */ jsx6(
+                  Switch3,
+                  {
+                    checked: objective.active,
+                    onCheckedChange: (checked) => handleToggleActive(objective, checked),
+                    disabled: updateMutation.isPending
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Button5,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "shrink-0 text-muted-foreground hover:text-foreground",
+                    onClick: () => openEdit(objective),
+                    children: /* @__PURE__ */ jsx6(Pencil2, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Button5,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "shrink-0 text-muted-foreground hover:text-destructive",
+                    onClick: () => setRemoveTarget(objective),
+                    children: /* @__PURE__ */ jsx6(Trash23, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            },
+            objective.id
+          )) }),
+          /* @__PURE__ */ jsx6(SortableOverlay, { children: ({ value }) => {
+            const obj = sortedObjectives.find((o) => o.id === value);
+            return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 rounded-lg border bg-card p-3 shadow-lg", children: [
+              /* @__PURE__ */ jsx6(GripVertical, { className: "h-5 w-5 text-muted-foreground" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-medium", children: obj?.title })
+            ] });
+          } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(Dialog4, { open: formOpen, onOpenChange: setFormOpen, children: /* @__PURE__ */ jsxs5(DialogContent4, { className: "sm:max-w-lg", children: [
+      /* @__PURE__ */ jsx6(DialogHeader4, { children: /* @__PURE__ */ jsx6(DialogTitle4, { children: editTarget ? "Editar Objetivo" : "Novo Objetivo" }) }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx6(Label4, { children: "T\xEDtulo *" }),
+          /* @__PURE__ */ jsx6(
+            Input5,
+            {
+              value: form.title,
+              onChange: (e) => {
+                const title = e.target.value;
+                setForm((f) => ({
+                  ...f,
+                  title,
+                  ...!slugManual ? { slug: slugify(title) } : {}
+                }));
+              },
+              placeholder: "Ex: Agendar Consulta"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx6(Label4, { children: "Slug (identificador) *" }),
+          /* @__PURE__ */ jsx6(
+            Input5,
+            {
+              value: form.slug,
+              onChange: (e) => {
+                setSlugManual(true);
+                setForm((f) => ({ ...f, slug: e.target.value }));
+              },
+              placeholder: "Ex: agendar-consulta",
+              className: "font-mono"
+            }
+          ),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente. Usado pelo agente para identificar o objetivo." })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx6(Label4, { children: "Instru\xE7\xF5es do Objetivo" }),
+          /* @__PURE__ */ jsx6(
+            Textarea3,
+            {
+              value: form.prompt,
+              onChange: (e) => setForm((f) => ({ ...f, prompt: e.target.value })),
+              placeholder: "Instru\xE7\xF5es detalhadas que o agente seguir\xE1 quando este objetivo for ativado. Ex: passos para agendar consulta, perguntas a fazer, valida\xE7\xF5es necess\xE1rias...",
+              rows: 8
+            }
+          ),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Estas instru\xE7\xF5es s\xE3o carregadas automaticamente quando o agente detecta que o utilizador precisa deste objetivo." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5(DialogFooter4, { children: [
+        /* @__PURE__ */ jsx6(
+          Button5,
+          {
+            variant: "outline",
+            onClick: () => setFormOpen(false),
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          Button5,
+          {
+            onClick: handleSubmit,
+            disabled: !form.title.trim() || createMutation.isPending || updateMutation.isPending,
+            children: editTarget ? "Salvar" : "Criar"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx6(
+      AlertDialog3,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs5(AlertDialogContent3, { children: [
+          /* @__PURE__ */ jsxs5(AlertDialogHeader3, { children: [
+            /* @__PURE__ */ jsx6(AlertDialogTitle3, { children: "Remover objetivo?" }),
+            /* @__PURE__ */ jsx6(AlertDialogDescription3, { children: "O objetivo ser\xE1 removido permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs5(AlertDialogFooter3, { children: [
+            /* @__PURE__ */ jsx6(AlertDialogCancel3, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx6(
+              AlertDialogAction3,
+              {
+                onClick: handleRemove,
+                disabled: deleteMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/components/agents/agent-prompt-editor.tsx
+import { useState as useState7, useRef, useCallback as useCallback3, useEffect as useEffect3 } from "react";
+import { Button as Button6, Input as Input6, Skeleton as Skeleton3, Badge as Badge4 } from "@greatapps/greatauth-ui/ui";
+import { FileText, Loader2 as Loader23, ChevronDown, ChevronUp, RotateCcw } from "lucide-react";
+import { toast as toast6 } from "sonner";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function formatDate(dateStr) {
+  const date = new Date(dateStr);
+  return date.toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function computeDiff(oldText, newText) {
+  const oldLines = oldText.split("\n");
+  const newLines = newText.split("\n");
+  const result = [];
+  const maxLen = Math.max(oldLines.length, newLines.length);
+  for (let i = 0; i < maxLen; i++) {
+    const oldLine = i < oldLines.length ? oldLines[i] : void 0;
+    const newLine = i < newLines.length ? newLines[i] : void 0;
+    if (oldLine === newLine) {
+      result.push({ type: "equal", line: newLine });
+    } else {
+      if (oldLine !== void 0) {
+        result.push({ type: "removed", line: oldLine });
+      }
+      if (newLine !== void 0) {
+        result.push({ type: "added", line: newLine });
+      }
+    }
+  }
+  return result;
+}
+function buildPreview(promptText, objectives, agentTools, allTools) {
+  let preview = promptText;
+  const activeObjectives = objectives.filter((o) => o.active);
+  if (activeObjectives.length > 0) {
+    preview += "\n\n[SKILLS DISPON\xCDVEIS]\n";
+    for (const obj of activeObjectives) {
+      preview += `- ${obj.title}`;
+      if (obj.prompt) preview += `: ${obj.prompt}`;
+      preview += "\n";
+    }
+  }
+  const enabledAgentTools = agentTools.filter((at) => at.enabled);
+  if (enabledAgentTools.length > 0) {
+    const toolMap = new Map(allTools.map((t) => [t.id, t]));
+    preview += "\n[TOOLS DISPON\xCDVEIS]\n";
+    for (const at of enabledAgentTools) {
+      const tool = toolMap.get(at.id_tool);
+      const name = tool?.name || `Tool #${at.id_tool}`;
+      const desc = tool?.description ? `: ${tool.description}` : "";
+      preview += `- ${name}${desc}`;
+      if (at.custom_instructions) {
+        preview += `
+  Instru\xE7\xF5es: ${at.custom_instructions}`;
+      }
+      preview += "\n";
+    }
+  }
+  return preview;
+}
+function AgentPromptEditor({ config, agent }) {
+  const { data: versionsData, isLoading } = usePromptVersions(config, agent.id);
+  const updateAgent = useUpdateAgent(config);
+  const { data: objectivesData } = useObjectives(config, agent.id);
+  const { data: agentToolsData } = useAgentTools(config, agent.id);
+  const { data: toolsData } = useTools(config);
+  const [trackedAgentId, setTrackedAgentId] = useState7(agent.id);
+  const [promptText, setPromptText] = useState7(agent.prompt || "");
+  const [changeNotes, setChangeNotes] = useState7("");
+  const [showPreview, setShowPreview] = useState7(false);
+  const [compareVersionId, setCompareVersionId] = useState7(null);
+  const textareaRef = useRef(null);
+  if (trackedAgentId !== agent.id) {
+    setTrackedAgentId(agent.id);
+    setPromptText(agent.prompt || "");
+    setCompareVersionId(null);
+  }
+  const autoResize = useCallback3(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.max(300, el.scrollHeight)}px`;
+  }, []);
+  useEffect3(() => {
+    autoResize();
+  }, [promptText, autoResize]);
+  function handleKeyDown(e) {
+    if (e.key === "Tab") {
+      e.preventDefault();
+      const el = e.currentTarget;
+      const start = el.selectionStart;
+      const end = el.selectionEnd;
+      const value = el.value;
+      const newValue = value.substring(0, start) + "  " + value.substring(end);
+      setPromptText(newValue);
+      requestAnimationFrame(() => {
+        el.selectionStart = el.selectionEnd = start + 2;
+      });
+    }
+  }
+  const versions = versionsData?.data || [];
+  const sortedVersions = [...versions].sort(
+    (a, b) => new Date(b.datetime_add).getTime() - new Date(a.datetime_add).getTime()
+  );
+  const currentVersion = sortedVersions.length > 0 ? sortedVersions[0] : null;
+  const compareVersion = sortedVersions.find((v) => v.id === compareVersionId);
+  const diffLines = currentVersion && compareVersion && compareVersion.id !== currentVersion.id ? computeDiff(compareVersion.prompt_content ?? "", currentVersion.prompt_content ?? "") : null;
+  async function handleSave() {
+    const body = {
+      prompt: promptText.trim()
+    };
+    if (changeNotes.trim()) {
+      body.change_notes = changeNotes.trim();
+    }
+    try {
+      await updateAgent.mutateAsync({ id: agent.id, body });
+      setChangeNotes("");
+      toast6.success("Prompt salvo com sucesso");
+    } catch {
+      toast6.error("Erro ao salvar prompt");
+    }
+  }
+  function handleRestore(version) {
+    setPromptText(version.prompt_content ?? "");
+    setChangeNotes(`Restaurado da v${version.version_number}`);
+    toast6.info("Prompt restaurado no editor. Clique em Salvar para confirmar.");
+  }
+  const charCount = promptText.length;
+  const tokenEstimate = Math.ceil(charCount / 4);
+  const objectives = objectivesData?.data || [];
+  const agentTools = agentToolsData?.data || [];
+  const allTools = toolsData?.data || [];
+  const previewText = buildPreview(promptText, objectives, agentTools, allTools);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx7("div", { className: "space-y-3 p-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx7(Skeleton3, { className: "h-14 w-full" }, i)) });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 p-4 lg:flex-row", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1 space-y-4", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx7(
+          "textarea",
+          {
+            ref: textareaRef,
+            value: promptText,
+            onChange: (e) => setPromptText(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder: "Escreva o prompt do sistema aqui...",
+            disabled: updateAgent.isPending,
+            className: "w-full resize-none rounded-lg border bg-background p-3 font-mono text-sm leading-relaxed focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50",
+            style: { minHeight: "300px" }
+          }
+        ),
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs6("span", { children: [
+            charCount.toLocaleString("pt-BR"),
+            " caracteres"
+          ] }),
+          /* @__PURE__ */ jsx7("span", { children: "\xB7" }),
+          /* @__PURE__ */ jsxs6("span", { children: [
+            "~",
+            tokenEstimate.toLocaleString("pt-BR"),
+            " tokens"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx7(
+          Input6,
+          {
+            value: changeNotes,
+            onChange: (e) => setChangeNotes(e.target.value),
+            placeholder: "O que mudou? (opcional)",
+            disabled: updateAgent.isPending,
+            className: "flex-1",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleSave();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
+          Button6,
+          {
+            onClick: handleSave,
+            disabled: updateAgent.isPending || !promptText.trim(),
+            children: [
+              updateAgent.isPending && /* @__PURE__ */ jsx7(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+              "Salvar"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border", children: [
+        /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowPreview((prev) => !prev),
+            className: "flex w-full items-center justify-between px-4 py-3 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+            children: [
+              /* @__PURE__ */ jsx7("span", { children: "Preview do prompt final" }),
+              showPreview ? /* @__PURE__ */ jsx7(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx7(ChevronDown, { className: "h-4 w-4" })
+            ]
+          }
+        ),
+        showPreview && /* @__PURE__ */ jsx7("div", { className: "border-t px-4 py-3", children: /* @__PURE__ */ jsx7("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap font-mono text-sm leading-relaxed", children: previewText.split("\n").map((line, i) => {
+          const isSection = line.startsWith("[SKILLS DISPON\xCDVEIS]") || line.startsWith("[TOOLS DISPON\xCDVEIS]");
+          return /* @__PURE__ */ jsxs6(
+            "span",
+            {
+              className: isSection ? "font-semibold text-muted-foreground" : "",
+              children: [
+                line,
+                "\n"
+              ]
+            },
+            i
+          );
+        }) }) })
+      ] }),
+      diffLines && compareVersion && currentVersion && /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsxs6("div", { className: "mb-2 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs6("h3", { className: "text-sm font-medium text-muted-foreground", children: [
+            "Diferen\xE7as: v",
+            compareVersion.version_number,
+            " \u2192 v",
+            currentVersion.version_number,
+            " (actual)"
+          ] }),
+          /* @__PURE__ */ jsx7(
+            Button6,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setCompareVersionId(null),
+              className: "text-xs",
+              children: "Fechar"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "max-h-64 overflow-auto rounded-lg border font-mono text-sm", children: diffLines.map((line, i) => /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: `whitespace-pre-wrap px-3 py-0.5 ${line.type === "added" ? "bg-green-500/10 text-green-700 dark:text-green-400" : line.type === "removed" ? "bg-red-500/10 text-red-700 dark:text-red-400" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx7("span", { className: "mr-2 inline-block w-4 select-none text-muted-foreground", children: line.type === "added" ? "+" : line.type === "removed" ? "-" : " " }),
+              line.line || " "
+            ]
+          },
+          i
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "w-full space-y-2 lg:w-80 lg:shrink-0", children: [
+      /* @__PURE__ */ jsx7("h3", { className: "text-sm font-medium text-muted-foreground", children: "Hist\xF3rico de Vers\xF5es" }),
+      sortedVersions.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+        /* @__PURE__ */ jsx7(FileText, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+        /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "Nenhuma vers\xE3o encontrada. Salve o prompt para criar a primeira vers\xE3o." })
+      ] }) : /* @__PURE__ */ jsx7("div", { className: "space-y-1", children: sortedVersions.map((version, idx) => {
+        const isCurrent = idx === 0;
+        const isComparing = version.id === compareVersionId;
+        return /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            className: `rounded-lg border p-3 transition-colors ${isCurrent ? "border-primary bg-primary/5" : isComparing ? "border-muted-foreground/30 bg-muted/50" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxs6("span", { className: "text-sm font-medium", children: [
+                  "v",
+                  version.version_number
+                ] }),
+                isCurrent && /* @__PURE__ */ jsx7(Badge4, { variant: "default", className: "text-[10px] px-1.5 py-0", children: "Actual" })
+              ] }),
+              /* @__PURE__ */ jsx7("div", { className: "mt-1 text-xs text-muted-foreground", children: formatDate(version.datetime_add) }),
+              /* @__PURE__ */ jsxs6("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs6("span", { children: [
+                  (version.prompt_content ?? "").length,
+                  " chars"
+                ] }),
+                /* @__PURE__ */ jsx7("span", { children: "\xB7" }),
+                /* @__PURE__ */ jsx7("span", { className: "truncate font-mono", children: (version.prompt_hash ?? "").slice(0, 8) })
+              ] }),
+              version.change_notes && /* @__PURE__ */ jsx7("div", { className: "mt-1.5 text-xs italic text-muted-foreground", children: version.change_notes }),
+              !isCurrent && /* @__PURE__ */ jsxs6("div", { className: "mt-2 flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs6(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setCompareVersionId(isComparing ? null : version.id),
+                    className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+                    children: [
+                      /* @__PURE__ */ jsx7(FileText, { className: "h-3 w-3" }),
+                      isComparing ? "Ocultar diff" : "Comparar"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs6(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleRestore(version),
+                    className: "flex items-center gap-1 text-xs text-primary hover:underline",
+                    children: [
+                      /* @__PURE__ */ jsx7(RotateCcw, { className: "h-3 w-3" }),
+                      "Restaurar"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          },
+          version.id
+        );
+      }) })
+    ] })
+  ] });
+}
+
+// src/components/agents/agent-tabs.tsx
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+} from "@greatapps/greatauth-ui/ui";
+import { Wrench as Wrench2, Target as Target2, FileText as FileText2, MessageCircle } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function AgentTabs({ agent, config, renderConversationsTab }) {
+  return /* @__PURE__ */ jsxs7(Tabs, { defaultValue: "prompt", children: [
+    /* @__PURE__ */ jsxs7(TabsList, { children: [
+      /* @__PURE__ */ jsxs7(TabsTrigger, { value: "prompt", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx8(FileText2, { className: "h-3.5 w-3.5" }),
+        "Prompt"
+      ] }),
+      /* @__PURE__ */ jsxs7(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx8(Target2, { className: "h-3.5 w-3.5" }),
+        "Objetivos"
+      ] }),
+      /* @__PURE__ */ jsxs7(TabsTrigger, { value: "ferramentas", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx8(Wrench2, { className: "h-3.5 w-3.5" }),
+        "Ferramentas"
+      ] }),
+      renderConversationsTab && /* @__PURE__ */ jsxs7(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx8(MessageCircle, { className: "h-3.5 w-3.5" }),
+        "Conversas"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx8(TabsContent, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx8(AgentPromptEditor, { agent, config }) }),
+    /* @__PURE__ */ jsx8(TabsContent, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx8(AgentObjectivesList, { agent, config }) }),
+    /* @__PURE__ */ jsx8(TabsContent, { value: "ferramentas", className: "mt-4", children: /* @__PURE__ */ jsx8(AgentToolsList, { agent, config }) }),
+    renderConversationsTab && /* @__PURE__ */ jsx8(TabsContent, { value: "conversas", className: "mt-4", children: renderConversationsTab(agent) })
+  ] });
+}
+
+// src/components/tools/tools-table.tsx
+import { useMemo as useMemo4, useState as useState8 } from "react";
+import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
+import {
+  Input as Input7,
+  Badge as Badge5,
+  Tooltip as Tooltip2,
+  TooltipTrigger as TooltipTrigger2,
+  TooltipContent as TooltipContent2,
+  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 Button7
+} 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 toast7 } from "sonner";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function useColumns2(onEdit, onDelete) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsx9("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__ */ jsx9("span", { className: "text-muted-foreground text-sm font-mono", children: row.original.slug || "\u2014" })
+    },
+    {
+      accessorKey: "type",
+      header: "Tipo",
+      cell: ({ row }) => /* @__PURE__ */ jsx9(Badge5, { variant: "secondary", children: row.original.type })
+    },
+    {
+      accessorKey: "description",
+      header: "Descri\xE7\xE3o",
+      cell: ({ row }) => {
+        const desc = row.original.description;
+        if (!desc) return /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
+        return /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}...` : desc });
+      }
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx9("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__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs8(Tooltip2, { children: [
+          /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx9(
+            Button7,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx9(Pencil3, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx9(TooltipContent2, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs8(Tooltip2, { children: [
+          /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx9(
+            Button7,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              onClick: () => onDelete(row.original.id),
+              children: /* @__PURE__ */ jsx9(Trash24, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx9(TooltipContent2, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function ToolsTable({ onEdit, config }) {
+  const [search, setSearch] = useState8("");
+  const [page, setPage] = useState8(1);
+  const queryParams = useMemo4(() => {
+    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] = useState8(null);
+  const tools = data?.data || [];
+  const total = data?.total || 0;
+  const columns = useColumns2(
+    (tool) => onEdit(tool),
+    (id) => setDeleteId(id)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteTool.mutate(deleteId, {
+      onSuccess: () => {
+        toast7.success("Ferramenta exclu\xEDda");
+        setDeleteId(null);
+      },
+      onError: () => toast7.error("Erro ao excluir ferramenta")
+    });
+  }
+  function handleSearchChange(value) {
+    setSearch(value);
+    setPage(1);
+  }
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs8("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx9(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx9(
+        Input7,
+        {
+          placeholder: "Buscar ferramentas...",
+          value: search,
+          onChange: (e) => handleSearchChange(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx9(
+      DataTable2,
+      {
+        columns,
+        data: tools,
+        isLoading,
+        emptyMessage: "Nenhuma ferramenta encontrada",
+        total,
+        page,
+        onPageChange: setPage,
+        pageSize: 15
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      AlertDialog4,
+      {
+        open: !!deleteId,
+        onOpenChange: (open) => !open && setDeleteId(null),
+        children: /* @__PURE__ */ jsxs8(AlertDialogContent4, { children: [
+          /* @__PURE__ */ jsxs8(AlertDialogHeader4, { children: [
+            /* @__PURE__ */ jsx9(AlertDialogTitle4, { children: "Excluir ferramenta?" }),
+            /* @__PURE__ */ jsx9(AlertDialogDescription4, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. A ferramenta ser\xE1 removida permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs8(AlertDialogFooter4, { children: [
+            /* @__PURE__ */ jsx9(AlertDialogCancel4, { variant: "outline", size: "default", children: "Cancelar" }),
+            /* @__PURE__ */ jsx9(
+              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 useState9 } from "react";
+import {
+  Dialog as Dialog5,
+  DialogContent as DialogContent5,
+  DialogHeader as DialogHeader5,
+  DialogTitle as DialogTitle5,
+  DialogFooter as DialogFooter5,
+  Button as Button8,
+  Input as Input8,
+  Textarea as Textarea4,
+  Label as Label5,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue as SelectValue2
+} from "@greatapps/greatauth-ui/ui";
+import { Loader2 as Loader24 } from "lucide-react";
+import { toast as toast8 } from "sonner";
+import { jsx as jsx10, jsxs as jsxs9 } 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] = useState9(() => toolToFormState(tool));
+  const [slugManuallyEdited, setSlugManuallyEdited] = useState9(false);
+  const [lastResetKey, setLastResetKey] = useState9(
+    () => `${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 });
+        toast8.success("Ferramenta atualizada");
+      } else {
+        await createTool.mutateAsync(
+          body
+        );
+        toast8.success("Ferramenta criada");
+      }
+      onOpenChange(false);
+    } catch (err) {
+      toast8.error(
+        err instanceof Error ? err.message : isEditing ? "Erro ao atualizar ferramenta" : "Erro ao criar ferramenta"
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx10(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(DialogContent5, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx10(DialogHeader5, { children: /* @__PURE__ */ jsx10(DialogTitle5, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
+    /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx10(Label5, { htmlFor: "tool-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx10(
+          Input8,
+          {
+            id: "tool-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__ */ jsx10("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx10(Label5, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
+        /* @__PURE__ */ jsx10(
+          Input8,
+          {
+            id: "tool-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__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
+        form.slugError && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: "Slug \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx10(Label5, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
+        /* @__PURE__ */ jsxs9(
+          Select2,
+          {
+            value: form.type,
+            onValueChange: (value) => {
+              setForm((prev) => ({
+                ...prev,
+                type: value,
+                typeError: false
+              }));
+            },
+            disabled: isPending,
+            children: [
+              /* @__PURE__ */ jsx10(SelectTrigger2, { id: "tool-type", children: /* @__PURE__ */ jsx10(SelectValue2, { placeholder: "Selecione o tipo" }) }),
+              /* @__PURE__ */ jsx10(SelectContent2, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx10(SelectItem2, { value: t.value, children: t.label }, t.value)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
+        form.typeError && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: "Tipo \xE9 obrigat\xF3rio" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx10(Label5, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx10(
+          Textarea4,
+          {
+            id: "tool-description",
+            value: form.description,
+            onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
+            placeholder: "Descri\xE7\xE3o da ferramenta...",
+            rows: 3,
+            disabled: isPending
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx10(Label5, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
+        /* @__PURE__ */ jsx10(
+          Textarea4,
+          {
+            id: "tool-function-defs",
+            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": { ... },
+        "required": [...]
+      }
+    }
+  }
+]`,
+            rows: 10,
+            className: "font-mono text-sm",
+            disabled: isPending
+          }
+        ),
+        /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
+        form.jsonError && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
+      ] }),
+      /* @__PURE__ */ jsxs9(DialogFooter5, { children: [
+        /* @__PURE__ */ jsx10(
+          Button8,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isPending,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxs9(Button8, { type: "submit", disabled: isPending, children: [
+          isPending ? /* @__PURE__ */ jsx10(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isEditing ? "Salvar" : "Criar"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/tools/tool-credentials-form.tsx
+import { useMemo as useMemo5, useState as useState10 } from "react";
+import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
+import {
+  Input as Input9,
+  Button as Button9,
+  Badge as Badge6,
+  Tooltip as Tooltip3,
+  TooltipTrigger as TooltipTrigger3,
+  TooltipContent as TooltipContent3,
+  Dialog as Dialog6,
+  DialogContent as DialogContent6,
+  DialogHeader as DialogHeader6,
+  DialogTitle as DialogTitle6,
+  DialogFooter as DialogFooter6,
+  AlertDialog as AlertDialog5,
+  AlertDialogAction as AlertDialogAction5,
+  AlertDialogCancel as AlertDialogCancel5,
+  AlertDialogContent as AlertDialogContent5,
+  AlertDialogDescription as AlertDialogDescription5,
+  AlertDialogFooter as AlertDialogFooter5,
+  AlertDialogHeader as AlertDialogHeader5,
+  AlertDialogTitle as AlertDialogTitle5,
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue3
+} from "@greatapps/greatauth-ui/ui";
+import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "lucide-react";
+import { format as format3 } from "date-fns";
+import { ptBR as ptBR3 } from "date-fns/locale";
+import { toast as toast9 } from "sonner";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function formatDate2(dateStr) {
+  if (!dateStr) return "Sem expira\xE7\xE3o";
+  return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
+}
+function useColumns3(tools, onEdit, onConnect, onRemove) {
+  function getToolName(idTool) {
+    if (!idTool) return "\u2014";
+    const tool = tools.find((t) => t.id === idTool);
+    return tool?.name || `Ferramenta #${idTool}`;
+  }
+  function getToolType(idTool) {
+    if (!idTool) return null;
+    const tool = tools.find((t) => t.id === idTool);
+    return tool?.type || null;
+  }
+  return [
+    {
+      accessorKey: "label",
+      header: "Label",
+      cell: ({ row }) => /* @__PURE__ */ jsx11("span", { className: "font-medium", children: row.original.label || "\u2014" })
+    },
+    {
+      accessorKey: "id_tool",
+      header: "Ferramenta",
+      cell: ({ row }) => /* @__PURE__ */ jsx11("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
+    },
+    {
+      accessorKey: "status",
+      header: "Status",
+      cell: ({ row }) => /* @__PURE__ */ jsx11(
+        Badge6,
+        {
+          variant: row.original.status === "active" ? "default" : "destructive",
+          children: row.original.status === "active" ? "Ativo" : "Expirado"
+        }
+      )
+    },
+    {
+      accessorKey: "expires_at",
+      header: "Expira em",
+      cell: ({ row }) => /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx11("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__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs10(Tooltip3, { children: [
+          /* @__PURE__ */ jsx11(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
+            Button9,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              disabled: true,
+              children: /* @__PURE__ */ jsx11(Link, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Em breve" })
+        ] }),
+        /* @__PURE__ */ jsxs10(Tooltip3, { children: [
+          /* @__PURE__ */ jsx11(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
+            Button9,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => onEdit(row.original),
+              children: /* @__PURE__ */ jsx11(Pencil4, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs10(Tooltip3, { children: [
+          /* @__PURE__ */ jsx11(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
+            Button9,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8 text-destructive hover:text-destructive",
+              onClick: () => onRemove(row.original),
+              children: /* @__PURE__ */ jsx11(Trash25, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Remover" })
+        ] })
+      ] })
+    }
+  ];
+}
+function ToolCredentialsForm({
+  credentials,
+  isLoading,
+  config,
+  gagentsApiUrl,
+  createOpen: externalCreateOpen,
+  onCreateOpenChange
+}) {
+  const createMutation = useCreateToolCredential(config);
+  const updateMutation = useUpdateToolCredential(config);
+  const deleteMutation = useDeleteToolCredential(config);
+  const { data: toolsData } = useTools(config);
+  const tools = toolsData?.data || [];
+  const [search, setSearch] = useState10("");
+  const [internalCreateOpen, setInternalCreateOpen] = useState10(false);
+  const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
+  const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
+  const [createForm, setCreateForm] = useState10({
+    id_tool: "",
+    label: "",
+    credentials_encrypted: "",
+    expires_at: ""
+  });
+  const [editTarget, setEditTarget] = useState10(null);
+  const [editForm, setEditForm] = useState10({
+    id_tool: "",
+    label: "",
+    credentials_encrypted: "",
+    expires_at: "",
+    status: ""
+  });
+  const [removeTarget, setRemoveTarget] = useState10(null);
+  const filteredCredentials = useMemo5(() => {
+    if (!search) return credentials;
+    const term = search.toLowerCase();
+    return credentials.filter((cred) => {
+      const toolName = tools.find((t) => t.id === cred.id_tool)?.name || "";
+      return (cred.label || "").toLowerCase().includes(term) || toolName.toLowerCase().includes(term);
+    });
+  }, [credentials, search, tools]);
+  const columns = useColumns3(
+    tools,
+    (cred) => startEdit(cred),
+    (cred) => handleConnect(cred),
+    (cred) => setRemoveTarget(cred)
+  );
+  async function handleCreate() {
+    const idTool = parseInt(createForm.id_tool, 10);
+    if (!idTool || !createForm.label.trim() || !createForm.credentials_encrypted.trim()) return;
+    try {
+      const result = await createMutation.mutateAsync({
+        id_tool: idTool,
+        label: createForm.label.trim(),
+        credentials_encrypted: createForm.credentials_encrypted.trim(),
+        ...createForm.expires_at ? { expires_at: createForm.expires_at } : {}
+      });
+      if (result.status === 1) {
+        toast9.success("Credencial criada");
+        setShowCreateDialog(false);
+        setCreateForm({ id_tool: "", label: "", credentials_encrypted: "", expires_at: "" });
+      } else {
+        toast9.error(result.message || "Erro ao criar credencial");
+      }
+    } catch {
+      toast9.error("Erro ao criar credencial");
+    }
+  }
+  function startEdit(cred) {
+    setEditTarget(cred);
+    setEditForm({
+      id_tool: cred.id_tool ? String(cred.id_tool) : "",
+      label: cred.label || "",
+      credentials_encrypted: "",
+      expires_at: cred.expires_at || "",
+      status: cred.status
+    });
+  }
+  async function handleSaveEdit() {
+    if (!editTarget) return;
+    const body = {};
+    const newIdTool = editForm.id_tool ? parseInt(editForm.id_tool, 10) : null;
+    if (newIdTool && newIdTool !== editTarget.id_tool) {
+      body.id_tool = newIdTool;
+    }
+    if (editForm.label.trim() && editForm.label.trim() !== (editTarget.label || "")) {
+      body.label = editForm.label.trim();
+    }
+    if (editForm.credentials_encrypted.trim()) {
+      body.credentials_encrypted = editForm.credentials_encrypted.trim();
+    }
+    if (editForm.expires_at !== (editTarget.expires_at || "")) {
+      body.expires_at = editForm.expires_at || null;
+    }
+    if (editForm.status && editForm.status !== editTarget.status) {
+      body.status = editForm.status;
+    }
+    if (Object.keys(body).length === 0) {
+      setEditTarget(null);
+      return;
+    }
+    try {
+      const result = await updateMutation.mutateAsync({
+        id: editTarget.id,
+        body
+      });
+      if (result.status === 1) {
+        toast9.success("Credencial atualizada");
+        setEditTarget(null);
+      } else {
+        toast9.error(result.message || "Erro ao atualizar credencial");
+      }
+    } catch {
+      toast9.error("Erro ao atualizar credencial");
+    }
+  }
+  async function handleRemove() {
+    if (!removeTarget) return;
+    try {
+      const result = await deleteMutation.mutateAsync(removeTarget.id);
+      if (result.status === 1) {
+        toast9.success("Credencial removida");
+      } else {
+        toast9.error(result.message || "Erro ao remover credencial");
+      }
+    } catch {
+      toast9.error("Erro ao remover credencial");
+    } finally {
+      setRemoveTarget(null);
+    }
+  }
+  function handleConnect(cred) {
+    if (!config.accountId || !config.token) return;
+    const language = config.language ?? "pt-br";
+    const idWl = config.idWl ?? 1;
+    const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
+    window.open(url, "_blank");
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs10("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx11(Search3, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx11(
+        Input9,
+        {
+          placeholder: "Buscar credenciais...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx11(
+      DataTable3,
+      {
+        columns,
+        data: filteredCredentials,
+        isLoading,
+        emptyMessage: "Nenhuma credencial encontrada"
+      }
+    ),
+    /* @__PURE__ */ jsx11(Dialog6, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs10(DialogContent6, { children: [
+      /* @__PURE__ */ jsx11(DialogHeader6, { children: /* @__PURE__ */ jsx11(DialogTitle6, { children: "Nova Credencial" }) }),
+      /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+          /* @__PURE__ */ jsxs10(
+            Select3,
+            {
+              value: createForm.id_tool,
+              onValueChange: (val) => setCreateForm((f) => ({ ...f, id_tool: val })),
+              children: [
+                /* @__PURE__ */ jsx11(SelectTrigger3, { children: /* @__PURE__ */ jsx11(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx11(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx11(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx11(
+            Input9,
+            {
+              value: createForm.label,
+              onChange: (e) => setCreateForm((f) => ({ ...f, label: e.target.value })),
+              placeholder: "Ex: Google Calendar - Cl\xEDnica S\xE3o Paulo"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx11(
+            Input9,
+            {
+              type: "password",
+              value: createForm.credentials_encrypted,
+              onChange: (e) => setCreateForm((f) => ({
+                ...f,
+                credentials_encrypted: e.target.value
+              })),
+              placeholder: "Credencial encriptada"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx11(
+            Input9,
+            {
+              type: "date",
+              value: createForm.expires_at,
+              onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs10(DialogFooter6, { children: [
+        /* @__PURE__ */ jsx11(
+          Button9,
+          {
+            variant: "outline",
+            onClick: () => setShowCreateDialog(false),
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          Button9,
+          {
+            onClick: handleCreate,
+            disabled: !createForm.id_tool || !createForm.label.trim() || !createForm.credentials_encrypted.trim() || createMutation.isPending,
+            children: "Criar"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx11(
+      Dialog6,
+      {
+        open: !!editTarget,
+        onOpenChange: (open) => !open && setEditTarget(null),
+        children: /* @__PURE__ */ jsxs10(DialogContent6, { children: [
+          /* @__PURE__ */ jsx11(DialogHeader6, { children: /* @__PURE__ */ jsx11(DialogTitle6, { children: "Editar Credencial" }) }),
+          /* @__PURE__ */ jsxs10("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs10("div", { children: [
+              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+              /* @__PURE__ */ jsxs10(
+                Select3,
+                {
+                  value: editForm.id_tool,
+                  onValueChange: (val) => setEditForm((f) => ({ ...f, id_tool: val })),
+                  children: [
+                    /* @__PURE__ */ jsx11(SelectTrigger3, { children: /* @__PURE__ */ jsx11(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx11(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx11(SelectItem3, { value: String(tool.id), children: tool.name }, tool.id)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10("div", { children: [
+              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx11(
+                Input9,
+                {
+                  value: editForm.label,
+                  onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
+                  placeholder: "Label da credencial"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10("div", { children: [
+              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx11(
+                Input9,
+                {
+                  type: "password",
+                  value: editForm.credentials_encrypted,
+                  onChange: (e) => setEditForm((f) => ({
+                    ...f,
+                    credentials_encrypted: e.target.value
+                  })),
+                  placeholder: "Nova credencial"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10("div", { children: [
+              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx11(
+                Input9,
+                {
+                  type: "date",
+                  value: editForm.expires_at,
+                  onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10("div", { children: [
+              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsxs10(
+                Select3,
+                {
+                  value: editForm.status || void 0,
+                  onValueChange: (val) => setEditForm((f) => ({
+                    ...f,
+                    status: val
+                  })),
+                  children: [
+                    /* @__PURE__ */ jsx11(SelectTrigger3, { children: /* @__PURE__ */ jsx11(SelectValue3, {}) }),
+                    /* @__PURE__ */ jsxs10(SelectContent3, { children: [
+                      /* @__PURE__ */ jsx11(SelectItem3, { value: "active", children: "Ativo" }),
+                      /* @__PURE__ */ jsx11(SelectItem3, { value: "expired", children: "Expirado" })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs10(DialogFooter6, { children: [
+            /* @__PURE__ */ jsx11(Button9, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
+            /* @__PURE__ */ jsx11(
+              Button9,
+              {
+                onClick: handleSaveEdit,
+                disabled: updateMutation.isPending,
+                children: "Salvar"
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      AlertDialog5,
+      {
+        open: !!removeTarget,
+        onOpenChange: (open) => !open && setRemoveTarget(null),
+        children: /* @__PURE__ */ jsxs10(AlertDialogContent5, { children: [
+          /* @__PURE__ */ jsxs10(AlertDialogHeader5, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogTitle5, { children: "Remover credencial?" }),
+            /* @__PURE__ */ jsx11(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
+          ] }),
+          /* @__PURE__ */ jsxs10(AlertDialogFooter5, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogCancel5, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx11(
+              AlertDialogAction5,
+              {
+                onClick: handleRemove,
+                disabled: deleteMutation.isPending,
+                children: "Remover"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/pages/agents-page.tsx
+import { useState as useState11 } from "react";
+import { Button as Button10 } from "@greatapps/greatauth-ui/ui";
+import { Plus as Plus3 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function AgentsPage({
+  config,
+  onNavigateToAgent,
+  title = "Agentes AI",
+  subtitle = "Gerencie seus agentes de atendimento inteligente"
+}) {
+  const [createOpen, setCreateOpen] = useState11(false);
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx12("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs11(Button10, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx12(Plus3, { className: "mr-2 h-4 w-4" }),
+        "Novo Agente"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(AgentsTable, { config, onNavigateToAgent }),
+    /* @__PURE__ */ jsx12(
+      AgentFormDialog,
+      {
+        config,
+        open: createOpen,
+        onOpenChange: setCreateOpen
+      }
+    )
+  ] });
+}
+
+// src/pages/agent-detail-page.tsx
+import { useState as useState12 } from "react";
+import { Badge as Badge7, Button as Button11, Skeleton as Skeleton4 } from "@greatapps/greatauth-ui/ui";
+import { EntityAvatar as EntityAvatar2 } from "@greatapps/greatauth-ui";
+import { ArrowLeft, Pencil as Pencil5 } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function AgentDetailPage({
+  config,
+  agentId,
+  onBack,
+  renderConversationsTab
+}) {
+  const { data: agent, isLoading } = useAgent(config, agentId);
+  const [editOpen, setEditOpen] = useState12(false);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ jsx13(Skeleton4, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsx13(Skeleton4, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx13(Skeleton4, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx13(Skeleton4, { className: "h-64 w-full" })
+    ] });
+  }
+  if (!agent) {
+    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
+      /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
+      onBack && /* @__PURE__ */ jsxs12(Button11, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ jsx13(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+        "Voltar para agentes"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-6 p-4", children: [
+    /* @__PURE__ */ jsx13("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3 flex-1", children: [
+        onBack && /* @__PURE__ */ jsx13(
+          Button11,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "shrink-0 mt-1",
+            onClick: onBack,
+            children: /* @__PURE__ */ jsx13(ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx13(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
+        /* @__PURE__ */ jsx13("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx13("h1", { className: "text-xl font-semibold", children: agent.title }),
+          /* @__PURE__ */ jsx13(
+            Badge7,
+            {
+              variant: agent.active ? "default" : "destructive",
+              className: "text-xs",
+              children: agent.active ? "Ativo" : "Inativo"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs12(
+        Button11,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "shrink-0 self-start",
+          onClick: () => setEditOpen(true),
+          children: [
+            /* @__PURE__ */ jsx13(Pencil5, { className: "mr-2 h-4 w-4" }),
+            "Editar"
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx13(
+      AgentTabs,
+      {
+        agent,
+        config,
+        renderConversationsTab
+      }
+    ),
+    editOpen && /* @__PURE__ */ jsx13(
+      AgentEditForm,
+      {
+        agent,
+        config,
+        idAccount: config.accountId,
+        open: editOpen,
+        onOpenChange: setEditOpen
+      }
+    )
+  ] });
+}
+
+// src/pages/tools-page.tsx
+import { useState as useState13 } from "react";
+import { Button as Button12 } from "@greatapps/greatauth-ui/ui";
+import { Plus as Plus4 } from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+function ToolsPage({
+  config,
+  title = "Ferramentas",
+  subtitle = "Gerencie as ferramentas dispon\xEDveis para seus agentes"
+}) {
+  const [createOpen, setCreateOpen] = useState13(false);
+  const [editTool, setEditTool] = useState13(void 0);
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs13("div", { children: [
+        /* @__PURE__ */ jsx14("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs13(Button12, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx14(Plus4, { className: "mr-2 h-4 w-4" }),
+        "Nova Ferramenta"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx14(ToolsTable, { config, onEdit: (tool) => setEditTool(tool) }),
+    /* @__PURE__ */ jsx14(
+      ToolFormDialog,
+      {
+        config,
+        open: createOpen,
+        onOpenChange: setCreateOpen
+      }
+    ),
+    /* @__PURE__ */ jsx14(
+      ToolFormDialog,
+      {
+        config,
+        open: !!editTool,
+        onOpenChange: (open) => !open && setEditTool(void 0),
+        tool: editTool
+      }
+    )
+  ] });
+}
+
+// src/pages/credentials-page.tsx
+import { useState as useState14 } from "react";
+import { Button as Button13 } from "@greatapps/greatauth-ui/ui";
+import { Plus as Plus5 } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function CredentialsPage({
+  config,
+  gagentsApiUrl,
+  title = "Credenciais",
+  subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
+}) {
+  const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
+  const [createOpen, setCreateOpen] = useState14(false);
+  const credentials = credentialsData?.data || [];
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx15("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs14(Button13, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx15(Plus5, { className: "mr-2 h-4 w-4" }),
+        "Nova Credencial"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15(
+      ToolCredentialsForm,
+      {
+        config,
+        gagentsApiUrl,
+        credentials,
+        isLoading: credentialsLoading,
+        createOpen,
+        onCreateOpenChange: setCreateOpen
+      }
+    )
+  ] });
+}
 export {
+  AgentDetailPage,
+  AgentEditForm,
+  AgentFormDialog,
+  AgentObjectivesList,
+  AgentPromptEditor,
+  AgentTabs,
+  AgentToolsList,
+  AgentsPage,
+  AgentsTable,
+  CredentialsPage,
+  Sortable,
+  SortableContent,
+  SortableItem,
+  SortableItemHandle,
+  SortableOverlay,
+  ToolCredentialsForm,
+  ToolFormDialog,
+  ToolsPage,
+  ToolsTable,
   cn,
   createGagentsClient,
   useAddAgentTool,