@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

package/dist/atheletebridge/pages/worker/WorkerDashboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkerDashboard.js","names":[],"sources":["../../../../src/atheletebridge/pages/worker/WorkerDashboard.tsx"],"sourcesContent":["/**\n * Worker Dashboard Page\n *\n * Full-featured worker dashboard with:\n * - Loading state with spinner\n * - Clock In/Out toggle with time tracking\n * - Quick Actions bar\n * - 6 stat cards (Completed, In Progress, Pending, Hours Worked, Efficiency, Rating)\n * - Current Task section with complete/pause buttons\n * - Assigned Tasks list sorted by priority\n * - Recently Completed section\n * - Performance Metrics grid\n * - Shift Information section\n *\n * @module atheletebridge/pages/worker\n */\n\nimport { useState } from 'react';\nimport {\n  CheckCircle2,\n  Star,\n  ClipboardList,\n  Clock,\n  MapPin,\n  ChevronRight,\n  Package,\n  Loader2,\n  Timer,\n  Pause,\n  Play,\n  Truck,\n  ChefHat,\n  Boxes,\n  Sparkles,\n  CalendarDays,\n  User,\n  TrendingUp,\n  Zap,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useWorkerTasks,\n  useWorkerStats,\n  useUpdateWorkerTaskStatus,\n  useWorkerClockInOut,\n} from '../../hooks/useAthleteBridgeApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst priorityStyles: Record<string, string> = {\n  high: 'bg-red-500/20 text-red-600 dark:text-red-400',\n  medium: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n  low: 'bg-green-500/20 text-green-600 dark:text-green-400',\n};\n\nconst statusStyles: Record<string, string> = {\n  pending: 'bg-secondary text-secondary-foreground',\n  in_progress: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n  completed: 'bg-green-500/20 text-green-600 dark:text-green-400',\n};\n\nfunction getTaskIcon(type: string) {\n  switch (type) {\n    case 'delivery':\n      return Truck;\n    case 'preparation':\n      return ChefHat;\n    case 'inventory':\n      return Boxes;\n    case 'cleanup':\n      return Sparkles;\n    default:\n      return ClipboardList;\n  }\n}\n\nconst priorityOrder: Record<string, number> = { high: 3, medium: 2, low: 1 };\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WorkerDashboard = () => {\n  const { navigateTo, currentUser } = useAthleteBridge();\n  const workerId = currentUser?.id || '';\n\n  const { data: tasks = [], isLoading: isLoadingTasks } = useWorkerTasks(workerId);\n  const { data: stats, isLoading: isLoadingStats } = useWorkerStats(workerId);\n  const updateTaskStatus = useUpdateWorkerTaskStatus();\n  const clockInOut = useWorkerClockInOut();\n\n  const [activeTaskId, setActiveTaskId] = useState<string | null>(null);\n  const [isClockedIn, setIsClockedIn] = useState(false);\n  const [clockInTime, setClockInTime] = useState<string | null>(null);\n\n  const handleTaskAction = async (taskId: string, action: 'start' | 'complete' | 'pause') => {\n    let status = '';\n    switch (action) {\n      case 'start':\n        status = 'IN_PROGRESS';\n        setActiveTaskId(taskId);\n        break;\n      case 'complete':\n        status = 'COMPLETED';\n        if (activeTaskId === taskId) setActiveTaskId(null);\n        break;\n      case 'pause':\n        status = 'PENDING';\n        if (activeTaskId === taskId) setActiveTaskId(null);\n        break;\n    }\n\n    try {\n      await updateTaskStatus.mutateAsync({ taskId, status });\n    } catch (error) {\n      console.error('Failed to update task status:', error);\n      alert('Failed to update task status. Please try again.');\n    }\n  };\n\n  const handleClockToggle = async () => {\n    const action = isClockedIn ? 'CLOCK_OUT' : 'CLOCK_IN';\n    try {\n      const result = await clockInOut.mutateAsync({ workerId, action });\n      if (result.success) {\n        if (isClockedIn) {\n          setIsClockedIn(false);\n          setClockInTime(null);\n        } else {\n          const now = new Date().toLocaleTimeString('en-IN', {\n            hour: '2-digit',\n            minute: '2-digit',\n            hour12: true,\n          });\n          setIsClockedIn(true);\n          setClockInTime(now);\n        }\n        alert(result.message || `${isClockedIn ? 'Clocked out' : 'Clocked in'} successfully`);\n      }\n    } catch (error) {\n      console.error('Failed to clock in/out:', error);\n      alert('Action failed. Please try again.');\n    }\n  };\n\n  // Loading state\n  if (isLoadingTasks || isLoadingStats) {\n    return (\n      <PageLayout title=\"Dashboard\" description=\"Your work overview for today\">\n        <div className=\"flex items-center justify-center py-24\">\n          <div className=\"text-center\">\n            <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mx-auto mb-4\" />\n            <p className=\"text-sm text-text-secondary\">Loading your dashboard...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const currentTask = activeTaskId ? tasks.find((t) => t.id === activeTaskId) : null;\n  const assignedTasks = tasks\n    .filter((t) => t.status !== 'completed')\n    .sort((a, b) => (priorityOrder[b.priority] ?? 0) - (priorityOrder[a.priority] ?? 0));\n  const completedTasks = tasks.filter((t) => t.status === 'completed');\n\n  return (\n    <PageLayout\n      title=\"Dashboard\"\n      description=\"Manage your tasks and assignments\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/worker/orders')}\n          className=\"inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n        >\n          View All Orders\n          <ChevronRight className=\"h-4 w-4\" />\n        </button>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose>\n          Your shift command center. Clock in to start tracking your hours, work through tasks\n          assigned to you in priority order, and keep an eye on today&apos;s completion stats and\n          rating. Use this page to know exactly what to do next and to mark work done.\n        </PagePurpose>\n\n        <NextSteps\n          storageKey=\"atheletebridge-worker-dashboard\"\n          steps={[\n            {\n              id: 'clock-in',\n              label: isClockedIn ? 'You are clocked in' : 'Clock in to start your shift',\n              description: 'Time tracking begins so your hours and earnings are recorded.',\n              icon: <Timer className=\"h-4 w-4\" />,\n              onClick: handleClockToggle,\n              done: isClockedIn,\n            },\n            {\n              id: 'start-task',\n              label: 'Start your highest-priority task',\n              description: 'Tasks are sorted by priority — begin the one at the top.',\n              icon: <Play className=\"h-4 w-4\" />,\n              onClick: () => {\n                const next = assignedTasks.find((t) => t.status === 'pending');\n                if (next) handleTaskAction(next.id, 'start');\n              },\n            },\n            {\n              id: 'schedule',\n              label: 'Review your schedule',\n              description: 'Check your upcoming shifts and breaks.',\n              icon: <CalendarDays className=\"h-4 w-4\" />,\n              onClick: () => navigateTo('/worker/schedule'),\n            },\n          ]}\n        />\n\n        {/* Quick Actions */}\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Quick Actions</h2>\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/orders')}\n              className=\"flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n            >\n              <Package className=\"h-4 w-4\" />\n              My Orders\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/schedule')}\n              className=\"flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n            >\n              <CalendarDays className=\"h-4 w-4\" />\n              Schedule\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/profile')}\n              className=\"flex items-center justify-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n            >\n              <User className=\"h-4 w-4\" />\n              Profile\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleClockToggle}\n              className={cn(\n                'flex items-center justify-center gap-2 rounded-lg px-4 py-3 text-sm font-medium transition-colors',\n                isClockedIn\n                  ? 'bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/30 hover:bg-red-500/20'\n                  : 'bg-green-500/10 text-green-600 dark:text-green-400 border border-green-500/30 hover:bg-green-500/20'\n              )}\n            >\n              <Timer className=\"h-4 w-4\" />\n              {isClockedIn ? 'Clock Out' : 'Clock In'}\n            </button>\n          </div>\n        </div>\n\n        {/* Today's Overview + Clock-in status */}\n        {stats && (\n          <EmphasisPanel className=\"p-5\">\n            <div className=\"flex items-center justify-between mb-3\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Today's Overview</h2>\n              {isClockedIn && clockInTime && (\n                <div className=\"flex items-center gap-2 rounded-lg bg-green-500/10 border border-green-500/20 px-3 py-1.5\">\n                  <span className=\"relative flex h-2 w-2\">\n                    <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75\" />\n                    <span className=\"relative inline-flex rounded-full h-2 w-2 bg-green-500\" />\n                  </span>\n                  <span className=\"text-xs font-medium text-green-600 dark:text-green-400\">\n                    Working since {clockInTime}\n                  </span>\n                </div>\n              )}\n            </div>\n            <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3\">\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-green-500/10 text-green-600 dark:text-green-400\">\n                    <CheckCircle2 className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-green-600 dark:text-green-400\">\n                  {stats.tasksCompleted}\n                </p>\n                <p className=\"text-xs text-text-secondary\">Completed</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-blue-500/10 text-blue-600 dark:text-blue-400\">\n                    <Play className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-blue-600 dark:text-blue-400\">\n                  {stats.tasksInProgress}\n                </p>\n                <p className=\"text-xs text-text-secondary\">In Progress</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\">\n                    <Clock className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-yellow-600 dark:text-yellow-400\">\n                  {stats.tasksPending}\n                </p>\n                <p className=\"text-xs text-text-secondary\">Pending</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-purple-500/10 text-purple-600 dark:text-purple-400\">\n                    <Timer className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-purple-600 dark:text-purple-400\">\n                  {stats.hoursWorked}h\n                </p>\n                <p className=\"text-xs text-text-secondary\">Hours Worked</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-indigo-500/10 text-indigo-600 dark:text-indigo-400\">\n                    <Zap className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-indigo-600 dark:text-indigo-400\">\n                  {stats.efficiency}%\n                </p>\n                <p className=\"text-xs text-text-secondary\">Efficiency</p>\n              </div>\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n                <div className=\"flex items-center gap-2 mb-2\">\n                  <div className=\"inline-flex rounded-md p-1.5 bg-yellow-500/10 text-yellow-600 dark:text-yellow-400\">\n                    <Star className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-yellow-500\">{stats.rating}/5</p>\n                <p className=\"text-xs text-text-secondary\">Rating</p>\n              </div>\n            </div>\n          </EmphasisPanel>\n        )}\n\n        {/* Current Task */}\n        {currentTask && (\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary mb-3\">Current Task</h2>\n            <div className=\"rounded-lg border-2 border-blue-500/40 bg-blue-500/5 p-6\">\n              <div className=\"flex items-start justify-between mb-4\">\n                <div className=\"flex items-start gap-3\">\n                  {(() => {\n                    const TaskIcon = getTaskIcon(currentTask.type);\n                    return (\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-blue-500/10\">\n                        <TaskIcon className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                      </div>\n                    );\n                  })()}\n                  <div>\n                    <h3 className=\"text-lg font-semibold text-text-primary\">{currentTask.title}</h3>\n                    <p className=\"text-sm text-text-secondary mt-1\">{currentTask.description}</p>\n                    <div className=\"flex flex-wrap items-center gap-3 mt-2 text-sm text-text-secondary\">\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3.5 w-3.5\" />\n                        {currentTask.estimatedTime} min\n                      </span>\n                      {currentTask.dueTime && (\n                        <span className=\"flex items-center gap-1\">\n                          <Timer className=\"h-3.5 w-3.5\" />\n                          Due: {currentTask.dueTime}\n                        </span>\n                      )}\n                      {currentTask.location && (\n                        <span className=\"flex items-center gap-1\">\n                          <MapPin className=\"h-3.5 w-3.5\" />\n                          {currentTask.location}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                </div>\n                <div className=\"flex gap-2 shrink-0\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleTaskAction(currentTask.id, 'complete')}\n                    className=\"inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors\"\n                  >\n                    <CheckCircle2 className=\"h-4 w-4\" />\n                    Complete\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleTaskAction(currentTask.id, 'pause')}\n                    className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                  >\n                    <Pause className=\"h-4 w-4\" />\n                    Pause\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Assigned Tasks */}\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Assigned Tasks</h2>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden\">\n            {assignedTasks.length > 0 ? (\n              <div className=\"divide-y divide-border\">\n                {assignedTasks.map((task) => {\n                  const TaskIcon = getTaskIcon(task.type);\n                  return (\n                    <div key={task.id} className=\"p-4 hover:bg-bg-sunken/30 transition-colors\">\n                      <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3\">\n                        <div className=\"flex items-start gap-3 flex-1 min-w-0\">\n                          <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-bg-sunken\">\n                            <TaskIcon className=\"h-4.5 w-4.5 text-text-secondary\" />\n                          </div>\n                          <div className=\"flex-1 min-w-0\">\n                            <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                              <h3 className=\"text-sm font-medium text-text-primary\">{task.title}</h3>\n                              <span\n                                className={cn(\n                                  'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize',\n                                  priorityStyles[task.priority]\n                                )}\n                              >\n                                {task.priority}\n                              </span>\n                              <span\n                                className={cn(\n                                  'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium',\n                                  statusStyles[task.status]\n                                )}\n                              >\n                                {task.status.replace('_', ' ')}\n                              </span>\n                            </div>\n                            <p className=\"text-xs text-text-secondary line-clamp-1\">\n                              {task.description}\n                            </p>\n                            <div className=\"flex flex-wrap items-center gap-3 mt-1.5 text-xs text-text-secondary\">\n                              <span className=\"flex items-center gap-1\">\n                                <User className=\"h-3 w-3\" />\n                                {task.assignedBy}\n                              </span>\n                              <span className=\"flex items-center gap-1\">\n                                <Clock className=\"h-3 w-3\" />\n                                {task.estimatedTime} min\n                              </span>\n                              {task.dueTime && (\n                                <span className=\"flex items-center gap-1\">\n                                  <Timer className=\"h-3 w-3\" />\n                                  Due: {task.dueTime}\n                                </span>\n                              )}\n                              {task.location && (\n                                <span className=\"flex items-center gap-1\">\n                                  <MapPin className=\"h-3 w-3\" />\n                                  {task.location}\n                                </span>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"flex gap-2 shrink-0\">\n                          {task.status === 'pending' && (\n                            <button\n                              type=\"button\"\n                              onClick={() => handleTaskAction(task.id, 'start')}\n                              disabled={activeTaskId !== null}\n                              className={cn(\n                                'inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                                activeTaskId !== null\n                                  ? 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                                  : 'bg-blue-500/10 text-blue-600 dark:text-blue-400 hover:bg-blue-500/20'\n                              )}\n                            >\n                              <Play className=\"h-3.5 w-3.5\" />\n                              Start\n                            </button>\n                          )}\n                          {task.status === 'in_progress' && task.id !== activeTaskId && (\n                            <button\n                              type=\"button\"\n                              onClick={() => setActiveTaskId(task.id)}\n                              className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                            >\n                              <Play className=\"h-3.5 w-3.5\" />\n                              Resume\n                            </button>\n                          )}\n                          <button\n                            type=\"button\"\n                            onClick={() => navigateTo(`/worker/task/${task.id}`)}\n                            className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                          >\n                            Details\n                            <ChevronRight className=\"h-3.5 w-3.5\" />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-sessions\"\n                title=\"All tasks completed!\"\n                description=\"You're all caught up — no tasks are assigned to you right now. New tasks will appear here as they come in.\"\n              />\n            )}\n          </div>\n        </div>\n\n        {/* Recently Completed */}\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Recently Completed</h2>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm\">\n            {completedTasks.length > 0 ? (\n              <div className=\"space-y-3\">\n                {completedTasks.slice(0, 3).map((task) => {\n                  const TaskIcon = getTaskIcon(task.type);\n                  return (\n                    <div\n                      key={task.id}\n                      className=\"flex items-center gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/10\"\n                    >\n                      <div className=\"flex h-8 w-8 items-center justify-center rounded-md bg-green-500/10\">\n                        <TaskIcon className=\"h-4 w-4 text-green-600 dark:text-green-400\" />\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm font-medium text-text-primary\">{task.title}</p>\n                        <p className=\"text-xs text-text-secondary\">\n                          Completed at{' '}\n                          {new Date().toLocaleTimeString('en-IN', {\n                            hour: '2-digit',\n                            minute: '2-digit',\n                            hour12: true,\n                          })}\n                        </p>\n                      </div>\n                      <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400 shrink-0\" />\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-generic\"\n                title=\"No completed tasks yet today\"\n                description=\"Finish a task to see it recorded here.\"\n              />\n            )}\n          </div>\n        </div>\n\n        {/* Performance Metrics + Shift Information */}\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n          {/* Performance This Week */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm\">\n            <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-4\">\n              <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n              Performance This Week\n            </h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Tasks Completed</span>\n                <span className=\"text-sm font-medium text-text-primary\">47</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Average Time per Task</span>\n                <span className=\"text-sm font-medium text-text-primary\">23 min</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">On-time Completion</span>\n                <span className=\"text-sm font-medium text-text-primary\">94%</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Customer Feedback</span>\n                <span className=\"text-sm font-medium text-text-primary flex items-center gap-1\">\n                  4.7/5\n                  <Star className=\"h-3.5 w-3.5 fill-yellow-400 text-yellow-400\" />\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Shift Information */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm\">\n            <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-4\">\n              <CalendarDays className=\"h-4 w-4 text-text-secondary\" />\n              Shift Information\n            </h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Shift Start</span>\n                <span className=\"text-sm font-medium text-text-primary\">9:00 AM</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Shift End</span>\n                <span className=\"text-sm font-medium text-text-primary\">6:00 PM</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Break Time</span>\n                <span className=\"text-sm font-medium text-text-primary\">1:00 PM - 2:00 PM</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">Supervisor</span>\n                <span className=\"text-sm font-medium text-text-primary\">Rajesh Kumar</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Overall Stats */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm\">\n          <h2 className=\"text-base font-semibold text-text-primary mb-4\">Overall Performance</h2>\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Total Deliveries</p>\n              <p className=\"text-lg font-bold text-text-primary\">{stats?.totalDeliveries || 0}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Total Earnings</p>\n              <p className=\"text-lg font-bold text-text-primary\">\n                {formatCurrency(stats?.totalEarnings || 0, { minimumFractionDigits: 0 })}\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Average Rating</p>\n              <p className=\"text-lg font-bold text-text-primary flex items-center gap-1\">\n                {stats?.averageRating || 0}\n                <Star className=\"h-4 w-4 fill-yellow-400 text-yellow-400\" />\n              </p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Completion Rate</p>\n              <p className=\"text-lg font-bold text-text-primary\">{stats?.completionRate || 0}%</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAwDA,IAAM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,KAAK;CACN,EAEK,IAAuC;CAC3C,SAAS;CACT,aAAa;CACb,WAAW;CACZ;AAED,SAAS,EAAY,GAAc;AACjC,SAAQ,GAAR;EACE,KAAK,WACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,IAAM,IAAwC;CAAE,MAAM;CAAG,QAAQ;CAAG,KAAK;CAAG,EAM/D,UAAwB;CACnC,IAAM,EAAE,eAAY,mBAAgB,GAAkB,EAChD,IAAW,GAAa,MAAM,IAE9B,EAAE,MAAM,IAAQ,EAAE,EAAE,WAAW,MAAmB,EAAe,EAAS,EAC1E,EAAE,MAAM,GAAO,WAAW,MAAmB,EAAe,EAAS,EACrE,IAAmB,GAA2B,EAC9C,IAAa,GAAqB,EAElC,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAC/D,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,IAAmB,OAAO,GAAgB,MAA2C;EACzF,IAAI,IAAS;AACb,UAAQ,GAAR;GACE,KAAK;AAEH,IADA,IAAS,eACT,EAAgB,EAAO;AACvB;GACF,KAAK;AAEH,IADA,IAAS,aACL,MAAiB,KAAQ,EAAgB,KAAK;AAClD;GACF,KAAK;AAEH,IADA,IAAS,WACL,MAAiB,KAAQ,EAAgB,KAAK;AAClD;;AAGJ,MAAI;AACF,SAAM,EAAiB,YAAY;IAAE;IAAQ;IAAQ,CAAC;WAC/C,GAAO;AAEd,GADA,QAAQ,MAAM,iCAAiC,EAAM,EACrD,MAAM,kDAAkD;;IAItD,IAAoB,YAAY;EACpC,IAAM,IAAS,IAAc,cAAc;AAC3C,MAAI;GACF,IAAM,IAAS,MAAM,EAAW,YAAY;IAAE;IAAU;IAAQ,CAAC;AACjE,OAAI,EAAO,SAAS;AAClB,QAAI,EAEF,CADA,EAAe,GAAM,EACrB,EAAe,KAAK;SACf;KACL,IAAM,qBAAM,IAAI,MAAM,EAAC,mBAAmB,SAAS;MACjD,MAAM;MACN,QAAQ;MACR,QAAQ;MACT,CAAC;AAEF,KADA,EAAe,GAAK,EACpB,EAAe,EAAI;;AAErB,UAAM,EAAO,WAAW,GAAG,IAAc,gBAAgB,aAAa,eAAe;;WAEhF,GAAO;AAEd,GADA,QAAQ,MAAM,2BAA2B,EAAM,EAC/C,MAAM,mCAAmC;;;AAK7C,KAAI,KAAkB,EACpB,QACE,kBAAC,GAAD;EAAY,OAAM;EAAY,aAAY;YACxC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAS,WAAU,2DAA4D,CAAA,EAC/E,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA6B,CAAA,CACpE;;GACF,CAAA;EACK,CAAA;CAIjB,IAAM,IAAc,IAAe,EAAM,MAAM,MAAM,EAAE,OAAO,EAAa,GAAG,MACxE,IAAgB,EACnB,QAAQ,MAAM,EAAE,WAAW,YAAY,CACvC,MAAM,GAAG,OAAO,EAAc,EAAE,aAAa,MAAM,EAAc,EAAE,aAAa,GAAG,EAChF,IAAiB,EAAM,QAAQ,MAAM,EAAE,WAAW,YAAY;AAEpE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,iBAAiB;GAC3C,WAAU;aAHZ,CAIC,mBAEC,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CAC7B;;YAGX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAa,wPAIC,CAAA;IAEd,kBAAC,GAAD;KACE,YAAW;KACX,OAAO;MACL;OACE,IAAI;OACJ,OAAO,IAAc,uBAAuB;OAC5C,aAAa;OACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,SAAS;OACT,MAAM;OACP;MACD;OACE,IAAI;OACJ,OAAO;OACP,aAAa;OACb,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;OAClC,eAAe;QACb,IAAM,IAAO,EAAc,MAAM,MAAM,EAAE,WAAW,UAAU;AAC9D,QAAI,KAAM,EAAiB,EAAK,IAAI,QAAQ;;OAE/C;MACD;OACE,IAAI;OACJ,OAAO;OACP,aAAa;OACb,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OAC1C,eAAe,EAAW,mBAAmB;OAC9C;MACF;KACD,CAAA;IAGF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAiD;KAAkB,CAAA,EACjF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,iBAAiB;OAC3C,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA,EAAA,YAExB;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,mBAAmB;OAC7C,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,WAE7B;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,kBAAkB;OAC5C,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,UAErB;;MACT,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAW,EACT,qGACA,IACI,8FACA,sGACL;iBARH,CAUE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,IAAc,cAAc,WACtB;;MACL;OACF,EAAA,CAAA;IAGL,KACC,kBAAC,GAAD;KAAe,WAAU;eAAzB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA4C;OAAqB,CAAA,EAC9E,KAAe,KACd,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,wFAAyF,CAAA,EACzG,kBAAC,QAAD,EAAM,WAAU,0DAA2D,CAAA,CACtE;WACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAAyE,kBACxD,EACV;UACH;SAEJ;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;WAChC,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAM;UACL,CAAA;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAa,CAAA;SACpD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;WACxB,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAM;UACL,CAAA;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAe,CAAA;SACtD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;WACzB,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAM;UACL,CAAA;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAW,CAAA;SAClD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;WACzB,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,EAAM,aAAY,IACjB;;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAgB,CAAA;SACvD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;WACvB,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,EAAM,YAAW,IAChB;;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAc,CAAA;SACrD;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;WACxB,CAAA;UACF,CAAA;SACN,kBAAC,KAAD;UAAG,WAAU;oBAAb,CAAmD,EAAM,QAAO,KAAM;;SACtE,kBAAC,KAAD;UAAG,WAAU;oBAA8B;UAAU,CAAA;SACjD;;OACF;QACQ;;IAIjB,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAiD;KAAiB,CAAA,EAChF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAIM,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAHa,EAAY,EAAY,KAAK,EAG1C,EAAU,WAAU,4CAA6C,CAAA;QAC7D,CAAA,EAGV,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,MAAD;SAAI,WAAU;mBAA2C,EAAY;SAAW,CAAA;QAChF,kBAAC,KAAD;SAAG,WAAU;mBAAoC,EAAY;SAAgB,CAAA;QAC7E,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;YAChC,EAAY;YAAc;YACtB;;UACN,EAAY,WACX,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;YAC3B,EAAY;YACb;;UAER,EAAY,YACX,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EACjC,EAAY,SACR;;UAEL;;QACF,EAAA,CAAA,CACF;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,EAAY,IAAI,WAAW;QAC3D,WAAU;kBAHZ,CAKE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EAAA,WAE7B;WACT,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAiB,EAAY,IAAI,QAAQ;QACxD,WAAU;kBAHZ,CAKE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,QAEtB;UACL;SACF;;KACF,CAAA,CACF,EAAA,CAAA;IAIR,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAiD;KAAmB,CAAA,EAClF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,SAAS,IACtB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAc,KAAK,MAGhB,kBAAC,OAAD;OAAmB,WAAU;iBAC3B,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBACb,kBANO,EAAY,EAAK,KAAK,EAM7B,EAAU,WAAU,mCAAoC,CAAA;UACpD,CAAA,EACN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,MAAD;cAAI,WAAU;wBAAyC,EAAK;cAAW,CAAA;aACvE,kBAAC,QAAD;cACE,WAAW,EACT,wFACA,EAAe,EAAK,UACrB;wBAEA,EAAK;cACD,CAAA;aACP,kBAAC,QAAD;cACE,WAAW,EACT,6EACA,EAAa,EAAK,QACnB;wBAEA,EAAK,OAAO,QAAQ,KAAK,IAAI;cACzB,CAAA;aACH;;WACN,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAK;YACJ,CAAA;WACJ,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,QAAD;cAAM,WAAU;wBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAK,WACD;;aACP,kBAAC,QAAD;cAAM,WAAU;wBAAhB;eACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;eAC5B,EAAK;eAAc;eACf;;aACN,EAAK,WACJ,kBAAC,QAAD;cAAM,WAAU;wBAAhB;eACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;;eACvB,EAAK;eACN;;aAER,EAAK,YACJ,kBAAC,QAAD;cAAM,WAAU;wBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAK,SACD;;aAEL;;WACF;YACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAK,WAAW,aACf,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAiB,EAAK,IAAI,QAAQ;WACjD,UAAU,MAAiB;WAC3B,WAAW,EACT,iGACA,MAAiB,OAEb,yEADA,sDAEL;qBATH,CAWE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAAA,QAEzB;;UAEV,EAAK,WAAW,iBAAiB,EAAK,OAAO,KAC5C,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAgB,EAAK,GAAG;WACvC,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAAA,SAEzB;;UAEX,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAW,gBAAgB,EAAK,KAAK;WACpD,WAAU;qBAHZ,CAIC,WAEC,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,CACjC;;UACL;WACF;;OACF,EA1FI,EAAK,GA0FT,CAER;MACE,CAAA,GAEN,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA;KAEA,CAAA,CACF,EAAA,CAAA;IAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAiD;KAAuB,CAAA,EACtF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAe,SAAS,IACvB,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAe,MAAM,GAAG,EAAE,CAAC,KAAK,MAG7B,kBAAC,OAAD;OAEE,WAAU;iBAFZ;QAIE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAPW,EAAY,EAAK,KAAK,EAOjC,EAAU,WAAU,8CAA+C,CAAA;SAC/D,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAyC,EAAK;UAAU,CAAA,EACrE,kBAAC,KAAD;UAAG,WAAU;oBAAb;WAA2C;WAC5B;4BACZ,IAAI,MAAM,EAAC,mBAAmB,SAAS;YACtC,MAAM;YACN,QAAQ;YACR,QAAQ;YACT,CAAC;WACA;YACA;;QACN,kBAAC,GAAD,EAAc,WAAU,uDAAwD,CAAA;QAC5E;SAlBC,EAAK,GAkBN,CAER;MACE,CAAA,GAEN,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA;KAEA,CAAA,CACF,EAAA,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EAAA,wBAEnD;UACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAsB,CAAA,EACpE,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAS,CAAA,CAC7D;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAA4B,CAAA,EAC1E,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAa,CAAA,CACjE;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAyB,CAAA,EACvE,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAU,CAAA,CAC9D;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAwB,CAAA,EACtE,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAgF,SAE9E,kBAAC,GAAD,EAAM,WAAU,+CAAgD,CAAA,CAC3D;YACH;;QACF;SACF;SAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAd,CACE,kBAAC,GAAD,EAAc,WAAU,+BAAgC,CAAA,EAAA,oBAErD;UACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAkB,CAAA,EAChE,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAc,CAAA,CAClE;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAgB,CAAA,EAC9D,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAc,CAAA,CAClE;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAiB,CAAA,EAC/D,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAwB,CAAA,CAC5E;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAiB,CAAA,EAC/D,kBAAC,QAAD;UAAM,WAAU;oBAAwC;UAAmB,CAAA,CACvE;;QACF;SACF;QACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAiD;MAAwB,CAAA,EACvF,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAoB,CAAA,EAC/D,kBAAC,KAAD;QAAG,WAAU;kBAAuC,GAAO,mBAAmB;QAAM,CAAA,CAChF,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAkB,CAAA,EAC7D,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAe,GAAO,iBAAiB,GAAG,EAAE,uBAAuB,GAAG,CAAC;QACtE,CAAA,CACA,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAkB,CAAA,EAC7D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACG,GAAO,iBAAiB,GACzB,kBAAC,GAAD,EAAM,WAAU,2CAA4C,CAAA,CAC1D;UACA,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAmB,CAAA,EAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAoD,GAAO,kBAAkB,GAAE,IAAK;UAChF,EAAA,CAAA;OACF;QACF;;IACF;;EACK,CAAA"}