feat: UI no-admin (vistas mis/asignados/sin-asignar, config solo admin)

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

@@ -7,9 +7,11 @@ import {
   updateSla,
   type SLAPolicy,
 } from "@/lib/api";
+import { useAuth } from "@/lib/auth";
 import Modal from "@/components/Modal";
 
 export default function SlaPage() {
+  const { user, isLoading: authLoading } = useAuth();
   const [policies, setPolicies] = useState<SLAPolicy[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState("");
@@ -37,8 +39,13 @@ export default function SlaPage() {
   }, []);
 
   useEffect(() => {
+    if (authLoading) return;
+    if (user?.role !== "admin") {
+      setLoading(false);
+      return;
+    }
     fetchPolicies();
-  }, [fetchPolicies]);
+  }, [fetchPolicies, authLoading, user?.role]);
 
   const openCreate = () => {
     setEditing(null);
@@ -101,6 +108,20 @@ export default function SlaPage() {
     }
   };
 
+  if (!authLoading && user?.role !== "admin") {
+    return (
+      <div>
+        <div className="page-header">
+          <h1>Políticas SLA</h1>
+        </div>
+        <div className="alert alert-warning" role="alert">
+          <i className="bi bi-shield-lock me-2"></i>
+          Solo los administradores pueden gestionar las políticas SLA.
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div>
       <div className="page-header">