-
- {c.user?.name || "Usuario"}
- {c.isInternal && (
-
- Nota Interna
-
- )}
-
-
{c.content}
-
- {new Date(c.createdAt).toLocaleString("es-CL")}
-
+ {comments.length > 0 ? (
+ comments.map((c) => (
+
+
+
+ {c.userName || "Usuario"}
+ {c.isInternal && (
+
+ Nota Interna
+
+ )}
+
+
{c.content}
+
+ {new Date(c.createdAt).toLocaleString("es-CL")}
- );
- })
+
+ ))
) : (
@@ -250,7 +202,7 @@ export default function TicketDetailPage() {
/>
@@ -278,23 +229,19 @@ export default function TicketDetailPage() {
Información del Ticket
Solicitante
- {ticket.requester?.name || "N/A"}
+ {ticket.requesterName || "N/A"}
Email
- {ticket.requester?.email || "N/A"}
+ {ticket.requesterEmail || "N/A"}
Asignado a
- {ticket.assignee?.name || "Sin asignar"}
+ {ticket.assigneeName || "Sin asignar"}
Grupo
- {ticket.group?.name || "N/A"}
-
-
- Categoría
- {ticket.category || "N/A"}
+ {ticket.groupName || "N/A"}
Creado
diff --git a/frontend/src/app/(app)/tickets/new/page.tsx b/frontend/src/app/(app)/tickets/new/page.tsx
index ee8430a..29eb547 100644
--- a/frontend/src/app/(app)/tickets/new/page.tsx
+++ b/frontend/src/app/(app)/tickets/new/page.tsx
@@ -1,42 +1,26 @@
"use client";
-import { useEffect, useState } from "react";
+import { useState } from "react";
import { useRouter } from "next/navigation";
-import { createTicket, getAgents, type User } from "@/lib/api";
+import { createTicket } from "@/lib/api";
import Link from "next/link";
export default function NewTicketPage() {
const router = useRouter();
- const [agents, setAgents] = useState([]);
const [loading, setLoading] = useState(false);
const [error, setError] = useState("");
- const [subject, setSubject] = useState("");
+ const [title, setTitle] = useState("");
const [description, setDescription] = useState("");
- const [priority, setPriority] = useState("medium");
- const [category, setCategory] = useState("");
- const [assigneeId, setAssigneeId] = useState("");
-
- useEffect(() => {
- getAgents().catch((): User[] => [
- { id: 2, name: "Carlos Méndez", email: "carlos@test.com", role: "agent" as const },
- { id: 4, name: "Ana García", email: "ana@test.com", role: "agent" as const },
- ]).then((data) => setAgents(data));
- }, []);
+ const [priority, setPriority] = useState("Medium");
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
setError("");
setLoading(true);
try {
- const ticket = await createTicket({
- subject,
- description,
- priority,
- category,
- assigneeId: assigneeId ? parseInt(assigneeId) : undefined,
- });
- router.push(`/tickets/${ticket.id}`);
+ const result = await createTicket({ title, description, priority });
+ router.push(`/tickets/${result.id}`);
} catch (err: any) {
setError(err.message || "Error al crear el ticket");
} finally {
@@ -73,8 +57,8 @@ export default function NewTicketPage() {
type="text"
className="form-control"
placeholder="Describe brevemente el problema o solicitud"
- value={subject}
- onChange={(e) => setSubject(e.target.value)}
+ value={title}
+ onChange={(e) => setTitle(e.target.value)}
required
autoFocus
/>
@@ -92,52 +76,19 @@ export default function NewTicketPage() {
>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
@@ -179,7 +130,6 @@ export default function NewTicketPage() {
Sé específico en el asunto del ticket
Incluye pasos para reproducir el problema
Adjunta capturas de pantalla si es posible
- Selecciona la categoría correcta para una atención más rápida
Asigna la prioridad adecuada según el impacto
diff --git a/frontend/src/app/(app)/tickets/page.tsx b/frontend/src/app/(app)/tickets/page.tsx
index 1ef8f20..1966fde 100644
--- a/frontend/src/app/(app)/tickets/page.tsx
+++ b/frontend/src/app/(app)/tickets/page.tsx
@@ -29,16 +29,11 @@ export default function TicketsPage() {
page,
pageSize,
});
- setTickets(data.tickets || []);
+ setTickets(data.items || []);
setTotal(data.total || 0);
} catch {
- setTickets([
- { id: 1, ticketNumber: "#TK-001", subject: "No puedo acceder a mi correo", description: "", status: "open", priority: "high", category: "Software", requesterId: 1, groupId: null, requester: { id: 1, name: "María García", email: "maria@test.com", role: "customer" }, assigneeId: 2, assignee: { id: 2, name: "Carlos Méndez", email: "carlos@test.com", role: "agent" }, createdAt: "2026-09-01", updatedAt: "2026-09-07" },
- { id: 2, ticketNumber: "#TK-002", subject: "Impresora del piso 3 no funciona", description: "", status: "pending", priority: "medium", category: "Hardware", requesterId: 3, groupId: null, requester: { id: 3, name: "Pedro Soto", email: "pedro@test.com", role: "customer" }, assigneeId: 4, assignee: { id: 4, name: "Ana García", email: "ana@test.com", role: "agent" }, createdAt: "2026-09-05", updatedAt: "2026-09-07" },
- { id: 3, ticketNumber: "#TK-003", subject: "Solicitud de acceso al sistema contable", description: "", status: "resolved", priority: "low", category: "Acceso", requesterId: 5, groupId: null, requester: { id: 5, name: "Laura Fuentes", email: "laura@test.com", role: "customer" }, assigneeId: null, createdAt: "2026-09-03", updatedAt: "2026-09-06" },
- { id: 4, ticketNumber: "#TK-004", subject: "Laptop con pantalla parpadeante", description: "", status: "in_progress", priority: "urgent", category: "Hardware", requesterId: 6, groupId: null, requester: { id: 6, name: "Roberto Díaz", email: "roberto@test.com", role: "customer" }, assigneeId: 2, assignee: { id: 2, name: "Carlos Méndez", email: "carlos@test.com", role: "agent" }, createdAt: "2026-09-08", updatedAt: "2026-09-08" },
- ]);
- setTotal(4);
+ setTickets([]);
+ setTotal(0);
} finally {
setLoading(false);
}
@@ -74,11 +69,11 @@ export default function TicketsPage() {
onChange={(e) => { setStatusFilter(e.target.value); setPage(1); }}
>
-
-
-
-
-
+
+
+
+
+
@@ -147,13 +142,12 @@ export default function TicketsPage() {
{ticket.ticketNumber || `#${ticket.id}`}
- {ticket.subject}
- {ticket.category}
+ {ticket.title}
|
-
{ticket.requester?.name || "N/A"} |
+
{ticket.requesterName || "N/A"} |
|
|
-
{ticket.assignee?.name || Sin asignar} |
+
{ticket.assigneeName || Sin asignar} |
{new Date(ticket.updatedAt).toLocaleDateString("es-CL")}
|
diff --git a/frontend/src/app/(auth)/login/page.tsx b/frontend/src/app/(auth)/login/page.tsx
index 5e99e82..1c77cd0 100644
--- a/frontend/src/app/(auth)/login/page.tsx
+++ b/frontend/src/app/(auth)/login/page.tsx
@@ -2,11 +2,10 @@
import { useState } from "react";
import { useRouter } from "next/navigation";
-import Link from "next/link";
import { useAuth } from "@/lib/auth";
export default function LoginPage() {
- const [email, setEmail] = useState("");
+ const [rut, setRut] = useState("");
const [password, setPassword] = useState("");
const [error, setError] = useState("");
const [loading, setLoading] = useState(false);
@@ -18,7 +17,7 @@ export default function LoginPage() {
setError("");
setLoading(true);
try {
- await login(email, password);
+ await login(rut, password);
router.push("/");
} catch (err: any) {
setError(err.message || "Credenciales inválidas");
@@ -75,13 +74,13 @@ export default function LoginPage() {
diff --git a/frontend/src/app/(auth)/register/page.tsx b/frontend/src/app/(auth)/register/page.tsx
deleted file mode 100644
index fd5ca43..0000000
--- a/frontend/src/app/(auth)/register/page.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-import Link from "next/link";
-import { register as apiRegister } from "@/lib/api";
-import { useAuth } from "@/lib/auth";
-
-export default function RegisterPage() {
- const [name, setName] = useState("");
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [confirmPassword, setConfirmPassword] = useState("");
- const [error, setError] = useState("");
- const [loading, setLoading] = useState(false);
- const { login } = useAuth();
- const router = useRouter();
-
- const handleSubmit = async (e: React.FormEvent) => {
- e.preventDefault();
- setError("");
-
- if (password !== confirmPassword) {
- setError("Las contraseñas no coinciden");
- return;
- }
-
- setLoading(true);
- try {
- await apiRegister({ name, email, password });
- await login(email, password);
- router.push("/");
- } catch (err: any) {
- setError(err.message || "Error al registrar usuario");
- } finally {
- setLoading(false);
- }
- };
-
- return (
-
- {/* Left Panel */}
-
-
-
-
HelpDesk ICHN
-
- Crea tu cuenta para comenzar a gestionar tickets de soporte técnico
- y acceder a la base de conocimiento.
-
-
-
-
- Acceso completo al sistema
-
-
-
- Crear y responder tickets
-
-
-
- Buscar en la base de conocimiento
-
-
-
-
-
- {/* Right Panel - Form */}
-
-
-
-
-
HelpDesk ICHN
-
-
-
Crear Cuenta
-
Regístrate para acceder al sistema de soporte
-
- {error && (
-
-
- {error}
-
- )}
-
-
-
-
-
- ¿Ya tienes cuenta?{" "}
-
- Inicia sesión
-
-
-
-
-
-
- );
-}
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index b7698e7..dcde24c 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -12,10 +12,15 @@ export default function Sidebar() {
{ href: "/", icon: "bi-speedometer2", label: "Dashboard" },
{ href: "/tickets", icon: "bi-ticket-detailed", label: "Tickets" },
{ href: "/knowledge-base", icon: "bi-journal-bookmark", label: "Knowledge Base" },
- { href: "/users", icon: "bi-people", label: "Users" },
- { href: "/settings", icon: "bi-gear", label: "Settings" },
];
+ const initials = user?.nombre
+ ?.split(" ")
+ .map((n: string) => n[0])
+ .join("")
+ .toUpperCase()
+ .slice(0, 2) || "U";
+
return (