@greatapps/greatagents-ui 0.3.1 → 0.3.3

package/dist/index.js

@@ -504,6 +504,7 @@ function useColumns(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
             }
@@ -517,6 +518,7 @@ function useColumns(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onDelete(row.original.id),
               children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
             }
@@ -565,11 +567,14 @@ function AgentsTable({ config, onNavigateToAgent }) {
   }
   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(Search, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Buscar agentes...",
+          placeholder: "Buscar agentes\\u2026",
+          "aria-label": "Buscar agentes",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => handleSearchChange(e.target.value),
           className: "pl-9"
@@ -693,6 +698,7 @@ function AgentFormDialog({
           Input2,
           {
             id: "agent-photo",
+            name: "photo",
             value: photo,
             onChange: (e) => setPhoto(e.target.value),
             placeholder: "https://exemplo.com/foto.jpg",
@@ -706,6 +712,7 @@ function AgentFormDialog({
           Input2,
           {
             id: "agent-title",
+            name: "title",
             value: title,
             onChange: (e) => setTitle(e.target.value),
             placeholder: "Ex: Assistente de Agendamento",
@@ -721,6 +728,7 @@ function AgentFormDialog({
             Input2,
             {
               id: "agent-delay",
+              name: "delay",
               type: "number",
               value: delayTyping,
               onChange: (e) => setDelayTyping(e.target.value),
@@ -736,6 +744,7 @@ function AgentFormDialog({
             Input2,
             {
               id: "agent-waiting",
+              name: "waiting",
               type: "number",
               value: waitingTime,
               onChange: (e) => setWaitingTime(e.target.value),
@@ -758,7 +767,7 @@ function AgentFormDialog({
           }
         ),
         /* @__PURE__ */ jsxs2(Button2, { type: "submit", disabled: isPending || !title.trim(), children: [
-          isPending ? /* @__PURE__ */ jsx2(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isPending ? /* @__PURE__ */ jsx2(Loader2, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -857,6 +866,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
         Input3,
         {
           id: "edit-title",
+          name: "title",
           value: form.title,
           onChange: (e) => {
             setForm((prev) => ({
@@ -890,6 +900,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
           Input3,
           {
             id: "edit-delay",
+            name: "delay",
             type: "number",
             value: form.delayTyping,
             onChange: (e) => updateField("delayTyping", e.target.value),
@@ -907,6 +918,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
           Input3,
           {
             id: "edit-waiting",
+            name: "waiting",
             type: "number",
             value: form.waitingTime,
             onChange: (e) => updateField("waitingTime", e.target.value),
@@ -931,7 +943,7 @@ function AgentEditForm({ config, agent, idAccount, open, onOpenChange }) {
         }
       ),
       /* @__PURE__ */ jsxs3(Button3, { type: "submit", disabled: updateAgent.isPending, children: [
-        updateAgent.isPending && /* @__PURE__ */ jsx3(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+        updateAgent.isPending && /* @__PURE__ */ jsx3(Loader22, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }),
         "Salvar"
       ] })
     ] })
@@ -1100,7 +1112,9 @@ function AgentToolsList({ agent, config }) {
           /* @__PURE__ */ jsx4("div", { className: "p-2", children: /* @__PURE__ */ jsx4(
             Input4,
             {
-              placeholder: "Buscar ferramenta...",
+              placeholder: "Buscar ferramenta\\u2026",
+              "aria-label": "Buscar ferramenta",
+              name: "search",
               value: search,
               onChange: (e) => setSearch(e.target.value),
               className: "h-8"
@@ -1144,6 +1158,7 @@ function AgentToolsList({ agent, config }) {
             /* @__PURE__ */ jsx4(
               Switch2,
               {
+                "aria-label": "Ativar/Desativar",
                 checked: agentTool.enabled,
                 onCheckedChange: (checked) => handleToggleEnabled(agentTool, checked),
                 disabled: updateMutation.isPending
@@ -1154,6 +1169,7 @@ function AgentToolsList({ agent, config }) {
               {
                 variant: "ghost",
                 size: "icon",
+                "aria-label": "Configurar",
                 className: "shrink-0 text-muted-foreground hover:text-foreground",
                 onClick: () => openConfig(agentTool),
                 title: "Configurar instru\xE7\xF5es",
@@ -1165,6 +1181,7 @@ function AgentToolsList({ agent, config }) {
               {
                 variant: "ghost",
                 size: "icon",
+                "aria-label": "Remover",
                 className: "shrink-0 text-muted-foreground hover:text-destructive",
                 onClick: () => setRemoveTarget(agentTool),
                 children: /* @__PURE__ */ jsx4(Trash22, { className: "h-4 w-4" })
@@ -1184,14 +1201,14 @@ function AgentToolsList({ agent, config }) {
           /* @__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__ */ jsx4(Label3, { htmlFor: "tool-credential", 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__ */ jsx4(SelectTrigger, { id: "tool-credential", 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))
@@ -1202,13 +1219,15 @@ function AgentToolsList({ agent, config }) {
               /* @__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(Label3, { htmlFor: "tool-instructions", children: "Instru\xE7\xF5es Personalizadas" }),
               /* @__PURE__ */ jsx4(
                 Textarea,
                 {
+                  id: "tool-instructions",
+                  name: "instructions",
                   value: configInstructions,
                   onChange: (e) => setConfigInstructions(e.target.value),
-                  placeholder: "Instru\xE7\xF5es sobre como e quando o agente deve usar esta ferramenta...",
+                  placeholder: "Instru\\u00e7\\u00f5es sobre como e quando o agente deve usar esta ferramenta\\u2026",
                   rows: 6
                 }
               ),
@@ -1903,7 +1922,7 @@ function AgentObjectivesList({ agent, config }) {
               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__ */ jsx6(SortableItemHandle, { className: "shrink-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx6(GripVertical, { "aria-hidden": "true", 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 }),
@@ -1914,6 +1933,7 @@ function AgentObjectivesList({ agent, config }) {
                 /* @__PURE__ */ jsx6(
                   Switch3,
                   {
+                    "aria-label": "Ativar/Desativar",
                     checked: objective.active,
                     onCheckedChange: (checked) => handleToggleActive(objective, checked),
                     disabled: updateMutation.isPending
@@ -1924,6 +1944,7 @@ function AgentObjectivesList({ agent, config }) {
                   {
                     variant: "ghost",
                     size: "icon",
+                    "aria-label": "Editar",
                     className: "shrink-0 text-muted-foreground hover:text-foreground",
                     onClick: () => openEdit(objective),
                     children: /* @__PURE__ */ jsx6(Pencil2, { className: "h-4 w-4" })
@@ -1934,6 +1955,7 @@ function AgentObjectivesList({ agent, config }) {
                   {
                     variant: "ghost",
                     size: "icon",
+                    "aria-label": "Excluir",
                     className: "shrink-0 text-muted-foreground hover:text-destructive",
                     onClick: () => setRemoveTarget(objective),
                     children: /* @__PURE__ */ jsx6(Trash23, { className: "h-4 w-4" })
@@ -1946,7 +1968,7 @@ function AgentObjectivesList({ agent, config }) {
           /* @__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(GripVertical, { "aria-hidden": "true", className: "h-5 w-5 text-muted-foreground" }),
               /* @__PURE__ */ jsx6("span", { className: "font-medium", children: obj?.title })
             ] });
           } })
@@ -1957,10 +1979,12 @@ function AgentObjectivesList({ agent, config }) {
       /* @__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(Label4, { htmlFor: "objective-title", children: "T\xEDtulo *" }),
           /* @__PURE__ */ jsx6(
             Input5,
             {
+              id: "objective-title",
+              name: "title",
               value: form.title,
               onChange: (e) => {
                 const title = e.target.value;
@@ -1975,10 +1999,12 @@ function AgentObjectivesList({ agent, config }) {
           )
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx6(Label4, { children: "Slug (identificador) *" }),
+          /* @__PURE__ */ jsx6(Label4, { htmlFor: "objective-slug", children: "Slug (identificador) *" }),
           /* @__PURE__ */ jsx6(
             Input5,
             {
+              id: "objective-slug",
+              name: "slug",
               value: form.slug,
               onChange: (e) => {
                 setSlugManual(true);
@@ -1991,13 +2017,15 @@ function AgentObjectivesList({ agent, config }) {
           /* @__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(Label4, { htmlFor: "objective-prompt", children: "Instru\xE7\xF5es do Objetivo" }),
           /* @__PURE__ */ jsx6(
             Textarea2,
             {
+              id: "objective-prompt",
+              name: "prompt",
               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...",
+              placeholder: "Instru\\u00e7\\u00f5es detalhadas que o agente seguir\\u00e1 quando este objetivo for ativado\\u2026",
               rows: 8
             }
           ),
@@ -2206,22 +2234,24 @@ function AgentPromptEditor({ config, agent }) {
           "textarea",
           {
             ref: textareaRef,
+            "aria-label": "Prompt do sistema",
+            name: "prompt",
             value: promptText,
             onChange: (e) => setPromptText(e.target.value),
             onKeyDown: handleKeyDown,
-            placeholder: "Escreva o prompt do sistema aqui...",
+            placeholder: "Escreva o prompt do sistema aqui\\u2026",
             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: [
+          /* @__PURE__ */ jsxs6("span", { className: "tabular-nums", children: [
             charCount.toLocaleString("pt-BR"),
             " caracteres"
           ] }),
           /* @__PURE__ */ jsx7("span", { children: "\xB7" }),
-          /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsxs6("span", { className: "tabular-nums", children: [
             "~",
             tokenEstimate.toLocaleString("pt-BR"),
             " tokens"
@@ -2232,6 +2262,8 @@ function AgentPromptEditor({ config, agent }) {
         /* @__PURE__ */ jsx7(
           Input6,
           {
+            "aria-label": "Notas da altera\xE7\xE3o",
+            name: "changeNotes",
             value: changeNotes,
             onChange: (e) => setChangeNotes(e.target.value),
             placeholder: "O que mudou? (opcional)",
@@ -2356,7 +2388,7 @@ function AgentPromptEditor({ config, agent }) {
                     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" }),
+                      /* @__PURE__ */ jsx7(FileText, { "aria-hidden": "true", className: "h-3 w-3" }),
                       isComparing ? "Ocultar diff" : "Comparar"
                     ]
                   }
@@ -2368,7 +2400,7 @@ function AgentPromptEditor({ config, agent }) {
                     onClick: () => handleRestore(version),
                     className: "flex items-center gap-1 text-xs text-primary hover:underline",
                     children: [
-                      /* @__PURE__ */ jsx7(RotateCcw, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx7(RotateCcw, { "aria-hidden": "true", className: "h-3 w-3" }),
                       "Restaurar"
                     ]
                   }
@@ -2422,7 +2454,7 @@ function ConversationView({
   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" }) })
+      /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", "aria-label": "Fechar", 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: [
@@ -2431,7 +2463,7 @@ function ConversationView({
         "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" }) }) })
+      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx8(Button7, { variant: "ghost", size: "icon", "aria-label": "Fechar", 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" }),
@@ -2524,16 +2556,26 @@ function AgentConversationsTable({
         TableRow,
         {
           className: "cursor-pointer",
+          role: "button",
+          tabIndex: 0,
           onClick: () => setSelectedId(
             selectedId === conversation.id ? null : conversation.id
           ),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              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, { className: "text-right tabular-nums", children: conversation.message_count ?? "\u2014" }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right tabular-nums", 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(
@@ -2541,6 +2583,7 @@ function AgentConversationsTable({
               {
                 href: `/gchat/inbox/${conversation.id_external}`,
                 title: "Ver no Chat",
+                "aria-label": "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" })
@@ -2610,19 +2653,19 @@ 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" }),
+        /* @__PURE__ */ jsx11(FileText2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Prompt"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "objetivos", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(Target2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(Target2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Objetivos"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "ferramentas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(Wrench2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(Wrench2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Ferramentas"
       ] }),
       /* @__PURE__ */ jsxs9(TabsTrigger, { value: "conversas", className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx11(MessageCircle2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11(MessageCircle2, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
         "Conversas"
       ] })
     ] }),
@@ -2688,7 +2731,7 @@ function useColumns2(onEdit, onDelete) {
       cell: ({ row }) => {
         const desc = row.original.description;
         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 });
+        return /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground text-sm", children: desc.length > 50 ? `${desc.slice(0, 50)}\u2026` : desc });
       }
     },
     {
@@ -2710,6 +2753,7 @@ function useColumns2(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx12(Pencil3, { className: "h-4 w-4" })
             }
@@ -2723,6 +2767,7 @@ function useColumns2(onEdit, onDelete) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onDelete(row.original.id),
               children: /* @__PURE__ */ jsx12(Trash24, { className: "h-4 w-4" })
             }
@@ -2771,11 +2816,14 @@ function ToolsTable({ onEdit, config }) {
   }
   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(Search2, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx12(
         Input7,
         {
-          placeholder: "Buscar ferramentas...",
+          placeholder: "Buscar ferramentas\\u2026",
+          "aria-label": "Buscar ferramentas",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => handleSearchChange(e.target.value),
           className: "pl-9"
@@ -2963,6 +3011,7 @@ function ToolFormDialog({
           Input8,
           {
             id: "tool-name",
+            name: "name",
             value: form.name,
             onChange: (e) => {
               const name = e.target.value;
@@ -2985,6 +3034,7 @@ function ToolFormDialog({
           Input8,
           {
             id: "tool-slug",
+            name: "slug",
             value: form.slug,
             onChange: (e) => {
               setSlugManuallyEdited(true);
@@ -3030,9 +3080,10 @@ function ToolFormDialog({
           Textarea3,
           {
             id: "tool-description",
+            name: "description",
             value: form.description,
             onChange: (e) => setForm((prev) => ({ ...prev, description: e.target.value })),
-            placeholder: "Descri\xE7\xE3o da ferramenta...",
+            placeholder: "Descri\\u00e7\\u00e3o da ferramenta\\u2026",
             rows: 3,
             disabled: isPending
           }
@@ -3044,6 +3095,7 @@ function ToolFormDialog({
           Textarea3,
           {
             id: "tool-function-defs",
+            name: "functionDefs",
             value: form.functionDefinitions,
             onChange: (e) => {
               setForm((prev) => ({
@@ -3060,8 +3112,8 @@ function ToolFormDialog({
       "description": "O que a fun\xE7\xE3o faz",
       "parameters": {
         "type": "object",
-        "properties": { ... },
-        "required": [...]
+        "properties": { \u2026 },
+        "required": [\u2026]
       }
     }
   }
@@ -3086,7 +3138,7 @@ function ToolFormDialog({
           }
         ),
         /* @__PURE__ */ jsxs11(Button9, { type: "submit", disabled: isPending, children: [
-          isPending ? /* @__PURE__ */ jsx13(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
+          isPending ? /* @__PURE__ */ jsx13(Loader24, { "aria-hidden": "true", className: "mr-2 h-4 w-4 animate-spin" }) : null,
           isEditing ? "Salvar" : "Criar"
         ] })
       ] })
@@ -3188,6 +3240,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Vincular",
               disabled: true,
               children: /* @__PURE__ */ jsx14(Link, { className: "h-4 w-4" })
             }
@@ -3201,6 +3254,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8",
+              "aria-label": "Editar",
               onClick: () => onEdit(row.original),
               children: /* @__PURE__ */ jsx14(Pencil4, { className: "h-4 w-4" })
             }
@@ -3214,6 +3268,7 @@ function useColumns3(tools, onEdit, onConnect, onRemove) {
               variant: "ghost",
               size: "icon",
               className: "h-8 w-8 text-destructive hover:text-destructive",
+              "aria-label": "Excluir",
               onClick: () => onRemove(row.original),
               children: /* @__PURE__ */ jsx14(Trash25, { className: "h-4 w-4" })
             }
@@ -3363,11 +3418,14 @@ function ToolCredentialsForm({
   }
   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(Search3, { "aria-hidden": "true", className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
       /* @__PURE__ */ jsx14(
         Input9,
         {
-          placeholder: "Buscar credenciais...",
+          placeholder: "Buscar credenciais\\u2026",
+          "aria-label": "Buscar credenciais",
+          name: "search",
+          autoComplete: "off",
           value: search,
           onChange: (e) => setSearch(e.target.value),
           className: "pl-9"
@@ -3387,24 +3445,26 @@ function ToolCredentialsForm({
       /* @__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__ */ jsx14("label", { htmlFor: "cred-tool", 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__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                /* @__PURE__ */ jsx14(SelectTrigger3, { id: "cred-tool", 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__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label *" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-label", className: "mb-1 block text-sm font-medium", children: "Label *" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              id: "cred-label",
+              name: "label",
               value: createForm.label,
               onChange: (e) => setCreateForm((f) => ({ ...f, label: e.target.value })),
               placeholder: "Ex: Google Calendar - Cl\xEDnica S\xE3o Paulo"
@@ -3412,10 +3472,13 @@ function ToolCredentialsForm({
           )
         ] }),
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-credential", className: "mb-1 block text-sm font-medium", children: "Credencial *" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              id: "cred-credential",
+              name: "credential",
+              autoComplete: "off",
               type: "password",
               value: createForm.credentials_encrypted,
               onChange: (e) => setCreateForm((f) => ({
@@ -3427,10 +3490,12 @@ function ToolCredentialsForm({
           )
         ] }),
         /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
+          /* @__PURE__ */ jsx14("label", { htmlFor: "cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o (opcional)" }),
           /* @__PURE__ */ jsx14(
             Input9,
             {
+              id: "cred-expires",
+              name: "expires",
               type: "date",
               value: createForm.expires_at,
               onChange: (e) => setCreateForm((f) => ({ ...f, expires_at: e.target.value }))
@@ -3466,24 +3531,26 @@ function ToolCredentialsForm({
           /* @__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__ */ jsx14("label", { htmlFor: "edit-cred-tool", 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__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, { placeholder: "Selecione a ferramenta" }) }),
+                    /* @__PURE__ */ jsx14(SelectTrigger3, { id: "edit-cred-tool", 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__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Label" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-label", className: "mb-1 block text-sm font-medium", children: "Label" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-label",
+                  name: "label",
                   value: editForm.label,
                   onChange: (e) => setEditForm((f) => ({ ...f, label: e.target.value })),
                   placeholder: "Label da credencial"
@@ -3491,10 +3558,13 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-credential", className: "mb-1 block text-sm font-medium", children: "Nova Credencial (vazio = manter atual)" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-credential",
+                  name: "credential",
+                  autoComplete: "off",
                   type: "password",
                   value: editForm.credentials_encrypted,
                   onChange: (e) => setEditForm((f) => ({
@@ -3506,10 +3576,12 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-expires", className: "mb-1 block text-sm font-medium", children: "Data de Expira\xE7\xE3o" }),
               /* @__PURE__ */ jsx14(
                 Input9,
                 {
+                  id: "edit-cred-expires",
+                  name: "expires",
                   type: "date",
                   value: editForm.expires_at,
                   onChange: (e) => setEditForm((f) => ({ ...f, expires_at: e.target.value }))
@@ -3517,7 +3589,7 @@ function ToolCredentialsForm({
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx14("label", { className: "mb-1 block text-sm font-medium", children: "Status" }),
+              /* @__PURE__ */ jsx14("label", { htmlFor: "edit-cred-status", className: "mb-1 block text-sm font-medium", children: "Status" }),
               /* @__PURE__ */ jsxs12(
                 Select3,
                 {
@@ -3527,7 +3599,7 @@ function ToolCredentialsForm({
                     status: val
                   })),
                   children: [
-                    /* @__PURE__ */ jsx14(SelectTrigger3, { children: /* @__PURE__ */ jsx14(SelectValue3, {}) }),
+                    /* @__PURE__ */ jsx14(SelectTrigger3, { id: "edit-cred-status", children: /* @__PURE__ */ jsx14(SelectValue3, {}) }),
                     /* @__PURE__ */ jsxs12(SelectContent3, { children: [
                       /* @__PURE__ */ jsx14(SelectItem3, { value: "active", children: "Ativo" }),
                       /* @__PURE__ */ jsx14(SelectItem3, { value: "expired", children: "Expirado" })
@@ -3644,7 +3716,7 @@ function AgentDetailPage({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-6 p-4", children: [
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-6 p-4 md:p-6", 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(
@@ -3652,6 +3724,7 @@ function AgentDetailPage({
           {
             variant: "ghost",
             size: "icon",
+            "aria-label": "Voltar",
             className: "shrink-0 mt-1",
             onClick: onBack,
             children: /* @__PURE__ */ jsx16(ArrowLeft, { className: "h-4 w-4" })