fix(frontend): migrate Gestão de Empresas to Go backend

Replace Appwrite-based empresa route with direct Go API calls.
- Remove Models.Document dependency (cause of infinite loading)
- Call /api/v1/companies with auth token from localStorage
- Map corporate_name, category, license_number to new API fields
- Rewrite EmpresaList with proper Go Company type and clean table
- Rewrite EmpresaModal with correct fields matching Go backend

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/app/dashboard/empresa-novo/page.tsx

@@ -1,53 +1,63 @@
-"use client";
+"use client";
 
 import { useEffect, useMemo, useState } from "react";
-import { Models } from "@/lib/appwrite";
 import EmpresaList from "@/components/EmpresaList";
 import EmpresaModal from "@/components/EmpresaModal";
+import { API_V1_BASE_URL } from "@/lib/apiBase";
 
-interface EmpresaFormData {
+export interface Company {
+  id: string;
   cnpj: string;
-  razaoSocial: string;
-  nomeFantasia: string;
+  corporate_name: string;
+  category: string;
+  license_number: string;
+  is_verified: boolean;
+  city: string;
+  state: string;
+  phone: string;
+  created_at: string;
+  updated_at: string;
 }
 
-const emptyForm: EmpresaFormData = {
-  cnpj: "",
-  razaoSocial: "",
-  nomeFantasia: "",
-};
+export interface EmpresaFormData {
+  cnpj: string;
+  corporate_name: string;
+  category: string;
+  license_number: string;
+}
 
-const toPayload = (empresa: EmpresaFormData) => ({
-  data: {
-    cnpj: empresa.cnpj.replace(/\D/g, ""),
-    "razao-social": empresa.razaoSocial,
-    "nome-fantasia": empresa.nomeFantasia,
-  },
+const getToken = () =>
+  typeof window !== "undefined" ? localStorage.getItem("access_token") ?? "" : "";
+
+const authHeaders = () => ({
+  "Content-Type": "application/json",
+  Authorization: `Bearer ${getToken()}`,
 });
 
 export default function EmpresaNovoPage() {
-  const [empresas, setEmpresas] = useState<Models.Document[]>([]);
+  const [empresas, setEmpresas] = useState<Company[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [searchTerm, setSearchTerm] = useState("");
   const [modalOpen, setModalOpen] = useState(false);
-  const [empresaEditando, setEmpresaEditando] = useState<Models.Document | null>(null);
+  const [empresaEditando, setEmpresaEditando] = useState<Company | null>(null);
 
   const carregarEmpresas = async () => {
     setLoading(true);
     setError(null);
 
     try {
-      const response = await fetch("/api/empresas?page=1&limit=200", {
+      const response = await fetch(`${API_V1_BASE_URL}/companies?limit=200`, {
+        headers: authHeaders(),
         cache: "no-store",
       });
       const data = await response.json();
 
-      if (!response.ok || !data.success) {
-        throw new Error(data.error || "Erro ao carregar empresas");
+      if (!response.ok) {
+        throw new Error(data.message || "Erro ao carregar empresas");
       }
 
-      setEmpresas(Array.isArray(data.documents) ? data.documents : []);
+      setEmpresas(Array.isArray(data.tenants) ? data.tenants : []);
     } catch (err) {
       const message = err instanceof Error ? err.message : "Erro ao carregar empresas";
       setError(message);
@@ -63,23 +73,12 @@ export default function EmpresaNovoPage() {
 
   const empresasFiltradas = useMemo(() => {
     const term = searchTerm.trim().toLowerCase();
-
-    if (!term) {
-      return empresas;
-    }
-
-    return empresas.filter((empresa) => {
-      const empresaData = empresa as unknown as Record<string, string | undefined>;
-      const values = [
-        empresaData["nome-fantasia"],
-        empresaData["razao-social"],
-        empresaData.cnpj,
-      ]
+    if (!term) return empresas;
+    return empresas.filter((e) =>
+      [e.corporate_name, e.cnpj, e.city, e.state]
         .filter(Boolean)
-        .map((value) => String(value).toLowerCase());
-
-      return values.some((value) => value.includes(term));
-    });
+        .some((v) => v.toLowerCase().includes(term))
+    );
   }, [empresas, searchTerm]);
 
   const handleSave = async (formData: EmpresaFormData) => {
@@ -87,20 +86,26 @@ export default function EmpresaNovoPage() {
     setError(null);
 
     try {
-      const isEdicao = Boolean(empresaEditando?.$id);
-      const url = isEdicao ? `/api/empresas/${empresaEditando!.$id}` : "/api/empresas";
+      const isEdicao = Boolean(empresaEditando?.id);
+      const url = isEdicao
+        ? `${API_V1_BASE_URL}/companies/${empresaEditando!.id}`
+        : `${API_V1_BASE_URL}/companies`;
       const method = isEdicao ? "PATCH" : "POST";
+
       const response = await fetch(url, {
         method,
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify(toPayload(formData)),
+        headers: authHeaders(),
+        body: JSON.stringify({
+          cnpj: formData.cnpj.replace(/\D/g, ""),
+          corporate_name: formData.corporate_name,
+          category: formData.category || "farmacia",
+          license_number: formData.license_number || "PENDING",
+        }),
       });
       const data = await response.json().catch(() => ({}));
 
-      if (!response.ok || !data.success) {
-        throw new Error(data.error || "Erro ao salvar empresa");
+      if (!response.ok) {
+        throw new Error(data.message || "Erro ao salvar empresa");
       }
 
       setModalOpen(false);
@@ -117,13 +122,14 @@ export default function EmpresaNovoPage() {
 
   const handleDelete = async (id: string) => {
     try {
-      const response = await fetch(`/api/empresas/${id}`, {
+      const response = await fetch(`${API_V1_BASE_URL}/companies/${id}`, {
         method: "DELETE",
+        headers: authHeaders(),
       });
-      const data = await response.json().catch(() => ({}));
 
-      if (!response.ok || data.success === false) {
-        throw new Error(data.error || "Erro ao excluir empresa");
+      if (!response.ok && response.status !== 204) {
+        const data = await response.json().catch(() => ({}));
+        throw new Error(data.message || "Erro ao excluir empresa");
       }
 
       await carregarEmpresas();
@@ -155,7 +161,7 @@ export default function EmpresaNovoPage() {
                 type="text"
                 value={searchTerm}
                 onChange={(event) => setSearchTerm(event.target.value)}
-                placeholder="Buscar por nome fantasia, razão social ou CNPJ"
+                placeholder="Buscar por razão social, CNPJ ou cidade"
                 className="flex-1 rounded-xl border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 outline-none transition focus:border-slate-500 focus:ring-2 focus:ring-slate-200"
               />
               <button
@@ -182,7 +188,6 @@ export default function EmpresaNovoPage() {
           <EmpresaList
             empresas={empresasFiltradas}
             loading={loading}
-            error={error}
             onEdit={(empresa) => {
               setEmpresaEditando(empresa);
               setModalOpen(true);
@@ -199,11 +204,9 @@ export default function EmpresaNovoPage() {
           setEmpresaEditando(null);
         }}
         onSave={handleSave}
-        empresa={empresaEditando || undefined}
+        empresa={empresaEditando ?? undefined}
         loading={loading}
       />
     </main>
   );
 }
-
-

frontend/src/components/EmpresaList.tsx

@@ -1,105 +1,92 @@
-import React from 'react';
-import { Models } from '@/lib/appwrite';
-import ListHeader from './ListHeader';
-import DataTable, { Column } from './DataTable';
-import Pagination from './Pagination';
-import TableActions from './TableActions';
+import React from "react";
+import { Company } from "@/app/dashboard/empresa-novo/page";
 
 interface EmpresaListProps {
-  empresas: Models.Document[];
+  empresas: Company[];
   loading: boolean;
-  error: string | null;
-  onEdit: (empresa: Models.Document) => void;
+  onEdit: (empresa: Company) => void;
   onDelete: (id: string) => Promise<boolean>;
 }
 
-const EmpresaList: React.FC<EmpresaListProps> = ({
-  empresas,
-  loading,
-  error,
-  onEdit,
-  onDelete,
-}) => {
-  const handleDelete = async (id: string) => {
-    // Validar se o ID foi fornecido
-    if (!id) {
-      alert('❌ Erro: ID da empresa não encontrado.');
-      return;
-    }
-
-    // Encontrar a empresa na lista para mostrar informações no confirm
-    const empresa = empresas.find(emp => emp.$id === id);
-    if (!empresa) {
-      console.warn('⚠️ Empresa não encontrada na lista:', id);
-      alert('❌ Erro: Empresa não encontrada na lista. Pode já ter sido excluída.');
-      return;
-    }
-
-    const nomeEmpresa = (empresa as any)['nome-fantasia'] || (empresa as any)['razao-social'] || 'Empresa sem nome';
-    const confirmMessage = `⚠️ Tem certeza que deseja deletar a empresa "${nomeEmpresa}"?\n\nEsta ação não pode ser desfeita.`;
-    
-    if (confirm(confirmMessage)) {
-      console.log('🗑️ Iniciando exclusão da empresa:', { id, nome: nomeEmpresa });
-      
-      try {
-        await onDelete(id);
-        console.log('✅ Exclusão concluída com sucesso');
-      } catch (error) {
-        console.error('❌ Erro durante a exclusão:', error);
-        alert('❌ Erro ao excluir a empresa. Tente novamente.');
-      }
-    }
+const EmpresaList: React.FC<EmpresaListProps> = ({ empresas, loading, onEdit, onDelete }) => {
+  const handleDelete = async (empresa: Company) => {
+    const confirm_msg = `Tem certeza que deseja deletar "${empresa.corporate_name}"?\n\nEsta ação não pode ser desfeita.`;
+    if (!window.confirm(confirm_msg)) return;
+    await onDelete(empresa.id);
   };
 
-  const columns: Column<Models.Document>[] = [
-    { key: 'nome-fantasia', header: 'Nome Fantasia' },
-    { key: 'razao-social', header: 'Razão Social' },
-    { key: 'cnpj', header: 'CNPJ' },
-    { key: '$id', header: 'ID' },
-  ];
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-16 text-slate-500 text-sm">
+        Carregando empresas...
+      </div>
+    );
+  }
 
-  const totalEmpresas = empresas.length;
+  if (empresas.length === 0) {
+    return (
+      <div className="flex items-center justify-center py-16 text-slate-400 text-sm">
+        Nenhuma empresa encontrada.
+      </div>
+    );
+  }
 
   return (
-    <div className="container mx-auto px-4 py-8">
-      <ListHeader title="Lista de Empresas">
-      </ListHeader>
-
-      {error && (
-        <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
-          {error}
+    <div className="overflow-x-auto">
+      <table className="w-full text-sm">
+        <thead>
+          <tr className="border-b border-slate-200 text-left text-xs font-medium uppercase tracking-wider text-slate-500">
+            <th className="px-6 py-4">Razão Social</th>
+            <th className="px-6 py-4">CNPJ</th>
+            <th className="px-6 py-4">Categoria</th>
+            <th className="px-6 py-4">Cidade / UF</th>
+            <th className="px-6 py-4">Verificada</th>
+            <th className="px-6 py-4 text-right">Ações</th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-slate-100">
+          {empresas.map((empresa) => (
+            <tr key={empresa.id} className="hover:bg-slate-50 transition-colors">
+              <td className="px-6 py-4 font-medium text-slate-900">{empresa.corporate_name}</td>
+              <td className="px-6 py-4 text-slate-600">{empresa.cnpj}</td>
+              <td className="px-6 py-4 text-slate-600 capitalize">{empresa.category}</td>
+              <td className="px-6 py-4 text-slate-600">
+                {[empresa.city, empresa.state].filter(Boolean).join(" / ") || "—"}
+              </td>
+              <td className="px-6 py-4">
+                <span
+                  className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${
+                    empresa.is_verified
+                      ? "bg-green-100 text-green-700"
+                      : "bg-yellow-100 text-yellow-700"
+                  }`}
+                >
+                  {empresa.is_verified ? "Sim" : "Não"}
+                </span>
+              </td>
+              <td className="px-6 py-4 text-right">
+                <div className="flex justify-end gap-2">
+                  <button
+                    onClick={() => onEdit(empresa)}
+                    className="rounded-lg border border-slate-200 px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-100 transition"
+                  >
+                    Editar
+                  </button>
+                  <button
+                    onClick={() => handleDelete(empresa)}
+                    className="rounded-lg border border-red-200 px-3 py-1.5 text-xs font-medium text-red-600 hover:bg-red-50 transition"
+                  >
+                    Excluir
+                  </button>
                 </div>
-      )}
-
-      {loading ? (
-        <div className="flex justify-center items-center min-h-screen">
-          <div className="text-lg">Carregando empresas...</div>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+      <div className="border-t border-slate-100 px-6 py-3 text-xs text-slate-400">
+        {empresas.length} empresa{empresas.length !== 1 ? "s" : ""} encontrada{empresas.length !== 1 ? "s" : ""}
       </div>
-      ) : (
-        <>
-          <DataTable
-            columns={columns}
-            data={empresas}
-            actions={(empresa) => (
-              <TableActions
-                onEdit={() => onEdit(empresa)}
-                onDelete={() => handleDelete(empresa.$id)}
-              />
-            )}
-          />
-
-          <div className="mt-4 flex justify-between items-center">
-            <div className="text-sm text-gray-600">
-              {totalEmpresas > 0 ? (
-                <>Mostrando 1 - {totalEmpresas} de {totalEmpresas} empresas</>
-              ) : (
-                'Total de empresas: 0'
-              )}
-            </div>
-            <Pagination page={1} total={1} onPrev={() => {}} onNext={() => {}} />
-          </div>
-        </>
-      )}
     </div>
   );
 };

frontend/src/components/EmpresaModal.tsx

@@ -1,41 +1,47 @@
-import React, { useState, useEffect } from 'react';
-import { X, Save, RefreshCw } from 'lucide-react';
+import React, { useState, useEffect } from "react";
+import { X, Save, RefreshCw } from "lucide-react";
+import { Company, EmpresaFormData } from "@/app/dashboard/empresa-novo/page";
 
 interface EmpresaModalProps {
   isOpen: boolean;
   onClose: () => void;
-  onSave: (empresa: any) => Promise<void>;
-  empresa?: any;
+  onSave: (empresa: EmpresaFormData) => Promise<void>;
+  empresa?: Company;
   loading?: boolean;
 }
 
+const CATEGORIES = [
+  { value: "farmacia", label: "Farmácia" },
+  { value: "distribuidora", label: "Distribuidora" },
+  { value: "platform", label: "Plataforma" },
+];
+
+const emptyForm: EmpresaFormData = {
+  cnpj: "",
+  corporate_name: "",
+  category: "farmacia",
+  license_number: "",
+};
+
 const EmpresaModal: React.FC<EmpresaModalProps> = ({
   isOpen,
   onClose,
   onSave,
   empresa,
-    loading = false
+  loading = false,
 }) => {
-    const [formData, setFormData] = useState({
-        cnpj: '',
-        razaoSocial: '',
-        nomeFantasia: ''
-    });
+  const [formData, setFormData] = useState<EmpresaFormData>(emptyForm);
 
-    // Carregar dados da empresa quando for edição
   useEffect(() => {
     if (empresa) {
       setFormData({
-                cnpj: (empresa as any).cnpj || '',
-                razaoSocial: (empresa as any)['razao-social'] || '',
-                nomeFantasia: (empresa as any)['nome-fantasia'] || ''
+        cnpj: empresa.cnpj ?? "",
+        corporate_name: empresa.corporate_name ?? "",
+        category: empresa.category ?? "farmacia",
+        license_number: empresa.license_number ?? "",
       });
     } else {
-            setFormData({
-                cnpj: '',
-                razaoSocial: '',
-                nomeFantasia: ''
-            });
+      setFormData(emptyForm);
     }
   }, [empresa]);
 
@@ -44,44 +50,38 @@ const EmpresaModal: React.FC<EmpresaModalProps> = ({
     await onSave(formData);
   };
 
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
     const { name, value } = e.target;
-        setFormData(prev => ({
-            ...prev,
-            [name]: value
-        }));
+    setFormData((prev) => ({ ...prev, [name]: value }));
   };
 
   if (!isOpen) return null;
 
   return (
-        <div className="fixed inset-0 bg-black/20 backdrop-blur-sm flex items-center justify-center z-50"
-            onClick={onClose}>
-            <div className="bg-white rounded-lg shadow-xl max-w-md w-full mx-4 max-h-[90vh] overflow-y-auto"
-                onClick={(e) => e.stopPropagation()}>
-                {/* Header do Modal */}
-                <div className="flex items-center justify-between p-6 border-b border-gray-200">
-                    <h2 className="text-xl font-semibold text-gray-900">
-                        {empresa ? 'Editar Empresa' : 'Nova Empresa'}
+    <div
+      className="fixed inset-0 bg-black/20 backdrop-blur-sm flex items-center justify-center z-50"
+      onClick={onClose}
+    >
+      <div
+        className="bg-white rounded-2xl shadow-xl max-w-md w-full mx-4 max-h-[90vh] overflow-y-auto"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="flex items-center justify-between p-6 border-b border-slate-200">
+          <h2 className="text-lg font-semibold text-slate-900">
+            {empresa ? "Editar Empresa" : "Nova Empresa"}
           </h2>
           <button
             onClick={onClose}
-                        className="text-gray-400 hover:text-gray-600 transition-colors"
+            className="text-slate-400 hover:text-slate-600 transition-colors"
             disabled={loading}
           >
-                        <X className="w-6 h-6" />
+            <X className="w-5 h-5" />
           </button>
         </div>
 
-                {/* Conteúdo do Modal */}
         <form onSubmit={handleSubmit} className="p-6 space-y-4">
-                    <p className="text-gray-600 text-sm mb-6">
-                        {empresa ? 'Atualize os dados da empresa.' : 'Cadastre uma nova empresa na plataforma.'}
-                    </p>
-
-                    {/* Campo CNPJ */}
           <div>
-                        <label htmlFor="cnpj" className="block text-sm font-medium text-gray-700 mb-2">
+            <label htmlFor="cnpj" className="block text-sm font-medium text-slate-700 mb-1">
               CNPJ *
             </label>
             <input
@@ -94,61 +94,75 @@ const EmpresaModal: React.FC<EmpresaModalProps> = ({
               maxLength={18}
               required
               disabled={loading}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors disabled:bg-gray-50 disabled:opacity-50"
+              className="w-full rounded-xl border border-slate-300 px-3 py-2.5 text-sm text-slate-900 outline-none transition focus:border-slate-500 focus:ring-2 focus:ring-slate-200 disabled:opacity-50"
             />
           </div>
 
-                    {/* Campo Razão Social */}
           <div>
-                        <label htmlFor="razaoSocial" className="block text-sm font-medium text-gray-700 mb-2">
+            <label htmlFor="corporate_name" className="block text-sm font-medium text-slate-700 mb-1">
               Razão Social *
             </label>
             <input
               type="text"
-                            id="razaoSocial"
-                            name="razaoSocial"
-                            value={formData.razaoSocial}
+              id="corporate_name"
+              name="corporate_name"
+              value={formData.corporate_name}
               onChange={handleChange}
               placeholder="Razão Social da Empresa"
               required
               disabled={loading}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors disabled:bg-gray-50 disabled:opacity-50"
+              className="w-full rounded-xl border border-slate-300 px-3 py-2.5 text-sm text-slate-900 outline-none transition focus:border-slate-500 focus:ring-2 focus:ring-slate-200 disabled:opacity-50"
             />
           </div>
 
-                    {/* Campo Nome Fantasia */}
           <div>
-                        <label htmlFor="nomeFantasia" className="block text-sm font-medium text-gray-700 mb-2">
-                            Nome Fantasia *
+            <label htmlFor="category" className="block text-sm font-medium text-slate-700 mb-1">
+              Categoria
+            </label>
+            <select
+              id="category"
+              name="category"
+              value={formData.category}
+              onChange={handleChange}
+              disabled={loading}
+              className="w-full rounded-xl border border-slate-300 px-3 py-2.5 text-sm text-slate-900 outline-none transition focus:border-slate-500 focus:ring-2 focus:ring-slate-200 disabled:opacity-50"
+            >
+              {CATEGORIES.map((c) => (
+                <option key={c.value} value={c.value}>
+                  {c.label}
+                </option>
+              ))}
+            </select>
+          </div>
+
+          <div>
+            <label htmlFor="license_number" className="block text-sm font-medium text-slate-700 mb-1">
+              Número de Licença / Alvará
             </label>
             <input
               type="text"
-                            id="nomeFantasia"
-                            name="nomeFantasia"
-                            value={formData.nomeFantasia}
+              id="license_number"
+              name="license_number"
+              value={formData.license_number}
               onChange={handleChange}
-                            placeholder="Nome Fantasia da Empresa"
-                            required
+              placeholder="Ex: CRF-SP-12345"
               disabled={loading}
-                            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors disabled:bg-gray-50 disabled:opacity-50"
+              className="w-full rounded-xl border border-slate-300 px-3 py-2.5 text-sm text-slate-900 outline-none transition focus:border-slate-500 focus:ring-2 focus:ring-slate-200 disabled:opacity-50"
             />
           </div>
 
-                    {/* Botões */}
-                    <div className="flex space-x-3 pt-4">
+          <div className="flex gap-3 pt-2">
             <button
               type="submit"
               disabled={loading}
-                            className="flex-1 bg-gradient-to-r from-blue-600 to-green-600 text-white py-2.5 px-4 rounded-lg font-medium hover:from-blue-700 hover:to-green-700 disabled:opacity-50 transition-all duration-200 flex items-center justify-center gap-2"
+              className="flex-1 rounded-xl bg-slate-900 py-2.5 text-sm font-medium text-white hover:bg-slate-800 disabled:opacity-50 transition flex items-center justify-center gap-2"
             >
               {loading ? (
                 <>
-                                    <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
+                  <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" />
                   Processando...
                 </>
-                            ) : (
-                                <>
-                                    {empresa ? (
+              ) : empresa ? (
                 <>
                   <RefreshCw className="w-4 h-4" />
                   Atualizar
@@ -159,15 +173,13 @@ const EmpresaModal: React.FC<EmpresaModalProps> = ({
                   Salvar
                 </>
               )}
-                                </>
-                            )}
             </button>
 
             <button
               type="button"
               onClick={onClose}
               disabled={loading}
-                            className="px-4 py-2.5 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50"
+              className="px-4 py-2.5 rounded-xl border border-slate-300 text-sm text-slate-700 hover:bg-slate-50 disabled:opacity-50 transition"
             >
               Cancelar
             </button>