@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

package/dist/adaptercloud/components/PageLayout.js

@@ -1,8 +1,8 @@
 import { cn as e } from "../utils/cn.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { AuroraBackground as i, GradientText as a } from "@burdenoff/fe-libs/ui";
+import { AuroraBackground as i, GradientText as a, PagePurpose as o } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/components/PageLayout.tsx
-function o(e) {
+function s(e) {
 	if (typeof e != "string") return e;
 	let i = e.trim(), o = i.lastIndexOf(" ");
 	return o === -1 ? /* @__PURE__ */ n(a, {
@@ -13,33 +13,40 @@ function o(e) {
 		children: i.slice(o + 1)
 	})] });
 }
-var s = ({ title: t, description: a, actions: s, children: c, className: l, hero: u = !1 }) => /* @__PURE__ */ r("div", {
-	className: e("flex flex-col h-full", l),
+var c = ({ title: t, description: a, actions: c, children: l, className: u, purpose: d, hero: f = !1 }) => /* @__PURE__ */ r("div", {
+	className: e("flex flex-col h-full", u),
 	children: [/* @__PURE__ */ r("div", {
-		className: e("relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6", "border-b border-border-seam", u ? "bg-hero-mesh" : "bg-gloss-card"),
+		className: e("relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6", "border-b border-border-seam", f ? "bg-hero-mesh" : "bg-gloss-card"),
 		children: [
-			u && /* @__PURE__ */ n(i, { intensity: "subtle" }),
+			f && /* @__PURE__ */ n(i, { intensity: "subtle" }),
 			/* @__PURE__ */ r("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ n("h1", {
-					className: "text-2xl font-semibold text-text-primary tracking-tight",
-					children: o(t)
-				}), a && /* @__PURE__ */ n("p", {
-					className: "mt-1 text-sm text-text-secondary",
-					children: a
-				})]
+				children: [
+					/* @__PURE__ */ n("h1", {
+						className: "text-2xl font-semibold text-text-primary tracking-tight",
+						children: s(t)
+					}),
+					a && /* @__PURE__ */ n("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: a
+					}),
+					d && /* @__PURE__ */ n(o, {
+						className: "mt-2 max-w-2xl",
+						children: d
+					})
+				]
 			}),
-			s && /* @__PURE__ */ n("div", {
+			c && /* @__PURE__ */ n("div", {
 				className: "flex flex-wrap items-center gap-2 sm:gap-3 sm:justify-end",
-				children: s
+				children: c
 			})
 		]
 	}), /* @__PURE__ */ n("div", {
 		className: "flex-1 overflow-auto p-4 sm:p-6",
-		children: c
+		children: l
 	})]
 });
 //#endregion
-export { s as PageLayout };
+export { c as PageLayout };
 
 //# sourceMappingURL=PageLayout.js.map

package/dist/adaptercloud/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/adaptercloud/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /**\n   * Enables the living-glass hero backdrop (AuroraBackground) behind the page\n   * header. Use on at most ONE page per MFE (the primary landing page).\n   */\n  hero?: boolean;\n}\n\n/**\n * Renders the page title, gradient-emphasising the final word when the title is\n * a plain string (the \"one gradient hero title per page\" convention). Custom\n * ReactNode titles are rendered verbatim so callers keep full control.\n */\nfunction renderTitle(title: ReactNode): ReactNode {\n  if (typeof title !== 'string') return title;\n  const trimmed = title.trim();\n  const lastSpace = trimmed.lastIndexOf(' ');\n  if (lastSpace === -1) {\n    return <GradientText as=\"span\">{trimmed}</GradientText>;\n  }\n  const head = trimmed.slice(0, lastSpace + 1);\n  const tail = trimmed.slice(lastSpace + 1);\n  return (\n    <>\n      {head}\n      <GradientText as=\"span\">{tail}</GradientText>\n    </>\n  );\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  hero = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      {/* Page Header */}\n      <div\n        className={cn(\n          'relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6',\n          'border-b border-border-seam',\n          hero ? 'bg-hero-mesh' : 'bg-gloss-card'\n        )}\n      >\n        {hero && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          <h1 className=\"text-2xl font-semibold text-text-primary tracking-tight\">\n            {renderTitle(title)}\n          </h1>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-2 sm:gap-3 sm:justify-end\">{actions}</div>\n        )}\n      </div>\n\n      {/* Page Content */}\n      <div className=\"flex-1 overflow-auto p-4 sm:p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,SAAS,EAAY,GAA6B;AAChD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM,EACtB,IAAY,EAAQ,YAAY,IAAI;AAM1C,QALI,MAAc,KACT,kBAAC,GAAD;EAAc,IAAG;YAAQ;EAAuB,CAAA,GAKvD,kBAAA,GAAA,EAAA,UAAA,CAHW,EAAQ,MAAM,GAAG,IAAY,EAAE,EAKxC,kBAAC,GAAD;EAAc,IAAG;YAJR,EAAQ,MAAM,IAAY,EAAE;EAIQ,CAAA,CAC5C,EAAA,CAAA;;AAIP,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,UAAO,SAGL,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CAEE,kBAAC,OAAD;EACE,WAAW,EACT,iHACA,+BACA,IAAO,iBAAiB,gBACzB;YALH;GAOG,KAAQ,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAChD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAY,EAAM;KAChB,CAAA,EACJ,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA6D;IAAc,CAAA;GAExF;KAGN,kBAAC,OAAD;EAAK,WAAU;EAAmC;EAAe,CAAA,CAC7D"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/adaptercloud/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module adaptercloud/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the use-case —\n   * rendered as a calm {@link PagePurpose} line under the header so every page\n   * is self-explanatory for a new user. Prefer this over `description` for the\n   * primary page-purpose copy.\n   */\n  purpose?: ReactNode;\n  /**\n   * Enables the living-glass hero backdrop (AuroraBackground) behind the page\n   * header. Use on at most ONE page per MFE (the primary landing page).\n   */\n  hero?: boolean;\n}\n\n/**\n * Renders the page title, gradient-emphasising the final word when the title is\n * a plain string (the \"one gradient hero title per page\" convention). Custom\n * ReactNode titles are rendered verbatim so callers keep full control.\n */\nfunction renderTitle(title: ReactNode): ReactNode {\n  if (typeof title !== 'string') return title;\n  const trimmed = title.trim();\n  const lastSpace = trimmed.lastIndexOf(' ');\n  if (lastSpace === -1) {\n    return <GradientText as=\"span\">{trimmed}</GradientText>;\n  }\n  const head = trimmed.slice(0, lastSpace + 1);\n  const tail = trimmed.slice(lastSpace + 1);\n  return (\n    <>\n      {head}\n      <GradientText as=\"span\">{tail}</GradientText>\n    </>\n  );\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  purpose,\n  hero = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      {/* Page Header */}\n      <div\n        className={cn(\n          'relative overflow-hidden flex flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6',\n          'border-b border-border-seam',\n          hero ? 'bg-hero-mesh' : 'bg-gloss-card'\n        )}\n      >\n        {hero && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          <h1 className=\"text-2xl font-semibold text-text-primary tracking-tight\">\n            {renderTitle(title)}\n          </h1>\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n          {purpose && <PagePurpose className=\"mt-2 max-w-2xl\">{purpose}</PagePurpose>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-2 sm:gap-3 sm:justify-end\">{actions}</div>\n        )}\n      </div>\n\n      {/* Page Content */}\n      <div className=\"flex-1 overflow-auto p-4 sm:p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAkCA,SAAS,EAAY,GAA6B;AAChD,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM,EACtB,IAAY,EAAQ,YAAY,IAAI;AAM1C,QALI,MAAc,KACT,kBAAC,GAAD;EAAc,IAAG;YAAQ;EAAuB,CAAA,GAKvD,kBAAA,GAAA,EAAA,UAAA,CAHW,EAAQ,MAAM,GAAG,IAAY,EAAE,EAKxC,kBAAC,GAAD;EAAc,IAAG;YAJR,EAAQ,MAAM,IAAY,EAAE;EAIQ,CAAA,CAC5C,EAAA,CAAA;;AAIP,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,YACA,UAAO,SAGL,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CAEE,kBAAC,OAAD;EACE,WAAW,EACT,iHACA,+BACA,IAAO,iBAAiB,gBACzB;YALH;GAOG,KAAQ,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAChD,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,EAAM;MAChB,CAAA;KACJ,KAAe,kBAAC,KAAD;MAAG,WAAU;gBAAoC;MAAgB,CAAA;KAChF,KAAW,kBAAC,GAAD;MAAa,WAAU;gBAAkB;MAAsB,CAAA;KACvE;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA6D;IAAc,CAAA;GAExF;KAGN,kBAAC,OAAD;EAAK,WAAU;EAAmC;EAAe,CAAA,CAC7D"}

package/dist/adaptercloud/pages/HomePage.js

@@ -10,9 +10,9 @@ import { useCallback as u, useMemo as d, useState as f } from "react";
 import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Activity as m, AlertCircle as h, ArrowRight as g, BadgeCheck as _, BarChart3 as v, CheckCircle2 as y, ChefHat as b, ClipboardList as x, Clock as S, FileText as C, GraduationCap as w, HandCoins as T, Heart as E, Home as D, IndianRupee as O, LayoutDashboard as k, Loader2 as A, MapPin as j, Package as M, Scissors as N, Search as P, Settings as F, Shirt as I, ShoppingBag as L, ShoppingCart as R, Sparkles as z, Star as B, Store as V, TrendingUp as H, Truck as U, Users as W, Wallet as G, Wrench as K } from "lucide-react";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { EmphasisPanel as X, GlassCard as Z, GradientText as Q } from "@burdenoff/fe-libs/ui";
+import { GlassCard as X, GradientText as Z } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/HomePage.tsx
-var $ = {
+var Q = {
 	customer: [
 		{
 			label: "Discover Services",
@@ -164,7 +164,7 @@ var $ = {
 		}
 	]
 };
-function ee(e, t, n) {
+function $(e, t, n) {
 	switch (e) {
 		case "customer": return [
 			{
@@ -318,7 +318,7 @@ function ee(e, t, n) {
 		];
 	}
 }
-var te = [
+var ee = [
 	{
 		label: "Food & Beverage",
 		icon: /* @__PURE__ */ J(b, { className: "h-6 w-6" }),
@@ -364,7 +364,7 @@ var te = [
 		icon: /* @__PURE__ */ J(R, { className: "h-6 w-6" }),
 		color: "bg-status-success-bg-subtle/10 text-status-success-text"
 	}
-], ne = [
+], te = [
 	{
 		step: 1,
 		title: "Browse Services",
@@ -389,7 +389,7 @@ var te = [
 		description: "Share your experience and help others find great services.",
 		icon: /* @__PURE__ */ J(B, { className: "h-6 w-6" })
 	}
-], re = [
+], ne = [
 	{
 		id: "ha-1",
 		description: "New order placed at Dosa Express",
@@ -420,7 +420,7 @@ var te = [
 		time: "5 hours ago",
 		type: "order"
 	}
-], ie = [
+], re = [
 	{
 		label: "Service Providers",
 		value: "21+",
@@ -442,7 +442,7 @@ var te = [
 		icon: /* @__PURE__ */ J(y, { className: "h-5 w-5" })
 	}
 ];
-function ae() {
+function ie() {
 	let { navigateTo: v, currentUser: y } = e(), { t: b } = p(), [x, C] = f(""), { providers: w, orders: T, dashboardStats: E } = o(), D = u((e, t) => {
 		let n = b(e);
 		return n === e ? t : n;
@@ -458,7 +458,7 @@ function ae() {
 		worker: D("adaptercloud.home.greeting.worker", "Check your tasks and earnings"),
 		investor: D("adaptercloud.home.greeting.investor", "Track your investments and returns"),
 		admin: D("adaptercloud.home.greeting.admin", "Monitor and manage the platform")
-	}, I = $[M] ?? $.customer, L = ee(M, T.data ?? [], E.data), R = d(() => {
+	}, I = Q[M] ?? Q.customer, L = $(M, T.data ?? [], E.data), R = d(() => {
 		let e = (w.data ?? []).filter((e) => e.isOpen);
 		if (x) {
 			let t = x.toLowerCase();
@@ -499,12 +499,14 @@ function ae() {
 			D("adaptercloud.home.hello", "Hello"),
 			",",
 			" ",
-			/* @__PURE__ */ J(Q, { children: k }),
+			/* @__PURE__ */ J(Z, { children: k }),
 			"!"
 		] }),
 		description: F[M],
+		purpose: D("adaptercloud.home.purpose", "Your starting point on AdapterCloud — the local services marketplace. Discover carts near you, jump back into recent orders, and reach the tools for your role, all from one home screen."),
 		children: [
 			U && /* @__PURE__ */ J(X, {
+				treatment: "plain",
 				className: "mb-6 p-6",
 				children: /* @__PURE__ */ Y("div", {
 					className: "flex items-start gap-4",
@@ -532,7 +534,7 @@ function ae() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ J(Z, {
+			/* @__PURE__ */ J(X, {
 				treatment: "glass",
 				className: "mb-6 p-6",
 				children: /* @__PURE__ */ Y("div", {
@@ -828,7 +830,7 @@ function ae() {
 					children: D("adaptercloud.home.howItWorks", "How It Works")
 				}), /* @__PURE__ */ J("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ne.map((e) => /* @__PURE__ */ Y("div", {
+					children: te.map((e) => /* @__PURE__ */ Y("div", {
 						className: "relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ J("div", {
@@ -861,7 +863,7 @@ function ae() {
 					children: D("adaptercloud.home.browseByCategory", "Browse by Category")
 				}), /* @__PURE__ */ J("div", {
 					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
-					children: te.map((e) => /* @__PURE__ */ Y("button", {
+					children: ee.map((e) => /* @__PURE__ */ Y("button", {
 						type: "button",
 						onClick: () => v(`/customer/carts?category=${encodeURIComponent(e.label)}`),
 						className: "flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all bg-gloss-card shadow-pop",
@@ -882,7 +884,7 @@ function ae() {
 					children: D("adaptercloud.home.platformStats", "Platform Stats")
 				}), /* @__PURE__ */ J("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ie.map((e) => /* @__PURE__ */ Y("div", {
+					children: re.map((e) => /* @__PURE__ */ Y("div", {
 						className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ J("div", {
 							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
@@ -902,7 +904,7 @@ function ae() {
 				children: D("adaptercloud.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ J("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-				children: re.map((e) => /* @__PURE__ */ Y("div", {
+				children: ne.map((e) => /* @__PURE__ */ Y("div", {
 					className: "flex items-center gap-3 px-4 py-3",
 					children: [
 						/* @__PURE__ */ J("div", {
@@ -927,6 +929,6 @@ function ae() {
 	});
 }
 //#endregion
-export { ae as HomePage };
+export { ie as HomePage };
 
 //# sourceMappingURL=HomePage.js.map

package/dist/adaptercloud/pages/HomePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/adaptercloud/pages/HomePage.tsx"],"sourcesContent":["/**\n * Home Page\n * @module adaptercloud/pages\n *\n * Role-based landing page with hero section, quick stats, quick actions,\n * featured carts, recent orders, how-it-works, category browsing,\n * platform stats, and welcome banner for new users.\n */\n\nimport { useState, useMemo, useCallback } from'react';\nimport { useI18n } from'@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Search,\n  ShoppingBag,\n  Store,\n  ClipboardList,\n  TrendingUp,\n  LayoutDashboard,\n  Users,\n  IndianRupee,\n  Activity,\n  ArrowRight,\n  Star,\n  MapPin,\n  Clock,\n  ChefHat,\n  Scissors,\n  Wrench,\n  Home,\n  Shirt,\n  Heart,\n  GraduationCap,\n  Package,\n  ShoppingCart,\n  BarChart3,\n  Wallet,\n  CheckCircle2,\n  Zap,\n  Shield,\n  Sparkles,\n  HandCoins,\n  UserCheck,\n  Truck,\n  BadgeCheck,\n  FileText,\n  Settings,\n  Loader2,\n  AlertCircle,\n} from'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../components/PageLayout';\nimport { MetricsCard } from'../components/MetricsCard';\nimport { CartCard } from'../components/CartCard';\nimport { StatusBadge } from'../components/StatusBadge';\nimport { EmptyState } from'../components/EmptyState';\nimport { useAdapterCloud } from'../context/AdapterCloudContext';\nimport { useAdapterCloudApi } from'../hooks/useAdapterCloudApi';\nimport { cn } from'../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatRelativeTime,\n  formatDistance,\n} from'../utils/formatters';\nimport type { UserRole, MockCart, MockOrder, DashboardStats } from'../types';\n\n// ---------------------------------------------------------------------------\n// Role-based Quick Action configs\n// ---------------------------------------------------------------------------\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n}\n\nconst quickActionsByRole: Record<UserRole, QuickAction[]> = {\n  customer: [\n    {\n      label: 'Discover Services',\n      description: 'Browse carts near you',\n      icon: <Search className=\"h-5 w-5\" />,\n      path: '/customer/carts',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'My Orders',\n      description: 'Track your orders',\n      icon: <ShoppingBag className=\"h-5 w-5\" />,\n      path: '/customer/orders',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Favorites',\n      description: 'Your saved carts',\n      icon: <Heart className=\"h-5 w-5\" />,\n      path: '/customer/favorites',\n      color: 'bg-accent-pink-subtle/10 text-accent-pink',\n    },\n    {\n      label: 'Settings',\n      description: 'Manage preferences',\n      icon: <Settings className=\"h-5 w-5\" />,\n      path: '/settings',\n      color: 'bg-bg-sunken text-text-secondary',\n    },\n  ],\n  cart_owner: [\n    {\n      label: 'My Cart',\n      description: 'Manage your cart',\n      icon: <Store className=\"h-5 w-5\" />,\n      path: '/owner/dashboard',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n    {\n      label: 'Orders',\n      description: 'Incoming orders',\n      icon: <ShoppingBag className=\"h-5 w-5\" />,\n      path: '/owner/orders',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Analytics',\n      description: 'Revenue & insights',\n      icon: <BarChart3 className=\"h-5 w-5\" />,\n      path: '/owner/analytics',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Staff',\n      description: 'Manage workers',\n      icon: <Users className=\"h-5 w-5\" />,\n      path: '/owner/staff',\n      color: 'bg-accent-orange-subtle/10 text-accent-orange',\n    },\n  ],\n  worker: [\n    {\n      label: 'My Tasks',\n      description: 'View assigned tasks',\n      icon: <ClipboardList className=\"h-5 w-5\" />,\n      path: '/worker/dashboard',\n      color: 'bg-accent-orange-subtle/10 text-accent-orange',\n    },\n    {\n      label: 'Schedule',\n      description: 'View shifts',\n      icon: <Clock className=\"h-5 w-5\" />,\n      path: '/worker/schedule',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Earnings',\n      description: 'Track pay',\n      icon: <Wallet className=\"h-5 w-5\" />,\n      path: '/worker/earnings',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Performance',\n      description: 'Ratings & stats',\n      icon: <Star className=\"h-5 w-5\" />,\n      path: '/worker/performance',\n      color: 'bg-status-warning-bg-subtle/10 text-status-warning-text',\n    },\n  ],\n  investor: [\n    {\n      label: 'Portfolio',\n      description: 'Your investments',\n      icon: <TrendingUp className=\"h-5 w-5\" />,\n      path: '/investor/dashboard',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Opportunities',\n      description: 'New investments',\n      icon: <HandCoins className=\"h-5 w-5\" />,\n      path: '/investor/opportunities',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Returns',\n      description: 'Earnings history',\n      icon: <IndianRupee className=\"h-5 w-5\" />,\n      path: '/investor/returns',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Reports',\n      description: 'Performance reports',\n      icon: <FileText className=\"h-5 w-5\" />,\n      path: '/investor/reports',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n  ],\n  admin: [\n    {\n      label: 'Dashboard',\n      description: 'Platform overview',\n      icon: <LayoutDashboard className=\"h-5 w-5\" />,\n      path: '/admin/dashboard',\n      color: 'bg-status-error-bg-subtle/10 text-status-error-text',\n    },\n    {\n      label: 'Users',\n      description: 'Manage accounts',\n      icon: <Users className=\"h-5 w-5\" />,\n      path: '/admin/users',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Carts',\n      description: 'Approve & manage',\n      icon: <Store className=\"h-5 w-5\" />,\n      path: '/admin/carts',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n    {\n      label: 'Analytics',\n      description: 'Revenue reports',\n      icon: <BarChart3 className=\"h-5 w-5\" />,\n      path: '/admin/analytics',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n  ],\n};\n\n// ---------------------------------------------------------------------------\n// Role-based Quick Stats configs\n// ---------------------------------------------------------------------------\n\nfunction getStatsForRole(\n  role: UserRole,\n  orders: MockOrder[],\n  dashboardStats: DashboardStats | undefined\n) {\n  switch (role) {\n    case'customer':\n      return [\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: orders.length.toString(),\n          label: 'Total Orders',\n          trend: 'up' as const,\n          trendValue: '+2 this week',\n        },\n        {\n          icon: <Store className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeProviders ?? 0).toString(),\n          label: 'Nearby Providers',\n          trend: 'up' as const,\n          trendValue: '+3',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: (dashboardStats?.avgRating ?? 0).toFixed(1),\n          label: 'Avg. Rating',\n          trend: 'up' as const,\n          trendValue: '+0.1',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(\n            orders.reduce((s, o) => s + o.total, 0),\n            { minimumFractionDigits: 0 }\n          ),\n          label: 'Total Spent',\n          trend: 'neutral' as const,\n          trendValue: '',\n        },\n      ];\n    case'cart_owner':\n      return [\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: '48',\n          label: 'Orders Today',\n          trend: 'up' as const,\n          trendValue: '+12%',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(12850, { minimumFractionDigits: 0 }),\n          label: \"Today's Revenue\",\n          trend: 'up' as const,\n          trendValue: '+8%',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: '4.6',\n          label: 'Cart Rating',\n          trend: 'up' as const,\n          trendValue: '+0.2',\n        },\n        {\n          icon: <Users className=\"h-5 w-5\" />,\n          value: '5',\n          label: 'Active Staff',\n          trend: 'neutral' as const,\n          trendValue: '',\n        },\n      ];\n    case'worker':\n      return [\n        {\n          icon: <ClipboardList className=\"h-5 w-5\" />,\n          value: '5',\n          label: 'Tasks Today',\n          trend: 'up' as const,\n          trendValue: '+2',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(425, { minimumFractionDigits: 0 }),\n          label: \"Today's Earnings\",\n          trend: 'up' as const,\n          trendValue: '+15%',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: '4.7',\n          label: 'Rating',\n          trend: 'up' as const,\n          trendValue: '+0.1',\n        },\n        {\n          icon: <CheckCircle2 className=\"h-5 w-5\" />,\n          value: '96.8%',\n          label: 'Completion Rate',\n          trend: 'up' as const,\n          trendValue: '+0.5%',\n        },\n      ];\n    case'investor':\n      return [\n        {\n          icon: <TrendingUp className=\"h-5 w-5\" />,\n          value: '3',\n          label: 'Active Investments',\n          trend: 'up' as const,\n          trendValue: '+1',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(450000, { minimumFractionDigits: 0 }),\n          label: 'Total Invested',\n          trend: 'up' as const,\n          trendValue: '',\n        },\n        {\n          icon: <HandCoins className=\"h-5 w-5\" />,\n          value: '16.5%',\n          label: 'Avg. Returns',\n          trend: 'up' as const,\n          trendValue: '+2.1%',\n        },\n        {\n          icon: <BarChart3 className=\"h-5 w-5\" />,\n          value: formatCurrency(74250, { minimumFractionDigits: 0 }),\n          label: 'Total Returns',\n          trend: 'up' as const,\n          trendValue: '+8.5%',\n        },\n      ];\n    case'admin':\n    default:\n      return [\n        {\n          icon: <Users className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeCustomers ?? 0).toLocaleString('en-IN'),\n          label: 'Active Customers',\n          trend: 'up' as const,\n          trendValue: '+50',\n        },\n        {\n          icon: <Store className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeProviders ?? 0).toString(),\n          label: 'Service Providers',\n          trend: 'up' as const,\n          trendValue: '+3',\n        },\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: (dashboardStats?.totalOrders ?? 0).toLocaleString('en-IN'),\n          label: 'Total Orders',\n          trend: 'up' as const,\n          trendValue: '+12%',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(dashboardStats?.totalRevenue ?? 0, { minimumFractionDigits: 0 }),\n          label: 'Total Revenue',\n          trend: 'up' as const,\n          trendValue: '+8.5%',\n        },\n      ];\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Category data\n// ---------------------------------------------------------------------------\n\nconst categories = [\n  {\n    label: 'Food & Beverage',\n    icon: <ChefHat className=\"h-6 w-6\" />,\n    color: 'bg-accent-orange-subtle/10 text-accent-orange',\n  },\n  {\n    label: 'Personal Care & Beauty',\n    icon: <Scissors className=\"h-6 w-6\" />,\n    color: 'bg-accent-pink-subtle/10 text-accent-pink',\n  },\n  {\n    label: 'Repair & Maintenance',\n    icon: <Wrench className=\"h-6 w-6\" />,\n    color: 'bg-accent-blue-subtle/10 text-accent-blue',\n  },\n  {\n    label: 'Home Services',\n    icon: <Home className=\"h-6 w-6\" />,\n    color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n  },\n  {\n    label: 'Clothing & Fashion',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    color: 'bg-accent-purple-subtle/10 text-accent-purple',\n  },\n  {\n    label: 'Health & Wellness',\n    icon: <Heart className=\"h-6 w-6\" />,\n    color: 'bg-status-error-bg-subtle/10 text-status-error-text',\n  },\n  {\n    label: 'Education & Skills',\n    icon: <GraduationCap className=\"h-6 w-6\" />,\n    color: 'bg-status-warning-bg-subtle/10 text-status-warning-text',\n  },\n  {\n    label: 'Retail & Merchandise',\n    icon: <Package className=\"h-6 w-6\" />,\n    color: 'bg-accent-indigo-subtle/10 text-accent-indigo',\n  },\n  {\n    label: 'Grocery & Essentials',\n    icon: <ShoppingCart className=\"h-6 w-6\" />,\n    color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// How It Works steps\n// ---------------------------------------------------------------------------\n\nconst howItWorks = [\n  {\n    step: 1,\n    title: 'Browse Services',\n    description: 'Discover local service providers and carts near you.',\n    icon: <Search className=\"h-6 w-6\" />,\n  },\n  {\n    step: 2,\n    title: 'Place an Order',\n    description: 'Select items or services and place your order seamlessly.',\n    icon: <ShoppingBag className=\"h-6 w-6\" />,\n  },\n  {\n    step: 3,\n    title: 'Track in Real-time',\n    description: 'Get live updates on your order from confirmation to delivery.',\n    icon: <Truck className=\"h-6 w-6\" />,\n  },\n  {\n    step: 4,\n    title: 'Rate & Review',\n    description: 'Share your experience and help others find great services.',\n    icon: <Star className=\"h-6 w-6\" />,\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Recent activity mock\n// ---------------------------------------------------------------------------\n\nconst mockRecentActivity = [\n  {\n    id: 'ha-1',\n    description: 'New order placed at Dosa Express',\n    time: '2 mins ago',\n    type: 'order',\n  },\n  {\n    id: 'ha-2',\n    description: 'Quick Cuts Salon received a new review',\n    time: '15 mins ago',\n    type: 'review',\n  },\n  {\n    id: 'ha-3',\n    description: 'Investment opportunity funded: Spotless Cleaning',\n    time: '1 hour ago',\n    type: 'investment',\n  },\n  {\n    id: 'ha-4',\n    description: 'New cart registered: Gadget Zone Brigade',\n    time: '3 hours ago',\n    type: 'cart',\n  },\n  {\n    id: 'ha-5',\n    description: 'Order delivered: Fix-It Mobile Repair',\n    time: '5 hours ago',\n    type: 'order',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Platform Stats\n// ---------------------------------------------------------------------------\n\nconst platformStats = [\n  { label: 'Service Providers', value: '21+', icon: <Store className=\"h-5 w-5\" /> },\n  { label: 'Categories', value: '9', icon: <Package className=\"h-5 w-5\" /> },\n  { label: 'Happy Customers', value: '534+', icon: <Users className=\"h-5 w-5\" /> },\n  { label: 'Orders Completed', value: '1,247+', icon: <CheckCircle2 className=\"h-5 w-5\" /> },\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const { providers, orders, dashboardStats } = useAdapterCloudApi();\n\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n  const userRole: UserRole = (currentUser?.role as UserRole) ?? 'customer';\n\n  const roleLabel: Record<UserRole, string> = {\n    customer: t('adaptercloud.home.role.customer', 'Customer'),\n    cart_owner: t('adaptercloud.home.role.cartOwner', 'Cart Owner'),\n    worker: t('adaptercloud.home.role.worker', 'Worker'),\n    investor: t('adaptercloud.home.role.investor', 'Investor'),\n    admin: t('adaptercloud.home.role.admin', 'Administrator'),\n  };\n\n  const roleGreetings: Record<UserRole, string> = {\n    customer: t('adaptercloud.home.greeting.customer', 'Discover amazing services near you'),\n    cart_owner: t('adaptercloud.home.greeting.cartOwner', 'Manage your business and grow'),\n    worker: t('adaptercloud.home.greeting.worker', 'Check your tasks and earnings'),\n    investor: t('adaptercloud.home.greeting.investor', 'Track your investments and returns'),\n    admin: t('adaptercloud.home.greeting.admin', 'Monitor and manage the platform'),\n  };\n\n  const quickActions = quickActionsByRole[userRole] ?? quickActionsByRole.customer;\n  const stats = getStatsForRole(userRole, orders.data ?? [], dashboardStats.data);\n\n  // Featured carts (top-rated, open)\n  const featuredCarts = useMemo(() => {\n    let carts = (providers.data ?? []).filter((c) => c.isOpen);\n    if (searchQuery) {\n      const q = searchQuery.toLowerCase();\n      carts = carts.filter(\n        (c) => c.name.toLowerCase().includes(q) || c.category.toLowerCase().includes(q)\n      );\n    }\n    return carts.sort((a, b) => b.rating - a.rating).slice(0, 6);\n  }, [providers.data, searchQuery]);\n\n  // Recent orders\n  const recentOrders = useMemo(() => {\n    return [...(orders.data ?? [])]\n      .sort((a, b) => new Date(b.orderDate).getTime() - new Date(a.orderDate).getTime())\n      .slice(0, 3);\n  }, [orders.data]);\n\n  const activityIcons: Record<string, string> = {\n    order: 'text-accent-blue',\n    review: 'text-status-warning-text',\n    investment: 'text-status-success-text',\n    cart: 'text-accent-purple',\n  };\n\n  // Check if\"new user\" (no orders)\n  const isNewUser = (orders.data ?? []).length === 0 && !orders.isLoading;\n\n  const isLoading = providers.isLoading || orders.isLoading || dashboardStats.isLoading;\n  const isError = providers.isError || orders.isError || dashboardStats.isError;\n\n  if (isLoading) {\n    return (\n      <PageLayout title={t('adaptercloud.common.loading', 'Loading...')}>\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title={t('adaptercloud.common.error', 'Error')}>\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">\n            {t('adaptercloud.common.errorLoading', 'Error loading data')}\n          </h2>\n          <p className=\"text-text-secondary\">\n            {t('adaptercloud.common.tryAgain', 'Please try again later.')}\n          </p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title={\n        <>\n          {t('adaptercloud.home.hello', 'Hello')},{' '}\n          <GradientText>{firstName}</GradientText>!\n        </>\n      }\n      description={roleGreetings[userRole]}\n    >\n      {/* Welcome Banner for New Users */}\n      {isNewUser && (\n        <EmphasisPanel className=\"mb-6 p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10\">\n              <Sparkles className=\"h-6 w-6 text-primary\" />\n            </div>\n            <div className=\"flex-1\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.home.welcomeTitle', 'Welcome to AdapterCloud!')}\n              </h2>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                {t(\n                  'adaptercloud.home.welcomeDescription',\n                  'Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.'\n                )}\n              </p>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/carts')}\n                className=\"mt-3 inline-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                <Search className=\"h-4 w-4\" />\n                {t('adaptercloud.home.exploreServices', 'Explore Services')}\n              </button>\n            </div>\n          </div>\n        </EmphasisPanel>\n      )}\n\n      {/* Hero Section with Role Info */}\n      <GlassCard treatment=\"glass\" className=\"mb-6 p-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <div className=\"flex items-center gap-2 mb-1\">\n              <span className=\"inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary\">\n                <BadgeCheck className=\"mr-1 h-3 w-3\" />\n                {roleLabel[userRole]}\n              </span>\n            </div>\n            <h2 className=\"text-xl font-bold text-text-primary\">\n              {t('adaptercloud.home.good', 'Good')}{' '}\n              {new Date().getHours() < 12\n                ? t('adaptercloud.home.time.morning', 'morning')\n                : new Date().getHours() < 17\n                  ? t('adaptercloud.home.time.afternoon', 'afternoon')\n                  : t('adaptercloud.home.time.evening', 'evening')}\n              , {firstName}\n            </h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">{roleGreetings[userRole]}</p>\n          </div>\n          <div className=\"relative w-full sm:w-72\">\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={t('adaptercloud.home.searchPlaceholder', 'Search services, carts...')}\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.5 pl-10 pr-3 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>\n      </GlassCard>\n\n      {/* Quick Stats */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.quickStats', 'Quick Stats')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {stats.map((stat, index) => (\n            <MetricsCard\n              key={stat.label}\n              featured={index === 0}\n              icon={stat.icon}\n              value={stat.value}\n              label={stat.label}\n              trend={stat.trend}\n              trendValue={stat.trendValue}\n            />\n          ))}\n        </div>\n      </section>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.quickActions', 'Quick Actions')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-all bg-gloss-card shadow-pop',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <ArrowRight className=\"h-4 w-4 text-text-secondary shrink-0 mt-1\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Featured / Nearby Carts */}\n      <section className=\"mb-8\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {searchQuery\n              ? t('adaptercloud.home.searchResults', 'Search Results')\n              : t('adaptercloud.home.featuredCarts', 'Featured Carts')}\n          </h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/carts')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            {t('adaptercloud.common.viewAll', 'View All')} <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n\n        {featuredCarts.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Search className=\"h-10 w-10\" />}\n            title={t('adaptercloud.home.noCartsFound', 'No carts found')}\n            description={t(\n              'adaptercloud.home.noCartsDescription',\n              'Try adjusting your search or browse all categories'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setSearchQuery('')}\n                className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                {t('adaptercloud.home.clearSearch', 'Clear Search')}\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {featuredCarts.map((cart) => (\n              <div\n                key={cart.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigateTo(`/customer/cart/${cart.id}`);\n                  }\n                }}\n                className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                {/* Image */}\n                <div className=\"relative h-40 bg-bg-sunken\">\n                  <img\n                    src={cart.image}\n                    alt={cart.name}\n                    className=\"h-full w-full object-cover\"\n                    loading=\"lazy\"\n                  />\n                  <div className=\"absolute top-2 right-2\">\n                    <StatusBadge status={cart.isOpen ? 'open' : 'closed'} />\n                  </div>\n                  {cart.isVerified && (\n                    <div className=\"absolute top-2 left-2\">\n                      <span className=\"inline-flex items-center gap-1 rounded-full bg-accent-blue-subtle/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm\">\n                        <BadgeCheck className=\"h-3 w-3\" />{' '}\n                        {t('adaptercloud.home.verified', 'Verified')}\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"absolute bottom-2 right-2\">\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-black/60 px-2 py-0.5 text-xs text-white backdrop-blur-sm\">\n                      <Clock className=\"h-3 w-3\" /> {cart.estimatedTime} min\n                    </span>\n                  </div>\n                </div>\n\n                {/* Details */}\n                <div className=\"p-4\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"min-w-0 flex-1\">\n                      <h3 className=\"text-base font-semibold text-text-primary truncate\">\n                        {cart.name}\n                      </h3>\n                      <p className=\"mt-0.5 text-sm text-text-secondary\">{cart.category}</p>\n                    </div>\n                    <div className=\"flex items-center gap-1 rounded bg-status-success-bg-subtle px-1.5 py-0.5 ml-2 shrink-0\">\n                      <Star className=\"h-3 w-3 fill-white text-white\" />\n                      <span className=\"text-xs font-bold text-white\">{cart.rating}</span>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-3 flex items-center gap-4 text-xs text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" /> {formatDistance(cart.distance)}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3\" /> {cart.totalRatings}{' '}\n                      {t('adaptercloud.home.reviews', 'reviews')}\n                    </span>\n                    {cart.averageOrderValue && (\n                      <span className=\"flex items-center gap-1\">\n                        <IndianRupee className=\"h-3 w-3\" /> {t('adaptercloud.home.average', 'Avg.')}{' '}\n                        {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n                      </span>\n                    )}\n                  </div>\n\n                  {/* Tags / service types */}\n                  {cart.serviceTypes && cart.serviceTypes.length > 0 && (\n                    <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                      {cart.serviceTypes.slice(0, 3).map((st) => (\n                        <span\n                          key={st}\n                          className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                        >\n                          {st.replace(/_/g, ' ')}\n                        </span>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent Orders */}\n      {recentOrders.length > 0 && (\n        <section className=\"mb-8\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.home.recentOrders', 'Recent Orders')}\n            </h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/orders')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              {t('adaptercloud.common.viewAll', 'View All')} <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border\">\n            {recentOrders.map((order) => (\n              <div\n                key={order.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigateTo(`/customer/order/${order.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigateTo(`/customer/order/${order.id}`);\n                  }\n                }}\n                className=\"flex items-center gap-4 px-4 py-3 hover:bg-accent/50 transition-colors cursor-pointer\"\n              >\n                <img\n                  src={order.cartImage}\n                  alt={order.cartName}\n                  className=\"h-12 w-12 rounded-lg object-cover shrink-0\"\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"text-sm font-medium text-text-primary truncate\">{order.cartName}</p>\n                    <StatusBadge status={order.status} />\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">\n                    {order.items.map((i) => i.name).join(', ')}\n                  </p>\n                </div>\n                <div className=\"text-right shrink-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatRelativeTime(order.orderDate)}\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n      )}\n\n      {/* How It Works */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.howItWorks', 'How It Works')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {howItWorks.map((item) => (\n            <div\n              key={item.step}\n              className=\"relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop\"\n            >\n              <div className=\"absolute -top-3 left-1/2 -translate-x-1/2\">\n                <span className=\"inline-flex h-6 w-6 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text\">\n                  {item.step}\n                </span>\n              </div>\n              <div className=\"mt-2 flex justify-center text-text-secondary mb-3\">{item.icon}</div>\n              <h3 className=\"text-sm font-semibold text-text-primary\">{item.title}</h3>\n              <p className=\"mt-1 text-xs text-text-secondary\">{item.description}</p>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Browse by Category */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.browseByCategory', 'Browse by Category')}\n        </h2>\n        <div className=\"grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5\">\n          {categories.map((cat) => (\n            <button\n              key={cat.label}\n              type=\"button\"\n              onClick={() =>\n                navigateTo(`/customer/carts?category=${encodeURIComponent(cat.label)}`)\n              }\n              className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all bg-gloss-card shadow-pop\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', cat.color)}\n              >\n                {cat.icon}\n              </div>\n              <span className=\"text-xs font-medium text-text-primary leading-tight\">{cat.label}</span>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Platform Stats */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.platformStats', 'Platform Stats')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {platformStats.map((stat) => (\n            <div\n              key={stat.label}\n              className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\"\n            >\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0\">\n                {stat.icon}\n              </div>\n              <div>\n                <p className=\"text-lg font-bold text-text-primary\">{stat.value}</p>\n                <p className=\"text-xs text-text-secondary\">{stat.label}</p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Recent Activity */}\n      <section>\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.recentActivity', 'Recent Activity')}\n        </h2>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border\">\n          {mockRecentActivity.map((item) => (\n            <div key={item.id} className=\"flex items-center gap-3 px-4 py-3\">\n              <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n                <Activity\n                  className={cn('h-4 w-4', activityIcons[item.type] ?? 'text-text-secondary')}\n                />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm text-text-primary truncate\">{item.description}</p>\n              </div>\n              <span className=\"text-xs text-text-secondary whitespace-nowrap\">{item.time}</span>\n            </div>\n          ))}\n        </div>\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HomePage.js","names":[],"sources":["../../../src/adaptercloud/pages/HomePage.tsx"],"sourcesContent":["/**\n * Home Page\n * @module adaptercloud/pages\n *\n * Role-based landing page with hero section, quick stats, quick actions,\n * featured carts, recent orders, how-it-works, category browsing,\n * platform stats, and welcome banner for new users.\n */\n\nimport { useState, useMemo, useCallback } from'react';\nimport { useI18n } from'@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Search,\n  ShoppingBag,\n  Store,\n  ClipboardList,\n  TrendingUp,\n  LayoutDashboard,\n  Users,\n  IndianRupee,\n  Activity,\n  ArrowRight,\n  Star,\n  MapPin,\n  Clock,\n  ChefHat,\n  Scissors,\n  Wrench,\n  Home,\n  Shirt,\n  Heart,\n  GraduationCap,\n  Package,\n  ShoppingCart,\n  BarChart3,\n  Wallet,\n  CheckCircle2,\n  Zap,\n  Shield,\n  Sparkles,\n  HandCoins,\n  UserCheck,\n  Truck,\n  BadgeCheck,\n  FileText,\n  Settings,\n  Loader2,\n  AlertCircle,\n} from'lucide-react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../components/PageLayout';\nimport { MetricsCard } from'../components/MetricsCard';\nimport { CartCard } from'../components/CartCard';\nimport { StatusBadge } from'../components/StatusBadge';\nimport { EmptyState } from'../components/EmptyState';\nimport { useAdapterCloud } from'../context/AdapterCloudContext';\nimport { useAdapterCloudApi } from'../hooks/useAdapterCloudApi';\nimport { cn } from'../utils/cn';\nimport {\n  formatCurrency,\n  formatDate,\n  formatRelativeTime,\n  formatDistance,\n} from'../utils/formatters';\nimport type { UserRole, MockCart, MockOrder, DashboardStats } from'../types';\n\n// ---------------------------------------------------------------------------\n// Role-based Quick Action configs\n// ---------------------------------------------------------------------------\n\ninterface QuickAction {\n  label: string;\n  description: string;\n  icon: React.ReactNode;\n  path: string;\n  color: string;\n}\n\nconst quickActionsByRole: Record<UserRole, QuickAction[]> = {\n  customer: [\n    {\n      label: 'Discover Services',\n      description: 'Browse carts near you',\n      icon: <Search className=\"h-5 w-5\" />,\n      path: '/customer/carts',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'My Orders',\n      description: 'Track your orders',\n      icon: <ShoppingBag className=\"h-5 w-5\" />,\n      path: '/customer/orders',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Favorites',\n      description: 'Your saved carts',\n      icon: <Heart className=\"h-5 w-5\" />,\n      path: '/customer/favorites',\n      color: 'bg-accent-pink-subtle/10 text-accent-pink',\n    },\n    {\n      label: 'Settings',\n      description: 'Manage preferences',\n      icon: <Settings className=\"h-5 w-5\" />,\n      path: '/settings',\n      color: 'bg-bg-sunken text-text-secondary',\n    },\n  ],\n  cart_owner: [\n    {\n      label: 'My Cart',\n      description: 'Manage your cart',\n      icon: <Store className=\"h-5 w-5\" />,\n      path: '/owner/dashboard',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n    {\n      label: 'Orders',\n      description: 'Incoming orders',\n      icon: <ShoppingBag className=\"h-5 w-5\" />,\n      path: '/owner/orders',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Analytics',\n      description: 'Revenue & insights',\n      icon: <BarChart3 className=\"h-5 w-5\" />,\n      path: '/owner/analytics',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Staff',\n      description: 'Manage workers',\n      icon: <Users className=\"h-5 w-5\" />,\n      path: '/owner/staff',\n      color: 'bg-accent-orange-subtle/10 text-accent-orange',\n    },\n  ],\n  worker: [\n    {\n      label: 'My Tasks',\n      description: 'View assigned tasks',\n      icon: <ClipboardList className=\"h-5 w-5\" />,\n      path: '/worker/dashboard',\n      color: 'bg-accent-orange-subtle/10 text-accent-orange',\n    },\n    {\n      label: 'Schedule',\n      description: 'View shifts',\n      icon: <Clock className=\"h-5 w-5\" />,\n      path: '/worker/schedule',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Earnings',\n      description: 'Track pay',\n      icon: <Wallet className=\"h-5 w-5\" />,\n      path: '/worker/earnings',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Performance',\n      description: 'Ratings & stats',\n      icon: <Star className=\"h-5 w-5\" />,\n      path: '/worker/performance',\n      color: 'bg-status-warning-bg-subtle/10 text-status-warning-text',\n    },\n  ],\n  investor: [\n    {\n      label: 'Portfolio',\n      description: 'Your investments',\n      icon: <TrendingUp className=\"h-5 w-5\" />,\n      path: '/investor/dashboard',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Opportunities',\n      description: 'New investments',\n      icon: <HandCoins className=\"h-5 w-5\" />,\n      path: '/investor/opportunities',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Returns',\n      description: 'Earnings history',\n      icon: <IndianRupee className=\"h-5 w-5\" />,\n      path: '/investor/returns',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n    {\n      label: 'Reports',\n      description: 'Performance reports',\n      icon: <FileText className=\"h-5 w-5\" />,\n      path: '/investor/reports',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n  ],\n  admin: [\n    {\n      label: 'Dashboard',\n      description: 'Platform overview',\n      icon: <LayoutDashboard className=\"h-5 w-5\" />,\n      path: '/admin/dashboard',\n      color: 'bg-status-error-bg-subtle/10 text-status-error-text',\n    },\n    {\n      label: 'Users',\n      description: 'Manage accounts',\n      icon: <Users className=\"h-5 w-5\" />,\n      path: '/admin/users',\n      color: 'bg-accent-blue-subtle/10 text-accent-blue',\n    },\n    {\n      label: 'Carts',\n      description: 'Approve & manage',\n      icon: <Store className=\"h-5 w-5\" />,\n      path: '/admin/carts',\n      color: 'bg-accent-purple-subtle/10 text-accent-purple',\n    },\n    {\n      label: 'Analytics',\n      description: 'Revenue reports',\n      icon: <BarChart3 className=\"h-5 w-5\" />,\n      path: '/admin/analytics',\n      color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n    },\n  ],\n};\n\n// ---------------------------------------------------------------------------\n// Role-based Quick Stats configs\n// ---------------------------------------------------------------------------\n\nfunction getStatsForRole(\n  role: UserRole,\n  orders: MockOrder[],\n  dashboardStats: DashboardStats | undefined\n) {\n  switch (role) {\n    case'customer':\n      return [\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: orders.length.toString(),\n          label: 'Total Orders',\n          trend: 'up' as const,\n          trendValue: '+2 this week',\n        },\n        {\n          icon: <Store className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeProviders ?? 0).toString(),\n          label: 'Nearby Providers',\n          trend: 'up' as const,\n          trendValue: '+3',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: (dashboardStats?.avgRating ?? 0).toFixed(1),\n          label: 'Avg. Rating',\n          trend: 'up' as const,\n          trendValue: '+0.1',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(\n            orders.reduce((s, o) => s + o.total, 0),\n            { minimumFractionDigits: 0 }\n          ),\n          label: 'Total Spent',\n          trend: 'neutral' as const,\n          trendValue: '',\n        },\n      ];\n    case'cart_owner':\n      return [\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: '48',\n          label: 'Orders Today',\n          trend: 'up' as const,\n          trendValue: '+12%',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(12850, { minimumFractionDigits: 0 }),\n          label: \"Today's Revenue\",\n          trend: 'up' as const,\n          trendValue: '+8%',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: '4.6',\n          label: 'Cart Rating',\n          trend: 'up' as const,\n          trendValue: '+0.2',\n        },\n        {\n          icon: <Users className=\"h-5 w-5\" />,\n          value: '5',\n          label: 'Active Staff',\n          trend: 'neutral' as const,\n          trendValue: '',\n        },\n      ];\n    case'worker':\n      return [\n        {\n          icon: <ClipboardList className=\"h-5 w-5\" />,\n          value: '5',\n          label: 'Tasks Today',\n          trend: 'up' as const,\n          trendValue: '+2',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(425, { minimumFractionDigits: 0 }),\n          label: \"Today's Earnings\",\n          trend: 'up' as const,\n          trendValue: '+15%',\n        },\n        {\n          icon: <Star className=\"h-5 w-5\" />,\n          value: '4.7',\n          label: 'Rating',\n          trend: 'up' as const,\n          trendValue: '+0.1',\n        },\n        {\n          icon: <CheckCircle2 className=\"h-5 w-5\" />,\n          value: '96.8%',\n          label: 'Completion Rate',\n          trend: 'up' as const,\n          trendValue: '+0.5%',\n        },\n      ];\n    case'investor':\n      return [\n        {\n          icon: <TrendingUp className=\"h-5 w-5\" />,\n          value: '3',\n          label: 'Active Investments',\n          trend: 'up' as const,\n          trendValue: '+1',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(450000, { minimumFractionDigits: 0 }),\n          label: 'Total Invested',\n          trend: 'up' as const,\n          trendValue: '',\n        },\n        {\n          icon: <HandCoins className=\"h-5 w-5\" />,\n          value: '16.5%',\n          label: 'Avg. Returns',\n          trend: 'up' as const,\n          trendValue: '+2.1%',\n        },\n        {\n          icon: <BarChart3 className=\"h-5 w-5\" />,\n          value: formatCurrency(74250, { minimumFractionDigits: 0 }),\n          label: 'Total Returns',\n          trend: 'up' as const,\n          trendValue: '+8.5%',\n        },\n      ];\n    case'admin':\n    default:\n      return [\n        {\n          icon: <Users className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeCustomers ?? 0).toLocaleString('en-IN'),\n          label: 'Active Customers',\n          trend: 'up' as const,\n          trendValue: '+50',\n        },\n        {\n          icon: <Store className=\"h-5 w-5\" />,\n          value: (dashboardStats?.activeProviders ?? 0).toString(),\n          label: 'Service Providers',\n          trend: 'up' as const,\n          trendValue: '+3',\n        },\n        {\n          icon: <ShoppingBag className=\"h-5 w-5\" />,\n          value: (dashboardStats?.totalOrders ?? 0).toLocaleString('en-IN'),\n          label: 'Total Orders',\n          trend: 'up' as const,\n          trendValue: '+12%',\n        },\n        {\n          icon: <IndianRupee className=\"h-5 w-5\" />,\n          value: formatCurrency(dashboardStats?.totalRevenue ?? 0, { minimumFractionDigits: 0 }),\n          label: 'Total Revenue',\n          trend: 'up' as const,\n          trendValue: '+8.5%',\n        },\n      ];\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Category data\n// ---------------------------------------------------------------------------\n\nconst categories = [\n  {\n    label: 'Food & Beverage',\n    icon: <ChefHat className=\"h-6 w-6\" />,\n    color: 'bg-accent-orange-subtle/10 text-accent-orange',\n  },\n  {\n    label: 'Personal Care & Beauty',\n    icon: <Scissors className=\"h-6 w-6\" />,\n    color: 'bg-accent-pink-subtle/10 text-accent-pink',\n  },\n  {\n    label: 'Repair & Maintenance',\n    icon: <Wrench className=\"h-6 w-6\" />,\n    color: 'bg-accent-blue-subtle/10 text-accent-blue',\n  },\n  {\n    label: 'Home Services',\n    icon: <Home className=\"h-6 w-6\" />,\n    color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n  },\n  {\n    label: 'Clothing & Fashion',\n    icon: <Shirt className=\"h-6 w-6\" />,\n    color: 'bg-accent-purple-subtle/10 text-accent-purple',\n  },\n  {\n    label: 'Health & Wellness',\n    icon: <Heart className=\"h-6 w-6\" />,\n    color: 'bg-status-error-bg-subtle/10 text-status-error-text',\n  },\n  {\n    label: 'Education & Skills',\n    icon: <GraduationCap className=\"h-6 w-6\" />,\n    color: 'bg-status-warning-bg-subtle/10 text-status-warning-text',\n  },\n  {\n    label: 'Retail & Merchandise',\n    icon: <Package className=\"h-6 w-6\" />,\n    color: 'bg-accent-indigo-subtle/10 text-accent-indigo',\n  },\n  {\n    label: 'Grocery & Essentials',\n    icon: <ShoppingCart className=\"h-6 w-6\" />,\n    color: 'bg-status-success-bg-subtle/10 text-status-success-text',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// How It Works steps\n// ---------------------------------------------------------------------------\n\nconst howItWorks = [\n  {\n    step: 1,\n    title: 'Browse Services',\n    description: 'Discover local service providers and carts near you.',\n    icon: <Search className=\"h-6 w-6\" />,\n  },\n  {\n    step: 2,\n    title: 'Place an Order',\n    description: 'Select items or services and place your order seamlessly.',\n    icon: <ShoppingBag className=\"h-6 w-6\" />,\n  },\n  {\n    step: 3,\n    title: 'Track in Real-time',\n    description: 'Get live updates on your order from confirmation to delivery.',\n    icon: <Truck className=\"h-6 w-6\" />,\n  },\n  {\n    step: 4,\n    title: 'Rate & Review',\n    description: 'Share your experience and help others find great services.',\n    icon: <Star className=\"h-6 w-6\" />,\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Recent activity mock\n// ---------------------------------------------------------------------------\n\nconst mockRecentActivity = [\n  {\n    id: 'ha-1',\n    description: 'New order placed at Dosa Express',\n    time: '2 mins ago',\n    type: 'order',\n  },\n  {\n    id: 'ha-2',\n    description: 'Quick Cuts Salon received a new review',\n    time: '15 mins ago',\n    type: 'review',\n  },\n  {\n    id: 'ha-3',\n    description: 'Investment opportunity funded: Spotless Cleaning',\n    time: '1 hour ago',\n    type: 'investment',\n  },\n  {\n    id: 'ha-4',\n    description: 'New cart registered: Gadget Zone Brigade',\n    time: '3 hours ago',\n    type: 'cart',\n  },\n  {\n    id: 'ha-5',\n    description: 'Order delivered: Fix-It Mobile Repair',\n    time: '5 hours ago',\n    type: 'order',\n  },\n];\n\n// ---------------------------------------------------------------------------\n// Platform Stats\n// ---------------------------------------------------------------------------\n\nconst platformStats = [\n  { label: 'Service Providers', value: '21+', icon: <Store className=\"h-5 w-5\" /> },\n  { label: 'Categories', value: '9', icon: <Package className=\"h-5 w-5\" /> },\n  { label: 'Happy Customers', value: '534+', icon: <Users className=\"h-5 w-5\" /> },\n  { label: 'Orders Completed', value: '1,247+', icon: <CheckCircle2 className=\"h-5 w-5\" /> },\n];\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function HomePage() {\n  const { navigateTo, currentUser } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const { providers, orders, dashboardStats } = useAdapterCloudApi();\n\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'there';\n  const userRole: UserRole = (currentUser?.role as UserRole) ?? 'customer';\n\n  const roleLabel: Record<UserRole, string> = {\n    customer: t('adaptercloud.home.role.customer', 'Customer'),\n    cart_owner: t('adaptercloud.home.role.cartOwner', 'Cart Owner'),\n    worker: t('adaptercloud.home.role.worker', 'Worker'),\n    investor: t('adaptercloud.home.role.investor', 'Investor'),\n    admin: t('adaptercloud.home.role.admin', 'Administrator'),\n  };\n\n  const roleGreetings: Record<UserRole, string> = {\n    customer: t('adaptercloud.home.greeting.customer', 'Discover amazing services near you'),\n    cart_owner: t('adaptercloud.home.greeting.cartOwner', 'Manage your business and grow'),\n    worker: t('adaptercloud.home.greeting.worker', 'Check your tasks and earnings'),\n    investor: t('adaptercloud.home.greeting.investor', 'Track your investments and returns'),\n    admin: t('adaptercloud.home.greeting.admin', 'Monitor and manage the platform'),\n  };\n\n  const quickActions = quickActionsByRole[userRole] ?? quickActionsByRole.customer;\n  const stats = getStatsForRole(userRole, orders.data ?? [], dashboardStats.data);\n\n  // Featured carts (top-rated, open)\n  const featuredCarts = useMemo(() => {\n    let carts = (providers.data ?? []).filter((c) => c.isOpen);\n    if (searchQuery) {\n      const q = searchQuery.toLowerCase();\n      carts = carts.filter(\n        (c) => c.name.toLowerCase().includes(q) || c.category.toLowerCase().includes(q)\n      );\n    }\n    return carts.sort((a, b) => b.rating - a.rating).slice(0, 6);\n  }, [providers.data, searchQuery]);\n\n  // Recent orders\n  const recentOrders = useMemo(() => {\n    return [...(orders.data ?? [])]\n      .sort((a, b) => new Date(b.orderDate).getTime() - new Date(a.orderDate).getTime())\n      .slice(0, 3);\n  }, [orders.data]);\n\n  const activityIcons: Record<string, string> = {\n    order: 'text-accent-blue',\n    review: 'text-status-warning-text',\n    investment: 'text-status-success-text',\n    cart: 'text-accent-purple',\n  };\n\n  // Check if\"new user\" (no orders)\n  const isNewUser = (orders.data ?? []).length === 0 && !orders.isLoading;\n\n  const isLoading = providers.isLoading || orders.isLoading || dashboardStats.isLoading;\n  const isError = providers.isError || orders.isError || dashboardStats.isError;\n\n  if (isLoading) {\n    return (\n      <PageLayout title={t('adaptercloud.common.loading', 'Loading...')}>\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title={t('adaptercloud.common.error', 'Error')}>\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">\n            {t('adaptercloud.common.errorLoading', 'Error loading data')}\n          </h2>\n          <p className=\"text-text-secondary\">\n            {t('adaptercloud.common.tryAgain', 'Please try again later.')}\n          </p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title={\n        <>\n          {t('adaptercloud.home.hello', 'Hello')},{' '}\n          <GradientText>{firstName}</GradientText>!\n        </>\n      }\n      description={roleGreetings[userRole]}\n      purpose={t(\n        'adaptercloud.home.purpose',\n        'Your starting point on AdapterCloud — the local services marketplace. Discover carts near you, jump back into recent orders, and reach the tools for your role, all from one home screen.'\n      )}\n    >\n      {/* Welcome Banner for New Users — plain surface so the Hero below stays\n          the single emphasis zone on this page. */}\n      {isNewUser && (\n        <GlassCard treatment=\"plain\" className=\"mb-6 p-6\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10\">\n              <Sparkles className=\"h-6 w-6 text-primary\" />\n            </div>\n            <div className=\"flex-1\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('adaptercloud.home.welcomeTitle', 'Welcome to AdapterCloud!')}\n              </h2>\n              <p className=\"mt-1 text-sm text-text-secondary\">\n                {t(\n                  'adaptercloud.home.welcomeDescription',\n                  'Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.'\n                )}\n              </p>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/carts')}\n                className=\"mt-3 inline-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                <Search className=\"h-4 w-4\" />\n                {t('adaptercloud.home.exploreServices', 'Explore Services')}\n              </button>\n            </div>\n          </div>\n        </GlassCard>\n      )}\n\n      {/* Hero Section with Role Info */}\n      <GlassCard treatment=\"glass\" className=\"mb-6 p-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <div className=\"flex items-center gap-2 mb-1\">\n              <span className=\"inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary\">\n                <BadgeCheck className=\"mr-1 h-3 w-3\" />\n                {roleLabel[userRole]}\n              </span>\n            </div>\n            <h2 className=\"text-xl font-bold text-text-primary\">\n              {t('adaptercloud.home.good', 'Good')}{' '}\n              {new Date().getHours() < 12\n                ? t('adaptercloud.home.time.morning', 'morning')\n                : new Date().getHours() < 17\n                  ? t('adaptercloud.home.time.afternoon', 'afternoon')\n                  : t('adaptercloud.home.time.evening', 'evening')}\n              , {firstName}\n            </h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">{roleGreetings[userRole]}</p>\n          </div>\n          <div className=\"relative w-full sm:w-72\">\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={t('adaptercloud.home.searchPlaceholder', 'Search services, carts...')}\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.5 pl-10 pr-3 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>\n      </GlassCard>\n\n      {/* Quick Stats */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.quickStats', 'Quick Stats')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {stats.map((stat, index) => (\n            <MetricsCard\n              key={stat.label}\n              featured={index === 0}\n              icon={stat.icon}\n              value={stat.value}\n              label={stat.label}\n              trend={stat.trend}\n              trendValue={stat.trendValue}\n            />\n          ))}\n        </div>\n      </section>\n\n      {/* Quick Actions */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.quickActions', 'Quick Actions')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {quickActions.map((action) => (\n            <button\n              key={action.label}\n              type=\"button\"\n              onClick={() => navigateTo(action.path)}\n              className={cn(\n                'flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-all bg-gloss-card shadow-pop',\n                'hover:border-accent-foreground/20 hover:shadow-md'\n              )}\n            >\n              <div\n                className={cn(\n                  'flex h-10 w-10 shrink-0 items-center justify-center rounded-lg',\n                  action.color\n                )}\n              >\n                {action.icon}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-semibold text-text-primary\">{action.label}</p>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">{action.description}</p>\n              </div>\n              <ArrowRight className=\"h-4 w-4 text-text-secondary shrink-0 mt-1\" />\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Featured / Nearby Carts */}\n      <section className=\"mb-8\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {searchQuery\n              ? t('adaptercloud.home.searchResults', 'Search Results')\n              : t('adaptercloud.home.featuredCarts', 'Featured Carts')}\n          </h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/carts')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            {t('adaptercloud.common.viewAll', 'View All')} <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n\n        {featuredCarts.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Search className=\"h-10 w-10\" />}\n            title={t('adaptercloud.home.noCartsFound', 'No carts found')}\n            description={t(\n              'adaptercloud.home.noCartsDescription',\n              'Try adjusting your search or browse all categories'\n            )}\n            action={\n              <button\n                type=\"button\"\n                onClick={() => setSearchQuery('')}\n                className=\"rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                {t('adaptercloud.home.clearSearch', 'Clear Search')}\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {featuredCarts.map((cart) => (\n              <div\n                key={cart.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigateTo(`/customer/cart/${cart.id}`);\n                  }\n                }}\n                className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                {/* Image */}\n                <div className=\"relative h-40 bg-bg-sunken\">\n                  <img\n                    src={cart.image}\n                    alt={cart.name}\n                    className=\"h-full w-full object-cover\"\n                    loading=\"lazy\"\n                  />\n                  <div className=\"absolute top-2 right-2\">\n                    <StatusBadge status={cart.isOpen ? 'open' : 'closed'} />\n                  </div>\n                  {cart.isVerified && (\n                    <div className=\"absolute top-2 left-2\">\n                      <span className=\"inline-flex items-center gap-1 rounded-full bg-accent-blue-subtle/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm\">\n                        <BadgeCheck className=\"h-3 w-3\" />{' '}\n                        {t('adaptercloud.home.verified', 'Verified')}\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"absolute bottom-2 right-2\">\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-black/60 px-2 py-0.5 text-xs text-white backdrop-blur-sm\">\n                      <Clock className=\"h-3 w-3\" /> {cart.estimatedTime} min\n                    </span>\n                  </div>\n                </div>\n\n                {/* Details */}\n                <div className=\"p-4\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"min-w-0 flex-1\">\n                      <h3 className=\"text-base font-semibold text-text-primary truncate\">\n                        {cart.name}\n                      </h3>\n                      <p className=\"mt-0.5 text-sm text-text-secondary\">{cart.category}</p>\n                    </div>\n                    <div className=\"flex items-center gap-1 rounded bg-status-success-bg-subtle px-1.5 py-0.5 ml-2 shrink-0\">\n                      <Star className=\"h-3 w-3 fill-white text-white\" />\n                      <span className=\"text-xs font-bold text-white\">{cart.rating}</span>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-3 flex items-center gap-4 text-xs text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" /> {formatDistance(cart.distance)}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3\" /> {cart.totalRatings}{' '}\n                      {t('adaptercloud.home.reviews', 'reviews')}\n                    </span>\n                    {cart.averageOrderValue && (\n                      <span className=\"flex items-center gap-1\">\n                        <IndianRupee className=\"h-3 w-3\" /> {t('adaptercloud.home.average', 'Avg.')}{' '}\n                        {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n                      </span>\n                    )}\n                  </div>\n\n                  {/* Tags / service types */}\n                  {cart.serviceTypes && cart.serviceTypes.length > 0 && (\n                    <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                      {cart.serviceTypes.slice(0, 3).map((st) => (\n                        <span\n                          key={st}\n                          className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n                        >\n                          {st.replace(/_/g, ' ')}\n                        </span>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Recent Orders */}\n      {recentOrders.length > 0 && (\n        <section className=\"mb-8\">\n          <div className=\"flex items-center justify-between mb-4\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.home.recentOrders', 'Recent Orders')}\n            </h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/orders')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              {t('adaptercloud.common.viewAll', 'View All')} <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border\">\n            {recentOrders.map((order) => (\n              <div\n                key={order.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => navigateTo(`/customer/order/${order.id}`)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigateTo(`/customer/order/${order.id}`);\n                  }\n                }}\n                className=\"flex items-center gap-4 px-4 py-3 hover:bg-accent/50 transition-colors cursor-pointer\"\n              >\n                <img\n                  src={order.cartImage}\n                  alt={order.cartName}\n                  className=\"h-12 w-12 rounded-lg object-cover shrink-0\"\n                />\n                <div className=\"flex-1 min-w-0\">\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"text-sm font-medium text-text-primary truncate\">{order.cartName}</p>\n                    <StatusBadge status={order.status} />\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">\n                    {order.items.map((i) => i.name).join(', ')}\n                  </p>\n                </div>\n                <div className=\"text-right shrink-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {formatRelativeTime(order.orderDate)}\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n      )}\n\n      {/* How It Works */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.howItWorks', 'How It Works')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {howItWorks.map((item) => (\n            <div\n              key={item.step}\n              className=\"relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop\"\n            >\n              <div className=\"absolute -top-3 left-1/2 -translate-x-1/2\">\n                <span className=\"inline-flex h-6 w-6 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text\">\n                  {item.step}\n                </span>\n              </div>\n              <div className=\"mt-2 flex justify-center text-text-secondary mb-3\">{item.icon}</div>\n              <h3 className=\"text-sm font-semibold text-text-primary\">{item.title}</h3>\n              <p className=\"mt-1 text-xs text-text-secondary\">{item.description}</p>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Browse by Category */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.browseByCategory', 'Browse by Category')}\n        </h2>\n        <div className=\"grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5\">\n          {categories.map((cat) => (\n            <button\n              key={cat.label}\n              type=\"button\"\n              onClick={() =>\n                navigateTo(`/customer/carts?category=${encodeURIComponent(cat.label)}`)\n              }\n              className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all bg-gloss-card shadow-pop\"\n            >\n              <div\n                className={cn('flex h-12 w-12 items-center justify-center rounded-full', cat.color)}\n              >\n                {cat.icon}\n              </div>\n              <span className=\"text-xs font-medium text-text-primary leading-tight\">{cat.label}</span>\n            </button>\n          ))}\n        </div>\n      </section>\n\n      {/* Platform Stats */}\n      <section className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.platformStats', 'Platform Stats')}\n        </h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          {platformStats.map((stat) => (\n            <div\n              key={stat.label}\n              className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\"\n            >\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0\">\n                {stat.icon}\n              </div>\n              <div>\n                <p className=\"text-lg font-bold text-text-primary\">{stat.value}</p>\n                <p className=\"text-xs text-text-secondary\">{stat.label}</p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </section>\n\n      {/* Recent Activity */}\n      <section>\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n          {t('adaptercloud.home.recentActivity', 'Recent Activity')}\n        </h2>\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border\">\n          {mockRecentActivity.map((item) => (\n            <div key={item.id} className=\"flex items-center gap-3 px-4 py-3\">\n              <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n                <Activity\n                  className={cn('h-4 w-4', activityIcons[item.type] ?? 'text-text-secondary')}\n                />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm text-text-primary truncate\">{item.description}</p>\n              </div>\n              <span className=\"text-xs text-text-secondary whitespace-nowrap\">{item.time}</span>\n            </div>\n          ))}\n        </div>\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}