merca y ch

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

@@ -0,0 +1,26 @@
+import EmptyState from "@/components/EmptyState";
+import InviteUserPanel from "@/components/InviteUserPanel";
+import AccountSettingsPanel from "@/components/settings/AccountSettingsPanel";
+import { getServerSession } from "next-auth";
+import { authOptions } from "@/lib/auth";
+import { canInviteUsers } from "@/lib/roles";
+
+export default async function SettingsPage() {
+  const session = await getServerSession(authOptions);
+  const canManageInvites = canInviteUsers(session?.user?.role);
+
+  return (
+    <div className="space-y-5">
+      <header>
+        <h1 className="text-display">Configuración</h1>
+        <p className="text-body-lg text-benell-text-soft">Cuenta personal, notificaciones y permisos</p>
+      </header>
+      <AccountSettingsPanel />
+      {canManageInvites ? <InviteUserPanel /> : null}
+      <EmptyState
+        title="Configuración avanzada"
+        description="Próximamente podrás administrar reglas detalladas por área y preferencias operativas."
+      />
+    </div>
+  );
+}