1

src/app/(app)/clientes/page.tsx

@@ -0,0 +1,51 @@
+import { prisma } from "@/lib/db";
+
+export const dynamic = "force-dynamic";
+
+export default async function ClientesPage() {
+  const clientes = await prisma.cliente.findMany({
+    orderBy: { createdAt: "desc" },
+    include: { cotizaciones: { select: { id: true } } },
+  });
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-8">
+        <div>
+          <h1 className="text-2xl font-bold">Clientes</h1>
+          <p className="text-muted text-sm mt-1">
+            {clientes.length} clientes registrados
+          </p>
+        </div>
+      </div>
+
+      {clientes.length === 0 ? (
+        <div className="bg-card-bg rounded-xl border border-border p-12 text-center">
+          <h2 className="text-lg font-semibold mb-2">No hay clientes</h2>
+          <p className="text-muted mb-4">
+            Los clientes se crean automaticamente al generar cotizaciones
+          </p>
+        </div>
+      ) : (
+        <ClientesListWrapper clientes={clientes} />
+      )}
+    </div>
+  );
+}
+
+import { ClientesList } from "./ClientesList";
+
+function ClientesListWrapper({
+  clientes,
+}: {
+  clientes: {
+    id: string;
+    nombre: string;
+    empresa: string | null;
+    email: string | null;
+    telefono: string | null;
+    cotizaciones: { id: string }[];
+  }[];
+}) {
+  return <ClientesList clientes={clientes} />;
+}