hotfix: Advanced filtering system v1.4.1.1

✨ New Features:
• Added admin filter by client/organization in internal frontend
• Enhanced attachments viewer with toggle button in client frontend
• Added attachment counter and improved UX in ticket conversation

🔧 Backend Improvements:
• New `/tickets/admin/all` endpoint for administrators
• Advanced filtering by tenant, status, and priority
• Rich response data with tenant and user information
• Proper admin permissions validation

🎨 Frontend Enhancements:
• Client filter dropdown in admin panel
• Enhanced ticket table with client/organization info
• Collapsible attachments section with visual indicator
• Improved API parameter handling (fixed undefined filters)
• Better responsive design and hover effects

🐛 Bug Fixes:
• Fixed undefined URL parameters in API calls
• Corrected parameter filtering in API utility
• Improved error handling for admin endpoints

📱 UI/UX:
• Added visual badges for attachment count
• Enhanced table columns with client/creator information
• Improved button styling and interaction feedback
• Better organization of ticket conversation layout

backend/app/api/deps.py

@@ -9,6 +9,7 @@ from app.core.database import get_db
 from app.core.security import security
 from app.core.config import get_settings
 from app.models.user import User, UserRole
+from app.models.tenant import Tenant
 
 settings = get_settings()
 
@@ -55,3 +56,20 @@ async def get_current_active_superuser(
             status_code=403, detail="The user doesn't have enough privileges"
         )
     return current_user
+
+
+async def get_current_tenant(
+    current_user: User = Depends(get_current_user),
+    db: AsyncSession = Depends(get_db)
+) -> Tenant:
+    """Obtener el tenant del usuario actual."""
+    result = await db.execute(select(Tenant).where(Tenant.id == current_user.tenant_id))
+    tenant = result.scalar_one_or_none()
+    
+    if not tenant:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Tenant not found"
+        )
+    
+    return tenant

backend/app/api/schemas/__init__.py

@@ -0,0 +1,15 @@
+"""Schemas package initialization."""
+
+from .client_profile import (
+    ClientProfileCreate,
+    ClientProfileUpdate, 
+    ClientProfileResponse,
+    ClientProfileSummary
+)
+
+__all__ = [
+    "ClientProfileCreate",
+    "ClientProfileUpdate",
+    "ClientProfileResponse", 
+    "ClientProfileSummary"
+]

backend/app/api/schemas/attachment.py

@@ -0,0 +1,25 @@
+"""
+Attachment Schemas - ServiceManagerWeb
+"""
+from pydantic import BaseModel, ConfigDict, Field
+from datetime import datetime
+from typing import Optional
+import uuid
+
+
+class AttachmentResponse(BaseModel):
+    """Schema para respuesta de attachment"""
+    id: uuid.UUID
+    ticket_id: uuid.UUID
+    comment_id: Optional[uuid.UUID] = None
+    uploaded_by: uuid.UUID
+    filename: str
+    original_filename: str
+    mime_type: str
+    file_size: int
+    file_path: str
+    uploaded_by_name: Optional[str] = None
+    created_at: datetime
+    download_url: Optional[str] = None
+    
+    model_config = ConfigDict(from_attributes=True)

backend/app/api/schemas/client_profile.py

@@ -0,0 +1,202 @@
+"""
+Client Profile Schemas - ServiceManagerWeb
+Esquemas de validación para el perfil empresarial de clientes
+"""
+
+from pydantic import BaseModel, Field, validator, EmailStr
+from typing import Optional
+from decimal import Decimal
+from datetime import datetime
+import uuid
+
+
+class ClientProfileBase(BaseModel):
+    """Schema base para ClientProfile."""
+    
+    # === INFORMACIÓN GENERAL ===
+    business_name: Optional[str] = Field(None, max_length=255, description="Razón social")
+    commercial_name: Optional[str] = Field(None, max_length=255, description="Nombre comercial")
+    client_code: Optional[str] = Field(None, max_length=50, description="Clave de cliente")
+    client_type: Optional[str] = Field(None, max_length=50, description="Tipo de cliente")
+    rfc: Optional[str] = Field(None, max_length=13, description="RFC (México)")
+    tax_id: Optional[str] = Field(None, max_length=50, description="ID fiscal general")
+    
+    # === UBICACIÓN ===
+    country: Optional[str] = Field(None, max_length=100, description="País")
+    state: Optional[str] = Field(None, max_length=100, description="Estado/Provincia")
+    city: Optional[str] = Field(None, max_length=100, description="Ciudad")
+    address: Optional[str] = Field(None, description="Dirección completa")
+    external_number: Optional[str] = Field(None, max_length=20, description="Número exterior")
+    internal_number: Optional[str] = Field(None, max_length=20, description="Número interior")
+    postal_code: Optional[str] = Field(None, max_length=10, description="Código postal")
+    neighborhood: Optional[str] = Field(None, max_length=100, description="Colonia")
+    
+    # === CONTACTO ===
+    main_phone: Optional[str] = Field(None, max_length=20, description="Teléfono principal")
+    secondary_phone: Optional[str] = Field(None, max_length=20, description="Teléfono secundario")
+    direct_phone: Optional[str] = Field(None, max_length=20, description="Teléfono directo")
+    phone_extension: Optional[str] = Field(None, max_length=10, description="Extensión")
+    fax: Optional[str] = Field(None, max_length=20, description="Fax")
+    
+    # === INFORMACIÓN ADICIONAL ===
+    business_hours: Optional[str] = Field(None, max_length=255, description="Horario de atención")
+    website: Optional[str] = Field(None, max_length=255, description="Página web")
+    main_email: Optional[EmailStr] = Field(None, description="Email principal")
+    billing_email: Optional[EmailStr] = Field(None, description="Email de facturación")
+    
+    # === MARKETING ===
+    advertising_medium: Optional[str] = Field(None, max_length=255, description="Medio de publicidad")
+    nationality: Optional[str] = Field(None, max_length=100, description="Nacionalidad")
+    
+    # === CONFIGURACIÓN EMPRESARIAL ===
+    logo_url: Optional[str] = Field(None, max_length=500, description="URL del logo")
+    company_representative: Optional[str] = Field(None, max_length=255, description="Representante de empresa")
+    legal_representative: Optional[str] = Field(None, max_length=255, description="Representante legal")
+    
+    # === FINANZAS/FACTURACIÓN ===
+    credit_limit: Optional[Decimal] = Field(None, description="Límite de crédito")
+    payment_terms: Optional[str] = Field(None, max_length=100, description="Términos de pago")
+    preferred_currency: str = Field("MXN", max_length=3, description="Moneda preferida")
+    
+    # === METADATOS ===
+    send_to_billing: bool = Field(False, description="Enviar a facturación")
+    is_active_client: bool = Field(True, description="Cliente activo")
+    is_prospect: bool = Field(False, description="Es prospecto")
+    notes: Optional[str] = Field(None, description="Notas adicionales")
+
+    @validator('rfc')
+    def validate_rfc(cls, v):
+        """Validar formato de RFC mexicano."""
+        if v is None:
+            return v
+        
+        v = v.strip().upper()
+        if len(v) < 10 or len(v) > 13:
+            raise ValueError('RFC debe tener entre 10 y 13 caracteres')
+        
+        # Validación básica de formato RFC
+        import re
+        rfc_pattern = r'^[A-ZÑ&]{3,4}[0-9]{6}[A-Z0-9]{3}$'
+        if not re.match(rfc_pattern, v):
+            raise ValueError('Formato de RFC inválido')
+        
+        return v
+
+    @validator('postal_code')
+    def validate_postal_code(cls, v):
+        """Validar código postal."""
+        if v is None:
+            return v
+        
+        v = v.strip()
+        if not v.isdigit() or len(v) != 5:
+            raise ValueError('Código postal debe tener 5 dígitos')
+        
+        return v
+
+    @validator('website')
+    def validate_website(cls, v):
+        """Validar formato de sitio web."""
+        if v is None:
+            return v
+        
+        v = v.strip()
+        if not v.startswith(('http://', 'https://')):
+            v = f"https://{v}"
+        
+        import re
+        url_pattern = r'^https?://.+\..+'
+        if not re.match(url_pattern, v):
+            raise ValueError('Formato de sitio web inválido')
+        
+        return v
+
+    @validator('preferred_currency')
+    def validate_currency(cls, v):
+        """Validar código de moneda."""
+        valid_currencies = ['MXN', 'USD', 'EUR', 'GBP', 'CAD']
+        if v not in valid_currencies:
+            raise ValueError(f'Moneda debe ser una de: {", ".join(valid_currencies)}')
+        return v
+
+
+class ClientProfileCreate(ClientProfileBase):
+    """Schema para crear un perfil de cliente."""
+    pass
+
+
+class ClientProfileUpdate(ClientProfileBase):
+    """Schema para actualizar un perfil de cliente."""
+    pass
+
+
+class ClientProfileResponse(ClientProfileBase):
+    """Schema de respuesta para ClientProfile."""
+    
+    id: Optional[uuid.UUID] = None
+    tenant_id: uuid.UUID
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+
+    class Config:
+        from_attributes = True
+
+    @property
+    def full_address(self) -> str:
+        """Dirección completa formateada."""
+        address_parts = []
+        
+        if self.address:
+            address_parts.append(self.address)
+        
+        if self.external_number:
+            if self.internal_number:
+                address_parts.append(f"#{self.external_number}-{self.internal_number}")
+            else:
+                address_parts.append(f"#{self.external_number}")
+        
+        if self.neighborhood:
+            address_parts.append(f"Col. {self.neighborhood}")
+        
+        if self.city and self.state:
+            address_parts.append(f"{self.city}, {self.state}")
+        
+        if self.postal_code:
+            address_parts.append(f"C.P. {self.postal_code}")
+            
+        if self.country:
+            address_parts.append(self.country)
+            
+        return ", ".join(address_parts)
+
+    @property
+    def display_name(self) -> str:
+        """Nombre para mostrar."""
+        return self.commercial_name or self.business_name or "Sin nombre"
+
+
+class ClientProfileSummary(BaseModel):
+    """Schema resumido para listados."""
+    
+    id: uuid.UUID
+    tenant_id: uuid.UUID
+    business_name: Optional[str]
+    commercial_name: Optional[str]
+    rfc: Optional[str]
+    client_code: Optional[str]
+    city: Optional[str]
+    state: Optional[str]
+    main_phone: Optional[str]
+    main_email: Optional[str]
+    is_active_client: bool
+    is_prospect: bool
+    created_at: datetime
+    updated_at: datetime
+
+    class Config:
+        from_attributes = True
+
+    @property
+    def display_name(self) -> str:
+        """Nombre para mostrar."""
+        return self.commercial_name or self.business_name or "Sin nombre"

backend/app/api/v1/endpoints/auth.py

@@ -8,6 +8,7 @@ from fastapi import APIRouter, HTTPException, status, Depends
 from fastapi.security import OAuth2PasswordBearer, OAuth2PasswordRequestForm
 from sqlalchemy.ext.asyncio import AsyncSession
 from sqlalchemy import select
+from sqlalchemy.orm import selectinload
 from pydantic import BaseModel, EmailStr
 from typing import Optional
 import structlog
@@ -257,41 +258,49 @@ async def get_current_user(
             detail="Invalid token"
         )
     
-    # TODO: Fetch actual user from database
+    user_id = payload.get("sub")
+    if not user_id:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="Invalid token payload"
+        )
+    
+    # Fetch actual user from database
+    query = select(User).where(User.id == user_id).options(
+        selectinload(User.tenant)
+    )
+    result = await db.execute(query)
+    user = result.scalar_one_or_none()
+    
+    if not user:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="User not found"
+        )
+        
+    if not user.is_active:
+        raise HTTPException(
+            status_code=status.HTTP_401_UNAUTHORIZED,
+            detail="User account is disabled"
+        )
     
     return {
-        "id": payload["sub"],
+        "id": str(user.id),
-        "email": payload["email"],
+        "email": user.email,
-        "role": payload["role"],
+        "first_name": user.first_name,
-        "tenant_id": payload["tenant_id"]
+        "last_name": user.last_name,
+        "role": user.role.value if hasattr(user.role, 'value') else user.role,
+        "tenant_id": str(user.tenant_id),
+        "tenant_name": user.tenant.name if user.tenant else None,
+        "is_active": user.is_active,
+        "is_two_factor_enabled": user.totp_secret is not None,
+        "last_login": user.last_login.isoformat() if user.last_login else None,
+        "created_at": user.created_at.isoformat()
     }
 
 
 # ===================================
 # DEPENDENCIES
 # ===================================
-
+# Dependencies are imported from app.api.deps to avoid duplication
-async def get_current_active_user(token: str = Depends(oauth2_scheme)):
+# Use get_current_user and get_current_active_superuser from deps.py
-    """
-    Dependency to get current active user from token.
-    
-    Args:
-        token: Access token
-        
-    Returns:
-        Current user data
-        
-    Raises:
-        HTTPException: If token is invalid or user is inactive
-    """
-    payload = security.verify_token(token)
-    if not payload:
-        raise HTTPException(
-            status_code=status.HTTP_401_UNAUTHORIZED,
-            detail="Invalid token",
-            headers={"WWW-Authenticate": "Bearer"},
-        )
-    
-    # TODO: Verify user exists and is active
-    
-    return payload

backend/app/api/v1/endpoints/client_profile.py

@@ -0,0 +1,337 @@
+"""
+Client Profile Endpoints - ServiceManagerWeb
+Endpoints para gestión del perfil empresarial de clientes
+"""
+
+from fastapi import APIRouter, Depends, HTTPException, status
+from sqlalchemy.ext.asyncio import AsyncSession
+from sqlalchemy import select, or_
+from typing import Optional
+
+from app.core.database import get_db
+from app.api.deps import get_current_user, get_current_tenant
+from app.api.schemas.client_profile import (
+    ClientProfileCreate,
+    ClientProfileUpdate,
+    ClientProfileResponse,
+    ClientProfileSummary
+)
+from app.models.user import User
+from app.models.tenant import Tenant
+from app.models.client_profile import ClientProfile
+import uuid
+
+
+router = APIRouter()
+
+
+@router.get("/", response_model=ClientProfileResponse)
+async def get_current_client_profile(
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Obtener el perfil empresarial del tenant actual.
+    
+    **Permisos**: CLIENT_ADMIN, CLIENT_USER
+    """
+    # Solo clientes pueden acceder
+    if current_user.role not in ['CLIENT_ADMIN', 'CLIENT_USER']:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Solo los clientes pueden acceder al perfil empresarial"
+        )
+    
+    # Buscar perfil existente
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == current_tenant.id)
+    )
+    profile = result.scalar_one_or_none()
+    
+    if not profile:
+        # Si no existe, devolver un perfil vacío con solo tenant_id
+        # No crear en base de datos hasta que el usuario guarde
+        return ClientProfileResponse(
+            id=None,
+            tenant_id=current_tenant.id,
+            business_name=None,
+            commercial_name=None,
+            client_code=None,
+            client_type=None,
+            rfc=None,
+            tax_id=None,
+            country=None,
+            state=None,
+            city=None,
+            address=None,
+            external_number=None,
+            internal_number=None,
+            postal_code=None,
+            neighborhood=None,
+            main_phone=None,
+            secondary_phone=None,
+            direct_phone=None,
+            phone_extension=None,
+            fax=None,
+            business_hours=None,
+            website=None,
+            main_email=None,
+            billing_email=None,
+            advertising_medium=None,
+            nationality=None,
+            logo_url=None,
+            company_representative=None,
+            legal_representative=None,
+            credit_limit=None,
+            payment_terms=None,
+            preferred_currency="MXN",
+            send_to_billing=False,
+            is_active_client=True,
+            is_prospect=False,
+            notes=None,
+            created_at=None,
+            updated_at=None
+        )
+    
+    return profile
+
+
+@router.post("/", response_model=ClientProfileResponse)
+async def create_or_update_client_profile(
+    profile_data: ClientProfileCreate,
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Crear o actualizar el perfil empresarial del tenant actual.
+    
+    **Permisos**: CLIENT_ADMIN
+    """
+    # Solo CLIENT_ADMIN puede modificar el perfil
+    if current_user.role != 'CLIENT_ADMIN':
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Solo los administradores de cliente pueden modificar el perfil empresarial"
+        )
+    
+    # Buscar perfil existente
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == current_tenant.id)
+    )
+    existing_profile = result.scalar_one_or_none()
+    
+    if existing_profile:
+        # Actualizar perfil existente
+        update_data = profile_data.dict(exclude_unset=True)
+        for field, value in update_data.items():
+            setattr(existing_profile, field, value)
+        
+        profile = existing_profile
+    else:
+        # Crear nuevo perfil
+        profile = ClientProfile(
+            tenant_id=current_tenant.id,
+            **profile_data.dict()
+        )
+        db.add(profile)
+    
+    await db.commit()
+    await db.refresh(profile)
+    
+    return profile
+
+
+@router.patch("/", response_model=ClientProfileResponse)
+async def update_client_profile(
+    profile_data: ClientProfileUpdate,
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Actualizar parcialmente el perfil empresarial del tenant actual.
+    
+    **Permisos**: CLIENT_ADMIN
+    """
+    # Solo CLIENT_ADMIN puede modificar el perfil
+    if current_user.role != 'CLIENT_ADMIN':
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Solo los administradores de cliente pueden modificar el perfil empresarial"
+        )
+    
+    # Buscar perfil existente
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == current_tenant.id)
+    )
+    profile = result.scalar_one_or_none()
+    
+    if not profile:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Perfil empresarial no encontrado"
+        )
+    
+    # Actualizar solo campos proporcionados
+    update_data = profile_data.dict(exclude_unset=True)
+    for field, value in update_data.items():
+        setattr(profile, field, value)
+    
+    await db.commit()
+    await db.refresh(profile)
+    
+    return profile
+
+
+@router.delete("/")
+async def delete_client_profile(
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Eliminar el perfil empresarial del tenant actual.
+    
+    **Permisos**: CLIENT_ADMIN
+    """
+    # Solo CLIENT_ADMIN puede eliminar el perfil
+    if current_user.role != 'CLIENT_ADMIN':
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Solo los administradores de cliente pueden eliminar el perfil empresarial"
+        )
+    
+    # Buscar perfil existente
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == current_tenant.id)
+    )
+    profile = result.scalar_one_or_none()
+    
+    if not profile:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Perfil empresarial no encontrado"
+        )
+    
+    await db.delete(profile)
+    await db.commit()
+    
+    return {"message": "Perfil empresarial eliminado exitosamente"}
+
+
+# === ENDPOINTS ADMINISTRATIVOS (Solo para ADMIN y SUPPORT_MANAGER) ===
+
+@router.get("/admin/list", response_model=list[ClientProfileSummary])
+async def list_all_client_profiles(
+    skip: int = 0,
+    limit: int = 100,
+    search: Optional[str] = None,
+    current_user: User = Depends(get_current_user),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Listar todos los perfiles empresariales (solo para administradores).
+    
+    **Permisos**: ADMIN, SUPPORT_MANAGER
+    """
+    # Solo personal interno puede ver todos los perfiles
+    if current_user.role not in ['ADMIN', 'SUPPORT_MANAGER']:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Acceso denegado"
+        )
+    
+    query = select(ClientProfile)
+    
+    # Filtro de búsqueda
+    if search:
+        search_filter = or_(
+            ClientProfile.business_name.ilike(f"%{search}%"),
+            ClientProfile.commercial_name.ilike(f"%{search}%"),
+            ClientProfile.rfc.ilike(f"%{search}%"),
+            ClientProfile.client_code.ilike(f"%{search}%")
+        )
+        query = query.where(search_filter)
+    
+    # Paginación
+    query = query.offset(skip).limit(limit)
+    query = query.order_by(ClientProfile.created_at.desc())
+    
+    result = await db.execute(query)
+    profiles = result.scalars().all()
+    
+    return profiles
+
+
+@router.get("/admin/{tenant_id}", response_model=ClientProfileResponse)
+async def get_client_profile_by_tenant(
+    tenant_id: uuid.UUID,
+    current_user: User = Depends(get_current_user),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Obtener perfil empresarial de un tenant específico (solo para administradores).
+    
+    **Permisos**: ADMIN, SUPPORT_MANAGER
+    """
+    # Solo personal interno puede ver perfiles de otros tenants
+    if current_user.role not in ['ADMIN', 'SUPPORT_MANAGER']:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Acceso denegado"
+        )
+    
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == tenant_id)
+    )
+    profile = result.scalar_one_or_none()
+    
+    if not profile:
+        raise HTTPException(
+            status_code=status.HTTP_404_NOT_FOUND,
+            detail="Perfil empresarial no encontrado"
+        )
+    
+    return profile
+
+
+@router.patch("/admin/{tenant_id}", response_model=ClientProfileResponse)
+async def update_client_profile_by_admin(
+    tenant_id: uuid.UUID,
+    profile_data: ClientProfileUpdate,
+    current_user: User = Depends(get_current_user),
+    db: AsyncSession = Depends(get_db)
+):
+    """
+    Actualizar perfil empresarial de un tenant específico (solo para administradores).
+    
+    **Permisos**: ADMIN, SUPPORT_MANAGER
+    """
+    # Solo personal interno puede modificar perfiles de otros tenants
+    if current_user.role not in ['ADMIN', 'SUPPORT_MANAGER']:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="Acceso denegado"
+        )
+    
+    result = await db.execute(
+        select(ClientProfile).where(ClientProfile.tenant_id == tenant_id)
+    )
+    profile = result.scalar_one_or_none()
+    
+    if not profile:
+        # Crear perfil si no existe
+        profile = ClientProfile(tenant_id=tenant_id, **profile_data.dict(exclude_unset=True))
+        db.add(profile)
+    else:
+        # Actualizar perfil existente
+        update_data = profile_data.dict(exclude_unset=True)
+        for field, value in update_data.items():
+            setattr(profile, field, value)
+    
+    await db.commit()
+    await db.refresh(profile)
+    
+    return profile

backend/app/api/v1/endpoints/tickets.py

@@ -3,18 +3,24 @@ Tickets endpoints - ServiceManagerWeb
 """
 
 from fastapi import APIRouter, Depends, HTTPException, status, UploadFile, File
+from fastapi.responses import FileResponse
 from pydantic import BaseModel
 from sqlalchemy.ext.asyncio import AsyncSession
 from sqlalchemy import select, func
+from sqlalchemy.orm import selectinload
 from typing import List, Optional
 from datetime import datetime
 from app.core.database import get_db
-from app.api.deps import get_current_user
+from app.api.deps import get_current_user, get_current_tenant
 from app.models.ticket import Ticket, TicketStatus, TicketPriority
 from app.models.user import User
-from app.models.category import Category  # ✅ CORREGIDO: Era TicketCategory
+from app.models.tenant import Tenant
+from app.models.category import Category
 from app.models.system import System
 from app.models.comment import TicketComment
+from app.models.attachment import TicketAttachment
+from app.api.schemas.attachment import AttachmentResponse
+from app.core.file_handler import file_handler
 import uuid
 
 router = APIRouter()
@@ -204,6 +210,205 @@ async def get_tickets(
     ]
 
 
+@router.get("/admin/all", response_model=List[dict])
+async def get_all_tickets_admin(
+    skip: int = 0,
+    limit: int = 100,
+    status_filter: Optional[str] = None,
+    priority_filter: Optional[str] = None,
+    tenant_id_filter: Optional[str] = None,
+    category_filter: Optional[str] = None,
+    assigned_to_filter: Optional[str] = None,
+    search: Optional[str] = None,
+    date_from: Optional[str] = None,
+    date_to: Optional[str] = None,
+    db: AsyncSession = Depends(get_db),
+    current_user: User = Depends(get_current_user)
+):
+    """
+    Obtener todos los tickets de todos los tenants (solo para administradores)
+    Incluye información del tenant y usuario que creó el ticket
+    Filtros: estado, prioridad, tenant, categoría, asignado a, búsqueda de texto y fechas
+    """
+    # Verificar que el usuario sea administrador
+    if current_user.role not in ["ADMIN", "SUPPORT_MANAGER"]:
+        raise HTTPException(
+            status_code=status.HTTP_403_FORBIDDEN,
+            detail="No tienes permisos para acceder a esta función"
+        )
+    
+    # Query base con joins para obtener información del tenant y usuario creador
+    query = select(Ticket, Tenant, User).join(
+        Tenant, Ticket.tenant_id == Tenant.id
+    ).join(
+        User, Ticket.created_by == User.id
+    )
+    
+    # Aplicar filtros
+    if status_filter:
+        try:
+            status_enum = TicketStatus[status_filter.upper()]
+            query = query.where(Ticket.status == status_enum)
+        except KeyError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Invalid status: {status_filter}"
+            )
+    
+    if priority_filter:
+        try:
+            priority_enum = TicketPriority[priority_filter.upper()]
+            query = query.where(Ticket.priority == priority_enum)
+        except KeyError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Invalid priority: {priority_filter}"
+            )
+    
+    if tenant_id_filter:
+        try:
+            tenant_uuid = uuid.UUID(tenant_id_filter)
+            query = query.where(Ticket.tenant_id == tenant_uuid)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Invalid tenant ID format"
+            )
+    
+    if category_filter:
+        try:
+            category_uuid = uuid.UUID(category_filter)
+            query = query.where(Ticket.category_id == category_uuid)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Invalid category ID format"
+            )
+    
+    if assigned_to_filter:
+        try:
+            assigned_uuid = uuid.UUID(assigned_to_filter)
+            query = query.where(Ticket.assigned_to == assigned_uuid)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Invalid assigned user ID format"
+            )
+    
+    if search:
+        # Búsqueda de texto en subject y description
+        search_pattern = f"%{search}%"
+        query = query.where(
+            (Ticket.subject.ilike(search_pattern)) |
+            (Ticket.description.ilike(search_pattern))
+        )
+    
+    if date_from:
+        try:
+            from datetime import datetime
+            date_from_parsed = datetime.fromisoformat(date_from)
+            query = query.where(Ticket.created_at >= date_from_parsed)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Invalid date_from format. Use YYYY-MM-DD"
+            )
+    
+    if date_to:
+        try:
+            from datetime import datetime, timedelta
+            # Agregar 1 día para incluir todo el día final
+            date_to_parsed = datetime.fromisoformat(date_to) + timedelta(days=1)
+            query = query.where(Ticket.created_at < date_to_parsed)
+        except ValueError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail="Invalid date_to format. Use YYYY-MM-DD"
+            )
+    
+    query = query.order_by(Ticket.created_at.desc()).offset(skip).limit(limit)
+    
+    result = await db.execute(query)
+    rows = result.all()
+    
+    return [
+        {
+            "id": str(ticket.id),
+            "ticket_number": ticket.ticket_number,
+            "subject": ticket.subject,
+            "title": ticket.subject,
+            "description": ticket.description,
+            "status": ticket.status.value,
+            "priority": ticket.priority.value,
+            "category_id": str(ticket.category_id) if ticket.category_id else None,
+            "affected_system_id": str(ticket.affected_system_id) if ticket.affected_system_id else None,
+            "created_by": str(ticket.created_by),
+            "assigned_to": str(ticket.assigned_to) if ticket.assigned_to else None,
+            "created_at": ticket.created_at,
+            "updated_at": ticket.updated_at,
+            # Información del tenant/cliente
+            "tenant": {
+                "id": str(tenant.id),
+                "name": tenant.name,
+                "slug": tenant.slug,
+                "contact_email": tenant.contact_email
+            },
+            # Información del usuario creador
+            "created_by_user": {
+                "id": str(user.id),
+                "email": user.email,
+                "first_name": user.first_name,
+                "last_name": user.last_name,
+                "role": user.role.value if hasattr(user.role, 'value') else str(user.role)
+            }
+        }
+        for ticket, tenant, user in rows
+    ]
+
+
+@router.get("/{ticket_id}", response_model=TicketResponse)
+async def get_ticket(
+    ticket_id: str,
+    db: AsyncSession = Depends(get_db),
+    current_user: User = Depends(get_current_user)
+):
+    
+    if status_filter:
+        try:
+            status_enum = TicketStatus[status_filter.upper()]
+            query = query.where(Ticket.status == status_enum)
+        except KeyError:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Invalid status: {status_filter}"
+            )
+    
+    query = query.order_by(Ticket.created_at.desc()).offset(skip).limit(limit)
+    
+    result = await db.execute(query)
+    tickets = result.scalars().all()
+    
+    # ✅ CORREGIDO: Usar affected_system_id
+    return [
+        {
+            "id": str(t.id),
+            "ticket_number": t.ticket_number,
+            "subject": t.subject,
+            "title": t.subject,
+            "description": t.description,
+            "status": t.status.value,
+            "priority": t.priority.value,
+            "category_id": str(t.category_id) if t.category_id else None,
+            "affected_system_id": str(t.affected_system_id) if t.affected_system_id else None,  # ✅ CORREGIDO
+            "created_by": str(t.created_by),
+            "assigned_to": str(t.assigned_to) if t.assigned_to else None,
+            "created_at": t.created_at,
+            "updated_at": t.updated_at
+        }
+        for t in tickets
+    ]
+
+
 @router.get("/{ticket_id}", response_model=TicketResponse)
 async def get_ticket(
     ticket_id: str,
@@ -573,19 +778,60 @@ async def delete_ticket(
     return {"message": "Ticket deleted successfully"}
 
 # ===================================
-# ATTACHMENT ENDPOINTS (placeholder)
+# ===================================
+# ATTACHMENT ENDPOINTS
 # ===================================
 
-@router.get("/{ticket_id}/attachments")
+@router.get("/{ticket_id}/attachments", response_model=List[AttachmentResponse])
 async def get_ticket_attachments(
     ticket_id: str,
     db: AsyncSession = Depends(get_db),
-    current_user: User = Depends(get_current_user)
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant)
 ):
-    """
+    """Obtener adjuntos de un ticket"""
-    Obtener adjuntos de un ticket
+    try:
-    """
+        ticket_uuid = uuid.UUID(ticket_id)
-    return []
+    except ValueError:
+        raise HTTPException(status_code=400, detail="ID de ticket inválido")
+    
+    # Verificar que el ticket existe y pertenece al tenant
+    result = await db.execute(
+        select(Ticket).where(Ticket.id == ticket_uuid, Ticket.tenant_id == current_tenant.id)
+    )
+    ticket = result.scalar_one_or_none()
+    
+    if not ticket:
+        raise HTTPException(status_code=404, detail="Ticket no encontrado")
+    
+    # Obtener attachments
+    result = await db.execute(
+        select(TicketAttachment)
+        .where(TicketAttachment.ticket_id == ticket_uuid)
+        .options(selectinload(TicketAttachment.uploaded_by_user))
+        .order_by(TicketAttachment.created_at.desc())
+    )
+    attachments = result.scalars().all()
+    
+    # Construir respuesta
+    response = []
+    for att in attachments:
+        response.append(AttachmentResponse(
+            id=att.id,
+            ticket_id=att.ticket_id,
+            comment_id=att.comment_id,
+            uploaded_by=att.uploaded_by,
+            filename=att.filename,
+            original_filename=att.original_filename,
+            mime_type=att.mime_type,
+            file_size=att.file_size,
+            file_path=att.file_path,
+            uploaded_by_name=f"{att.uploaded_by_user.first_name} {att.uploaded_by_user.last_name}" if att.uploaded_by_user else "Unknown",
+            created_at=att.created_at,
+            download_url=f"/api/v1/tickets/{ticket_id}/attachments/{att.id}/download"
+        ))
+    
+    return response
 
 
 @router.post("/{ticket_id}/attachments", status_code=status.HTTP_201_CREATED)
@@ -593,12 +839,106 @@ async def upload_attachment(
     ticket_id: str,
     file: UploadFile = File(...),
     db: AsyncSession = Depends(get_db),
-    current_user: User = Depends(get_current_user)
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant)
 ):
-    """
+    """Subir un archivo adjunto a un ticket"""
-    Subir un archivo adjunto a un ticket
+    try:
-    """
+        ticket_uuid = uuid.UUID(ticket_id)
-    raise HTTPException(
+    except ValueError:
-        status_code=status.HTTP_501_NOT_IMPLEMENTED,
+        raise HTTPException(status_code=400, detail="ID de ticket inválido")
-        detail="File uploads not yet implemented"
+    
+    # Verificar ticket
+    result = await db.execute(
+        select(Ticket).where(Ticket.id == ticket_uuid, Ticket.tenant_id == current_tenant.id)
+    )
+    ticket = result.scalar_one_or_none()
+    
+    if not ticket:
+        raise HTTPException(status_code=404, detail="Ticket no encontrado")
+    
+    # Guardar archivo
+    file_metadata = await file_handler.save_upload(file, current_tenant.id, ticket_uuid)
+    
+    # Crear registro en BD
+    attachment = TicketAttachment(
+        id=uuid.uuid4(),
+        ticket_id=ticket_uuid,
+        uploaded_by=current_user.id,
+        filename=file_metadata["filename"],
+        original_filename=file_metadata["original_filename"],
+        mime_type=file_metadata["mime_type"],
+        file_size=file_metadata["file_size"],
+        file_path=file_metadata["file_path"],
+        md5_hash=file_metadata["md5_hash"],
+        sha256_hash=file_metadata["sha256_hash"],
+        created_at=datetime.utcnow()
+    )
+    
+    db.add(attachment)
+    await db.commit()
+    await db.refresh(attachment, ["uploaded_by_user"])
+    
+    return {
+        "success": True,
+        "message": "Archivo subido exitosamente",
+        "data": AttachmentResponse(
+            id=attachment.id,
+            ticket_id=attachment.ticket_id,
+            comment_id=attachment.comment_id,
+            uploaded_by=attachment.uploaded_by,
+            filename=attachment.filename,
+            original_filename=attachment.original_filename,
+            mime_type=attachment.mime_type,
+            file_size=attachment.file_size,
+            file_path=attachment.file_path,
+            uploaded_by_name=f"{attachment.uploaded_by_user.first_name} {attachment.uploaded_by_user.last_name}",
+            created_at=attachment.created_at,
+            download_url=f"/api/v1/tickets/{ticket_id}/attachments/{attachment.id}/download"
+        )
+    }
+
+
+@router.get("/{ticket_id}/attachments/{attachment_id}/download")
+async def download_attachment(
+    ticket_id: str,
+    attachment_id: str,
+    db: AsyncSession = Depends(get_db),
+    current_user: User = Depends(get_current_user),
+    current_tenant: Tenant = Depends(get_current_tenant)
+):
+    """Descargar un archivo adjunto"""
+    try:
+        ticket_uuid = uuid.UUID(ticket_id)
+        attachment_uuid = uuid.UUID(attachment_id)
+    except ValueError:
+        raise HTTPException(status_code=400, detail="ID inválido")
+    
+    # Verificar ticket
+    result = await db.execute(
+        select(Ticket).where(Ticket.id == ticket_uuid, Ticket.tenant_id == current_tenant.id)
+    )
+    ticket = result.scalar_one_or_none()
+    
+    if not ticket:
+        raise HTTPException(status_code=404, detail="Ticket no encontrado")
+    
+    # Obtener attachment
+    result = await db.execute(
+        select(TicketAttachment)
+        .where(TicketAttachment.id == attachment_uuid, TicketAttachment.ticket_id == ticket_uuid)
+    )
+    attachment = result.scalar_one_or_none()
+    
+    if not attachment:
+        raise HTTPException(status_code=404, detail="Adjunto no encontrado")
+    
+    # Obtener path del archivo
+    file_path = file_handler.get_file_path(attachment.file_path)
+    
+    # Retornar archivo
+    return FileResponse(
+        path=file_path,
+        filename=attachment.original_filename,
+        media_type=attachment.mime_type
     )

backend/app/api/v1/router.py

@@ -6,7 +6,7 @@ Router principal para la API v1
 
 from fastapi import APIRouter
 
-from app.api.v1.endpoints import auth, health, tenants, users, systems, categories, tickets
+from app.api.v1.endpoints import auth, health, tenants, users, systems, categories, tickets, client_profile
 
 api_router = APIRouter()
 
@@ -54,6 +54,9 @@ api_router.include_router(
     tags=["tickets"]
 )
 
-# Ensure FastAPI is installed in the environment
+# Client Profile routes
-# If not, install it using:
+api_router.include_router(
-# pip install fastapi
+    client_profile.router,
+    prefix="/client-profile",
+    tags=["client-profile"]
+)

backend/app/core/config.py

@@ -23,101 +23,98 @@ class Settings(BaseSettings):
     # ===================================
     # GENERAL
     # ===================================
-    ENVIRONMENT: str = Field(default="development", env="ENVIRONMENT")
+    ENVIRONMENT: str = Field(default="development")
-    DEBUG: bool = Field(default=False, env="DEBUG")
+    DEBUG: bool = Field(default=False)
-    SECRET_KEY: str = Field(..., env="SECRET_KEY")
+    SECRET_KEY: str = Field(...)
-    API_VERSION: str = Field(default="v1", env="API_VERSION")
+    API_VERSION: str = Field(default="v1")
     
     # ===================================
     # DATABASE
     # ===================================
-    DATABASE_URL: str = Field(..., env="DATABASE_URL")
+    DATABASE_URL: str = Field(...)
     
     # ===================================
     # REDIS
     # ===================================
-    REDIS_URL: str = Field(..., env="REDIS_URL")
+    REDIS_URL: str = Field(...)
     
     # ===================================
     # JWT AUTHENTICATION
     # ===================================
-    JWT_SECRET_KEY: str = Field(..., env="JWT_SECRET_KEY")
+    JWT_SECRET_KEY: str = Field(...)
-    JWT_ALGORITHM: str = Field(default="HS256", env="JWT_ALGORITHM")
+    JWT_ALGORITHM: str = Field(default="HS256")
-    ACCESS_TOKEN_EXPIRE_MINUTES: int = Field(default=60, env="ACCESS_TOKEN_EXPIRE_MINUTES")
+    ACCESS_TOKEN_EXPIRE_MINUTES: int = Field(default=60)
-    REFRESH_TOKEN_EXPIRE_DAYS: int = Field(default=7, env="REFRESH_TOKEN_EXPIRE_DAYS")
+    REFRESH_TOKEN_EXPIRE_DAYS: int = Field(default=7)
     
     # ===================================
     # CORS
     # ===================================
     CORS_ORIGINS: str = Field(
-        default="http://localhost:3000,http://localhost:3001",
+        default="http://localhost:3000,http://localhost:3001"
-        env="CORS_ORIGINS"
     )
     
     # ===================================
     # EMAIL
     # ===================================
-    SMTP_HOST: str = Field(default="localhost", env="SMTP_HOST")
+    SMTP_HOST: str = Field(default="localhost")
-    SMTP_PORT: int = Field(default=587, env="SMTP_PORT")
+    SMTP_PORT: int = Field(default=587)
-    SMTP_USER: Optional[str] = Field(default=None, env="SMTP_USER")
+    SMTP_USER: Optional[str] = Field(default=None)
-    SMTP_PASSWORD: Optional[str] = Field(default=None, env="SMTP_PASSWORD")
+    SMTP_PASSWORD: Optional[str] = Field(default=None)
-    SMTP_USE_TLS: bool = Field(default=True, env="SMTP_USE_TLS")
+    SMTP_USE_TLS: bool = Field(default=True)
-    SMTP_USE_SSL: bool = Field(default=False, env="SMTP_USE_SSL")
+    SMTP_USE_SSL: bool = Field(default=False)
     
-    DEFAULT_FROM_EMAIL: str = Field(default="noreply@servicemanager.local", env="DEFAULT_FROM_EMAIL")
+    DEFAULT_FROM_EMAIL: str = Field(default="noreply@servicemanager.local")
-    DEFAULT_FROM_NAME: str = Field(default="ServiceManager", env="DEFAULT_FROM_NAME")
+    DEFAULT_FROM_NAME: str = Field(default="ServiceManager")
     
     # ===================================
     # FILE UPLOADS
     # ===================================
-    MAX_UPLOAD_SIZE_MB: int = Field(default=10, env="MAX_UPLOAD_SIZE_MB")
+    MAX_UPLOAD_SIZE_MB: int = Field(default=10)
-    ALLOWED_FILE_EXTENSIONS: List[str] = Field(
+    ALLOWED_FILE_EXTENSIONS_STR: str = Field(
-        default=["pdf", "jpg", "jpeg", "png", "doc", "docx", "xls", "xlsx", "txt"],
+        default="pdf,jpg,jpeg,png,doc,docx,xls,xlsx,txt",
-        env="ALLOWED_FILE_EXTENSIONS"
+        alias="ALLOWED_FILE_EXTENSIONS"
     )
-    UPLOAD_PATH: str = Field(default="/app/uploads", env="UPLOAD_PATH")
+    UPLOAD_PATH: str = Field(default="/app/uploads")
     
-    @field_validator("ALLOWED_FILE_EXTENSIONS", mode='before')
+    @property
-    @classmethod
+    def ALLOWED_FILE_EXTENSIONS(self) -> List[str]:
-    def validate_file_extensions(cls, v):
+        """Parse the comma-separated file extensions."""
-        if isinstance(v, str):
+        return [ext.strip().lower() for ext in self.ALLOWED_FILE_EXTENSIONS_STR.split(",")]
-            return [ext.strip().lower() for ext in v.split(",")]
-        return [ext.lower() for ext in v]
     
     # ===================================
     # SECURITY
     # ===================================
-    RATE_LIMIT_ENABLED: bool = Field(default=True, env="RATE_LIMIT_ENABLED")
+    RATE_LIMIT_ENABLED: bool = Field(default=True)
-    PASSWORD_MIN_LENGTH: int = Field(default=8, env="PASSWORD_MIN_LENGTH")
+    PASSWORD_MIN_LENGTH: int = Field(default=8)
     
     # Argon2 settings
-    ARGON2_TIME_COST: int = Field(default=3, env="ARGON2_TIME_COST")
+    ARGON2_TIME_COST: int = Field(default=3)
-    ARGON2_MEMORY_COST: int = Field(default=65536, env="ARGON2_MEMORY_COST")
+    ARGON2_MEMORY_COST: int = Field(default=65536)
-    ARGON2_PARALLELISM: int = Field(default=4, env="ARGON2_PARALLELISM")
+    ARGON2_PARALLELISM: int = Field(default=4)
     
     # ===================================
     # LOGGING
     # ===================================
-    LOG_LEVEL: str = Field(default="INFO", env="LOG_LEVEL")
+    LOG_LEVEL: str = Field(default="INFO")
-    LOG_FORMAT: str = Field(default="json", env="LOG_FORMAT")
+    LOG_FORMAT: str = Field(default="json")
-    LOG_FILE: Optional[str] = Field(default=None, env="LOG_FILE")
+    LOG_FILE: Optional[str] = Field(default=None)
     
     # ===================================
     # FRONTEND URLS
     # ===================================
-    CLIENT_FRONTEND_URL: str = Field(default="http://localhost:3000", env="CLIENT_FRONTEND_URL")
+    CLIENT_FRONTEND_URL: str = Field(default="http://localhost:3000")
-    INTERNAL_FRONTEND_URL: str = Field(default="http://localhost:3001", env="INTERNAL_FRONTEND_URL")
+    INTERNAL_FRONTEND_URL: str = Field(default="http://localhost:3001")
     
     # ===================================
     # HEALTH CHECKS
     # ===================================
-    HEALTH_CHECK_TIMEOUT: int = Field(default=30, env="HEALTH_CHECK_TIMEOUT")
+    HEALTH_CHECK_TIMEOUT: int = Field(default=30)
     
     # ===================================
     # CELERY
     # ===================================
-    CELERY_BROKER_URL: str = Field(..., env="CELERY_BROKER_URL")
+    CELERY_BROKER_URL: str = Field(...)
-    CELERY_RESULT_BACKEND: str = Field(..., env="CELERY_RESULT_BACKEND")
+    CELERY_RESULT_BACKEND: str = Field(...)
     
     def is_production(self) -> bool:
         """Check if environment is production."""

backend/app/core/file_handler.py

@@ -0,0 +1,101 @@
+"""
+File Handler - ServiceManagerWeb  
+Gestión simple de archivos adjuntos
+"""
+import os
+import uuid
+import hashlib
+from pathlib import Path
+from typing import Tuple
+from fastapi import UploadFile, HTTPException, status
+
+from app.core.config import get_settings
+
+settings = get_settings()
+
+
+class FileHandler:
+    """Handler simple para archivos adjuntos"""
+    
+    def __init__(self):
+        self.upload_path = Path(settings.UPLOAD_PATH)
+        self.max_size_bytes = settings.MAX_UPLOAD_SIZE_MB * 1024 * 1024
+        self.allowed_extensions = settings.ALLOWED_FILE_EXTENSIONS
+        # Crear directorio si no existe
+        self.upload_path.mkdir(parents=True, exist_ok=True)
+    
+    def _validate_file(self, filename: str, file_size: int) -> None:
+        """Validar archivo"""
+        extension = Path(filename).suffix.lower().lstrip('.')
+        
+        if extension not in self.allowed_extensions:
+            raise HTTPException(
+                status_code=status.HTTP_400_BAD_REQUEST,
+                detail=f"Extensión no permitida: {extension}"
+            )
+        
+        if file_size > self.max_size_bytes:
+            raise HTTPException(
+                status_code=status.HTTP_413_REQUEST_ENTITY_TOO_LARGE,
+                detail=f"Archivo muy grande. Máximo: {settings.MAX_UPLOAD_SIZE_MB}MB"
+            )
+    
+    def _calculate_checksums(self, content: bytes) -> Tuple[str, str]:
+        """Calcular MD5 y SHA256"""
+        return hashlib.md5(content).hexdigest(), hashlib.sha256(content).hexdigest()
+    
+    async def save_upload(self, file: UploadFile, tenant_id: uuid.UUID, ticket_id: uuid.UUID) -> dict:
+        """Guardar archivo y retornar metadata"""
+        if not file.filename:
+            raise HTTPException(status_code=400, detail="Filename requerido")
+        
+        content = await file.read()
+        file_size = len(content)
+        
+        self._validate_file(file.filename, file_size)
+        
+        md5_hash, sha256_hash = self._calculate_checksums(content)
+        
+        # Nombre único
+        extension = Path(file.filename).suffix.lower()
+        safe_filename = f"{uuid.uuid4().hex}{extension}"
+        
+        # Estructura: uploads/tenant_id/tickets/ticket_id/
+        file_directory = self.upload_path / str(tenant_id) / "tickets" / str(ticket_id)
+        file_directory.mkdir(parents=True, exist_ok=True)
+        
+        file_path = file_directory / safe_filename
+        relative_path = str(file_path.relative_to(self.upload_path))
+        
+        # Guardar archivo
+        with open(file_path, "wb") as f:
+            f.write(content)
+        
+        import mimetypes
+        mime_type = mimetypes.guess_type(file.filename)[0] or "application/octet-stream"
+        
+        return {
+            "filename": safe_filename,
+            "original_filename": file.filename,
+            "file_path": relative_path,
+            "file_size": file_size,
+            "mime_type": mime_type,
+            "md5_hash": md5_hash,
+            "sha256_hash": sha256_hash
+        }
+    
+    def get_file_path(self, relative_path: str) -> Path:
+        """Obtener path absoluto del archivo"""
+        file_path = (self.upload_path / relative_path).resolve()
+        
+        # Verificar que no escape del directorio de uploads
+        if not str(file_path).startswith(str(self.upload_path.resolve())):
+            raise HTTPException(status_code=403, detail="Acceso denegado")
+        
+        if not file_path.exists():
+            raise HTTPException(status_code=404, detail="Archivo no encontrado")
+        
+        return file_path
+
+
+file_handler = FileHandler()

backend/app/main.py

@@ -22,6 +22,7 @@ from app.models.category import Category
 from app.models.user import User
 from app.models.ticket import Ticket
 from app.models.comment import TicketComment
+from app.models.attachment import TicketAttachment
 
 from app.core.logging import setup_logging
 from app.api.v1.router import api_router

backend/app/models/__init__.py

@@ -0,0 +1,21 @@
+"""Models package initialization."""
+
+from .user import User
+from .tenant import Tenant
+from .ticket import Ticket
+from .comment import TicketComment
+from .system import System
+from .category import Category
+from .client_profile import ClientProfile
+from .attachment import TicketAttachment
+
+__all__ = [
+    "User",
+    "Tenant", 
+    "Ticket",
+    "TicketComment",
+    "System",
+    "Category",
+    "ClientProfile",
+    "TicketAttachment"
+]

backend/app/models/attachment.py

@@ -0,0 +1,62 @@
+"""
+Attachment Model - ServiceManagerWeb
+"""
+from sqlalchemy import String, ForeignKey, Integer, DateTime, func
+from sqlalchemy.orm import Mapped, mapped_column, relationship
+from sqlalchemy.dialects.postgresql import UUID
+from typing import Optional, TYPE_CHECKING
+from datetime import datetime
+import uuid
+
+from app.core.database import Base
+
+if TYPE_CHECKING:
+    from app.models.ticket import Ticket
+    from app.models.comment import TicketComment
+    from app.models.user import User
+
+
+class TicketAttachment(Base):
+    """Modelo de archivos adjuntos en tickets"""
+    __tablename__ = "ticket_attachments"
+    
+    # Sobrescribir campos heredados de Base para que coincidan con la tabla real
+    id: Mapped[uuid.UUID] = mapped_column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    created_at: Mapped[datetime] = mapped_column(DateTime(timezone=True), server_default=func.now())
+    # Esta tabla NO tiene updated_at, así que lo excluimos del mapping
+    
+    ticket_id: Mapped[uuid.UUID] = mapped_column(
+        UUID(as_uuid=True),
+        ForeignKey("tickets.id", ondelete="CASCADE"),
+        nullable=False
+    )
+    
+    comment_id: Mapped[Optional[uuid.UUID]] = mapped_column(
+        UUID(as_uuid=True),
+        ForeignKey("ticket_comments.id", ondelete="CASCADE"),
+        nullable=True
+    )
+    
+    uploaded_by: Mapped[uuid.UUID] = mapped_column(
+        UUID(as_uuid=True),
+        ForeignKey("users.id"),
+        nullable=False
+    )
+    
+    filename: Mapped[str] = mapped_column(String(255), nullable=False)
+    original_filename: Mapped[str] = mapped_column(String(255), nullable=False)
+    mime_type: Mapped[str] = mapped_column(String(100), nullable=False)
+    file_size: Mapped[int] = mapped_column(Integer, nullable=False)
+    file_path: Mapped[str] = mapped_column(String(500), nullable=False)
+    
+    md5_hash: Mapped[Optional[str]] = mapped_column(String(32), nullable=True)
+    sha256_hash: Mapped[Optional[str]] = mapped_column(String(64), nullable=True)
+    
+    ticket: Mapped["Ticket"] = relationship("Ticket", back_populates="attachments")
+    comment: Mapped[Optional["TicketComment"]] = relationship("TicketComment", back_populates="attachments")
+    uploaded_by_user: Mapped["User"] = relationship("User")
+    
+    # Excluir updated_at del mapping ya que la tabla no lo tiene
+    __mapper_args__ = {
+        "exclude_properties": ["updated_at"]
+    }

backend/app/models/client_profile.py

@@ -0,0 +1,123 @@
+"""
+Client Profile Model - ServiceManagerWeb
+
+Modelo para perfil empresarial de clientes
+Almacena información detallada de la empresa cliente
+"""
+
+from sqlalchemy import String, Boolean, DateTime, ForeignKey, Text, Numeric
+from sqlalchemy.orm import Mapped, mapped_column, relationship
+from sqlalchemy.dialects.postgresql import UUID
+from typing import Optional, TYPE_CHECKING
+import uuid
+from datetime import datetime
+
+from app.core.database import Base
+
+if TYPE_CHECKING:
+    from app.models.tenant import Tenant
+
+
+class ClientProfile(Base):
+    """Modelo de Perfil de Cliente Empresarial."""
+    
+    __tablename__ = "client_profiles"
+    
+    # Relación con tenant (uno a uno)
+    tenant_id: Mapped[uuid.UUID] = mapped_column(
+        UUID(as_uuid=True),
+        ForeignKey("tenants.id", ondelete="CASCADE"),
+        unique=True,
+        nullable=False,
+        index=True
+    )
+    
+    # === INFORMACIÓN GENERAL ===
+    business_name: Mapped[Optional[str]] = mapped_column(String(255))  # Razón social
+    commercial_name: Mapped[Optional[str]] = mapped_column(String(255))  # Nombre comercial
+    client_code: Mapped[Optional[str]] = mapped_column(String(50))  # Clave de cliente
+    client_type: Mapped[Optional[str]] = mapped_column(String(50))  # Tipo de cliente
+    rfc: Mapped[Optional[str]] = mapped_column(String(13))  # RFC México
+    tax_id: Mapped[Optional[str]] = mapped_column(String(50))  # ID fiscal general
+    
+    # === UBICACIÓN ===
+    country: Mapped[Optional[str]] = mapped_column(String(100))
+    state: Mapped[Optional[str]] = mapped_column(String(100))
+    city: Mapped[Optional[str]] = mapped_column(String(100))
+    address: Mapped[Optional[str]] = mapped_column(Text)
+    external_number: Mapped[Optional[str]] = mapped_column(String(20))
+    internal_number: Mapped[Optional[str]] = mapped_column(String(20))
+    postal_code: Mapped[Optional[str]] = mapped_column(String(10))
+    neighborhood: Mapped[Optional[str]] = mapped_column(String(100))
+    
+    # === CONTACTO ===
+    main_phone: Mapped[Optional[str]] = mapped_column(String(20))
+    secondary_phone: Mapped[Optional[str]] = mapped_column(String(20))
+    direct_phone: Mapped[Optional[str]] = mapped_column(String(20))
+    phone_extension: Mapped[Optional[str]] = mapped_column(String(10))
+    fax: Mapped[Optional[str]] = mapped_column(String(20))
+    
+    # === INFORMACIÓN ADICIONAL ===
+    business_hours: Mapped[Optional[str]] = mapped_column(String(255))
+    website: Mapped[Optional[str]] = mapped_column(String(255))
+    main_email: Mapped[Optional[str]] = mapped_column(String(320))
+    billing_email: Mapped[Optional[str]] = mapped_column(String(320))
+    
+    # === MARKETING ===
+    advertising_medium: Mapped[Optional[str]] = mapped_column(String(255))
+    nationality: Mapped[Optional[str]] = mapped_column(String(100))
+    
+    # === CONFIGURACIÓN EMPRESARIAL ===
+    logo_url: Mapped[Optional[str]] = mapped_column(String(500))
+    company_representative: Mapped[Optional[str]] = mapped_column(String(255))  # Encargado/Representante
+    legal_representative: Mapped[Optional[str]] = mapped_column(String(255))
+    
+    # === FINANZAS/FACTURACIÓN ===
+    credit_limit: Mapped[Optional[float]] = mapped_column(Numeric(15, 2))
+    payment_terms: Mapped[Optional[str]] = mapped_column(String(100))
+    preferred_currency: Mapped[str] = mapped_column(String(3), default="MXN")
+    
+    # === METADATOS ===
+    send_to_billing: Mapped[bool] = mapped_column(Boolean, default=False)
+    is_active_client: Mapped[bool] = mapped_column(Boolean, default=True)
+    is_prospect: Mapped[bool] = mapped_column(Boolean, default=False)
+    notes: Mapped[Optional[str]] = mapped_column(Text)
+    
+    # === RELACIONES ===
+    tenant: Mapped["Tenant"] = relationship("Tenant", back_populates="client_profile")
+    
+    def __repr__(self) -> str:
+        return f"<ClientProfile(tenant_id={self.tenant_id}, business_name='{self.business_name}')>"
+
+    @property
+    def full_address(self) -> str:
+        """Dirección completa formateada."""
+        address_parts = []
+        
+        if self.address:
+            address_parts.append(self.address)
+        
+        if self.external_number:
+            if self.internal_number:
+                address_parts.append(f"#{self.external_number}-{self.internal_number}")
+            else:
+                address_parts.append(f"#{self.external_number}")
+        
+        if self.neighborhood:
+            address_parts.append(f"Col. {self.neighborhood}")
+        
+        if self.city and self.state:
+            address_parts.append(f"{self.city}, {self.state}")
+        
+        if self.postal_code:
+            address_parts.append(f"C.P. {self.postal_code}")
+            
+        if self.country:
+            address_parts.append(self.country)
+            
+        return ", ".join(address_parts)
+
+    @property
+    def display_name(self) -> str:
+        """Nombre para mostrar (comercial o razón social)."""
+        return self.commercial_name or self.business_name or "Sin nombre"

backend/app/models/comment.py

@@ -64,6 +64,11 @@ class TicketComment(Base):
     # Relationships
     ticket: Mapped["Ticket"] = relationship("Ticket", back_populates="comments")
     author: Mapped["User"] = relationship("User")
+    attachments: Mapped[list["TicketAttachment"]] = relationship(
+        "TicketAttachment",
+        back_populates="comment",
+        cascade="all, delete-orphan"
+    )
     
     def __repr__(self) -> str:
         return f"<TicketComment {self.id} by {self.author_id}>"

backend/app/models/tenant.py

@@ -54,6 +54,7 @@ class Tenant(Base):
     users: Mapped[List["User"]] = relationship("User", back_populates="tenant")
     tickets: Mapped[List["Ticket"]] = relationship("Ticket", back_populates="tenant")
     categories: Mapped[List["Category"]] = relationship("Category", back_populates="tenant")  # ✅ CORREGIDO: Era "TicketCategory"
+    client_profile: Mapped[Optional["ClientProfile"]] = relationship("ClientProfile", back_populates="tenant", uselist=False)
     
     def __repr__(self) -> str:
         return f"<Tenant(id={self.id}, name='{self.name}', slug='{self.slug}')>"

backend/app/models/ticket.py

@@ -126,6 +126,12 @@ class Ticket(Base):
         cascade="all, delete-orphan"
     )
     
+    attachments: Mapped[list["TicketAttachment"]] = relationship(
+        "TicketAttachment",
+        back_populates="ticket",
+        cascade="all, delete-orphan"
+    )
+    
     # ✅ AÑADIDOS: Constraints según schema.sql
     __table_args__ = (
         UniqueConstraint('tenant_id', 'ticket_number', name='uq_tickets_tenant_number'),

backend/backend/migrations/README

@@ -1 +0,0 @@
-Generic single-database configuration.

backend/backend/migrations/env.py

@@ -1,78 +0,0 @@
-from logging.config import fileConfig
-
-from sqlalchemy import engine_from_config
-from sqlalchemy import pool
-
-from alembic import context
-
-# this is the Alembic Config object, which provides
-# access to the values within the .ini file in use.
-config = context.config
-
-# Interpret the config file for Python logging.
-# This line sets up loggers basically.
-if config.config_file_name is not None:
-    fileConfig(config.config_file_name)
-
-# add your model's MetaData object here
-# for 'autogenerate' support
-# from myapp import mymodel
-# target_metadata = mymodel.Base.metadata
-target_metadata = None
-
-# other values from the config, defined by the needs of env.py,
-# can be acquired:
-# my_important_option = config.get_main_option("my_important_option")
-# ... etc.
-
-
-def run_migrations_offline() -> None:
-    """Run migrations in 'offline' mode.
-
-    This configures the context with just a URL
-    and not an Engine, though an Engine is acceptable
-    here as well.  By skipping the Engine creation
-    we don't even need a DBAPI to be available.
-
-    Calls to context.execute() here emit the given string to the
-    script output.
-
-    """
-    url = config.get_main_option("sqlalchemy.url")
-    context.configure(
-        url=url,
-        target_metadata=target_metadata,
-        literal_binds=True,
-        dialect_opts={"paramstyle": "named"},
-    )
-
-    with context.begin_transaction():
-        context.run_migrations()
-
-
-def run_migrations_online() -> None:
-    """Run migrations in 'online' mode.
-
-    In this scenario we need to create an Engine
-    and associate a connection with the context.
-
-    """
-    connectable = engine_from_config(
-        config.get_section(config.config_ini_section, {}),
-        prefix="sqlalchemy.",
-        poolclass=pool.NullPool,
-    )
-
-    with connectable.connect() as connection:
-        context.configure(
-            connection=connection, target_metadata=target_metadata
-        )
-
-        with context.begin_transaction():
-            context.run_migrations()
-
-
-if context.is_offline_mode():
-    run_migrations_offline()
-else:
-    run_migrations_online()

backend/backend/migrations/script.py.mako

@@ -1,26 +0,0 @@
-"""${message}
-
-Revision ID: ${up_revision}
-Revises: ${down_revision | comma,n}
-Create Date: ${create_date}
-
-"""
-from typing import Sequence, Union
-
-from alembic import op
-import sqlalchemy as sa
-${imports if imports else ""}
-
-# revision identifiers, used by Alembic.
-revision: str = ${repr(up_revision)}
-down_revision: Union[str, None] = ${repr(down_revision)}
-branch_labels: Union[str, Sequence[str], None] = ${repr(branch_labels)}
-depends_on: Union[str, Sequence[str], None] = ${repr(depends_on)}
-
-
-def upgrade() -> None:
-    ${upgrades if upgrades else "pass"}
-
-
-def downgrade() -> None:
-    ${downgrades if downgrades else "pass"}

backend/check_test_user_password.py

@@ -0,0 +1,77 @@
+"""
+Script para verificar y actualizar password del test_user
+"""
+import asyncio
+import sys
+import os
+from sqlalchemy import select
+from passlib.context import CryptContext
+
+# Configurar el path
+backend_path = os.path.join(os.path.dirname(__file__), 'backend')
+sys.path.insert(0, backend_path)
+
+from app.core.database import AsyncSessionLocal 
+from app.models.user import User
+
+# Configurar passlib igual que en security.py
+pwd_context = CryptContext(
+    schemes=["argon2", "bcrypt"],
+    deprecated="auto",
+    argon2__memory_cost=65536,
+    argon2__time_cost=3,
+    argon2__parallelism=4,
+)
+
+async def check_and_fix_test_user():
+    """Verificar y actualizar password del test_user"""
+    
+    # Contraseñas posibles
+    possible_passwords = [
+        "admin123",
+        "TestPassword123!",
+        "password123",
+        "test123",
+        "hashed_password"
+    ]
+    
+    async with AsyncSessionLocal() as session:
+        try:
+            # Buscar test_user
+            result = await session.execute(
+                select(User).where(User.email == "test_user@example.com")
+            )
+            user = result.scalar_one_or_none()
+            
+            if not user:
+                print("❌ Usuario test_user@example.com no encontrado")
+                return
+            
+            print(f"✅ Usuario encontrado: {user.email}")
+            print(f"Hash actual: {user.password_hash}")
+            
+            # Probar contraseñas posibles
+            found_password = None
+            for password in possible_passwords:
+                if pwd_context.verify(password, user.password_hash):
+                    found_password = password
+                    break
+                    
+            if found_password:
+                print(f"🎉 Contraseña encontrada: {found_password}")
+            else:
+                print("❌ Ninguna contraseña coincide")
+                print("Estableciendo nueva contraseña: admin123")
+                
+                # Establecer nueva contraseña
+                new_password = "admin123"
+                user.password_hash = pwd_context.hash(new_password)
+                await session.commit()
+                print(f"✅ Contraseña actualizada a: {new_password}")
+                
+        except Exception as e:
+            print(f"❌ Error: {e}")
+            await session.rollback()
+
+if __name__ == "__main__":
+    asyncio.run(check_and_fix_test_user())

backend/migrations/versions/13362e8c493a_add_client_profiles_table.py

@@ -0,0 +1,102 @@
+"""Add client_profiles table
+
+Revision ID: 13362e8c493a
+Revises: 48c43e9204c3
+Create Date: 2026-02-05 20:11:52.534918
+
+"""
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects import postgresql
+
+
+# revision identifiers, used by Alembic.
+revision = '13362e8c493a'
+down_revision = '48c43e9204c3'
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    # Create client_profiles table
+    op.create_table('client_profiles',
+        sa.Column('id', postgresql.UUID(as_uuid=True), nullable=False, default=sa.text('gen_random_uuid()')),
+        sa.Column('tenant_id', postgresql.UUID(as_uuid=True), nullable=False),
+        
+        # === INFORMACIÓN GENERAL ===
+        sa.Column('business_name', sa.String(length=255), nullable=True),
+        sa.Column('commercial_name', sa.String(length=255), nullable=True),
+        sa.Column('client_code', sa.String(length=50), nullable=True),
+        sa.Column('client_type', sa.String(length=50), nullable=True),
+        sa.Column('rfc', sa.String(length=13), nullable=True),
+        sa.Column('tax_id', sa.String(length=50), nullable=True),
+        
+        # === UBICACIÓN ===
+        sa.Column('country', sa.String(length=100), nullable=True),
+        sa.Column('state', sa.String(length=100), nullable=True),
+        sa.Column('city', sa.String(length=100), nullable=True),
+        sa.Column('address', sa.Text(), nullable=True),
+        sa.Column('external_number', sa.String(length=20), nullable=True),
+        sa.Column('internal_number', sa.String(length=20), nullable=True),
+        sa.Column('postal_code', sa.String(length=10), nullable=True),
+        sa.Column('neighborhood', sa.String(length=100), nullable=True),
+        
+        # === CONTACTO ===
+        sa.Column('main_phone', sa.String(length=20), nullable=True),
+        sa.Column('secondary_phone', sa.String(length=20), nullable=True),
+        sa.Column('direct_phone', sa.String(length=20), nullable=True),
+        sa.Column('phone_extension', sa.String(length=10), nullable=True),
+        sa.Column('fax', sa.String(length=20), nullable=True),
+        
+        # === INFORMACIÓN ADICIONAL ===
+        sa.Column('business_hours', sa.String(length=255), nullable=True),
+        sa.Column('website', sa.String(length=255), nullable=True),
+        sa.Column('main_email', sa.String(length=320), nullable=True),
+        sa.Column('billing_email', sa.String(length=320), nullable=True),
+        
+        # === MARKETING ===
+        sa.Column('advertising_medium', sa.String(length=255), nullable=True),
+        sa.Column('nationality', sa.String(length=100), nullable=True),
+        
+        # === CONFIGURACIÓN EMPRESARIAL ===
+        sa.Column('logo_url', sa.String(length=500), nullable=True),
+        sa.Column('company_representative', sa.String(length=255), nullable=True),
+        sa.Column('legal_representative', sa.String(length=255), nullable=True),
+        
+        # === FINANZAS/FACTURACIÓN ===
+        sa.Column('credit_limit', sa.Numeric(precision=15, scale=2), nullable=True),
+        sa.Column('payment_terms', sa.String(length=100), nullable=True),
+        sa.Column('preferred_currency', sa.String(length=3), nullable=False, default='MXN'),
+        
+        # === METADATOS ===
+        sa.Column('send_to_billing', sa.Boolean(), nullable=False, default=False),
+        sa.Column('is_active_client', sa.Boolean(), nullable=False, default=True),
+        sa.Column('is_prospect', sa.Boolean(), nullable=False, default=False),
+        sa.Column('notes', sa.Text(), nullable=True),
+        
+        # === TIMESTAMPS ===
+        sa.Column('created_at', sa.DateTime(timezone=True), nullable=False, default=sa.func.now()),
+        sa.Column('updated_at', sa.DateTime(timezone=True), nullable=False, default=sa.func.now(), onupdate=sa.func.now()),
+        
+        # Constraints
+        sa.PrimaryKeyConstraint('id'),
+        sa.ForeignKeyConstraint(['tenant_id'], ['tenants.id'], ondelete='CASCADE'),
+        sa.UniqueConstraint('tenant_id')  # Relación uno a uno con tenant
+    )
+    
+    # Crear índices para optimizar consultas
+    op.create_index('idx_client_profiles_tenant_id', 'client_profiles', ['tenant_id'])
+    op.create_index('idx_client_profiles_rfc', 'client_profiles', ['rfc'])
+    op.create_index('idx_client_profiles_business_name', 'client_profiles', ['business_name'])
+    op.create_index('idx_client_profiles_client_code', 'client_profiles', ['client_code'])
+
+
+def downgrade() -> None:
+    # Drop índices
+    op.drop_index('idx_client_profiles_client_code', table_name='client_profiles')
+    op.drop_index('idx_client_profiles_business_name', table_name='client_profiles')
+    op.drop_index('idx_client_profiles_rfc', table_name='client_profiles')
+    op.drop_index('idx_client_profiles_tenant_id', table_name='client_profiles')
+    
+    # Drop tabla
+    op.drop_table('client_profiles')

backend/pytest.ini

@@ -0,0 +1,22 @@
+[tool:pytest]
+testpaths = tests
+python_files = test_*.py
+python_functions = test_*
+python_classes = Test*
+asyncio_mode = auto
+addopts = 
+    -v
+    --tb=short
+    --strict-markers
+    --disable-warnings
+    --color=yes
+    --durations=10
+markers =
+    slow: marks tests as slow (deselect with '-m "not slow"')
+    integration: marks tests as integration tests
+    unit: marks tests as unit tests
+    auth: marks tests related to authentication
+    db: marks tests that require database
+filterwarnings =
+    ignore::DeprecationWarning
+    ignore::PendingDeprecationWarning

backend/requirements.txt

@@ -69,6 +69,7 @@ prometheus-client==0.19.0
 pytest==7.4.3
 pytest-asyncio==0.21.1
 pytest-cov==4.1.0
+aiosqlite==0.19.0
 httpx==0.25.2            # For testing
 faker==20.1.0            # Test data generation
 

backend/set_test_password.py

@@ -0,0 +1,59 @@
+"""
+Script para establecer contraseña real al test_user
+"""
+import asyncio
+import sys
+import os
+from sqlalchemy import select
+from passlib.context import CryptContext
+
+# Configurar el path
+backend_path = os.path.join(os.path.dirname(__file__), 'backend')
+sys.path.insert(0, backend_path)
+
+from app.core.database import AsyncSessionLocal 
+from app.models.user import User
+
+# Configurar passlib
+pwd_context = CryptContext(
+    schemes=["argon2", "bcrypt"],
+    deprecated="auto",
+    argon2__memory_cost=65536,
+    argon2__time_cost=3,
+    argon2__parallelism=4,
+)
+
+async def set_test_user_password():
+    """Establecer contraseña admin123 para test_user"""
+    
+    new_password = "admin123"
+    password_hash = pwd_context.hash(new_password)
+    
+    async with AsyncSessionLocal() as session:
+        try:
+            # Buscar test_user
+            result = await session.execute(
+                select(User).where(User.email == "test_user@example.com")
+            )
+            user = result.scalar_one_or_none()
+            
+            if not user:
+                print("❌ Usuario test_user@example.com no encontrado")
+                return
+            
+            print(f"✅ Usuario encontrado: {user.email}")
+            print(f"Hash anterior: {user.password_hash}")
+            
+            # Establecer nueva contraseña hash
+            user.password_hash = password_hash
+            await session.commit()
+            
+            print(f"🎉 Contraseña establecida: {new_password}")
+            print(f"✅ Nuevo hash: {password_hash[:50]}...")
+                
+        except Exception as e:
+            print(f"❌ Error: {e}")
+            await session.rollback()
+
+if __name__ == "__main__":
+    asyncio.run(set_test_user_password())

backend/tests/conftest.py

@@ -0,0 +1,28 @@
+"""
+Test Configuration - ServiceManagerWeb
+
+Configuración básica para testing con pytest
+"""
+
+import pytest
+
+
+@pytest.fixture 
+def test_user_data():
+    """Sample user data for testing."""
+    return {
+        "email": "test@example.com",
+        "first_name": "Test",
+        "last_name": "User", 
+        "password": "TestPassword123!"
+    }
+
+
+@pytest.fixture 
+def test_tenant_data():
+    """Sample tenant data for testing."""
+    return {
+        "name": "Test Tenant",
+        "slug": "test-tenant",
+        "description": "Test tenant for testing"
+    }

backend/tests/test.env

@@ -0,0 +1,7 @@
+# Test Environment Variables
+ENVIRONMENT=test
+DEBUG=true
+SECRET_KEY=test-secret-key-for-testing-123456789
+JWT_SECRET_KEY=test-jwt-secret-key-for-testing-987654321
+DATABASE_URL=postgresql+asyncpg://servicemanager:servicemanager123@postgres:5432/servicemanager
+REDIS_URL=redis://redis:6379/0

backend/tests/test_basic.py

@@ -0,0 +1,58 @@
+"""
+Very basic tests - ServiceManagerWeb
+
+Tests simplísimos para verificar que pytest funciona
+"""
+
+import pytest
+
+
+def test_basic_math():
+    """Test basic functionality."""
+    assert 1 + 1 == 2
+    assert 2 * 3 == 6
+    assert 10 // 3 == 3
+
+
+def test_string_operations():
+    """Test string operations."""
+    text = "ServiceManager"
+    assert text.lower() == "servicemanager"
+    assert len(text) == 14
+    assert "Manager" in text
+
+
+@pytest.mark.asyncio
+async def test_async_operation():
+    """Test async functionality works."""
+    import asyncio
+    await asyncio.sleep(0.001)  # Very short sleep
+    assert True
+
+
+def test_list_operations():
+    """Test list operations."""
+    items = ["tickets", "users", "tenants"]
+    assert len(items) == 3
+    assert "tickets" in items
+    assert items[0] == "tickets"
+
+
+def test_dict_operations():
+    """Test dictionary operations."""
+    data = {
+        "name": "Test User",
+        "email": "test@example.com",
+        "active": True
+    }
+    assert data["name"] == "Test User"
+    assert data.get("email") is not None
+    assert data["active"] is True
+
+
+# Mark for later when configuration is fixed
+@pytest.mark.skip(reason="Configuration issue with ALLOWED_FILE_EXTENSIONS")
+def test_security_imports():
+    """Test security imports - skip for now due to config issue."""
+    from app.core.security import security
+    assert security is not None

backend/tests/test_health.py

@@ -0,0 +1,50 @@
+"""
+Tests for Health Check endpoints - ServiceManagerWeb
+
+Tests básicos para verificar que la configuración de testing funciona
+"""
+
+import pytest
+import asyncio
+
+
+@pytest.mark.asyncio
+async def test_health_check_async():
+    """Test that async operations work in testing."""
+    # Simple async test to verify setup
+    await asyncio.sleep(0.01)
+    assert True
+
+
+def test_basic_math():
+    """Test basic functionality."""
+    assert 1 + 1 == 2
+
+
+# Test básico de importación de módulos principales
+def test_imports():
+    """Test that core modules can be imported without errors."""
+    try:
+        from app.core.config import get_settings
+        from app.core.security import security
+        
+        # Test que las funciones básicas existen
+        assert get_settings is not None
+        assert security is not None
+        assert hasattr(security, 'hash_password')
+        assert hasattr(security, 'verify_password')
+        
+    except ImportError as e:
+        pytest.fail(f"Failed to import core modules: {e}")
+
+
+def test_security_functions():
+    """Test basic security functions."""
+    from app.core.security import security
+    
+    password = "TestPassword123!"
+    hashed = security.hash_password(password)
+    
+    assert hashed != password  # Should be hashed
+    assert security.verify_password(password, hashed)  # Should verify
+    assert not security.verify_password("wrong", hashed)  # Should not verify wrong password

frontend-client/src/lib/stores/tickets.ts

@@ -1,8 +1,14 @@
-import { writable, get } from 'svelte/store';
 import type { Writable } from 'svelte/store';
+import { get, writable } from 'svelte/store';
 import { auth } from './auth';
 
 // Types
+interface FastAPIValidationError {
+  loc: (string | number)[];
+  msg: string;
+  type: string;
+}
+
 export interface Ticket {
   id: string;
   title: string;
@@ -74,11 +80,16 @@ const initialState: TicketsState = {
 async function apiCall(endpoint: string, options: RequestInit = {}) {
   const authState = get(auth);
 
+  if (!authState.token || !authState.user) {
+    throw new Error('Not authenticated');
+  }
+
   const response = await fetch(`/api/v1${endpoint}`, {
     ...options,
     headers: {
       'Content-Type': 'application/json',
       'Authorization': `Bearer ${authState.token}`,
+      'X-Tenant-ID': authState.user.tenant_id,
       ...options.headers
     }
   });
@@ -93,7 +104,7 @@ async function apiCall(endpoint: string, options: RequestInit = {}) {
       if (error.detail) {
         if (Array.isArray(error.detail)) {
           // Errores de validación de FastAPI
-          errorMessage = error.detail.map(e => `${e.loc.join('.')}: ${e.msg}`).join(', ');
+          errorMessage = error.detail.map((e: FastAPIValidationError) => `${e.loc.join('.')}: ${e.msg}`).join(', ');
         } else if (typeof error.detail === 'string') {
           errorMessage = error.detail;
         } else {
@@ -243,10 +254,16 @@ function createTicketsStore() {
         formData.append('file', file);
 
         const authState = get(auth);
+
+        if (!authState.token || !authState.user) {
+          throw new Error('Not authenticated');
+        }
+
         const response = await fetch(`/api/v1/tickets/${ticketId}/attachments`, {
           method: 'POST',
           headers: {
-            'Authorization': `Bearer ${authState.token}`
+            'Authorization': `Bearer ${authState.token}`,
+            'X-Tenant-ID': authState.user.tenant_id
           },
           body: formData
         });
@@ -256,7 +273,8 @@ function createTicketsStore() {
           throw new Error(error.detail || 'Upload failed');
         }
 
-        const attachment = await response.json();
+        const result = await response.json();
+        const attachment = result.data || result;
 
         update((state: TicketsState) => ({
           ...state,

frontend-client/src/routes/profile/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
+  import { goto } from '$app/navigation';
   import { auth } from '$lib/stores/auth.js';
   import { toast } from '$lib/stores/toast.js';
-  import { goto } from '$app/navigation';
+  import { onMount } from 'svelte';
 
   let currentPassword = '';
   let newPassword = '';
@@ -11,8 +11,52 @@
   let lastName = '';
   let isUpdatingProfile = false;
   let isChangingPassword = false;
+  let isSavingBusinessProfile = false;
   let profileErrors: Record<string, string> = {};
   let passwordErrors: Record<string, string> = {};
+  let businessProfileErrors: Record<string, string> = {};
+
+  // Tabs management
+  let activeTab = 'personal';
+
+  // Business profile data
+  let businessProfile = {
+    business_name: '',
+    commercial_name: '',
+    client_code: '',
+    client_type: '',
+    rfc: '',
+    tax_id: '',
+    country: 'México',
+    state: '',
+    city: '',
+    address: '',
+    external_number: '',
+    internal_number: '',
+    postal_code: '',
+    neighborhood: '',
+    main_phone: '',
+    secondary_phone: '',
+    direct_phone: '',
+    phone_extension: '',
+    fax: '',
+    business_hours: '',
+    website: '',
+    main_email: '',
+    billing_email: '',
+    advertising_medium: '',
+    nationality: 'Mexicana',
+    logo_url: '',
+    company_representative: '',
+    legal_representative: '',
+    credit_limit: '',
+    payment_terms: '',
+    preferred_currency: 'MXN',
+    send_to_billing: false,
+    is_active_client: true,
+    is_prospect: false,
+    notes: ''
+  };
 
   onMount(() => {
     // Redirect if not authenticated
@@ -26,8 +70,45 @@
       firstName = $auth.user.first_name;
       lastName = $auth.user.last_name;
     }
+
+    // Load business profile
+    loadBusinessProfile();
   });
 
+  async function loadBusinessProfile() {
+    try {
+      if (!$auth.token || !$auth.user) {
+        console.warn('Usuario no autenticado');
+        return;
+      }
+
+      const response = await fetch('/api/v1/client-profile/', {
+        headers: {
+          Authorization: `Bearer ${$auth.token}`,
+          'X-Tenant-ID': $auth.user.tenant_id
+        }
+      });
+
+      if (response.ok) {
+        const profile = await response.json();
+        // Fill business profile with data
+        Object.keys(businessProfile).forEach(key => {
+          if (profile[key] !== undefined && profile[key] !== null) {
+            businessProfile[key] = profile[key];
+          }
+        });
+      } else if (response.status === 404) {
+        // No hay perfil aún, esto es normal para nuevos clientes
+        console.info('No se encontró perfil empresarial existente');
+      } else {
+        const error = await response.json().catch(() => ({ detail: 'Error desconocido' }));
+        console.error('Error al cargar perfil empresarial:', error);
+      }
+    } catch (error) {
+      console.warn('No se pudo cargar el perfil empresarial:', error);
+    }
+  }
+
   function validateProfileForm() {
     profileErrors = {};
 
@@ -64,6 +145,40 @@
     return Object.keys(passwordErrors).length === 0;
   }
 
+  function validateBusinessProfile() {
+    businessProfileErrors = {};
+
+    // Validaciones básicas
+    if (businessProfile.rfc && businessProfile.rfc.length > 0) {
+      const rfcPattern = /^[A-ZÑ&]{3,4}[0-9]{6}[A-Z0-9]{3}$/;
+      if (!rfcPattern.test(businessProfile.rfc.toUpperCase())) {
+        businessProfileErrors.rfc = 'Formato de RFC inválido';
+      }
+    }
+
+    if (businessProfile.postal_code && businessProfile.postal_code.length > 0) {
+      if (!/^\d{5}$/.test(businessProfile.postal_code)) {
+        businessProfileErrors.postal_code = 'Código postal debe tener 5 dígitos';
+      }
+    }
+
+    if (businessProfile.main_email && businessProfile.main_email.length > 0) {
+      const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailPattern.test(businessProfile.main_email)) {
+        businessProfileErrors.main_email = 'Email inválido';
+      }
+    }
+
+    if (businessProfile.billing_email && businessProfile.billing_email.length > 0) {
+      const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailPattern.test(businessProfile.billing_email)) {
+        businessProfileErrors.billing_email = 'Email inválido';
+      }
+    }
+
+    return Object.keys(businessProfileErrors).length === 0;
+  }
+
   async function handleProfileUpdate() {
     if (!validateProfileForm()) return;
 
@@ -74,7 +189,7 @@
         method: 'PATCH',
         headers: {
           'Content-Type': 'application/json',
-          'Authorization': `Bearer ${$auth.token}`
+          Authorization: `Bearer ${$auth.token}`
         },
         body: JSON.stringify({
           first_name: firstName.trim(),
@@ -107,7 +222,7 @@
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
-          'Authorization': `Bearer ${$auth.token}`
+          Authorization: `Bearer ${$auth.token}`
         },
         body: JSON.stringify({
           current_password: currentPassword,
@@ -132,23 +247,130 @@
       isChangingPassword = false;
     }
   }
+
+  async function handleBusinessProfileSave() {
+    if (!validateBusinessProfile()) return;
+
+    isSavingBusinessProfile = true;
+
+    try {
+      // Prepare data - remove empty strings and convert types
+      const profileData = { ...businessProfile };
+
+      // Clean up empty strings
+      Object.keys(profileData).forEach(key => {
+        if (profileData[key] === '') {
+          profileData[key] = null;
+        }
+      });
+
+      // Convert credit_limit to number if provided
+      if (profileData.credit_limit) {
+        profileData.credit_limit = parseFloat(profileData.credit_limit);
+      }
+
+      const response = await fetch('/api/v1/client-profile/', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${$auth.token}`,
+          'X-Tenant-ID': $auth.user.tenant_id
+        },
+        body: JSON.stringify(profileData)
+      });
+
+      if (!response.ok) {
+        const error = await response.json();
+        throw new Error(error.detail || 'Error al guardar perfil empresarial');
+      }
+
+      const savedProfile = await response.json();
+      toast.success('Perfil empresarial guardado exitosamente');
+
+      // Update local data
+      Object.keys(businessProfile).forEach(key => {
+        if (savedProfile[key] !== undefined && savedProfile[key] !== null) {
+          businessProfile[key] = savedProfile[key];
+        }
+      });
+    } catch (error: any) {
+      toast.error(error.message || 'Error al guardar perfil empresarial');
+    } finally {
+      isSavingBusinessProfile = false;
+    }
+  }
 </script>
 
 <svelte:head>
   <title>Mi Perfil - ServiceManager</title>
 </svelte:head>
 
-<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
   <!-- Header -->
   <div class="mb-8">
     <h1 class="text-3xl font-bold text-gray-900">Mi Perfil</h1>
-    <p class="text-gray-600 mt-2">
+    <p class="text-gray-600 mt-2">Gestiona tu información personal y configuración empresarial</p>
-      Gestiona tu información personal y configuración de seguridad
-    </p>
   </div>
 
+  <!-- Tabs Navigation -->
+  <div class="border-b border-gray-200 mb-8">
+    <nav class="-mb-px flex space-x-8">
+      <button
+        class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm transition-colors {activeTab ===
+        'personal'
+          ? 'border-white text-white'
+          : ''}"
+        on:click={() => (activeTab = 'personal')}
+      >
+        Personal
+      </button>
+
+      <button
+        class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm transition-colors {activeTab ===
+        'general'
+          ? 'border-white text-white'
+          : ''}"
+        on:click={() => (activeTab = 'general')}
+      >
+        General
+      </button>
+
+      <button
+        class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm transition-colors {activeTab ===
+        'contact'
+          ? 'border-white text-white'
+          : ''}"
+        on:click={() => (activeTab = 'contact')}
+      >
+        Contacto
+      </button>
+
+      <button
+        class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm transition-colors {activeTab ===
+        'security'
+          ? 'border-white text-white'
+          : ''}"
+        on:click={() => (activeTab = 'security')}
+      >
+        Seguridad
+      </button>
+
+      <button
+        class="border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm transition-colors {activeTab ===
+        'account'
+          ? 'border-white text-white'
+          : ''}"
+        on:click={() => (activeTab = 'account')}
+      >
+        Cuenta
+      </button>
+    </nav>
+  </div>
+
+  <!-- Tab Content -->
   <div class="space-y-8">
-    <!-- Profile Information -->
+    <!-- Personal Information Tab -->
+    {#if activeTab === 'personal'}
       <div class="card">
         <div class="card-header">
           <h2 class="text-xl font-semibold text-gray-900">Información Personal</h2>
@@ -199,21 +421,19 @@
                 class="form-input bg-gray-50"
                 value={$auth.user?.email || ''}
                 disabled
+                readonly
               />
-            <p class="text-xs text-gray-500 mt-1">
+              <p class="text-sm text-gray-500 mt-1">
-              El correo electrónico no se puede cambiar. Contacta con soporte si necesitas actualizarlo.
+                El correo electrónico no puede ser modificado. Contacta al administrador si
+                necesitas cambiarlo.
               </p>
             </div>
 
             <div class="flex justify-end">
-            <button
+              <button type="submit" class="bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 px-6 py-2 rounded-md font-medium transition-colors" disabled={isUpdatingProfile}>
-              type="submit"
-              class="btn-primary px-6 py-2"
-              disabled={isUpdatingProfile}
-            >
                 {#if isUpdatingProfile}
                   <div class="flex items-center space-x-2">
-                  <div class="spinner w-4 h-4"></div>
+                    <div class="spinner w-4 h-4" />
                     <span>Guardando...</span>
                   </div>
                 {:else}
@@ -224,11 +444,434 @@
           </form>
         </div>
       </div>
+    {/if}
 
-    <!-- Account Security -->
+    <!-- General Business Information Tab -->
+    {#if activeTab === 'general'}
       <div class="card">
         <div class="card-header">
-        <h2 class="text-xl font-semibold text-gray-900">Seguridad de la Cuenta</h2>
+          <h2 class="text-xl font-semibold text-gray-900">Información Empresarial</h2>
+          <p class="text-gray-600 mt-1">Datos generales de tu empresa</p>
+        </div>
+
+        <div class="card-content">
+          <form on:submit|preventDefault={handleBusinessProfileSave} class="space-y-6">
+            <!-- Información General -->
+            <div class="bg-gray-50 p-4 rounded-lg">
+              <h3 class="font-medium text-gray-900 mb-4">Información General</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Razón Social</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.business_name}
+                    placeholder="Empresa S.A. de C.V."
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Nombre Comercial</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.commercial_name}
+                    placeholder="Mi Empresa"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Clave de Cliente</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.client_code}
+                    placeholder="CLI001"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Tipo de Cliente</label>
+                  <select class="form-input" bind:value={businessProfile.client_type}>
+                    <option value="">Seleccionar...</option>
+                    <option value="corporativo">Corporativo</option>
+                    <option value="pyme">PyME</option>
+                    <option value="startup">Startup</option>
+                    <option value="gobierno">Gobierno</option>
+                    <option value="ong">ONG</option>
+                  </select>
+                </div>
+
+                <div>
+                  <label class="form-label">RFC</label>
+                  <input
+                    type="text"
+                    class="form-input {businessProfileErrors.rfc ? 'border-red-300' : ''}"
+                    bind:value={businessProfile.rfc}
+                    placeholder="XAXX010101000"
+                    maxlength="13"
+                    style="text-transform: uppercase"
+                  />
+                  {#if businessProfileErrors.rfc}
+                    <p class="form-error">{businessProfileErrors.rfc}</p>
+                  {/if}
+                </div>
+
+                <div>
+                  <label class="form-label">ID Fiscal (Otros países)</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.tax_id}
+                    placeholder="Tax ID / VAT Number"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Ubicación -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Ubicación</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <div>
+                  <label class="form-label">País</label>
+                  <input type="text" class="form-input" bind:value={businessProfile.country} />
+                </div>
+
+                <div>
+                  <label class="form-label">Estado</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.state}
+                    placeholder="Chihuahua"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Ciudad</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.city}
+                    placeholder="Ciudad Juárez"
+                  />
+                </div>
+
+                <div class="md:col-span-2">
+                  <label class="form-label">Dirección</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.address}
+                    placeholder="Av. Principal 123"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Número Exterior</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.external_number}
+                    placeholder="123"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Número Interior</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.internal_number}
+                    placeholder="A"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Código Postal</label>
+                  <input
+                    type="text"
+                    class="form-input {businessProfileErrors.postal_code ? 'border-red-300' : ''}"
+                    bind:value={businessProfile.postal_code}
+                    placeholder="32000"
+                    maxlength="5"
+                  />
+                  {#if businessProfileErrors.postal_code}
+                    <p class="form-error">{businessProfileErrors.postal_code}</p>
+                  {/if}
+                </div>
+
+                <div>
+                  <label class="form-label">Colonia</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.neighborhood}
+                    placeholder="Centro"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Representantes -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Representantes</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Encargado/Representante</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.company_representative}
+                    placeholder="Juan Pérez"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Representante Legal</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.legal_representative}
+                    placeholder="María González"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Configuración -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Configuración</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Moneda Preferida</label>
+                  <select class="form-input" bind:value={businessProfile.preferred_currency}>
+                    <option value="MXN">MXN - Peso Mexicano</option>
+                    <option value="USD">USD - Dólar Americano</option>
+                    <option value="EUR">EUR - Euro</option>
+                  </select>
+                </div>
+
+                <div>
+                  <label class="form-label">Nacionalidad</label>
+                  <input type="text" class="form-input" bind:value={businessProfile.nationality} />
+                </div>
+
+                <div class="md:col-span-2">
+                  <label class="form-label">Notas Adicionales</label>
+                  <textarea
+                    class="form-input"
+                    rows="3"
+                    bind:value={businessProfile.notes}
+                    placeholder="Información adicional sobre la empresa..."
+                  />
+                </div>
+              </div>
+
+              <div class="mt-4 space-y-3">
+                <label class="flex items-center space-x-2">
+                  <input
+                    type="checkbox"
+                    class="form-checkbox"
+                    bind:checked={businessProfile.send_to_billing}
+                  />
+                  <span class="text-sm text-gray-700">Enviar a Facturación</span>
+                </label>
+
+                <label class="flex items-center space-x-2">
+                  <input
+                    type="checkbox"
+                    class="form-checkbox"
+                    bind:checked={businessProfile.is_prospect}
+                  />
+                  <span class="text-sm text-gray-700">Es Prospecto</span>
+                </label>
+              </div>
+            </div>
+
+            <div class="flex justify-end pt-6">
+              <button
+                type="submit"
+                class="bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 px-8 py-2 rounded-md font-medium transition-colors"
+                disabled={isSavingBusinessProfile}
+              >
+                {#if isSavingBusinessProfile}
+                  <div class="flex items-center space-x-2">
+                    <div class="spinner w-4 h-4" />
+                    <span>Guardando...</span>
+                  </div>
+                {:else}
+                  Guardar Perfil Empresarial
+                {/if}
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    {/if}
+
+    <!-- Contact Information Tab -->
+    {#if activeTab === 'contact'}
+      <div class="card">
+        <div class="card-header">
+          <h2 class="text-xl font-semibold text-gray-900">Información de Contacto</h2>
+          <p class="text-gray-600 mt-1">Datos de contacto y comunicación</p>
+        </div>
+
+        <div class="card-content">
+          <form on:submit|preventDefault={handleBusinessProfileSave} class="space-y-6">
+            <!-- Teléfonos -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Teléfonos</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Teléfono Principal</label>
+                  <input
+                    type="tel"
+                    class="form-input"
+                    bind:value={businessProfile.main_phone}
+                    placeholder="+52 656 123 4567"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Teléfono Secundario</label>
+                  <input
+                    type="tel"
+                    class="form-input"
+                    bind:value={businessProfile.secondary_phone}
+                    placeholder="+52 656 123 4568"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Teléfono Directo</label>
+                  <input
+                    type="tel"
+                    class="form-input"
+                    bind:value={businessProfile.direct_phone}
+                    placeholder="+52 656 123 4569"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Extensión</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.phone_extension}
+                    placeholder="101"
+                    maxlength="10"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Fax</label>
+                  <input
+                    type="tel"
+                    class="form-input"
+                    bind:value={businessProfile.fax}
+                    placeholder="+52 656 123 4570"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Emails -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Correos Electrónicos</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Email Principal</label>
+                  <input
+                    type="email"
+                    class="form-input {businessProfileErrors.main_email ? 'border-red-300' : ''}"
+                    bind:value={businessProfile.main_email}
+                    placeholder="contacto@empresa.com"
+                  />
+                  {#if businessProfileErrors.main_email}
+                    <p class="form-error">{businessProfileErrors.main_email}</p>
+                  {/if}
+                </div>
+
+                <div>
+                  <label class="form-label">Email de Facturación</label>
+                  <input
+                    type="email"
+                    class="form-input {businessProfileErrors.billing_email ? 'border-red-300' : ''}"
+                    bind:value={businessProfile.billing_email}
+                    placeholder="facturacion@empresa.com"
+                  />
+                  {#if businessProfileErrors.billing_email}
+                    <p class="form-error">{businessProfileErrors.billing_email}</p>
+                  {/if}
+                </div>
+              </div>
+            </div>
+
+            <!-- Web y Horarios -->
+            <div class="bg-white p-4 rounded-lg border border-gray-200">
+              <h3 class="font-medium text-gray-900 mb-4">Web y Horarios</h3>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div>
+                  <label class="form-label">Página Web</label>
+                  <input
+                    type="url"
+                    class="form-input"
+                    bind:value={businessProfile.website}
+                    placeholder="https://www.empresa.com"
+                  />
+                </div>
+
+                <div>
+                  <label class="form-label">Horario de Atención</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.business_hours}
+                    placeholder="Lun-Vie 9:00-18:00"
+                  />
+                </div>
+
+                <div class="md:col-span-2">
+                  <label class="form-label">Medio de Publicidad</label>
+                  <input
+                    type="text"
+                    class="form-input"
+                    bind:value={businessProfile.advertising_medium}
+                    placeholder="¿Cómo nos conoció?"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <div class="flex justify-end pt-6">
+              <button
+                type="submit"
+                class="bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 px-8 py-2 rounded-md font-medium transition-colors"
+                disabled={isSavingBusinessProfile}
+              >
+                {#if isSavingBusinessProfile}
+                  <div class="flex items-center space-x-2">
+                    <div class="spinner w-4 h-4" />
+                    <span>Guardando...</span>
+                  </div>
+                {:else}
+                  Guardar Información de Contacto
+                {/if}
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    {/if}
+
+    <!-- Security Tab -->
+    {#if activeTab === 'security'}
+      <div class="card">
+        <div class="card-header">
+          <h2 class="text-xl font-semibold text-gray-900">Configuración de Seguridad</h2>
           <p class="text-gray-600 mt-1">Gestiona tu contraseña y configuración de seguridad</p>
         </div>
 
@@ -245,16 +888,30 @@
             </div>
             <div>
               {#if $auth.user?.is_two_factor_enabled}
-              <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800">
+                <span
+                  class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800"
+                >
                   <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M5 13l4 4L19 7"
+                    />
                   </svg>
                   Habilitado
                 </span>
               {:else}
-              <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800">
+                <span
+                  class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800"
+                >
                   <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M6 18L18 6M6 6l12 12"
+                    />
                   </svg>
                   Deshabilitado
                 </span>
@@ -282,7 +939,6 @@
               {/if}
             </div>
 
-          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div>
               <label for="new-password" class="form-label">
                 Nueva Contraseña <span class="text-red-500">*</span>
@@ -297,9 +953,6 @@
               {#if passwordErrors.newPassword}
                 <p class="form-error">{passwordErrors.newPassword}</p>
               {/if}
-              <p class="text-xs text-gray-500 mt-1">
-                Mínimo 8 caracteres
-              </p>
             </div>
 
             <div>
@@ -317,17 +970,12 @@
                 <p class="form-error">{passwordErrors.confirmPassword}</p>
               {/if}
             </div>
-          </div>
 
             <div class="flex justify-end">
-            <button
+              <button type="submit" class="bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 px-6 py-2 rounded-md font-medium transition-colors" disabled={isChangingPassword}>
-              type="submit"
-              class="btn-primary px-6 py-2"
-              disabled={isChangingPassword}
-            >
                 {#if isChangingPassword}
                   <div class="flex items-center space-x-2">
-                  <div class="spinner w-4 h-4"></div>
+                    <div class="spinner w-4 h-4" />
                     <span>Cambiando...</span>
                   </div>
                 {:else}
@@ -338,8 +986,10 @@
           </form>
         </div>
       </div>
+    {/if}
 
-    <!-- Account Information -->
+    <!-- Account Information Tab -->
+    {#if activeTab === 'account'}
       <div class="card">
         <div class="card-header">
           <h2 class="text-xl font-semibold text-gray-900">Información de la Cuenta</h2>
@@ -350,13 +1000,17 @@
           <dl class="grid grid-cols-1 md:grid-cols-2 gap-6">
             <div>
               <dt class="text-sm font-medium text-gray-500">ID de Usuario</dt>
-            <dd class="text-sm text-gray-900 font-mono mt-1">#{$auth.user?.id.substring(0, 8)}</dd>
+              <dd class="text-sm text-gray-900 font-mono mt-1">
+                #{$auth.user?.id.substring(0, 8)}
+              </dd>
             </div>
 
             <div>
               <dt class="text-sm font-medium text-gray-500">Rol</dt>
               <dd class="text-sm text-gray-900 mt-1">
-              {$auth.user?.role === 'CLIENT_ADMIN' ? 'Administrador de Cliente' : 'Usuario de Cliente'}
+                {$auth.user?.role === 'CLIENT_ADMIN'
+                  ? 'Administrador de Cliente'
+                  : 'Usuario de Cliente'}
               </dd>
             </div>
 
@@ -364,11 +1018,15 @@
               <dt class="text-sm font-medium text-gray-500">Estado de la Cuenta</dt>
               <dd class="text-sm mt-1">
                 {#if $auth.user?.is_active}
-                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                  <span
+                    class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800"
+                  >
                     Activa
                   </span>
                 {:else}
-                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">
+                  <span
+                    class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800"
+                  >
                     Inactiva
                   </span>
                 {/if}
@@ -378,15 +1036,47 @@
             <div>
               <dt class="text-sm font-medium text-gray-500">Miembro desde</dt>
               <dd class="text-sm text-gray-900 mt-1">
-              {$auth.user?.created_at ? new Date($auth.user.created_at).toLocaleDateString('es-ES', {
+                {$auth.user?.created_at
+                  ? new Date($auth.user.created_at).toLocaleDateString('es-ES', {
                       day: '2-digit',
                       month: 'long',
                       year: 'numeric'
-              }) : 'N/A'}
+                    })
+                  : 'N/A'}
               </dd>
             </div>
           </dl>
         </div>
       </div>
+    {/if}
   </div>
 </div>
+
+<style>
+  .spinner {
+    border: 2px solid #f3f3f3;
+    border-top: 2px solid #3498db;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .form-checkbox {
+    border-radius: 0.25rem;
+    border-color: #d1d5db;
+    color: #2563eb;
+  }
+  
+  .form-checkbox:focus {
+    ring-color: #3b82f6;
+    border-color: #3b82f6;
+  }
+</style>

frontend-client/src/routes/tickets/[id]/+page.svelte

@@ -15,6 +15,7 @@
   let fileInput: HTMLInputElement;
   let isUploading = false;
   let pollingInterval: any = null;
+  let showAttachments = true; // Variable para controlar la visibilidad de attachments 
   
   async function loadComments() {
   try {
@@ -257,12 +258,27 @@
         {#if $tickets.attachments.length > 0}
           <div class="card">
             <div class="card-header">
-              <h3 class="text-lg font-semibold text-gray-900">Archivos Adjuntos</h3>
+              <div class="flex items-center justify-between">
+                <h3 class="text-lg font-semibold text-gray-900 flex items-center space-x-2">
+                  <span>Archivos Adjuntos</span>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+                    {$tickets.attachments.length} archivo{$tickets.attachments.length !== 1 ? 's' : ''}
+                  </span>
+                </h3>
+                <button 
+                  class="text-sm text-gray-500 hover:text-gray-700"
+                  title="Ver/Ocultar archivos adjuntos"
+                  on:click={() => showAttachments = !showAttachments}
+                >
+                  {showAttachments ? 'Ocultar' : 'Ver'} archivos
+                </button>
               </div>
+            </div>
+            {#if showAttachments}
               <div class="card-content">
                 <div class="space-y-3">
                   {#each $tickets.attachments as attachment}
-                  <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
+                    <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
                       <div class="flex items-center space-x-3">
                         <div class="w-8 h-8 bg-gray-200 rounded flex items-center justify-center">
                           <svg class="w-4 h-4 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -282,8 +298,9 @@
                       </div>
                       <a
                         href="/api/v1/tickets/{ticketId}/attachments/{attachment.id}/download"
-                      class="btn-ghost p-2"
+                        class="btn-ghost p-2 hover:bg-blue-100 rounded-md transition-colors"
                         target="_blank"
+                        title="Descargar archivo"
                       >
                         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
@@ -293,6 +310,7 @@
                   {/each}
                 </div>
               </div>
+            {/if}
           </div>
         {/if}
         

frontend-client/tsconfig.json

@@ -0,0 +1,33 @@
+{
+    "extends": "./.svelte-kit/tsconfig.json",
+    "compilerOptions": {
+        "allowJs": true,
+        "checkJs": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "strict": true,
+        "moduleResolution": "bundler",
+        "target": "ES2020",
+        "module": "ESNext",
+        "lib": [
+            "ES2020",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "allowSyntheticDefaultImports": true,
+        "isolatedModules": true
+    },
+    "include": [
+        "src/**/*",
+        "app.d.ts"
+    ],
+    "exclude": [
+        "node_modules/**",
+        ".svelte-kit/**",
+        "build/**",
+        "dist/**"
+    ]
+}

frontend-client/vite.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
 		host: '0.0.0.0',
 		proxy: {
 			'/api': {
-				target: 'http://servicemanager-backend:8000',
+				target: 'http://backend:8000',
 				changeOrigin: true,
 				rewrite: (path) => path.replace(/^\/api/, '')
 			}

frontend-internal/src/lib/utils/api.ts

@@ -12,9 +12,16 @@ async function request<T>(endpoint: string, options: RequestOptions = {}): Promi
   
   let url = `${API_BASE}${endpoint}`;
   if (params) {
-    const searchParams = new URLSearchParams(params);
+    // Filtrar parámetros undefined y null
+    const filteredParams = Object.entries(params)
+      .filter(([key, value]) => value !== undefined && value !== null && value !== '')
+      .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});
+    
+    if (Object.keys(filteredParams).length > 0) {
+      const searchParams = new URLSearchParams(filteredParams);
       url += `?${searchParams.toString()}`;
     }
+  }
 
   const authState = get(auth);
   const token = authState.token || (typeof window !== 'undefined' ? localStorage.getItem('internal_auth_token') : null);

frontend-internal/src/routes/tickets/+page.svelte

@@ -9,6 +9,7 @@
   let categories = [];
   let systems = [];
   let users = [];
+  let tenants = []; // Nueva lista de tenants
   let isLoading = false;
   let showModal = false;
   let showEditModal = false;
@@ -18,6 +19,15 @@
   // Filtros
   let filterStatus = '';
   let filterPriority = '';
+  let filterTenant = ''; // Nuevo filtro por cliente/tenant
+  let filterCategory = ''; // Filtro por categoría
+  let filterAssignedTo = ''; // Filtro por asignado a
+  let searchText = ''; // Búsqueda por texto
+  let filterDateFrom = ''; // Fecha desde
+  let filterDateTo = ''; // Fecha hasta
+  
+  // Estado de filtros
+  $: activeFiltersCount = [filterTenant, filterStatus, filterPriority, filterCategory, filterAssignedTo, searchText, filterDateFrom, filterDateTo].filter(f => f && f.trim()).length;
   
   // Form para editar
   let editFormData = {
@@ -50,25 +60,34 @@
     { value: 'URGENT', label: 'Urgente', color: 'red' }
   ];
 
-  // Ajustar la función loadData para asegurar que los filtros se envíen correctamente
+  // Ajustar la función loadData para usar el endpoint administrativo con filtros
   async function loadData() {
     isLoading = true;
     try {
-      const [ticketsData, categoriesData, systemsData, usersData] = await Promise.all([
+      // Preparar parámetros filtrando valores vacíos
-        api.get('/tickets/', {
+      const ticketParams = {};
-          params: {
+      if (filterStatus) ticketParams.status_filter = filterStatus;
-            status: filterStatus || undefined,
+      if (filterPriority) ticketParams.priority_filter = filterPriority;
-            priority: filterPriority || undefined
+      if (filterTenant) ticketParams.tenant_id_filter = filterTenant;
-          }
+      if (filterCategory) ticketParams.category_filter = filterCategory;
-        }),
+      if (filterAssignedTo) ticketParams.assigned_to_filter = filterAssignedTo;
+      if (searchText) ticketParams.search = searchText;
+      if (filterDateFrom) ticketParams.date_from = filterDateFrom;
+      if (filterDateTo) ticketParams.date_to = filterDateTo;
+
+      const [ticketsData, categoriesData, systemsData, usersData, tenantsData] = await Promise.all([
+        // Usar el nuevo endpoint administrativo
+        api.get('/tickets/admin/all', ticketParams),
         api.get('/categories/'),
         api.get('/systems/'),
-        api.get('/users/')
+        api.get('/users/'),
+        api.get('/tenants/') // Cargar lista de tenants
       ]);
       tickets = ticketsData;
       categories = categoriesData;
       systems = systemsData;
       users = usersData;
+      tenants = tenantsData;
     } catch (e) {
       toast.error('Error cargando datos: ' + (e.message || 'Error desconocido'));
     } finally {
@@ -81,6 +100,28 @@
     loadData();
   }
   
+  // Limpiar todos los filtros
+  function clearFilters() {
+    filterStatus = '';
+    filterPriority = '';
+    filterTenant = '';
+    filterCategory = '';
+    filterAssignedTo = '';
+    searchText = '';
+    filterDateFrom = '';
+    filterDateTo = '';
+    applyFilters();
+  }
+  
+  // Búsqueda en tiempo real (debounced)
+  let searchTimeout;
+  function handleSearchInput() {
+    clearTimeout(searchTimeout);
+    searchTimeout = setTimeout(() => {
+      applyFilters();
+    }, 500);
+  }
+
   function openCreateModal() {
     selectedTicket = null;
     formData = {
@@ -219,12 +260,31 @@
 </script>
 
 <div class="px-4 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
-  <div class="sm:flex sm:items-center">
+  <div class="sm:flex sm:items-center sm:justify-between">
     <div class="sm:flex-auto">
       <h1 class="text-xl font-semibold text-gray-900">Tickets de Soporte</h1>
-      <p class="mt-2 text-sm text-gray-700">Gestión de tickets del sistema de mesa de ayuda.</p>
+      <p class="mt-2 text-sm text-gray-700">
+        Gestión de tickets del sistema de mesa de ayuda.
+        {#if activeFiltersCount > 0}
+          <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 ml-2">
+            {activeFiltersCount} filtro{activeFiltersCount !== 1 ? 's' : ''} activo{activeFiltersCount !== 1 ? 's' : ''}
+          </span>
+        {/if}
+      </p>
     </div>
-    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none space-x-3">
+      {#if activeFiltersCount > 0}
+        <button
+          type="button"
+          on:click={clearFilters}
+          class="inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50"
+        >
+          <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+          </svg>
+          Limpiar filtros
+        </button>
+      {/if}
       <button
         type="button"
         on:click={openCreateModal}
@@ -235,16 +295,57 @@
     </div>
   </div>
 
-  <!-- Filtros -->
+  <!-- Filtros Avanzados -->
-  <div class="mt-6 bg-white shadow sm:rounded-lg p-4">
+  <div class="mt-6 bg-white shadow sm:rounded-lg">
-    <div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
+    <div class="px-4 py-5 sm:p-6">
+      <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">Filtros</h3>
+      
+      <!-- Primera fila - Búsqueda y Filtros principales -->
+      <div class="grid grid-cols-1 gap-4 sm:grid-cols-4 mb-4">
+        <!-- Búsqueda por texto -->
+        <div class="sm:col-span-2">
+          <label for="searchText" class="block text-sm font-medium text-gray-700 mb-1">Búsqueda</label>
+          <div class="relative">
+            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+              <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+              </svg>
+            </div>
+            <input
+              type="text"
+              id="searchText"
+              bind:value={searchText}
+              on:input={handleSearchInput}
+              placeholder="Buscar en título o descripción..."
+              class="pl-10 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+            />
+          </div>
+        </div>
+        
+        <!-- Cliente/Empresa -->
         <div>
-        <label for="filterStatus" class="block text-sm font-medium text-gray-700">Estado</label>
+          <label for="filterTenant" class="block text-sm font-medium text-gray-700 mb-1">Cliente/Empresa</label>
+          <select
+            id="filterTenant"
+            bind:value={filterTenant}
+            on:change={applyFilters}
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+          >
+            <option value="">Todos los clientes</option>
+            {#each tenants as tenant}
+              <option value={tenant.id}>{tenant.name}</option>
+            {/each}
+          </select>
+        </div>
+        
+        <!-- Estado -->
+        <div>
+          <label for="filterStatus" class="block text-sm font-medium text-gray-700 mb-1">Estado</label>
           <select
             id="filterStatus"
             bind:value={filterStatus}
             on:change={applyFilters}
-          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm border p-2"
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
           >
             <option value="">Todos</option>
             {#each STATUSES as status}
@@ -252,14 +353,18 @@
             {/each}
           </select>
         </div>
+      </div>
       
+      <!-- Segunda fila - Filtros secundarios -->
+      <div class="grid grid-cols-1 gap-4 sm:grid-cols-5">
+        <!-- Prioridad -->
         <div>
-        <label for="filterPriority" class="block text-sm font-medium text-gray-700">Prioridad</label>
+          <label for="filterPriority" class="block text-sm font-medium text-gray-700 mb-1">Prioridad</label>
           <select
             id="filterPriority"
             bind:value={filterPriority}
             on:change={applyFilters}
-          class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm border p-2"
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
           >
             <option value="">Todas</option>
             {#each PRIORITIES as priority}
@@ -268,13 +373,61 @@
           </select>
         </div>
         
-      <div class="flex items-end">
+        <!-- Categoría -->
-        <button
+        <div>
-          on:click={loadData}
+          <label for="filterCategory" class="block text-sm font-medium text-gray-700 mb-1">Categoría</label>
-          class="w-full inline-flex justify-center items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+          <select
+            id="filterCategory"
+            bind:value={filterCategory}
+            on:change={applyFilters}
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
           >
-          Actualizar
+            <option value="">Todas</option>
-        </button>
+            {#each categories as category}
+              <option value={category.id}>{category.name}</option>
+            {/each}
+          </select>
+        </div>
+        
+        <!-- Asignado a -->
+        <div>
+          <label for="filterAssignedTo" class="block text-sm font-medium text-gray-700 mb-1">Asignado a</label>
+          <select
+            id="filterAssignedTo"
+            bind:value={filterAssignedTo}
+            on:change={applyFilters}
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+          >
+            <option value="">Todos</option>
+            {#each users.filter(u => u.role === 'AGENT' || u.role === 'SUPPORT_MANAGER' || u.role === 'ADMIN') as user}
+              <option value={user.id}>{user.first_name} {user.last_name}</option>
+            {/each}
+          </select>
+        </div>
+        
+        <!-- Fecha desde -->
+        <div>
+          <label for="filterDateFrom" class="block text-sm font-medium text-gray-700 mb-1">Desde</label>
+          <input
+            type="date"
+            id="filterDateFrom"
+            bind:value={filterDateFrom}
+            on:change={applyFilters}
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+          />
+        </div>
+        
+        <!-- Fecha hasta -->
+        <div>
+          <label for="filterDateTo" class="block text-sm font-medium text-gray-700 mb-1">Hasta</label>
+          <input
+            type="date"
+            id="filterDateTo"
+            bind:value={filterDateTo}
+            on:change={applyFilters}
+            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+          />
+        </div>
       </div>
     </div>
   </div>
@@ -288,12 +441,13 @@
             <thead class="bg-gray-50">
               <tr>
                 <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Ticket</th>
+                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Cliente/Empresa</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Asunto</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Estado</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Prioridad</th>
-                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Categoría</th>
+                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Creado por</th>
                 <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Asignado a</th>
-                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Creado</th>
+                <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Fecha</th>
                 <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
                   <span class="sr-only">Acciones</span>
                 </th>
@@ -301,9 +455,9 @@
             </thead>
             <tbody class="divide-y divide-gray-200 bg-white">
               {#if isLoading}
-                <tr><td colspan="8" class="text-center py-4">Cargando...</td></tr>
+                <tr><td colspan="9" class="text-center py-4">Cargando...</td></tr>
               {:else if tickets.length === 0}
-                <tr><td colspan="8" class="text-center py-4">No hay tickets registrados</td></tr>
+                <tr><td colspan="9" class="text-center py-4">No hay tickets registrados</td></tr>
               {:else}
                 {#each tickets as ticket}
                   <tr 
@@ -313,6 +467,10 @@
                     <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
                       {ticket.ticket_number || ticket.id.substring(0, 8)}
                     </td>
+                    <td class="px-3 py-4 text-sm text-gray-900">
+                      <div class="font-medium text-indigo-600">{ticket.tenant?.name || 'N/A'}</div>
+                      <div class="text-xs text-gray-500">{ticket.tenant?.contact_email || ''}</div>
+                    </td>
                     <td class="px-3 py-4 text-sm text-gray-900">
                       <div class="font-medium">{ticket.subject}</div>
                       <div class="text-gray-500 truncate max-w-xs">{ticket.description}</div>
@@ -327,8 +485,10 @@
                         {getPriorityBadge(ticket.priority).label}
                       </span>
                     </td>
-                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                    <td class="px-3 py-4 text-sm text-gray-900">
-                      {getCategoryName(ticket.category_id)}
+                      <div class="font-medium">{ticket.created_by_user?.first_name} {ticket.created_by_user?.last_name}</div>
+                      <div class="text-xs text-gray-500">{ticket.created_by_user?.email}</div>
+                      <div class="text-xs text-indigo-600">{ticket.created_by_user?.role || ''}</div>
                     </td>
                     <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                       {getUserName(ticket.assigned_to)}

frontend-internal/tsconfig.json

@@ -0,0 +1,33 @@
+{
+    "extends": "./.svelte-kit/tsconfig.json",
+    "compilerOptions": {
+        "allowJs": true,
+        "checkJs": true,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "strict": true,
+        "moduleResolution": "bundler",
+        "target": "ES2020",
+        "module": "ESNext",
+        "lib": [
+            "ES2020",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "allowSyntheticDefaultImports": true,
+        "isolatedModules": true
+    },
+    "include": [
+        "src/**/*",
+        "app.d.ts"
+    ],
+    "exclude": [
+        "node_modules/**",
+        ".svelte-kit/**",
+        "build/**",
+        "dist/**"
+    ]
+}

test_attachments.ps1

@@ -0,0 +1,34 @@
+# Test de Attachments API
+# Ejecutar desde PowerShell
+
+# 1. Login
+$body = '{"email":"admin@aduanasoft.com","password":"admin123","tenant_slug":"aduanasoft"}'
+$login = Invoke-RestMethod -Uri "http://localhost:8000/v1/auth/login" -Method POST -Body $body -ContentType "application/json"
+
+$token = $login.data.access_token
+$tenantId = $login.data.user.tenant_id
+
+$headers = @{
+    "Authorization" = "Bearer $token"
+    "X-Tenant-ID" = $tenantId
+}
+
+Write-Host "Autenticacion exitosa" -ForegroundColor Green
+
+# 2. Listar tickets
+$tickets = Invoke-RestMethod -Uri "http://localhost:8000/v1/tickets" -Headers $headers
+$ticketId = $tickets.data[0].id
+
+Write-Host "Ticket ID obtenido: $ticketId" -ForegroundColor Green
+
+# 3. Listar attachments del ticket
+$attachments = Invoke-RestMethod -Uri "http://localhost:8000/v1/tickets/$ticketId/attachments" -Headers $headers
+
+Write-Host "Attachments listados: $($attachments.Count) encontrados" -ForegroundColor Green
+
+if ($attachments.Count -gt 0) {
+    $attachments | Format-Table id, original_filename, file_size, created_at
+}
+
+Write-Host ""
+Write-Host "TEST COMPLETADO" -ForegroundColor Cyan

test_attachments_endpoint.ps1

@@ -0,0 +1,45 @@
+# Test script para attachments endpoint
+Write-Host "=== Testing Attachments Endpoint ===" -ForegroundColor Cyan
+
+# 1. Login
+$body = '{"email":"admin@aduanasoft.com","password":"admin123","tenant_slug":"aduanasoft"}'
+try {
+    $login = Invoke-RestMethod -Uri "http://localhost:8000/v1/auth/login" -Method POST -Body $body -ContentType "application/json"
+    Write-Host "[OK] Login exitoso" -ForegroundColor Green
+    
+    $token = $login.access_token
+    $tenantId = $login.user.tenant_id
+    
+    Write-Host "Token: $($token.Substring(0,20))..." -ForegroundColor Gray
+    Write-Host "Tenant ID: $tenantId" -ForegroundColor Gray
+    
+    # 2. Test attachments endpoint
+    $headers = @{
+        "Authorization" = "Bearer $token"
+        "X-Tenant-ID" = $tenantId
+    }
+    
+    $url = "http://localhost:8000/v1/tickets/68eaf0fe-b5c3-4d42-9b36-895b439be583/attachments"
+    Write-Host "`nProbando GET $url" -ForegroundColor Yellow
+    
+    try {
+        $response = Invoke-WebRequest -Uri $url -Headers $headers -Method GET
+        Write-Host "[OK] Status Code: $($response.StatusCode)" -ForegroundColor Green
+        
+        $data = $response.Content | ConvertFrom-Json
+        Write-Host "[OK] Attachments encontrados: $($data.Count)" -ForegroundColor Green
+        
+        if ($data.Count -gt 0) {
+            $data | Format-Table id, original_filename, file_size
+        } else {
+            Write-Host "  (No hay attachments para este ticket)" -ForegroundColor Gray
+        }
+        
+    } catch {
+        Write-Host "[ERROR] En request: $($_.Exception.Message)" -ForegroundColor Red
+        Write-Host "Status Code: $($_.Exception.Response.StatusCode.value__)" -ForegroundColor Red
+    }
+    
+} catch {
+    Write-Host "[ERROR] En login: $($_.Exception.Message)" -ForegroundColor Red
+}