@burdenoff/microfe-devportal 2026.625.9 → 2026.625.10

package/dist/devportal/pages/DashboardPage.js

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