@atlashub/smartstack 3.30.0 → 3.31.0

package/dist/chunks/{UserCreateTicketPage-bcbSLglE.js.map → UserCreateTicketPage-lvlvp2u6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCreateTicketPage-bcbSLglE.js","sources":["../../src/pages/platform/support/UserCreateTicketPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate, useSearchParams } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft, Headset, Bug, Lightbulb, AppWindow, HelpCircle, MessageSquare,\r\n  Loader2, AlertTriangle, Send, Monitor, Upload, X, Image as ImageIcon,\r\n  FileText, File as FileIcon, Paperclip, Info, ExternalLink, Building2, Check, Trash2\r\n} from 'lucide-react';\r\nimport { myTicketsApi, type TicketType, type TicketPriority, type ClientContextDto, type MyTicketDetailDto } from '@/services/api/ticketApi';\r\nimport { api } from '@/services/api/apiClient';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport type { UserTenantDto } from '@/services/api/adminApi';\r\nimport { browserInfoService, type BrowserInfo } from '@/services/support/browserInfoService';\r\nimport { useTicketingProvider } from '@/hooks/useTicketingProvider';\r\nimport { generateUUID } from '@/utils/uuid';\r\nimport { logService } from '@/services/logging/logService';\r\nimport { ScreenshotAnnotator } from '@/components/platform/support/ScreenshotAnnotator';\r\nimport { errorContextService } from '@/services/support/errorContextService';\r\nimport { ticketDraftService } from '@/services/support/ticketDraftService';\r\n\r\nconst ticketTypes: { value: TicketType; label: string; labelKey: string; description: string; descriptionKey: string; icon: React.ElementType }[] = [\r\n  {\r\n    value: 'Bug',\r\n    label: 'Report a Bug',\r\n    labelKey: 'tickets.types.bug',\r\n    description: 'Something is not working correctly',\r\n    descriptionKey: 'tickets.types.bugDescription',\r\n    icon: Bug,\r\n  },\r\n  {\r\n    value: 'FeatureRequest',\r\n    label: 'Request a Feature',\r\n    labelKey: 'tickets.types.featureRequest',\r\n    description: 'Suggest an improvement or new feature',\r\n    descriptionKey: 'tickets.types.featureRequestDescription',\r\n    icon: Lightbulb,\r\n  },\r\n  {\r\n    value: 'ApplicationRequest',\r\n    label: 'Request an Application',\r\n    labelKey: 'tickets.types.applicationRequest',\r\n    description: 'Request access to a new application',\r\n    descriptionKey: 'tickets.types.applicationRequestDescription',\r\n    icon: AppWindow,\r\n  },\r\n  {\r\n    value: 'Support',\r\n    label: 'General Support',\r\n    labelKey: 'tickets.types.support',\r\n    description: 'Need help with something',\r\n    descriptionKey: 'tickets.types.supportDescription',\r\n    icon: MessageSquare,\r\n  },\r\n  {\r\n    value: 'Question',\r\n    label: 'Ask a Question',\r\n    labelKey: 'tickets.types.question',\r\n    description: 'Have a question about the platform',\r\n    descriptionKey: 'tickets.types.questionDescription',\r\n    icon: HelpCircle,\r\n  },\r\n];\r\n\r\nconst priorityOptions: { value: TicketPriority; label: string; labelKey: string; description: string; descriptionKey: string }[] = [\r\n  { value: 'Low', label: 'Low', labelKey: 'tickets.priority.low', description: 'Can wait, not urgent', descriptionKey: 'tickets.priority.lowDescription' },\r\n  { value: 'Medium', label: 'Medium', labelKey: 'tickets.priority.medium', description: 'Normal priority', descriptionKey: 'tickets.priority.mediumDescription' },\r\n  { value: 'High', label: 'High', labelKey: 'tickets.priority.high', description: 'Important, needs attention soon', descriptionKey: 'tickets.priority.highDescription' },\r\n  { value: 'Critical', label: 'Critical', labelKey: 'tickets.priority.critical', description: 'Urgent, blocking work', descriptionKey: 'tickets.priority.criticalDescription' },\r\n];\r\n\r\ninterface AttachmentFile {\r\n  id: string;\r\n  file: File;\r\n  name: string;\r\n  size: number;\r\n  type: string;\r\n}\r\n\r\nconst MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB\r\nconst MAX_ATTACHMENTS = 5;\r\nconst ALLOWED_EXTENSIONS = ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.txt', '.csv', '.zip', '.rar', '.7z', '.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp'];\r\n\r\nfunction formatFileSize(bytes: number): string {\r\n  if (bytes < 1024) return `${bytes} B`;\r\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\r\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\r\n}\r\n\r\nfunction getFileIcon(type: string) {\r\n  if (type.includes('pdf')) return FileText;\r\n  if (type.startsWith('image/')) return ImageIcon;\r\n  return FileIcon;\r\n}\r\n\r\nfunction restoreDraft(draftId: string | null, userTenants: UserTenantDto[]) {\r\n  if (!draftId) return { draft: null, selectedTenant: null };\r\n\r\n  const draft = ticketDraftService.getDraft(draftId);\r\n  if (!draft) return { draft: null, selectedTenant: null };\r\n\r\n  let selectedTenant: UserTenantDto | null = null;\r\n  if (draft.tenantId && draft.tenantSlug) {\r\n    const matchingTenant = userTenants.find(t => t.id === draft.tenantId);\r\n    if (matchingTenant) {\r\n      selectedTenant = matchingTenant;\r\n    }\r\n  }\r\n\r\n  return { draft, selectedTenant };\r\n}\r\n\r\nfunction restoreSessionContext(sessionContext: ReturnType<typeof errorContextService.loadContext>) {\r\n  if (!sessionContext?.screenshot) return { screenshot: null, autoSelectType: null };\r\n\r\n  let autoSelectType: TicketType | null = null;\r\n  if (sessionContext.recentErrors.length > 0) {\r\n    autoSelectType = 'Bug';\r\n  }\r\n\r\n  return { screenshot: sessionContext.screenshot, autoSelectType };\r\n}\r\n\r\nasync function uploadScreenshot(ticketId: string, screenshot: string, selectedTenantForTicket: UserTenantDto | null) {\r\n  try {\r\n    const response = await fetch(screenshot);\r\n    const blob = await response.blob();\r\n    const file = new File([blob], 'screenshot.png', { type: 'image/png' });\r\n\r\n    if (selectedTenantForTicket) {\r\n      const formData = new FormData();\r\n      formData.append('file', file);\r\n      const tenantHeaders = { 'X-Tenant-Slug': selectedTenantForTicket.slug };\r\n      await api.post(`/api/support/my-tickets/${ticketId}/attachments`, formData, {\r\n        headers: { 'Content-Type': 'multipart/form-data', ...tenantHeaders },\r\n      });\r\n    } else {\r\n      await myTicketsApi.uploadAttachment(ticketId, file);\r\n    }\r\n  } catch (attachmentError) {\r\n    // Silent fail for attachment upload\r\n  }\r\n}\r\n\r\nasync function uploadAttachments(ticketId: string, attachments: AttachmentFile[], selectedTenantForTicket: UserTenantDto | null) {\r\n  for (const attachment of attachments) {\r\n    try {\r\n      if (selectedTenantForTicket) {\r\n        const formData = new FormData();\r\n        formData.append('file', attachment.file);\r\n        const tenantHeaders = { 'X-Tenant-Slug': selectedTenantForTicket.slug };\r\n        await api.post(`/api/support/my-tickets/${ticketId}/attachments`, formData, {\r\n          headers: { 'Content-Type': 'multipart/form-data', ...tenantHeaders },\r\n        });\r\n      } else {\r\n        await myTicketsApi.uploadAttachment(ticketId, attachment.file);\r\n      }\r\n    } catch (attachmentError) {\r\n      // Silent fail for attachment upload\r\n    }\r\n  }\r\n}\r\n\r\nexport function UserCreateTicketPage(): ReactElement {\r\n  const navigate = useNavigate();\r\n  const [searchParams] = useSearchParams();\r\n  const { t } = useTranslation(['support', 'common']);\r\n  const { isGlpi, glpiBaseUrl } = useTicketingProvider();\r\n  const { currentTenant, userTenants, isGlobalView } = useTenant();\r\n  const screenshotInputRef = useRef<HTMLInputElement>(null);\r\n  const attachmentInputRef = useRef<HTMLInputElement>(null);\r\n\r\n  // When in global view (no tenant selected), allow user to pick a tenant for the ticket\r\n  const [selectedTenantForTicket, setSelectedTenantForTicket] = useState<UserTenantDto | null>(null);\r\n  const [showTenantPicker, setShowTenantPicker] = useState(false);\r\n\r\n  // The effective tenant: either the global current tenant or the locally selected one\r\n  const effectiveTenant = currentTenant ?? selectedTenantForTicket;\r\n\r\n  // Show tenant picker on mount when no tenant is selected\r\n  useEffect(() => {\r\n    if (!currentTenant && isGlobalView && userTenants.length > 0) {\r\n      setShowTenantPicker(true);\r\n    }\r\n  }, [currentTenant, isGlobalView, userTenants.length]);\r\n\r\n  const draftId = searchParams.get('draft');\r\n\r\n  const [step, setStep] = useState(1);\r\n  const [selectedType, setSelectedType] = useState<TicketType | null>(null);\r\n  const [title, setTitle] = useState('');\r\n  const [description, setDescription] = useState('');\r\n  const [priority, setPriority] = useState<TicketPriority>('Medium');\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // Browser info state\r\n  const [browserInfo, setBrowserInfo] = useState<BrowserInfo | null>(null);\r\n  const [includeBrowserInfo, setIncludeBrowserInfo] = useState(true);\r\n\r\n  // Screenshot state\r\n  const [screenshot, setScreenshot] = useState<string | null>(null);\r\n  const [annotatedScreenshot, setAnnotatedScreenshot] = useState<string | null>(null);\r\n  const [isDraggingScreenshot, setIsDraggingScreenshot] = useState(false);\r\n\r\n  // Attachments state\r\n  const [attachments, setAttachments] = useState<AttachmentFile[]>([]);\r\n  const [isDraggingAttachment, setIsDraggingAttachment] = useState(false);\r\n\r\n  // Draft auto-save state\r\n  const [currentDraftId, setCurrentDraftId] = useState<string | null>(draftId);\r\n  const [showDraftSaved, setShowDraftSaved] = useState(false);\r\n  const [showDiscardConfirm, setShowDiscardConfirm] = useState(false);\r\n  const autoSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const isInitialLoadCompleteRef = useRef(false);\r\n  const hasUnsavedChangesRef = useRef(false);\r\n\r\n  // Save draft function\r\n  const saveDraftNow = useCallback(() => {\r\n    if (!currentDraftId) return false;\r\n\r\n    const result = ticketDraftService.updateDraft(currentDraftId, {\r\n      type: selectedType,\r\n      title,\r\n      description,\r\n      priority,\r\n      includeScreenshot: !!annotatedScreenshot,\r\n      includeErrorLogs: false,\r\n      screenshot: annotatedScreenshot ?? undefined,\r\n      tenantId: effectiveTenant?.id,\r\n      tenantSlug: effectiveTenant?.slug,\r\n      tenantName: effectiveTenant?.name,\r\n    });\r\n\r\n    if (result.success) {\r\n      hasUnsavedChangesRef.current = false;\r\n      setShowDraftSaved(true);\r\n      setTimeout(() => setShowDraftSaved(false), 2000);\r\n    }\r\n    return result.success;\r\n  }, [currentDraftId, selectedType, title, description, priority, annotatedScreenshot, effectiveTenant]);\r\n\r\n  // Auto-create draft when user starts filling the form (no existing draft)\r\n  const ensureDraft = useCallback(() => {\r\n    if (currentDraftId) return currentDraftId;\r\n    const newDraft = ticketDraftService.createDraft();\r\n    setCurrentDraftId(newDraft.id);\r\n    return newDraft.id;\r\n  }, [currentDraftId]);\r\n\r\n  // Debounced auto-save when form data changes\r\n  useEffect(() => {\r\n    if (!isInitialLoadCompleteRef.current) return;\r\n    // Only auto-save if there's meaningful data\r\n    if (!selectedType && !title && !description) return;\r\n\r\n    hasUnsavedChangesRef.current = true;\r\n\r\n    // Ensure a draft exists before saving\r\n    if (!currentDraftId) {\r\n      ensureDraft();\r\n      return; // Will re-trigger on next render with currentDraftId set\r\n    }\r\n\r\n    if (autoSaveTimerRef.current) {\r\n      clearTimeout(autoSaveTimerRef.current);\r\n    }\r\n\r\n    autoSaveTimerRef.current = setTimeout(() => {\r\n      saveDraftNow();\r\n    }, 1000);\r\n\r\n    return () => {\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n      }\r\n    };\r\n  }, [selectedType, title, description, priority, annotatedScreenshot, currentDraftId, saveDraftNow, ensureDraft]);\r\n\r\n  // Save on unmount + beforeunload\r\n  useEffect(() => {\r\n    const handleBeforeUnload = () => {\r\n      if (hasUnsavedChangesRef.current && currentDraftId) {\r\n        saveDraftNow();\r\n      }\r\n    };\r\n\r\n    window.addEventListener('beforeunload', handleBeforeUnload);\r\n    return () => {\r\n      window.removeEventListener('beforeunload', handleBeforeUnload);\r\n      if (hasUnsavedChangesRef.current && currentDraftId) {\r\n        saveDraftNow();\r\n      }\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n      }\r\n    };\r\n  }, [currentDraftId, saveDraftNow]);\r\n\r\n  // Discard draft handler\r\n  const handleDiscardDraft = useCallback(() => {\r\n    if (currentDraftId) {\r\n      ticketDraftService.deleteDraft(currentDraftId);\r\n    }\r\n    if (autoSaveTimerRef.current) {\r\n      clearTimeout(autoSaveTimerRef.current);\r\n      autoSaveTimerRef.current = null;\r\n    }\r\n    navigate(-1);\r\n  }, [currentDraftId, navigate]);\r\n\r\n  // Load draft, session context, URL pre-fill params, and browser info on mount\r\n  useEffect(() => {\r\n    // Load draft if resuming\r\n    const { draft, selectedTenant } = restoreDraft(draftId, userTenants);\r\n    if (draft) {\r\n      if (draft.type) {\r\n        setSelectedType(draft.type);\r\n        setStep(2);\r\n      }\r\n      if (draft.title) setTitle(draft.title);\r\n      if (draft.description) setDescription(draft.description);\r\n      if (draft.priority) setPriority(draft.priority);\r\n      if (draft.screenshot) {\r\n        setScreenshot(draft.screenshot);\r\n        setAnnotatedScreenshot(draft.screenshot);\r\n      }\r\n      if (selectedTenant) {\r\n        setSelectedTenantForTicket(selectedTenant);\r\n      }\r\n    }\r\n\r\n    // Pre-fill from URL params (e.g. from AccessDenied page) — draft takes priority\r\n    if (!draft) {\r\n      const validTypes: TicketType[] = ['Bug', 'FeatureRequest', 'Suggestion', 'ApplicationRequest', 'Support', 'Question'];\r\n      const prefillType = searchParams.get('type') as TicketType | null;\r\n      const prefillSubject = searchParams.get('subject');\r\n      const prefillBody = searchParams.get('body');\r\n\r\n      if (prefillType && validTypes.includes(prefillType)) {\r\n        setSelectedType(prefillType);\r\n        setStep(2);\r\n      }\r\n      if (prefillSubject) setTitle(decodeURIComponent(prefillSubject));\r\n      if (prefillBody) setDescription(decodeURIComponent(prefillBody));\r\n    }\r\n\r\n    // Load captured screenshot from session context (from CreateTicketButton)\r\n    const sessionContext = errorContextService.loadContext();\r\n    const { screenshot: sessionScreenshot, autoSelectType } = restoreSessionContext(sessionContext);\r\n    if (sessionScreenshot && !annotatedScreenshot) {\r\n      setScreenshot(sessionScreenshot);\r\n      setAnnotatedScreenshot(sessionScreenshot);\r\n\r\n      if (autoSelectType && !selectedType) {\r\n        setSelectedType(autoSelectType);\r\n        setPriority('High');\r\n      }\r\n    }\r\n    errorContextService.clearContext();\r\n\r\n    const info = browserInfoService.captureBrowserInfo();\r\n    setBrowserInfo(info);\r\n\r\n    // Mark initial load complete (prevents auto-save during hydration)\r\n    setTimeout(() => { isInitialLoadCompleteRef.current = true; }, 100);\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [draftId]);\r\n\r\n  // Process image file for screenshot\r\n  const processImageFile = useCallback((file: File) => {\r\n    if (!file.type.startsWith('image/')) {\r\n      setError(t('tickets.create.invalidImageType', 'Please select a valid image file'));\r\n      return;\r\n    }\r\n\r\n    if (file.size > MAX_FILE_SIZE) {\r\n      setError(t('tickets.create.imageTooLarge', 'Image must be less than 10MB'));\r\n      return;\r\n    }\r\n\r\n    const reader = new FileReader();\r\n    reader.onload = (e) => {\r\n      const dataUrl = e.target?.result as string;\r\n      setScreenshot(dataUrl);\r\n      setAnnotatedScreenshot(dataUrl);\r\n      setError(null);\r\n    };\r\n    reader.onerror = () => {\r\n      setError(t('tickets.create.imageReadError', 'Failed to read image file'));\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }, [t]);\r\n\r\n  const handleScreenshotUpload = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file) {\r\n      processImageFile(file);\r\n    }\r\n  }, [processImageFile]);\r\n\r\n  // Drag & Drop handlers for screenshot\r\n  const handleScreenshotDragOver = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(true);\r\n  }, []);\r\n\r\n  const handleScreenshotDragLeave = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(false);\r\n  }, []);\r\n\r\n  const handleScreenshotDrop = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(false);\r\n\r\n    const files = e.dataTransfer.files;\r\n    if (files.length > 0) {\r\n      const file = files[0];\r\n      if (file.type.startsWith('image/')) {\r\n        processImageFile(file);\r\n      } else {\r\n        setError(t('tickets.create.invalidImageType', 'Please select a valid image file'));\r\n      }\r\n    }\r\n  }, [processImageFile, t]);\r\n\r\n  const handleRemoveScreenshot = useCallback(() => {\r\n    setScreenshot(null);\r\n    setAnnotatedScreenshot(null);\r\n    if (screenshotInputRef.current) {\r\n      screenshotInputRef.current.value = '';\r\n    }\r\n  }, []);\r\n\r\n  const handleAnnotatedScreenshot = useCallback((dataUrl: string) => {\r\n    setAnnotatedScreenshot(dataUrl);\r\n  }, []);\r\n\r\n  // Attachment handlers\r\n  const isAllowedFileType = useCallback((file: File): boolean => {\r\n    // Allow all images\r\n    if (file.type.startsWith('image/')) {\r\n      return true;\r\n    }\r\n    const extension = '.' + file.name.split('.').pop()?.toLowerCase();\r\n    return ALLOWED_EXTENSIONS.includes(extension);\r\n  }, []);\r\n\r\n  const processAttachmentFiles = useCallback((files: FileList) => {\r\n    const newAttachments: AttachmentFile[] = [];\r\n\r\n    for (let i = 0; i < files.length; i++) {\r\n      const file = files[i];\r\n\r\n      // Skip if already at max attachments\r\n      if (attachments.length + newAttachments.length >= MAX_ATTACHMENTS) {\r\n        setError(t('tickets.create.maxAttachments', `Maximum ${MAX_ATTACHMENTS} attachments allowed`));\r\n        break;\r\n      }\r\n\r\n      // Check file size\r\n      if (file.size > MAX_FILE_SIZE) {\r\n        setError(t('tickets.create.fileTooLarge', `File \"${file.name}\" is too large (max 10MB)`));\r\n        continue;\r\n      }\r\n\r\n      // Check file type\r\n      if (!isAllowedFileType(file)) {\r\n        setError(t('tickets.create.invalidFileType', `File type not allowed: ${file.name}`));\r\n        continue;\r\n      }\r\n\r\n      // Check for duplicates\r\n      const isDuplicate = attachments.some(a => a.name === file.name && a.size === file.size);\r\n      if (isDuplicate) {\r\n        continue;\r\n      }\r\n\r\n      newAttachments.push({\r\n        id: generateUUID(),\r\n        file,\r\n        name: file.name,\r\n        size: file.size,\r\n        type: file.type,\r\n      });\r\n    }\r\n\r\n    if (newAttachments.length > 0) {\r\n      setAttachments(prev => [...prev, ...newAttachments]);\r\n      setError(null);\r\n    }\r\n  }, [attachments, isAllowedFileType, t]);\r\n\r\n  const handleAttachmentUpload = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const files = event.target.files;\r\n    if (files) {\r\n      processAttachmentFiles(files);\r\n    }\r\n    // Reset input\r\n    if (attachmentInputRef.current) {\r\n      attachmentInputRef.current.value = '';\r\n    }\r\n  }, [processAttachmentFiles]);\r\n\r\n  // Drag & Drop handlers for attachments\r\n  const handleAttachmentDragOver = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(true);\r\n  }, []);\r\n\r\n  const handleAttachmentDragLeave = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(false);\r\n  }, []);\r\n\r\n  const handleAttachmentDrop = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(false);\r\n\r\n    const files = e.dataTransfer.files;\r\n    if (files.length > 0) {\r\n      processAttachmentFiles(files);\r\n    }\r\n  }, [processAttachmentFiles]);\r\n\r\n  const handleRemoveAttachment = useCallback((id: string) => {\r\n    setAttachments(prev => prev.filter(a => a.id !== id));\r\n  }, []);\r\n\r\n  const handleSubmit = async () => {\r\n    if (!selectedType || !title.trim() || !description.trim()) return;\r\n\r\n    if (!effectiveTenant) {\r\n      setShowTenantPicker(true);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      setSubmitting(true);\r\n      setError(null);\r\n\r\n      // Build description with browser info if enabled\r\n      let fullDescription = description.trim();\r\n\r\n      if (includeBrowserInfo && browserInfo) {\r\n        fullDescription += '\\n\\n---\\n**System Information:**\\n' + browserInfoService.formatForDescription(browserInfo);\r\n      }\r\n\r\n      // Build structured client context for backend storage\r\n      const currentBrowserInfo = browserInfo || browserInfoService.captureBrowserInfo();\r\n      const recentErrors = logService.getRecentErrors().slice(0, 5);\r\n      const clientContext: ClientContextDto = {\r\n        sourceUrl: window.location.href,\r\n        browser: {\r\n          name: currentBrowserInfo.browser,\r\n          version: currentBrowserInfo.browserVersion,\r\n          language: currentBrowserInfo.language,\r\n        },\r\n        os: {\r\n          name: currentBrowserInfo.os,\r\n          version: currentBrowserInfo.osVersion,\r\n        },\r\n        device: {\r\n          type: currentBrowserInfo.deviceType,\r\n          screenResolution: currentBrowserInfo.screenResolution,\r\n        },\r\n        recentErrors: recentErrors.map((e) => ({\r\n          message: e.message,\r\n          stack: e.stack,\r\n          component: e.component,\r\n          timestamp: e.timestamp.toISOString(),\r\n        })),\r\n      };\r\n\r\n      // If using locally selected tenant (global view), override X-Tenant-Slug header\r\n      const tenantHeaders = selectedTenantForTicket\r\n        ? { 'X-Tenant-Slug': selectedTenantForTicket.slug }\r\n        : {};\r\n\r\n      const ticket = selectedTenantForTicket\r\n        ? await api.post<MyTicketDetailDto>('/api/support/my-tickets', {\r\n            title: title.trim(),\r\n            description: fullDescription,\r\n            type: selectedType,\r\n            priority,\r\n            clientContext,\r\n          }, { headers: tenantHeaders })\r\n        : await myTicketsApi.create({\r\n            title: title.trim(),\r\n            description: fullDescription,\r\n            type: selectedType,\r\n            priority,\r\n            clientContext,\r\n          });\r\n\r\n      // Upload screenshot as attachment if present\r\n      if (annotatedScreenshot) {\r\n        await uploadScreenshot(ticket.id, annotatedScreenshot, selectedTenantForTicket);\r\n      }\r\n\r\n      // Upload other attachments\r\n      await uploadAttachments(ticket.id, attachments, selectedTenantForTicket);\r\n\r\n      // Clean up draft on successful submit\r\n      if (currentDraftId) {\r\n        ticketDraftService.deleteDraft(currentDraftId);\r\n      }\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n        autoSaveTimerRef.current = null;\r\n      }\r\n      hasUnsavedChangesRef.current = false;\r\n\r\n      navigate(`/support/my-tickets/${ticket.id}?tab=submitted`);\r\n    } catch (err: unknown) {\r\n      const serverMessage = err && typeof err === 'object' && 'message' in err\r\n        ? (err as { message: string }).message\r\n        : null;\r\n      setError(serverMessage || t('tickets.create.submitError', 'Failed to create ticket. Please try again.'));\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  const renderTypeSelection = () => (\r\n    <div className=\"space-y-4\">\r\n      <h2 className=\"text-lg font-semibold mb-4\">{t('tickets.create.selectType', 'What type of request do you have?')}</h2>\r\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n        {ticketTypes.map((type) => (\r\n          <button\r\n            key={type.value}\r\n            onClick={() => {\r\n              setSelectedType(type.value);\r\n              setStep(2);\r\n            }}\r\n            className={`card p-4 text-left hover:shadow-md transition-shadow ${\r\n              selectedType === type.value ? 'ring-2 ring-[var(--color-primary-600)]' : ''\r\n            }`}\r\n          >\r\n            <div className=\"flex items-start gap-4\">\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <type.icon className=\"w-6 h-6\" />\r\n              </div>\r\n              <div>\r\n                <h3 className=\"font-medium\">{t(type.labelKey, type.label)}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(type.descriptionKey, type.description)}</p>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n  const renderForm = () => (\r\n    <div className=\"space-y-6\">\r\n      <div className=\"flex items-center gap-4 mb-6\">\r\n        <button onClick={() => setStep(1)} className=\"btn btn-ghost p-2\">\r\n          <ArrowLeft className=\"w-5 h-5\" />\r\n        </button>\r\n        <div>\r\n          <h2 className=\"text-lg font-semibold\">\r\n            {t(ticketTypes.find((tt) => tt.value === selectedType)?.labelKey || '', { defaultValue: ticketTypes.find((tt) => tt.value === selectedType)?.label })}\r\n          </h2>\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            {t('tickets.create.fillDetails', 'Fill in the details below')}\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          {t('tickets.form.title', 'Title')} <span className=\"text-[var(--error-text)]\">*</span>\r\n        </label>\r\n        <input\r\n          type=\"text\"\r\n          value={title}\r\n          onChange={(e) => setTitle(e.target.value)}\r\n          placeholder={t('tickets.create.titlePlaceholder', 'Brief summary of your request')}\r\n          className=\"input w-full\"\r\n          maxLength={200}\r\n        />\r\n        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n          {title.length}/200 {t('common:text.characters', 'characters')}\r\n        </p>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          {t('tickets.create.description', 'Description')} <span className=\"text-[var(--error-text)]\">*</span>\r\n        </label>\r\n        <textarea\r\n          value={description}\r\n          onChange={(e) => setDescription(e.target.value)}\r\n          placeholder={\r\n            selectedType === 'Bug'\r\n              ? t('tickets.create.bugPlaceholder', 'Please describe the issue in detail. Include steps to reproduce, expected behavior, and actual behavior.')\r\n              : selectedType === 'FeatureRequest'\r\n              ? t('tickets.create.featurePlaceholder', 'Describe the feature you would like to see and why it would be useful.')\r\n              : selectedType === 'ApplicationRequest'\r\n              ? t('tickets.create.applicationPlaceholder', 'Which application do you need access to and why?')\r\n              : t('tickets.create.defaultPlaceholder', 'Please provide as much detail as possible.')\r\n          }\r\n          className=\"input w-full h-40\"\r\n          maxLength={5000}\r\n        />\r\n        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n          {description.length}/5000 {t('common:text.characters', 'characters')}\r\n        </p>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">{t('tickets.create.priority', 'Priority')}</label>\r\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2\">\r\n          {priorityOptions.map((option) => (\r\n            <button\r\n              key={option.value}\r\n              type=\"button\"\r\n              onClick={() => setPriority(option.value)}\r\n              className={`p-3 rounded-lg border text-center transition-colors ${\r\n                priority === option.value\r\n                  ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                  : 'border-[var(--border-color)] hover:bg-[var(--bg-hover)]'\r\n              }`}\r\n            >\r\n              <div className=\"font-medium\">{t(option.labelKey, option.label)}</div>\r\n              <div className=\"text-xs text-[var(--text-secondary)]\">{t(option.descriptionKey, option.description)}</div>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Screenshot Upload Section */}\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          <ImageIcon className=\"w-4 h-4 inline mr-2\" />\r\n          {t('tickets.create.screenshot', 'Screenshot')}\r\n          <span className=\"text-[var(--text-secondary)] font-normal ml-2\">({t('common:text.optional', 'optional')})</span>\r\n        </label>\r\n\r\n        {!screenshot ? (\r\n          <div\r\n            className={`border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition-colors ${\r\n              isDraggingScreenshot\r\n                ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                : 'border-[var(--border-color)] hover:border-[var(--color-primary-600)] hover:bg-[var(--bg-hover)]'\r\n            }`}\r\n            onClick={() => screenshotInputRef.current?.click()}\r\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); screenshotInputRef.current?.click(); } }}\r\n            role=\"button\"\r\n            tabIndex={0}\r\n            onDragOver={handleScreenshotDragOver}\r\n            onDragLeave={handleScreenshotDragLeave}\r\n            onDrop={handleScreenshotDrop}\r\n          >\r\n            <Upload className=\"w-8 h-8 mx-auto mb-2 text-[var(--text-secondary)]\" />\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              {isDraggingScreenshot\r\n                ? t('tickets.create.dropScreenshotNow', 'Drop image here')\r\n                : t('tickets.create.uploadScreenshot', 'Click or drag & drop to upload a screenshot')}\r\n            </p>\r\n            <p className=\"text-xs text-[var(--text-muted)] mt-1\">\r\n              {t('tickets.create.uploadScreenshotHint', 'PNG, JPG, or GIF up to 10MB')}\r\n            </p>\r\n            <input\r\n              ref={screenshotInputRef}\r\n              type=\"file\"\r\n              accept=\"image/*\"\r\n              onChange={handleScreenshotUpload}\r\n              className=\"hidden\"\r\n            />\r\n          </div>\r\n        ) : (\r\n          <div className=\"space-y-3\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <span className=\"text-sm text-[var(--text-secondary)]\">\r\n                {t('tickets.create.screenshotUploaded', 'Screenshot uploaded - you can annotate it below')}\r\n              </span>\r\n              <button\r\n                type=\"button\"\r\n                onClick={handleRemoveScreenshot}\r\n                className=\"btn btn-ghost p-2 text-[var(--error-text)]\"\r\n                title={t('tickets.create.removeScreenshot', 'Remove screenshot')}\r\n              >\r\n                <X className=\"w-4 h-4\" />\r\n              </button>\r\n            </div>\r\n            <ScreenshotAnnotator\r\n              screenshot={screenshot}\r\n              onAnnotatedScreenshot={handleAnnotatedScreenshot}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Attachments Section */}\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          <Paperclip className=\"w-4 h-4 inline mr-2\" />\r\n          {t('tickets.create.attachments', 'Attachments')}\r\n          <span className=\"text-[var(--text-secondary)] font-normal ml-2\">({t('common:text.optional', 'optional')})</span>\r\n        </label>\r\n\r\n        <div\r\n          className={`border-2 border-dashed rounded-lg p-4 text-center cursor-pointer transition-colors ${\r\n            isDraggingAttachment\r\n              ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n              : 'border-[var(--border-color)] hover:border-[var(--color-primary-600)] hover:bg-[var(--bg-hover)]'\r\n          }`}\r\n          onClick={() => attachmentInputRef.current?.click()}\r\n          onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); attachmentInputRef.current?.click(); } }}\r\n          role=\"button\"\r\n          tabIndex={0}\r\n          onDragOver={handleAttachmentDragOver}\r\n          onDragLeave={handleAttachmentDragLeave}\r\n          onDrop={handleAttachmentDrop}\r\n        >\r\n          <Upload className=\"w-6 h-6 mx-auto mb-1 text-[var(--text-secondary)]\" />\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            {isDraggingAttachment\r\n              ? t('tickets.create.dropFilesNow', 'Drop files here')\r\n              : t('tickets.create.uploadAttachments', 'Click or drag & drop to add documents')}\r\n          </p>\r\n          <p className=\"text-xs text-[var(--text-muted)] mt-1\">\r\n            {t('tickets.create.attachmentsHint', 'PDF, Word, Excel, TXT, CSV, ZIP (max 10MB each, up to 5 files)')}\r\n          </p>\r\n          <input\r\n            ref={attachmentInputRef}\r\n            type=\"file\"\r\n            multiple\r\n            accept=\".pdf,.doc,.docx,.xls,.xlsx,.txt,.csv,.zip,.rar,.7z,image/*\"\r\n            onChange={handleAttachmentUpload}\r\n            className=\"hidden\"\r\n          />\r\n        </div>\r\n\r\n        {/* Attachments List */}\r\n        {attachments.length > 0 && (\r\n          <div className=\"mt-3 space-y-2\">\r\n            {attachments.map((attachment) => {\r\n              const AttachmentIcon = getFileIcon(attachment.type);\r\n              return (\r\n                <div\r\n                  key={attachment.id}\r\n                  className=\"flex items-center justify-between p-2 rounded-lg bg-[var(--bg-secondary)]\"\r\n                >\r\n                  <div className=\"flex items-center gap-2 min-w-0\">\r\n                    <AttachmentIcon className=\"w-4 h-4 text-[var(--text-secondary)] flex-shrink-0\" />\r\n                    <span className=\"text-sm truncate\">{attachment.name}</span>\r\n                    <span className=\"text-xs text-[var(--text-muted)] flex-shrink-0\">\r\n                      ({formatFileSize(attachment.size)})\r\n                    </span>\r\n                  </div>\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => handleRemoveAttachment(attachment.id)}\r\n                    className=\"btn btn-ghost p-1 text-[var(--error-text)]\"\r\n                    title={t('tickets.create.removeAttachment', 'Remove attachment')}\r\n                  >\r\n                    <X className=\"w-4 h-4\" />\r\n                  </button>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Browser Info Section */}\r\n      {browserInfo && (\r\n        <div className=\"border border-[var(--border-color)] rounded-lg p-4\">\r\n          <div className=\"flex items-center justify-between mb-3\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <Monitor className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n              <span className=\"text-sm font-medium\">{t('tickets.create.systemInfo', 'System Information')}</span>\r\n            </div>\r\n            <label className=\"flex items-center gap-2 cursor-pointer\">\r\n              <input\r\n                type=\"checkbox\"\r\n                checked={includeBrowserInfo}\r\n                onChange={(e) => setIncludeBrowserInfo(e.target.checked)}\r\n                className=\"rounded border-[var(--border-color)]\"\r\n              />\r\n              <span className=\"text-xs text-[var(--text-secondary)]\">\r\n                {t('tickets.create.includeSystemInfo', 'Include in ticket')}\r\n              </span>\r\n            </label>\r\n          </div>\r\n          <div className={`grid grid-cols-2 md:grid-cols-3 gap-3 text-sm ${!includeBrowserInfo ? 'opacity-50' : ''}`}>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.browser', 'Browser')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.browser} {browserInfo.browserVersion}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.os', 'OS')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.os} {browserInfo.osVersion}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.device', 'Device')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.deviceType}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.screen', 'Screen')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.screenResolution}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.language', 'Language')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.language}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div className=\"p-4 rounded-lg bg-[var(--error-bg)] text-[var(--error-text)] flex items-center gap-2\">\r\n          <AlertTriangle className=\"w-5 h-5\" />\r\n          {error}\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"flex items-center justify-between pt-4 border-t border-[var(--border-color)]\">\r\n        <button onClick={() => setStep(1)} className=\"btn btn-secondary\">\r\n          {t('common:buttons.back', 'Back')}\r\n        </button>\r\n        <button\r\n          onClick={handleSubmit}\r\n          disabled={!title.trim() || !description.trim() || submitting}\r\n          className=\"btn btn-primary\"\r\n        >\r\n          {submitting ? (\r\n            <Loader2 className=\"w-4 h-4 animate-spin mr-2\" />\r\n          ) : (\r\n            <Send className=\"w-4 h-4 mr-2\" />\r\n          )}\r\n          {t('tickets.create.submit', 'Submit Ticket')}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className=\"max-w-3xl mx-auto\">\r\n      <div className=\"flex items-center gap-4 mb-6\">\r\n        <button onClick={() => navigate(-1)} className=\"btn btn-ghost p-2\">\r\n          <ArrowLeft className=\"w-5 h-5\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <h1 className=\"text-2xl font-bold flex items-center gap-2\">\r\n            <Headset className=\"w-6 h-6\" />\r\n            {t('tickets.create.title', 'Create New Ticket')}\r\n          </h1>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            {t('tickets.create.subtitle', 'Submit a support request or report an issue')}\r\n          </p>\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          {/* Draft auto-save indicator */}\r\n          <div className={`flex items-center gap-1 text-xs text-[var(--success-text)] transition-opacity duration-300 ${\r\n            showDraftSaved ? 'opacity-100' : 'opacity-0'\r\n          }`}>\r\n            <Check className=\"w-3.5 h-3.5\" />\r\n            <span>{t('common:drafts.autoSaved', 'Draft saved')}</span>\r\n          </div>\r\n          {/* Discard draft button */}\r\n          {currentDraftId && (\r\n            <button\r\n              onClick={() => setShowDiscardConfirm(true)}\r\n              className=\"btn btn-ghost p-2 text-[var(--text-secondary)] hover:text-[var(--error-text)]\"\r\n              title={t('common:drafts.discard', 'Discard draft')}\r\n            >\r\n              <Trash2 className=\"w-4 h-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {isGlpi ? (\r\n        <div className=\"mb-6 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)]\">\r\n          <div className=\"flex items-center gap-3 mb-3\">\r\n            <Info className=\"w-5 h-5 text-[var(--info-text)] flex-shrink-0\" />\r\n            <p className=\"font-medium text-[var(--info-text)]\">\r\n              {t('glpi.cannotCreateTicket', 'Tickets are managed by GLPI. Please create tickets directly in GLPI.')}\r\n            </p>\r\n          </div>\r\n          {glpiBaseUrl && (\r\n            <a\r\n              href={glpiBaseUrl}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              className=\"btn btn-primary inline-flex items-center gap-2\"\r\n            >\r\n              <ExternalLink className=\"w-4 h-4\" />\r\n              {t('glpi.openGlpi')}\r\n            </a>\r\n          )}\r\n        </div>\r\n      ) : (\r\n      <>\r\n      <div className=\"flex items-center gap-4 mb-8\">\r\n        <div className={`flex items-center gap-2 ${step >= 1 ? 'text-[var(--color-primary-600)]' : 'text-[var(--text-secondary)]'}`}>\r\n          <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n            step >= 1 ? 'bg-[var(--color-primary-600)] text-white' : 'bg-[var(--bg-secondary)]'\r\n          }`}>\r\n            1\r\n          </div>\r\n          <span className=\"font-medium\">{t('tickets.create.stepSelectType', 'Select Type')}</span>\r\n        </div>\r\n        <div className={`flex-1 h-0.5 ${step >= 2 ? 'bg-[var(--color-primary-600)]' : 'bg-[var(--border-color)]'}`} />\r\n        <div className={`flex items-center gap-2 ${step >= 2 ? 'text-[var(--color-primary-600)]' : 'text-[var(--text-secondary)]'}`}>\r\n          <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n            step >= 2 ? 'bg-[var(--color-primary-600)] text-white' : 'bg-[var(--bg-secondary)]'\r\n          }`}>\r\n            2\r\n          </div>\r\n          <span className=\"font-medium\">{t('tickets.create.stepDetails', 'Details')}</span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tenant context indicator (shown when using locally selected tenant in global view) */}\r\n      {selectedTenantForTicket && !currentTenant && (\r\n        <div className=\"mb-4 p-3 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-2 text-sm text-[var(--info-text)]\">\r\n            <Building2 className=\"w-4 h-4\" />\r\n            <span>{t('support:tickets.tenantPicker.creatingFor', 'Creating ticket for:')}</span>\r\n            <span className=\"font-semibold\">{selectedTenantForTicket.name}</span>\r\n          </div>\r\n          <button\r\n            onClick={() => setShowTenantPicker(true)}\r\n            className=\"text-xs text-[var(--info-text)] underline hover:no-underline\"\r\n          >\r\n            {t('common:actions.change', 'Change')}\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"card p-6\">\r\n        {step === 1 && renderTypeSelection()}\r\n        {step === 2 && renderForm()}\r\n      </div>\r\n      </>\r\n      )}\r\n\r\n      {/* Discard confirmation modal */}\r\n      {showDiscardConfirm && (\r\n        <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4\">\r\n          <div className=\"card w-full max-w-md p-6\">\r\n            <div className=\"flex items-center gap-3 mb-4\">\r\n              <div className=\"w-10 h-10 rounded-full bg-[var(--error-bg)] flex items-center justify-center\">\r\n                <Trash2 className=\"w-5 h-5 text-[var(--error-text)]\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-bold\">{t('common:drafts.discardConfirmTitle', 'Discard draft?')}</h2>\r\n            </div>\r\n            <p className=\"text-[var(--text-secondary)] mb-6\">{t('common:drafts.discardConfirmMessage', 'This draft will be permanently deleted. This action cannot be undone.')}</p>\r\n            <div className=\"flex justify-end gap-3\">\r\n              <button onClick={() => setShowDiscardConfirm(false)} className=\"btn btn-secondary\">\r\n                {t('common:actions.cancel', 'Cancel')}\r\n              </button>\r\n              <button onClick={handleDiscardDraft} className=\"btn bg-[var(--error-text)] text-white hover:opacity-90\">\r\n                {t('common:drafts.discard', 'Discard')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {/* Tenant picker modal (shown in global view when no tenant selected) */}\r\n      {showTenantPicker && (\r\n        <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4\">\r\n          <div className=\"card w-full max-w-md p-6\">\r\n            <div className=\"flex items-center gap-3 mb-4\">\r\n              <div className=\"w-10 h-10 rounded-full bg-[var(--info-bg)] flex items-center justify-center\">\r\n                <Building2 className=\"w-5 h-5 text-[var(--info-text)]\" />\r\n              </div>\r\n              <div>\r\n                <h2 className=\"text-xl font-bold\">{t('support:tickets.tenantPicker.title', 'Select Workspace')}</h2>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t('support:tickets.tenantPicker.description', 'Choose a workspace to create the ticket in')}</p>\r\n              </div>\r\n            </div>\r\n            <div className=\"space-y-2 max-h-64 overflow-y-auto\">\r\n              {userTenants\r\n                .filter(tenant => tenant.status === 'Active')\r\n                .map(tenant => (\r\n                <button\r\n                  key={tenant.id}\r\n                  onClick={() => {\r\n                    setSelectedTenantForTicket(tenant);\r\n                    setShowTenantPicker(false);\r\n                    // Immediately persist tenant to draft\r\n                    const id = currentDraftId || ensureDraft();\r\n                    if (id) {\r\n                      ticketDraftService.updateDraft(id, {\r\n                        tenantId: tenant.id,\r\n                        tenantSlug: tenant.slug,\r\n                        tenantName: tenant.name,\r\n                      });\r\n                    }\r\n                  }}\r\n                  className={`w-full p-3 rounded-lg border text-left transition-colors hover:bg-[var(--bg-hover)] ${\r\n                    selectedTenantForTicket?.id === tenant.id\r\n                      ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                      : 'border-[var(--border-color)]'\r\n                  }`}\r\n                >\r\n                  <div className=\"flex items-center gap-3\">\r\n                    <Building2 className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n                    <div className=\"flex-1 min-w-0\">\r\n                      <div className=\"font-medium truncate\">{tenant.name}</div>\r\n                      {tenant.organisationName && (\r\n                        <div className=\"text-xs text-[var(--text-secondary)] truncate\">{tenant.organisationName}</div>\r\n                      )}\r\n                    </div>\r\n                    <span className={`text-xs px-2 py-0.5 rounded-full ${\r\n                      tenant.type === 'Personal'\r\n                        ? 'bg-[var(--info-bg)] text-[var(--info-text)]'\r\n                        : 'bg-[var(--success-bg)] text-[var(--success-text)]'\r\n                    }`}>\r\n                      {tenant.type === 'Personal' ? t('common:tenant.personal', 'Personal') : t('common:tenant.business', 'Business')}\r\n                    </span>\r\n                  </div>\r\n                </button>\r\n              ))}\r\n            </div>\r\n            <div className=\"flex justify-end gap-3 mt-4 pt-4 border-t border-[var(--border-color)]\">\r\n              <button\r\n                onClick={() => {\r\n                  setShowTenantPicker(false);\r\n                  if (!effectiveTenant) navigate(-1);\r\n                }}\r\n                className=\"btn btn-secondary\"\r\n              >\r\n                {t('common:actions.cancel', 'Cancel')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ticketTypes","Bug","Lightbulb","AppWindow","MessageSquare","HelpCircle","priorityOptions","MAX_FILE_SIZE","MAX_ATTACHMENTS","ALLOWED_EXTENSIONS","formatFileSize","bytes","getFileIcon","type","FileText","ImageIcon","FileIcon","restoreDraft","draftId","userTenants","draft","ticketDraftService","selectedTenant","matchingTenant","t","restoreSessionContext","sessionContext","autoSelectType","uploadScreenshot","ticketId","screenshot","selectedTenantForTicket","blob","file","formData","tenantHeaders","api","myTicketsApi","uploadAttachments","attachments","attachment","UserCreateTicketPage","navigate","useNavigate","searchParams","useSearchParams","useTranslation","isGlpi","glpiBaseUrl","useTicketingProvider","currentTenant","isGlobalView","useTenant","screenshotInputRef","useRef","attachmentInputRef","setSelectedTenantForTicket","useState","showTenantPicker","setShowTenantPicker","effectiveTenant","useEffect","step","setStep","selectedType","setSelectedType","title","setTitle","description","setDescription","priority","setPriority","submitting","setSubmitting","error","setError","browserInfo","setBrowserInfo","includeBrowserInfo","setIncludeBrowserInfo","setScreenshot","annotatedScreenshot","setAnnotatedScreenshot","isDraggingScreenshot","setIsDraggingScreenshot","setAttachments","isDraggingAttachment","setIsDraggingAttachment","currentDraftId","setCurrentDraftId","showDraftSaved","setShowDraftSaved","showDiscardConfirm","setShowDiscardConfirm","autoSaveTimerRef","isInitialLoadCompleteRef","hasUnsavedChangesRef","saveDraftNow","useCallback","result","ensureDraft","newDraft","handleBeforeUnload","handleDiscardDraft","validTypes","prefillType","prefillSubject","prefillBody","errorContextService","sessionScreenshot","info","browserInfoService","processImageFile","reader","e","dataUrl","handleScreenshotUpload","event","handleScreenshotDragOver","handleScreenshotDragLeave","handleScreenshotDrop","files","handleRemoveScreenshot","handleAnnotatedScreenshot","isAllowedFileType","extension","processAttachmentFiles","newAttachments","i","a","generateUUID","prev","handleAttachmentUpload","handleAttachmentDragOver","handleAttachmentDragLeave","handleAttachmentDrop","handleRemoveAttachment","id","handleSubmit","fullDescription","currentBrowserInfo","recentErrors","logService","clientContext","ticket","err","serverMessage","renderTypeSelection","jsxs","jsx","renderForm","ArrowLeft","tt","option","X","ScreenshotAnnotator","Upload","Paperclip","AttachmentIcon","Monitor","AlertTriangle","Loader2","Send","Headset","Check","Trash2","Info","ExternalLink","Fragment","Building2","tenant"],"mappings":"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"}
+{"version":3,"file":"UserCreateTicketPage-lvlvp2u6.js","sources":["../../src/pages/platform/support/UserCreateTicketPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate, useSearchParams } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft, Headset, Bug, Lightbulb, AppWindow, HelpCircle, MessageSquare,\r\n  Loader2, AlertTriangle, Send, Monitor, Upload, X, Image as ImageIcon,\r\n  FileText, File as FileIcon, Paperclip, Info, ExternalLink, Building2, Check, Trash2\r\n} from 'lucide-react';\r\nimport { myTicketsApi, type TicketType, type TicketPriority, type ClientContextDto, type MyTicketDetailDto } from '@/services/api/ticketApi';\r\nimport { api } from '@/services/api/apiClient';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport type { UserTenantDto } from '@/services/api/adminApi';\r\nimport { browserInfoService, type BrowserInfo } from '@/services/support/browserInfoService';\r\nimport { useTicketingProvider } from '@/hooks/useTicketingProvider';\r\nimport { generateUUID } from '@/utils/uuid';\r\nimport { logService } from '@/services/logging/logService';\r\nimport { ScreenshotAnnotator } from '@/components/platform/support/ScreenshotAnnotator';\r\nimport { errorContextService } from '@/services/support/errorContextService';\r\nimport { ticketDraftService } from '@/services/support/ticketDraftService';\r\n\r\nconst ticketTypes: { value: TicketType; label: string; labelKey: string; description: string; descriptionKey: string; icon: React.ElementType }[] = [\r\n  {\r\n    value: 'Bug',\r\n    label: 'Report a Bug',\r\n    labelKey: 'tickets.types.bug',\r\n    description: 'Something is not working correctly',\r\n    descriptionKey: 'tickets.types.bugDescription',\r\n    icon: Bug,\r\n  },\r\n  {\r\n    value: 'FeatureRequest',\r\n    label: 'Request a Feature',\r\n    labelKey: 'tickets.types.featureRequest',\r\n    description: 'Suggest an improvement or new feature',\r\n    descriptionKey: 'tickets.types.featureRequestDescription',\r\n    icon: Lightbulb,\r\n  },\r\n  {\r\n    value: 'ApplicationRequest',\r\n    label: 'Request an Application',\r\n    labelKey: 'tickets.types.applicationRequest',\r\n    description: 'Request access to a new application',\r\n    descriptionKey: 'tickets.types.applicationRequestDescription',\r\n    icon: AppWindow,\r\n  },\r\n  {\r\n    value: 'Support',\r\n    label: 'General Support',\r\n    labelKey: 'tickets.types.support',\r\n    description: 'Need help with something',\r\n    descriptionKey: 'tickets.types.supportDescription',\r\n    icon: MessageSquare,\r\n  },\r\n  {\r\n    value: 'Question',\r\n    label: 'Ask a Question',\r\n    labelKey: 'tickets.types.question',\r\n    description: 'Have a question about the platform',\r\n    descriptionKey: 'tickets.types.questionDescription',\r\n    icon: HelpCircle,\r\n  },\r\n];\r\n\r\nconst priorityOptions: { value: TicketPriority; label: string; labelKey: string; description: string; descriptionKey: string }[] = [\r\n  { value: 'Low', label: 'Low', labelKey: 'tickets.priority.low', description: 'Can wait, not urgent', descriptionKey: 'tickets.priority.lowDescription' },\r\n  { value: 'Medium', label: 'Medium', labelKey: 'tickets.priority.medium', description: 'Normal priority', descriptionKey: 'tickets.priority.mediumDescription' },\r\n  { value: 'High', label: 'High', labelKey: 'tickets.priority.high', description: 'Important, needs attention soon', descriptionKey: 'tickets.priority.highDescription' },\r\n  { value: 'Critical', label: 'Critical', labelKey: 'tickets.priority.critical', description: 'Urgent, blocking work', descriptionKey: 'tickets.priority.criticalDescription' },\r\n];\r\n\r\ninterface AttachmentFile {\r\n  id: string;\r\n  file: File;\r\n  name: string;\r\n  size: number;\r\n  type: string;\r\n}\r\n\r\nconst MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB\r\nconst MAX_ATTACHMENTS = 5;\r\nconst ALLOWED_EXTENSIONS = ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.txt', '.csv', '.zip', '.rar', '.7z', '.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp'];\r\n\r\nfunction formatFileSize(bytes: number): string {\r\n  if (bytes < 1024) return `${bytes} B`;\r\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\r\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\r\n}\r\n\r\nfunction getFileIcon(type: string) {\r\n  if (type.includes('pdf')) return FileText;\r\n  if (type.startsWith('image/')) return ImageIcon;\r\n  return FileIcon;\r\n}\r\n\r\nfunction restoreDraft(draftId: string | null, userTenants: UserTenantDto[]) {\r\n  if (!draftId) return { draft: null, selectedTenant: null };\r\n\r\n  const draft = ticketDraftService.getDraft(draftId);\r\n  if (!draft) return { draft: null, selectedTenant: null };\r\n\r\n  let selectedTenant: UserTenantDto | null = null;\r\n  if (draft.tenantId && draft.tenantSlug) {\r\n    const matchingTenant = userTenants.find(t => t.id === draft.tenantId);\r\n    if (matchingTenant) {\r\n      selectedTenant = matchingTenant;\r\n    }\r\n  }\r\n\r\n  return { draft, selectedTenant };\r\n}\r\n\r\nfunction restoreSessionContext(sessionContext: ReturnType<typeof errorContextService.loadContext>) {\r\n  if (!sessionContext?.screenshot) return { screenshot: null, autoSelectType: null };\r\n\r\n  let autoSelectType: TicketType | null = null;\r\n  if (sessionContext.recentErrors.length > 0) {\r\n    autoSelectType = 'Bug';\r\n  }\r\n\r\n  return { screenshot: sessionContext.screenshot, autoSelectType };\r\n}\r\n\r\nasync function uploadScreenshot(ticketId: string, screenshot: string, selectedTenantForTicket: UserTenantDto | null) {\r\n  try {\r\n    const response = await fetch(screenshot);\r\n    const blob = await response.blob();\r\n    const file = new File([blob], 'screenshot.png', { type: 'image/png' });\r\n\r\n    if (selectedTenantForTicket) {\r\n      const formData = new FormData();\r\n      formData.append('file', file);\r\n      const tenantHeaders = { 'X-Tenant-Slug': selectedTenantForTicket.slug };\r\n      await api.post(`/api/support/my-tickets/${ticketId}/attachments`, formData, {\r\n        headers: { 'Content-Type': 'multipart/form-data', ...tenantHeaders },\r\n      });\r\n    } else {\r\n      await myTicketsApi.uploadAttachment(ticketId, file);\r\n    }\r\n  } catch (attachmentError) {\r\n    // Silent fail for attachment upload\r\n  }\r\n}\r\n\r\nasync function uploadAttachments(ticketId: string, attachments: AttachmentFile[], selectedTenantForTicket: UserTenantDto | null) {\r\n  for (const attachment of attachments) {\r\n    try {\r\n      if (selectedTenantForTicket) {\r\n        const formData = new FormData();\r\n        formData.append('file', attachment.file);\r\n        const tenantHeaders = { 'X-Tenant-Slug': selectedTenantForTicket.slug };\r\n        await api.post(`/api/support/my-tickets/${ticketId}/attachments`, formData, {\r\n          headers: { 'Content-Type': 'multipart/form-data', ...tenantHeaders },\r\n        });\r\n      } else {\r\n        await myTicketsApi.uploadAttachment(ticketId, attachment.file);\r\n      }\r\n    } catch (attachmentError) {\r\n      // Silent fail for attachment upload\r\n    }\r\n  }\r\n}\r\n\r\nexport function UserCreateTicketPage(): ReactElement {\r\n  const navigate = useNavigate();\r\n  const [searchParams] = useSearchParams();\r\n  const { t } = useTranslation(['support', 'common']);\r\n  const { isGlpi, glpiBaseUrl } = useTicketingProvider();\r\n  const { currentTenant, userTenants, isGlobalView } = useTenant();\r\n  const screenshotInputRef = useRef<HTMLInputElement>(null);\r\n  const attachmentInputRef = useRef<HTMLInputElement>(null);\r\n\r\n  // When in global view (no tenant selected), allow user to pick a tenant for the ticket\r\n  const [selectedTenantForTicket, setSelectedTenantForTicket] = useState<UserTenantDto | null>(null);\r\n  const [showTenantPicker, setShowTenantPicker] = useState(false);\r\n\r\n  // The effective tenant: either the global current tenant or the locally selected one\r\n  const effectiveTenant = currentTenant ?? selectedTenantForTicket;\r\n\r\n  // Show tenant picker on mount when no tenant is selected\r\n  useEffect(() => {\r\n    if (!currentTenant && isGlobalView && userTenants.length > 0) {\r\n      setShowTenantPicker(true);\r\n    }\r\n  }, [currentTenant, isGlobalView, userTenants.length]);\r\n\r\n  const draftId = searchParams.get('draft');\r\n\r\n  const [step, setStep] = useState(1);\r\n  const [selectedType, setSelectedType] = useState<TicketType | null>(null);\r\n  const [title, setTitle] = useState('');\r\n  const [description, setDescription] = useState('');\r\n  const [priority, setPriority] = useState<TicketPriority>('Medium');\r\n  const [submitting, setSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // Browser info state\r\n  const [browserInfo, setBrowserInfo] = useState<BrowserInfo | null>(null);\r\n  const [includeBrowserInfo, setIncludeBrowserInfo] = useState(true);\r\n\r\n  // Screenshot state\r\n  const [screenshot, setScreenshot] = useState<string | null>(null);\r\n  const [annotatedScreenshot, setAnnotatedScreenshot] = useState<string | null>(null);\r\n  const [isDraggingScreenshot, setIsDraggingScreenshot] = useState(false);\r\n\r\n  // Attachments state\r\n  const [attachments, setAttachments] = useState<AttachmentFile[]>([]);\r\n  const [isDraggingAttachment, setIsDraggingAttachment] = useState(false);\r\n\r\n  // Draft auto-save state\r\n  const [currentDraftId, setCurrentDraftId] = useState<string | null>(draftId);\r\n  const [showDraftSaved, setShowDraftSaved] = useState(false);\r\n  const [showDiscardConfirm, setShowDiscardConfirm] = useState(false);\r\n  const autoSaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const isInitialLoadCompleteRef = useRef(false);\r\n  const hasUnsavedChangesRef = useRef(false);\r\n\r\n  // Save draft function\r\n  const saveDraftNow = useCallback(() => {\r\n    if (!currentDraftId) return false;\r\n\r\n    const result = ticketDraftService.updateDraft(currentDraftId, {\r\n      type: selectedType,\r\n      title,\r\n      description,\r\n      priority,\r\n      includeScreenshot: !!annotatedScreenshot,\r\n      includeErrorLogs: false,\r\n      screenshot: annotatedScreenshot ?? undefined,\r\n      tenantId: effectiveTenant?.id,\r\n      tenantSlug: effectiveTenant?.slug,\r\n      tenantName: effectiveTenant?.name,\r\n    });\r\n\r\n    if (result.success) {\r\n      hasUnsavedChangesRef.current = false;\r\n      setShowDraftSaved(true);\r\n      setTimeout(() => setShowDraftSaved(false), 2000);\r\n    }\r\n    return result.success;\r\n  }, [currentDraftId, selectedType, title, description, priority, annotatedScreenshot, effectiveTenant]);\r\n\r\n  // Auto-create draft when user starts filling the form (no existing draft)\r\n  const ensureDraft = useCallback(() => {\r\n    if (currentDraftId) return currentDraftId;\r\n    const newDraft = ticketDraftService.createDraft();\r\n    setCurrentDraftId(newDraft.id);\r\n    return newDraft.id;\r\n  }, [currentDraftId]);\r\n\r\n  // Debounced auto-save when form data changes\r\n  useEffect(() => {\r\n    if (!isInitialLoadCompleteRef.current) return;\r\n    // Only auto-save if there's meaningful data\r\n    if (!selectedType && !title && !description) return;\r\n\r\n    hasUnsavedChangesRef.current = true;\r\n\r\n    // Ensure a draft exists before saving\r\n    if (!currentDraftId) {\r\n      ensureDraft();\r\n      return; // Will re-trigger on next render with currentDraftId set\r\n    }\r\n\r\n    if (autoSaveTimerRef.current) {\r\n      clearTimeout(autoSaveTimerRef.current);\r\n    }\r\n\r\n    autoSaveTimerRef.current = setTimeout(() => {\r\n      saveDraftNow();\r\n    }, 1000);\r\n\r\n    return () => {\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n      }\r\n    };\r\n  }, [selectedType, title, description, priority, annotatedScreenshot, currentDraftId, saveDraftNow, ensureDraft]);\r\n\r\n  // Save on unmount + beforeunload\r\n  useEffect(() => {\r\n    const handleBeforeUnload = () => {\r\n      if (hasUnsavedChangesRef.current && currentDraftId) {\r\n        saveDraftNow();\r\n      }\r\n    };\r\n\r\n    window.addEventListener('beforeunload', handleBeforeUnload);\r\n    return () => {\r\n      window.removeEventListener('beforeunload', handleBeforeUnload);\r\n      if (hasUnsavedChangesRef.current && currentDraftId) {\r\n        saveDraftNow();\r\n      }\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n      }\r\n    };\r\n  }, [currentDraftId, saveDraftNow]);\r\n\r\n  // Discard draft handler\r\n  const handleDiscardDraft = useCallback(() => {\r\n    if (currentDraftId) {\r\n      ticketDraftService.deleteDraft(currentDraftId);\r\n    }\r\n    if (autoSaveTimerRef.current) {\r\n      clearTimeout(autoSaveTimerRef.current);\r\n      autoSaveTimerRef.current = null;\r\n    }\r\n    navigate(-1);\r\n  }, [currentDraftId, navigate]);\r\n\r\n  // Load draft, session context, URL pre-fill params, and browser info on mount\r\n  useEffect(() => {\r\n    // Load draft if resuming\r\n    const { draft, selectedTenant } = restoreDraft(draftId, userTenants);\r\n    if (draft) {\r\n      if (draft.type) {\r\n        setSelectedType(draft.type);\r\n        setStep(2);\r\n      }\r\n      if (draft.title) setTitle(draft.title);\r\n      if (draft.description) setDescription(draft.description);\r\n      if (draft.priority) setPriority(draft.priority);\r\n      if (draft.screenshot) {\r\n        setScreenshot(draft.screenshot);\r\n        setAnnotatedScreenshot(draft.screenshot);\r\n      }\r\n      if (selectedTenant) {\r\n        setSelectedTenantForTicket(selectedTenant);\r\n      }\r\n    }\r\n\r\n    // Pre-fill from URL params (e.g. from AccessDenied page) — draft takes priority\r\n    if (!draft) {\r\n      const validTypes: TicketType[] = ['Bug', 'FeatureRequest', 'Suggestion', 'ApplicationRequest', 'Support', 'Question'];\r\n      const prefillType = searchParams.get('type') as TicketType | null;\r\n      const prefillSubject = searchParams.get('subject');\r\n      const prefillBody = searchParams.get('body');\r\n\r\n      if (prefillType && validTypes.includes(prefillType)) {\r\n        setSelectedType(prefillType);\r\n        setStep(2);\r\n      }\r\n      if (prefillSubject) setTitle(decodeURIComponent(prefillSubject));\r\n      if (prefillBody) setDescription(decodeURIComponent(prefillBody));\r\n    }\r\n\r\n    // Load captured screenshot from session context (from CreateTicketButton)\r\n    const sessionContext = errorContextService.loadContext();\r\n    const { screenshot: sessionScreenshot, autoSelectType } = restoreSessionContext(sessionContext);\r\n    if (sessionScreenshot && !annotatedScreenshot) {\r\n      setScreenshot(sessionScreenshot);\r\n      setAnnotatedScreenshot(sessionScreenshot);\r\n\r\n      if (autoSelectType && !selectedType) {\r\n        setSelectedType(autoSelectType);\r\n        setPriority('High');\r\n      }\r\n    }\r\n    errorContextService.clearContext();\r\n\r\n    const info = browserInfoService.captureBrowserInfo();\r\n    setBrowserInfo(info);\r\n\r\n    // Mark initial load complete (prevents auto-save during hydration)\r\n    setTimeout(() => { isInitialLoadCompleteRef.current = true; }, 100);\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [draftId]);\r\n\r\n  // Process image file for screenshot\r\n  const processImageFile = useCallback((file: File) => {\r\n    if (!file.type.startsWith('image/')) {\r\n      setError(t('tickets.create.invalidImageType', 'Please select a valid image file'));\r\n      return;\r\n    }\r\n\r\n    if (file.size > MAX_FILE_SIZE) {\r\n      setError(t('tickets.create.imageTooLarge', 'Image must be less than 10MB'));\r\n      return;\r\n    }\r\n\r\n    const reader = new FileReader();\r\n    reader.onload = (e) => {\r\n      const dataUrl = e.target?.result as string;\r\n      setScreenshot(dataUrl);\r\n      setAnnotatedScreenshot(dataUrl);\r\n      setError(null);\r\n    };\r\n    reader.onerror = () => {\r\n      setError(t('tickets.create.imageReadError', 'Failed to read image file'));\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }, [t]);\r\n\r\n  const handleScreenshotUpload = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file) {\r\n      processImageFile(file);\r\n    }\r\n  }, [processImageFile]);\r\n\r\n  // Drag & Drop handlers for screenshot\r\n  const handleScreenshotDragOver = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(true);\r\n  }, []);\r\n\r\n  const handleScreenshotDragLeave = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(false);\r\n  }, []);\r\n\r\n  const handleScreenshotDrop = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingScreenshot(false);\r\n\r\n    const files = e.dataTransfer.files;\r\n    if (files.length > 0) {\r\n      const file = files[0];\r\n      if (file.type.startsWith('image/')) {\r\n        processImageFile(file);\r\n      } else {\r\n        setError(t('tickets.create.invalidImageType', 'Please select a valid image file'));\r\n      }\r\n    }\r\n  }, [processImageFile, t]);\r\n\r\n  const handleRemoveScreenshot = useCallback(() => {\r\n    setScreenshot(null);\r\n    setAnnotatedScreenshot(null);\r\n    if (screenshotInputRef.current) {\r\n      screenshotInputRef.current.value = '';\r\n    }\r\n  }, []);\r\n\r\n  const handleAnnotatedScreenshot = useCallback((dataUrl: string) => {\r\n    setAnnotatedScreenshot(dataUrl);\r\n  }, []);\r\n\r\n  // Attachment handlers\r\n  const isAllowedFileType = useCallback((file: File): boolean => {\r\n    // Allow all images\r\n    if (file.type.startsWith('image/')) {\r\n      return true;\r\n    }\r\n    const extension = '.' + file.name.split('.').pop()?.toLowerCase();\r\n    return ALLOWED_EXTENSIONS.includes(extension);\r\n  }, []);\r\n\r\n  const processAttachmentFiles = useCallback((files: FileList) => {\r\n    const newAttachments: AttachmentFile[] = [];\r\n\r\n    for (let i = 0; i < files.length; i++) {\r\n      const file = files[i];\r\n\r\n      // Skip if already at max attachments\r\n      if (attachments.length + newAttachments.length >= MAX_ATTACHMENTS) {\r\n        setError(t('tickets.create.maxAttachments', `Maximum ${MAX_ATTACHMENTS} attachments allowed`));\r\n        break;\r\n      }\r\n\r\n      // Check file size\r\n      if (file.size > MAX_FILE_SIZE) {\r\n        setError(t('tickets.create.fileTooLarge', `File \"${file.name}\" is too large (max 10MB)`));\r\n        continue;\r\n      }\r\n\r\n      // Check file type\r\n      if (!isAllowedFileType(file)) {\r\n        setError(t('tickets.create.invalidFileType', `File type not allowed: ${file.name}`));\r\n        continue;\r\n      }\r\n\r\n      // Check for duplicates\r\n      const isDuplicate = attachments.some(a => a.name === file.name && a.size === file.size);\r\n      if (isDuplicate) {\r\n        continue;\r\n      }\r\n\r\n      newAttachments.push({\r\n        id: generateUUID(),\r\n        file,\r\n        name: file.name,\r\n        size: file.size,\r\n        type: file.type,\r\n      });\r\n    }\r\n\r\n    if (newAttachments.length > 0) {\r\n      setAttachments(prev => [...prev, ...newAttachments]);\r\n      setError(null);\r\n    }\r\n  }, [attachments, isAllowedFileType, t]);\r\n\r\n  const handleAttachmentUpload = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const files = event.target.files;\r\n    if (files) {\r\n      processAttachmentFiles(files);\r\n    }\r\n    // Reset input\r\n    if (attachmentInputRef.current) {\r\n      attachmentInputRef.current.value = '';\r\n    }\r\n  }, [processAttachmentFiles]);\r\n\r\n  // Drag & Drop handlers for attachments\r\n  const handleAttachmentDragOver = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(true);\r\n  }, []);\r\n\r\n  const handleAttachmentDragLeave = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(false);\r\n  }, []);\r\n\r\n  const handleAttachmentDrop = useCallback((e: React.DragEvent) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    setIsDraggingAttachment(false);\r\n\r\n    const files = e.dataTransfer.files;\r\n    if (files.length > 0) {\r\n      processAttachmentFiles(files);\r\n    }\r\n  }, [processAttachmentFiles]);\r\n\r\n  const handleRemoveAttachment = useCallback((id: string) => {\r\n    setAttachments(prev => prev.filter(a => a.id !== id));\r\n  }, []);\r\n\r\n  const handleSubmit = async () => {\r\n    if (!selectedType || !title.trim() || !description.trim()) return;\r\n\r\n    if (!effectiveTenant) {\r\n      setShowTenantPicker(true);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      setSubmitting(true);\r\n      setError(null);\r\n\r\n      // Build description with browser info if enabled\r\n      let fullDescription = description.trim();\r\n\r\n      if (includeBrowserInfo && browserInfo) {\r\n        fullDescription += '\\n\\n---\\n**System Information:**\\n' + browserInfoService.formatForDescription(browserInfo);\r\n      }\r\n\r\n      // Build structured client context for backend storage\r\n      const currentBrowserInfo = browserInfo || browserInfoService.captureBrowserInfo();\r\n      const recentErrors = logService.getRecentErrors().slice(0, 5);\r\n      const clientContext: ClientContextDto = {\r\n        sourceUrl: window.location.href,\r\n        browser: {\r\n          name: currentBrowserInfo.browser,\r\n          version: currentBrowserInfo.browserVersion,\r\n          language: currentBrowserInfo.language,\r\n        },\r\n        os: {\r\n          name: currentBrowserInfo.os,\r\n          version: currentBrowserInfo.osVersion,\r\n        },\r\n        device: {\r\n          type: currentBrowserInfo.deviceType,\r\n          screenResolution: currentBrowserInfo.screenResolution,\r\n        },\r\n        recentErrors: recentErrors.map((e) => ({\r\n          message: e.message,\r\n          stack: e.stack,\r\n          component: e.component,\r\n          timestamp: e.timestamp.toISOString(),\r\n        })),\r\n      };\r\n\r\n      // If using locally selected tenant (global view), override X-Tenant-Slug header\r\n      const tenantHeaders = selectedTenantForTicket\r\n        ? { 'X-Tenant-Slug': selectedTenantForTicket.slug }\r\n        : {};\r\n\r\n      const ticket = selectedTenantForTicket\r\n        ? await api.post<MyTicketDetailDto>('/api/support/my-tickets', {\r\n            title: title.trim(),\r\n            description: fullDescription,\r\n            type: selectedType,\r\n            priority,\r\n            clientContext,\r\n          }, { headers: tenantHeaders })\r\n        : await myTicketsApi.create({\r\n            title: title.trim(),\r\n            description: fullDescription,\r\n            type: selectedType,\r\n            priority,\r\n            clientContext,\r\n          });\r\n\r\n      // Upload screenshot as attachment if present\r\n      if (annotatedScreenshot) {\r\n        await uploadScreenshot(ticket.id, annotatedScreenshot, selectedTenantForTicket);\r\n      }\r\n\r\n      // Upload other attachments\r\n      await uploadAttachments(ticket.id, attachments, selectedTenantForTicket);\r\n\r\n      // Clean up draft on successful submit\r\n      if (currentDraftId) {\r\n        ticketDraftService.deleteDraft(currentDraftId);\r\n      }\r\n      if (autoSaveTimerRef.current) {\r\n        clearTimeout(autoSaveTimerRef.current);\r\n        autoSaveTimerRef.current = null;\r\n      }\r\n      hasUnsavedChangesRef.current = false;\r\n\r\n      navigate(`/support/my-tickets/${ticket.id}?tab=submitted`);\r\n    } catch (err: unknown) {\r\n      const serverMessage = err && typeof err === 'object' && 'message' in err\r\n        ? (err as { message: string }).message\r\n        : null;\r\n      setError(serverMessage || t('tickets.create.submitError', 'Failed to create ticket. Please try again.'));\r\n    } finally {\r\n      setSubmitting(false);\r\n    }\r\n  };\r\n\r\n  const renderTypeSelection = () => (\r\n    <div className=\"space-y-4\">\r\n      <h2 className=\"text-lg font-semibold mb-4\">{t('tickets.create.selectType', 'What type of request do you have?')}</h2>\r\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n        {ticketTypes.map((type) => (\r\n          <button\r\n            key={type.value}\r\n            onClick={() => {\r\n              setSelectedType(type.value);\r\n              setStep(2);\r\n            }}\r\n            className={`card p-4 text-left hover:shadow-md transition-shadow ${\r\n              selectedType === type.value ? 'ring-2 ring-[var(--color-primary-600)]' : ''\r\n            }`}\r\n          >\r\n            <div className=\"flex items-start gap-4\">\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <type.icon className=\"w-6 h-6\" />\r\n              </div>\r\n              <div>\r\n                <h3 className=\"font-medium\">{t(type.labelKey, type.label)}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(type.descriptionKey, type.description)}</p>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n  const renderForm = () => (\r\n    <div className=\"space-y-6\">\r\n      <div className=\"flex items-center gap-4 mb-6\">\r\n        <button onClick={() => setStep(1)} className=\"btn btn-ghost p-2\">\r\n          <ArrowLeft className=\"w-5 h-5\" />\r\n        </button>\r\n        <div>\r\n          <h2 className=\"text-lg font-semibold\">\r\n            {t(ticketTypes.find((tt) => tt.value === selectedType)?.labelKey || '', { defaultValue: ticketTypes.find((tt) => tt.value === selectedType)?.label })}\r\n          </h2>\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            {t('tickets.create.fillDetails', 'Fill in the details below')}\r\n          </p>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          {t('tickets.form.title', 'Title')} <span className=\"text-[var(--error-text)]\">*</span>\r\n        </label>\r\n        <input\r\n          type=\"text\"\r\n          value={title}\r\n          onChange={(e) => setTitle(e.target.value)}\r\n          placeholder={t('tickets.create.titlePlaceholder', 'Brief summary of your request')}\r\n          className=\"input w-full\"\r\n          maxLength={200}\r\n        />\r\n        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n          {title.length}/200 {t('common:text.characters', 'characters')}\r\n        </p>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          {t('tickets.create.description', 'Description')} <span className=\"text-[var(--error-text)]\">*</span>\r\n        </label>\r\n        <textarea\r\n          value={description}\r\n          onChange={(e) => setDescription(e.target.value)}\r\n          placeholder={\r\n            selectedType === 'Bug'\r\n              ? t('tickets.create.bugPlaceholder', 'Please describe the issue in detail. Include steps to reproduce, expected behavior, and actual behavior.')\r\n              : selectedType === 'FeatureRequest'\r\n              ? t('tickets.create.featurePlaceholder', 'Describe the feature you would like to see and why it would be useful.')\r\n              : selectedType === 'ApplicationRequest'\r\n              ? t('tickets.create.applicationPlaceholder', 'Which application do you need access to and why?')\r\n              : t('tickets.create.defaultPlaceholder', 'Please provide as much detail as possible.')\r\n          }\r\n          className=\"input w-full h-40\"\r\n          maxLength={5000}\r\n        />\r\n        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n          {description.length}/5000 {t('common:text.characters', 'characters')}\r\n        </p>\r\n      </div>\r\n\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">{t('tickets.create.priority', 'Priority')}</label>\r\n        <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2\">\r\n          {priorityOptions.map((option) => (\r\n            <button\r\n              key={option.value}\r\n              type=\"button\"\r\n              onClick={() => setPriority(option.value)}\r\n              className={`p-3 rounded-lg border text-center transition-colors ${\r\n                priority === option.value\r\n                  ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                  : 'border-[var(--border-color)] hover:bg-[var(--bg-hover)]'\r\n              }`}\r\n            >\r\n              <div className=\"font-medium\">{t(option.labelKey, option.label)}</div>\r\n              <div className=\"text-xs text-[var(--text-secondary)]\">{t(option.descriptionKey, option.description)}</div>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Screenshot Upload Section */}\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          <ImageIcon className=\"w-4 h-4 inline mr-2\" />\r\n          {t('tickets.create.screenshot', 'Screenshot')}\r\n          <span className=\"text-[var(--text-secondary)] font-normal ml-2\">({t('common:text.optional', 'optional')})</span>\r\n        </label>\r\n\r\n        {!screenshot ? (\r\n          <div\r\n            className={`border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition-colors ${\r\n              isDraggingScreenshot\r\n                ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                : 'border-[var(--border-color)] hover:border-[var(--color-primary-600)] hover:bg-[var(--bg-hover)]'\r\n            }`}\r\n            onClick={() => screenshotInputRef.current?.click()}\r\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); screenshotInputRef.current?.click(); } }}\r\n            role=\"button\"\r\n            tabIndex={0}\r\n            onDragOver={handleScreenshotDragOver}\r\n            onDragLeave={handleScreenshotDragLeave}\r\n            onDrop={handleScreenshotDrop}\r\n          >\r\n            <Upload className=\"w-8 h-8 mx-auto mb-2 text-[var(--text-secondary)]\" />\r\n            <p className=\"text-sm text-[var(--text-secondary)]\">\r\n              {isDraggingScreenshot\r\n                ? t('tickets.create.dropScreenshotNow', 'Drop image here')\r\n                : t('tickets.create.uploadScreenshot', 'Click or drag & drop to upload a screenshot')}\r\n            </p>\r\n            <p className=\"text-xs text-[var(--text-muted)] mt-1\">\r\n              {t('tickets.create.uploadScreenshotHint', 'PNG, JPG, or GIF up to 10MB')}\r\n            </p>\r\n            <input\r\n              ref={screenshotInputRef}\r\n              type=\"file\"\r\n              accept=\"image/*\"\r\n              onChange={handleScreenshotUpload}\r\n              className=\"hidden\"\r\n            />\r\n          </div>\r\n        ) : (\r\n          <div className=\"space-y-3\">\r\n            <div className=\"flex items-center justify-between\">\r\n              <span className=\"text-sm text-[var(--text-secondary)]\">\r\n                {t('tickets.create.screenshotUploaded', 'Screenshot uploaded - you can annotate it below')}\r\n              </span>\r\n              <button\r\n                type=\"button\"\r\n                onClick={handleRemoveScreenshot}\r\n                className=\"btn btn-ghost p-2 text-[var(--error-text)]\"\r\n                title={t('tickets.create.removeScreenshot', 'Remove screenshot')}\r\n              >\r\n                <X className=\"w-4 h-4\" />\r\n              </button>\r\n            </div>\r\n            <ScreenshotAnnotator\r\n              screenshot={screenshot}\r\n              onAnnotatedScreenshot={handleAnnotatedScreenshot}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Attachments Section */}\r\n      <div>\r\n        <label className=\"block text-sm font-medium mb-2\">\r\n          <Paperclip className=\"w-4 h-4 inline mr-2\" />\r\n          {t('tickets.create.attachments', 'Attachments')}\r\n          <span className=\"text-[var(--text-secondary)] font-normal ml-2\">({t('common:text.optional', 'optional')})</span>\r\n        </label>\r\n\r\n        <div\r\n          className={`border-2 border-dashed rounded-lg p-4 text-center cursor-pointer transition-colors ${\r\n            isDraggingAttachment\r\n              ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n              : 'border-[var(--border-color)] hover:border-[var(--color-primary-600)] hover:bg-[var(--bg-hover)]'\r\n          }`}\r\n          onClick={() => attachmentInputRef.current?.click()}\r\n          onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); attachmentInputRef.current?.click(); } }}\r\n          role=\"button\"\r\n          tabIndex={0}\r\n          onDragOver={handleAttachmentDragOver}\r\n          onDragLeave={handleAttachmentDragLeave}\r\n          onDrop={handleAttachmentDrop}\r\n        >\r\n          <Upload className=\"w-6 h-6 mx-auto mb-1 text-[var(--text-secondary)]\" />\r\n          <p className=\"text-sm text-[var(--text-secondary)]\">\r\n            {isDraggingAttachment\r\n              ? t('tickets.create.dropFilesNow', 'Drop files here')\r\n              : t('tickets.create.uploadAttachments', 'Click or drag & drop to add documents')}\r\n          </p>\r\n          <p className=\"text-xs text-[var(--text-muted)] mt-1\">\r\n            {t('tickets.create.attachmentsHint', 'PDF, Word, Excel, TXT, CSV, ZIP (max 10MB each, up to 5 files)')}\r\n          </p>\r\n          <input\r\n            ref={attachmentInputRef}\r\n            type=\"file\"\r\n            multiple\r\n            accept=\".pdf,.doc,.docx,.xls,.xlsx,.txt,.csv,.zip,.rar,.7z,image/*\"\r\n            onChange={handleAttachmentUpload}\r\n            className=\"hidden\"\r\n          />\r\n        </div>\r\n\r\n        {/* Attachments List */}\r\n        {attachments.length > 0 && (\r\n          <div className=\"mt-3 space-y-2\">\r\n            {attachments.map((attachment) => {\r\n              const AttachmentIcon = getFileIcon(attachment.type);\r\n              return (\r\n                <div\r\n                  key={attachment.id}\r\n                  className=\"flex items-center justify-between p-2 rounded-lg bg-[var(--bg-secondary)]\"\r\n                >\r\n                  <div className=\"flex items-center gap-2 min-w-0\">\r\n                    <AttachmentIcon className=\"w-4 h-4 text-[var(--text-secondary)] flex-shrink-0\" />\r\n                    <span className=\"text-sm truncate\">{attachment.name}</span>\r\n                    <span className=\"text-xs text-[var(--text-muted)] flex-shrink-0\">\r\n                      ({formatFileSize(attachment.size)})\r\n                    </span>\r\n                  </div>\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={() => handleRemoveAttachment(attachment.id)}\r\n                    className=\"btn btn-ghost p-1 text-[var(--error-text)]\"\r\n                    title={t('tickets.create.removeAttachment', 'Remove attachment')}\r\n                  >\r\n                    <X className=\"w-4 h-4\" />\r\n                  </button>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Browser Info Section */}\r\n      {browserInfo && (\r\n        <div className=\"border border-[var(--border-color)] rounded-lg p-4\">\r\n          <div className=\"flex items-center justify-between mb-3\">\r\n            <div className=\"flex items-center gap-2\">\r\n              <Monitor className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n              <span className=\"text-sm font-medium\">{t('tickets.create.systemInfo', 'System Information')}</span>\r\n            </div>\r\n            <label className=\"flex items-center gap-2 cursor-pointer\">\r\n              <input\r\n                type=\"checkbox\"\r\n                checked={includeBrowserInfo}\r\n                onChange={(e) => setIncludeBrowserInfo(e.target.checked)}\r\n                className=\"rounded border-[var(--border-color)]\"\r\n              />\r\n              <span className=\"text-xs text-[var(--text-secondary)]\">\r\n                {t('tickets.create.includeSystemInfo', 'Include in ticket')}\r\n              </span>\r\n            </label>\r\n          </div>\r\n          <div className={`grid grid-cols-2 md:grid-cols-3 gap-3 text-sm ${!includeBrowserInfo ? 'opacity-50' : ''}`}>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.browser', 'Browser')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.browser} {browserInfo.browserVersion}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.os', 'OS')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.os} {browserInfo.osVersion}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.device', 'Device')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.deviceType}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.screen', 'Screen')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.screenResolution}</span>\r\n            </div>\r\n            <div>\r\n              <span className=\"text-[var(--text-secondary)]\">{t('tickets.create.language', 'Language')}:</span>\r\n              <span className=\"ml-2 font-medium\">{browserInfo.language}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div className=\"p-4 rounded-lg bg-[var(--error-bg)] text-[var(--error-text)] flex items-center gap-2\">\r\n          <AlertTriangle className=\"w-5 h-5\" />\r\n          {error}\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"flex items-center justify-between pt-4 border-t border-[var(--border-color)]\">\r\n        <button onClick={() => setStep(1)} className=\"btn btn-secondary\">\r\n          {t('common:buttons.back', 'Back')}\r\n        </button>\r\n        <button\r\n          onClick={handleSubmit}\r\n          disabled={!title.trim() || !description.trim() || submitting}\r\n          className=\"btn btn-primary\"\r\n        >\r\n          {submitting ? (\r\n            <Loader2 className=\"w-4 h-4 animate-spin mr-2\" />\r\n          ) : (\r\n            <Send className=\"w-4 h-4 mr-2\" />\r\n          )}\r\n          {t('tickets.create.submit', 'Submit Ticket')}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className=\"max-w-3xl mx-auto\">\r\n      <div className=\"flex items-center gap-4 mb-6\">\r\n        <button onClick={() => navigate(-1)} className=\"btn btn-ghost p-2\">\r\n          <ArrowLeft className=\"w-5 h-5\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <h1 className=\"text-2xl font-bold flex items-center gap-2\">\r\n            <Headset className=\"w-6 h-6\" />\r\n            {t('tickets.create.title', 'Create New Ticket')}\r\n          </h1>\r\n          <p className=\"text-[var(--text-secondary)]\">\r\n            {t('tickets.create.subtitle', 'Submit a support request or report an issue')}\r\n          </p>\r\n        </div>\r\n        <div className=\"flex items-center gap-2\">\r\n          {/* Draft auto-save indicator */}\r\n          <div className={`flex items-center gap-1 text-xs text-[var(--success-text)] transition-opacity duration-300 ${\r\n            showDraftSaved ? 'opacity-100' : 'opacity-0'\r\n          }`}>\r\n            <Check className=\"w-3.5 h-3.5\" />\r\n            <span>{t('common:drafts.autoSaved', 'Draft saved')}</span>\r\n          </div>\r\n          {/* Discard draft button */}\r\n          {currentDraftId && (\r\n            <button\r\n              onClick={() => setShowDiscardConfirm(true)}\r\n              className=\"btn btn-ghost p-2 text-[var(--text-secondary)] hover:text-[var(--error-text)]\"\r\n              title={t('common:drafts.discard', 'Discard draft')}\r\n            >\r\n              <Trash2 className=\"w-4 h-4\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {isGlpi ? (\r\n        <div className=\"mb-6 p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)]\">\r\n          <div className=\"flex items-center gap-3 mb-3\">\r\n            <Info className=\"w-5 h-5 text-[var(--info-text)] flex-shrink-0\" />\r\n            <p className=\"font-medium text-[var(--info-text)]\">\r\n              {t('glpi.cannotCreateTicket', 'Tickets are managed by GLPI. Please create tickets directly in GLPI.')}\r\n            </p>\r\n          </div>\r\n          {glpiBaseUrl && (\r\n            <a\r\n              href={glpiBaseUrl}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              className=\"btn btn-primary inline-flex items-center gap-2\"\r\n            >\r\n              <ExternalLink className=\"w-4 h-4\" />\r\n              {t('glpi.openGlpi')}\r\n            </a>\r\n          )}\r\n        </div>\r\n      ) : (\r\n      <>\r\n      <div className=\"flex items-center gap-4 mb-8\">\r\n        <div className={`flex items-center gap-2 ${step >= 1 ? 'text-[var(--color-primary-600)]' : 'text-[var(--text-secondary)]'}`}>\r\n          <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n            step >= 1 ? 'bg-[var(--color-primary-600)] text-white' : 'bg-[var(--bg-secondary)]'\r\n          }`}>\r\n            1\r\n          </div>\r\n          <span className=\"font-medium\">{t('tickets.create.stepSelectType', 'Select Type')}</span>\r\n        </div>\r\n        <div className={`flex-1 h-0.5 ${step >= 2 ? 'bg-[var(--color-primary-600)]' : 'bg-[var(--border-color)]'}`} />\r\n        <div className={`flex items-center gap-2 ${step >= 2 ? 'text-[var(--color-primary-600)]' : 'text-[var(--text-secondary)]'}`}>\r\n          <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n            step >= 2 ? 'bg-[var(--color-primary-600)] text-white' : 'bg-[var(--bg-secondary)]'\r\n          }`}>\r\n            2\r\n          </div>\r\n          <span className=\"font-medium\">{t('tickets.create.stepDetails', 'Details')}</span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tenant context indicator (shown when using locally selected tenant in global view) */}\r\n      {selectedTenantForTicket && !currentTenant && (\r\n        <div className=\"mb-4 p-3 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)] flex items-center justify-between\">\r\n          <div className=\"flex items-center gap-2 text-sm text-[var(--info-text)]\">\r\n            <Building2 className=\"w-4 h-4\" />\r\n            <span>{t('support:tickets.tenantPicker.creatingFor', 'Creating ticket for:')}</span>\r\n            <span className=\"font-semibold\">{selectedTenantForTicket.name}</span>\r\n          </div>\r\n          <button\r\n            onClick={() => setShowTenantPicker(true)}\r\n            className=\"text-xs text-[var(--info-text)] underline hover:no-underline\"\r\n          >\r\n            {t('common:actions.change', 'Change')}\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"card p-6\">\r\n        {step === 1 && renderTypeSelection()}\r\n        {step === 2 && renderForm()}\r\n      </div>\r\n      </>\r\n      )}\r\n\r\n      {/* Discard confirmation modal */}\r\n      {showDiscardConfirm && (\r\n        <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4\">\r\n          <div className=\"card w-full max-w-md p-6\">\r\n            <div className=\"flex items-center gap-3 mb-4\">\r\n              <div className=\"w-10 h-10 rounded-full bg-[var(--error-bg)] flex items-center justify-center\">\r\n                <Trash2 className=\"w-5 h-5 text-[var(--error-text)]\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-bold\">{t('common:drafts.discardConfirmTitle', 'Discard draft?')}</h2>\r\n            </div>\r\n            <p className=\"text-[var(--text-secondary)] mb-6\">{t('common:drafts.discardConfirmMessage', 'This draft will be permanently deleted. This action cannot be undone.')}</p>\r\n            <div className=\"flex justify-end gap-3\">\r\n              <button onClick={() => setShowDiscardConfirm(false)} className=\"btn btn-secondary\">\r\n                {t('common:actions.cancel', 'Cancel')}\r\n              </button>\r\n              <button onClick={handleDiscardDraft} className=\"btn bg-[var(--error-text)] text-white hover:opacity-90\">\r\n                {t('common:drafts.discard', 'Discard')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      {/* Tenant picker modal (shown in global view when no tenant selected) */}\r\n      {showTenantPicker && (\r\n        <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4\">\r\n          <div className=\"card w-full max-w-md p-6\">\r\n            <div className=\"flex items-center gap-3 mb-4\">\r\n              <div className=\"w-10 h-10 rounded-full bg-[var(--info-bg)] flex items-center justify-center\">\r\n                <Building2 className=\"w-5 h-5 text-[var(--info-text)]\" />\r\n              </div>\r\n              <div>\r\n                <h2 className=\"text-xl font-bold\">{t('support:tickets.tenantPicker.title', 'Select Workspace')}</h2>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t('support:tickets.tenantPicker.description', 'Choose a workspace to create the ticket in')}</p>\r\n              </div>\r\n            </div>\r\n            <div className=\"space-y-2 max-h-64 overflow-y-auto\">\r\n              {userTenants\r\n                .filter(tenant => tenant.status === 'Active')\r\n                .map(tenant => (\r\n                <button\r\n                  key={tenant.id}\r\n                  onClick={() => {\r\n                    setSelectedTenantForTicket(tenant);\r\n                    setShowTenantPicker(false);\r\n                    // Immediately persist tenant to draft\r\n                    const id = currentDraftId || ensureDraft();\r\n                    if (id) {\r\n                      ticketDraftService.updateDraft(id, {\r\n                        tenantId: tenant.id,\r\n                        tenantSlug: tenant.slug,\r\n                        tenantName: tenant.name,\r\n                      });\r\n                    }\r\n                  }}\r\n                  className={`w-full p-3 rounded-lg border text-left transition-colors hover:bg-[var(--bg-hover)] ${\r\n                    selectedTenantForTicket?.id === tenant.id\r\n                      ? 'border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/10'\r\n                      : 'border-[var(--border-color)]'\r\n                  }`}\r\n                >\r\n                  <div className=\"flex items-center gap-3\">\r\n                    <Building2 className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n                    <div className=\"flex-1 min-w-0\">\r\n                      <div className=\"font-medium truncate\">{tenant.name}</div>\r\n                      {tenant.organisationName && (\r\n                        <div className=\"text-xs text-[var(--text-secondary)] truncate\">{tenant.organisationName}</div>\r\n                      )}\r\n                    </div>\r\n                    <span className={`text-xs px-2 py-0.5 rounded-full ${\r\n                      tenant.type === 'Personal'\r\n                        ? 'bg-[var(--info-bg)] text-[var(--info-text)]'\r\n                        : 'bg-[var(--success-bg)] text-[var(--success-text)]'\r\n                    }`}>\r\n                      {tenant.type === 'Personal' ? t('common:tenant.personal', 'Personal') : t('common:tenant.business', 'Business')}\r\n                    </span>\r\n                  </div>\r\n                </button>\r\n              ))}\r\n            </div>\r\n            <div className=\"flex justify-end gap-3 mt-4 pt-4 border-t border-[var(--border-color)]\">\r\n              <button\r\n                onClick={() => {\r\n                  setShowTenantPicker(false);\r\n                  if (!effectiveTenant) navigate(-1);\r\n                }}\r\n                className=\"btn btn-secondary\"\r\n              >\r\n                {t('common:actions.cancel', 'Cancel')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ticketTypes","Bug","Lightbulb","AppWindow","MessageSquare","HelpCircle","priorityOptions","MAX_FILE_SIZE","MAX_ATTACHMENTS","ALLOWED_EXTENSIONS","formatFileSize","bytes","getFileIcon","type","FileText","ImageIcon","FileIcon","restoreDraft","draftId","userTenants","draft","ticketDraftService","selectedTenant","matchingTenant","t","restoreSessionContext","sessionContext","autoSelectType","uploadScreenshot","ticketId","screenshot","selectedTenantForTicket","blob","file","formData","tenantHeaders","api","myTicketsApi","uploadAttachments","attachments","attachment","UserCreateTicketPage","navigate","useNavigate","searchParams","useSearchParams","useTranslation","isGlpi","glpiBaseUrl","useTicketingProvider","currentTenant","isGlobalView","useTenant","screenshotInputRef","useRef","attachmentInputRef","setSelectedTenantForTicket","useState","showTenantPicker","setShowTenantPicker","effectiveTenant","useEffect","step","setStep","selectedType","setSelectedType","title","setTitle","description","setDescription","priority","setPriority","submitting","setSubmitting","error","setError","browserInfo","setBrowserInfo","includeBrowserInfo","setIncludeBrowserInfo","setScreenshot","annotatedScreenshot","setAnnotatedScreenshot","isDraggingScreenshot","setIsDraggingScreenshot","setAttachments","isDraggingAttachment","setIsDraggingAttachment","currentDraftId","setCurrentDraftId","showDraftSaved","setShowDraftSaved","showDiscardConfirm","setShowDiscardConfirm","autoSaveTimerRef","isInitialLoadCompleteRef","hasUnsavedChangesRef","saveDraftNow","useCallback","result","ensureDraft","newDraft","handleBeforeUnload","handleDiscardDraft","validTypes","prefillType","prefillSubject","prefillBody","errorContextService","sessionScreenshot","info","browserInfoService","processImageFile","reader","e","dataUrl","handleScreenshotUpload","event","handleScreenshotDragOver","handleScreenshotDragLeave","handleScreenshotDrop","files","handleRemoveScreenshot","handleAnnotatedScreenshot","isAllowedFileType","extension","processAttachmentFiles","newAttachments","i","a","generateUUID","prev","handleAttachmentUpload","handleAttachmentDragOver","handleAttachmentDragLeave","handleAttachmentDrop","handleRemoveAttachment","id","handleSubmit","fullDescription","currentBrowserInfo","recentErrors","logService","clientContext","ticket","err","serverMessage","renderTypeSelection","jsxs","jsx","renderForm","ArrowLeft","tt","option","X","ScreenshotAnnotator","Upload","Paperclip","AttachmentIcon","Monitor","AlertTriangle","Loader2","Send","Headset","Check","Trash2","Info","ExternalLink","Fragment","Building2","tenant"],"mappings":";;;;;;;AAqBA,MAAMA,KAA8I;AAAA,EAClJ;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,MAAMC;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,MAAMC;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,MAAMC;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,MAAMC;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,MAAMC;AAAA,EAAA;AAEV,GAEMC,KAA6H;AAAA,EACjI,EAAE,OAAO,OAAO,OAAO,OAAO,UAAU,wBAAwB,aAAa,wBAAwB,gBAAgB,kCAAA;AAAA,EACrH,EAAE,OAAO,UAAU,OAAO,UAAU,UAAU,2BAA2B,aAAa,mBAAmB,gBAAgB,qCAAA;AAAA,EACzH,EAAE,OAAO,QAAQ,OAAO,QAAQ,UAAU,yBAAyB,aAAa,mCAAmC,gBAAgB,mCAAA;AAAA,EACnI,EAAE,OAAO,YAAY,OAAO,YAAY,UAAU,6BAA6B,aAAa,yBAAyB,gBAAgB,uCAAA;AACvI,GAUMC,KAAgB,KAAK,OAAO,MAC5BC,KAAkB,GAClBC,KAAqB,CAAC,QAAQ,QAAQ,SAAS,QAAQ,SAAS,QAAQ,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,QAAQ,SAAS,QAAQ,SAAS,MAAM;AAE7J,SAASC,GAAeC,GAAuB;AAC7C,SAAIA,IAAQ,OAAa,GAAGA,CAAK,OAC7BA,IAAQ,OAAO,OAAa,IAAIA,IAAQ,MAAM,QAAQ,CAAC,CAAC,QACrD,IAAIA,KAAS,OAAO,OAAO,QAAQ,CAAC,CAAC;AAC9C;AAEA,SAASC,GAAYC,GAAc;AACjC,SAAIA,EAAK,SAAS,KAAK,IAAUC,KAC7BD,EAAK,WAAW,QAAQ,IAAUE,KAC/BC;AACT;AAEA,SAASC,GAAaC,GAAwBC,GAA8B;AAC1E,MAAI,CAACD,EAAS,QAAO,EAAE,OAAO,MAAM,gBAAgB,KAAA;AAEpD,QAAME,IAAQC,EAAmB,SAASH,CAAO;AACjD,MAAI,CAACE,EAAO,QAAO,EAAE,OAAO,MAAM,gBAAgB,KAAA;AAElD,MAAIE,IAAuC;AAC3C,MAAIF,EAAM,YAAYA,EAAM,YAAY;AACtC,UAAMG,IAAiBJ,EAAY,KAAK,OAAKK,EAAE,OAAOJ,EAAM,QAAQ;AACpE,IAAIG,MACFD,IAAiBC;AAAA,EAErB;AAEA,SAAO,EAAE,OAAAH,GAAO,gBAAAE,EAAA;AAClB;AAEA,SAASG,GAAsBC,GAAoE;AACjG,MAAI,CAACA,GAAgB,WAAY,QAAO,EAAE,YAAY,MAAM,gBAAgB,KAAA;AAE5E,MAAIC,IAAoC;AACxC,SAAID,EAAe,aAAa,SAAS,MACvCC,IAAiB,QAGZ,EAAE,YAAYD,EAAe,YAAY,gBAAAC,EAAA;AAClD;AAEA,eAAeC,GAAiBC,GAAkBC,GAAoBC,GAA+C;AACnH,MAAI;AAEF,UAAMC,IAAO,OADI,MAAM,MAAMF,CAAU,GACX,KAAA,GACtBG,IAAO,IAAI,KAAK,CAACD,CAAI,GAAG,kBAAkB,EAAE,MAAM,aAAa;AAErE,QAAID,GAAyB;AAC3B,YAAMG,IAAW,IAAI,SAAA;AACrB,MAAAA,EAAS,OAAO,QAAQD,CAAI;AAC5B,YAAME,IAAgB,EAAE,iBAAiBJ,EAAwB,KAAA;AACjE,YAAMK,GAAI,KAAK,2BAA2BP,CAAQ,gBAAgBK,GAAU;AAAA,QAC1E,SAAS,EAAE,gBAAgB,uBAAuB,GAAGC,EAAA;AAAA,MAAc,CACpE;AAAA,IACH;AACE,YAAME,GAAa,iBAAiBR,GAAUI,CAAI;AAAA,EAEtD,QAA0B;AAAA,EAE1B;AACF;AAEA,eAAeK,GAAkBT,GAAkBU,GAA+BR,GAA+C;AAC/H,aAAWS,KAAcD;AACvB,QAAI;AACF,UAAIR,GAAyB;AAC3B,cAAMG,IAAW,IAAI,SAAA;AACrB,QAAAA,EAAS,OAAO,QAAQM,EAAW,IAAI;AACvC,cAAML,IAAgB,EAAE,iBAAiBJ,EAAwB,KAAA;AACjE,cAAMK,GAAI,KAAK,2BAA2BP,CAAQ,gBAAgBK,GAAU;AAAA,UAC1E,SAAS,EAAE,gBAAgB,uBAAuB,GAAGC,EAAA;AAAA,QAAc,CACpE;AAAA,MACH;AACE,cAAME,GAAa,iBAAiBR,GAAUW,EAAW,IAAI;AAAA,IAEjE,QAA0B;AAAA,IAE1B;AAEJ;AAEO,SAASC,KAAqC;AACnD,QAAMC,IAAWC,GAAA,GACX,CAACC,CAAY,IAAIC,GAAA,GACjB,EAAE,GAAArB,EAAA,IAAMsB,GAAe,CAAC,WAAW,QAAQ,CAAC,GAC5C,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBC,GAAA,GAC1B,EAAE,eAAAC,GAAe,aAAA/B,GAAa,cAAAgC,EAAA,IAAiBC,GAAA,GAC/CC,IAAqBC,EAAyB,IAAI,GAClDC,IAAqBD,EAAyB,IAAI,GAGlD,CAACvB,GAAyByB,EAA0B,IAAIC,EAA+B,IAAI,GAC3F,CAACC,IAAkBC,CAAmB,IAAIF,EAAS,EAAK,GAGxDG,IAAkBV,KAAiBnB;AAGzC,EAAA8B,EAAU,MAAM;AACd,IAAI,CAACX,KAAiBC,KAAgBhC,EAAY,SAAS,KACzDwC,EAAoB,EAAI;AAAA,EAE5B,GAAG,CAACT,GAAeC,GAAchC,EAAY,MAAM,CAAC;AAEpD,QAAMD,IAAU0B,EAAa,IAAI,OAAO,GAElC,CAACkB,GAAMC,CAAO,IAAIN,EAAS,CAAC,GAC5B,CAACO,GAAcC,CAAe,IAAIR,EAA4B,IAAI,GAClE,CAACS,GAAOC,CAAQ,IAAIV,EAAS,EAAE,GAC/B,CAACW,GAAaC,CAAc,IAAIZ,EAAS,EAAE,GAC3C,CAACa,GAAUC,CAAW,IAAId,EAAyB,QAAQ,GAC3D,CAACe,IAAYC,EAAa,IAAIhB,EAAS,EAAK,GAC5C,CAACiB,IAAOC,CAAQ,IAAIlB,EAAwB,IAAI,GAGhD,CAACmB,GAAaC,EAAc,IAAIpB,EAA6B,IAAI,GACjE,CAACqB,GAAoBC,EAAqB,IAAItB,EAAS,EAAI,GAG3D,CAAC3B,IAAYkD,CAAa,IAAIvB,EAAwB,IAAI,GAC1D,CAACwB,GAAqBC,CAAsB,IAAIzB,EAAwB,IAAI,GAC5E,CAAC0B,IAAsBC,CAAuB,IAAI3B,EAAS,EAAK,GAGhE,CAAClB,GAAa8C,EAAc,IAAI5B,EAA2B,CAAA,CAAE,GAC7D,CAAC6B,IAAsBC,CAAuB,IAAI9B,EAAS,EAAK,GAGhE,CAAC+B,GAAgBC,EAAiB,IAAIhC,EAAwBvC,CAAO,GACrE,CAACwE,IAAgBC,EAAiB,IAAIlC,EAAS,EAAK,GACpD,CAACmC,IAAoBC,EAAqB,IAAIpC,EAAS,EAAK,GAC5DqC,IAAmBxC,EAA6C,IAAI,GACpEyC,KAA2BzC,EAAO,EAAK,GACvC0C,IAAuB1C,EAAO,EAAK,GAGnC2C,IAAeC,EAAY,MAAM;AACrC,QAAI,CAACV,EAAgB,QAAO;AAE5B,UAAMW,IAAS9E,EAAmB,YAAYmE,GAAgB;AAAA,MAC5D,MAAMxB;AAAA,MACN,OAAAE;AAAA,MACA,aAAAE;AAAA,MACA,UAAAE;AAAA,MACA,mBAAmB,CAAC,CAACW;AAAA,MACrB,kBAAkB;AAAA,MAClB,YAAYA,KAAuB;AAAA,MACnC,UAAUrB,GAAiB;AAAA,MAC3B,YAAYA,GAAiB;AAAA,MAC7B,YAAYA,GAAiB;AAAA,IAAA,CAC9B;AAED,WAAIuC,EAAO,YACTH,EAAqB,UAAU,IAC/BL,GAAkB,EAAI,GACtB,WAAW,MAAMA,GAAkB,EAAK,GAAG,GAAI,IAE1CQ,EAAO;AAAA,EAChB,GAAG,CAACX,GAAgBxB,GAAcE,GAAOE,GAAaE,GAAUW,GAAqBrB,CAAe,CAAC,GAG/FwC,IAAcF,EAAY,MAAM;AACpC,QAAIV,EAAgB,QAAOA;AAC3B,UAAMa,IAAWhF,EAAmB,YAAA;AACpC,WAAAoE,GAAkBY,EAAS,EAAE,GACtBA,EAAS;AAAA,EAClB,GAAG,CAACb,CAAc,CAAC;AAGnB,EAAA3B,EAAU,MAAM;AACd,QAAKkC,GAAyB,WAE1B,GAAC/B,KAAgB,CAACE,KAAS,CAACE,IAKhC;AAAA,UAHA4B,EAAqB,UAAU,IAG3B,CAACR,GAAgB;AACnB,QAAAY,EAAA;AACA;AAAA,MACF;AAEA,aAAIN,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCA,EAAiB,UAAU,WAAW,MAAM;AAC1C,QAAAG,EAAA;AAAA,MACF,GAAG,GAAI,GAEA,MAAM;AACX,QAAIH,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,MAEzC;AAAA;AAAA,EACF,GAAG,CAAC9B,GAAcE,GAAOE,GAAaE,GAAUW,GAAqBO,GAAgBS,GAAcG,CAAW,CAAC,GAG/GvC,EAAU,MAAM;AACd,UAAMyC,IAAqB,MAAM;AAC/B,MAAIN,EAAqB,WAAWR,KAClCS,EAAA;AAAA,IAEJ;AAEA,kBAAO,iBAAiB,gBAAgBK,CAAkB,GACnD,MAAM;AACX,aAAO,oBAAoB,gBAAgBA,CAAkB,GACzDN,EAAqB,WAAWR,KAClCS,EAAA,GAEEH,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,IAEzC;AAAA,EACF,GAAG,CAACN,GAAgBS,CAAY,CAAC;AAGjC,QAAMM,KAAqBL,EAAY,MAAM;AAC3C,IAAIV,KACFnE,EAAmB,YAAYmE,CAAc,GAE3CM,EAAiB,YACnB,aAAaA,EAAiB,OAAO,GACrCA,EAAiB,UAAU,OAE7BpD,EAAS,EAAE;AAAA,EACb,GAAG,CAAC8C,GAAgB9C,CAAQ,CAAC;AAG7B,EAAAmB,EAAU,MAAM;AAEd,UAAM,EAAE,OAAAzC,GAAO,gBAAAE,EAAA,IAAmBL,GAAaC,GAASC,CAAW;AAmBnE,QAlBIC,MACEA,EAAM,SACR6C,EAAgB7C,EAAM,IAAI,GAC1B2C,EAAQ,CAAC,IAEP3C,EAAM,SAAO+C,EAAS/C,EAAM,KAAK,GACjCA,EAAM,eAAaiD,EAAejD,EAAM,WAAW,GACnDA,EAAM,YAAUmD,EAAYnD,EAAM,QAAQ,GAC1CA,EAAM,eACR4D,EAAc5D,EAAM,UAAU,GAC9B8D,EAAuB9D,EAAM,UAAU,IAErCE,KACFkC,GAA2BlC,CAAc,IAKzC,CAACF,GAAO;AACV,YAAMoF,IAA2B,CAAC,OAAO,kBAAkB,cAAc,sBAAsB,WAAW,UAAU,GAC9GC,KAAc7D,EAAa,IAAI,MAAM,GACrC8D,KAAiB9D,EAAa,IAAI,SAAS,GAC3C+D,KAAc/D,EAAa,IAAI,MAAM;AAE3C,MAAI6D,MAAeD,EAAW,SAASC,EAAW,MAChDxC,EAAgBwC,EAAW,GAC3B1C,EAAQ,CAAC,IAEP2C,MAAgBvC,EAAS,mBAAmBuC,EAAc,CAAC,GAC3DC,MAAatC,EAAe,mBAAmBsC,EAAW,CAAC;AAAA,IACjE;AAGA,UAAMjF,IAAiBkF,GAAoB,YAAA,GACrC,EAAE,YAAYC,GAAmB,gBAAAlF,EAAA,IAAmBF,GAAsBC,CAAc;AAC9F,IAAImF,KAAqB,CAAC5B,MACxBD,EAAc6B,CAAiB,GAC/B3B,EAAuB2B,CAAiB,GAEpClF,KAAkB,CAACqC,MACrBC,EAAgBtC,CAAc,GAC9B4C,EAAY,MAAM,KAGtBqC,GAAoB,aAAA;AAEpB,UAAME,IAAOC,GAAmB,mBAAA;AAChC,IAAAlC,GAAeiC,CAAI,GAGnB,WAAW,MAAM;AAAE,MAAAf,GAAyB,UAAU;AAAA,IAAM,GAAG,GAAG;AAAA,EAEpE,GAAG,CAAC7E,CAAO,CAAC;AAGZ,QAAM8F,IAAmBd,EAAY,CAACjE,MAAe;AACnD,QAAI,CAACA,EAAK,KAAK,WAAW,QAAQ,GAAG;AACnC,MAAA0C,EAASnD,EAAE,mCAAmC,kCAAkC,CAAC;AACjF;AAAA,IACF;AAEA,QAAIS,EAAK,OAAO1B,IAAe;AAC7B,MAAAoE,EAASnD,EAAE,gCAAgC,8BAA8B,CAAC;AAC1E;AAAA,IACF;AAEA,UAAMyF,IAAS,IAAI,WAAA;AACnB,IAAAA,EAAO,SAAS,CAACC,MAAM;AACrB,YAAMC,IAAUD,EAAE,QAAQ;AAC1B,MAAAlC,EAAcmC,CAAO,GACrBjC,EAAuBiC,CAAO,GAC9BxC,EAAS,IAAI;AAAA,IACf,GACAsC,EAAO,UAAU,MAAM;AACrB,MAAAtC,EAASnD,EAAE,iCAAiC,2BAA2B,CAAC;AAAA,IAC1E,GACAyF,EAAO,cAAchF,CAAI;AAAA,EAC3B,GAAG,CAACT,CAAC,CAAC,GAEA4F,KAAyBlB,EAAY,CAACmB,MAA+C;AACzF,UAAMpF,IAAOoF,EAAM,OAAO,QAAQ,CAAC;AACnC,IAAIpF,KACF+E,EAAiB/E,CAAI;AAAA,EAEzB,GAAG,CAAC+E,CAAgB,CAAC,GAGfM,KAA2BpB,EAAY,CAAC,MAAuB;AACnE,MAAE,eAAA,GACF,EAAE,gBAAA,GACFd,EAAwB,EAAI;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECmC,KAA4BrB,EAAY,CAAC,MAAuB;AACpE,MAAE,eAAA,GACF,EAAE,gBAAA,GACFd,EAAwB,EAAK;AAAA,EAC/B,GAAG,CAAA,CAAE,GAECoC,KAAuBtB,EAAY,CAAC,MAAuB;AAC/D,MAAE,eAAA,GACF,EAAE,gBAAA,GACFd,EAAwB,EAAK;AAE7B,UAAMqC,IAAQ,EAAE,aAAa;AAC7B,QAAIA,EAAM,SAAS,GAAG;AACpB,YAAMxF,IAAOwF,EAAM,CAAC;AACpB,MAAIxF,EAAK,KAAK,WAAW,QAAQ,IAC/B+E,EAAiB/E,CAAI,IAErB0C,EAASnD,EAAE,mCAAmC,kCAAkC,CAAC;AAAA,IAErF;AAAA,EACF,GAAG,CAACwF,GAAkBxF,CAAC,CAAC,GAElBkG,KAAyBxB,EAAY,MAAM;AAC/C,IAAAlB,EAAc,IAAI,GAClBE,EAAuB,IAAI,GACvB7B,EAAmB,YACrBA,EAAmB,QAAQ,QAAQ;AAAA,EAEvC,GAAG,CAAA,CAAE,GAECsE,KAA4BzB,EAAY,CAACiB,MAAoB;AACjE,IAAAjC,EAAuBiC,CAAO;AAAA,EAChC,GAAG,CAAA,CAAE,GAGCS,KAAoB1B,EAAY,CAACjE,MAAwB;AAE7D,QAAIA,EAAK,KAAK,WAAW,QAAQ;AAC/B,aAAO;AAET,UAAM4F,IAAY,MAAM5F,EAAK,KAAK,MAAM,GAAG,EAAE,IAAA,GAAO,YAAA;AACpD,WAAOxB,GAAmB,SAASoH,CAAS;AAAA,EAC9C,GAAG,CAAA,CAAE,GAECC,IAAyB5B,EAAY,CAACuB,MAAoB;AAC9D,UAAMM,IAAmC,CAAA;AAEzC,aAASC,IAAI,GAAGA,IAAIP,EAAM,QAAQO,KAAK;AACrC,YAAM/F,IAAOwF,EAAMO,CAAC;AAGpB,UAAIzF,EAAY,SAASwF,EAAe,UAAUvH,IAAiB;AACjE,QAAAmE,EAASnD,EAAE,iCAAiC,WAAWhB,EAAe,sBAAsB,CAAC;AAC7F;AAAA,MACF;AAGA,UAAIyB,EAAK,OAAO1B,IAAe;AAC7B,QAAAoE,EAASnD,EAAE,+BAA+B,SAASS,EAAK,IAAI,2BAA2B,CAAC;AACxF;AAAA,MACF;AAGA,UAAI,CAAC2F,GAAkB3F,CAAI,GAAG;AAC5B,QAAA0C,EAASnD,EAAE,kCAAkC,0BAA0BS,EAAK,IAAI,EAAE,CAAC;AACnF;AAAA,MACF;AAIA,MADoBM,EAAY,KAAK,CAAA0F,MAAKA,EAAE,SAAShG,EAAK,QAAQgG,EAAE,SAAShG,EAAK,IAAI,KAKtF8F,EAAe,KAAK;AAAA,QAClB,IAAIG,GAAA;AAAA,QACJ,MAAAjG;AAAA,QACA,MAAMA,EAAK;AAAA,QACX,MAAMA,EAAK;AAAA,QACX,MAAMA,EAAK;AAAA,MAAA,CACZ;AAAA,IACH;AAEA,IAAI8F,EAAe,SAAS,MAC1B1C,GAAe,OAAQ,CAAC,GAAG8C,GAAM,GAAGJ,CAAc,CAAC,GACnDpD,EAAS,IAAI;AAAA,EAEjB,GAAG,CAACpC,GAAaqF,IAAmBpG,CAAC,CAAC,GAEhC4G,KAAyBlC,EAAY,CAACmB,MAA+C;AACzF,UAAMI,IAAQJ,EAAM,OAAO;AAC3B,IAAII,KACFK,EAAuBL,CAAK,GAG1BlE,EAAmB,YACrBA,EAAmB,QAAQ,QAAQ;AAAA,EAEvC,GAAG,CAACuE,CAAsB,CAAC,GAGrBO,KAA2BnC,EAAY,CAAC,MAAuB;AACnE,MAAE,eAAA,GACF,EAAE,gBAAA,GACFX,EAAwB,EAAI;AAAA,EAC9B,GAAG,CAAA,CAAE,GAEC+C,KAA4BpC,EAAY,CAAC,MAAuB;AACpE,MAAE,eAAA,GACF,EAAE,gBAAA,GACFX,EAAwB,EAAK;AAAA,EAC/B,GAAG,CAAA,CAAE,GAECgD,KAAuBrC,EAAY,CAAC,MAAuB;AAC/D,MAAE,eAAA,GACF,EAAE,gBAAA,GACFX,EAAwB,EAAK;AAE7B,UAAMkC,IAAQ,EAAE,aAAa;AAC7B,IAAIA,EAAM,SAAS,KACjBK,EAAuBL,CAAK;AAAA,EAEhC,GAAG,CAACK,CAAsB,CAAC,GAErBU,KAAyBtC,EAAY,CAACuC,MAAe;AACzD,IAAApD,GAAe,OAAQ8C,EAAK,OAAO,OAAKF,EAAE,OAAOQ,CAAE,CAAC;AAAA,EACtD,GAAG,CAAA,CAAE,GAECC,KAAe,YAAY;AAC/B,QAAI,GAAC1E,KAAgB,CAACE,EAAM,UAAU,CAACE,EAAY,SAEnD;AAAA,UAAI,CAACR,GAAiB;AACpB,QAAAD,EAAoB,EAAI;AACxB;AAAA,MACF;AAEA,UAAI;AACF,QAAAc,GAAc,EAAI,GAClBE,EAAS,IAAI;AAGb,YAAIgE,IAAkBvE,EAAY,KAAA;AAElC,QAAIU,KAAsBF,MACxB+D,KAAmB;AAAA;AAAA;AAAA;AAAA,IAAuC5B,GAAmB,qBAAqBnC,CAAW;AAI/G,cAAMgE,IAAqBhE,KAAemC,GAAmB,mBAAA,GACvD8B,IAAeC,GAAW,gBAAA,EAAkB,MAAM,GAAG,CAAC,GACtDC,IAAkC;AAAA,UACtC,WAAW,OAAO,SAAS;AAAA,UAC3B,SAAS;AAAA,YACP,MAAMH,EAAmB;AAAA,YACzB,SAASA,EAAmB;AAAA,YAC5B,UAAUA,EAAmB;AAAA,UAAA;AAAA,UAE/B,IAAI;AAAA,YACF,MAAMA,EAAmB;AAAA,YACzB,SAASA,EAAmB;AAAA,UAAA;AAAA,UAE9B,QAAQ;AAAA,YACN,MAAMA,EAAmB;AAAA,YACzB,kBAAkBA,EAAmB;AAAA,UAAA;AAAA,UAEvC,cAAcC,EAAa,IAAI,CAAC3B,OAAO;AAAA,YACrC,SAASA,EAAE;AAAA,YACX,OAAOA,EAAE;AAAA,YACT,WAAWA,EAAE;AAAA,YACb,WAAWA,EAAE,UAAU,YAAA;AAAA,UAAY,EACnC;AAAA,QAAA,GAIE/E,IAAgBJ,IAClB,EAAE,iBAAiBA,EAAwB,KAAA,IAC3C,CAAA,GAEEiH,IAASjH,IACX,MAAMK,GAAI,KAAwB,2BAA2B;AAAA,UAC3D,OAAO8B,EAAM,KAAA;AAAA,UACb,aAAayE;AAAA,UACb,MAAM3E;AAAA,UACN,UAAAM;AAAA,UACA,eAAAyE;AAAA,QAAA,GACC,EAAE,SAAS5G,EAAA,CAAe,IAC7B,MAAME,GAAa,OAAO;AAAA,UACxB,OAAO6B,EAAM,KAAA;AAAA,UACb,aAAayE;AAAA,UACb,MAAM3E;AAAA,UACN,UAAAM;AAAA,UACA,eAAAyE;AAAA,QAAA,CACD;AAGL,QAAI9D,KACF,MAAMrD,GAAiBoH,EAAO,IAAI/D,GAAqBlD,CAAuB,GAIhF,MAAMO,GAAkB0G,EAAO,IAAIzG,GAAaR,CAAuB,GAGnEyD,KACFnE,EAAmB,YAAYmE,CAAc,GAE3CM,EAAiB,YACnB,aAAaA,EAAiB,OAAO,GACrCA,EAAiB,UAAU,OAE7BE,EAAqB,UAAU,IAE/BtD,EAAS,uBAAuBsG,EAAO,EAAE,gBAAgB;AAAA,MAC3D,SAASC,GAAc;AACrB,cAAMC,IAAgBD,KAAO,OAAOA,KAAQ,YAAY,aAAaA,IAChEA,EAA4B,UAC7B;AACJ,QAAAtE,EAASuE,KAAiB1H,EAAE,8BAA8B,4CAA4C,CAAC;AAAA,MACzG,UAAA;AACE,QAAAiD,GAAc,EAAK;AAAA,MACrB;AAAA;AAAA,EACF,GAEM0E,KAAsB,MAC1B,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAG,WAAU,8BAA8B,UAAA7H,EAAE,6BAA6B,mCAAmC,GAAE;AAAA,sBAC/G,OAAA,EAAI,WAAU,yCACZ,UAAAxB,GAAY,IAAI,CAACa,MAChB,gBAAAwI;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAM;AACb,UAAApF,EAAgBpD,EAAK,KAAK,GAC1BkD,EAAQ,CAAC;AAAA,QACX;AAAA,QACA,WAAW,wDACTC,MAAiBnD,EAAK,QAAQ,2CAA2C,EAC3E;AAAA,QAEA,UAAA,gBAAAuI,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA,gBAAAA,EAACxI,EAAK,MAAL,EAAU,WAAU,UAAA,CAAU,EAAA,CACjC;AAAA,4BACC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAwI,EAAC,MAAA,EAAG,WAAU,eAAe,UAAA7H,EAAEX,EAAK,UAAUA,EAAK,KAAK,EAAA,CAAE;AAAA,YAC1D,gBAAAwI,EAAC,OAAE,WAAU,wCAAwC,YAAExI,EAAK,gBAAgBA,EAAK,WAAW,EAAA,CAAE;AAAA,UAAA,EAAA,CAChG;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAjBKA,EAAK;AAAA,IAAA,CAmBb,EAAA,CACH;AAAA,EAAA,GACF,GAGIyI,KAAa,MACjB,gBAAAF,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAMtF,EAAQ,CAAC,GAAG,WAAU,qBAC3C,UAAA,gBAAAsF,EAACE,IAAA,EAAU,WAAU,UAAA,CAAU,GACjC;AAAA,wBACC,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAF,EAAC,MAAA,EAAG,WAAU,yBACX,UAAA7H,EAAExB,GAAY,KAAK,CAACwJ,MAAOA,EAAG,UAAUxF,CAAY,GAAG,YAAY,IAAI,EAAE,cAAchE,GAAY,KAAK,CAACwJ,MAAOA,EAAG,UAAUxF,CAAY,GAAG,MAAA,CAAO,EAAA,CACtJ;AAAA,0BACC,KAAA,EAAE,WAAU,wCACV,UAAAxC,EAAE,8BAA8B,2BAA2B,EAAA,CAC9D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBAEC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAA4H,EAAC,SAAA,EAAM,WAAU,kCACd,UAAA;AAAA,QAAA5H,EAAE,sBAAsB,OAAO;AAAA,QAAE;AAAA,QAAC,gBAAA6H,EAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,IAAA,CAAC;AAAA,MAAA,GACjF;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOnF;AAAA,UACP,UAAU,CAAC,MAAMC,EAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAa3C,EAAE,mCAAmC,+BAA+B;AAAA,UACjF,WAAU;AAAA,UACV,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAA4H,EAAC,KAAA,EAAE,WAAU,6CACV,UAAA;AAAA,QAAAlF,EAAM;AAAA,QAAO;AAAA,QAAM1C,EAAE,0BAA0B,YAAY;AAAA,MAAA,EAAA,CAC9D;AAAA,IAAA,GACF;AAAA,sBAEC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAA4H,EAAC,SAAA,EAAM,WAAU,kCACd,UAAA;AAAA,QAAA5H,EAAE,8BAA8B,aAAa;AAAA,QAAE;AAAA,QAAC,gBAAA6H,EAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,IAAA,CAAC;AAAA,MAAA,GAC/F;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAOjF;AAAA,UACP,UAAU,CAAC,MAAMC,EAAe,EAAE,OAAO,KAAK;AAAA,UAC9C,aACEL,MAAiB,QACbxC,EAAE,iCAAiC,0GAA0G,IAC7IwC,MAAiB,mBACjBxC,EAAE,qCAAqC,wEAAwE,IAC/GwC,MAAiB,uBACjBxC,EAAE,yCAAyC,kDAAkD,IAC7FA,EAAE,qCAAqC,4CAA4C;AAAA,UAEzF,WAAU;AAAA,UACV,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,gBAAA4H,EAAC,KAAA,EAAE,WAAU,6CACV,UAAA;AAAA,QAAAhF,EAAY;AAAA,QAAO;AAAA,QAAO5C,EAAE,0BAA0B,YAAY;AAAA,MAAA,EAAA,CACrE;AAAA,IAAA,GACF;AAAA,sBAEC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAA6H,EAAC,WAAM,WAAU,kCAAkC,UAAA7H,EAAE,2BAA2B,UAAU,GAAE;AAAA,wBAC3F,OAAA,EAAI,WAAU,yCACZ,UAAAlB,GAAgB,IAAI,CAACmJ,MACpB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM7E,EAAYkF,EAAO,KAAK;AAAA,UACvC,WAAW,uDACTnF,MAAamF,EAAO,QAChB,uEACA,yDACN;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,eAAe,UAAA7H,EAAEiI,EAAO,UAAUA,EAAO,KAAK,EAAA,CAAE;AAAA,YAC/D,gBAAAJ,EAAC,SAAI,WAAU,wCAAwC,YAAEI,EAAO,gBAAgBA,EAAO,WAAW,EAAA,CAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAV/FA,EAAO;AAAA,MAAA,CAYf,EAAA,CACH;AAAA,IAAA,GACF;AAAA,sBAGC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAAC,SAAA,EAAM,WAAU,kCACf,UAAA;AAAA,QAAA,gBAAAC,EAACtI,IAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,QAC1CS,EAAE,6BAA6B,YAAY;AAAA,QAC5C,gBAAA4H,EAAC,QAAA,EAAK,WAAU,iDAAgD,UAAA;AAAA,UAAA;AAAA,UAAE5H,EAAE,wBAAwB,UAAU;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAC3G;AAAA,MAEEM,KAiCA,gBAAAsH,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAK,WAAU,wCACb,UAAA7H,EAAE,qCAAqC,iDAAiD,GAC3F;AAAA,UACA,gBAAA6H;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS3B;AAAA,cACT,WAAU;AAAA,cACV,OAAOlG,EAAE,mCAAmC,mBAAmB;AAAA,cAE/D,UAAA,gBAAA6H,EAACK,IAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,GACF;AAAA,QACA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,YAAA7H;AAAA,YACA,uBAAuB6F;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB,EAAA,CACF,IAlDA,gBAAAyB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,sFACTjE,KACI,uEACA,iGACN;AAAA,UACA,SAAS,MAAM9B,EAAmB,SAAS,MAAA;AAAA,UAC3C,WAAW,CAAC,MAAM;AAAE,aAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAAO,EAAE,eAAA,GAAkBA,EAAmB,SAAS,MAAA;AAAA,UAAW;AAAA,UACzH,MAAK;AAAA,UACL,UAAU;AAAA,UACV,YAAYiE;AAAA,UACZ,aAAaC;AAAA,UACb,QAAQC;AAAA,UAER,UAAA;AAAA,YAAA,gBAAA6B,EAACO,IAAA,EAAO,WAAU,oDAAA,CAAoD;AAAA,YACtE,gBAAAP,EAAC,KAAA,EAAE,WAAU,wCACV,UAAAlE,KACG3D,EAAE,oCAAoC,iBAAiB,IACvDA,EAAE,mCAAmC,6CAA6C,EAAA,CACxF;AAAA,8BACC,KAAA,EAAE,WAAU,yCACV,UAAAA,EAAE,uCAAuC,6BAA6B,GACzE;AAAA,YACA,gBAAA6H;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKhG;AAAA,gBACL,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,UAAU+D;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,IAqBF,GAEJ;AAAA,sBAGC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAgC,EAAC,SAAA,EAAM,WAAU,kCACf,UAAA;AAAA,QAAA,gBAAAC,EAACQ,IAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,QAC1CrI,EAAE,8BAA8B,aAAa;AAAA,QAC9C,gBAAA4H,EAAC,QAAA,EAAK,WAAU,iDAAgD,UAAA;AAAA,UAAA;AAAA,UAAE5H,EAAE,wBAAwB,UAAU;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAC3G;AAAA,MAEA,gBAAA4H;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,sFACT9D,KACI,uEACA,iGACN;AAAA,UACA,SAAS,MAAM/B,EAAmB,SAAS,MAAA;AAAA,UAC3C,WAAW,CAAC,MAAM;AAAE,aAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAAO,EAAE,eAAA,GAAkBA,EAAmB,SAAS,MAAA;AAAA,UAAW;AAAA,UACzH,MAAK;AAAA,UACL,UAAU;AAAA,UACV,YAAY8E;AAAA,UACZ,aAAaC;AAAA,UACb,QAAQC;AAAA,UAER,UAAA;AAAA,YAAA,gBAAAc,EAACO,IAAA,EAAO,WAAU,oDAAA,CAAoD;AAAA,YACtE,gBAAAP,EAAC,KAAA,EAAE,WAAU,wCACV,UAAA/D,KACG9D,EAAE,+BAA+B,iBAAiB,IAClDA,EAAE,oCAAoC,uCAAuC,EAAA,CACnF;AAAA,8BACC,KAAA,EAAE,WAAU,yCACV,UAAAA,EAAE,kCAAkC,gEAAgE,GACvG;AAAA,YACA,gBAAA6H;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK9F;AAAA,gBACL,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,QAAO;AAAA,gBACP,UAAU6E;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAID7F,EAAY,SAAS,KACpB,gBAAA8G,EAAC,OAAA,EAAI,WAAU,kBACZ,UAAA9G,EAAY,IAAI,CAACC,MAAe;AAC/B,cAAMsH,IAAiBlJ,GAAY4B,EAAW,IAAI;AAClD,eACE,gBAAA4G;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,gBAAA,gBAAAC,EAACS,GAAA,EAAe,WAAU,qDAAA,CAAqD;AAAA,gBAC/E,gBAAAT,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAW,MAAK;AAAA,gBACpD,gBAAAD,EAAC,QAAA,EAAK,WAAU,kDAAiD,UAAA;AAAA,kBAAA;AAAA,kBAC7D1I,GAAe8B,EAAW,IAAI;AAAA,kBAAE;AAAA,gBAAA,EAAA,CACpC;AAAA,cAAA,GACF;AAAA,cACA,gBAAA6G;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAMb,GAAuBhG,EAAW,EAAE;AAAA,kBACnD,WAAU;AAAA,kBACV,OAAOhB,EAAE,mCAAmC,mBAAmB;AAAA,kBAE/D,UAAA,gBAAA6H,EAACK,IAAA,EAAE,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACzB;AAAA,UAAA;AAAA,UAjBKlH,EAAW;AAAA,QAAA;AAAA,MAoBtB,CAAC,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAGCoC,KACC,gBAAAwE,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAC,EAACU,IAAA,EAAQ,WAAU,uCAAA,CAAuC;AAAA,4BACzD,QAAA,EAAK,WAAU,uBAAuB,UAAAvI,EAAE,6BAA6B,oBAAoB,EAAA,CAAE;AAAA,QAAA,GAC9F;AAAA,QACA,gBAAA4H,EAAC,SAAA,EAAM,WAAU,0CACf,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASvE;AAAA,cACT,UAAU,CAAC,MAAMC,GAAsB,EAAE,OAAO,OAAO;AAAA,cACvD,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEX,QAAA,EAAK,WAAU,wCACb,UAAAvD,EAAE,oCAAoC,mBAAmB,EAAA,CAC5D;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACA,gBAAA4H,EAAC,SAAI,WAAW,iDAAkDtE,IAAoC,KAAf,YAAiB,IACtG,UAAA;AAAA,QAAA,gBAAAsE,EAAC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA;AAAA,YAAA5H,EAAE,0BAA0B,SAAS;AAAA,YAAE;AAAA,UAAA,GAAC;AAAA,UACxF,gBAAA4H,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA;AAAA,YAAAxE,EAAY;AAAA,YAAQ;AAAA,YAAEA,EAAY;AAAA,UAAA,EAAA,CAAe;AAAA,QAAA,GACvF;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAwE,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA;AAAA,YAAA5H,EAAE,qBAAqB,IAAI;AAAA,YAAE;AAAA,UAAA,GAAC;AAAA,UAC9E,gBAAA4H,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA;AAAA,YAAAxE,EAAY;AAAA,YAAG;AAAA,YAAEA,EAAY;AAAA,UAAA,EAAA,CAAU;AAAA,QAAA,GAC7E;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAwE,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA;AAAA,YAAA5H,EAAE,yBAAyB,QAAQ;AAAA,YAAE;AAAA,UAAA,GAAC;AAAA,UACtF,gBAAA6H,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAY,WAAA,CAAW;AAAA,QAAA,GAC7D;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA;AAAA,YAAA5H,EAAE,yBAAyB,QAAQ;AAAA,YAAE;AAAA,UAAA,GAAC;AAAA,UACtF,gBAAA6H,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAY,iBAAA,CAAiB;AAAA,QAAA,GACnE;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAA;AAAA,YAAA5H,EAAE,2BAA2B,UAAU;AAAA,YAAE;AAAA,UAAA,GAAC;AAAA,UAC1F,gBAAA6H,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAY,SAAA,CAAS;AAAA,QAAA,EAAA,CAC3D;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD3E,MACC,gBAAA0E,EAAC,OAAA,EAAI,WAAU,wFACb,UAAA;AAAA,MAAA,gBAAAC,EAACW,IAAA,EAAc,WAAU,UAAA,CAAU;AAAA,MAClCtF;AAAA,IAAA,GACH;AAAA,IAGF,gBAAA0E,EAAC,OAAA,EAAI,WAAU,gFACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAMtF,EAAQ,CAAC,GAAG,WAAU,qBAC1C,UAAAvC,EAAE,uBAAuB,MAAM,EAAA,CAClC;AAAA,MACA,gBAAA4H;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASV;AAAA,UACT,UAAU,CAACxE,EAAM,KAAA,KAAU,CAACE,EAAY,UAAUI;AAAA,UAClD,WAAU;AAAA,UAET,UAAA;AAAA,YAAAA,KACC,gBAAA6E,EAACY,MAAQ,WAAU,4BAAA,CAA4B,IAE/C,gBAAAZ,EAACa,IAAA,EAAK,WAAU,eAAA,CAAe;AAAA,YAEhC1I,EAAE,yBAAyB,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7C,EAAA,CACF;AAAA,EAAA,GACF;AAGF,SACE,gBAAA4H,EAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAM3G,EAAS,EAAE,GAAG,WAAU,qBAC7C,UAAA,gBAAA2G,EAACE,IAAA,EAAU,WAAU,UAAA,CAAU,GACjC;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,8CACZ,UAAA;AAAA,UAAA,gBAAAC,EAACc,IAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,UAC5B3I,EAAE,wBAAwB,mBAAmB;AAAA,QAAA,GAChD;AAAA,0BACC,KAAA,EAAE,WAAU,gCACV,UAAAA,EAAE,2BAA2B,6CAA6C,EAAA,CAC7E;AAAA,MAAA,GACF;AAAA,MACA,gBAAA4H,EAAC,OAAA,EAAI,WAAU,2BAEb,UAAA;AAAA,QAAA,gBAAAA,EAAC,SAAI,WAAW,8FACd1D,KAAiB,gBAAgB,WACnC,IACE,UAAA;AAAA,UAAA,gBAAA2D,EAACe,IAAA,EAAM,WAAU,cAAA,CAAc;AAAA,UAC/B,gBAAAf,EAAC,QAAA,EAAM,UAAA7H,EAAE,2BAA2B,aAAa,EAAA,CAAE;AAAA,QAAA,GACrD;AAAA,QAECgE,KACC,gBAAA6D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,MAAMxD,GAAsB,EAAI;AAAA,YACzC,WAAU;AAAA,YACV,OAAOrE,EAAE,yBAAyB,eAAe;AAAA,YAEjD,UAAA,gBAAA6H,EAACgB,IAAA,EAAO,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9B,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IAECtH,IACC,gBAAAqG,EAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAC,EAACiB,IAAA,EAAK,WAAU,gDAAA,CAAgD;AAAA,0BAC/D,KAAA,EAAE,WAAU,uCACV,UAAA9I,EAAE,2BAA2B,sEAAsE,EAAA,CACtG;AAAA,MAAA,GACF;AAAA,MACCwB,KACC,gBAAAoG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMpG;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAqG,EAACkB,IAAA,EAAa,WAAU,UAAA,CAAU;AAAA,YACjC/I,EAAE,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,EAAA,CAEJ,IAEF,gBAAA4H,EAAAoB,IAAA,EACA,UAAA;AAAA,MAAA,gBAAApB,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,SAAI,WAAW,2BAA2BtF,KAAQ,IAAI,oCAAoC,8BAA8B,IACvH,UAAA;AAAA,UAAA,gBAAAuF,EAAC,OAAA,EAAI,WAAW,yDACdvF,KAAQ,IAAI,6CAA6C,0BAC3D,IAAI,UAAA,IAAA,CAEJ;AAAA,4BACC,QAAA,EAAK,WAAU,eAAe,UAAAtC,EAAE,iCAAiC,aAAa,EAAA,CAAE;AAAA,QAAA,GACnF;AAAA,QACA,gBAAA6H,EAAC,SAAI,WAAW,gBAAgBvF,KAAQ,IAAI,kCAAkC,0BAA0B,IAAI;AAAA,QAC5G,gBAAAsF,EAAC,SAAI,WAAW,2BAA2BtF,KAAQ,IAAI,oCAAoC,8BAA8B,IACvH,UAAA;AAAA,UAAA,gBAAAuF,EAAC,OAAA,EAAI,WAAW,yDACdvF,KAAQ,IAAI,6CAA6C,0BAC3D,IAAI,UAAA,IAAA,CAEJ;AAAA,4BACC,QAAA,EAAK,WAAU,eAAe,UAAAtC,EAAE,8BAA8B,SAAS,EAAA,CAAE;AAAA,QAAA,EAAA,CAC5E;AAAA,MAAA,GACF;AAAA,MAGCO,KAA2B,CAACmB,KAC3B,gBAAAkG,EAAC,OAAA,EAAI,WAAU,gHACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2DACb,UAAA;AAAA,UAAA,gBAAAC,EAACoB,IAAA,EAAU,WAAU,UAAA,CAAU;AAAA,UAC/B,gBAAApB,EAAC,QAAA,EAAM,UAAA7H,EAAE,4CAA4C,sBAAsB,GAAE;AAAA,UAC7E,gBAAA6H,EAAC,QAAA,EAAK,WAAU,iBAAiB,YAAwB,KAAA,CAAK;AAAA,QAAA,GAChE;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,MAAM1F,EAAoB,EAAI;AAAA,YACvC,WAAU;AAAA,YAET,UAAAnC,EAAE,yBAAyB,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACtC,GACF;AAAA,MAGF,gBAAA4H,EAAC,OAAA,EAAI,WAAU,YACZ,UAAA;AAAA,QAAAtF,MAAS,KAAKqF,GAAA;AAAA,QACdrF,MAAS,KAAKwF,GAAA;AAAA,MAAW,EAAA,CAC5B;AAAA,IAAA,GACA;AAAA,IAIC1D,wBACE,OAAA,EAAI,WAAU,wFACb,UAAA,gBAAAwD,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,gFACb,4BAACgB,IAAA,EAAO,WAAU,oCAAmC,EAAA,CACvD;AAAA,0BACC,MAAA,EAAG,WAAU,qBAAqB,UAAA7I,EAAE,qCAAqC,gBAAgB,EAAA,CAAE;AAAA,MAAA,GAC9F;AAAA,wBACC,KAAA,EAAE,WAAU,qCAAqC,UAAAA,EAAE,uCAAuC,uEAAuE,GAAE;AAAA,MACpK,gBAAA4H,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,UAAA,EAAO,SAAS,MAAMxD,GAAsB,EAAK,GAAG,WAAU,qBAC5D,UAAArE,EAAE,yBAAyB,QAAQ,EAAA,CACtC;AAAA,QACA,gBAAA6H,EAAC,YAAO,SAAS9C,IAAoB,WAAU,0DAC5C,UAAA/E,EAAE,yBAAyB,SAAS,EAAA,CACvC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAIDkC,wBACE,OAAA,EAAI,WAAU,wFACb,UAAA,gBAAA0F,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,+EACb,4BAACoB,IAAA,EAAU,WAAU,mCAAkC,EAAA,CACzD;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,UAAA,gBAAApB,EAAC,QAAG,WAAU,qBAAqB,UAAA7H,EAAE,sCAAsC,kBAAkB,GAAE;AAAA,4BAC9F,KAAA,EAAE,WAAU,wCAAwC,UAAAA,EAAE,4CAA4C,4CAA4C,EAAA,CAAE;AAAA,QAAA,EAAA,CACnJ;AAAA,MAAA,GACF;AAAA,MACA,gBAAA6H,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAAlI,EACE,OAAO,CAAAuJ,MAAUA,EAAO,WAAW,QAAQ,EAC3C,IAAI,CAAAA,MACL,gBAAArB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,MAAM;AACb,YAAA7F,GAA2BkH,CAAM,GACjC/G,EAAoB,EAAK;AAEzB,kBAAM8E,IAAKjD,KAAkBY,EAAA;AAC7B,YAAIqC,KACFpH,EAAmB,YAAYoH,GAAI;AAAA,cACjC,UAAUiC,EAAO;AAAA,cACjB,YAAYA,EAAO;AAAA,cACnB,YAAYA,EAAO;AAAA,YAAA,CACpB;AAAA,UAEL;AAAA,UACA,WAAW,uFACT3I,GAAyB,OAAO2I,EAAO,KACnC,uEACA,8BACN;AAAA,UAEA,UAAA,gBAAAtB,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAC,EAACoB,IAAA,EAAU,WAAU,uCAAA,CAAuC;AAAA,YAC5D,gBAAArB,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAqB,EAAO,MAAK;AAAA,cAClDA,EAAO,oBACN,gBAAArB,EAAC,SAAI,WAAU,iDAAiD,YAAO,iBAAA,CAAiB;AAAA,YAAA,GAE5F;AAAA,YACA,gBAAAA,EAAC,UAAK,WAAW,oCACfqB,EAAO,SAAS,aACZ,gDACA,mDACN,IACG,YAAO,SAAS,aAAalJ,EAAE,0BAA0B,UAAU,IAAIA,EAAE,0BAA0B,UAAU,EAAA,CAChH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,QAnCKkJ,EAAO;AAAA,MAAA,CAqCf,GACH;AAAA,MACA,gBAAArB,EAAC,OAAA,EAAI,WAAU,0EACb,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAA1F,EAAoB,EAAK,GACpBC,KAAiBlB,EAAS,EAAE;AAAA,UACnC;AAAA,UACA,WAAU;AAAA,UAET,UAAAlB,EAAE,yBAAyB,QAAQ;AAAA,QAAA;AAAA,MAAA,EACtC,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/chunks/{UserDashboardPage-ZMsx8LWw.js → UserDashboardPage-C_tm7Pld.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),W=require("react-router-dom"),h=require("react-i18next"),c=require("lucide-react"),v=require("./index-cAikSVW0.js"),i=require("recharts");function G(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const H=G(c);function Y({data:t}){const{t:r}=h.useTranslation("navigation");if(!t||t.length===0)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.sessionAnalytics.noData")});const o=t.map(n=>({date:new Date(n.date).toLocaleDateString("fr-FR",{day:"2-digit",month:"2-digit"}),loginCount:n.loginCount,avgDuration:Math.round(n.avgDuration)}));return e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.LineChart,{data:o,margin:{top:5,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"date",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12}}),e.jsx(i.YAxis,{yAxisId:"left",stroke:"var(--color-accent-500)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.sessionAnalytics.connections"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.YAxis,{yAxisId:"right",orientation:"right",stroke:"#22c55e",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.sessionAnalytics.avgDuration"),angle:90,position:"insideRight",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{contentStyle:{backgroundColor:"var(--bg-card)",border:"1px solid var(--border-color)",borderRadius:"var(--radius-card)",color:"var(--text-primary)"},formatter:(n,a)=>a==="loginCount"?[n,r("dashboard.sessionAnalytics.connections")]:a==="avgDuration"?[`${n} min`,r("dashboard.sessionAnalytics.avgDuration")]:[n,a||""]}),e.jsx(i.Legend,{wrapperStyle:{color:"var(--text-secondary)"},formatter:n=>n==="loginCount"?r("dashboard.sessionAnalytics.connections"):n==="avgDuration"?r("dashboard.sessionAnalytics.avgDurationMin"):n}),e.jsx(i.Line,{yAxisId:"left",type:"monotone",dataKey:"loginCount",stroke:"var(--color-accent-500)",strokeWidth:2,dot:{fill:"var(--color-accent-500)",r:4},activeDot:{r:6}}),e.jsx(i.Line,{yAxisId:"right",type:"monotone",dataKey:"avgDuration",stroke:"#22c55e",strokeWidth:2,dot:{fill:"#22c55e",r:4},activeDot:{r:6}})]})})}function _({errors:t}){const{t:r}=h.useTranslation("navigation");if(!Array.isArray(t)||t.length===0)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-[var(--text-secondary)]",children:[e.jsx(c.AlertTriangle,{className:"w-12 h-12 mb-3 text-green-500"}),e.jsx("p",{className:"font-medium",children:r("dashboard.loginErrors.noErrors")}),e.jsx("p",{className:"text-sm mt-1",children:r("dashboard.loginErrors.accountSecure")})]});const o=n=>{const a=new Date(n);return(new Date().getTime()-a.getTime())/(1e3*60*60)<24};return e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.datetime")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.reason")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.ipAddress")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.location")})]})}),e.jsx("tbody",{children:t.map(n=>{const a=o(n.loginAt);return e.jsxs("tr",{className:`border-b border-[var(--border-color)] hover:bg-[var(--bg-secondary)] ${a?"bg-red-50/50 dark:bg-red-900/10":""}`,children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[a&&e.jsx("span",{className:"w-2 h-2 rounded-full bg-red-500 animate-pulse",title:r("dashboard.loginErrors.recentLabel")}),e.jsx("span",{className:"text-sm",children:new Date(n.loginAt).toLocaleDateString("fr-FR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})})]})}),e.jsx("td",{className:"p-3",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-1 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",style:{borderRadius:"var(--radius-badge)"},children:[e.jsx(c.AlertTriangle,{className:"w-3 h-3"}),n.failureReason]})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"text-sm font-mono text-[var(--text-secondary)]",children:n.ipAddress||"N/A"})}),e.jsx("td",{className:"p-3",children:n.city||n.country?e.jsxs("div",{className:"flex items-center gap-1 text-sm text-[var(--text-secondary)]",children:[n.city&&e.jsxs(e.Fragment,{children:[e.jsx(c.MapPin,{className:"w-3 h-3"}),e.jsx("span",{children:n.city})]}),n.country&&e.jsxs(e.Fragment,{children:[e.jsx(c.Globe,{className:"w-3 h-3"}),e.jsx("span",{children:n.country})]})]}):e.jsx("span",{className:"text-sm text-[var(--text-tertiary)]",children:r("dashboard.loginErrors.notAvailable")})})]},n.loginAt)})})]})})}function X({session:t}){const{t:r}=h.useTranslation("navigation");if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-[var(--text-secondary)]",children:[e.jsx(c.Monitor,{className:"w-12 h-12 mb-3 opacity-50"}),e.jsx("p",{className:"font-medium",children:r("dashboard.currentSession.noActiveSession")}),e.jsx("p",{className:"text-sm mt-1",children:r("dashboard.currentSession.pleaseReconnect")})]});const o=a=>{if(a<1)return"< 1 minute";if(a<60)return`${Math.round(a)} minutes`;const s=Math.floor(a/60),d=Math.round(a%60);return d===0?`${s}h`:`${s}h ${d}min`},n=a=>a?a.includes("Edg/")?r("dashboard.browsers.edge"):a.includes("Chrome/")?r("dashboard.browsers.chrome"):a.includes("Firefox/")?r("dashboard.browsers.firefox"):a.includes("Safari/")&&!a.includes("Chrome")?r("dashboard.browsers.safari"):a.includes("OPR/")||a.includes("Opera/")?r("dashboard.browsers.opera"):r("dashboard.browsers.other"):r("dashboard.browsers.unknown");return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-[var(--accent-bg)] text-[var(--color-accent-500)]",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Clock,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.duration")}),e.jsx("p",{className:"text-lg font-bold text-[var(--text-primary)] mt-1",children:o(t.durationMinutes)}),e.jsxs("p",{className:"text-xs text-[var(--text-secondary)] mt-1",children:[r("dashboard.currentSession.since")," ",new Date(t.loginAt).toLocaleTimeString("fr-FR",{hour:"2-digit",minute:"2-digit"})]})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-blue-500/10 text-blue-500",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Monitor,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.device")}),e.jsx("p",{className:"text-lg font-bold text-[var(--text-primary)] mt-1",children:n(t.userAgent)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-1 font-mono",children:t.ipAddress||r("dashboard.currentSession.ipNotAvailable")})]})]}),(t.city||t.country)&&e.jsxs("div",{className:"md:col-span-2 flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-green-500/10 text-green-500",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Globe,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.location")}),e.jsxs("div",{className:"flex items-center gap-3 mt-1",children:[t.city&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(c.MapPin,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("span",{className:"text-sm font-medium text-[var(--text-primary)]",children:t.city})]}),t.country&&e.jsx("span",{className:"text-sm text-[var(--text-secondary)]",children:t.country})]})]})]})]})}function J({stats:t}){const{t:r}=h.useTranslation("navigation");if(!t)return e.jsx("div",{className:"flex items-center justify-center py-8 text-[var(--text-secondary)]",children:e.jsx("p",{children:r("dashboard.deviceStats.noData")})});const o=["#3b82f6","#8b5cf6","#22c55e","#f59e0b","#ef4444"],n=["#06b6d4","#ec4899","#10b981","#f97316","#6366f1"];return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsxs("h4",{className:"text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2",children:[e.jsx(c.Monitor,{className:"w-4 h-4"}),r("dashboard.deviceStats.browsersUsed")]}),t.byBrowser?.length?e.jsx("div",{className:"space-y-3",children:t.byBrowser.map((a,s)=>{const d=Math.max(...t.byBrowser.map(m=>m.count),1),x=a.count/d*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm text-[var(--text-primary)] truncate",title:a.browser,children:a.browser}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x}%`,backgroundColor:o[s%o.length]}})}),e.jsx("div",{className:"w-12 text-right font-medium text-[var(--text-primary)]",children:a.count})]},a.browser)})}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:r("dashboard.deviceStats.noData")})]}),e.jsxs("div",{children:[e.jsxs("h4",{className:"text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2",children:[e.jsx(c.Globe,{className:"w-4 h-4"}),r("dashboard.deviceStats.connectionCountries")]}),t.byCountry?.length?e.jsx("div",{className:"space-y-3",children:t.byCountry.map((a,s)=>{const d=Math.max(...t.byCountry.map(m=>m.count),1),x=a.count/d*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm text-[var(--text-primary)] truncate",title:a.country,children:a.country}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x}%`,backgroundColor:n[s%n.length]}})}),e.jsx("div",{className:"w-12 text-right font-medium text-[var(--text-primary)]",children:a.count})]},a.country)})}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:r("dashboard.deviceStats.locationNotAvailable")})]})]})}function Q({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.dayStats?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.weeklyUsage.noData")});const o=t.dayStats.map(s=>({day:r(`dashboard.days.${s.dayName.toLowerCase()}`),duration:s.sessionCount>0?Math.round(s.totalDuration/s.sessionCount):0,sessionCount:s.sessionCount})),n=o.filter(s=>s.sessionCount>0).length>0?o.filter(s=>s.sessionCount>0).reduce((s,d)=>s+d.duration,0)/o.filter(s=>s.sessionCount>0).length:0,a=s=>{if(s<60)return`${s} min`;const d=Math.floor(s/60),x=s%60;return x>0?`${d}h ${x}m`:`${d}h`};return e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.BarChart,{data:o,margin:{top:20,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"day",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12}}),e.jsx(i.YAxis,{stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.weeklyUsage.duration"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{cursor:{fill:"transparent"},contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:s=>[a(s),null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""}),e.jsx(i.ReferenceLine,{y:n,stroke:"#f59e0b",strokeDasharray:"5 5",label:{value:`${r("dashboard.weeklyUsage.average")}: ${a(Math.round(n))}`,position:"right",fill:"#f59e0b",fontSize:11}}),e.jsx(i.Bar,{dataKey:"duration",fill:"var(--color-accent-500)",radius:[4,4,0,0]})]})})}function V({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.hourStats?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.hourlyUsage.noData")});const o=s=>`${s.toString().padStart(2,"0")}:00`,n=s=>{if(s<60)return`${s} min`;const d=Math.floor(s/60),x=s%60;return x>0?`${d}h ${x}m`:`${d}h`},a=t.hourStats.map(s=>({hour:o(s.hour),hourNum:s.hour,duration:s.sessionCount>0?Math.round(s.totalDuration/s.sessionCount):0,sessionCount:s.sessionCount,isPeak:s.hour===t.peakHour}));return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-end mb-2 text-xs text-[var(--text-secondary)]",children:[e.jsx("span",{className:"inline-block w-3 h-3 rounded-sm bg-[var(--color-accent-600)] mr-1"}),r("dashboard.hourlyUsage.peakHour"),": ",o(t.peakHour)]}),e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.BarChart,{data:a,margin:{top:10,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"hour",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:11},interval:0,angle:-45,textAnchor:"end",height:60}),e.jsx(i.YAxis,{stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.hourlyUsage.duration"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{cursor:{fill:"transparent"},contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:s=>[n(s),null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""}),e.jsx(i.Bar,{dataKey:"duration",radius:[4,4,0,0],children:a.map((s,d)=>e.jsx(i.Cell,{fill:s.isPeak?"var(--color-accent-600)":"var(--color-accent-400)"},`${s.hour}-${d}`))})]})})]})}const f=["#3b82f6","#22c55e","#f59e0b","#ef4444","#8b5cf6","#06b6d4","#ec4899","#84cc16","#f97316","#6366f1"];function Z({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.applications?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.applicationUsage.noData")});const o=t.applications.map(a=>({name:a.applicationName,value:a.accessCount,duration:a.totalDurationSeconds,percentage:a.percentage})),n=a=>a<60?`${a}s`:a<3600?`${Math.round(a/60)}m`:`${Math.round(a/3600)}h`;return e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-6",children:[e.jsx("div",{className:"w-full md:w-1/2",children:e.jsx(i.ResponsiveContainer,{width:"100%",height:280,children:e.jsxs(i.PieChart,{children:[e.jsx(i.Pie,{data:o,cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,dataKey:"value",label:({name:a,percent:s})=>`${a} (${((s??0)*100).toFixed(0)}%)`,labelLine:!1,children:o.map((a,s)=>e.jsx(i.Cell,{fill:f[s%f.length]},`${a.name}-${s}`))}),e.jsx(i.Tooltip,{contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:(a,s,d)=>[`${a} ${r("dashboard.applicationUsage.accesses")} (${n(d.payload.duration)})`,null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""})]})})}),e.jsxs("div",{className:"w-full md:w-1/2",children:[e.jsxs("div",{className:"text-sm text-[var(--text-secondary)] mb-3",children:[r("dashboard.applicationUsage.totalAccess"),": ",e.jsx("span",{className:"font-semibold text-[var(--text-primary)]",children:t.totalAccess})]}),e.jsx("div",{className:"space-y-2 max-h-[240px] overflow-y-auto",children:t.applications.map((a,s)=>e.jsxs("div",{className:"flex items-center gap-3 p-2 rounded-[var(--radius-card)] hover:bg-[var(--bg-hover)] transition-colors",children:[e.jsx("div",{className:"w-3 h-3 rounded-sm flex-shrink-0",style:{backgroundColor:f[s%f.length]}}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-primary)] truncate",children:a.applicationName}),e.jsxs("div",{className:"text-xs text-[var(--text-secondary)]",children:[a.accessCount," ",r("dashboard.applicationUsage.accesses")," - ",n(a.totalDurationSeconds)]})]}),e.jsxs("div",{className:"text-sm font-semibold text-[var(--text-primary)]",children:[a.percentage,"%"]})]},a.applicationId))})]})]})}function ee({name:t,className:r}){const n=H[t];return n?e.jsx(n,{className:r}):e.jsx(c.Star,{className:r})}function te(){const{t}=h.useTranslation(["navigation","common"]),r=W.useNavigate(),{user:o}=v.useAuth(),{currentTenant:n}=v.useTenant(),{menu:a}=v.useNavigation(),{favorites:s,loading:d,triggerExpand:x}=v.useFavorites(),[m,T]=u.useState(30),[U,N]=u.useState(!0),[y,w]=u.useState(null),[p,S]=u.useState([]),[L,C]=u.useState(null),[E,k]=u.useState(null),[B,D]=u.useState(null),[P,A]=u.useState(null),[O,R]=u.useState(null),F=l=>{if(a)for(const b of a.applications){const M=b.modules.find(g=>g.id===l.id);if(M?.sections?.length){const g=[...M.sections].sort((q,K)=>q.displayOrder-K.displayOrder)[0];if(g.route)return g.route}}return l.route},I=l=>{const b=F(l);b&&(x(),r(b))},z=o?.firstName&&o?.lastName?`${o.firstName} ${o.lastName}`:o?.email||"Utilisateur",$=u.useCallback(async()=>{try{N(!0);const l=await v.userApi.dashboard.getAll(m,10);w(l.sessionAnalytics),S(l.loginErrors??[]),C(l.currentSession),k(l.deviceStats),D(l.weeklyStats),A(l.hourlyStats),R(l.applicationUsage)}catch{w(null),S([]),C(null),k(null),D(null),A(null),R(null)}finally{N(!1)}},[m]);return u.useEffect(()=>{$()},[m,$]),U?e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(c.Loader2,{className:"w-8 h-8 animate-spin text-[var(--color-accent-500)]"})}):e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:[t("navigation:dashboard.welcome"),", ",z]}),e.jsx("p",{className:"text-[var(--text-secondary)] mt-1",children:t("navigation:breadcrumb.myspace")})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(c.Star,{className:"w-5 h-5 text-[var(--color-accent-500)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("common:favorites.quickAccess")}),n&&e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-[var(--text-tertiary)] px-2 py-1 bg-[var(--bg-secondary)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-button)"},children:[e.jsx(c.Building2,{className:"w-3.5 h-3.5"}),n.name]})]}),e.jsxs("button",{onClick:()=>r("/myspace/preferences?tab=favorites"),className:"flex items-center gap-1.5 px-3 py-1.5 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:[e.jsx(c.Settings,{className:"w-4 h-4"}),t("common:favorites.manage")]})]}),d&&e.jsx("div",{className:"flex items-center justify-center py-8",children:e.jsx(c.Loader2,{className:"w-6 h-6 animate-spin text-[var(--color-accent-500)]"})}),!d&&s.length===0&&e.jsxs("div",{className:"text-center py-8",children:[e.jsx(c.Star,{className:"w-12 h-12 mx-auto text-[var(--text-muted)] mb-3"}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:t("common:favorites.noFavorites")}),e.jsx("button",{onClick:()=>r("/myspace/preferences?tab=favorites"),className:"px-4 py-2 bg-[var(--color-accent-600)] text-white font-medium hover:bg-[var(--color-accent-700)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:favorites.configureFavorites")})]}),!d&&s.length>0&&e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3",children:s.map(l=>e.jsxs("button",{onClick:()=>I(l),className:"flex flex-col items-center gap-2 p-4 bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)] transition-all group",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"w-12 h-12 flex items-center justify-center bg-[var(--color-accent-100)] text-[var(--color-accent-600)] group-hover:bg-[var(--color-accent-600)] group-hover:text-white transition-colors",style:{borderRadius:"var(--radius-button)"},children:e.jsx(ee,{name:l.icon,className:"w-6 h-6"})}),e.jsx("span",{className:"text-sm font-medium text-[var(--text-primary)] text-center",children:l.label}),e.jsx("span",{className:"text-xs text-[var(--text-muted)]",children:l.applicationLabel})]},l.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsx(j,{title:t("navigation:dashboard.stats.totalSessions"),value:y?.totalSessions??0,icon:e.jsx(c.Activity,{className:"w-5 h-5"}),subtitle:`${m} ${t("navigation:dashboard.stats.lastDays")}`}),e.jsx(j,{title:t("navigation:dashboard.stats.avgDuration"),value:`${Math.round(y?.avgSessionDuration??0)} min`,icon:e.jsx(c.TrendingUp,{className:"w-5 h-5"}),subtitle:t("navigation:dashboard.stats.perSession")}),e.jsx(j,{title:t("navigation:dashboard.stats.connectionErrors"),value:(p??[]).length,icon:e.jsx(c.AlertTriangle,{className:"w-5 h-5"}),subtitle:t("navigation:dashboard.stats.recent"),color:(p??[]).length>0?"red":"green"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Calendar,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.weeklyUsage.title")})]}),e.jsx(Q,{data:B})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Clock,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.hourlyUsage.title")})]}),e.jsx(V,{data:P})]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.AppWindow,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.applicationUsage.title")})]}),e.jsx(Z,{data:O})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(c.BarChart3,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.sessionAnalytics.title")})]}),e.jsx("div",{className:"flex gap-2",children:[7,30,90].map(l=>e.jsx("button",{onClick:()=>T(l),className:`px-3 py-1 text-sm font-medium transition-colors ${m===l?"bg-[var(--color-accent-500)] text-white":"bg-[var(--bg-secondary)] text-[var(--text-secondary)] hover:bg-[var(--bg-tertiary)]"}`,style:{borderRadius:"var(--radius-button)"},children:t(`navigation:dashboard.sessionAnalytics.period.${l}days`)},l))})]}),e.jsx(Y,{data:y?.dailyStats??[]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Monitor,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.currentSession.title")})]}),e.jsx(X,{session:L})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.AlertTriangle,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.loginErrors.title")})]}),e.jsx(_,{errors:p??[]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.BarChart3,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.deviceStats.title")})]}),e.jsx(J,{stats:E})]})]})}function j({title:t,value:r,icon:o,subtitle:n,color:a="blue"}){const s={blue:"bg-blue-50 text-blue-600 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800",green:"bg-green-50 text-green-600 border-green-200 dark:bg-green-900/20 dark:border-green-800",red:"bg-red-50 text-red-600 border-red-200 dark:bg-red-900/20 dark:border-red-800"};return e.jsxs("div",{className:`p-4 border ${s[a]}`,style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium opacity-80",children:t}),o]}),e.jsx("div",{className:"text-2xl font-bold",children:r}),n&&e.jsx("div",{className:"text-xs opacity-70 mt-1",children:n})]})}exports.UserDashboardPage=te;
-//# sourceMappingURL=UserDashboardPage-ZMsx8LWw.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),W=require("react-router-dom"),h=require("react-i18next"),c=require("lucide-react"),v=require("./index-DK5czlkn.js"),i=require("recharts");function G(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const H=G(c);function Y({data:t}){const{t:r}=h.useTranslation("navigation");if(!t||t.length===0)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.sessionAnalytics.noData")});const o=t.map(n=>({date:new Date(n.date).toLocaleDateString("fr-FR",{day:"2-digit",month:"2-digit"}),loginCount:n.loginCount,avgDuration:Math.round(n.avgDuration)}));return e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.LineChart,{data:o,margin:{top:5,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"date",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12}}),e.jsx(i.YAxis,{yAxisId:"left",stroke:"var(--color-accent-500)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.sessionAnalytics.connections"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.YAxis,{yAxisId:"right",orientation:"right",stroke:"#22c55e",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.sessionAnalytics.avgDuration"),angle:90,position:"insideRight",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{contentStyle:{backgroundColor:"var(--bg-card)",border:"1px solid var(--border-color)",borderRadius:"var(--radius-card)",color:"var(--text-primary)"},formatter:(n,a)=>a==="loginCount"?[n,r("dashboard.sessionAnalytics.connections")]:a==="avgDuration"?[`${n} min`,r("dashboard.sessionAnalytics.avgDuration")]:[n,a||""]}),e.jsx(i.Legend,{wrapperStyle:{color:"var(--text-secondary)"},formatter:n=>n==="loginCount"?r("dashboard.sessionAnalytics.connections"):n==="avgDuration"?r("dashboard.sessionAnalytics.avgDurationMin"):n}),e.jsx(i.Line,{yAxisId:"left",type:"monotone",dataKey:"loginCount",stroke:"var(--color-accent-500)",strokeWidth:2,dot:{fill:"var(--color-accent-500)",r:4},activeDot:{r:6}}),e.jsx(i.Line,{yAxisId:"right",type:"monotone",dataKey:"avgDuration",stroke:"#22c55e",strokeWidth:2,dot:{fill:"#22c55e",r:4},activeDot:{r:6}})]})})}function _({errors:t}){const{t:r}=h.useTranslation("navigation");if(!Array.isArray(t)||t.length===0)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-[var(--text-secondary)]",children:[e.jsx(c.AlertTriangle,{className:"w-12 h-12 mb-3 text-green-500"}),e.jsx("p",{className:"font-medium",children:r("dashboard.loginErrors.noErrors")}),e.jsx("p",{className:"text-sm mt-1",children:r("dashboard.loginErrors.accountSecure")})]});const o=n=>{const a=new Date(n);return(new Date().getTime()-a.getTime())/(1e3*60*60)<24};return e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.datetime")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.reason")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.ipAddress")}),e.jsx("th",{className:"text-left p-3 font-medium text-[var(--text-secondary)] text-sm",children:r("dashboard.loginErrors.columns.location")})]})}),e.jsx("tbody",{children:t.map(n=>{const a=o(n.loginAt);return e.jsxs("tr",{className:`border-b border-[var(--border-color)] hover:bg-[var(--bg-secondary)] ${a?"bg-red-50/50 dark:bg-red-900/10":""}`,children:[e.jsx("td",{className:"p-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[a&&e.jsx("span",{className:"w-2 h-2 rounded-full bg-red-500 animate-pulse",title:r("dashboard.loginErrors.recentLabel")}),e.jsx("span",{className:"text-sm",children:new Date(n.loginAt).toLocaleDateString("fr-FR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})})]})}),e.jsx("td",{className:"p-3",children:e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-1 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",style:{borderRadius:"var(--radius-badge)"},children:[e.jsx(c.AlertTriangle,{className:"w-3 h-3"}),n.failureReason]})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"text-sm font-mono text-[var(--text-secondary)]",children:n.ipAddress||"N/A"})}),e.jsx("td",{className:"p-3",children:n.city||n.country?e.jsxs("div",{className:"flex items-center gap-1 text-sm text-[var(--text-secondary)]",children:[n.city&&e.jsxs(e.Fragment,{children:[e.jsx(c.MapPin,{className:"w-3 h-3"}),e.jsx("span",{children:n.city})]}),n.country&&e.jsxs(e.Fragment,{children:[e.jsx(c.Globe,{className:"w-3 h-3"}),e.jsx("span",{children:n.country})]})]}):e.jsx("span",{className:"text-sm text-[var(--text-tertiary)]",children:r("dashboard.loginErrors.notAvailable")})})]},n.loginAt)})})]})})}function X({session:t}){const{t:r}=h.useTranslation("navigation");if(!t)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-[var(--text-secondary)]",children:[e.jsx(c.Monitor,{className:"w-12 h-12 mb-3 opacity-50"}),e.jsx("p",{className:"font-medium",children:r("dashboard.currentSession.noActiveSession")}),e.jsx("p",{className:"text-sm mt-1",children:r("dashboard.currentSession.pleaseReconnect")})]});const o=a=>{if(a<1)return"< 1 minute";if(a<60)return`${Math.round(a)} minutes`;const s=Math.floor(a/60),d=Math.round(a%60);return d===0?`${s}h`:`${s}h ${d}min`},n=a=>a?a.includes("Edg/")?r("dashboard.browsers.edge"):a.includes("Chrome/")?r("dashboard.browsers.chrome"):a.includes("Firefox/")?r("dashboard.browsers.firefox"):a.includes("Safari/")&&!a.includes("Chrome")?r("dashboard.browsers.safari"):a.includes("OPR/")||a.includes("Opera/")?r("dashboard.browsers.opera"):r("dashboard.browsers.other"):r("dashboard.browsers.unknown");return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-[var(--accent-bg)] text-[var(--color-accent-500)]",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Clock,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.duration")}),e.jsx("p",{className:"text-lg font-bold text-[var(--text-primary)] mt-1",children:o(t.durationMinutes)}),e.jsxs("p",{className:"text-xs text-[var(--text-secondary)] mt-1",children:[r("dashboard.currentSession.since")," ",new Date(t.loginAt).toLocaleTimeString("fr-FR",{hour:"2-digit",minute:"2-digit"})]})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-blue-500/10 text-blue-500",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Monitor,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.device")}),e.jsx("p",{className:"text-lg font-bold text-[var(--text-primary)] mt-1",children:n(t.userAgent)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-1 font-mono",children:t.ipAddress||r("dashboard.currentSession.ipNotAvailable")})]})]}),(t.city||t.country)&&e.jsxs("div",{className:"md:col-span-2 flex items-start gap-3 p-4 bg-[var(--bg-secondary)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"p-2 bg-green-500/10 text-green-500",style:{borderRadius:"var(--radius-button)"},children:e.jsx(c.Globe,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] uppercase tracking-wide",children:r("dashboard.currentSession.location")}),e.jsxs("div",{className:"flex items-center gap-3 mt-1",children:[t.city&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(c.MapPin,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("span",{className:"text-sm font-medium text-[var(--text-primary)]",children:t.city})]}),t.country&&e.jsx("span",{className:"text-sm text-[var(--text-secondary)]",children:t.country})]})]})]})]})}function J({stats:t}){const{t:r}=h.useTranslation("navigation");if(!t)return e.jsx("div",{className:"flex items-center justify-center py-8 text-[var(--text-secondary)]",children:e.jsx("p",{children:r("dashboard.deviceStats.noData")})});const o=["#3b82f6","#8b5cf6","#22c55e","#f59e0b","#ef4444"],n=["#06b6d4","#ec4899","#10b981","#f97316","#6366f1"];return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsxs("h4",{className:"text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2",children:[e.jsx(c.Monitor,{className:"w-4 h-4"}),r("dashboard.deviceStats.browsersUsed")]}),t.byBrowser?.length?e.jsx("div",{className:"space-y-3",children:t.byBrowser.map((a,s)=>{const d=Math.max(...t.byBrowser.map(m=>m.count),1),x=a.count/d*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm text-[var(--text-primary)] truncate",title:a.browser,children:a.browser}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x}%`,backgroundColor:o[s%o.length]}})}),e.jsx("div",{className:"w-12 text-right font-medium text-[var(--text-primary)]",children:a.count})]},a.browser)})}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:r("dashboard.deviceStats.noData")})]}),e.jsxs("div",{children:[e.jsxs("h4",{className:"text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2",children:[e.jsx(c.Globe,{className:"w-4 h-4"}),r("dashboard.deviceStats.connectionCountries")]}),t.byCountry?.length?e.jsx("div",{className:"space-y-3",children:t.byCountry.map((a,s)=>{const d=Math.max(...t.byCountry.map(m=>m.count),1),x=a.count/d*100;return e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-24 text-sm text-[var(--text-primary)] truncate",title:a.country,children:a.country}),e.jsx("div",{className:"flex-1 h-6 bg-[var(--bg-secondary)] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x}%`,backgroundColor:n[s%n.length]}})}),e.jsx("div",{className:"w-12 text-right font-medium text-[var(--text-primary)]",children:a.count})]},a.country)})}):e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:r("dashboard.deviceStats.locationNotAvailable")})]})]})}function Q({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.dayStats?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.weeklyUsage.noData")});const o=t.dayStats.map(s=>({day:r(`dashboard.days.${s.dayName.toLowerCase()}`),duration:s.sessionCount>0?Math.round(s.totalDuration/s.sessionCount):0,sessionCount:s.sessionCount})),n=o.filter(s=>s.sessionCount>0).length>0?o.filter(s=>s.sessionCount>0).reduce((s,d)=>s+d.duration,0)/o.filter(s=>s.sessionCount>0).length:0,a=s=>{if(s<60)return`${s} min`;const d=Math.floor(s/60),x=s%60;return x>0?`${d}h ${x}m`:`${d}h`};return e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.BarChart,{data:o,margin:{top:20,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"day",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12}}),e.jsx(i.YAxis,{stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.weeklyUsage.duration"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{cursor:{fill:"transparent"},contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:s=>[a(s),null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""}),e.jsx(i.ReferenceLine,{y:n,stroke:"#f59e0b",strokeDasharray:"5 5",label:{value:`${r("dashboard.weeklyUsage.average")}: ${a(Math.round(n))}`,position:"right",fill:"#f59e0b",fontSize:11}}),e.jsx(i.Bar,{dataKey:"duration",fill:"var(--color-accent-500)",radius:[4,4,0,0]})]})})}function V({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.hourStats?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.hourlyUsage.noData")});const o=s=>`${s.toString().padStart(2,"0")}:00`,n=s=>{if(s<60)return`${s} min`;const d=Math.floor(s/60),x=s%60;return x>0?`${d}h ${x}m`:`${d}h`},a=t.hourStats.map(s=>({hour:o(s.hour),hourNum:s.hour,duration:s.sessionCount>0?Math.round(s.totalDuration/s.sessionCount):0,sessionCount:s.sessionCount,isPeak:s.hour===t.peakHour}));return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-end mb-2 text-xs text-[var(--text-secondary)]",children:[e.jsx("span",{className:"inline-block w-3 h-3 rounded-sm bg-[var(--color-accent-600)] mr-1"}),r("dashboard.hourlyUsage.peakHour"),": ",o(t.peakHour)]}),e.jsx(i.ResponsiveContainer,{width:"100%",height:300,children:e.jsxs(i.BarChart,{data:a,margin:{top:10,right:30,left:20,bottom:5},children:[e.jsx(i.CartesianGrid,{strokeDasharray:"3 3",stroke:"var(--border-color)"}),e.jsx(i.XAxis,{dataKey:"hour",stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:11},interval:0,angle:-45,textAnchor:"end",height:60}),e.jsx(i.YAxis,{stroke:"var(--text-secondary)",tick:{fill:"var(--text-secondary)",fontSize:12},label:{value:r("dashboard.hourlyUsage.duration"),angle:-90,position:"insideLeft",fill:"var(--text-secondary)"}}),e.jsx(i.Tooltip,{cursor:{fill:"transparent"},contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:s=>[n(s),null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""}),e.jsx(i.Bar,{dataKey:"duration",radius:[4,4,0,0],children:a.map((s,d)=>e.jsx(i.Cell,{fill:s.isPeak?"var(--color-accent-600)":"var(--color-accent-400)"},`${s.hour}-${d}`))})]})})]})}const f=["#3b82f6","#22c55e","#f59e0b","#ef4444","#8b5cf6","#06b6d4","#ec4899","#84cc16","#f97316","#6366f1"];function Z({data:t}){const{t:r}=h.useTranslation("navigation");if(!t?.applications?.length)return e.jsx("div",{className:"flex items-center justify-center h-64 text-[var(--text-secondary)]",children:r("dashboard.applicationUsage.noData")});const o=t.applications.map(a=>({name:a.applicationName,value:a.accessCount,duration:a.totalDurationSeconds,percentage:a.percentage})),n=a=>a<60?`${a}s`:a<3600?`${Math.round(a/60)}m`:`${Math.round(a/3600)}h`;return e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-6",children:[e.jsx("div",{className:"w-full md:w-1/2",children:e.jsx(i.ResponsiveContainer,{width:"100%",height:280,children:e.jsxs(i.PieChart,{children:[e.jsx(i.Pie,{data:o,cx:"50%",cy:"50%",innerRadius:60,outerRadius:90,dataKey:"value",label:({name:a,percent:s})=>`${a} (${((s??0)*100).toFixed(0)}%)`,labelLine:!1,children:o.map((a,s)=>e.jsx(i.Cell,{fill:f[s%f.length]},`${a.name}-${s}`))}),e.jsx(i.Tooltip,{contentStyle:{backgroundColor:"var(--bg-tertiary)",border:"none",borderRadius:"var(--radius-card)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",padding:"8px 12px"},formatter:(a,s,d)=>[`${a} ${r("dashboard.applicationUsage.accesses")} (${n(d.payload.duration)})`,null],labelStyle:{color:"var(--text-primary)",fontWeight:600,marginBottom:4},itemStyle:{color:"var(--text-secondary)",padding:0},separator:""})]})})}),e.jsxs("div",{className:"w-full md:w-1/2",children:[e.jsxs("div",{className:"text-sm text-[var(--text-secondary)] mb-3",children:[r("dashboard.applicationUsage.totalAccess"),": ",e.jsx("span",{className:"font-semibold text-[var(--text-primary)]",children:t.totalAccess})]}),e.jsx("div",{className:"space-y-2 max-h-[240px] overflow-y-auto",children:t.applications.map((a,s)=>e.jsxs("div",{className:"flex items-center gap-3 p-2 rounded-[var(--radius-card)] hover:bg-[var(--bg-hover)] transition-colors",children:[e.jsx("div",{className:"w-3 h-3 rounded-sm flex-shrink-0",style:{backgroundColor:f[s%f.length]}}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-primary)] truncate",children:a.applicationName}),e.jsxs("div",{className:"text-xs text-[var(--text-secondary)]",children:[a.accessCount," ",r("dashboard.applicationUsage.accesses")," - ",n(a.totalDurationSeconds)]})]}),e.jsxs("div",{className:"text-sm font-semibold text-[var(--text-primary)]",children:[a.percentage,"%"]})]},a.applicationId))})]})]})}function ee({name:t,className:r}){const n=H[t];return n?e.jsx(n,{className:r}):e.jsx(c.Star,{className:r})}function te(){const{t}=h.useTranslation(["navigation","common"]),r=W.useNavigate(),{user:o}=v.useAuth(),{currentTenant:n}=v.useTenant(),{menu:a}=v.useNavigation(),{favorites:s,loading:d,triggerExpand:x}=v.useFavorites(),[m,T]=u.useState(30),[U,N]=u.useState(!0),[y,w]=u.useState(null),[p,S]=u.useState([]),[L,C]=u.useState(null),[E,k]=u.useState(null),[B,D]=u.useState(null),[P,A]=u.useState(null),[O,R]=u.useState(null),F=l=>{if(a)for(const b of a.applications){const M=b.modules.find(g=>g.id===l.id);if(M?.sections?.length){const g=[...M.sections].sort((q,K)=>q.displayOrder-K.displayOrder)[0];if(g.route)return g.route}}return l.route},I=l=>{const b=F(l);b&&(x(),r(b))},z=o?.firstName&&o?.lastName?`${o.firstName} ${o.lastName}`:o?.email||"Utilisateur",$=u.useCallback(async()=>{try{N(!0);const l=await v.userApi.dashboard.getAll(m,10);w(l.sessionAnalytics),S(l.loginErrors??[]),C(l.currentSession),k(l.deviceStats),D(l.weeklyStats),A(l.hourlyStats),R(l.applicationUsage)}catch{w(null),S([]),C(null),k(null),D(null),A(null),R(null)}finally{N(!1)}},[m]);return u.useEffect(()=>{$()},[m,$]),U?e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(c.Loader2,{className:"w-8 h-8 animate-spin text-[var(--color-accent-500)]"})}):e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:[t("navigation:dashboard.welcome"),", ",z]}),e.jsx("p",{className:"text-[var(--text-secondary)] mt-1",children:t("navigation:breadcrumb.myspace")})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(c.Star,{className:"w-5 h-5 text-[var(--color-accent-500)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("common:favorites.quickAccess")}),n&&e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-[var(--text-tertiary)] px-2 py-1 bg-[var(--bg-secondary)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-button)"},children:[e.jsx(c.Building2,{className:"w-3.5 h-3.5"}),n.name]})]}),e.jsxs("button",{onClick:()=>r("/myspace/preferences?tab=favorites"),className:"flex items-center gap-1.5 px-3 py-1.5 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:[e.jsx(c.Settings,{className:"w-4 h-4"}),t("common:favorites.manage")]})]}),d&&e.jsx("div",{className:"flex items-center justify-center py-8",children:e.jsx(c.Loader2,{className:"w-6 h-6 animate-spin text-[var(--color-accent-500)]"})}),!d&&s.length===0&&e.jsxs("div",{className:"text-center py-8",children:[e.jsx(c.Star,{className:"w-12 h-12 mx-auto text-[var(--text-muted)] mb-3"}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:t("common:favorites.noFavorites")}),e.jsx("button",{onClick:()=>r("/myspace/preferences?tab=favorites"),className:"px-4 py-2 bg-[var(--color-accent-600)] text-white font-medium hover:bg-[var(--color-accent-700)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:favorites.configureFavorites")})]}),!d&&s.length>0&&e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-3",children:s.map(l=>e.jsxs("button",{onClick:()=>I(l),className:"flex flex-col items-center gap-2 p-4 bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)] transition-all group",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("div",{className:"w-12 h-12 flex items-center justify-center bg-[var(--color-accent-100)] text-[var(--color-accent-600)] group-hover:bg-[var(--color-accent-600)] group-hover:text-white transition-colors",style:{borderRadius:"var(--radius-button)"},children:e.jsx(ee,{name:l.icon,className:"w-6 h-6"})}),e.jsx("span",{className:"text-sm font-medium text-[var(--text-primary)] text-center",children:l.label}),e.jsx("span",{className:"text-xs text-[var(--text-muted)]",children:l.applicationLabel})]},l.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsx(j,{title:t("navigation:dashboard.stats.totalSessions"),value:y?.totalSessions??0,icon:e.jsx(c.Activity,{className:"w-5 h-5"}),subtitle:`${m} ${t("navigation:dashboard.stats.lastDays")}`}),e.jsx(j,{title:t("navigation:dashboard.stats.avgDuration"),value:`${Math.round(y?.avgSessionDuration??0)} min`,icon:e.jsx(c.TrendingUp,{className:"w-5 h-5"}),subtitle:t("navigation:dashboard.stats.perSession")}),e.jsx(j,{title:t("navigation:dashboard.stats.connectionErrors"),value:(p??[]).length,icon:e.jsx(c.AlertTriangle,{className:"w-5 h-5"}),subtitle:t("navigation:dashboard.stats.recent"),color:(p??[]).length>0?"red":"green"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Calendar,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.weeklyUsage.title")})]}),e.jsx(Q,{data:B})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Clock,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.hourlyUsage.title")})]}),e.jsx(V,{data:P})]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.AppWindow,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.applicationUsage.title")})]}),e.jsx(Z,{data:O})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(c.BarChart3,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.sessionAnalytics.title")})]}),e.jsx("div",{className:"flex gap-2",children:[7,30,90].map(l=>e.jsx("button",{onClick:()=>T(l),className:`px-3 py-1 text-sm font-medium transition-colors ${m===l?"bg-[var(--color-accent-500)] text-white":"bg-[var(--bg-secondary)] text-[var(--text-secondary)] hover:bg-[var(--bg-tertiary)]"}`,style:{borderRadius:"var(--radius-button)"},children:t(`navigation:dashboard.sessionAnalytics.period.${l}days`)},l))})]}),e.jsx(Y,{data:y?.dailyStats??[]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.Monitor,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.currentSession.title")})]}),e.jsx(X,{session:L})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.AlertTriangle,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.loginErrors.title")})]}),e.jsx(_,{errors:p??[]})]}),e.jsxs("div",{className:"p-6 bg-[var(--bg-card)] border border-[var(--border-color)]",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(c.BarChart3,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx("h2",{className:"font-semibold text-[var(--text-primary)]",children:t("navigation:dashboard.deviceStats.title")})]}),e.jsx(J,{stats:E})]})]})}function j({title:t,value:r,icon:o,subtitle:n,color:a="blue"}){const s={blue:"bg-blue-50 text-blue-600 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800",green:"bg-green-50 text-green-600 border-green-200 dark:bg-green-900/20 dark:border-green-800",red:"bg-red-50 text-red-600 border-red-200 dark:bg-red-900/20 dark:border-red-800"};return e.jsxs("div",{className:`p-4 border ${s[a]}`,style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-sm font-medium opacity-80",children:t}),o]}),e.jsx("div",{className:"text-2xl font-bold",children:r}),n&&e.jsx("div",{className:"text-xs opacity-70 mt-1",children:n})]})}exports.UserDashboardPage=te;
+//# sourceMappingURL=UserDashboardPage-C_tm7Pld.js.map