@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.1

package/dist/kadaikodi/pages/worker/TaskDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/worker/TaskDetailsPage.tsx"],"sourcesContent":["/**\n * Task Details Page\n *\n * Full-featured task details page with:\n * - Loading state with spinner\n * - Notes section: textarea for adding worker notes + Save Notes button\n * - Reference Photos grid display\n * - Special Instructions section with yellow warning-style card\n * - Start Task / Complete Task action buttons with state changes\n * - Call Customer button linking to tel:\n * - Navigate to Location button opening Google Maps\n * - Due time warning banner\n * - Task type icon display\n * - Status and priority badges\n * - Order items with special instructions per item\n * - Full delivery address\n * - Status timeline\n *\n * @module kadaikodi/pages/worker\n */\n\nimport { useState, useEffect, useMemo, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Package,\n  Phone,\n  MapPin,\n  Clock,\n  IndianRupee,\n  Navigation,\n  CheckCircle2,\n  Circle,\n  PlayCircle,\n  ShoppingBag,\n  User,\n  AlertTriangle,\n  FileText,\n  Loader2,\n  Truck,\n  ChefHat,\n  Boxes,\n  Sparkles,\n  Camera,\n  StickyNote,\n  Save,\n  Timer,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\nimport type { TaskStatus } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskOrderItem {\n  name: string;\n  quantity: number;\n  specialInstructions?: string;\n}\n\ninterface TaskCustomerInfo {\n  name: string;\n  phone: string;\n  address: string;\n}\n\ninterface TaskDetails {\n  id: string;\n  orderId: string;\n  cartId: string;\n  cartName: string;\n  type: 'delivery' | 'preparation' | 'inventory' | 'cleanup' | 'service' | 'pickup';\n  status: TaskStatus;\n  priority: 'high' | 'medium' | 'low' | 'urgent';\n  title: string;\n  description: string;\n  estimatedTime: number;\n  assignedBy: string;\n  assignedTime: string;\n  dueTime: string;\n  location?: string;\n  earnings: number;\n  distance?: number;\n  customerInfo: TaskCustomerInfo;\n  orderItems: TaskOrderItem[];\n  specialInstructions?: string;\n  photos?: string[];\n  notes?: string;\n}\n\ninterface TimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTaskTypeIcon(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    case 'pickup':\n      return ShoppingBag;\n    case 'service':\n      return Package;\n    default:\n      return FileText;\n  }\n}\n\nfunction getPriorityStyle(priority: string): string {\n  switch (priority) {\n    case 'urgent':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    case 'high':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    default:\n      return 'bg-secondary text-secondary-foreground';\n  }\n}\n\nfunction buildTimeline(task: TaskDetails): TimelineEvent[] {\n  const assignedTs = task.assignedTime;\n  const inProgressTs =\n    task.status === 'in_progress' || task.status === 'completed'\n      ? new Date(new Date(assignedTs).getTime() + 15 * 60000).toISOString()\n      : null;\n  const completedTs = task.status === 'completed' ? new Date().toISOString() : null;\n\n  return [\n    { status: 'assigned', label: 'Task Assigned', timestamp: assignedTs, completed: true },\n    {\n      status: 'in_progress',\n      label: 'Work Started',\n      timestamp: inProgressTs,\n      completed: task.status === 'in_progress' || task.status === 'completed',\n    },\n    {\n      status: 'completed',\n      label: 'Task Completed',\n      timestamp: completedTs,\n      completed: task.status === 'completed',\n    },\n  ];\n}\n\nfunction formatTime(dateString: string): string {\n  return new Date(dateString).toLocaleTimeString('en-IN', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function TaskDetailsPage() {\n  const { taskId } = useParams<{ taskId: string }>();\n  const { navigateTo } = useKadaikodi();\n  const [task, setTask] = useState<TaskDetails | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [notes, setNotes] = useState('');\n\n  const loadTask = useCallback(() => {\n    setLoading(true);\n    setTimeout(() => {\n      const mockTask: TaskDetails = {\n        id: taskId || 'TASK-001',\n        orderId: 'ORD-123',\n        cartId: 'cart-001',\n        cartName: 'South Indian Express',\n        type: 'delivery',\n        status: 'pending',\n        priority: 'high',\n        title: 'Deliver Order #ORD-123',\n        description: 'Deliver 2x Masala Dosa, 1x Filter Coffee to customer at Koramangala',\n        estimatedTime: 25,\n        assignedBy: 'Cart Manager',\n        assignedTime: new Date(Date.now() - 5 * 60 * 1000).toISOString(),\n        dueTime: new Date(Date.now() + 30 * 60 * 1000).toISOString(),\n        location: 'Koramangala 5th Block',\n        earnings: 95,\n        distance: 3.5,\n        customerInfo: {\n          name: 'Rahul Sharma',\n          phone: '+91-98765-43210',\n          address: '123, MG Road, Near Central Mall, Koramangala 5th Block, Bangalore - 560034',\n        },\n        orderItems: [\n          { name: 'Masala Dosa', quantity: 2, specialInstructions: 'Extra spicy' },\n          { name: 'Filter Coffee', quantity: 1, specialInstructions: 'Less sugar' },\n        ],\n        specialInstructions: 'Please call before delivery. Customer prefers contactless delivery.',\n        photos: [\n          'https://images.unsplash.com/photo-1630384060421-cb20d0e0649d?w=400',\n          'https://images.unsplash.com/photo-1572802419224-296b0aeee0d9?w=400',\n        ],\n        notes: '',\n      };\n      setTask(mockTask);\n      setNotes(mockTask.notes || '');\n      setLoading(false);\n    }, 600);\n  }, [taskId]);\n\n  useEffect(() => {\n    loadTask();\n  }, [loadTask]);\n\n  const handleStartTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'in_progress' });\n      alert('Task started successfully');\n    }\n  };\n\n  const handleCompleteTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'completed' });\n      alert('Task completed successfully');\n    }\n  };\n\n  const handleCallCustomer = () => {\n    if (task?.customerInfo?.phone) {\n      window.location.href = `tel:${task.customerInfo.phone.replace(/\\s/g, '')}`;\n    }\n  };\n\n  const handleNavigateToLocation = () => {\n    if (task?.customerInfo?.address) {\n      const encoded = encodeURIComponent(task.customerInfo.address);\n      window.open(`https://maps.google.com?q=${encoded}`, '_blank');\n    }\n  };\n\n  const handleSaveNotes = () => {\n    if (task) {\n      setTask({ ...task, notes });\n      alert('Notes saved successfully');\n    }\n  };\n\n  const timeline = useMemo(() => (task ? buildTimeline(task) : []), [task]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <PageLayout title=\"Task Details\">\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 task details...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Not found\n  if (!task) {\n    return (\n      <PageLayout title=\"Task Not Found\">\n        <EmptyState\n          icon={<FileText className=\"h-12 w-12\" />}\n          title=\"Task not found\"\n          description={`No task found with ID \"${taskId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/orders')}\n              className=\"rounded-lg 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            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const TaskTypeIcon = getTaskTypeIcon(task.type);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/worker/orders')}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Task Details</span>\n        </div>\n      }\n      description=\"Manage and track your assigned task\"\n    >\n      <PagePurpose className=\"mb-6\">\n        Everything you need to complete one assigned task, in order. Use this page to see exactly\n        what to do, reach the customer, navigate to their location, jot down notes, and mark the task\n        started and then completed as you go — so nothing gets missed and your completion stats stay\n        strong.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"kadaikodi-task-details\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: 'navigate',\n            label: 'Head to the location',\n            description: 'Open directions to the customer.',\n            onClick: handleNavigateToLocation,\n          },\n          {\n            id: 'call',\n            label: 'Call the customer',\n            description: 'Confirm details before you start.',\n            onClick: handleCallCustomer,\n          },\n          {\n            id: 'start',\n            label: task.status === 'completed' ? 'Task completed' : 'Start & complete the task',\n            description:\n              task.status === 'completed'\n                ? 'This task is done — nice work.'\n                : 'Mark it started, then completed when finished.',\n            onClick: task.status === 'completed' ? handleCompleteTask : handleStartTask,\n            done: task.status === 'completed',\n          },\n        ]}\n      />\n\n      <div className=\"space-y-6\">\n        {/* Task Header Card — the one emphasis zone for this page */}\n        <EmphasisPanel>\n          <div className=\"flex items-start justify-between mb-4\">\n            <div className=\"flex items-start gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <TaskTypeIcon className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <h2 className=\"text-xl font-bold text-text-primary\">{task.title}</h2>\n                <p className=\"text-sm text-text-secondary mt-1\">{task.description}</p>\n                <div className=\"flex flex-wrap items-center gap-2 mt-3\">\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase',\n                      getPriorityStyle(task.priority)\n                    )}\n                  >\n                    {task.priority}\n                  </span>\n                  <StatusBadge status={task.status} />\n                  <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {task.estimatedTime} min\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div className=\"text-right shrink-0\">\n              <p className=\"text-xs text-text-secondary\">Assigned by</p>\n              <p className=\"text-sm font-medium text-text-primary\">{task.assignedBy}</p>\n              <p className=\"text-xs text-text-secondary mt-1\">{formatTime(task.assignedTime)}</p>\n            </div>\n          </div>\n\n          {/* Due Time Warning Banner */}\n          {task.dueTime && task.status !== 'completed' && (\n            <div className=\"rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20 p-3\">\n              <div className=\"flex items-center gap-2\">\n                <Timer className=\"h-4 w-4 text-status-warning-text shrink-0\" />\n                <span className=\"text-xs font-medium text-status-warning-text\">\n                  Due by {formatTime(task.dueTime)}\n                </span>\n              </div>\n            </div>\n          )}\n        </EmphasisPanel>\n\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Left Column */}\n          <div className=\"lg:col-span-2 space-y-6\">\n            {/* Customer Information */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">\n                Customer Information\n              </h3>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                <div>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                        <User className=\"h-5 w-5\" />\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {task.customerInfo.name}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">{task.customerInfo.phone}</p>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex gap-2 mt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={handleCallCustomer}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={handleNavigateToLocation}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary mb-2\">Delivery Address</p>\n                  <div className=\"rounded-md bg-bg-sunken/50 p-3\">\n                    <p className=\"text-xs text-text-primary flex items-start gap-2\">\n                      <MapPin className=\"h-3.5 w-3.5 shrink-0 mt-0.5 text-text-secondary\" />\n                      {task.customerInfo.address}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Order Items */}\n            {task.orderItems.length > 0 && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">Order Items</h3>\n                <div className=\"space-y-2\">\n                  {task.orderItems.map((item, index) => (\n                    <div\n                      key={index}\n                      className=\"flex items-start justify-between p-3 rounded-md bg-bg-sunken/50\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {item.quantity}x {item.name}\n                        </p>\n                        {item.specialInstructions && (\n                          <p className=\"text-xs text-text-secondary mt-0.5\">\n                            Note: {item.specialInstructions}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Special Instructions */}\n            {task.specialInstructions && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n                  Special Instructions\n                </h3>\n                <div className=\"rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20 p-4\">\n                  <p className=\"text-sm text-status-warning-text flex items-start gap-2\">\n                    <AlertTriangle className=\"h-4 w-4 shrink-0 mt-0.5 text-status-warning-text\" />\n                    {task.specialInstructions}\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {/* Reference Photos */}\n            {task.photos && task.photos.length > 0 && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                  <Camera className=\"h-4 w-4 text-text-secondary\" />\n                  Reference Photos\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                  {task.photos.map((photo, index) => (\n                    <img\n                      key={index}\n                      src={photo}\n                      alt={`Reference ${index + 1}`}\n                      className=\"w-full h-32 object-cover rounded-lg border border-border-subtle\"\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Task Notes */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n              <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                <StickyNote className=\"h-4 w-4 text-text-secondary\" />\n                Task Notes\n              </h3>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Add your notes about this task...\"\n                rows={4}\n                className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-border-focus/40 resize-none\"\n              />\n              <button\n                type=\"button\"\n                onClick={handleSaveNotes}\n                className=\"mt-3 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                <Save className=\"h-3.5 w-3.5\" />\n                Save Notes\n              </button>\n            </div>\n          </div>\n\n          {/* Right Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Task Details */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Task Details</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <FileText className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Order ID</p>\n                    <p className=\"text-sm font-medium font-mono text-text-primary\">\n                      {task.orderId}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Cart</p>\n                    <p className=\"text-sm font-medium text-text-primary\">{task.cartName}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Due At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.dueTime)}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <IndianRupee className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Earnings</p>\n                    <p className=\"text-sm font-medium text-status-success-text\">\n                      {formatCurrency(task.earnings, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                </div>\n                {task.distance != null && (\n                  <div className=\"flex items-center gap-2\">\n                    <Navigation className=\"h-4 w-4 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-xs text-text-secondary\">Distance</p>\n                      <p className=\"text-sm text-text-primary\">{task.distance} km</p>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Assigned At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.assignedTime)}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Status Timeline */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">Status Timeline</h3>\n              <div className=\"relative\">\n                {timeline.map((event, index) => {\n                  const isLast = index === timeline.length - 1;\n                  const Icon = event.completed ? CheckCircle2 : Circle;\n\n                  return (\n                    <div key={event.status} className=\"flex gap-3\">\n                      <div className=\"flex flex-col items-center\">\n                        <div\n                          className={cn(\n                            'flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n                            event.completed\n                              ? 'bg-status-success-bg-subtle text-status-success-text'\n                              : 'bg-bg-sunken text-text-secondary'\n                          )}\n                        >\n                          <Icon className=\"h-3.5 w-3.5\" />\n                        </div>\n                        {!isLast && (\n                          <div\n                            className={cn(\n                              'w-0.5 flex-1 my-1',\n                              event.completed ? 'bg-status-success-bg-subtle' : 'bg-border'\n                            )}\n                          />\n                        )}\n                      </div>\n                      <div className={cn('pb-5', isLast && 'pb-0')}>\n                        <p className=\"text-sm font-medium text-text-primary\">{event.label}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {event.timestamp ? formatDate(event.timestamp) : 'Pending'}\n                        </p>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Action Buttons */}\n            <div className=\"space-y-3\">\n              {task.status === 'pending' && (\n                <button\n                  type=\"button\"\n                  onClick={handleStartTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-[var(--color-accent-soft)] px-4 py-3 text-sm font-medium text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors\"\n                >\n                  <PlayCircle className=\"h-4 w-4\" />\n                  Start Task\n                </button>\n              )}\n              {task.status === 'in_progress' && (\n                <button\n                  type=\"button\"\n                  onClick={handleCompleteTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-3 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                >\n                  <CheckCircle2 className=\"h-4 w-4\" />\n                  Complete Task\n                </button>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/worker/orders')}\n                className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n              >\n                <ArrowLeft className=\"h-4 w-4\" />\n                Back to Tasks\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TaskDetailsPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/worker/TaskDetailsPage.tsx"],"sourcesContent":["/**\n * Task Details Page\n *\n * Full-featured task details page with:\n * - Loading state with spinner\n * - Notes section: textarea for adding worker notes + Save Notes button\n * - Reference Photos grid display\n * - Special Instructions section with yellow warning-style card\n * - Start Task / Complete Task action buttons with state changes\n * - Call Customer button linking to tel:\n * - Navigate to Location button opening Google Maps\n * - Due time warning banner\n * - Task type icon display\n * - Status and priority badges\n * - Order items with special instructions per item\n * - Full delivery address\n * - Status timeline\n *\n * @module kadaikodi/pages/worker\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Package,\n  Phone,\n  MapPin,\n  Clock,\n  IndianRupee,\n  Navigation,\n  CheckCircle2,\n  Circle,\n  PlayCircle,\n  ShoppingBag,\n  User,\n  AlertTriangle,\n  FileText,\n  Loader2,\n  Truck,\n  ChefHat,\n  Boxes,\n  Sparkles,\n  Camera,\n  StickyNote,\n  Save,\n  Timer,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useWorkerTasks, useUpdateWorkerTaskStatus } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\nimport type { TaskStatus, WorkerTask } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskOrderItem {\n  name: string;\n  quantity: number;\n  specialInstructions?: string;\n}\n\ninterface TaskCustomerInfo {\n  name: string;\n  phone: string;\n  address: string;\n}\n\ninterface TaskDetails {\n  id: string;\n  orderId: string;\n  cartId: string;\n  cartName: string;\n  type: 'delivery' | 'preparation' | 'inventory' | 'cleanup' | 'service' | 'pickup';\n  status: TaskStatus;\n  priority: 'high' | 'medium' | 'low' | 'urgent';\n  title: string;\n  description: string;\n  estimatedTime: number;\n  assignedBy: string;\n  assignedTime: string;\n  dueTime: string;\n  location?: string;\n  earnings: number;\n  distance?: number;\n  customerInfo: TaskCustomerInfo;\n  orderItems: TaskOrderItem[];\n  specialInstructions?: string;\n  photos?: string[];\n  notes?: string;\n}\n\ninterface TimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTaskTypeIcon(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    case 'pickup':\n      return ShoppingBag;\n    case 'service':\n      return Package;\n    default:\n      return FileText;\n  }\n}\n\nfunction getPriorityStyle(priority: string): string {\n  switch (priority) {\n    case 'urgent':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    case 'high':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\nfunction buildTimeline(task: TaskDetails): TimelineEvent[] {\n  const assignedTs = task.assignedTime;\n  const inProgressTs =\n    task.status === 'in_progress' || task.status === 'completed'\n      ? new Date(new Date(assignedTs).getTime() + 15 * 60000).toISOString()\n      : null;\n  const completedTs = task.status === 'completed' ? new Date().toISOString() : null;\n\n  return [\n    { status: 'assigned', label: 'Task Assigned', timestamp: assignedTs, completed: true },\n    {\n      status: 'in_progress',\n      label: 'Work Started',\n      timestamp: inProgressTs,\n      completed: task.status === 'in_progress' || task.status === 'completed',\n    },\n    {\n      status: 'completed',\n      label: 'Task Completed',\n      timestamp: completedTs,\n      completed: task.status === 'completed',\n    },\n  ];\n}\n\nfunction formatTime(dateString: string): string {\n  return new Date(dateString).toLocaleTimeString('en-IN', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n}\n\n/** Map a real worker task into the page's detail view-model (no fabricated fields). */\nfunction mapWorkerTaskToDetails(t: WorkerTask): TaskDetails {\n  const address = t.deliveryAddress\n    ? [t.deliveryAddress.street, t.deliveryAddress.area, t.deliveryAddress.city, t.deliveryAddress.pincode]\n        .filter(Boolean)\n        .join(', ')\n    : '';\n  return {\n    id: t.id,\n    orderId: t.orderId,\n    cartId: t.cartId,\n    cartName: t.cartName,\n    type: t.type,\n    status: t.status,\n    priority: t.priority,\n    title: t.title ?? t.description ?? 'Task',\n    description: t.description,\n    estimatedTime: t.estimatedTime ?? 0,\n    assignedBy: t.assignedBy ?? '',\n    assignedTime: t.assignedAt || new Date().toISOString(),\n    dueTime: t.dueAt,\n    location: t.location,\n    earnings: t.earnings,\n    distance: t.distance,\n    customerInfo: { name: t.customerName, phone: t.customerPhone, address },\n    orderItems: [],\n    specialInstructions: t.notes ?? undefined,\n    notes: t.notes ?? '',\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function TaskDetailsPage() {\n  const { taskId } = useParams<{ taskId: string }>();\n  const { navigateTo, currentUser } = useKadaikodi();\n  const workerId = currentUser?.id ?? '';\n  const { data: tasks = [], isLoading: loading } = useWorkerTasks(workerId);\n  const updateTaskStatus = useUpdateWorkerTaskStatus();\n  const [task, setTask] = useState<TaskDetails | null>(null);\n  const [notes, setNotes] = useState('');\n\n  // Sync the local view-model from the real worker-tasks query, matched by route id.\n  useEffect(() => {\n    const found = tasks.find((t) => t.id === taskId);\n    if (found) {\n      const mapped = mapWorkerTaskToDetails(found);\n      setTask(mapped);\n      setNotes(mapped.notes ?? '');\n    } else {\n      setTask(null);\n    }\n  }, [tasks, taskId]);\n\n  const handleStartTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'in_progress' });\n      updateTaskStatus.mutate({ taskId: task.id, status: 'IN_PROGRESS' });\n    }\n  };\n\n  const handleCompleteTask = () => {\n    if (task) {\n      setTask({ ...task, status: 'completed' });\n      updateTaskStatus.mutate({ taskId: task.id, status: 'COMPLETED' });\n    }\n  };\n\n  const handleCallCustomer = () => {\n    if (task?.customerInfo?.phone) {\n      window.location.href = `tel:${task.customerInfo.phone.replace(/\\s/g, '')}`;\n    }\n  };\n\n  const handleNavigateToLocation = () => {\n    if (task?.customerInfo?.address) {\n      const encoded = encodeURIComponent(task.customerInfo.address);\n      window.open(`https://maps.google.com?q=${encoded}`, '_blank');\n    }\n  };\n\n  const handleSaveNotes = () => {\n    if (task) {\n      setTask({ ...task, notes });\n      alert('Notes saved successfully');\n    }\n  };\n\n  const timeline = useMemo(() => (task ? buildTimeline(task) : []), [task]);\n\n  // Loading state\n  if (loading) {\n    return (\n      <PageLayout title=\"Task Details\">\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 task details...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Not found\n  if (!task) {\n    return (\n      <PageLayout title=\"Task Not Found\">\n        <EmptyState\n          icon={<FileText className=\"h-12 w-12\" />}\n          title=\"Task not found\"\n          description={`No task found with ID \"${taskId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/worker/orders')}\n              className=\"rounded-lg 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            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const TaskTypeIcon = getTaskTypeIcon(task.type);\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/worker/orders')}\n            className=\"rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Task Details</span>\n        </div>\n      }\n      description=\"Manage and track your assigned task\"\n    >\n      <PagePurpose className=\"mb-6\">\n        Everything you need to complete one assigned task, in order. Use this page to see exactly\n        what to do, reach the customer, navigate to their location, jot down notes, and mark the task\n        started and then completed as you go — so nothing gets missed and your completion stats stay\n        strong.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"kadaikodi-task-details\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: 'navigate',\n            label: 'Head to the location',\n            description: 'Open directions to the customer.',\n            onClick: handleNavigateToLocation,\n          },\n          {\n            id: 'call',\n            label: 'Call the customer',\n            description: 'Confirm details before you start.',\n            onClick: handleCallCustomer,\n          },\n          {\n            id: 'start',\n            label: task.status === 'completed' ? 'Task completed' : 'Start & complete the task',\n            description:\n              task.status === 'completed'\n                ? 'This task is done — nice work.'\n                : 'Mark it started, then completed when finished.',\n            onClick: task.status === 'completed' ? handleCompleteTask : handleStartTask,\n            done: task.status === 'completed',\n          },\n        ]}\n      />\n\n      <div className=\"space-y-6\">\n        {/* Task Header Card — the one emphasis zone for this page */}\n        <EmphasisPanel>\n          <div className=\"flex items-start justify-between mb-4\">\n            <div className=\"flex items-start gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <TaskTypeIcon className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <h2 className=\"text-xl font-bold text-text-primary\">{task.title}</h2>\n                <p className=\"text-sm text-text-secondary mt-1\">{task.description}</p>\n                <div className=\"flex flex-wrap items-center gap-2 mt-3\">\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium uppercase',\n                      getPriorityStyle(task.priority)\n                    )}\n                  >\n                    {task.priority}\n                  </span>\n                  <StatusBadge status={task.status} />\n                  <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {task.estimatedTime} min\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div className=\"text-right shrink-0\">\n              <p className=\"text-xs text-text-secondary\">Assigned by</p>\n              <p className=\"text-sm font-medium text-text-primary\">{task.assignedBy}</p>\n              <p className=\"text-xs text-text-secondary mt-1\">{formatTime(task.assignedTime)}</p>\n            </div>\n          </div>\n\n          {/* Due Time Warning Banner */}\n          {task.dueTime && task.status !== 'completed' && (\n            <div className=\"rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20 p-3\">\n              <div className=\"flex items-center gap-2\">\n                <Timer className=\"h-4 w-4 text-status-warning-text shrink-0\" />\n                <span className=\"text-xs font-medium text-status-warning-text\">\n                  Due by {formatTime(task.dueTime)}\n                </span>\n              </div>\n            </div>\n          )}\n        </EmphasisPanel>\n\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          {/* Left Column */}\n          <div className=\"lg:col-span-2 space-y-6\">\n            {/* Customer Information */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">\n                Customer Information\n              </h3>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                <div>\n                  <div className=\"space-y-3\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                        <User className=\"h-5 w-5\" />\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {task.customerInfo.name}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">{task.customerInfo.phone}</p>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"flex gap-2 mt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={handleCallCustomer}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={handleNavigateToLocation}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  </div>\n                </div>\n                <div>\n                  <p className=\"text-xs text-text-secondary mb-2\">Delivery Address</p>\n                  <div className=\"rounded-md bg-bg-sunken/50 p-3\">\n                    <p className=\"text-xs text-text-primary flex items-start gap-2\">\n                      <MapPin className=\"h-3.5 w-3.5 shrink-0 mt-0.5 text-text-secondary\" />\n                      {task.customerInfo.address}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Order Items */}\n            {task.orderItems.length > 0 && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">Order Items</h3>\n                <div className=\"space-y-2\">\n                  {task.orderItems.map((item, index) => (\n                    <div\n                      key={index}\n                      className=\"flex items-start justify-between p-3 rounded-md bg-bg-sunken/50\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {item.quantity}x {item.name}\n                        </p>\n                        {item.specialInstructions && (\n                          <p className=\"text-xs text-text-secondary mt-0.5\">\n                            Note: {item.specialInstructions}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Special Instructions */}\n            {task.specialInstructions && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n                  Special Instructions\n                </h3>\n                <div className=\"rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20 p-4\">\n                  <p className=\"text-sm text-status-warning-text flex items-start gap-2\">\n                    <AlertTriangle className=\"h-4 w-4 shrink-0 mt-0.5 text-status-warning-text\" />\n                    {task.specialInstructions}\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {/* Reference Photos */}\n            {task.photos && task.photos.length > 0 && (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n                <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                  <Camera className=\"h-4 w-4 text-text-secondary\" />\n                  Reference Photos\n                </h3>\n                <div className=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                  {task.photos.map((photo, index) => (\n                    <img\n                      key={index}\n                      src={photo}\n                      alt={`Reference ${index + 1}`}\n                      className=\"w-full h-32 object-cover rounded-lg border border-border-subtle\"\n                    />\n                  ))}\n                </div>\n              </div>\n            )}\n\n            {/* Task Notes */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n              <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2 mb-3\">\n                <StickyNote className=\"h-4 w-4 text-text-secondary\" />\n                Task Notes\n              </h3>\n              <textarea\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Add your notes about this task...\"\n                rows={4}\n                className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-border-focus/40 resize-none\"\n              />\n              <button\n                type=\"button\"\n                onClick={handleSaveNotes}\n                className=\"mt-3 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                <Save className=\"h-3.5 w-3.5\" />\n                Save Notes\n              </button>\n            </div>\n          </div>\n\n          {/* Right Sidebar */}\n          <div className=\"space-y-6\">\n            {/* Task Details */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Task Details</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <FileText className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Order ID</p>\n                    <p className=\"text-sm font-medium font-mono text-text-primary\">\n                      {task.orderId}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Cart</p>\n                    <p className=\"text-sm font-medium text-text-primary\">{task.cartName}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Due At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.dueTime)}</p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <IndianRupee className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Earnings</p>\n                    <p className=\"text-sm font-medium text-status-success-text\">\n                      {formatCurrency(task.earnings, { minimumFractionDigits: 0 })}\n                    </p>\n                  </div>\n                </div>\n                {task.distance != null && (\n                  <div className=\"flex items-center gap-2\">\n                    <Navigation className=\"h-4 w-4 text-text-secondary\" />\n                    <div>\n                      <p className=\"text-xs text-text-secondary\">Distance</p>\n                      <p className=\"text-sm text-text-primary\">{task.distance} km</p>\n                    </div>\n                  </div>\n                )}\n                <div className=\"flex items-center gap-2\">\n                  <Clock className=\"h-4 w-4 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Assigned At</p>\n                    <p className=\"text-sm text-text-primary\">{formatDate(task.assignedTime)}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {/* Status Timeline */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">Status Timeline</h3>\n              <div className=\"relative\">\n                {timeline.map((event, index) => {\n                  const isLast = index === timeline.length - 1;\n                  const Icon = event.completed ? CheckCircle2 : Circle;\n\n                  return (\n                    <div key={event.status} className=\"flex gap-3\">\n                      <div className=\"flex flex-col items-center\">\n                        <div\n                          className={cn(\n                            'flex h-7 w-7 shrink-0 items-center justify-center rounded-full',\n                            event.completed\n                              ? 'bg-status-success-bg-subtle text-status-success-text'\n                              : 'bg-bg-sunken text-text-secondary'\n                          )}\n                        >\n                          <Icon className=\"h-3.5 w-3.5\" />\n                        </div>\n                        {!isLast && (\n                          <div\n                            className={cn(\n                              'w-0.5 flex-1 my-1',\n                              event.completed ? 'bg-status-success-bg-subtle' : 'bg-border'\n                            )}\n                          />\n                        )}\n                      </div>\n                      <div className={cn('pb-5', isLast && 'pb-0')}>\n                        <p className=\"text-sm font-medium text-text-primary\">{event.label}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {event.timestamp ? formatDate(event.timestamp) : 'Pending'}\n                        </p>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Action Buttons */}\n            <div className=\"space-y-3\">\n              {task.status === 'pending' && (\n                <button\n                  type=\"button\"\n                  onClick={handleStartTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-[var(--color-accent-soft)] px-4 py-3 text-sm font-medium text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors\"\n                >\n                  <PlayCircle className=\"h-4 w-4\" />\n                  Start Task\n                </button>\n              )}\n              {task.status === 'in_progress' && (\n                <button\n                  type=\"button\"\n                  onClick={handleCompleteTask}\n                  className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-3 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                >\n                  <CheckCircle2 className=\"h-4 w-4\" />\n                  Complete Task\n                </button>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/worker/orders')}\n                className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg bg-accent px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n              >\n                <ArrowLeft className=\"h-4 w-4\" />\n                Back to Tasks\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/kadaikodi/pages/worker/WorkerDashboard.js

@@ -13,7 +13,7 @@ var N = {
 	medium: "bg-status-warning-bg-subtle text-status-warning-text",
 	low: "bg-status-success-bg-subtle text-status-success-text"
 }, P = {
-	pending: "bg-secondary text-secondary-foreground",
+	pending: "bg-bg-sunken text-text-secondary",
 	in_progress: "bg-[var(--color-accent-soft)] text-text-primary",
 	completed: "bg-status-success-bg-subtle text-status-success-text"
 };
@@ -191,11 +191,11 @@ var I = {
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: L.tasksCompleted
+									children: L.totalDeliveries
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: "Completed"
+									children: "Total Deliveries"
 								})
 							]
 						}),
@@ -211,11 +211,11 @@ var I = {
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: L.tasksInProgress
+									children: L.todayTasks
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: "In Progress"
+									children: "Today's Tasks"
 								})
 							]
 						}),
@@ -229,13 +229,13 @@ var I = {
 										children: /* @__PURE__ */ O(h, { className: "h-4 w-4" })
 									})
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ k("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: L.tasksPending
+									children: [L.completionRate, "%"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: "Pending"
+									children: "Completion"
 								})
 							]
 						}),
@@ -249,13 +249,13 @@ var I = {
 										children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
 									})
 								}),
-								/* @__PURE__ */ k("p", {
+								/* @__PURE__ */ O("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: [L.hoursWorked, "h"]
+									children: s(L.todayEarnings, { minimumFractionDigits: 0 })
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: "Hours Worked"
+									children: "Today's Earnings"
 								})
 							]
 						}),
@@ -269,13 +269,13 @@ var I = {
 										children: /* @__PURE__ */ O(D, { className: "h-4 w-4" })
 									})
 								}),
-								/* @__PURE__ */ k("p", {
+								/* @__PURE__ */ O("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: [L.efficiency, "%"]
+									children: s(L.totalEarnings, { minimumFractionDigits: 0 })
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",
-									children: "Efficiency"
+									children: "Total Earnings"
 								})
 							]
 						}),
@@ -291,7 +291,7 @@ var I = {
 								}),
 								/* @__PURE__ */ k("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: [L.rating, "/5"]
+									children: [L.averageRating, "/5"]
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "text-xs text-text-secondary",

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

@@ -1 +1 @@
-{"version":3,"file":"WorkerDashboard.js","names":[],"sources":["../../../../src/kadaikodi/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 kadaikodi/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 { useKadaikodi } from '../../context/KadaikodiContext';\nimport {\n  useWorkerTasks,\n  useWorkerStats,\n  useUpdateWorkerTaskStatus,\n  useWorkerClockInOut,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst priorityStyles: Record<string, string> = {\n  high: 'bg-status-error-bg-subtle text-status-error-text',\n  medium: 'bg-status-warning-bg-subtle text-status-warning-text',\n  low: 'bg-status-success-bg-subtle text-status-success-text',\n};\n\nconst statusStyles: Record<string, string> = {\n  pending: 'bg-secondary text-secondary-foreground',\n  in_progress: 'bg-[var(--color-accent-soft)] text-text-primary',\n  completed: 'bg-status-success-bg-subtle text-status-success-text',\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 } = useKadaikodi();\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 centre — see today's assigned deliveries and tasks at a glance, clock\n          in/out, and jump straight into the order you're working on. Clock in first, then pick up\n          your next task below.\n        </PagePurpose>\n\n        <NextSteps\n          storageKey=\"kadaikodi-worker-dashboard\"\n          steps={[\n            {\n              id: 'clock-in',\n              label: 'Clock in to start your shift',\n              description: 'Track your hours and let dispatch know you are available.',\n              onClick: () => {\n                if (!isClockedIn) handleClockToggle();\n              },\n              done: isClockedIn,\n            },\n            {\n              id: 'orders',\n              label: 'Review assigned orders',\n              description: 'See what needs picking up and delivering today.',\n              onClick: () => navigateTo('/worker/orders'),\n            },\n            {\n              id: 'schedule',\n              label: 'Check your schedule',\n              description: 'Know your upcoming shifts and plan ahead.',\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-status-error-bg-subtle text-status-error-text border border-status-error-text/30 hover:bg-status-error-bg-subtle'\n                  : 'bg-status-success-bg-subtle text-status-success-text border border-status-success-text/30 hover:bg-status-success-bg-subtle'\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 — the one emphasis zone */}\n        {stats && (\n          <EmphasisPanel>\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-status-success-bg-subtle border border-status-success-text/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-status-success-text opacity-75\" />\n                    <span className=\"relative inline-flex rounded-full h-2 w-2 bg-status-success-text\" />\n                  </span>\n                  <span className=\"text-xs font-medium text-status-success-text\">\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-status-success-bg-subtle text-status-success-text\">\n                    <CheckCircle2 className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-success-text\">\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-[var(--color-accent-soft)] text-text-primary\">\n                    <Play className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.tasksInProgress}</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-status-warning-bg-subtle text-status-warning-text\">\n                    <Clock className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-warning-text\">{stats.tasksPending}</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-accent-purple-subtle text-text-primary\">\n                    <Timer className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.hoursWorked}h</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-[var(--color-accent-soft)] text-text-primary\">\n                    <Zap className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.efficiency}%</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-status-warning-bg-subtle text-status-warning-text\">\n                    <Star className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-warning-text\">{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-border-focus/40 bg-[var(--color-accent-soft)] 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-[var(--color-accent-soft)]\">\n                        <TaskIcon className=\"h-5 w-5 text-text-primary\" />\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-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle 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\">\n                                {task.title}\n                              </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-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]'\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              <div className=\"p-8 text-center\">\n                <CheckCircle2 className=\"h-10 w-10 text-status-success-text opacity-40 mx-auto mb-2\" />\n                <p className=\"text-sm text-text-secondary\">All tasks completed!</p>\n              </div>\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-status-success-bg-subtle border border-status-success-text/10\"\n                    >\n                      <div className=\"flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg-subtle\">\n                        <TaskIcon className=\"h-4 w-4 text-status-success-text\" />\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-status-success-text shrink-0\" />\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-secondary text-center py-4\">\n                No completed tasks yet today\n              </p>\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-status-warning-text text-status-warning-text\" />\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-status-warning-text text-status-warning-text\" />\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":"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"}
+{"version":3,"file":"WorkerDashboard.js","names":[],"sources":["../../../../src/kadaikodi/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 kadaikodi/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 { useKadaikodi } from '../../context/KadaikodiContext';\nimport {\n  useWorkerTasks,\n  useWorkerStats,\n  useUpdateWorkerTaskStatus,\n  useWorkerClockInOut,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst priorityStyles: Record<string, string> = {\n  high: 'bg-status-error-bg-subtle text-status-error-text',\n  medium: 'bg-status-warning-bg-subtle text-status-warning-text',\n  low: 'bg-status-success-bg-subtle text-status-success-text',\n};\n\nconst statusStyles: Record<string, string> = {\n  pending: 'bg-bg-sunken text-text-secondary',\n  in_progress: 'bg-[var(--color-accent-soft)] text-text-primary',\n  completed: 'bg-status-success-bg-subtle text-status-success-text',\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 } = useKadaikodi();\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 centre — see today's assigned deliveries and tasks at a glance, clock\n          in/out, and jump straight into the order you're working on. Clock in first, then pick up\n          your next task below.\n        </PagePurpose>\n\n        <NextSteps\n          storageKey=\"kadaikodi-worker-dashboard\"\n          steps={[\n            {\n              id: 'clock-in',\n              label: 'Clock in to start your shift',\n              description: 'Track your hours and let dispatch know you are available.',\n              onClick: () => {\n                if (!isClockedIn) handleClockToggle();\n              },\n              done: isClockedIn,\n            },\n            {\n              id: 'orders',\n              label: 'Review assigned orders',\n              description: 'See what needs picking up and delivering today.',\n              onClick: () => navigateTo('/worker/orders'),\n            },\n            {\n              id: 'schedule',\n              label: 'Check your schedule',\n              description: 'Know your upcoming shifts and plan ahead.',\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-status-error-bg-subtle text-status-error-text border border-status-error-text/30 hover:bg-status-error-bg-subtle'\n                  : 'bg-status-success-bg-subtle text-status-success-text border border-status-success-text/30 hover:bg-status-success-bg-subtle'\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 — the one emphasis zone */}\n        {stats && (\n          <EmphasisPanel>\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-status-success-bg-subtle border border-status-success-text/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-status-success-text opacity-75\" />\n                    <span className=\"relative inline-flex rounded-full h-2 w-2 bg-status-success-text\" />\n                  </span>\n                  <span className=\"text-xs font-medium text-status-success-text\">\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-status-success-bg-subtle text-status-success-text\">\n                    <CheckCircle2 className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-success-text\">\n                  {stats.totalDeliveries}\n                </p>\n                <p className=\"text-xs text-text-secondary\">Total Deliveries</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-[var(--color-accent-soft)] text-text-primary\">\n                    <Play className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.todayTasks}</p>\n                <p className=\"text-xs text-text-secondary\">Today&apos;s Tasks</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-status-warning-bg-subtle text-status-warning-text\">\n                    <Clock className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-warning-text\">\n                  {stats.completionRate}%\n                </p>\n                <p className=\"text-xs text-text-secondary\">Completion</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-accent-purple-subtle text-text-primary\">\n                    <Timer className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">\n                  {formatCurrency(stats.todayEarnings, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"text-xs text-text-secondary\">Today&apos;s Earnings</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-[var(--color-accent-soft)] text-text-primary\">\n                    <Zap className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-text-primary\">\n                  {formatCurrency(stats.totalEarnings, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"text-xs text-text-secondary\">Total Earnings</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-status-warning-bg-subtle text-status-warning-text\">\n                    <Star className=\"h-4 w-4\" />\n                  </div>\n                </div>\n                <p className=\"text-2xl font-bold text-status-warning-text\">\n                  {stats.averageRating}/5\n                </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-border-focus/40 bg-[var(--color-accent-soft)] 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-[var(--color-accent-soft)]\">\n                        <TaskIcon className=\"h-5 w-5 text-text-primary\" />\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-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle 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\">\n                                {task.title}\n                              </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-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]'\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              <div className=\"p-8 text-center\">\n                <CheckCircle2 className=\"h-10 w-10 text-status-success-text opacity-40 mx-auto mb-2\" />\n                <p className=\"text-sm text-text-secondary\">All tasks completed!</p>\n              </div>\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-status-success-bg-subtle border border-status-success-text/10\"\n                    >\n                      <div className=\"flex h-8 w-8 items-center justify-center rounded-md bg-status-success-bg-subtle\">\n                        <TaskIcon className=\"h-4 w-4 text-status-success-text\" />\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-status-success-text shrink-0\" />\n                    </div>\n                  );\n                })}\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-secondary text-center py-4\">\n                No completed tasks yet today\n              </p>\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-status-warning-text text-status-warning-text\" />\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-status-warning-text text-status-warning-text\" />\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":"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"}

package/dist/kadaikodi/pages/worker/WorkerOrdersPage.js

@@ -149,7 +149,7 @@ function A(e) {
 		default: return {
 			icon: v,
 			label: e,
-			style: "bg-secondary text-secondary-foreground"
+			style: "bg-bg-sunken text-text-secondary"
 		};
 	}
 }
@@ -159,7 +159,7 @@ function j(e) {
 		case "high": return "bg-status-warning-bg-subtle text-status-warning-text";
 		case "medium": return "bg-status-warning-bg-subtle text-status-warning-text";
 		case "low": return "bg-status-success-bg-subtle text-status-success-text";
-		default: return "bg-secondary text-secondary-foreground";
+		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
 var M = () => {