From 72775500dad54ea5cf636148e5fc9599fcc51c76 Mon Sep 17 00:00:00 2001
From: Nurfog <juan.allende@gmail.com>
Date: Thu, 10 Sep 2026 11:36:46 -0300
Subject: [PATCH] Auth: idUsuario login via sige_sam_v3.usuario

- Login uses idUsuario + password (plain text or SHA256)
- API types: HelpDeskUser with idUsuario, nombres, apPaterno
- Sidebar/layout: fullName from nombres + apPaterno
- pnpm-workspace.yaml: approve unrs-resolver builds
---
 frontend/pnpm-lock.yaml                | 10 +++++++++
 frontend/pnpm-workspace.yaml           |  2 ++
 frontend/src/app/(app)/layout.tsx      |  5 +++--
 frontend/src/app/(auth)/login/page.tsx | 12 +++++------
 frontend/src/components/Sidebar.tsx    |  7 ++++---
 frontend/src/lib/api.ts                | 28 +++++++++++++-------------
 frontend/src/lib/auth.tsx              | 12 +++++------
 7 files changed, 45 insertions(+), 31 deletions(-)
 create mode 100644 frontend/pnpm-workspace.yaml

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 0682d9b..b8d274a 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -138,6 +138,9 @@ packages:
   '@emnapi/runtime@1.10.0':
     resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
 
+  '@emnapi/runtime@1.11.3':
+    resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==}
+
   '@emnapi/wasi-threads@1.2.1':
     resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
 
@@ -2275,6 +2278,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.11.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/wasi-threads@1.2.1':
     dependencies:
       tslib: 2.8.1
@@ -2436,6 +2444,8 @@ snapshots:
     optional: true
 
   '@img/sharp-wasm32@0.35.4':
+    dependencies:
+      '@emnapi/runtime': 1.11.3
     optional: true
 
   '@img/sharp-webcontainers-wasm32@0.35.4':
diff --git a/frontend/pnpm-workspace.yaml b/frontend/pnpm-workspace.yaml
new file mode 100644
index 0000000..6c750ff
--- /dev/null
+++ b/frontend/pnpm-workspace.yaml
@@ -0,0 +1,2 @@
+allowBuilds:
+  unrs-resolver: true
diff --git a/frontend/src/app/(app)/layout.tsx b/frontend/src/app/(app)/layout.tsx
index 8ab2995..8ba5c33 100644
--- a/frontend/src/app/(app)/layout.tsx
+++ b/frontend/src/app/(app)/layout.tsx
@@ -79,7 +79,8 @@ function AppShell({ children }: { children: React.ReactNode }) {
 
 function TopNavbarUser() {
   const { user } = useAuth();
-  const initials = user?.nombre
+  const fullName = user ? `${user.nombres} ${user.apPaterno}` : "Usuario";
+  const initials = user?.nombres
     ?.split(" ")
     .map((n: string) => n[0])
     .join("")
@@ -90,7 +91,7 @@ function TopNavbarUser() {
     <div className="d-flex align-items-center gap-2">
       <div className="avatar-circle">{initials}</div>
       <span className="d-none d-md-inline" style={{ fontSize: "0.85rem", fontWeight: 500 }}>
-        {user?.nombre || "Usuario"}
+        {fullName}
       </span>
     </div>
   );
diff --git a/frontend/src/app/(auth)/login/page.tsx b/frontend/src/app/(auth)/login/page.tsx
index 1c77cd0..980cf8f 100644
--- a/frontend/src/app/(auth)/login/page.tsx
+++ b/frontend/src/app/(auth)/login/page.tsx
@@ -5,7 +5,7 @@ import { useRouter } from "next/navigation";
 import { useAuth } from "@/lib/auth";
 
 export default function LoginPage() {
-  const [rut, setRut] = useState("");
+  const [idUsuario, setIdUsuario] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
@@ -17,7 +17,7 @@ export default function LoginPage() {
     setError("");
     setLoading(true);
     try {
-      await login(rut, password);
+      await login(idUsuario, password);
       router.push("/");
     } catch (err: any) {
       setError(err.message || "Credenciales inválidas");
@@ -74,13 +74,13 @@ export default function LoginPage() {
 
           <form onSubmit={handleSubmit}>
             <div className="mb-3">
-              <label className="form-label">RUT</label>
+              <label className="form-label">Usuario</label>
               <input
                 type="text"
                 className="form-control"
-                placeholder="12.345.678-9"
-                value={rut}
-                onChange={(e) => setRut(e.target.value)}
+                placeholder="Tu ID de usuario"
+                value={idUsuario}
+                onChange={(e) => setIdUsuario(e.target.value)}
                 required
                 autoFocus
               />
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index dcde24c..c794026 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -14,7 +14,8 @@ export default function Sidebar() {
     { href: "/knowledge-base", icon: "bi-journal-bookmark", label: "Knowledge Base" },
   ];
 
-  const initials = user?.nombre
+  const fullName = user ? `${user.nombres} ${user.apPaterno}` : "Usuario";
+  const initials = user?.nombres
     ?.split(" ")
     .map((n: string) => n[0])
     .join("")
@@ -49,8 +50,8 @@ export default function Sidebar() {
       <div className="sidebar-user">
         <div className="avatar">{initials}</div>
         <div className="sidebar-user-info">
-          <div className="name">{user?.nombre || "Usuario"}</div>
-          <div className="role">{user?.perfil || "Agente"}</div>
+          <div className="name">{fullName}</div>
+          <div className="role">{user?.tipo || "Usuario"}</div>
         </div>
         <button
           onClick={logout}
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index f310a74..b6b6d0c 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -28,16 +28,15 @@ async function fetchApi<T>(
 }
 
 // ==================== Auth ====================
-// SAM uses RUT-based auth — adapt as needed
-export async function login(rut: string, password: string) {
-  return fetchApi<{ success: boolean; message?: string; token?: string; user?: User }>(
-    "/api/auth/login",
-    { method: "POST", body: JSON.stringify({ rut, password }) }
+export async function login(idUsuario: string, password: string) {
+  return fetchApi<{ success: boolean; message?: string; token?: string; user?: HelpDeskUser }>(
+    "/api/helpdesk/login",
+    { method: "POST", body: JSON.stringify({ idUsuario, password }) }
   );
 }
 
 export async function getMe() {
-  return fetchApi<User>("/api/auth/me");
+  return fetchApi<HelpDeskUser>("/api/helpdesk/me");
 }
 
 // ==================== Tickets ====================
@@ -152,15 +151,16 @@ export async function getSLAPolicies() {
 }
 
 // ==================== Types ====================
-export interface User {
-  usuarioId: number;
-  nombre: string;
+export interface HelpDeskUser {
+  idUsuario: string;
+  nombres: string;
   apPaterno: string;
   apMaterno?: string;
   email: string;
-  perfil: string;
-  sedeId?: number;
-  telefono?: string;
+  tipo?: string;
+  activo: number;
+  fono?: string;
+  idSede?: number;
 }
 
 export interface Ticket {
@@ -196,7 +196,7 @@ export interface TicketListResult {
 export interface Comment {
   id: number;
   ticketId: number;
-  userId: number;
+  userId: string;
   userName?: string;
   content: string;
   isInternal: boolean;
@@ -216,7 +216,7 @@ export interface KBArticle {
   content: string;
   categoryId: number;
   categoryName?: string;
-  authorId: number;
+  authorId: string;
   authorName?: string;
   isPublished: boolean;
   viewCount: number;
diff --git a/frontend/src/lib/auth.tsx b/frontend/src/lib/auth.tsx
index 3820ef4..59eebd6 100644
--- a/frontend/src/lib/auth.tsx
+++ b/frontend/src/lib/auth.tsx
@@ -1,11 +1,11 @@
 "use client";
 
 import React, { createContext, useContext, useState, useEffect, useCallback } from "react";
-import { getMe, login as apiLogin, type User } from "./api";
+import { getMe, login as apiLogin, type HelpDeskUser } from "./api";
 
 interface AuthContextType {
-  user: User | null;
-  login: (rut: string, password: string) => Promise<void>;
+  user: HelpDeskUser | null;
+  login: (idUsuario: string, password: string) => Promise<void>;
   logout: () => void;
   isAuthenticated: boolean;
   isLoading: boolean;
@@ -20,7 +20,7 @@ const AuthContext = createContext<AuthContextType>({
 });
 
 export function AuthProvider({ children }: { children: React.ReactNode }) {
-  const [user, setUser] = useState<User | null>(null);
+  const [user, setUser] = useState<HelpDeskUser | null>(null);
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
@@ -35,8 +35,8 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
     }
   }, []);
 
-  const login = useCallback(async (rut: string, password: string) => {
-    const result = await apiLogin(rut, password);
+  const login = useCallback(async (idUsuario: string, password: string) => {
+    const result = await apiLogin(idUsuario, password);
     if (!result.success || !result.token) {
       throw new Error(result.message || "Credenciales inválidas");
     }