feat: Funcion de sistema tenants

frontend-client/src/lib/components/TicketCard.svelte

@@ -2,22 +2,25 @@
   export let ticket: import('$lib/stores/tickets').Ticket;
   
   // Status mapping
-  const statusConfig = {
+  const statusConfig: Record<string, { label: string; class: string }> = {
     NEW: { label: 'Nuevo', class: 'badge-new' },
     IN_PROGRESS: { label: 'En Progreso', class: 'badge-in-progress' },
     WAITING_CUSTOMER: { label: 'Esperando Cliente', class: 'badge-waiting' },
+    WAITING_FOR_CLIENT: { label: 'Esperando Cliente', class: 'badge-waiting' },
     RESOLVED: { label: 'Resuelto', class: 'badge-resolved' },
     CLOSED: { label: 'Cerrado', class: 'badge-closed' },
     REOPENED: { label: 'Reabierto', class: 'badge-reopened' }
   };
+  const fallbackStatus = { label: 'Desconocido', class: 'badge-new' };
   
   // Priority mapping
-  const priorityConfig = {
+  const priorityConfig: Record<string, { label: string; class: string }> = {
     LOW: { label: 'Baja', class: 'badge-priority-low' },
     MEDIUM: { label: 'Media', class: 'badge-priority-medium' },
     HIGH: { label: 'Alta', class: 'badge-priority-high' },
     URGENT: { label: 'Urgente', class: 'badge-priority-urgent' }
   };
+  const fallbackPriority = { label: 'Normal', class: 'badge-priority-medium' };
   
   // Format date
   function formatDate(dateString: string): string {
@@ -58,11 +61,11 @@
         </a>
       </h3>
       <div class="flex items-center space-x-2 ml-4">
-        <span class={`${statusConfig[ticket.status].class}`}>
-          {statusConfig[ticket.status].label}
+        <span class={(statusConfig[ticket.status] ?? fallbackStatus).class}>
+          {(statusConfig[ticket.status] ?? fallbackStatus).label}
         </span>
-        <span class={`${priorityConfig[ticket.priority].class}`}>
-          {priorityConfig[ticket.priority].label}
+        <span class={(priorityConfig[ticket.priority] ?? fallbackPriority).class}>
+          {(priorityConfig[ticket.priority] ?? fallbackPriority).label}
         </span>
       </div>
     </div>