@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/cart-owner/CartOwnerDashboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartOwnerDashboard.js","names":[],"sources":["../../../../src/coolandlovely/pages/cart-owner/CartOwnerDashboard.tsx"],"sourcesContent":["/**\n * Cart Owner Dashboard Page\n *\n * Full business overview with time-of-day greeting, stats cards, cart status banner,\n * revenue table, recent orders with full details and actions, quick actions,\n * top selling items, staff overview, notifications sidebar, and monthly summary.\n *\n * @module coolandlovely/pages/cart-owner\n */\n\nimport { useState } from'react';\nimport {\n  IndianRupee,\n  ShoppingCart,\n  Users,\n  Star,\n  TrendingUp,\n  TrendingDown,\n  Clock,\n  ArrowRight,\n  Plus,\n  Settings,\n  BarChart3,\n  Package,\n  MapPin,\n  AlertCircle,\n  Eye,\n  Edit,\n  UserCheck,\n  Activity,\n  Bell,\n  ChevronRight,\n  CheckCircle,\n  XCircle,\n  Flame,\n} from'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from'@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { mockAdminAnalytics } from'../../mocks/data';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency } from'../../utils/formatters';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface BusinessMetrics {\n  totalRevenue: number;\n  dailyRevenue: number;\n  ordersToday: number;\n  totalOrders: number;\n  activeOfferings: number;\n  averageOrderValue: number;\n  customerCount: number;\n  rating: number;\n}\n\ninterface RecentOrder {\n  id: string;\n  customerName: string;\n  items: string[];\n  total: number;\n  status: 'pending' | 'preparing' | 'ready' | 'delivered' | 'cancelled';\n  timestamp: string;\n  priority: 'normal' | 'urgent';\n}\n\ninterface CartStatus {\n  isOpen: boolean;\n  currentLocation: string;\n  lastUpdate: string;\n  operatingHours: string;\n}\n\ninterface TopSellingItem {\n  name: string;\n  quantity: number;\n  revenue: number;\n}\n\ninterface StaffOverview {\n  name: string;\n  role: string;\n  status: 'active' | 'on-break' | 'off-duty';\n}\n\ninterface Notification {\n  id: string;\n  message: string;\n  type: 'info' | 'warning' | 'success';\n  time: string;\n}\n\n// ============================================================================\n// Mock Data\n// ============================================================================\n\nconst metrics: BusinessMetrics = {\n  totalRevenue: 45230,\n  dailyRevenue: 1850,\n  ordersToday: 23,\n  totalOrders: 1247,\n  activeOfferings: 68,\n  averageOrderValue: 80,\n  customerCount: 342,\n  rating: 4.2,\n};\n\nconst initialOrders: RecentOrder[] = [\n  {\n    id: 'ORD-001',\n    customerName: 'Rahul Sharma',\n    items: ['Masala Dosa', 'Filter Coffee', 'Vada'],\n    total: 180,\n    status: 'preparing',\n    timestamp: '10 mins ago',\n    priority: 'urgent',\n  },\n  {\n    id: 'ORD-002',\n    customerName: 'Priya Patel',\n    items: ['Idli Sambar (2)', 'Coconut Chutney'],\n    total: 80,\n    status: 'ready',\n    timestamp: '15 mins ago',\n    priority: 'normal',\n  },\n  {\n    id: 'ORD-003',\n    customerName: 'Amit Kumar',\n    items: ['Rava Dosa', 'Sambar', 'Coffee'],\n    total: 160,\n    status: 'delivered',\n    timestamp: '25 mins ago',\n    priority: 'normal',\n  },\n  {\n    id: 'ORD-004',\n    customerName: 'Sneha Singh',\n    items: ['Upma', 'Coffee'],\n    total: 60,\n    status: 'pending',\n    timestamp: '2 mins ago',\n    priority: 'urgent',\n  },\n];\n\nconst topSellingItems: TopSellingItem[] = [\n  { name: 'Masala Dosa', quantity: 245, revenue: 19600 },\n  { name: 'Filter Coffee', quantity: 312, revenue: 9360 },\n  { name: 'Idli Sambar', quantity: 189, revenue: 7560 },\n  { name: 'Vada', quantity: 156, revenue: 4680 },\n  { name: 'Rava Dosa', quantity: 98, revenue: 8820 },\n];\n\nconst staffOverview: StaffOverview[] = [\n  { name: 'Ramesh Kumar', role: 'Chef', status: 'active' },\n  { name: 'Priya Sharma', role: 'Server', status: 'active' },\n  { name: 'Amit Patel', role: 'Delivery', status: 'on-break' },\n  { name: 'Sneha Reddy', role: 'Manager', status: 'active' },\n];\n\nconst notifications: Notification[] = [\n  { id: '1', message: 'New order #ORD-004 received', type: 'info', time: '2 min ago' },\n  {\n    id: '2',\n    message: 'Low stock alert: Vada batter running low',\n    type: 'warning',\n    time: '15 min ago',\n  },\n  {\n    id: '3',\n    message: 'Order #ORD-003 delivered successfully',\n    type: 'success',\n    time: '25 min ago',\n  },\n  { id: '4', message: 'New 5-star review from Priya Patel', type: 'success', time: '1 hr ago' },\n  { id: '5', message: 'Peak hours approaching (12-2 PM)', type: 'warning', time: '1 hr ago' },\n];\n\nconst revenueData = mockAdminAnalytics.orderTrends.slice(0, 7);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst getGreeting = (): string => {\n  const hour = new Date().getHours();\n  if (hour < 12) return'Good Morning';\n  if (hour < 17) return'Good Afternoon';\n  return'Good Evening';\n};\n\nconst statusStyles: Record<string, string> = {\n  pending: 'bg-status-error-bg-subtle/15 text-status-error-text',\n  preparing: 'bg-status-warning-bg-subtle/15 text-status-warning-text',\n  ready: 'bg-accent-blue-subtle/15 text-accent-blue',\n  delivered: 'bg-status-success-bg-subtle/15 text-status-success-text',\n  cancelled: 'bg-bg-sunken text-text-secondary',\n};\n\nconst staffStatusStyles: Record<string, string> = {\n  active: 'bg-status-success-bg-subtle',\n  'on-break': 'bg-status-warning-bg-subtle',\n  'off-duty': 'bg-muted-foreground',\n};\n\nconst notificationTypeStyles: Record<string, string> = {\n  info: 'text-accent-blue',\n  warning: 'text-status-warning-text',\n  success: 'text-status-success-text',\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CartOwnerDashboard = () => {\n  const { navigateTo } = useCoolAndLovely();\n  const [recentOrders, setRecentOrders] = useState<RecentOrder[]>(initialOrders);\n  const [cartStatus, setCartStatus] = useState<CartStatus>({\n    isOpen: true,\n    currentLocation: 'Koramangala 5th Block, Near BDA Complex',\n    lastUpdate: new Date().toLocaleTimeString(),\n    operatingHours: '9:00 AM - 9:00 PM',\n  });\n\n  const handleAcceptOrder = (orderId: string) => {\n    setRecentOrders((prev) =>\n      prev.map((o) => (o.id === orderId ? { ...o, status: 'preparing' as const } : o))\n    );\n  };\n\n  const handleMarkReady = (orderId: string) => {\n    setRecentOrders((prev) =>\n      prev.map((o) => (o.id === orderId ? { ...o, status: 'ready' as const } : o))\n    );\n  };\n\n  const toggleCartStatus = () => {\n    setCartStatus((prev) => (prev ? { ...prev, isOpen: !prev.isOpen } : prev));\n  };\n\n  return (\n    <PageLayout\n      title={\n        <span>\n          {getGreeting()}, <span className=\"text-text-secondary font-normal\">Rajesh</span>\n        </span>\n      }\n      description=\"Manage your service provider operations\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/cart-owner/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          <ArrowRight className=\"h-4 w-4\" />\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\" icon={<BarChart3 className=\"h-4 w-4\" />}>\n        Run your cart from one screen. Flip your service open or closed, watch\n        today's revenue, orders and rating, jump to the things you do most, and\n        keep tabs on incoming orders and staff — so you spend less time navigating\n        and more time serving customers.\n      </PagePurpose>\n\n      <NextSteps\n        className=\"mb-6\"\n        storageKey=\"coolandlovely-cart-owner-dashboard\"\n        steps={[\n          {\n            id: 'toggle-status',\n            label: cartStatus.isOpen ? 'You are open for orders' : 'Open your service',\n            description: 'Customers can only order when your service is open.',\n            icon: <Activity className=\"h-4 w-4\" />,\n            onClick: toggleCartStatus,\n            done: cartStatus.isOpen,\n          },\n          {\n            id: 'orders',\n            label: 'Handle incoming orders',\n            description: 'Review and progress orders waiting on you right now.',\n            icon: <ShoppingCart className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/cart-owner/orders'),\n          },\n          {\n            id: 'inventory',\n            label: 'Keep your menu current',\n            description: 'Update prices and stock so listings stay accurate.',\n            icon: <Package className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/cart-owner/inventory'),\n          },\n        ]}\n      />\n\n      <div className=\"space-y-6\">\n        {/* Cart Status Banner */}\n        <div\n          className={cn(\n            'p-4 rounded-lg border-l-4',\n            cartStatus.isOpen ? 'border-status-success-border bg-status-success-bg-subtle/5' : 'border-status-error-border bg-status-error-bg-subtle/5'\n          )}\n        >\n          <div className=\"flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4\">\n            <div className=\"flex items-start gap-3\">\n              <div\n                aria-hidden=\"true\"\n                className={cn(\n                  'w-3 h-3 rounded-full mt-1 shrink-0',\n                  cartStatus.isOpen\n                    ? 'bg-status-success-text motion-safe:animate-vc-glow-pulse'\n                    : 'bg-status-error-text'\n                )}\n              />\n              <div>\n                <h3 className=\"font-semibold text-text-primary text-sm\">\n                  Service Status: {cartStatus.isOpen ? 'Open' : 'Closed'}\n                </h3>\n                <div className=\"flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-text-secondary\">\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3 shrink-0\" />\n                    {cartStatus.currentLocation}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3 shrink-0\" />\n                    {cartStatus.operatingHours}\n                  </span>\n                </div>\n              </div>\n            </div>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/cart-owner/settings')}\n                className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n              >\n                <MapPin className=\"h-3 w-3\" />\n                Update Location\n              </button>\n              <button\n                type=\"button\"\n                onClick={toggleCartStatus}\n                className={cn(\n                  'inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                  cartStatus.isOpen\n                    ? 'bg-status-error-bg-subtle/10 text-status-error-text hover:bg-status-error-bg-subtle/20'\n                    : 'bg-status-success-bg-subtle/10 text-status-success-text hover:bg-status-success-bg-subtle/20'\n                )}\n              >\n                {cartStatus.isOpen ? 'Close Service' : 'Open Service'}\n              </button>\n            </div>\n          </div>\n        </div>\n\n        {/* Today's Performance - Stat Cards — primary emphasis zone */}\n        <EmphasisPanel className=\"p-5\">\n          <h2 className=\"text-base font-semibold text-text-primary mb-3\">Today's Performance</h2>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            {[\n              {\n                label: 'Daily Revenue',\n                value: formatCurrency(metrics.dailyRevenue, { minimumFractionDigits: 0 }),\n                icon: IndianRupee,\n                trend: '+15.2% vs yesterday',\n                trendUp: true,\n              },\n              {\n                label: 'Orders Today',\n                value: String(metrics.ordersToday),\n                icon: ShoppingCart,\n                trend: '+8.5% vs yesterday',\n                trendUp: true,\n              },\n              {\n                label: 'Avg Order Value',\n                value: formatCurrency(metrics.averageOrderValue, { minimumFractionDigits: 0 }),\n                icon: TrendingUp,\n                trend: '+3.2% vs last week',\n                trendUp: true,\n              },\n              {\n                label: 'Service Rating',\n                value: metrics.rating.toFixed(1),\n                icon: Star,\n                trend: 'Based on 342 reviews',\n                trendUp: true,\n              },\n            ].map((stat) => {\n              const Icon = stat.icon;\n              return (\n                <div\n                  key={stat.label}\n                  className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\"\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"rounded-md bg-accent p-2\">\n                      <Icon className=\"h-5 w-5 text-text-secondary\" />\n                    </div>\n                    <div className=\"flex items-center gap-1 text-xs text-text-secondary\">\n                      {stat.trendUp ? (\n                        <TrendingUp className=\"h-3 w-3 text-status-success-text\" />\n                      ) : (\n                        <TrendingDown className=\"h-3 w-3 text-status-error-text\" />\n                      )}\n                      <span>{stat.trend}</span>\n                    </div>\n                  </div>\n                  <p className=\"mt-3 text-2xl font-bold text-text-primary\">{stat.value}</p>\n                  <p className=\"mt-1 text-sm text-text-secondary\">{stat.label}</p>\n                </div>\n              );\n            })}\n          </div>\n        </EmphasisPanel>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          {/* Main Content (2/3) */}\n          <div className=\"lg:col-span-2 space-y-6\">\n            {/* Quick Actions */}\n            <div>\n              <h3 className=\"text-base font-semibold mb-3 text-text-primary\">Quick Actions</h3>\n              <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n                {[\n                  {\n                    label: 'Service Config',\n                    icon: Settings,\n                    color: 'bg-accent-orange-subtle/10 text-accent-orange',\n                    path: '/cart-owner/service-config',\n                  },\n                  {\n                    label: 'Manage Offerings',\n                    icon: Package,\n                    color: 'bg-accent-blue-subtle/10 text-accent-blue',\n                    path: '/cart-owner/inventory',\n                  },\n                  {\n                    label: 'View Orders',\n                    icon: ShoppingCart,\n                    color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n                    path: '/cart-owner/orders',\n                  },\n                  {\n                    label: 'Analytics',\n                    icon: BarChart3,\n                    color: 'bg-accent-purple-subtle/10 text-accent-purple',\n                    path: '/cart-owner/analytics',\n                  },\n                  {\n                    label: 'Staff',\n                    icon: UserCheck,\n                    color: 'bg-accent-pink-subtle/10 text-accent-pink',\n                    path: '/cart-owner/staff',\n                  },\n                ].map((action) => {\n                  const Icon = action.icon;\n                  return (\n                    <button\n                      key={action.label}\n                      type=\"button\"\n                      onClick={() => navigateTo(action.path)}\n                      className={cn(\n                        'flex flex-col items-center gap-2 rounded-lg p-4 transition-colors hover:opacity-80',\n                        action.color\n                      )}\n                    >\n                      <Icon className=\"h-5 w-5\" />\n                      <span className=\"text-xs font-medium text-center\">{action.label}</span>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Recent Orders */}\n            <div>\n              <div className=\"flex items-center justify-between mb-3\">\n                <h3 className=\"text-base font-semibold text-text-primary\">Recent Orders</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('/cart-owner/orders')}\n                  className=\"text-xs text-text-secondary hover:text-text-primary transition-colors\"\n                >\n                  View All Orders\n                </button>\n              </div>\n\n              <div className=\"space-y-3\">\n                {recentOrders.map((order) => (\n                  <div\n                    key={order.id}\n                    className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\"\n                  >\n                    <div className=\"flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3\">\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                          <h4 className=\"font-semibold text-text-primary text-sm\">#{order.id}</h4>\n                          <span\n                            className={cn(\n                              'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n                              statusStyles[order.status] || 'bg-bg-sunken text-text-secondary'\n                            )}\n                          >\n                            {order.status}\n                          </span>\n                          {order.priority === 'urgent' && (\n                            <AlertCircle className=\"h-4 w-4 text-status-error-text\" />\n                          )}\n                        </div>\n                        <p className=\"text-xs text-text-secondary mb-1\">\n                          Customer: {order.customerName}\n                        </p>\n                        <p className=\"text-xs text-text-secondary mb-1 truncate\">\n                          Items: {order.items.join(', ')}\n                        </p>\n                        <div className=\"flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                          <span className=\"font-semibold text-text-primary\">\n                            {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Clock className=\"h-3 w-3\" />\n                            {order.timestamp}\n                          </span>\n                        </div>\n                      </div>\n                      <div className=\"flex gap-2\">\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo('/cart-owner/orders')}\n                          className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n                        >\n                          <Eye className=\"h-3 w-3\" />\n                          View\n                        </button>\n                        {order.status === 'pending' && (\n                          <button\n                            type=\"button\"\n                            onClick={() => handleAcceptOrder(order.id)}\n                            className=\"inline-flex items-center gap-1 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                          >\n                            <CheckCircle className=\"h-3 w-3\" />\n                            Accept\n                          </button>\n                        )}\n                        {order.status === 'preparing' && (\n                          <button\n                            type=\"button\"\n                            onClick={() => handleMarkReady(order.id)}\n                            className=\"inline-flex items-center gap-1 rounded-md bg-accent-blue-subtle/10 px-3 py-1.5 text-xs font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors\"\n                          >\n                            <CheckCircle className=\"h-3 w-3\" />\n                            Mark Ready\n                          </button>\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Revenue Table (Last 7 Days) */}\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm\">\n              <div className=\"flex items-center justify-between border-b border-border-subtle px-5 py-4\">\n                <h3 className=\"text-base font-semibold text-text-primary\">Revenue (Last 7 Days)</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('/cart-owner/analytics')}\n                  className=\"text-xs text-text-secondary hover:text-text-primary transition-colors\"\n                >\n                  View Analytics\n                </button>\n              </div>\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border-subtle\">\n                      <th className=\"px-5 py-3 text-left font-medium text-text-secondary\">\n                        Date\n                      </th>\n                      <th className=\"px-5 py-3 text-right font-medium text-text-secondary\">\n                        Orders\n                      </th>\n                      <th className=\"px-5 py-3 text-right font-medium text-text-secondary\">\n                        Revenue\n                      </th>\n                      <th className=\"px-5 py-3 text-left font-medium text-text-secondary\">\n                        Trend\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {revenueData.map((day, idx) => {\n                      const maxRevenue = Math.max(...revenueData.map((d) => d.revenue));\n                      const width = (day.revenue / maxRevenue) * 100;\n                      return (\n                        <tr key={day.date} className=\"border-b border-border-subtle last:border-0\">\n                          <td className=\"px-5 py-3 text-text-primary text-xs\">\n                            {new Date(day.date).toLocaleDateString('en-IN', {\n                              day: '2-digit',\n                              month: 'short',\n                              weekday: 'short',\n                            })}\n                          </td>\n                          <td className=\"px-5 py-3 text-right text-text-primary\">{day.orders}</td>\n                          <td className=\"px-5 py-3 text-right font-medium text-text-primary\">\n                            {formatCurrency(day.revenue, { minimumFractionDigits: 0 })}\n                          </td>\n                          <td className=\"px-5 py-3 w-40\">\n                            <div className=\"h-4 rounded bg-bg-sunken overflow-hidden\">\n                              <div\n                                className=\"h-full rounded bg-accent-blue-subtle/60\"\n                                style={{ width: `${width}%` }}\n                              />\n                            </div>\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n\n            {/* This Month Summary */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">This Month Summary</h3>\n              <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n                <div className=\"text-center p-3 rounded-lg bg-bg-sunken/50\">\n                  <div className=\"text-xl font-bold text-text-primary\">\n                    {formatCurrency(metrics.totalRevenue, { minimumFractionDigits: 0 })}\n                  </div>\n                  <div className=\"text-xs text-text-secondary mt-1\">Total Revenue</div>\n                </div>\n                <div className=\"text-center p-3 rounded-lg bg-bg-sunken/50\">\n                  <div className=\"text-xl font-bold text-text-primary\">{metrics.totalOrders}</div>\n                  <div className=\"text-xs text-text-secondary mt-1\">Total Orders</div>\n                </div>\n                <div className=\"text-center p-3 rounded-lg bg-bg-sunken/50\">\n                  <div className=\"text-xl font-bold text-text-primary\">{metrics.customerCount}</div>\n                  <div className=\"text-xs text-text-secondary mt-1\">Unique Customers</div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Sidebar (1/3) */}\n          <div className=\"space-y-6\">\n            {/* Notifications */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <Bell className=\"h-4 w-4\" />\n                  Notifications\n                </h3>\n                <span className=\"inline-flex items-center justify-center rounded-full bg-status-error-bg-subtle text-white text-[10px] font-bold h-5 w-5\">\n                  {notifications.length}\n                </span>\n              </div>\n              <div className=\"space-y-3\">\n                {notifications.map((notif) => (\n                  <div key={notif.id} className=\"flex items-start gap-2\">\n                    <Activity\n                      className={cn('h-4 w-4 mt-0.5 shrink-0', notificationTypeStyles[notif.type])}\n                    />\n                    <div className=\"min-w-0\">\n                      <p className=\"text-xs text-text-primary leading-tight\">{notif.message}</p>\n                      <p className=\"text-[10px] text-text-secondary mt-0.5\">{notif.time}</p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Top Selling Items */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n                <Flame className=\"h-4 w-4 text-accent-orange\" />\n                Top Selling Items\n              </h3>\n              <div className=\"space-y-3\">\n                {topSellingItems.map((item, idx) => (\n                  <div key={item.name} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <span className=\"text-sm font-bold text-text-secondary w-5\">{idx + 1}</span>\n                      <div className=\"min-w-0\">\n                        <p className=\"text-xs font-medium text-text-primary truncate\">{item.name}</p>\n                        <p className=\"text-[10px] text-text-secondary\">{item.quantity} sold</p>\n                      </div>\n                    </div>\n                    <span className=\"text-xs font-semibold text-text-primary\">\n                      {formatCurrency(item.revenue, { minimumFractionDigits: 0 })}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Staff Overview */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-base font-semibold text-text-primary flex items-center gap-2\">\n                  <Users className=\"h-4 w-4\" />\n                  Staff Overview\n                </h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('/cart-owner/staff')}\n                  className=\"text-xs text-text-secondary hover:text-text-primary transition-colors\"\n                >\n                  Manage\n                </button>\n              </div>\n              <div className=\"space-y-3\">\n                {staffOverview.map((member) => (\n                  <div key={member.name} className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2\">\n                      <div\n                        className={cn('w-2 h-2 rounded-full', staffStatusStyles[member.status])}\n                      />\n                      <div>\n                        <p className=\"text-xs font-medium text-text-primary\">{member.name}</p>\n                        <p className=\"text-[10px] text-text-secondary\">{member.role}</p>\n                      </div>\n                    </div>\n                    <span className=\"text-[10px] capitalize text-text-secondary\">\n                      {member.status.replace('-', ' ')}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Quick Stats */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-4\">Quick Stats</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-text-secondary\">Active Offerings</span>\n                  <span className=\"text-sm font-semibold text-text-primary\">\n                    {metrics.activeOfferings}\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-text-secondary\">Customer Rating</span>\n                  <span className=\"text-sm font-semibold text-text-primary flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text fill-status-warning-text\" />\n                    {metrics.rating}\n                  </span>\n                </div>\n                <div className=\"flex items-center justify-between\">\n                  <span className=\"text-xs text-text-secondary\">Total Customers</span>\n                  <span className=\"text-sm font-semibold text-text-primary\">\n                    {metrics.customerCount}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {/* Business Settings Links */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Business Settings</h3>\n              <div className=\"space-y-2\">\n                {[\n                  { label: 'Service Settings', icon: Settings, path: '/cart-owner/settings' },\n                  { label: 'Business Profile', icon: Edit, path: '/cart-owner/profile' },\n                  { label: 'Add Offerings', icon: Plus, path: '/cart-owner/inventory' },\n                ].map((link) => {\n                  const Icon = link.icon;\n                  return (\n                    <button\n                      key={link.label}\n                      type=\"button\"\n                      onClick={() => navigateTo(link.path)}\n                      className=\"w-full flex items-center justify-between rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n                    >\n                      <span className=\"flex items-center gap-2\">\n                        <Icon className=\"h-3.5 w-3.5\" />\n                        {link.label}\n                      </span>\n                      <ChevronRight className=\"h-3 w-3 text-text-secondary\" />\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Recent Activity */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n              <h3 className=\"text-base font-semibold text-text-primary mb-3\">Recent Activity</h3>\n              <div className=\"space-y-2 text-xs\">\n                <div className=\"flex items-center gap-2\">\n                  <Activity className=\"h-3.5 w-3.5 text-status-success-text\" />\n                  <span className=\"text-text-secondary\">Order #ORD-003 delivered</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Activity className=\"h-3.5 w-3.5 text-accent-blue\" />\n                  <span className=\"text-text-secondary\">Inventory updated</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Activity className=\"h-3.5 w-3.5 text-status-warning-text\" />\n                  <span className=\"text-text-secondary\">New customer review</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}