@burdenoff/microfe-devportal 2026.625.3 → 2026.625.4

package/dist/devportal/pages/DashboardPage.js

@@ -11,272 +11,265 @@ import "../hooks/index.js";
 import { useEffect as u } from "react";
 import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Activity as f, AppWindow as p, ArrowRight as m, Building2 as h, DollarSign as g, Key as _, Loader2 as v, Plus as y, Store as b, TrendingUp as x, Users as S, Webhook as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, GradientText as O } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/devportal/pages/DashboardPage.tsx
-var k = () => {
-	let { navigate: k, basePath: M } = e(), { t: N } = d(), P = (e, t) => {
-		let n = N(e);
+var E = () => {
+	let { navigate: E, basePath: k } = e(), { t: A } = d(), j = (e, t) => {
+		let n = A(e);
 		return n === e ? t : n;
-	}, { data: F, loading: I } = n({ fetchPolicy: "cache-and-network" }), L = F?.myDeveloperOrganizations ?? [];
+	}, { data: M, loading: N } = n({ fetchPolicy: "cache-and-network" }), P = M?.myDeveloperOrganizations ?? [];
 	u(() => {
-		if (!(I || !F) && !(L.length > 0)) {
+		if (!(N || !M) && !(P.length > 0)) {
 			try {
 				if (localStorage.getItem("devportal_setup_dismissed")) return;
 			} catch {
 				return;
 			}
-			k?.(`${M}/setup`);
+			E?.(`${k}/setup`);
 		}
 	}, [
-		I,
-		F,
-		L.length,
-		k,
-		M
+		N,
+		M,
+		P.length,
+		E,
+		k
 	]);
-	let R = F?.applications?.edges?.map((e) => e.node) ?? [], z = {
-		totalApps: F?.applications?.totalCount ?? 0,
-		totalOrgs: L.length,
+	let F = M?.applications?.edges?.map((e) => e.node) ?? [], I = {
+		totalApps: M?.applications?.totalCount ?? 0,
+		totalOrgs: P.length,
 		totalApiKeys: 0,
 		totalWebhooks: 0,
-		totalApiCalls: L.reduce((e, t) => e + parseInt(t.totalApiCalls || "0"), 0),
-		activeInstalls: L.reduce((e, t) => e + (t.activeInstalls || 0), 0),
-		monthlyRevenue: L.reduce((e, t) => e + (t.totalRevenue || 0), 0),
+		totalApiCalls: P.reduce((e, t) => e + parseInt(t.totalApiCalls || "0"), 0),
+		activeInstalls: P.reduce((e, t) => e + (t.activeInstalls || 0), 0),
+		monthlyRevenue: P.reduce((e, t) => e + (t.totalRevenue || 0), 0),
 		errorRate: 0
-	}, B = (e) => {
-		k?.(`${M}${e}`);
-	}, V = I, H = !V && L.length > 0;
-	return /* @__PURE__ */ T(c, {
+	}, L = (e) => {
+		E?.(`${k}${e}`);
+	}, R = N, z = !R && P.length > 0;
+	return /* @__PURE__ */ w(c, {
 		permission: l.APP_READ,
-		children: /* @__PURE__ */ E(r, {
-			heroBackdrop: !0,
-			title: /* @__PURE__ */ E(w, { children: [
-				P("devportal.developer", "Developer"),
-				" ",
-				/* @__PURE__ */ T(O, { children: P("devportal.portal", "Portal") })
-			] }),
-			description: P("devportal.buildManageMonitor", "Build, manage, and monitor your applications"),
-			actions: H ? /* @__PURE__ */ E("button", {
+		children: /* @__PURE__ */ T(r, {
+			title: j("devportal.developerPortal", "Developer Portal"),
+			description: j("devportal.buildManageMonitor", "Build, manage, and monitor your applications"),
+			actions: z ? /* @__PURE__ */ T("button", {
 				"data-tour": "devportal-dashboard-create-app-button",
-				onClick: () => B("/apps/new"),
-				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-				children: [/* @__PURE__ */ T(y, { size: 16 }), P("devportal.createApp", "Create App")]
-			}) : V ? null : /* @__PURE__ */ E("button", {
+				onClick: () => L("/apps/new"),
+				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+				children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createApp", "Create App")]
+			}) : R ? null : /* @__PURE__ */ T("button", {
 				"data-tour": "devportal-dashboard-create-org-button",
-				onClick: () => B("/organizations/new"),
-				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-				children: [/* @__PURE__ */ T(y, { size: 16 }), P("devportal.createOrganization", "Create Organization")]
+				onClick: () => L("/organizations/new"),
+				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+				children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createOrganization", "Create Organization")]
 			}),
 			children: [
-				/* @__PURE__ */ T(D, {
+				/* @__PURE__ */ w(i, {
 					"data-tour": "devportal-dashboard-stats-overview",
-					children: /* @__PURE__ */ E(o, {
+					children: /* @__PURE__ */ T(o, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ T(a, {
-								featured: !0,
-								title: P("devportal.totalApps", "Total Apps"),
-								value: V ? /* @__PURE__ */ T(v, { className: "h-5 w-5 animate-spin" }) : z.totalApps,
-								icon: /* @__PURE__ */ T(p, { size: 20 }),
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.totalApps", "Total Apps"),
+								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalApps,
+								icon: /* @__PURE__ */ w(p, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.organizations", "Organizations"),
-								value: V ? /* @__PURE__ */ T(v, { className: "h-5 w-5 animate-spin" }) : z.totalOrgs,
-								icon: /* @__PURE__ */ T(h, { size: 20 })
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.organizations", "Organizations"),
+								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalOrgs,
+								icon: /* @__PURE__ */ w(h, { size: 20 })
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.apiKeys", "API Keys"),
-								value: z.totalApiKeys,
-								icon: /* @__PURE__ */ T(_, { size: 20 }),
-								description: P("devportal.activeKeys", "Active keys")
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.apiKeys", "API Keys"),
+								value: I.totalApiKeys,
+								icon: /* @__PURE__ */ w(_, { size: 20 }),
+								description: j("devportal.activeKeys", "Active keys")
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.webhooks", "Webhooks"),
-								value: z.totalWebhooks,
-								icon: /* @__PURE__ */ T(C, { size: 20 }),
-								description: P("devportal.configured", "Configured")
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.webhooks", "Webhooks"),
+								value: I.totalWebhooks,
+								icon: /* @__PURE__ */ w(C, { size: 20 }),
+								description: j("devportal.configured", "Configured")
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ T(i, {
-					title: P("devportal.usageOverview", "Usage Overview"),
+				/* @__PURE__ */ w(i, {
+					title: j("devportal.usageOverview", "Usage Overview"),
 					"data-tour": "devportal-dashboard-usage-overview",
-					children: /* @__PURE__ */ E(o, {
+					children: /* @__PURE__ */ T(o, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.apiCalls", "API Calls"),
-								value: V ? /* @__PURE__ */ T(v, { className: "h-5 w-5 animate-spin" }) : z.totalApiCalls > 1e6 ? `${(z.totalApiCalls / 1e6).toFixed(1)}M` : z.totalApiCalls > 1e3 ? `${(z.totalApiCalls / 1e3).toFixed(1)}K` : z.totalApiCalls.toString(),
-								icon: /* @__PURE__ */ T(f, { size: 20 }),
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.apiCalls", "API Calls"),
+								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.totalApiCalls > 1e6 ? `${(I.totalApiCalls / 1e6).toFixed(1)}M` : I.totalApiCalls > 1e3 ? `${(I.totalApiCalls / 1e3).toFixed(1)}K` : I.totalApiCalls.toString(),
+								icon: /* @__PURE__ */ w(f, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.activeInstalls", "Active Installs"),
-								value: V ? /* @__PURE__ */ T(v, { className: "h-5 w-5 animate-spin" }) : z.activeInstalls > 1e3 ? `${(z.activeInstalls / 1e3).toFixed(1)}K` : z.activeInstalls.toString(),
-								icon: /* @__PURE__ */ T(S, { size: 20 }),
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.activeInstalls", "Active Installs"),
+								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : I.activeInstalls > 1e3 ? `${(I.activeInstalls / 1e3).toFixed(1)}K` : I.activeInstalls.toString(),
+								icon: /* @__PURE__ */ w(S, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.monthlyRevenue", "Monthly Revenue"),
-								value: V ? /* @__PURE__ */ T(v, { className: "h-5 w-5 animate-spin" }) : `$${z.monthlyRevenue.toLocaleString()}`,
-								icon: /* @__PURE__ */ T(g, { size: 20 }),
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.monthlyRevenue", "Monthly Revenue"),
+								value: R ? /* @__PURE__ */ w(v, { className: "h-5 w-5 animate-spin" }) : `$${I.monthlyRevenue.toLocaleString()}`,
+								icon: /* @__PURE__ */ w(g, { size: 20 }),
 								trend: void 0
 							}),
-							/* @__PURE__ */ T(a, {
-								title: P("devportal.errorRate", "Error Rate"),
-								value: `${z.errorRate}%`,
-								icon: /* @__PURE__ */ T(x, { size: 20 }),
+							/* @__PURE__ */ w(a, {
+								title: j("devportal.errorRate", "Error Rate"),
+								value: `${I.errorRate}%`,
+								icon: /* @__PURE__ */ w(x, { size: 20 }),
 								trend: void 0
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ T("div", {
 					className: "grid gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ T(i, {
+					children: [/* @__PURE__ */ w(i, {
 						"data-tour": "devportal-dashboard-recent-apps",
-						title: P("devportal.recentApplications", "Recent Applications"),
-						actions: /* @__PURE__ */ E("button", {
-							onClick: () => B("/apps"),
+						title: j("devportal.recentApplications", "Recent Applications"),
+						actions: /* @__PURE__ */ T("button", {
+							onClick: () => L("/apps"),
 							className: "text-sm text-primary hover:underline flex items-center gap-1",
 							children: [
-								P("devportal.viewAll", "View all"),
+								j("devportal.viewAll", "View all"),
 								" ",
-								/* @__PURE__ */ T(m, { size: 14 })
+								/* @__PURE__ */ w(m, { size: 14 })
 							]
 						}),
-						children: V ? /* @__PURE__ */ T("div", {
+						children: R ? /* @__PURE__ */ w("div", {
 							className: "flex items-center justify-center py-8",
-							children: /* @__PURE__ */ T(v, { className: "h-6 w-6 animate-spin text-text-secondary" })
-						}) : R.length > 0 ? /* @__PURE__ */ T("div", {
+							children: /* @__PURE__ */ w(v, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+						}) : F.length > 0 ? /* @__PURE__ */ w("div", {
 							className: "space-y-2",
-							children: R.slice(0, 3).map((e) => /* @__PURE__ */ T(s, {
+							children: F.slice(0, 3).map((e) => /* @__PURE__ */ w(s, {
 								app: e,
-								onClick: () => B(`/apps/${e.id}`)
+								onClick: () => L(`/apps/${e.id}`)
 							}, e.id))
-						}) : /* @__PURE__ */ T(t, {
-							illustration: "empty-generic",
-							title: P("devportal.noApplicationsYet", "No applications yet"),
-							description: H ? P("devportal.createFirstApplicationToGetStarted", "Create your first application to get started") : P("devportal.createOrgFirstToPublishApps", "Create an organization first to start publishing apps"),
-							action: H ? /* @__PURE__ */ E("button", {
-								onClick: () => B("/apps/new"),
-								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-								children: [/* @__PURE__ */ T(y, { size: 16 }), P("devportal.createApp", "Create App")]
-							}) : /* @__PURE__ */ E("button", {
-								onClick: () => B("/organizations/new"),
-								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-								children: [/* @__PURE__ */ T(y, { size: 16 }), P("devportal.createOrganization", "Create Organization")]
+						}) : /* @__PURE__ */ w(t, {
+							icon: /* @__PURE__ */ w(p, { size: 24 }),
+							title: j("devportal.noApplicationsYet", "No applications yet"),
+							description: z ? j("devportal.createFirstApplicationToGetStarted", "Create your first application to get started") : j("devportal.createOrgFirstToPublishApps", "Create an organization first to start publishing apps"),
+							action: z ? /* @__PURE__ */ T("button", {
+								onClick: () => L("/apps/new"),
+								className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+								children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createApp", "Create App")]
+							}) : /* @__PURE__ */ T("button", {
+								onClick: () => L("/organizations/new"),
+								className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+								children: [/* @__PURE__ */ w(y, { size: 16 }), j("devportal.createOrganization", "Create Organization")]
 							})
 						})
-					}), /* @__PURE__ */ T(i, {
-						title: P("devportal.quickActions", "Quick Actions"),
+					}), /* @__PURE__ */ w(i, {
+						title: j("devportal.quickActions", "Quick Actions"),
 						"data-tour": "devportal-dashboard-quick-actions",
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ T("div", {
 							className: "grid gap-3",
 							children: [
-								H ? /* @__PURE__ */ T(A, {
-									title: P("devportal.createNewApp", "Create New App"),
-									description: P("devportal.startBuildingANewApplication", "Start building a new application"),
-									icon: /* @__PURE__ */ T(p, { size: 20 }),
-									onClick: () => B("/apps/new")
-								}) : /* @__PURE__ */ T(A, {
-									title: P("devportal.createOrganization", "Create Organization"),
-									description: P("devportal.setUpATeamToCollaborate", "Set up a team to collaborate"),
-									icon: /* @__PURE__ */ T(h, { size: 20 }),
-									onClick: () => B("/organizations/new"),
+								z ? /* @__PURE__ */ w(D, {
+									title: j("devportal.createNewApp", "Create New App"),
+									description: j("devportal.startBuildingANewApplication", "Start building a new application"),
+									icon: /* @__PURE__ */ w(p, { size: 20 }),
+									onClick: () => L("/apps/new")
+								}) : /* @__PURE__ */ w(D, {
+									title: j("devportal.createOrganization", "Create Organization"),
+									description: j("devportal.setUpATeamToCollaborate", "Set up a team to collaborate"),
+									icon: /* @__PURE__ */ w(h, { size: 20 }),
+									onClick: () => L("/organizations/new"),
 									primary: !0
 								}),
-								H && /* @__PURE__ */ T(A, {
-									title: P("devportal.publisherProfile", "Publisher Profile"),
-									description: P("devportal.manageYourStorePresence", "Manage your store publisher presence"),
-									icon: /* @__PURE__ */ T(b, { size: 20 }),
-									onClick: () => B("/publisher/profile")
+								z && /* @__PURE__ */ w(D, {
+									title: j("devportal.publisherProfile", "Publisher Profile"),
+									description: j("devportal.manageYourStorePresence", "Manage your store publisher presence"),
+									icon: /* @__PURE__ */ w(b, { size: 20 }),
+									onClick: () => L("/publisher/profile")
 								}),
-								/* @__PURE__ */ T(A, {
-									title: P("devportal.generateApiKey", "Generate API Key"),
-									description: P("devportal.createCredentialsForYourApps", "Create credentials for your apps"),
-									icon: /* @__PURE__ */ T(_, { size: 20 }),
-									onClick: () => B("/api-keys")
+								/* @__PURE__ */ w(D, {
+									title: j("devportal.generateApiKey", "Generate API Key"),
+									description: j("devportal.createCredentialsForYourApps", "Create credentials for your apps"),
+									icon: /* @__PURE__ */ w(_, { size: 20 }),
+									onClick: () => L("/api-keys")
 								}),
-								/* @__PURE__ */ T(A, {
-									title: P("devportal.configureWebhooks", "Configure Webhooks"),
-									description: P("devportal.setUpEventNotifications", "Set up event notifications"),
-									icon: /* @__PURE__ */ T(C, { size: 20 }),
-									onClick: () => B("/webhooks")
+								/* @__PURE__ */ w(D, {
+									title: j("devportal.configureWebhooks", "Configure Webhooks"),
+									description: j("devportal.setUpEventNotifications", "Set up event notifications"),
+									icon: /* @__PURE__ */ w(C, { size: 20 }),
+									onClick: () => L("/webhooks")
 								})
 							]
 						})
 					})]
 				}),
-				V ? /* @__PURE__ */ T(i, {
+				R ? /* @__PURE__ */ w(i, {
 					"data-tour": "devportal-dashboard-organizations",
-					title: P("devportal.yourOrganizations", "Your Organizations"),
-					children: /* @__PURE__ */ T("div", {
+					title: j("devportal.yourOrganizations", "Your Organizations"),
+					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center justify-center py-8",
-						children: /* @__PURE__ */ T(v, { className: "h-6 w-6 animate-spin text-text-secondary" })
+						children: /* @__PURE__ */ w(v, { className: "h-6 w-6 animate-spin text-muted-foreground" })
 					})
-				}) : L.length > 0 ? /* @__PURE__ */ T(i, {
-					title: P("devportal.yourOrganizations", "Your Organizations"),
-					actions: /* @__PURE__ */ E("button", {
-						onClick: () => B("/organizations"),
+				}) : P.length > 0 ? /* @__PURE__ */ w(i, {
+					title: j("devportal.yourOrganizations", "Your Organizations"),
+					actions: /* @__PURE__ */ T("button", {
+						onClick: () => L("/organizations"),
 						className: "text-sm text-primary hover:underline flex items-center gap-1",
 						children: [
-							P("devportal.viewAll", "View all"),
+							j("devportal.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ T(m, { size: 14 })
+							/* @__PURE__ */ w(m, { size: 14 })
 						]
 					}),
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-						children: L.slice(0, 3).map((e) => /* @__PURE__ */ T(j, {
+						children: P.slice(0, 3).map((e) => /* @__PURE__ */ w(O, {
 							org: e,
-							onClick: () => B(`/organizations/${e.id}`)
+							onClick: () => L(`/organizations/${e.id}`)
 						}, e.id))
 					})
 				}) : null
 			]
 		})
 	});
-}, A = ({ title: e, description: t, icon: n, onClick: r, primary: i }) => /* @__PURE__ */ E("button", {
+}, D = ({ title: e, description: t, icon: n, onClick: r, primary: i }) => /* @__PURE__ */ T("button", {
 	onClick: r,
-	className: ["flex w-full items-center gap-4 rounded-card border p-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", i ? "border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10" : "border-border-seam bg-bg-surface shadow-[var(--shadow-pop)] hover:bg-accent"].join(" "),
-	children: [/* @__PURE__ */ T("div", {
-		className: ["rounded-lg p-2", i ? "bg-action-primary-bg/20 text-primary" : "bg-action-primary-bg/10 text-primary"].join(" "),
+	className: ["flex items-center gap-4 rounded-lg border p-4 text-left transition-colors", i ? "border-primary bg-primary/5 hover:bg-primary/10" : "bg-card hover:bg-accent"].join(" "),
+	children: [/* @__PURE__ */ w("div", {
+		className: ["rounded-lg p-2", i ? "bg-primary/20 text-primary" : "bg-primary/10 text-primary"].join(" "),
 		children: n
-	}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+	}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 		className: "font-medium",
 		children: e
-	}), /* @__PURE__ */ T("p", {
-		className: "text-sm text-text-secondary",
+	}), /* @__PURE__ */ w("p", {
+		className: "text-sm text-muted-foreground",
 		children: t
 	})] })]
-}), j = ({ org: e, onClick: t }) => {
+}), O = ({ org: e, onClick: t }) => {
 	let { t: n } = d(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	};
-	return /* @__PURE__ */ E("button", {
+	return /* @__PURE__ */ T("button", {
 		onClick: t,
-		className: "w-full rounded-card border border-border-seam bg-bg-surface p-4 text-left shadow-[var(--shadow-pop)] transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-		children: [/* @__PURE__ */ E("div", {
+		className: "rounded-lg border bg-card p-4 text-left hover:bg-accent transition-colors",
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center gap-3",
-			children: [e.logoUrl ? /* @__PURE__ */ T("img", {
+			children: [e.logoUrl ? /* @__PURE__ */ w("img", {
 				src: e.logoUrl,
 				alt: e.name,
 				className: "h-10 w-10 rounded-lg object-cover"
-			}) : /* @__PURE__ */ T("div", {
-				className: "flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
-				children: /* @__PURE__ */ T(h, { size: 20 })
-			}), /* @__PURE__ */ E("div", {
+			}) : /* @__PURE__ */ w("div", {
+				className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary",
+				children: /* @__PURE__ */ w(h, { size: 20 })
+			}), /* @__PURE__ */ T("div", {
 				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ T("p", {
+				children: [/* @__PURE__ */ w("p", {
 					className: "font-medium truncate",
 					children: e.name
-				}), /* @__PURE__ */ E("p", {
-					className: "text-sm text-text-secondary",
+				}), /* @__PURE__ */ T("p", {
+					className: "text-sm text-muted-foreground",
 					children: [
 						e.publishedApps,
 						" ",
@@ -284,13 +277,13 @@ var k = () => {
 					]
 				})]
 			})]
-		}), /* @__PURE__ */ E("div", {
-			className: "mt-3 flex gap-4 text-sm text-text-secondary",
-			children: [/* @__PURE__ */ E("span", { children: [
+		}), /* @__PURE__ */ T("div", {
+			className: "mt-3 flex gap-4 text-sm text-muted-foreground",
+			children: [/* @__PURE__ */ T("span", { children: [
 				(e.totalInstalls || 0).toLocaleString(),
 				" ",
 				r("devportal.installs", "installs")
-			] }), /* @__PURE__ */ E("span", { children: [
+			] }), /* @__PURE__ */ T("span", { children: [
 				"$",
 				(e.totalRevenue || 0).toLocaleString(),
 				" ",
@@ -300,6 +293,6 @@ var k = () => {
 	});
 };
 //#endregion
-export { k as DashboardPage };
+export { E as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/devportal/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/devportal/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  AppWindow,\n  Building2,\n  Key,\n  Webhook,\n  TrendingUp,\n  Users,\n  DollarSign,\n  Activity,\n  Plus,\n  ArrowRight,\n  Loader2,\n  Store,\n} from \"lucide-react\";\nimport { EmphasisPanel, GradientText } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { AppListItem } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { Application, DeveloperOrganization } from \"../types\";\nimport {\n  useGetDevportalDashboardBootstrapQuery,\n  type OrganizationFieldsFragment,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\n/**\n * Developer Portal Dashboard Page\n *\n * Shows an overview of the developer's applications, organizations,\n * and key metrics using real data from the GraphQL API.\n */\nexport const DashboardPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Fetch dashboard bootstrap in a single global query\n  const { data, loading } = useGetDevportalDashboardBootstrapQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const organizations: OrganizationFieldsFragment[] =\n    data?.myDeveloperOrganizations ?? [];\n\n  // First-time users: redirect to setup wizard when no org exists and they\n  // haven't already dismissed the wizard in this browser.\n  useEffect(() => {\n    if (loading || !data) return;\n    if (organizations.length > 0) return;\n    try {\n      if (localStorage.getItem(\"devportal_setup_dismissed\")) return;\n    } catch {\n      // localStorage unavailable — don't redirect\n      return;\n    }\n    navigate?.(`${basePath}/setup`);\n  }, [loading, data, organizations.length, navigate, basePath]);\n  const applications: ApplicationFieldsFragment[] =\n    data?.applications?.edges?.map(\n      (e: { node: ApplicationFieldsFragment }) => e.node,\n    ) ?? [];\n\n  // Calculate aggregate stats\n  const stats = {\n    totalApps: data?.applications?.totalCount ?? 0,\n    totalOrgs: organizations.length,\n    totalApiKeys: 0,\n    totalWebhooks: 0,\n    totalApiCalls: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + parseInt(org.totalApiCalls || \"0\"),\n      0,\n    ),\n    activeInstalls: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + (org.activeInstalls || 0),\n      0,\n    ),\n    monthlyRevenue: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + (org.totalRevenue || 0),\n      0,\n    ),\n    errorRate: 0,\n  };\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const isLoading = loading;\n\n  const hasOrgs = !isLoading && organizations.length > 0;\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        heroBackdrop\n        title={\n          <>\n            {tr(\"devportal.developer\", \"Developer\")}{\" \"}\n            <GradientText>{tr(\"devportal.portal\", \"Portal\")}</GradientText>\n          </>\n        }\n        description={tr(\n          \"devportal.buildManageMonitor\",\n          \"Build, manage, and monitor your applications\",\n        )}\n        actions={\n          hasOrgs ? (\n            <button\n              data-tour=\"devportal-dashboard-create-app-button\"\n              onClick={() => handleNavigate(\"/apps/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md 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              <Plus size={16} />\n              {tr(\"devportal.createApp\", \"Create App\")}\n            </button>\n          ) : !isLoading ? (\n            <button\n              data-tour=\"devportal-dashboard-create-org-button\"\n              onClick={() => handleNavigate(\"/organizations/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md 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              <Plus size={16} />\n              {tr(\"devportal.createOrganization\", \"Create Organization\")}\n            </button>\n          ) : null\n        }\n      >\n        {/* Stats Overview — primary emphasis zone */}\n        <EmphasisPanel data-tour=\"devportal-dashboard-stats-overview\">\n          <StatCardGrid columns={4}>\n            <StatCard\n              featured\n              title={tr(\"devportal.totalApps\", \"Total Apps\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  stats.totalApps\n                )\n              }\n              icon={<AppWindow size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.organizations\", \"Organizations\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  stats.totalOrgs\n                )\n              }\n              icon={<Building2 size={20} />}\n            />\n            <StatCard\n              title={tr(\"devportal.apiKeys\", \"API Keys\")}\n              value={stats.totalApiKeys}\n              icon={<Key size={20} />}\n              description={tr(\"devportal.activeKeys\", \"Active keys\")}\n            />\n            <StatCard\n              title={tr(\"devportal.webhooks\", \"Webhooks\")}\n              value={stats.totalWebhooks}\n              icon={<Webhook size={20} />}\n              description={tr(\"devportal.configured\", \"Configured\")}\n            />\n          </StatCardGrid>\n        </EmphasisPanel>\n\n        {/* Usage Stats */}\n        <PageSection\n          title={tr(\"devportal.usageOverview\", \"Usage Overview\")}\n          data-tour=\"devportal-dashboard-usage-overview\"\n        >\n          <StatCardGrid columns={4}>\n            <StatCard\n              title={tr(\"devportal.apiCalls\", \"API Calls\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : stats.totalApiCalls > 1000000 ? (\n                  `${(stats.totalApiCalls / 1000000).toFixed(1)}M`\n                ) : stats.totalApiCalls > 1000 ? (\n                  `${(stats.totalApiCalls / 1000).toFixed(1)}K`\n                ) : (\n                  stats.totalApiCalls.toString()\n                )\n              }\n              icon={<Activity size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.activeInstalls\", \"Active Installs\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : stats.activeInstalls > 1000 ? (\n                  `${(stats.activeInstalls / 1000).toFixed(1)}K`\n                ) : (\n                  stats.activeInstalls.toString()\n                )\n              }\n              icon={<Users size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.monthlyRevenue\", \"Monthly Revenue\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  `$${stats.monthlyRevenue.toLocaleString()}`\n                )\n              }\n              icon={<DollarSign size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.errorRate\", \"Error Rate\")}\n              value={`${stats.errorRate}%`}\n              icon={<TrendingUp size={20} />}\n              trend={undefined}\n            />\n          </StatCardGrid>\n        </PageSection>\n\n        {/* Quick Actions & Recent Items */}\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          {/* Recent Apps */}\n          <PageSection\n            data-tour=\"devportal-dashboard-recent-apps\"\n            title={tr(\"devportal.recentApplications\", \"Recent Applications\")}\n            actions={\n              <button\n                onClick={() => handleNavigate(\"/apps\")}\n                className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n              >\n                {tr(\"devportal.viewAll\", \"View all\")} <ArrowRight size={14} />\n              </button>\n            }\n          >\n            {isLoading ? (\n              <div className=\"flex items-center justify-center py-8\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n              </div>\n            ) : applications.length > 0 ? (\n              <div className=\"space-y-2\">\n                {applications\n                  .slice(0, 3)\n                  .map((app: ApplicationFieldsFragment) => (\n                    <AppListItem\n                      key={app.id}\n                      app={app as Application}\n                      onClick={() => handleNavigate(`/apps/${app.id}`)}\n                    />\n                  ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-generic\"\n                title={tr(\"devportal.noApplicationsYet\", \"No applications yet\")}\n                description={\n                  hasOrgs\n                    ? tr(\n                        \"devportal.createFirstApplicationToGetStarted\",\n                        \"Create your first application to get started\",\n                      )\n                    : tr(\n                        \"devportal.createOrgFirstToPublishApps\",\n                        \"Create an organization first to start publishing apps\",\n                      )\n                }\n                action={\n                  hasOrgs ? (\n                    <button\n                      onClick={() => handleNavigate(\"/apps/new\")}\n                      className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                    >\n                      <Plus size={16} />\n                      {tr(\"devportal.createApp\", \"Create App\")}\n                    </button>\n                  ) : (\n                    <button\n                      onClick={() => handleNavigate(\"/organizations/new\")}\n                      className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                    >\n                      <Plus size={16} />\n                      {tr(\n                        \"devportal.createOrganization\",\n                        \"Create Organization\",\n                      )}\n                    </button>\n                  )\n                }\n              />\n            )}\n          </PageSection>\n\n          {/* Quick Actions */}\n          <PageSection\n            title={tr(\"devportal.quickActions\", \"Quick Actions\")}\n            data-tour=\"devportal-dashboard-quick-actions\"\n          >\n            <div className=\"grid gap-3\">\n              {!hasOrgs ? (\n                <QuickActionCard\n                  title={tr(\n                    \"devportal.createOrganization\",\n                    \"Create Organization\",\n                  )}\n                  description={tr(\n                    \"devportal.setUpATeamToCollaborate\",\n                    \"Set up a team to collaborate\",\n                  )}\n                  icon={<Building2 size={20} />}\n                  onClick={() => handleNavigate(\"/organizations/new\")}\n                  primary\n                />\n              ) : (\n                <QuickActionCard\n                  title={tr(\"devportal.createNewApp\", \"Create New App\")}\n                  description={tr(\n                    \"devportal.startBuildingANewApplication\",\n                    \"Start building a new application\",\n                  )}\n                  icon={<AppWindow size={20} />}\n                  onClick={() => handleNavigate(\"/apps/new\")}\n                />\n              )}\n              {hasOrgs && (\n                <QuickActionCard\n                  title={tr(\"devportal.publisherProfile\", \"Publisher Profile\")}\n                  description={tr(\n                    \"devportal.manageYourStorePresence\",\n                    \"Manage your store publisher presence\",\n                  )}\n                  icon={<Store size={20} />}\n                  onClick={() => handleNavigate(\"/publisher/profile\")}\n                />\n              )}\n              <QuickActionCard\n                title={tr(\"devportal.generateApiKey\", \"Generate API Key\")}\n                description={tr(\n                  \"devportal.createCredentialsForYourApps\",\n                  \"Create credentials for your apps\",\n                )}\n                icon={<Key size={20} />}\n                onClick={() => handleNavigate(\"/api-keys\")}\n              />\n              <QuickActionCard\n                title={tr(\"devportal.configureWebhooks\", \"Configure Webhooks\")}\n                description={tr(\n                  \"devportal.setUpEventNotifications\",\n                  \"Set up event notifications\",\n                )}\n                icon={<Webhook size={20} />}\n                onClick={() => handleNavigate(\"/webhooks\")}\n              />\n            </div>\n          </PageSection>\n        </div>\n\n        {/* Organizations */}\n        {isLoading ? (\n          <PageSection\n            data-tour=\"devportal-dashboard-organizations\"\n            title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n          >\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n            </div>\n          </PageSection>\n        ) : organizations.length > 0 ? (\n          <PageSection\n            title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n            actions={\n              <button\n                onClick={() => handleNavigate(\"/organizations\")}\n                className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n              >\n                {tr(\"devportal.viewAll\", \"View all\")} <ArrowRight size={14} />\n              </button>\n            }\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {organizations\n                .slice(0, 3)\n                .map((org: OrganizationFieldsFragment) => (\n                  <OrgCard\n                    key={org.id}\n                    org={org as DeveloperOrganization}\n                    onClick={() => handleNavigate(`/organizations/${org.id}`)}\n                  />\n                ))}\n            </div>\n          </PageSection>\n        ) : null}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// Quick action card component\nconst QuickActionCard: FC<{\n  title: string;\n  description: string;\n  icon: React.ReactNode;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ title, description, icon, onClick, primary }) => (\n  <button\n    onClick={onClick}\n    className={[\n      \"flex w-full items-center gap-4 rounded-card border p-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n      primary\n        ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n        : \"border-border-seam bg-bg-surface shadow-[var(--shadow-pop)] hover:bg-accent\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"rounded-lg p-2\",\n        primary ? \"bg-action-primary-bg/20 text-primary\" : \"bg-action-primary-bg/10 text-primary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div>\n      <p className=\"font-medium\">{title}</p>\n      <p className=\"text-sm text-text-secondary\">{description}</p>\n    </div>\n  </button>\n);\n\n// Organization card component\nconst OrgCard: FC<{\n  org: DeveloperOrganization;\n  onClick: () => void;\n}> = ({ org, onClick }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  return (\n    <button\n      onClick={onClick}\n      className=\"w-full rounded-card border border-border-seam bg-bg-surface p-4 text-left shadow-[var(--shadow-pop)] transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n    >\n      <div className=\"flex items-center gap-3\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-lg object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n            <Building2 size={20} />\n          </div>\n        )}\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"font-medium truncate\">{org.name}</p>\n          <p className=\"text-sm text-text-secondary\">\n            {org.publishedApps}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n      </div>\n      <div className=\"mt-3 flex gap-4 text-sm text-text-secondary\">\n        <span>\n          {(org.totalInstalls || 0).toLocaleString()}{\" \"}\n          {tr(\"devportal.installs\", \"installs\")}\n        </span>\n        <span>\n          ${(org.totalRevenue || 0).toLocaleString()}{\" \"}\n          {tr(\"devportal.revenue\", \"revenue\")}\n        </span>\n      </div>\n    </button>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/devportal/pages/DashboardPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  AppWindow,\n  Building2,\n  Key,\n  Webhook,\n  TrendingUp,\n  Users,\n  DollarSign,\n  Activity,\n  Plus,\n  ArrowRight,\n  Loader2,\n  Store,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { AppListItem } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { Application, DeveloperOrganization } from \"../types\";\nimport {\n  useGetDevportalDashboardBootstrapQuery,\n  type OrganizationFieldsFragment,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\n/**\n * Developer Portal Dashboard Page\n *\n * Shows an overview of the developer's applications, organizations,\n * and key metrics using real data from the GraphQL API.\n */\nexport const DashboardPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Fetch dashboard bootstrap in a single global query\n  const { data, loading } = useGetDevportalDashboardBootstrapQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const organizations: OrganizationFieldsFragment[] =\n    data?.myDeveloperOrganizations ?? [];\n\n  // First-time users: redirect to setup wizard when no org exists and they\n  // haven't already dismissed the wizard in this browser.\n  useEffect(() => {\n    if (loading || !data) return;\n    if (organizations.length > 0) return;\n    try {\n      if (localStorage.getItem(\"devportal_setup_dismissed\")) return;\n    } catch {\n      // localStorage unavailable — don't redirect\n      return;\n    }\n    navigate?.(`${basePath}/setup`);\n  }, [loading, data, organizations.length, navigate, basePath]);\n  const applications: ApplicationFieldsFragment[] =\n    data?.applications?.edges?.map(\n      (e: { node: ApplicationFieldsFragment }) => e.node,\n    ) ?? [];\n\n  // Calculate aggregate stats\n  const stats = {\n    totalApps: data?.applications?.totalCount ?? 0,\n    totalOrgs: organizations.length,\n    totalApiKeys: 0,\n    totalWebhooks: 0,\n    totalApiCalls: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + parseInt(org.totalApiCalls || \"0\"),\n      0,\n    ),\n    activeInstalls: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + (org.activeInstalls || 0),\n      0,\n    ),\n    monthlyRevenue: organizations.reduce(\n      (acc: number, org: OrganizationFieldsFragment) =>\n        acc + (org.totalRevenue || 0),\n      0,\n    ),\n    errorRate: 0,\n  };\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const isLoading = loading;\n\n  const hasOrgs = !isLoading && organizations.length > 0;\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.developerPortal\", \"Developer Portal\")}\n        description={tr(\n          \"devportal.buildManageMonitor\",\n          \"Build, manage, and monitor your applications\",\n        )}\n        actions={\n          hasOrgs ? (\n            <button\n              data-tour=\"devportal-dashboard-create-app-button\"\n              onClick={() => handleNavigate(\"/apps/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n            >\n              <Plus size={16} />\n              {tr(\"devportal.createApp\", \"Create App\")}\n            </button>\n          ) : !isLoading ? (\n            <button\n              data-tour=\"devportal-dashboard-create-org-button\"\n              onClick={() => handleNavigate(\"/organizations/new\")}\n              className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors\"\n            >\n              <Plus size={16} />\n              {tr(\"devportal.createOrganization\", \"Create Organization\")}\n            </button>\n          ) : null\n        }\n      >\n        {/* Stats Overview */}\n        <PageSection data-tour=\"devportal-dashboard-stats-overview\">\n          <StatCardGrid columns={4}>\n            <StatCard\n              title={tr(\"devportal.totalApps\", \"Total Apps\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  stats.totalApps\n                )\n              }\n              icon={<AppWindow size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.organizations\", \"Organizations\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  stats.totalOrgs\n                )\n              }\n              icon={<Building2 size={20} />}\n            />\n            <StatCard\n              title={tr(\"devportal.apiKeys\", \"API Keys\")}\n              value={stats.totalApiKeys}\n              icon={<Key size={20} />}\n              description={tr(\"devportal.activeKeys\", \"Active keys\")}\n            />\n            <StatCard\n              title={tr(\"devportal.webhooks\", \"Webhooks\")}\n              value={stats.totalWebhooks}\n              icon={<Webhook size={20} />}\n              description={tr(\"devportal.configured\", \"Configured\")}\n            />\n          </StatCardGrid>\n        </PageSection>\n\n        {/* Usage Stats */}\n        <PageSection\n          title={tr(\"devportal.usageOverview\", \"Usage Overview\")}\n          data-tour=\"devportal-dashboard-usage-overview\"\n        >\n          <StatCardGrid columns={4}>\n            <StatCard\n              title={tr(\"devportal.apiCalls\", \"API Calls\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : stats.totalApiCalls > 1000000 ? (\n                  `${(stats.totalApiCalls / 1000000).toFixed(1)}M`\n                ) : stats.totalApiCalls > 1000 ? (\n                  `${(stats.totalApiCalls / 1000).toFixed(1)}K`\n                ) : (\n                  stats.totalApiCalls.toString()\n                )\n              }\n              icon={<Activity size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.activeInstalls\", \"Active Installs\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : stats.activeInstalls > 1000 ? (\n                  `${(stats.activeInstalls / 1000).toFixed(1)}K`\n                ) : (\n                  stats.activeInstalls.toString()\n                )\n              }\n              icon={<Users size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.monthlyRevenue\", \"Monthly Revenue\")}\n              value={\n                isLoading ? (\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\n                ) : (\n                  `$${stats.monthlyRevenue.toLocaleString()}`\n                )\n              }\n              icon={<DollarSign size={20} />}\n              trend={undefined}\n            />\n            <StatCard\n              title={tr(\"devportal.errorRate\", \"Error Rate\")}\n              value={`${stats.errorRate}%`}\n              icon={<TrendingUp size={20} />}\n              trend={undefined}\n            />\n          </StatCardGrid>\n        </PageSection>\n\n        {/* Quick Actions & Recent Items */}\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          {/* Recent Apps */}\n          <PageSection\n            data-tour=\"devportal-dashboard-recent-apps\"\n            title={tr(\"devportal.recentApplications\", \"Recent Applications\")}\n            actions={\n              <button\n                onClick={() => handleNavigate(\"/apps\")}\n                className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n              >\n                {tr(\"devportal.viewAll\", \"View all\")} <ArrowRight size={14} />\n              </button>\n            }\n          >\n            {isLoading ? (\n              <div className=\"flex items-center justify-center py-8\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-muted-foreground\" />\n              </div>\n            ) : applications.length > 0 ? (\n              <div className=\"space-y-2\">\n                {applications\n                  .slice(0, 3)\n                  .map((app: ApplicationFieldsFragment) => (\n                    <AppListItem\n                      key={app.id}\n                      app={app as Application}\n                      onClick={() => handleNavigate(`/apps/${app.id}`)}\n                    />\n                  ))}\n              </div>\n            ) : (\n              <EmptyState\n                icon={<AppWindow size={24} />}\n                title={tr(\"devportal.noApplicationsYet\", \"No applications yet\")}\n                description={\n                  hasOrgs\n                    ? tr(\n                        \"devportal.createFirstApplicationToGetStarted\",\n                        \"Create your first application to get started\",\n                      )\n                    : tr(\n                        \"devportal.createOrgFirstToPublishApps\",\n                        \"Create an organization first to start publishing apps\",\n                      )\n                }\n                action={\n                  hasOrgs ? (\n                    <button\n                      onClick={() => handleNavigate(\"/apps/new\")}\n                      className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n                    >\n                      <Plus size={16} />\n                      {tr(\"devportal.createApp\", \"Create App\")}\n                    </button>\n                  ) : (\n                    <button\n                      onClick={() => handleNavigate(\"/organizations/new\")}\n                      className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n                    >\n                      <Plus size={16} />\n                      {tr(\n                        \"devportal.createOrganization\",\n                        \"Create Organization\",\n                      )}\n                    </button>\n                  )\n                }\n              />\n            )}\n          </PageSection>\n\n          {/* Quick Actions */}\n          <PageSection\n            title={tr(\"devportal.quickActions\", \"Quick Actions\")}\n            data-tour=\"devportal-dashboard-quick-actions\"\n          >\n            <div className=\"grid gap-3\">\n              {!hasOrgs ? (\n                <QuickActionCard\n                  title={tr(\n                    \"devportal.createOrganization\",\n                    \"Create Organization\",\n                  )}\n                  description={tr(\n                    \"devportal.setUpATeamToCollaborate\",\n                    \"Set up a team to collaborate\",\n                  )}\n                  icon={<Building2 size={20} />}\n                  onClick={() => handleNavigate(\"/organizations/new\")}\n                  primary\n                />\n              ) : (\n                <QuickActionCard\n                  title={tr(\"devportal.createNewApp\", \"Create New App\")}\n                  description={tr(\n                    \"devportal.startBuildingANewApplication\",\n                    \"Start building a new application\",\n                  )}\n                  icon={<AppWindow size={20} />}\n                  onClick={() => handleNavigate(\"/apps/new\")}\n                />\n              )}\n              {hasOrgs && (\n                <QuickActionCard\n                  title={tr(\"devportal.publisherProfile\", \"Publisher Profile\")}\n                  description={tr(\n                    \"devportal.manageYourStorePresence\",\n                    \"Manage your store publisher presence\",\n                  )}\n                  icon={<Store size={20} />}\n                  onClick={() => handleNavigate(\"/publisher/profile\")}\n                />\n              )}\n              <QuickActionCard\n                title={tr(\"devportal.generateApiKey\", \"Generate API Key\")}\n                description={tr(\n                  \"devportal.createCredentialsForYourApps\",\n                  \"Create credentials for your apps\",\n                )}\n                icon={<Key size={20} />}\n                onClick={() => handleNavigate(\"/api-keys\")}\n              />\n              <QuickActionCard\n                title={tr(\"devportal.configureWebhooks\", \"Configure Webhooks\")}\n                description={tr(\n                  \"devportal.setUpEventNotifications\",\n                  \"Set up event notifications\",\n                )}\n                icon={<Webhook size={20} />}\n                onClick={() => handleNavigate(\"/webhooks\")}\n              />\n            </div>\n          </PageSection>\n        </div>\n\n        {/* Organizations */}\n        {isLoading ? (\n          <PageSection\n            data-tour=\"devportal-dashboard-organizations\"\n            title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n          >\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"h-6 w-6 animate-spin text-muted-foreground\" />\n            </div>\n          </PageSection>\n        ) : organizations.length > 0 ? (\n          <PageSection\n            title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n            actions={\n              <button\n                onClick={() => handleNavigate(\"/organizations\")}\n                className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n              >\n                {tr(\"devportal.viewAll\", \"View all\")} <ArrowRight size={14} />\n              </button>\n            }\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {organizations\n                .slice(0, 3)\n                .map((org: OrganizationFieldsFragment) => (\n                  <OrgCard\n                    key={org.id}\n                    org={org as DeveloperOrganization}\n                    onClick={() => handleNavigate(`/organizations/${org.id}`)}\n                  />\n                ))}\n            </div>\n          </PageSection>\n        ) : null}\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\n// Quick action card component\nconst QuickActionCard: FC<{\n  title: string;\n  description: string;\n  icon: React.ReactNode;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ title, description, icon, onClick, primary }) => (\n  <button\n    onClick={onClick}\n    className={[\n      \"flex items-center gap-4 rounded-lg border p-4 text-left transition-colors\",\n      primary\n        ? \"border-primary bg-primary/5 hover:bg-primary/10\"\n        : \"bg-card hover:bg-accent\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"rounded-lg p-2\",\n        primary ? \"bg-primary/20 text-primary\" : \"bg-primary/10 text-primary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div>\n      <p className=\"font-medium\">{title}</p>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  </button>\n);\n\n// Organization card component\nconst OrgCard: FC<{\n  org: DeveloperOrganization;\n  onClick: () => void;\n}> = ({ org, onClick }) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  return (\n    <button\n      onClick={onClick}\n      className=\"rounded-lg border bg-card p-4 text-left hover:bg-accent transition-colors\"\n    >\n      <div className=\"flex items-center gap-3\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-lg object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n            <Building2 size={20} />\n          </div>\n        )}\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"font-medium truncate\">{org.name}</p>\n          <p className=\"text-sm text-muted-foreground\">\n            {org.publishedApps}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n      </div>\n      <div className=\"mt-3 flex gap-4 text-sm text-muted-foreground\">\n        <span>\n          {(org.totalInstalls || 0).toLocaleString()}{\" \"}\n          {tr(\"devportal.installs\", \"installs\")}\n        </span>\n        <span>\n          ${(org.totalRevenue || 0).toLocaleString()}{\" \"}\n          {tr(\"devportal.revenue\", \"revenue\")}\n        </span>\n      </div>\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAqCA,IAAa,UAA0B;CACrC,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAI9B,EAAE,SAAM,eAAY,EAAuC,EAC/D,aAAa,qBACd,CAAC,EAEI,IACJ,GAAM,4BAA4B,EAAE;AAItC,SAAgB;AACV,aAAW,CAAC,MACZ,IAAc,SAAS,IAC3B;OAAI;AACF,QAAI,aAAa,QAAQ,4BAA4B,CAAE;WACjD;AAEN;;AAEF,OAAW,GAAG,EAAS,QAAQ;;IAC9B;EAAC;EAAS;EAAM,EAAc;EAAQ;EAAU;EAAS,CAAC;CAC7D,IAAM,IACJ,GAAM,cAAc,OAAO,KACxB,MAA2C,EAAE,KAC/C,IAAI,EAAE,EAGH,IAAQ;EACZ,WAAW,GAAM,cAAc,cAAc;EAC7C,WAAW,EAAc;EACzB,cAAc;EACd,eAAe;EACf,eAAe,EAAc,QAC1B,GAAa,MACZ,IAAM,SAAS,EAAI,iBAAiB,IAAI,EAC1C,EACD;EACD,gBAAgB,EAAc,QAC3B,GAAa,MACZ,KAAO,EAAI,kBAAkB,IAC/B,EACD;EACD,gBAAgB,EAAc,QAC3B,GAAa,MACZ,KAAO,EAAI,gBAAgB,IAC7B,EACD;EACD,WAAW;EACZ,EAEK,KAAkB,MAAiB;AACvC,MAAW,GAAG,IAAW,IAAO;IAG5B,IAAY,GAEZ,IAAU,CAAC,KAAa,EAAc,SAAS;AAErD,QACE,kBAAC,GAAD;EAAiB,YAAY,EAAsB;YACjD,kBAAC,GAAD;GACE,OAAO,EAAG,6BAA6B,mBAAmB;GAC1D,aAAa,EACX,gCACA,+CACD;GACD,SACE,IACE,kBAAC,UAAD;IACE,aAAU;IACV,eAAe,EAAe,YAAY;IAC1C,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,uBAAuB,aAAa,CACjC;QACN,IASD,OARF,kBAAC,UAAD;IACE,aAAU;IACV,eAAe,EAAe,qBAAqB;IACnD,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,gCAAgC,sBAAsB,CACnD;;aAxBf;IA6BE,kBAAC,GAAD;KAAa,aAAU;eACrB,kBAAC,GAAD;MAAc,SAAS;gBAAvB;OACE,kBAAC,GAAD;QACE,OAAO,EAAG,uBAAuB,aAAa;QAC9C,OACE,IACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,EAAM;QAGV,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;QAC7B,OAAO,KAAA;QACP,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,2BAA2B,gBAAgB;QACrD,OACE,IACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,EAAM;QAGV,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;QAC7B,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,qBAAqB,WAAW;QAC1C,OAAO,EAAM;QACb,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;QACvB,aAAa,EAAG,wBAAwB,cAAc;QACtD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,sBAAsB,WAAW;QAC3C,OAAO,EAAM;QACb,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;QAC3B,aAAa,EAAG,wBAAwB,aAAa;QACrD,CAAA;OACW;;KACH,CAAA;IAGd,kBAAC,GAAD;KACE,OAAO,EAAG,2BAA2B,iBAAiB;KACtD,aAAU;eAEV,kBAAC,GAAD;MAAc,SAAS;gBAAvB;OACE,kBAAC,GAAD;QACE,OAAO,EAAG,sBAAsB,YAAY;QAC5C,OACE,IACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAC1C,EAAM,gBAAgB,MACxB,IAAI,EAAM,gBAAgB,KAAS,QAAQ,EAAE,CAAC,KAC5C,EAAM,gBAAgB,MACxB,IAAI,EAAM,gBAAgB,KAAM,QAAQ,EAAE,CAAC,KAE3C,EAAM,cAAc,UAAU;QAGlC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;QAC5B,OAAO,KAAA;QACP,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,4BAA4B,kBAAkB;QACxD,OACE,IACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAC1C,EAAM,iBAAiB,MACzB,IAAI,EAAM,iBAAiB,KAAM,QAAQ,EAAE,CAAC,KAE5C,EAAM,eAAe,UAAU;QAGnC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;QACzB,OAAO,KAAA;QACP,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,4BAA4B,kBAAkB;QACxD,OACE,IACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,IAAI,EAAM,eAAe,gBAAgB;QAG7C,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;QAC9B,OAAO,KAAA;QACP,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAG,uBAAuB,aAAa;QAC9C,OAAO,GAAG,EAAM,UAAU;QAC1B,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;QAC9B,OAAO,KAAA;QACP,CAAA;OACW;;KACH,CAAA;IAGd,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,GAAD;MACE,aAAU;MACV,OAAO,EAAG,gCAAgC,sBAAsB;MAChE,SACE,kBAAC,UAAD;OACE,eAAe,EAAe,QAAQ;OACtC,WAAU;iBAFZ;QAIG,EAAG,qBAAqB,WAAW;QAAC;QAAC,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;QACvD;;gBAGV,IACC,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;OAC9D,CAAA,GACJ,EAAa,SAAS,IACxB,kBAAC,OAAD;OAAK,WAAU;iBACZ,EACE,MAAM,GAAG,EAAE,CACX,KAAK,MACJ,kBAAC,GAAD;QAEO;QACL,eAAe,EAAe,SAAS,EAAI,KAAK;QAChD,EAHK,EAAI,GAGT,CACF;OACA,CAAA,GAEN,kBAAC,GAAD;OACE,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;OAC7B,OAAO,EAAG,+BAA+B,sBAAsB;OAC/D,aACE,IACI,EACE,gDACA,+CACD,GACD,EACE,yCACA,wDACD;OAEP,QACE,IACE,kBAAC,UAAD;QACE,eAAe,EAAe,YAAY;QAC1C,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EAAG,uBAAuB,aAAa,CACjC;YAET,kBAAC,UAAD;QACE,eAAe,EAAe,qBAAqB;QACnD,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EACjB,EACC,gCACA,sBACD,CACM;;OAGb,CAAA;MAEQ,CAAA,EAGd,kBAAC,GAAD;MACE,OAAO,EAAG,0BAA0B,gBAAgB;MACpD,aAAU;gBAEV,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACI,IAeA,kBAAC,GAAD;SACE,OAAO,EAAG,0BAA0B,iBAAiB;SACrD,aAAa,EACX,0CACA,mCACD;SACD,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;SAC7B,eAAe,EAAe,YAAY;SAC1C,CAAA,GAtBF,kBAAC,GAAD;SACE,OAAO,EACL,gCACA,sBACD;SACD,aAAa,EACX,qCACA,+BACD;SACD,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;SAC7B,eAAe,EAAe,qBAAqB;SACnD,SAAA;SACA,CAAA;QAYH,KACC,kBAAC,GAAD;SACE,OAAO,EAAG,8BAA8B,oBAAoB;SAC5D,aAAa,EACX,qCACA,uCACD;SACD,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;SACzB,eAAe,EAAe,qBAAqB;SACnD,CAAA;QAEJ,kBAAC,GAAD;SACE,OAAO,EAAG,4BAA4B,mBAAmB;SACzD,aAAa,EACX,0CACA,mCACD;SACD,MAAM,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;SACvB,eAAe,EAAe,YAAY;SAC1C,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAG,+BAA+B,qBAAqB;SAC9D,aAAa,EACX,qCACA,6BACD;SACD,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;SAC3B,eAAe,EAAe,YAAY;SAC1C,CAAA;QACE;;MACM,CAAA,CACV;;IAGL,IACC,kBAAC,GAAD;KACE,aAAU;KACV,OAAO,EAAG,+BAA+B,qBAAqB;eAE9D,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;MAC9D,CAAA;KACM,CAAA,GACZ,EAAc,SAAS,IACzB,kBAAC,GAAD;KACE,OAAO,EAAG,+BAA+B,qBAAqB;KAC9D,SACE,kBAAC,UAAD;MACE,eAAe,EAAe,iBAAiB;MAC/C,WAAU;gBAFZ;OAIG,EAAG,qBAAqB,WAAW;OAAC;OAAC,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;OACvD;;eAGX,kBAAC,OAAD;MAAK,WAAU;gBACZ,EACE,MAAM,GAAG,EAAE,CACX,KAAK,MACJ,kBAAC,GAAD;OAEO;OACL,eAAe,EAAe,kBAAkB,EAAI,KAAK;OACzD,EAHK,EAAI,GAGT,CACF;MACA,CAAA;KACM,CAAA,GACZ;IACO;;EACG,CAAA;GAKhB,KAMA,EAAE,UAAO,gBAAa,SAAM,YAAS,iBACzC,kBAAC,UAAD;CACW;CACT,WAAW,CACT,6EACA,IACI,oDACA,0BACL,CAAC,KAAK,IAAI;WAPb,CASE,kBAAC,OAAD;EACE,WAAW,CACT,kBACA,IAAU,+BAA+B,6BAC1C,CAAC,KAAK,IAAI;YAEV;EACG,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;EAAG,WAAU;YAAe;EAAU,CAAA,EACtC,kBAAC,KAAD;EAAG,WAAU;YAAiC;EAAgB,CAAA,CAC1D,EAAA,CAAA,CACC;IAIL,KAGA,EAAE,QAAK,iBAAc;CACzB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;;AAEpC,QACE,kBAAC,UAAD;EACW;EACT,WAAU;YAFZ,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAI,UACH,kBAAC,OAAD;IACE,KAAK,EAAI;IACT,KAAK,EAAI;IACT,WAAU;IACV,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IACnB,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAwB,EAAI;KAAS,CAAA,EAClD,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG,EAAI;MAAe;MACnB,EAAG,2BAA2B,iBAAiB;MAC9C;OACA;MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD,EAAA,UAAA;KACI,EAAI,iBAAiB,GAAG,gBAAgB;IAAE;IAC3C,EAAG,sBAAsB,WAAW;IAChC,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;IAAM;KACD,EAAI,gBAAgB,GAAG,gBAAgB;IAAE;IAC3C,EAAG,qBAAqB,UAAU;IAC9B,EAAA,CAAA,CACH;KACC"}