@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.1

package/dist/adaptercloud/pages/admin/AdminFinancialPage.js

@@ -128,7 +128,7 @@ function b() {
 	}, [C]);
 	let D = (e) => r(e, { minimumFractionDigits: 0 }), O = () => {
 		alert("Financial report export initiated");
-	}, k = (e) => e === 0 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-yellow-500" }) : e === 1 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-gray-400" }) : e === 2 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-amber-700" }) : /* @__PURE__ */ v("span", {
+	}, k = (e) => e === 0 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-status-warning-text" }) : e === 1 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-text-secondary" }) : e === 2 ? /* @__PURE__ */ v(s, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ v("span", {
 		className: "flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary",
 		children: e + 1
 	});
@@ -219,7 +219,7 @@ function b() {
 			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8",
 				children: [/* @__PURE__ */ y("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2 mb-4",
 						children: [/* @__PURE__ */ v(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v("h3", {
@@ -246,7 +246,7 @@ function b() {
 						}, e.id))
 					})]
 				}), /* @__PURE__ */ y("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2 mb-4",
 						children: [/* @__PURE__ */ v(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v("h3", {
@@ -285,7 +285,7 @@ function b() {
 				})]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-6 mb-8",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-6 mb-8 bg-gloss-card shadow-pop",
 				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2 mb-4",
 					children: [/* @__PURE__ */ v(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ v("h3", {
@@ -347,7 +347,7 @@ function b() {
 				className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 				children: [
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ v(m, { className: "h-8 w-8 text-primary mx-auto mb-3" }),
 							/* @__PURE__ */ v("h4", {
@@ -365,15 +365,15 @@ function b() {
 						]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop",
 						children: [
-							/* @__PURE__ */ v(c, { className: "h-8 w-8 text-green-600 dark:text-green-400 mx-auto mb-3" }),
+							/* @__PURE__ */ v(c, { className: "h-8 w-8 text-status-success-text mx-auto mb-3" }),
 							/* @__PURE__ */ v("h4", {
 								className: "text-lg font-semibold text-text-primary mb-2",
 								children: "Average Order Value"
 							}),
 							/* @__PURE__ */ v("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								className: "text-2xl font-bold text-status-success-text",
 								children: D(T.averageOrderValue)
 							}),
 							/* @__PURE__ */ v("p", {
@@ -383,15 +383,15 @@ function b() {
 						]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6 text-center",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop",
 						children: [
-							/* @__PURE__ */ v(d, { className: "h-8 w-8 text-blue-600 dark:text-blue-400 mx-auto mb-3" }),
+							/* @__PURE__ */ v(d, { className: "h-8 w-8 text-accent-blue mx-auto mb-3" }),
 							/* @__PURE__ */ v("h4", {
 								className: "text-lg font-semibold text-text-primary mb-2",
 								children: "Total Payouts"
 							}),
 							/* @__PURE__ */ v("p", {
-								className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+								className: "text-2xl font-bold text-accent-blue",
 								children: D(T.payouts)
 							}),
 							/* @__PURE__ */ v("p", {

package/dist/adaptercloud/pages/admin/AdminFinancialPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminFinancialPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminFinancialPage.tsx"],"sourcesContent":["/**\n * Admin Financial Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured financial reports with date range filter, export button,\n * 4 MetricsGrid cards, top performing carts with medals, revenue by\n * category with progress bars, monthly trends table, 3 additional\n * cards, loading state, and back navigation.\n */\n\nimport { useState, useEffect } from 'react';\nimport {\n  IndianRupee,\n  TrendingUp,\n  TrendingDown,\n  Download,\n  Calendar,\n  BarChart3,\n  ShoppingCart,\n  ArrowLeft,\n  Loader2,\n  Award,\n  Star,\n  ShoppingBag,\n  PieChart,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface FinancialMetrics {\n  totalRevenue: number;\n  monthlyRevenue: number;\n  revenueGrowth: number;\n  totalOrders: number;\n  averageOrderValue: number;\n  commission: number;\n  payouts: number;\n  pendingPayouts: number;\n  topPerformingCarts: Array<{ id: string; name: string; revenue: number; orders: number }>;\n  revenueByCategory: Array<{ category: string; amount: number; percentage: number }>;\n  monthlyTrends: Array<{ month: string; revenue: number; orders: number; commission: number }>;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport function AdminFinancialPage() {\n  const { navigateTo } = useAdapterCloud();\n  const [loading, setLoading] = useState(true);\n  const [dateRange, setDateRange] = useState('30d');\n  const [metrics, setMetrics] = useState<FinancialMetrics | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    const timer = setTimeout(() => {\n      setMetrics({\n        totalRevenue: 2850000,\n        monthlyRevenue: 425000,\n        revenueGrowth: 12.5,\n        totalOrders: 15420,\n        averageOrderValue: 185,\n        commission: 142500,\n        payouts: 280000,\n        pendingPayouts: 45000,\n        topPerformingCarts: [\n          { id: '1', name: 'South Indian Express', revenue: 125000, orders: 850 },\n          { id: '2', name: 'Pizza Corner', revenue: 98000, orders: 620 },\n          { id: '3', name: 'Biryani House', revenue: 87000, orders: 580 },\n          { id: '4', name: 'Healthy Bites', revenue: 76000, orders: 490 },\n          { id: '5', name: 'Street Food Junction', revenue: 65000, orders: 420 },\n        ],\n        revenueByCategory: [\n          { category: 'South Indian', amount: 750000, percentage: 26.3 },\n          { category: 'North Indian', amount: 620000, percentage: 21.8 },\n          { category: 'Chinese', amount: 485000, percentage: 17.0 },\n          { category: 'Fast Food', amount: 425000, percentage: 14.9 },\n          { category: 'Beverages', amount: 320000, percentage: 11.2 },\n          { category: 'Desserts', amount: 250000, percentage: 8.8 },\n        ],\n        monthlyTrends: [\n          { month: 'Jan', revenue: 380000, orders: 1200, commission: 19000 },\n          { month: 'Feb', revenue: 420000, orders: 1350, commission: 21000 },\n          { month: 'Mar', revenue: 395000, orders: 1280, commission: 19750 },\n          { month: 'Apr', revenue: 440000, orders: 1420, commission: 22000 },\n          { month: 'May', revenue: 465000, orders: 1580, commission: 23250 },\n          { month: 'Jun', revenue: 425000, orders: 1400, commission: 21250 },\n        ],\n      });\n      setLoading(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [dateRange]);\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const handleExportReport = () => {\n    alert('Financial report export initiated');\n  };\n\n  const medalIcon = (index: number) => {\n    if (index === 0) return <Award className=\"h-5 w-5 text-yellow-500\" />;\n    if (index === 1) return <Award className=\"h-5 w-5 text-gray-400\" />;\n    if (index === 2) return <Award className=\"h-5 w-5 text-amber-700\" />;\n    return (\n      <span className=\"flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary\">\n        {index + 1}\n      </span>\n    );\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Loading financial data...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading financial data...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!metrics) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Unable to load financial data\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <p className=\"text-text-secondary\">Unable to load financial data</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Financial Reports\"\n      description=\"Revenue, commissions, payouts, and financial trends\"\n      actions={\n        <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> Back\n          </button>\n          <select\n            value={dateRange}\n            onChange={(e) => setDateRange(e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"7d\">Last 7 days</option>\n            <option value=\"30d\">Last 30 days</option>\n            <option value=\"90d\">Last 3 months</option>\n            <option value=\"1y\">Last year</option>\n          </select>\n          <button\n            type=\"button\"\n            onClick={handleExportReport}\n            className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <Download className=\"h-4 w-4\" /> Export Report\n          </button>\n        </div>\n      }\n    >\n      {/* 4 Key Metrics */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8\">\n        <MetricsCard\n          icon={<IndianRupee className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.totalRevenue)}\n          label=\"Total Revenue\"\n          trend=\"up\"\n          trendValue={`+${metrics.revenueGrowth}% vs last period`}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.monthlyRevenue)}\n          label=\"Monthly Revenue\"\n          trendValue=\"Current month\"\n        />\n        <MetricsCard\n          icon={<PieChart className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.commission)}\n          label=\"Commission Earned\"\n          trendValue=\"Platform commission\"\n        />\n        <MetricsCard\n          icon={<TrendingDown className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.pendingPayouts)}\n          label=\"Pending Payouts\"\n          trendValue=\"Amount pending\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* Top Performing Carts */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShoppingCart className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Top Performing Carts</h3>\n          </div>\n          <div className=\"space-y-3\">\n            {metrics.topPerformingCarts.map((cart, index) => (\n              <div\n                key={cart.id}\n                className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  {medalIcon(index)}\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n                    <p className=\"text-xs text-text-secondary\">{cart.orders} orders</p>\n                  </div>\n                </div>\n                <p className=\"text-sm font-semibold text-text-primary\">{fmtCur(cart.revenue)}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Revenue by Category */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Revenue by Category</h3>\n          </div>\n          <div className=\"space-y-3\">\n            {metrics.revenueByCategory.map((category) => (\n              <div key={category.category}>\n                <div className=\"flex items-center justify-between mb-1\">\n                  <span className=\"text-sm font-medium text-text-primary\">{category.category}</span>\n                  <span className=\"text-sm text-text-secondary\">{category.percentage}%</span>\n                </div>\n                <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                  <div\n                    className=\"bg-action-primary-bg h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${category.percentage}%` }}\n                  />\n                </div>\n                <div className=\"text-right mt-1\">\n                  <span className=\"text-sm font-semibold text-text-primary\">\n                    {fmtCur(category.amount)}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Monthly Trends Table */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 mb-8\">\n        <div className=\"flex items-center gap-2 mb-4\">\n          <Calendar className=\"h-5 w-5 text-text-secondary\" />\n          <h3 className=\"text-lg font-semibold text-text-primary\">Monthly Trends</h3>\n        </div>\n        <div className=\"overflow-x-auto\">\n          <table className=\"w-full\">\n            <thead>\n              <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Month\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Revenue\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Orders\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Commission\n                </th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {metrics.monthlyTrends.map((trend) => (\n                <tr key={trend.month} className=\"hover:bg-accent/50 transition-colors\">\n                  <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">{trend.month}</td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {fmtCur(trend.revenue)}\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {trend.orders.toLocaleString('en-IN')}\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {fmtCur(trend.commission)}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      {/* 3 Additional Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <ShoppingBag className=\"h-8 w-8 text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Orders</h4>\n          <p className=\"text-2xl font-bold text-primary\">\n            {metrics.totalOrders.toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">All time orders</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <BarChart3 className=\"h-8 w-8 text-green-600 dark:text-green-400 mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Average Order Value</h4>\n          <p className=\"text-2xl font-bold text-green-600 dark:text-green-400\">\n            {fmtCur(metrics.averageOrderValue)}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Per order average</p>\n        </div>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6 text-center\">\n          <IndianRupee className=\"h-8 w-8 text-blue-600 dark:text-blue-400 mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Payouts</h4>\n          <p className=\"text-2xl font-bold text-blue-600 dark:text-blue-400\">\n            {fmtCur(metrics.payouts)}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Paid to cart owners</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminFinancialPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminFinancialPage.tsx"],"sourcesContent":["/**\n * Admin Financial Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured financial reports with date range filter, export button,\n * 4 MetricsGrid cards, top performing carts with medals, revenue by\n * category with progress bars, monthly trends table, 3 additional\n * cards, loading state, and back navigation.\n */\n\nimport { useState, useEffect } from'react';\nimport {\n  IndianRupee,\n  TrendingUp,\n  TrendingDown,\n  Download,\n  Calendar,\n  BarChart3,\n  ShoppingCart,\n  ArrowLeft,\n  Loader2,\n  Award,\n  Star,\n  ShoppingBag,\n  PieChart,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { MetricsCard } from'../../components/MetricsCard';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency } from'../../utils/formatters';\n\n/* ------------------------------------------------------------------ */\n/* Types */\n/* ------------------------------------------------------------------ */\n\ninterface FinancialMetrics {\n  totalRevenue: number;\n  monthlyRevenue: number;\n  revenueGrowth: number;\n  totalOrders: number;\n  averageOrderValue: number;\n  commission: number;\n  payouts: number;\n  pendingPayouts: number;\n  topPerformingCarts: Array<{ id: string; name: string; revenue: number; orders: number }>;\n  revenueByCategory: Array<{ category: string; amount: number; percentage: number }>;\n  monthlyTrends: Array<{ month: string; revenue: number; orders: number; commission: number }>;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport function AdminFinancialPage() {\n  const { navigateTo } = useAdapterCloud();\n  const [loading, setLoading] = useState(true);\n  const [dateRange, setDateRange] = useState('30d');\n  const [metrics, setMetrics] = useState<FinancialMetrics | null>(null);\n\n  useEffect(() => {\n    setLoading(true);\n    const timer = setTimeout(() => {\n      setMetrics({\n        totalRevenue: 2850000,\n        monthlyRevenue: 425000,\n        revenueGrowth: 12.5,\n        totalOrders: 15420,\n        averageOrderValue: 185,\n        commission: 142500,\n        payouts: 280000,\n        pendingPayouts: 45000,\n        topPerformingCarts: [\n          { id: '1', name: 'South Indian Express', revenue: 125000, orders: 850 },\n          { id: '2', name: 'Pizza Corner', revenue: 98000, orders: 620 },\n          { id: '3', name: 'Biryani House', revenue: 87000, orders: 580 },\n          { id: '4', name: 'Healthy Bites', revenue: 76000, orders: 490 },\n          { id: '5', name: 'Street Food Junction', revenue: 65000, orders: 420 },\n        ],\n        revenueByCategory: [\n          { category: 'South Indian', amount: 750000, percentage: 26.3 },\n          { category: 'North Indian', amount: 620000, percentage: 21.8 },\n          { category: 'Chinese', amount: 485000, percentage: 17.0 },\n          { category: 'Fast Food', amount: 425000, percentage: 14.9 },\n          { category: 'Beverages', amount: 320000, percentage: 11.2 },\n          { category: 'Desserts', amount: 250000, percentage: 8.8 },\n        ],\n        monthlyTrends: [\n          { month: 'Jan', revenue: 380000, orders: 1200, commission: 19000 },\n          { month: 'Feb', revenue: 420000, orders: 1350, commission: 21000 },\n          { month: 'Mar', revenue: 395000, orders: 1280, commission: 19750 },\n          { month: 'Apr', revenue: 440000, orders: 1420, commission: 22000 },\n          { month: 'May', revenue: 465000, orders: 1580, commission: 23250 },\n          { month: 'Jun', revenue: 425000, orders: 1400, commission: 21250 },\n        ],\n      });\n      setLoading(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, [dateRange]);\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const handleExportReport = () => {\n    alert('Financial report export initiated');\n  };\n\n  const medalIcon = (index: number) => {\n    if (index === 0) return <Award className=\"h-5 w-5 text-status-warning-text\" />;\n    if (index === 1) return <Award className=\"h-5 w-5 text-text-secondary\" />;\n    if (index === 2) return <Award className=\"h-5 w-5 text-status-warning-text\" />;\n    return (\n      <span className=\"flex h-5 w-5 items-center justify-center rounded-full bg-bg-sunken text-xs font-bold text-text-secondary\">\n        {index + 1}\n      </span>\n    );\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Loading financial data...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading financial data...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!metrics) {\n    return (\n      <PageLayout title=\"Financial Reports\" description=\"Unable to load financial data\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <p className=\"text-text-secondary\">Unable to load financial data</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Financial Reports\"\n      description=\"Revenue, commissions, payouts, and financial trends\"\n      actions={\n        <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> Back\n          </button>\n          <select\n            value={dateRange}\n            onChange={(e) => setDateRange(e.target.value)}\n            className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            <option value=\"7d\">Last 7 days</option>\n            <option value=\"30d\">Last 30 days</option>\n            <option value=\"90d\">Last 3 months</option>\n            <option value=\"1y\">Last year</option>\n          </select>\n          <button\n            type=\"button\"\n            onClick={handleExportReport}\n            className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <Download className=\"h-4 w-4\" /> Export Report\n          </button>\n        </div>\n      }\n    >\n      {/* 4 Key Metrics */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8\">\n        <MetricsCard\n          icon={<IndianRupee className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.totalRevenue)}\n          label=\"Total Revenue\"\n          trend=\"up\"\n          trendValue={`+${metrics.revenueGrowth}% vs last period`}\n        />\n        <MetricsCard\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.monthlyRevenue)}\n          label=\"Monthly Revenue\"\n          trendValue=\"Current month\"\n        />\n        <MetricsCard\n          icon={<PieChart className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.commission)}\n          label=\"Commission Earned\"\n          trendValue=\"Platform commission\"\n        />\n        <MetricsCard\n          icon={<TrendingDown className=\"h-5 w-5\" />}\n          value={fmtCur(metrics.pendingPayouts)}\n          label=\"Pending Payouts\"\n          trendValue=\"Amount pending\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* Top Performing Carts */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShoppingCart className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Top Performing Carts</h3>\n          </div>\n          <div className=\"space-y-3\">\n            {metrics.topPerformingCarts.map((cart, index) => (\n              <div\n                key={cart.id}\n                className=\"flex items-center justify-between rounded-lg bg-bg-sunken/50 p-3\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  {medalIcon(index)}\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">{cart.name}</p>\n                    <p className=\"text-xs text-text-secondary\">{cart.orders} orders</p>\n                  </div>\n                </div>\n                <p className=\"text-sm font-semibold text-text-primary\">{fmtCur(cart.revenue)}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Revenue by Category */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Revenue by Category</h3>\n          </div>\n          <div className=\"space-y-3\">\n            {metrics.revenueByCategory.map((category) => (\n              <div key={category.category}>\n                <div className=\"flex items-center justify-between mb-1\">\n                  <span className=\"text-sm font-medium text-text-primary\">{category.category}</span>\n                  <span className=\"text-sm text-text-secondary\">{category.percentage}%</span>\n                </div>\n                <div className=\"w-full bg-bg-sunken rounded-full h-2\">\n                  <div\n                    className=\"bg-action-primary-bg h-2 rounded-full transition-all duration-300\"\n                    style={{ width: `${category.percentage}%` }}\n                  />\n                </div>\n                <div className=\"text-right mt-1\">\n                  <span className=\"text-sm font-semibold text-text-primary\">\n                    {fmtCur(category.amount)}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Monthly Trends Table */}\n      <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 mb-8 bg-gloss-card shadow-pop\">\n        <div className=\"flex items-center gap-2 mb-4\">\n          <Calendar className=\"h-5 w-5 text-text-secondary\" />\n          <h3 className=\"text-lg font-semibold text-text-primary\">Monthly Trends</h3>\n        </div>\n        <div className=\"overflow-x-auto\">\n          <table className=\"w-full\">\n            <thead>\n              <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Month\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Revenue\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Orders\n                </th>\n                <th className=\"px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Commission\n                </th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {metrics.monthlyTrends.map((trend) => (\n                <tr key={trend.month} className=\"hover:bg-accent/50 transition-colors\">\n                  <td className=\"px-4 py-3 text-sm font-medium text-text-primary\">{trend.month}</td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {fmtCur(trend.revenue)}\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {trend.orders.toLocaleString('en-IN')}\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-right text-text-primary\">\n                    {fmtCur(trend.commission)}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      {/* 3 Additional Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop\">\n          <ShoppingBag className=\"h-8 w-8 text-primary mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Orders</h4>\n          <p className=\"text-2xl font-bold text-primary\">\n            {metrics.totalOrders.toLocaleString('en-IN')}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">All time orders</p>\n        </div>\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop\">\n          <BarChart3 className=\"h-8 w-8 text-status-success-text mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Average Order Value</h4>\n          <p className=\"text-2xl font-bold text-status-success-text\">\n            {fmtCur(metrics.averageOrderValue)}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Per order average</p>\n        </div>\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 text-center bg-gloss-card shadow-pop\">\n          <IndianRupee className=\"h-8 w-8 text-accent-blue mx-auto mb-3\" />\n          <h4 className=\"text-lg font-semibold text-text-primary mb-2\">Total Payouts</h4>\n          <p className=\"text-2xl font-bold text-accent-blue\">\n            {fmtCur(metrics.payouts)}\n          </p>\n          <p className=\"text-sm text-text-secondary mt-1\">Paid to cart owners</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/admin/AdminOrdersPage.js

@@ -83,18 +83,18 @@ function D() {
 		hour: "2-digit",
 		minute: "2-digit"
 	}), K = (e) => ({
-		delivered: "bg-green-500/20 text-green-600 dark:text-green-400",
-		preparing: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		ready: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		out_for_delivery: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-		cancelled: "bg-red-500/20 text-red-600 dark:text-red-400",
-		confirmed: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		delivered: "bg-status-success-bg-subtle/20 text-status-success-text",
+		preparing: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		ready: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		out_for_delivery: "bg-accent-blue-subtle/20 text-accent-blue",
+		cancelled: "bg-status-error-bg-subtle/20 text-status-error-text",
+		confirmed: "bg-accent-blue-subtle/20 text-accent-blue"
 	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
 		switch (e) {
-			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-green-600 dark:text-green-400" });
-			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-red-600 dark:text-red-400" });
-			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" });
-			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400" });
+			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-success-text" });
+			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-status-error-text" });
+			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-accent-blue" });
+			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-status-warning-text" });
 		}
 	}, J = o(() => O.filter((e) => {
 		let t = !P || e.id.toLowerCase().includes(P.toLowerCase()) || e.customerName.toLowerCase().includes(P.toLowerCase()) || e.cartName.toLowerCase().includes(P.toLowerCase()), n = I === "all" || e.status === I;
@@ -154,7 +154,7 @@ function D() {
 				]
 			}),
 			/* @__PURE__ */ w("div", {
-				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
 				children: /* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-4",
 					children: [/* @__PURE__ */ T("div", {

package/dist/adaptercloud/pages/admin/AdminOrdersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminOrdersPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminOrdersPage.tsx"],"sourcesContent":["/**\n * Admin Orders Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured order management with 4 MetricsGrid stats, 3 filters,\n * dual layout (mobile cards + desktop table with 8 columns),\n * Order Details Modal with all sections and update status dropdown.\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  Search,\n  ShoppingBag,\n  IndianRupee,\n  TrendingUp,\n  Clock,\n  Eye,\n  CheckCircle2,\n  XCircle,\n  RefreshCw,\n  AlertCircle,\n  Loader2,\n  X,\n  Truck,\n  MapPin,\n  Phone,\n  User,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ntype OrderStatus =\n  | 'pending'\n  | 'confirmed'\n  | 'preparing'\n  | 'ready'\n  | 'out_for_delivery'\n  | 'delivered'\n  | 'cancelled';\n\ninterface Order {\n  id: string;\n  customerName: string;\n  customerPhone: string;\n  cartName: string;\n  cartOwner: string;\n  items: string[];\n  total: number;\n  status: OrderStatus;\n  paymentMethod: string;\n  paymentStatus: 'pending' | 'completed' | 'failed' | 'refunded';\n  orderDate: string;\n  deliveryTime: string;\n  deliveryAddress: string;\n  workerAssigned?: string;\n  notes?: string;\n}\n\ninterface OrderStats {\n  totalOrders: number;\n  pendingOrders: number;\n  totalRevenue: number;\n  averageOrderValue: number;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Mock data                                                          */\n/* ------------------------------------------------------------------ */\n\nconst mockOrders: Order[] = [\n  {\n    id: 'ORD-2024-001',\n    customerName: 'Rajesh Kumar',\n    customerPhone: '+91 98765 43210',\n    cartName: 'Dosa Express',\n    cartOwner: 'Suresh Rao',\n    items: ['Masala Dosa x2', 'Filter Coffee x2', 'Vada x1'],\n    total: 280,\n    status: 'delivered',\n    paymentMethod: 'UPI',\n    paymentStatus: 'completed',\n    orderDate: '2024-01-15T10:30:00',\n    deliveryTime: '2024-01-15T11:15:00',\n    deliveryAddress: '123, 4th Cross, Koramangala',\n    workerAssigned: 'Ravi Kumar',\n  },\n  {\n    id: 'ORD-2024-002',\n    customerName: 'Priya Sharma',\n    customerPhone: '+91 87654 32109',\n    cartName: 'Juice Junction',\n    cartOwner: 'Amit Patel',\n    items: ['Fresh Orange Juice x1', 'Watermelon Juice x1'],\n    total: 120,\n    status: 'preparing',\n    paymentMethod: 'Cash',\n    paymentStatus: 'pending',\n    orderDate: '2024-01-15T11:45:00',\n    deliveryTime: '2024-01-15T12:15:00',\n    deliveryAddress: '456, BTM Layout',\n    notes: 'Extra ice please',\n  },\n  {\n    id: 'ORD-2024-003',\n    customerName: 'Amit Singh',\n    customerPhone: '+91 76543 21098',\n    cartName: 'Chaat Corner',\n    cartOwner: 'Ramesh Verma',\n    items: ['Pani Puri x1', 'Bhel Puri x1', 'Dahi Puri x1'],\n    total: 150,\n    status: 'pending',\n    paymentMethod: 'Card',\n    paymentStatus: 'completed',\n    orderDate: '2024-01-15T12:00:00',\n    deliveryTime: '2024-01-15T12:30:00',\n    deliveryAddress: '789, HSR Layout',\n  },\n];\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport function AdminOrdersPage() {\n  const { navigateTo } = useAdapterCloud();\n\n  const [orders, setOrders] = useState<Order[]>([]);\n  const [stats, setStats] = useState<OrderStats | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [dateFilter, setDateFilter] = useState('today');\n  const [selectedOrder, setSelectedOrder] = useState<Order | null>(null);\n  const [showOrderModal, setShowOrderModal] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setStats({\n        totalOrders: 156,\n        pendingOrders: 12,\n        totalRevenue: 125600,\n        averageOrderValue: 805,\n      });\n      setOrders(mockOrders);\n      setIsLoading(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const formatDate = (d: string) =>\n    new Date(d).toLocaleString('en-IN', {\n      day: '2-digit',\n      month: 'short',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n\n  const getStatusColor = (status: string) => {\n    const map: Record<string, string> = {\n      delivered: 'bg-green-500/20 text-green-600 dark:text-green-400',\n      preparing: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n      ready: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n      out_for_delivery: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n      cancelled: 'bg-red-500/20 text-red-600 dark:text-red-400',\n      confirmed: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n    };\n    return map[status] ?? 'bg-secondary text-secondary-foreground';\n  };\n\n  const getPaymentIcon = (status: string) => {\n    switch (status) {\n      case 'completed':\n        return <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400\" />;\n      case 'failed':\n        return <XCircle className=\"h-4 w-4 text-red-600 dark:text-red-400\" />;\n      case 'refunded':\n        return <RefreshCw className=\"h-4 w-4 text-blue-600 dark:text-blue-400\" />;\n      default:\n        return <AlertCircle className=\"h-4 w-4 text-yellow-600 dark:text-yellow-400\" />;\n    }\n  };\n\n  const filteredOrders = useMemo(() => {\n    return orders.filter((order) => {\n      const matchesSearch =\n        !searchQuery ||\n        order.id.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        order.customerName.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        order.cartName.toLowerCase().includes(searchQuery.toLowerCase());\n      const matchesStatus = statusFilter === 'all' || order.status === statusFilter;\n      return matchesSearch && matchesStatus;\n    });\n  }, [orders, searchQuery, statusFilter]);\n\n  const handleUpdateStatus = (orderId: string, newStatus: OrderStatus) => {\n    setOrders((prev) => prev.map((o) => (o.id === orderId ? { ...o, status: newStatus } : o)));\n    setShowOrderModal(false);\n    alert(`Order ${orderId} updated to ${newStatus.replace('_', ' ')}`);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Order Management\" description=\"Loading orders...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading orders...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Order Management\"\n      description={`${stats?.totalOrders ?? 0} total orders on the platform`}\n    >\n      {/* 4 Metrics Grid */}\n      {stats && (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n          <MetricsCard\n            icon={<ShoppingBag className=\"h-5 w-5\" />}\n            value={stats.totalOrders}\n            label=\"Total Orders\"\n            trendValue=\"Orders today\"\n          />\n          <MetricsCard\n            icon={<IndianRupee className=\"h-5 w-5\" />}\n            value={fmtCur(stats.totalRevenue)}\n            label=\"Revenue\"\n            trend=\"up\"\n            trendValue=\"+15.2% vs yesterday\"\n          />\n          <MetricsCard\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            value={fmtCur(stats.averageOrderValue)}\n            label=\"Avg Order Value\"\n            trendValue=\"Average order value\"\n          />\n          <MetricsCard\n            icon={<Clock className=\"h-5 w-5\" />}\n            value={stats.pendingOrders}\n            label=\"Pending Orders\"\n            trendValue=\"Awaiting action\"\n          />\n        </div>\n      )}\n\n      {/* 3 Filters */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6\">\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search by order ID, customer, or cart name...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n            <select\n              value={statusFilter}\n              onChange={(e) => setStatusFilter(e.target.value)}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              <option value=\"all\">All Status</option>\n              <option value=\"pending\">Pending</option>\n              <option value=\"confirmed\">Confirmed</option>\n              <option value=\"preparing\">Preparing</option>\n              <option value=\"ready\">Ready</option>\n              <option value=\"out_for_delivery\">Out for Delivery</option>\n              <option value=\"delivered\">Delivered</option>\n              <option value=\"cancelled\">Cancelled</option>\n            </select>\n            <select\n              value={dateFilter}\n              onChange={(e) => setDateFilter(e.target.value)}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              <option value=\"today\">Today</option>\n              <option value=\"yesterday\">Yesterday</option>\n              <option value=\"week\">This Week</option>\n              <option value=\"month\">This Month</option>\n            </select>\n          </div>\n        </div>\n      </div>\n\n      {/* Dual Layout */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface overflow-hidden\">\n        {/* Mobile Card View */}\n        <div className=\"block md:hidden space-y-4 p-4\">\n          {filteredOrders.map((order) => (\n            <div key={order.id} className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\">\n              <div className=\"flex justify-between items-start mb-3\">\n                <div>\n                  <h3 className=\"font-medium text-text-primary text-lg\">{order.id}</h3>\n                  <p className=\"text-sm text-text-secondary\">{formatDate(order.orderDate)}</p>\n                </div>\n                <span\n                  className={cn(\n                    'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                    getStatusColor(order.status)\n                  )}\n                >\n                  {order.status.replace('_', ' ')}\n                </span>\n              </div>\n              <div className=\"grid grid-cols-2 gap-4 mb-3 text-sm\">\n                <div>\n                  <p className=\"text-text-secondary font-medium\">Customer</p>\n                  <p className=\"text-text-primary\">{order.customerName}</p>\n                  <p className=\"text-text-secondary text-xs\">{order.customerPhone}</p>\n                </div>\n                <div>\n                  <p className=\"text-text-secondary font-medium\">Cart</p>\n                  <p className=\"text-text-primary\">{order.cartName}</p>\n                  <p className=\"text-text-secondary text-xs\">{order.cartOwner}</p>\n                </div>\n              </div>\n              <div className=\"flex justify-between items-center mb-3\">\n                <div>\n                  <p className=\"text-text-secondary font-medium text-sm\">Amount</p>\n                  <p className=\"text-text-primary font-semibold text-lg\">{fmtCur(order.total)}</p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  {getPaymentIcon(order.paymentStatus)}\n                  <div className=\"text-right\">\n                    <p className=\"text-sm text-text-primary\">{order.paymentMethod}</p>\n                    <p className=\"text-xs text-text-secondary capitalize\">\n                      {order.paymentStatus}\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSelectedOrder(order);\n                  setShowOrderModal(true);\n                }}\n                className=\"w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2\"\n              >\n                <Eye className=\"h-4 w-4\" /> View Details\n              </button>\n            </div>\n          ))}\n        </div>\n\n        {/* Desktop Table View */}\n        <div className=\"hidden md:block overflow-x-auto\">\n          <table className=\"w-full\">\n            <thead>\n              <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Order ID\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Customer\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Cart\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Amount\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Status\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Payment\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Time\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Actions\n                </th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {filteredOrders.map((order) => (\n                <tr key={order.id} className=\"hover:bg-accent/50 transition-colors\">\n                  <td className=\"px-4 py-3 text-sm font-mono font-medium text-text-primary\">\n                    {order.id}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"text-sm font-medium text-text-primary\">{order.customerName}</div>\n                    <div className=\"text-xs text-text-secondary\">{order.customerPhone}</div>\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"text-sm font-medium text-text-primary\">{order.cartName}</div>\n                    <div className=\"text-xs text-text-secondary\">{order.cartOwner}</div>\n                  </td>\n                  <td className=\"px-4 py-3 text-sm font-semibold text-text-primary\">\n                    {fmtCur(order.total)}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                        getStatusColor(order.status)\n                      )}\n                    >\n                      {order.status.replace('_', ' ')}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"flex items-center gap-2\">\n                      {getPaymentIcon(order.paymentStatus)}\n                      <div>\n                        <div className=\"text-sm text-text-primary\">{order.paymentMethod}</div>\n                        <div className=\"text-xs text-text-secondary capitalize\">\n                          {order.paymentStatus}\n                        </div>\n                      </div>\n                    </div>\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                    {formatDate(order.orderDate)}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <button\n                      type=\"button\"\n                      onClick={() => {\n                        setSelectedOrder(order);\n                        setShowOrderModal(true);\n                      }}\n                      className=\"rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors\"\n                    >\n                      <Eye className=\"h-4 w-4\" />\n                    </button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n\n        {filteredOrders.length === 0 && (\n          <div className=\"flex flex-col items-center justify-center py-12 px-4\">\n            <ShoppingBag className=\"h-10 w-10 text-text-secondary/50 mb-3\" />\n            <p className=\"text-sm text-text-secondary\">No orders found matching your criteria</p>\n          </div>\n        )}\n      </div>\n\n      {/* Order Details Modal */}\n      {showOrderModal && selectedOrder && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto\">\n            <div className=\"flex items-center justify-between p-4 border-b border-border-subtle\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Order Details</h2>\n              <button\n                type=\"button\"\n                onClick={() => setShowOrderModal(false)}\n                className=\"rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors\"\n              >\n                <X className=\"h-5 w-5\" />\n              </button>\n            </div>\n            <div className=\"p-4 space-y-6\">\n              {/* Order Info */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Order Information</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Order ID</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.id}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Status</p>\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                        getStatusColor(selectedOrder.status)\n                      )}\n                    >\n                      {selectedOrder.status.replace('_', ' ')}\n                    </span>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Order Date</p>\n                    <p className=\"font-medium text-text-primary\">\n                      {formatDate(selectedOrder.orderDate)}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Delivery Time</p>\n                    <p className=\"font-medium text-text-primary\">\n                      {formatDate(selectedOrder.deliveryTime)}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Customer Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n                  <User className=\"h-4 w-4\" /> Customer Details\n                </h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Name</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.customerName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Phone</p>\n                    <p className=\"font-medium text-text-primary flex items-center gap-1\">\n                      <Phone className=\"h-3 w-3\" />\n                      {selectedOrder.customerPhone}\n                    </p>\n                  </div>\n                  <div className=\"sm:col-span-2\">\n                    <p className=\"text-sm text-text-secondary\">Delivery Address</p>\n                    <p className=\"font-medium text-text-primary flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {selectedOrder.deliveryAddress}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Cart Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Cart Details</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Cart Name</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.cartName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Cart Owner</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.cartOwner}</p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Order Items */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Order Items</h3>\n                <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                  <ul className=\"space-y-2\">\n                    {selectedOrder.items.map((item, i) => (\n                      <li key={i} className=\"text-sm text-text-primary\">\n                        {item}\n                      </li>\n                    ))}\n                  </ul>\n                  <div className=\"mt-4 pt-4 border-t border-border-subtle flex justify-between items-center\">\n                    <span className=\"font-semibold text-text-primary\">Total Amount</span>\n                    <span className=\"font-semibold text-lg text-text-primary\">\n                      {fmtCur(selectedOrder.total)}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              {/* Payment Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Payment Details</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Method</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.paymentMethod}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Status</p>\n                    <div className=\"flex items-center gap-2\">\n                      {getPaymentIcon(selectedOrder.paymentStatus)}\n                      <span className=\"font-medium text-text-primary capitalize\">\n                        {selectedOrder.paymentStatus}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Worker Assignment */}\n              {selectedOrder.workerAssigned && (\n                <div>\n                  <h3 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n                    <Truck className=\"h-4 w-4\" /> Delivery Assignment\n                  </h3>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Assigned Worker</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.workerAssigned}</p>\n                  </div>\n                </div>\n              )}\n\n              {/* Notes */}\n              {selectedOrder.notes && (\n                <div>\n                  <h3 className=\"font-semibold text-text-primary mb-3\">Special Instructions</h3>\n                  <p className=\"text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary\">\n                    {selectedOrder.notes}\n                  </p>\n                </div>\n              )}\n\n              {/* Actions */}\n              <div className=\"flex flex-col sm:flex-row sm:justify-end gap-3 pt-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setShowOrderModal(false)}\n                  className=\"rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                >\n                  Close\n                </button>\n                {selectedOrder.status !== 'delivered' && selectedOrder.status !== 'cancelled' && (\n                  <select\n                    className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    value={selectedOrder.status}\n                    onChange={(e) =>\n                      handleUpdateStatus(selectedOrder.id, e.target.value as OrderStatus)\n                    }\n                  >\n                    <option value=\"pending\">Pending</option>\n                    <option value=\"confirmed\">Confirmed</option>\n                    <option value=\"preparing\">Preparing</option>\n                    <option value=\"ready\">Ready</option>\n                    <option value=\"out_for_delivery\">Out for Delivery</option>\n                    <option value=\"delivered\">Delivered</option>\n                    <option value=\"cancelled\">Cancelled</option>\n                  </select>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminOrdersPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminOrdersPage.tsx"],"sourcesContent":["/**\n * Admin Orders Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured order management with 4 MetricsGrid stats, 3 filters,\n * dual layout (mobile cards + desktop table with 8 columns),\n * Order Details Modal with all sections and update status dropdown.\n */\n\nimport { useState, useEffect, useMemo } from'react';\nimport {\n  Search,\n  ShoppingBag,\n  IndianRupee,\n  TrendingUp,\n  Clock,\n  Eye,\n  CheckCircle2,\n  XCircle,\n  RefreshCw,\n  AlertCircle,\n  Loader2,\n  X,\n  Truck,\n  MapPin,\n  Phone,\n  User,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { MetricsCard } from'../../components/MetricsCard';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { cn } from'../../utils/cn';\nimport { formatCurrency } from'../../utils/formatters';\n\n/* ------------------------------------------------------------------ */\n/* Types */\n/* ------------------------------------------------------------------ */\n\ntype OrderStatus =\n  | 'pending'\n  | 'confirmed'\n  | 'preparing'\n  | 'ready'\n  | 'out_for_delivery'\n  | 'delivered'\n  | 'cancelled';\n\ninterface Order {\n  id: string;\n  customerName: string;\n  customerPhone: string;\n  cartName: string;\n  cartOwner: string;\n  items: string[];\n  total: number;\n  status: OrderStatus;\n  paymentMethod: string;\n  paymentStatus: 'pending' | 'completed' | 'failed' | 'refunded';\n  orderDate: string;\n  deliveryTime: string;\n  deliveryAddress: string;\n  workerAssigned?: string;\n  notes?: string;\n}\n\ninterface OrderStats {\n  totalOrders: number;\n  pendingOrders: number;\n  totalRevenue: number;\n  averageOrderValue: number;\n}\n\n/* ------------------------------------------------------------------ */\n/* Mock data */\n/* ------------------------------------------------------------------ */\n\nconst mockOrders: Order[] = [\n  {\n    id: 'ORD-2024-001',\n    customerName: 'Rajesh Kumar',\n    customerPhone: '+91 98765 43210',\n    cartName: 'Dosa Express',\n    cartOwner: 'Suresh Rao',\n    items: ['Masala Dosa x2', 'Filter Coffee x2', 'Vada x1'],\n    total: 280,\n    status: 'delivered',\n    paymentMethod: 'UPI',\n    paymentStatus: 'completed',\n    orderDate: '2024-01-15T10:30:00',\n    deliveryTime: '2024-01-15T11:15:00',\n    deliveryAddress: '123, 4th Cross, Koramangala',\n    workerAssigned: 'Ravi Kumar',\n  },\n  {\n    id: 'ORD-2024-002',\n    customerName: 'Priya Sharma',\n    customerPhone: '+91 87654 32109',\n    cartName: 'Juice Junction',\n    cartOwner: 'Amit Patel',\n    items: ['Fresh Orange Juice x1', 'Watermelon Juice x1'],\n    total: 120,\n    status: 'preparing',\n    paymentMethod: 'Cash',\n    paymentStatus: 'pending',\n    orderDate: '2024-01-15T11:45:00',\n    deliveryTime: '2024-01-15T12:15:00',\n    deliveryAddress: '456, BTM Layout',\n    notes: 'Extra ice please',\n  },\n  {\n    id: 'ORD-2024-003',\n    customerName: 'Amit Singh',\n    customerPhone: '+91 76543 21098',\n    cartName: 'Chaat Corner',\n    cartOwner: 'Ramesh Verma',\n    items: ['Pani Puri x1', 'Bhel Puri x1', 'Dahi Puri x1'],\n    total: 150,\n    status: 'pending',\n    paymentMethod: 'Card',\n    paymentStatus: 'completed',\n    orderDate: '2024-01-15T12:00:00',\n    deliveryTime: '2024-01-15T12:30:00',\n    deliveryAddress: '789, HSR Layout',\n  },\n];\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport function AdminOrdersPage() {\n  const { navigateTo } = useAdapterCloud();\n\n  const [orders, setOrders] = useState<Order[]>([]);\n  const [stats, setStats] = useState<OrderStats | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState('all');\n  const [dateFilter, setDateFilter] = useState('today');\n  const [selectedOrder, setSelectedOrder] = useState<Order | null>(null);\n  const [showOrderModal, setShowOrderModal] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setStats({\n        totalOrders: 156,\n        pendingOrders: 12,\n        totalRevenue: 125600,\n        averageOrderValue: 805,\n      });\n      setOrders(mockOrders);\n      setIsLoading(false);\n    }, 1000);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const fmtCur = (amount: number) => formatCurrency(amount, { minimumFractionDigits: 0 });\n\n  const formatDate = (d: string) =>\n    new Date(d).toLocaleString('en-IN', {\n      day: '2-digit',\n      month: 'short',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n\n  const getStatusColor = (status: string) => {\n    const map: Record<string, string> = {\n      delivered: 'bg-status-success-bg-subtle/20 text-status-success-text',\n      preparing: 'bg-status-warning-bg-subtle/20 text-status-warning-text',\n      ready: 'bg-status-warning-bg-subtle/20 text-status-warning-text',\n      out_for_delivery: 'bg-accent-blue-subtle/20 text-accent-blue',\n      cancelled: 'bg-status-error-bg-subtle/20 text-status-error-text',\n      confirmed: 'bg-accent-blue-subtle/20 text-accent-blue',\n    };\n    return map[status] ?? 'bg-secondary text-secondary-foreground';\n  };\n\n  const getPaymentIcon = (status: string) => {\n    switch (status) {\n      case'completed':\n        return <CheckCircle2 className=\"h-4 w-4 text-status-success-text\" />;\n      case'failed':\n        return <XCircle className=\"h-4 w-4 text-status-error-text\" />;\n      case'refunded':\n        return <RefreshCw className=\"h-4 w-4 text-accent-blue\" />;\n      default:\n        return <AlertCircle className=\"h-4 w-4 text-status-warning-text\" />;\n    }\n  };\n\n  const filteredOrders = useMemo(() => {\n    return orders.filter((order) => {\n      const matchesSearch =\n        !searchQuery ||\n        order.id.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        order.customerName.toLowerCase().includes(searchQuery.toLowerCase()) ||\n        order.cartName.toLowerCase().includes(searchQuery.toLowerCase());\n      const matchesStatus = statusFilter === 'all' || order.status === statusFilter;\n      return matchesSearch && matchesStatus;\n    });\n  }, [orders, searchQuery, statusFilter]);\n\n  const handleUpdateStatus = (orderId: string, newStatus: OrderStatus) => {\n    setOrders((prev) => prev.map((o) => (o.id === orderId ? { ...o, status: newStatus } : o)));\n    setShowOrderModal(false);\n    alert(`Order ${orderId} updated to ${newStatus.replace('_', ' ')}`);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Order Management\" description=\"Loading orders...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading orders...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Order Management\"\n      description={`${stats?.totalOrders ?? 0} total orders on the platform`}\n    >\n      {/* 4 Metrics Grid */}\n      {stats && (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6\">\n          <MetricsCard\n            icon={<ShoppingBag className=\"h-5 w-5\" />}\n            value={stats.totalOrders}\n            label=\"Total Orders\"\n            trendValue=\"Orders today\"\n          />\n          <MetricsCard\n            icon={<IndianRupee className=\"h-5 w-5\" />}\n            value={fmtCur(stats.totalRevenue)}\n            label=\"Revenue\"\n            trend=\"up\"\n            trendValue=\"+15.2% vs yesterday\"\n          />\n          <MetricsCard\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n            value={fmtCur(stats.averageOrderValue)}\n            label=\"Avg Order Value\"\n            trendValue=\"Average order value\"\n          />\n          <MetricsCard\n            icon={<Clock className=\"h-5 w-5\" />}\n            value={stats.pendingOrders}\n            label=\"Pending Orders\"\n            trendValue=\"Awaiting action\"\n          />\n        </div>\n      )}\n\n      {/* 3 Filters */}\n      <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop\">\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search by order ID, customer, or cart name...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n            <select\n              value={statusFilter}\n              onChange={(e) => setStatusFilter(e.target.value)}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              <option value=\"all\">All Status</option>\n              <option value=\"pending\">Pending</option>\n              <option value=\"confirmed\">Confirmed</option>\n              <option value=\"preparing\">Preparing</option>\n              <option value=\"ready\">Ready</option>\n              <option value=\"out_for_delivery\">Out for Delivery</option>\n              <option value=\"delivered\">Delivered</option>\n              <option value=\"cancelled\">Cancelled</option>\n            </select>\n            <select\n              value={dateFilter}\n              onChange={(e) => setDateFilter(e.target.value)}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              <option value=\"today\">Today</option>\n              <option value=\"yesterday\">Yesterday</option>\n              <option value=\"week\">This Week</option>\n              <option value=\"month\">This Month</option>\n            </select>\n          </div>\n        </div>\n      </div>\n\n      {/* Dual Layout */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface overflow-hidden\">\n        {/* Mobile Card View */}\n        <div className=\"block md:hidden space-y-4 p-4\">\n          {filteredOrders.map((order) => (\n            <div key={order.id} className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4\">\n              <div className=\"flex justify-between items-start mb-3\">\n                <div>\n                  <h3 className=\"font-medium text-text-primary text-lg\">{order.id}</h3>\n                  <p className=\"text-sm text-text-secondary\">{formatDate(order.orderDate)}</p>\n                </div>\n                <span\n                  className={cn(\n                    'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                    getStatusColor(order.status)\n                  )}\n                >\n                  {order.status.replace('_', ' ')}\n                </span>\n              </div>\n              <div className=\"grid grid-cols-2 gap-4 mb-3 text-sm\">\n                <div>\n                  <p className=\"text-text-secondary font-medium\">Customer</p>\n                  <p className=\"text-text-primary\">{order.customerName}</p>\n                  <p className=\"text-text-secondary text-xs\">{order.customerPhone}</p>\n                </div>\n                <div>\n                  <p className=\"text-text-secondary font-medium\">Cart</p>\n                  <p className=\"text-text-primary\">{order.cartName}</p>\n                  <p className=\"text-text-secondary text-xs\">{order.cartOwner}</p>\n                </div>\n              </div>\n              <div className=\"flex justify-between items-center mb-3\">\n                <div>\n                  <p className=\"text-text-secondary font-medium text-sm\">Amount</p>\n                  <p className=\"text-text-primary font-semibold text-lg\">{fmtCur(order.total)}</p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  {getPaymentIcon(order.paymentStatus)}\n                  <div className=\"text-right\">\n                    <p className=\"text-sm text-text-primary\">{order.paymentMethod}</p>\n                    <p className=\"text-xs text-text-secondary capitalize\">\n                      {order.paymentStatus}\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSelectedOrder(order);\n                  setShowOrderModal(true);\n                }}\n                className=\"w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2\"\n              >\n                <Eye className=\"h-4 w-4\" /> View Details\n              </button>\n            </div>\n          ))}\n        </div>\n\n        {/* Desktop Table View */}\n        <div className=\"hidden md:block overflow-x-auto\">\n          <table className=\"w-full\">\n            <thead>\n              <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Order ID\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Customer\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Cart\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Amount\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Status\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Payment\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Time\n                </th>\n                <th className=\"px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                  Actions\n                </th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-border\">\n              {filteredOrders.map((order) => (\n                <tr key={order.id} className=\"hover:bg-accent/50 transition-colors\">\n                  <td className=\"px-4 py-3 text-sm font-mono font-medium text-text-primary\">\n                    {order.id}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"text-sm font-medium text-text-primary\">{order.customerName}</div>\n                    <div className=\"text-xs text-text-secondary\">{order.customerPhone}</div>\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"text-sm font-medium text-text-primary\">{order.cartName}</div>\n                    <div className=\"text-xs text-text-secondary\">{order.cartOwner}</div>\n                  </td>\n                  <td className=\"px-4 py-3 text-sm font-semibold text-text-primary\">\n                    {fmtCur(order.total)}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                        getStatusColor(order.status)\n                      )}\n                    >\n                      {order.status.replace('_', ' ')}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <div className=\"flex items-center gap-2\">\n                      {getPaymentIcon(order.paymentStatus)}\n                      <div>\n                        <div className=\"text-sm text-text-primary\">{order.paymentMethod}</div>\n                        <div className=\"text-xs text-text-secondary capitalize\">\n                          {order.paymentStatus}\n                        </div>\n                      </div>\n                    </div>\n                  </td>\n                  <td className=\"px-4 py-3 text-sm text-text-secondary\">\n                    {formatDate(order.orderDate)}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <button\n                      type=\"button\"\n                      onClick={() => {\n                        setSelectedOrder(order);\n                        setShowOrderModal(true);\n                      }}\n                      className=\"rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors\"\n                    >\n                      <Eye className=\"h-4 w-4\" />\n                    </button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n\n        {filteredOrders.length === 0 && (\n          <div className=\"flex flex-col items-center justify-center py-12 px-4\">\n            <ShoppingBag className=\"h-10 w-10 text-text-secondary/50 mb-3\" />\n            <p className=\"text-sm text-text-secondary\">No orders found matching your criteria</p>\n          </div>\n        )}\n      </div>\n\n      {/* Order Details Modal */}\n      {showOrderModal && selectedOrder && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto\">\n            <div className=\"flex items-center justify-between p-4 border-b border-border-subtle\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">Order Details</h2>\n              <button\n                type=\"button\"\n                onClick={() => setShowOrderModal(false)}\n                className=\"rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors\"\n              >\n                <X className=\"h-5 w-5\" />\n              </button>\n            </div>\n            <div className=\"p-4 space-y-6\">\n              {/* Order Info */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Order Information</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Order ID</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.id}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Status</p>\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize',\n                        getStatusColor(selectedOrder.status)\n                      )}\n                    >\n                      {selectedOrder.status.replace('_', ' ')}\n                    </span>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Order Date</p>\n                    <p className=\"font-medium text-text-primary\">\n                      {formatDate(selectedOrder.orderDate)}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Delivery Time</p>\n                    <p className=\"font-medium text-text-primary\">\n                      {formatDate(selectedOrder.deliveryTime)}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Customer Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n                  <User className=\"h-4 w-4\" /> Customer Details\n                </h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Name</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.customerName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Phone</p>\n                    <p className=\"font-medium text-text-primary flex items-center gap-1\">\n                      <Phone className=\"h-3 w-3\" />\n                      {selectedOrder.customerPhone}\n                    </p>\n                  </div>\n                  <div className=\"sm:col-span-2\">\n                    <p className=\"text-sm text-text-secondary\">Delivery Address</p>\n                    <p className=\"font-medium text-text-primary flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {selectedOrder.deliveryAddress}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Cart Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Cart Details</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Cart Name</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.cartName}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Cart Owner</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.cartOwner}</p>\n                  </div>\n                </div>\n              </div>\n\n              {/* Order Items */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Order Items</h3>\n                <div className=\"rounded-lg bg-bg-sunken/50 p-4\">\n                  <ul className=\"space-y-2\">\n                    {selectedOrder.items.map((item, i) => (\n                      <li key={i} className=\"text-sm text-text-primary\">\n                        {item}\n                      </li>\n                    ))}\n                  </ul>\n                  <div className=\"mt-4 pt-4 border-t border-border-subtle flex justify-between items-center\">\n                    <span className=\"font-semibold text-text-primary\">Total Amount</span>\n                    <span className=\"font-semibold text-lg text-text-primary\">\n                      {fmtCur(selectedOrder.total)}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              {/* Payment Details */}\n              <div>\n                <h3 className=\"font-semibold text-text-primary mb-3\">Payment Details</h3>\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Method</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.paymentMethod}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Status</p>\n                    <div className=\"flex items-center gap-2\">\n                      {getPaymentIcon(selectedOrder.paymentStatus)}\n                      <span className=\"font-medium text-text-primary capitalize\">\n                        {selectedOrder.paymentStatus}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Worker Assignment */}\n              {selectedOrder.workerAssigned && (\n                <div>\n                  <h3 className=\"font-semibold text-text-primary mb-3 flex items-center gap-2\">\n                    <Truck className=\"h-4 w-4\" /> Delivery Assignment\n                  </h3>\n                  <div>\n                    <p className=\"text-sm text-text-secondary\">Assigned Worker</p>\n                    <p className=\"font-medium text-text-primary\">{selectedOrder.workerAssigned}</p>\n                  </div>\n                </div>\n              )}\n\n              {/* Notes */}\n              {selectedOrder.notes && (\n                <div>\n                  <h3 className=\"font-semibold text-text-primary mb-3\">Special Instructions</h3>\n                  <p className=\"text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary\">\n                    {selectedOrder.notes}\n                  </p>\n                </div>\n              )}\n\n              {/* Actions */}\n              <div className=\"flex flex-col sm:flex-row sm:justify-end gap-3 pt-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setShowOrderModal(false)}\n                  className=\"rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                >\n                  Close\n                </button>\n                {selectedOrder.status !== 'delivered' && selectedOrder.status !== 'cancelled' && (\n                  <select\n                    className=\"rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                    value={selectedOrder.status}\n                    onChange={(e) =>\n                      handleUpdateStatus(selectedOrder.id, e.target.value as OrderStatus)\n                    }\n                  >\n                    <option value=\"pending\">Pending</option>\n                    <option value=\"confirmed\">Confirmed</option>\n                    <option value=\"preparing\">Preparing</option>\n                    <option value=\"ready\">Ready</option>\n                    <option value=\"out_for_delivery\">Out for Delivery</option>\n                    <option value=\"delivered\">Delivered</option>\n                    <option value=\"cancelled\">Cancelled</option>\n                  </select>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/admin/AdminProfilePage.js

@@ -98,7 +98,7 @@ function v() {
 			className: "space-y-6 max-w-4xl",
 			children: [
 				/* @__PURE__ */ _("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ _("div", {
 						className: "flex items-center mb-6",
 						children: [/* @__PURE__ */ _("div", {
@@ -199,7 +199,7 @@ function v() {
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ _("div", {
 						className: "flex items-center gap-2 mb-4",
 						children: [/* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ g("h3", {
@@ -224,7 +224,7 @@ function v() {
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [
 						/* @__PURE__ */ _("div", {
 							className: "flex items-center gap-2 mb-4",

package/dist/adaptercloud/pages/admin/AdminProfilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminProfilePage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminProfilePage.tsx"],"sourcesContent":["/**\n * Admin Profile Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured admin profile with edit mode toggle, save/cancel buttons,\n * editable form fields, account information, permissions as icon badges,\n * admin note, and back navigation.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport {\n  User,\n  Mail,\n  Phone,\n  Shield,\n  ArrowLeft,\n  Save,\n  Edit3,\n  Building2,\n  Clock,\n  ShoppingBag,\n  BarChart3,\n  Settings,\n  Users,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface AdminProfile {\n  firstName: string;\n  lastName: string;\n  email: string;\n  phone: string;\n  role: string;\n  department: string;\n  permissions: string[];\n  lastLogin: string;\n  accountCreated: string;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport function AdminProfilePage() {\n  const { currentUser, navigateTo } = useAdapterCloud();\n  const [isEditing, setIsEditing] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [profile, setProfile] = useState<AdminProfile>({\n    firstName: '',\n    lastName: '',\n    email: '',\n    phone: '',\n    role: 'admin',\n    department: 'Administration',\n    permissions: [\n      'user_management',\n      'cart_management',\n      'order_management',\n      'analytics',\n      'system_settings',\n    ],\n    lastLogin: '',\n    accountCreated: '',\n  });\n\n  const loadProfile = useCallback(() => {\n    const mockProfile: AdminProfile = {\n      firstName: currentUser?.firstName ?? 'Admin',\n      lastName: currentUser?.lastName ?? 'User',\n      email: currentUser?.email ?? 'admin@adaptercloud.com',\n      phone: '+91 98765 43210',\n      role: 'admin',\n      department: 'Administration',\n      permissions: [\n        'user_management',\n        'cart_management',\n        'order_management',\n        'analytics',\n        'system_settings',\n      ],\n      lastLogin: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),\n      accountCreated: new Date(Date.now() - 90 * 24 * 60 * 60 * 1000).toISOString(),\n    };\n    setProfile(mockProfile);\n  }, [currentUser]);\n\n  useEffect(() => {\n    loadProfile();\n  }, [loadProfile]);\n\n  const handleSave = async () => {\n    setSaving(true);\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    alert('Profile updated successfully');\n    setSaving(false);\n    setIsEditing(false);\n  };\n\n  const handleInputChange = (field: keyof AdminProfile, value: string) => {\n    setProfile((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const formatDate = (d: string) => {\n    if (!d) return 'N/A';\n    return new Date(d).toLocaleDateString('en-IN', {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n  };\n\n  const permissionIcons: Record<string, typeof Users> = {\n    user_management: Users,\n    cart_management: ShoppingBag,\n    order_management: ShoppingBag,\n    analytics: BarChart3,\n    system_settings: Settings,\n  };\n\n  return (\n    <PageLayout\n      title=\"Admin Profile\"\n      description=\"Your admin account information and permissions\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back\n          </button>\n          {!isEditing ? (\n            <button\n              type=\"button\"\n              onClick={() => setIsEditing(true)}\n              className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <Edit3 className=\"h-4 w-4\" />\n              Edit Profile\n            </button>\n          ) : (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setIsEditing(false);\n                  loadProfile();\n                }}\n                className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleSave}\n                disabled={saving}\n                className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n              >\n                <Save className=\"h-4 w-4\" />\n                {saving ? 'Saving...' : 'Save Changes'}\n              </button>\n            </>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6 max-w-4xl\">\n        {/* Profile Information */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center mb-6\">\n            <div className=\"w-16 h-16 bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center text-2xl font-bold mr-4\">\n              {profile.firstName.charAt(0)}\n              {profile.lastName.charAt(0)}\n            </div>\n            <div>\n              <h2 className=\"text-xl font-semibold text-text-primary\">\n                {profile.firstName} {profile.lastName}\n              </h2>\n              <p className=\"text-text-secondary\">{profile.email}</p>\n              <p className=\"text-sm text-text-secondary capitalize\">\n                {profile.role} &bull; {profile.department}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                First Name\n              </label>\n              <input\n                type=\"text\"\n                value={profile.firstName}\n                onChange={(e) => handleInputChange('firstName', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Last Name\n              </label>\n              <input\n                type=\"text\"\n                value={profile.lastName}\n                onChange={(e) => handleInputChange('lastName', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Email Address\n              </label>\n              <input\n                type=\"email\"\n                value={profile.email}\n                onChange={(e) => handleInputChange('email', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Phone Number\n              </label>\n              <input\n                type=\"tel\"\n                value={profile.phone}\n                onChange={(e) => handleInputChange('phone', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Department\n              </label>\n              <input\n                type=\"text\"\n                value={profile.department}\n                onChange={(e) => handleInputChange('department', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">Role</label>\n              <input\n                type=\"text\"\n                value={profile.role}\n                disabled\n                className=\"w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary bg-bg-sunken cursor-not-allowed\"\n              />\n              <p className=\"text-xs text-text-secondary mt-1\">\n                Role cannot be changed from profile page\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Account Information */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Clock className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Account Information</h3>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Last Login\n              </label>\n              <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n                {formatDate(profile.lastLogin)}\n              </p>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Account Created\n              </label>\n              <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n                {formatDate(profile.accountCreated)}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Permissions */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Shield className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Permissions</h3>\n          </div>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n            {profile.permissions.map((permission) => {\n              const PermIcon = permissionIcons[permission] ?? Shield;\n              return (\n                <div\n                  key={permission}\n                  className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg/10 text-primary p-3 text-sm font-medium\"\n                >\n                  <PermIcon className=\"h-4 w-4 shrink-0\" />\n                  <span className=\"uppercase text-xs\">{permission.replace(/_/g, ' ')}</span>\n                </div>\n              );\n            })}\n          </div>\n          <p className=\"text-xs text-text-secondary mt-4\">\n            Permissions are managed by super administrators. Contact your system administrator to\n            modify permissions.\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminProfilePage.js","names":[],"sources":["../../../../src/adaptercloud/pages/admin/AdminProfilePage.tsx"],"sourcesContent":["/**\n * Admin Profile Page\n * @module adaptercloud/pages/admin\n *\n * Full-featured admin profile with edit mode toggle, save/cancel buttons,\n * editable form fields, account information, permissions as icon badges,\n * admin note, and back navigation.\n */\n\nimport { useState, useEffect, useCallback } from'react';\nimport {\n  User,\n  Mail,\n  Phone,\n  Shield,\n  ArrowLeft,\n  Save,\n  Edit3,\n  Building2,\n  Clock,\n  ShoppingBag,\n  BarChart3,\n  Settings,\n  Users,\n} from'lucide-react';\nimport { PageLayout } from'../../components/PageLayout';\nimport { useAdapterCloud } from'../../context/AdapterCloudContext';\nimport { cn } from'../../utils/cn';\n\n/* ------------------------------------------------------------------ */\n/* Types */\n/* ------------------------------------------------------------------ */\n\ninterface AdminProfile {\n  firstName: string;\n  lastName: string;\n  email: string;\n  phone: string;\n  role: string;\n  department: string;\n  permissions: string[];\n  lastLogin: string;\n  accountCreated: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component */\n/* ------------------------------------------------------------------ */\n\nexport function AdminProfilePage() {\n  const { currentUser, navigateTo } = useAdapterCloud();\n  const [isEditing, setIsEditing] = useState(false);\n  const [saving, setSaving] = useState(false);\n  const [profile, setProfile] = useState<AdminProfile>({\n    firstName: '',\n    lastName: '',\n    email: '',\n    phone: '',\n    role: 'admin',\n    department: 'Administration',\n    permissions: [\n      'user_management',\n      'cart_management',\n      'order_management',\n      'analytics',\n      'system_settings',\n    ],\n    lastLogin: '',\n    accountCreated: '',\n  });\n\n  const loadProfile = useCallback(() => {\n    const mockProfile: AdminProfile = {\n      firstName: currentUser?.firstName ?? 'Admin',\n      lastName: currentUser?.lastName ?? 'User',\n      email: currentUser?.email ?? 'admin@adaptercloud.com',\n      phone: '+91 98765 43210',\n      role: 'admin',\n      department: 'Administration',\n      permissions: [\n        'user_management',\n        'cart_management',\n        'order_management',\n        'analytics',\n        'system_settings',\n      ],\n      lastLogin: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),\n      accountCreated: new Date(Date.now() - 90 * 24 * 60 * 60 * 1000).toISOString(),\n    };\n    setProfile(mockProfile);\n  }, [currentUser]);\n\n  useEffect(() => {\n    loadProfile();\n  }, [loadProfile]);\n\n  const handleSave = async () => {\n    setSaving(true);\n    await new Promise((resolve) => setTimeout(resolve, 1000));\n    alert('Profile updated successfully');\n    setSaving(false);\n    setIsEditing(false);\n  };\n\n  const handleInputChange = (field: keyof AdminProfile, value: string) => {\n    setProfile((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const formatDate = (d: string) => {\n    if (!d) return'N/A';\n    return new Date(d).toLocaleDateString('en-IN', {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n    });\n  };\n\n  const permissionIcons: Record<string, typeof Users> = {\n    user_management: Users,\n    cart_management: ShoppingBag,\n    order_management: ShoppingBag,\n    analytics: BarChart3,\n    system_settings: Settings,\n  };\n\n  return (\n    <PageLayout\n      title=\"Admin Profile\"\n      description=\"Your admin account information and permissions\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin')}\n            className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back\n          </button>\n          {!isEditing ? (\n            <button\n              type=\"button\"\n              onClick={() => setIsEditing(true)}\n              className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n            >\n              <Edit3 className=\"h-4 w-4\" />\n              Edit Profile\n            </button>\n          ) : (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setIsEditing(false);\n                  loadProfile();\n                }}\n                className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleSave}\n                disabled={saving}\n                className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n              >\n                <Save className=\"h-4 w-4\" />\n                {saving ? 'Saving...' : 'Save Changes'}\n              </button>\n            </>\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6 max-w-4xl\">\n        {/* Profile Information */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-center mb-6\">\n            <div className=\"w-16 h-16 bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center text-2xl font-bold mr-4\">\n              {profile.firstName.charAt(0)}\n              {profile.lastName.charAt(0)}\n            </div>\n            <div>\n              <h2 className=\"text-xl font-semibold text-text-primary\">\n                {profile.firstName} {profile.lastName}\n              </h2>\n              <p className=\"text-text-secondary\">{profile.email}</p>\n              <p className=\"text-sm text-text-secondary capitalize\">\n                {profile.role} &bull; {profile.department}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                First Name\n              </label>\n              <input\n                type=\"text\"\n                value={profile.firstName}\n                onChange={(e) => handleInputChange('firstName', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Last Name\n              </label>\n              <input\n                type=\"text\"\n                value={profile.lastName}\n                onChange={(e) => handleInputChange('lastName', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Email Address\n              </label>\n              <input\n                type=\"email\"\n                value={profile.email}\n                onChange={(e) => handleInputChange('email', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Phone Number\n              </label>\n              <input\n                type=\"tel\"\n                value={profile.phone}\n                onChange={(e) => handleInputChange('phone', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Department\n              </label>\n              <input\n                type=\"text\"\n                value={profile.department}\n                onChange={(e) => handleInputChange('department', e.target.value)}\n                disabled={!isEditing}\n                className={cn(\n                  'w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n                  !isEditing && 'bg-bg-sunken cursor-not-allowed'\n                )}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">Role</label>\n              <input\n                type=\"text\"\n                value={profile.role}\n                disabled\n                className=\"w-full rounded-lg border border-border-subtle py-2 px-3 text-sm text-text-primary bg-bg-sunken cursor-not-allowed\"\n              />\n              <p className=\"text-xs text-text-secondary mt-1\">\n                Role cannot be changed from profile page\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Account Information */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Clock className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Account Information</h3>\n          </div>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Last Login\n              </label>\n              <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n                {formatDate(profile.lastLogin)}\n              </p>\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n                Account Created\n              </label>\n              <p className=\"rounded-lg bg-bg-sunken p-3 text-sm text-text-primary\">\n                {formatDate(profile.accountCreated)}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Permissions */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <Shield className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Permissions</h3>\n          </div>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n            {profile.permissions.map((permission) => {\n              const PermIcon = permissionIcons[permission] ?? Shield;\n              return (\n                <div\n                  key={permission}\n                  className=\"flex items-center gap-2 rounded-lg bg-action-primary-bg/10 text-primary p-3 text-sm font-medium\"\n                >\n                  <PermIcon className=\"h-4 w-4 shrink-0\" />\n                  <span className=\"uppercase text-xs\">{permission.replace(/_/g, ' ')}</span>\n                </div>\n              );\n            })}\n          </div>\n          <p className=\"text-xs text-text-secondary mt-4\">\n            Permissions are managed by super administrators. Contact your system administrator to\n            modify permissions.\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/admin/AdminSettingsPage.js

@@ -166,7 +166,7 @@ function v() {
 				/* @__PURE__ */ g("div", {
 					className: "flex-1 min-w-0",
 					children: /* @__PURE__ */ _("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 						children: [
 							x === "general" && /* @__PURE__ */ _("div", {
 								className: "space-y-6",