@greatapps/greatagents-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -628,7 +628,6 @@ import {
   DialogFooter,
   Button as Button2,
   Input as Input2,
-  Textarea,
   Label
 } from "@greatapps/greatauth-ui/ui";
 import { Loader2 } from "lucide-react";
@@ -644,20 +643,17 @@ function AgentFormDialog({
   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("");
@@ -670,7 +666,6 @@ function AgentFormDialog({
     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);
@@ -719,20 +714,6 @@ function AgentFormDialog({
           }
         )
       ] }),
-      /* @__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)" }),
@@ -983,7 +964,7 @@ import {
   PopoverContent,
   PopoverTrigger,
   Input as Input4,
-  Textarea as Textarea2,
+  Textarea,
   Dialog as Dialog3,
   DialogContent as DialogContent3,
   DialogHeader as DialogHeader3,
@@ -1223,7 +1204,7 @@ function AgentToolsList({ agent, config }) {
             /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx4(Label3, { children: "Instru\xE7\xF5es Personalizadas" }),
               /* @__PURE__ */ jsx4(
-                Textarea2,
+                Textarea,
                 {
                   value: configInstructions,
                   onChange: (e) => setConfigInstructions(e.target.value),
@@ -1289,7 +1270,7 @@ import {
   Button as Button5,
   Switch as Switch3,
   Skeleton as Skeleton2,
-  Textarea as Textarea3,
+  Textarea as Textarea2,
   Label as Label4,
   Badge as Badge3,
   Dialog as Dialog4,
@@ -2012,7 +1993,7 @@ function AgentObjectivesList({ agent, config }) {
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx6(Label4, { children: "Instru\xE7\xF5es do Objetivo" }),
           /* @__PURE__ */ jsx6(
-            Textarea3,
+            Textarea2,
             {
               value: form.prompt,
               onChange: (e) => setForm((f) => ({ ...f, prompt: e.target.value })),
@@ -2141,15 +2122,27 @@ function AgentPromptEditor({ config, agent }) {
   const { data: objectivesData } = useObjectives(config, agent.id);
   const { data: agentToolsData } = useAgentTools(config, agent.id);
   const { data: toolsData } = useTools(config);
+  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.find((v) => v.is_current) || sortedVersions[0] || null;
+  const currentPromptContent = currentVersion?.prompt_content ?? "";
   const [trackedAgentId, setTrackedAgentId] = useState7(agent.id);
-  const [promptText, setPromptText] = useState7(agent.prompt || "");
+  const [promptText, setPromptText] = useState7(currentPromptContent);
+  const [promptInitialized, setPromptInitialized] = useState7(false);
   const [changeNotes, setChangeNotes] = useState7("");
   const [showPreview, setShowPreview] = useState7(false);
   const [compareVersionId, setCompareVersionId] = useState7(null);
   const textareaRef = useRef(null);
+  if (!promptInitialized && currentPromptContent && !isLoading) {
+    setPromptText(currentPromptContent);
+    setPromptInitialized(true);
+  }
   if (trackedAgentId !== agent.id) {
     setTrackedAgentId(agent.id);
-    setPromptText(agent.prompt || "");
+    setPromptText(currentPromptContent);
+    setPromptInitialized(!!currentPromptContent);
     setCompareVersionId(null);
   }
   const autoResize = useCallback3(() => {
@@ -2175,11 +2168,6 @@ function AgentPromptEditor({ config, agent }) {
       });
     }
   }
-  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() {
@@ -2395,6 +2383,220 @@ function AgentPromptEditor({ config, agent }) {
   ] });
 }
 
+// src/components/conversations/agent-conversations-table.tsx
+import { useState as useState8 } from "react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Skeleton as Skeleton5,
+  Badge as Badge5
+} from "@greatapps/greatauth-ui/ui";
+import { MessageCircle, ExternalLink } from "lucide-react";
+
+// src/components/conversations/conversation-view.tsx
+import { Skeleton as Skeleton4, Button as Button7 } from "@greatapps/greatauth-ui/ui";
+import { X, MessageSquare } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function formatDateTime(dateStr) {
+  if (!dateStr) return "\u2014";
+  return new Date(dateStr).toLocaleString("pt-BR");
+}
+function ConversationView({
+  conversationId,
+  onClose,
+  contactsMap,
+  config,
+  renderChatLink
+}) {
+  const { data: conversation, isLoading } = useConversation(config, conversationId);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
+      /* @__PURE__ */ jsx8(Skeleton4, { className: "h-6 w-48" }),
+      /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-2 gap-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx8(Skeleton4, { className: "h-10 w-full" }, i)) })
+    ] });
+  }
+  if (!conversation) {
+    return /* @__PURE__ */ jsx8("div", { className: "rounded-lg border bg-card p-4", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Conversa n\xE3o encontrada." }),
+      /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border bg-card p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs7("h3", { className: "font-semibold", children: [
+        "Detalhes da conversa #",
+        conversation.id
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" }) }) })
+    ] }),
+    conversation.id_external ? renderChatLink ? renderChatLink(conversation.id_external) : /* @__PURE__ */ jsx8(Button7, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxs7("a", { href: `/gchat/inbox/${conversation.id_external}`, children: [
+      /* @__PURE__ */ jsx8(MessageSquare, { className: "mr-2 h-4 w-4" }),
+      "Ver no Chat"
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-2 gap-x-6 gap-y-3 text-sm", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Thread ID" }),
+        /* @__PURE__ */ jsx8("p", { className: "font-mono text-xs mt-0.5", children: conversation.openai_thread_id || "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Contato" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: contactsMap?.get(conversation.id_contact) ?? conversation.id_contact })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Agente" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: conversation.id_agent ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Mensagens" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: conversation.message_count ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Tokens" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: conversation.usage_tokens ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Rota\xE7\xF5es de Thread" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: conversation.rotation_count ?? "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Criado em" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: formatDateTime(conversation.datetime_add) })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground", children: "Atualizado em" }),
+        /* @__PURE__ */ jsx8("p", { className: "mt-0.5", children: formatDateTime(conversation.datetime_alt) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/conversations/agent-conversations-table.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function formatRelativeDate(dateStr) {
+  if (!dateStr) return "\u2014";
+  const date = new Date(dateStr);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMin = Math.floor(diffMs / 6e4);
+  if (diffMin < 1) return "agora";
+  if (diffMin < 60) return `${diffMin}m atr\xE1s`;
+  const diffHours = Math.floor(diffMin / 60);
+  if (diffHours < 24) return `${diffHours}h atr\xE1s`;
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffDays < 30) return `${diffDays}d atr\xE1s`;
+  return date.toLocaleDateString("pt-BR");
+}
+function AgentConversationsTable({
+  conversations,
+  isLoading,
+  contactsMap,
+  objectivesMap,
+  config,
+  renderChatLink
+}) {
+  const [selectedId, setSelectedId] = useState8(null);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx9("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx9(Skeleton5, { className: "h-12 w-full" }, i)) });
+  }
+  if (conversations.length === 0) {
+    return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed p-8 text-center", children: [
+      /* @__PURE__ */ jsx9(MessageCircle, { className: "mb-2 h-8 w-8 text-muted-foreground" }),
+      /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: "Nenhuma conversa encontrada." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs8(Table, { children: [
+      /* @__PURE__ */ jsx9(TableHeader, { children: /* @__PURE__ */ jsxs8(TableRow, { children: [
+        /* @__PURE__ */ jsx9(TableHead, { children: "ID" }),
+        /* @__PURE__ */ jsx9(TableHead, { children: "Contato" }),
+        /* @__PURE__ */ jsx9(TableHead, { children: "Objetivo" }),
+        /* @__PURE__ */ jsx9(TableHead, { className: "text-right", children: "Mensagens" }),
+        /* @__PURE__ */ jsx9(TableHead, { className: "text-right", children: "Tokens" }),
+        /* @__PURE__ */ jsx9(TableHead, { children: "Criado em" }),
+        /* @__PURE__ */ jsx9(TableHead, { children: "Atualizado em" }),
+        /* @__PURE__ */ jsx9(TableHead, { className: "w-10" })
+      ] }) }),
+      /* @__PURE__ */ jsx9(TableBody, { children: conversations.map((conversation) => /* @__PURE__ */ jsxs8(
+        TableRow,
+        {
+          className: "cursor-pointer",
+          onClick: () => setSelectedId(
+            selectedId === conversation.id ? null : conversation.id
+          ),
+          "data-state": selectedId === conversation.id ? "selected" : void 0,
+          children: [
+            /* @__PURE__ */ jsx9(TableCell, { className: "font-mono text-xs", children: conversation.id }),
+            /* @__PURE__ */ jsx9(TableCell, { children: contactsMap?.get(conversation.id_contact) ?? conversation.id_contact }),
+            /* @__PURE__ */ jsx9(TableCell, { children: conversation.id_objective && objectivesMap?.get(conversation.id_objective) ? /* @__PURE__ */ jsx9(Badge5, { variant: "secondary", className: "text-xs", children: objectivesMap.get(conversation.id_objective) }) : /* @__PURE__ */ jsx9("span", { className: "text-xs text-muted-foreground", children: "\u2014" }) }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: conversation.message_count ?? "\u2014" }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: conversation.usage_tokens ?? "\u2014" }),
+            /* @__PURE__ */ jsx9(TableCell, { children: new Date(conversation.datetime_add).toLocaleDateString("pt-BR") }),
+            /* @__PURE__ */ jsx9(TableCell, { children: formatRelativeDate(conversation.datetime_alt) }),
+            /* @__PURE__ */ jsx9(TableCell, { children: conversation.id_external ? renderChatLink ? /* @__PURE__ */ jsx9("span", { onClick: (e) => e.stopPropagation(), children: renderChatLink(conversation.id_external) }) : /* @__PURE__ */ jsx9(
+              "a",
+              {
+                href: `/gchat/inbox/${conversation.id_external}`,
+                title: "Ver no Chat",
+                onClick: (e) => e.stopPropagation(),
+                className: "inline-flex items-center justify-center rounded-md p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+                children: /* @__PURE__ */ jsx9(ExternalLink, { className: "h-4 w-4" })
+              }
+            ) : null })
+          ]
+        },
+        conversation.id
+      )) })
+    ] }),
+    selectedId && /* @__PURE__ */ jsx9(
+      ConversationView,
+      {
+        conversationId: selectedId,
+        onClose: () => setSelectedId(null),
+        contactsMap,
+        config,
+        renderChatLink
+      }
+    )
+  ] });
+}
+
+// src/components/conversations/agent-conversations-panel.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function AgentConversationsPanel({
+  agent,
+  config,
+  renderChatLink
+}) {
+  const { data: conversationsData, isLoading } = useAgentConversations(
+    config,
+    agent.id
+  );
+  const { data: contactsData } = useGagentsContacts(config);
+  const { data: objectivesData } = useObjectives(config, agent.id);
+  const conversations = conversationsData?.data || [];
+  const contactsMap = new Map(
+    (contactsData?.data || []).map((c) => [c.id, c.name])
+  );
+  const objectivesMap = new Map(
+    (objectivesData?.data || []).map((o) => [o.id, o.title])
+  );
+  return /* @__PURE__ */ jsx10("div", { className: "p-4", children: /* @__PURE__ */ jsx10(
+    AgentConversationsTable,
+    {
+      conversations,
+      isLoading,
+      contactsMap,
+      objectivesMap,
+      config,
+      renderChatLink
+    }
+  ) });
+}
+
 // src/components/agents/agent-tabs.tsx
 import {
   Tabs,
@@ -2402,41 +2604,48 @@ import {
   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" }),
+import { Wrench as Wrench2, Target as Target2, FileText as FileText2, MessageCircle as MessageCircle2 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function AgentTabs({ agent, config, renderChatLink }) {
+  return /* @__PURE__ */ jsxs9(Tabs, { defaultValue: "prompt", children: [
+    /* @__PURE__ */ jsxs9(TabsList, { children: [
+      /* @__PURE__ */ jsxs9(TabsTrigger, { value: "prompt", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx11(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" }),
+      /* @__PURE__ */ jsxs9(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx11(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" }),
+      /* @__PURE__ */ jsxs9(TabsTrigger, { value: "ferramentas", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx11(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" }),
+      /* @__PURE__ */ jsxs9(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx11(MessageCircle2, { 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) })
+    /* @__PURE__ */ jsx11(TabsContent, { value: "prompt", className: "mt-4", children: /* @__PURE__ */ jsx11(AgentPromptEditor, { agent, config }) }),
+    /* @__PURE__ */ jsx11(TabsContent, { value: "objetivos", className: "mt-4", children: /* @__PURE__ */ jsx11(AgentObjectivesList, { agent, config }) }),
+    /* @__PURE__ */ jsx11(TabsContent, { value: "ferramentas", className: "mt-4", children: /* @__PURE__ */ jsx11(AgentToolsList, { agent, config }) }),
+    /* @__PURE__ */ jsx11(TabsContent, { value: "conversas", className: "mt-4", children: /* @__PURE__ */ jsx11(
+      AgentConversationsPanel,
+      {
+        agent,
+        config,
+        renderChatLink
+      }
+    ) })
   ] });
 }
 
 // src/components/tools/tools-table.tsx
-import { useMemo as useMemo4, useState as useState8 } from "react";
+import { useMemo as useMemo4, useState as useState9 } from "react";
 import { DataTable as DataTable2 } from "@greatapps/greatauth-ui";
 import {
   Input as Input7,
-  Badge as Badge5,
+  Badge as Badge6,
   Tooltip as Tooltip2,
   TooltipTrigger as TooltipTrigger2,
   TooltipContent as TooltipContent2,
@@ -2448,44 +2657,44 @@ import {
   AlertDialogFooter as AlertDialogFooter4,
   AlertDialogHeader as AlertDialogHeader4,
   AlertDialogTitle as AlertDialogTitle4,
-  Button as Button7
+  Button as Button8
 } 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";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } 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 }),
+      cell: ({ row }) => /* @__PURE__ */ jsx12("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" })
+      cell: ({ row }) => /* @__PURE__ */ jsx12("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 })
+      cell: ({ row }) => /* @__PURE__ */ jsx12(Badge6, { 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 });
+        if (!desc) return /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: "\u2014" });
+        return /* @__PURE__ */ jsx12("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", {
+      cell: ({ row }) => /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: format2(new Date(row.original.datetime_add), "dd/MM/yyyy", {
         locale: ptBR2
       }) })
     },
@@ -2493,40 +2702,40 @@ function useColumns2(onEdit, onDelete) {
       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,
+      cell: ({ row }) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs10(Tooltip2, { children: [
+          /* @__PURE__ */ jsx12(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx12(
+            Button8,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
               onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx9(Pencil3, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx12(Pencil3, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx9(TooltipContent2, { children: "Editar" })
+          /* @__PURE__ */ jsx12(TooltipContent2, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs8(Tooltip2, { children: [
-          /* @__PURE__ */ jsx9(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx9(
-            Button7,
+        /* @__PURE__ */ jsxs10(Tooltip2, { children: [
+          /* @__PURE__ */ jsx12(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx12(
+            Button8,
             {
               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" })
+              children: /* @__PURE__ */ jsx12(Trash24, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx9(TooltipContent2, { children: "Excluir" })
+          /* @__PURE__ */ jsx12(TooltipContent2, { children: "Excluir" })
         ] })
       ] })
     }
   ];
 }
 function ToolsTable({ onEdit, config }) {
-  const [search, setSearch] = useState8("");
-  const [page, setPage] = useState8(1);
+  const [search, setSearch] = useState9("");
+  const [page, setPage] = useState9(1);
   const queryParams = useMemo4(() => {
     const params = {
       limit: "15",
@@ -2539,7 +2748,7 @@ function ToolsTable({ onEdit, config }) {
   }, [search, page]);
   const { data, isLoading } = useTools(config, queryParams);
   const deleteTool = useDeleteTool(config);
-  const [deleteId, setDeleteId] = useState8(null);
+  const [deleteId, setDeleteId] = useState9(null);
   const tools = data?.data || [];
   const total = data?.total || 0;
   const columns = useColumns2(
@@ -2560,10 +2769,10 @@ function ToolsTable({ onEdit, config }) {
     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(
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs10("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx12(Search2, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx12(
         Input7,
         {
           placeholder: "Buscar ferramentas...",
@@ -2573,7 +2782,7 @@ function ToolsTable({ onEdit, config }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx12(
       DataTable2,
       {
         columns,
@@ -2586,19 +2795,19 @@ function ToolsTable({ onEdit, config }) {
         pageSize: 15
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx12(
       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." })
+        children: /* @__PURE__ */ jsxs10(AlertDialogContent4, { children: [
+          /* @__PURE__ */ jsxs10(AlertDialogHeader4, { children: [
+            /* @__PURE__ */ jsx12(AlertDialogTitle4, { children: "Excluir ferramenta?" }),
+            /* @__PURE__ */ jsx12(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(
+          /* @__PURE__ */ jsxs10(AlertDialogFooter4, { children: [
+            /* @__PURE__ */ jsx12(AlertDialogCancel4, { variant: "outline", size: "default", children: "Cancelar" }),
+            /* @__PURE__ */ jsx12(
               AlertDialogAction4,
               {
                 variant: "default",
@@ -2616,16 +2825,16 @@ function ToolsTable({ onEdit, config }) {
 }
 
 // src/components/tools/tool-form-dialog.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import {
   Dialog as Dialog5,
   DialogContent as DialogContent5,
   DialogHeader as DialogHeader5,
   DialogTitle as DialogTitle5,
   DialogFooter as DialogFooter5,
-  Button as Button8,
+  Button as Button9,
   Input as Input8,
-  Textarea as Textarea4,
+  Textarea as Textarea3,
   Label as Label5,
   Select as Select2,
   SelectContent as SelectContent2,
@@ -2635,7 +2844,7 @@ import {
 } 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";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var TOOL_AUTH_TYPES = [
   { value: "none", label: "Nenhuma" },
   { value: "api_key", label: "API Key" },
@@ -2682,9 +2891,9 @@ function ToolFormDialog({
   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(
+  const [form, setForm] = useState10(() => toolToFormState(tool));
+  const [slugManuallyEdited, setSlugManuallyEdited] = useState10(false);
+  const [lastResetKey, setLastResetKey] = useState10(
     () => `${tool?.id}-${open}`
   );
   const resetKey = `${tool?.id}-${open}`;
@@ -2745,12 +2954,12 @@ function ToolFormDialog({
       );
     }
   }
-  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(
+  return /* @__PURE__ */ jsx13(Dialog5, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(DialogContent5, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsx13(DialogHeader5, { children: /* @__PURE__ */ jsx13(DialogTitle5, { children: isEditing ? "Editar Ferramenta" : "Nova Ferramenta" }) }),
+    /* @__PURE__ */ jsxs11("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label5, { htmlFor: "tool-name", children: "Nome *" }),
+        /* @__PURE__ */ jsx13(
           Input8,
           {
             id: "tool-name",
@@ -2768,11 +2977,11 @@ function ToolFormDialog({
             disabled: isPending
           }
         ),
-        form.nameError && /* @__PURE__ */ jsx10("p", { className: "text-sm text-destructive", children: "Nome \xE9 obrigat\xF3rio" })
+        form.nameError && /* @__PURE__ */ jsx13("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(
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label5, { htmlFor: "tool-slug", children: "Slug (identificador \xFAnico) *" }),
+        /* @__PURE__ */ jsx13(
           Input8,
           {
             id: "tool-slug",
@@ -2789,12 +2998,12 @@ function ToolFormDialog({
             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__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Gerado automaticamente a partir do nome. Usado internamente para identificar a ferramenta." }),
+        form.slugError && /* @__PURE__ */ jsx13("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(
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label5, { htmlFor: "tool-type", children: "Tipo de Autentica\xE7\xE3o *" }),
+        /* @__PURE__ */ jsxs11(
           Select2,
           {
             value: form.type,
@@ -2807,18 +3016,18 @@ function ToolFormDialog({
             },
             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__ */ jsx13(SelectTrigger2, { id: "tool-type", children: /* @__PURE__ */ jsx13(SelectValue2, { placeholder: "Selecione o tipo" }) }),
+              /* @__PURE__ */ jsx13(SelectContent2, { children: TOOL_AUTH_TYPES.map((t) => /* @__PURE__ */ jsx13(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__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Define se a ferramenta requer credenciais para funcionar." }),
+        form.typeError && /* @__PURE__ */ jsx13("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,
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label5, { htmlFor: "tool-description", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx13(
+          Textarea3,
           {
             id: "tool-description",
             value: form.description,
@@ -2829,10 +3038,10 @@ function ToolFormDialog({
           }
         )
       ] }),
-      /* @__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,
+      /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx13(Label5, { htmlFor: "tool-function-defs", children: "Defini\xE7\xF5es de Fun\xE7\xE3o (JSON)" }),
+        /* @__PURE__ */ jsx13(
+          Textarea3,
           {
             id: "tool-function-defs",
             value: form.functionDefinitions,
@@ -2862,12 +3071,12 @@ function ToolFormDialog({
             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__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: "Array de defini\xE7\xF5es no formato OpenAI Function Calling." }),
+        form.jsonError && /* @__PURE__ */ jsx13("p", { className: "text-sm text-destructive", children: "JSON inv\xE1lido" })
       ] }),
-      /* @__PURE__ */ jsxs9(DialogFooter5, { children: [
-        /* @__PURE__ */ jsx10(
-          Button8,
+      /* @__PURE__ */ jsxs11(DialogFooter5, { children: [
+        /* @__PURE__ */ jsx13(
+          Button9,
           {
             type: "button",
             variant: "outline",
@@ -2876,8 +3085,8 @@ function ToolFormDialog({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs9(Button8, { type: "submit", disabled: isPending, children: [
-          isPending ? /* @__PURE__ */ jsx10(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+        /* @__PURE__ */ jsxs11(Button9, { type: "submit", disabled: isPending, children: [
+          isPending ? /* @__PURE__ */ jsx13(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -2886,12 +3095,12 @@ function ToolFormDialog({
 }
 
 // src/components/tools/tool-credentials-form.tsx
-import { useMemo as useMemo5, useState as useState10 } from "react";
+import { useMemo as useMemo5, useState as useState11 } from "react";
 import { DataTable as DataTable3 } from "@greatapps/greatauth-ui";
 import {
   Input as Input9,
-  Button as Button9,
-  Badge as Badge6,
+  Button as Button10,
+  Badge as Badge7,
   Tooltip as Tooltip3,
   TooltipTrigger as TooltipTrigger3,
   TooltipContent as TooltipContent3,
@@ -2918,7 +3127,7 @@ import { Trash2 as Trash25, Pencil as Pencil4, Link, Search as Search3 } from "l
 import { format as format3 } from "date-fns";
 import { ptBR as ptBR3 } from "date-fns/locale";
 import { toast as toast9 } from "sonner";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function formatDate2(dateStr) {
   if (!dateStr) return "Sem expira\xE7\xE3o";
   return format3(new Date(dateStr), "dd/MM/yyyy", { locale: ptBR3 });
@@ -2938,18 +3147,18 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
     {
       accessorKey: "label",
       header: "Label",
-      cell: ({ row }) => /* @__PURE__ */ jsx11("span", { className: "font-medium", children: row.original.label || "\u2014" })
+      cell: ({ row }) => /* @__PURE__ */ jsx14("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) })
+      cell: ({ row }) => /* @__PURE__ */ jsx14("span", { className: "text-sm", children: getToolName(row.original.id_tool) })
     },
     {
       accessorKey: "status",
       header: "Status",
-      cell: ({ row }) => /* @__PURE__ */ jsx11(
-        Badge6,
+      cell: ({ row }) => /* @__PURE__ */ jsx14(
+        Badge7,
         {
           variant: row.original.status === "active" ? "default" : "destructive",
           children: row.original.status === "active" ? "Ativo" : "Expirado"
@@ -2959,57 +3168,57 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
     {
       accessorKey: "expires_at",
       header: "Expira em",
-      cell: ({ row }) => /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground text-sm", children: formatDate2(row.original.expires_at) })
+      cell: ({ row }) => /* @__PURE__ */ jsx14("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) })
+      cell: ({ row }) => /* @__PURE__ */ jsx14("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,
+      cell: ({ row }) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1", children: [
+        getToolType(row.original.id_tool) === "oauth2" && /* @__PURE__ */ jsxs12(Tooltip3, { children: [
+          /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Button10,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
               disabled: true,
-              children: /* @__PURE__ */ jsx11(Link, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx14(Link, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Em breve" })
+          /* @__PURE__ */ jsx14(TooltipContent3, { children: "Em breve" })
         ] }),
-        /* @__PURE__ */ jsxs10(Tooltip3, { children: [
-          /* @__PURE__ */ jsx11(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
-            Button9,
+        /* @__PURE__ */ jsxs12(Tooltip3, { children: [
+          /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Button10,
             {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
               onClick: () => onEdit(row.original),
-              children: /* @__PURE__ */ jsx11(Pencil4, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx14(Pencil4, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Editar" })
+          /* @__PURE__ */ jsx14(TooltipContent3, { children: "Editar" })
         ] }),
-        /* @__PURE__ */ jsxs10(Tooltip3, { children: [
-          /* @__PURE__ */ jsx11(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
-            Button9,
+        /* @__PURE__ */ jsxs12(Tooltip3, { children: [
+          /* @__PURE__ */ jsx14(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Button10,
             {
               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" })
+              children: /* @__PURE__ */ jsx14(Trash25, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx11(TooltipContent3, { children: "Remover" })
+          /* @__PURE__ */ jsx14(TooltipContent3, { children: "Remover" })
         ] })
       ] })
     }
@@ -3028,25 +3237,25 @@ function ToolCredentialsForm({
   const deleteMutation = useDeleteToolCredential(config);
   const { data: toolsData } = useTools(config);
   const tools = toolsData?.data || [];
-  const [search, setSearch] = useState10("");
-  const [internalCreateOpen, setInternalCreateOpen] = useState10(false);
+  const [search, setSearch] = useState11("");
+  const [internalCreateOpen, setInternalCreateOpen] = useState11(false);
   const showCreateDialog = externalCreateOpen ?? internalCreateOpen;
   const setShowCreateDialog = onCreateOpenChange ?? setInternalCreateOpen;
-  const [createForm, setCreateForm] = useState10({
+  const [createForm, setCreateForm] = useState11({
     id_tool: "",
     label: "",
     credentials_encrypted: "",
     expires_at: ""
   });
-  const [editTarget, setEditTarget] = useState10(null);
-  const [editForm, setEditForm] = useState10({
+  const [editTarget, setEditTarget] = useState11(null);
+  const [editForm, setEditForm] = useState11({
     id_tool: "",
     label: "",
     credentials_encrypted: "",
     expires_at: "",
     status: ""
   });
-  const [removeTarget, setRemoveTarget] = useState10(null);
+  const [removeTarget, setRemoveTarget] = useState11(null);
   const filteredCredentials = useMemo5(() => {
     if (!search) return credentials;
     const term = search.toLowerCase();
@@ -3152,10 +3361,10 @@ function ToolCredentialsForm({
     const url = `${gagentsApiUrl}/v1/${language}/${idWl}/accounts/${config.accountId}/oauth/connect?id_tool=${cred.id_tool}`;
     window.open(url, "_blank");
   }
-  return /* @__PURE__ */ 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(
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs12("div", { className: "relative flex-1 max-w-md", children: [
+      /* @__PURE__ */ jsx14(Search3, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx14(
         Input9,
         {
           placeholder: "Buscar credenciais...",
@@ -3165,7 +3374,7 @@ function ToolCredentialsForm({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx14(
       DataTable3,
       {
         columns,
@@ -3174,26 +3383,26 @@ function ToolCredentialsForm({
         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(
+    /* @__PURE__ */ jsx14(Dialog6, { open: showCreateDialog, onOpenChange: setShowCreateDialog, children: /* @__PURE__ */ jsxs12(DialogContent6, { children: [
+      /* @__PURE__ */ jsx14(DialogHeader6, { children: /* @__PURE__ */ jsx14(DialogTitle6, { children: "Nova Credencial" }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+          /* @__PURE__ */ jsxs12(
             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__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx14(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx14(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(
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx14(
             Input9,
             {
               value: createForm.label,
@@ -3202,9 +3411,9 @@ function ToolCredentialsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
-          /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx14(
             Input9,
             {
               type: "password",
@@ -3217,9 +3426,9 @@ function ToolCredentialsForm({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
-          /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx14(
             Input9,
             {
               type: "date",
@@ -3229,17 +3438,17 @@ function ToolCredentialsForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10(DialogFooter6, { children: [
-        /* @__PURE__ */ jsx11(
-          Button9,
+      /* @__PURE__ */ jsxs12(DialogFooter6, { children: [
+        /* @__PURE__ */ jsx14(
+          Button10,
           {
             variant: "outline",
             onClick: () => setShowCreateDialog(false),
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsx11(
-          Button9,
+        /* @__PURE__ */ jsx14(
+          Button10,
           {
             onClick: handleCreate,
             disabled: !createForm.id_tool || !createForm.label.trim() || !createForm.credentials_encrypted.trim() || createMutation.isPending,
@@ -3248,31 +3457,31 @@ function ToolCredentialsForm({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx14(
       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(
+        children: /* @__PURE__ */ jsxs12(DialogContent6, { children: [
+          /* @__PURE__ */ jsx14(DialogHeader6, { children: /* @__PURE__ */ jsx14(DialogTitle6, { children: "Editar Credencial" }) }),
+          /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Ferramenta *" }),
+              /* @__PURE__ */ jsxs12(
                 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__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx14(SelectContent3, { children: tools.map((tool) => /* @__PURE__ */ jsx14(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(
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx14(
                 Input9,
                 {
                   value: editForm.label,
@@ -3281,9 +3490,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
-              /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx14(
                 Input9,
                 {
                   type: "password",
@@ -3296,9 +3505,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
-              /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx14(
                 Input9,
                 {
                   type: "date",
@@ -3307,9 +3516,9 @@ function ToolCredentialsForm({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("label", { className: "mb-1 block text-sm font-medium", children: "Status" }),
-              /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsxs12(
                 Select3,
                 {
                   value: editForm.status || void 0,
@@ -3318,20 +3527,20 @@ function ToolCredentialsForm({
                     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__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, {}) }),
+                    /* @__PURE__ */ jsxs12(SelectContent3, { children: [
+                      /* @__PURE__ */ jsx14(SelectItem3, { value: "active", children: "Ativo" }),
+                      /* @__PURE__ */ jsx14(SelectItem3, { value: "expired", children: "Expirado" })
                     ] })
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs10(DialogFooter6, { children: [
-            /* @__PURE__ */ jsx11(Button9, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
-            /* @__PURE__ */ jsx11(
-              Button9,
+          /* @__PURE__ */ jsxs12(DialogFooter6, { children: [
+            /* @__PURE__ */ jsx14(Button10, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancelar" }),
+            /* @__PURE__ */ jsx14(
+              Button10,
               {
                 onClick: handleSaveEdit,
                 disabled: updateMutation.isPending,
@@ -3342,19 +3551,19 @@ function ToolCredentialsForm({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx14(
       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." })
+        children: /* @__PURE__ */ jsxs12(AlertDialogContent5, { children: [
+          /* @__PURE__ */ jsxs12(AlertDialogHeader5, { children: [
+            /* @__PURE__ */ jsx14(AlertDialogTitle5, { children: "Remover credencial?" }),
+            /* @__PURE__ */ jsx14(AlertDialogDescription5, { children: "A credencial ser\xE1 removida permanentemente." })
           ] }),
-          /* @__PURE__ */ jsxs10(AlertDialogFooter5, { children: [
-            /* @__PURE__ */ jsx11(AlertDialogCancel5, { children: "Cancelar" }),
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs12(AlertDialogFooter5, { children: [
+            /* @__PURE__ */ jsx14(AlertDialogCancel5, { children: "Cancelar" }),
+            /* @__PURE__ */ jsx14(
               AlertDialogAction5,
               {
                 onClick: handleRemove,
@@ -3370,30 +3579,30 @@ function ToolCredentialsForm({
 }
 
 // src/pages/agents-page.tsx
-import { useState as useState11 } from "react";
-import { Button as Button10 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState12 } from "react";
+import { Button as Button11 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus3 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } 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 })
+  const [createOpen, setCreateOpen] = useState12(false);
+  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__ */ jsx15("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx15("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" }),
+      /* @__PURE__ */ jsxs13(Button11, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx15(Plus3, { className: "mr-2 h-4 w-4" }),
         "Novo Agente"
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(AgentsTable, { config, onNavigateToAgent }),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx15(AgentsTable, { config, onNavigateToAgent }),
+    /* @__PURE__ */ jsx15(
       AgentFormDialog,
       {
         config,
@@ -3405,54 +3614,54 @@ function AgentsPage({
 }
 
 // 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 { useState as useState13 } from "react";
+import { Badge as Badge8, Button as Button12, Skeleton as Skeleton6 } 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";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function AgentDetailPage({
   config,
   agentId,
   onBack,
-  renderConversationsTab
+  renderChatLink
 }) {
   const { data: agent, isLoading } = useAgent(config, agentId);
-  const [editOpen, setEditOpen] = useState12(false);
+  const [editOpen, setEditOpen] = useState13(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" })
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-4 w-32" }),
+      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-8 w-48" }),
+      /* @__PURE__ */ jsx16(Skeleton6, { className: "h-10 w-full" }),
+      /* @__PURE__ */ jsx16(Skeleton6, { 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" }),
+    return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center gap-2 p-8", children: [
+      /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Agente n\xE3o encontrado" }),
+      onBack && /* @__PURE__ */ jsxs14(Button12, { variant: "ghost", size: "sm", onClick: onBack, children: [
+        /* @__PURE__ */ jsx16(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,
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-6 p-4", children: [
+    /* @__PURE__ */ jsx16("div", { className: "rounded-lg border p-4 md:p-6", children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:gap-6", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3 flex-1", children: [
+        onBack && /* @__PURE__ */ jsx16(
+          Button12,
           {
             variant: "ghost",
             size: "icon",
             className: "shrink-0 mt-1",
             onClick: onBack,
-            children: /* @__PURE__ */ jsx13(ArrowLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx16(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,
+        /* @__PURE__ */ jsx16(EntityAvatar2, { photo: agent.photo, name: agent.title, size: "xl" }),
+        /* @__PURE__ */ jsx16("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx16("h1", { className: "text-xl font-semibold", children: agent.title }),
+          /* @__PURE__ */ jsx16(
+            Badge8,
             {
               variant: agent.active ? "default" : "destructive",
               className: "text-xs",
@@ -3461,29 +3670,29 @@ function AgentDetailPage({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ jsxs12(
-        Button11,
+      /* @__PURE__ */ jsxs14(
+        Button12,
         {
           variant: "outline",
           size: "sm",
           className: "shrink-0 self-start",
           onClick: () => setEditOpen(true),
           children: [
-            /* @__PURE__ */ jsx13(Pencil5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx16(Pencil5, { className: "mr-2 h-4 w-4" }),
             "Editar"
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx16(
       AgentTabs,
       {
         agent,
         config,
-        renderConversationsTab
+        renderChatLink
       }
     ),
-    editOpen && /* @__PURE__ */ jsx13(
+    editOpen && /* @__PURE__ */ jsx16(
       AgentEditForm,
       {
         agent,
@@ -3497,30 +3706,30 @@ function AgentDetailPage({
 }
 
 // src/pages/tools-page.tsx
-import { useState as useState13 } from "react";
-import { Button as Button12 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState14 } from "react";
+import { Button as Button13 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus4 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } 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 })
+  const [createOpen, setCreateOpen] = useState14(false);
+  const [editTool, setEditTool] = useState14(void 0);
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx17("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx17("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" }),
+      /* @__PURE__ */ jsxs15(Button13, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx17(Plus4, { className: "mr-2 h-4 w-4" }),
         "Nova Ferramenta"
       ] })
     ] }),
-    /* @__PURE__ */ jsx14(ToolsTable, { config, onEdit: (tool) => setEditTool(tool) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx17(ToolsTable, { config, onEdit: (tool) => setEditTool(tool) }),
+    /* @__PURE__ */ jsx17(
       ToolFormDialog,
       {
         config,
@@ -3528,7 +3737,7 @@ function ToolsPage({
         onOpenChange: setCreateOpen
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx17(
       ToolFormDialog,
       {
         config,
@@ -3541,10 +3750,10 @@ function ToolsPage({
 }
 
 // src/pages/credentials-page.tsx
-import { useState as useState14 } from "react";
-import { Button as Button13 } from "@greatapps/greatauth-ui/ui";
+import { useState as useState15 } from "react";
+import { Button as Button14 } from "@greatapps/greatauth-ui/ui";
 import { Plus as Plus5 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function CredentialsPage({
   config,
   gagentsApiUrl,
@@ -3552,20 +3761,20 @@ function CredentialsPage({
   subtitle = "Gerencie as credenciais de autentica\xE7\xE3o das ferramentas"
 }) {
   const { data: credentialsData, isLoading: credentialsLoading } = useToolCredentials(config);
-  const [createOpen, setCreateOpen] = useState14(false);
+  const [createOpen, setCreateOpen] = useState15(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 })
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx18("h1", { className: "text-xl font-semibold", children: title }),
+        /* @__PURE__ */ jsx18("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" }),
+      /* @__PURE__ */ jsxs16(Button14, { onClick: () => setCreateOpen(true), size: "sm", children: [
+        /* @__PURE__ */ jsx18(Plus5, { className: "mr-2 h-4 w-4" }),
         "Nova Credencial"
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx18(
       ToolCredentialsForm,
       {
         config,
@@ -3579,6 +3788,8 @@ function CredentialsPage({
   ] });
 }
 export {
+  AgentConversationsPanel,
+  AgentConversationsTable,
   AgentDetailPage,
   AgentEditForm,
   AgentFormDialog,
@@ -3588,6 +3799,7 @@ export {
   AgentToolsList,
   AgentsPage,
   AgentsTable,
+  ConversationView,
   CredentialsPage,
   Sortable,
   SortableContent,