@burdenoff/microfe-devportal 2026.830.1 → 2026.830.2

package/dist/devportal/pages/ResourcesPage.js

@@ -3,16 +3,16 @@ import { EmptyState as t } from "../components/EmptyState.js";
 import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
 import { nativeCopyText as i, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
 import { useMemo as s, useState as c } from "react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BookOpen as u, CalendarClock as d, Code2 as f, ExternalLink as p, FileCode as m, HelpCircle as h, KeyRound as g, Layers as _, Network as v, Plug as y, Rocket as b, Search as x, Webhook as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { BookOpen as l, CalendarClock as u, Code2 as d, ExternalLink as f, FileCode as p, HelpCircle as m, KeyRound as h, Layers as g, Network as _, Plug as v, Rocket as y, Search as b, Webhook as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ResourcesPage.tsx
 var E = "https://docs.burdenoff.com/developers", D = {
 	id: "sdks",
 	name: "SDKs",
 	description: "Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.",
-	icon: /* @__PURE__ */ C(f, { size: 24 }),
+	icon: /* @__PURE__ */ S(d, { size: 24 }),
 	url: `${E}/build/sdks`,
 	installCommand: "npm install @burdenoff/sdk-node"
 }, O = [
@@ -20,97 +20,97 @@ var E = "https://docs.burdenoff.com/developers", D = {
 		id: "graphql-api",
 		name: "GraphQL API",
 		description: "Query and mutate platform data through the federated GraphQL API.",
-		icon: /* @__PURE__ */ C(v, { size: 24 }),
+		icon: /* @__PURE__ */ S(_, { size: 24 }),
 		url: `${E}/build/graphql-api`
 	},
 	{
 		id: "plugins",
 		name: "Plugins",
 		description: "Extend the platform with plugins that add new capabilities and surfaces.",
-		icon: /* @__PURE__ */ C(y, { size: 24 }),
+		icon: /* @__PURE__ */ S(v, { size: 24 }),
 		url: `${E}/build/plugins`
 	},
 	{
 		id: "webhooks",
 		name: "Webhooks",
 		description: "Receive real-time platform events in your own services via webhooks.",
-		icon: /* @__PURE__ */ C(S, { size: 24 }),
+		icon: /* @__PURE__ */ S(x, { size: 24 }),
 		url: `${E}/build/webhooks`
 	}
 ], k = [{
 	id: "scheduler",
 	name: "Scheduler & Workflows",
 	description: "Schedule jobs and orchestrate long-running workflows on the platform.",
-	icon: /* @__PURE__ */ C(d, { size: 24 }),
+	icon: /* @__PURE__ */ S(u, { size: 24 }),
 	url: `${E}/extend/scheduler/`
 }], A = [
 	{
 		id: "platform-overview",
 		name: "Platform Overview",
 		description: "Understand the building blocks of the Burdenoff developer platform.",
-		icon: /* @__PURE__ */ C(u, { size: 24 }),
+		icon: /* @__PURE__ */ S(l, { size: 24 }),
 		url: `${E}/platform-overview`
 	},
 	{
 		id: "quick-start",
 		name: "Quick Start",
 		description: "Get up and running with the platform in a few steps.",
-		icon: /* @__PURE__ */ C(b, { size: 24 }),
+		icon: /* @__PURE__ */ S(y, { size: 24 }),
 		url: `${E}/quick-start`
 	},
 	{
 		id: "authentication",
 		name: "Authentication",
 		description: "Learn how to authenticate requests and manage actor identity.",
-		icon: /* @__PURE__ */ C(g, { size: 24 }),
+		icon: /* @__PURE__ */ S(h, { size: 24 }),
 		url: `${E}/authentication`
 	},
 	{
 		id: "relationship-graphs",
 		name: "Relationship Graphs",
 		description: "Model and traverse connected data with relationship graphs.",
-		icon: /* @__PURE__ */ C(_, { size: 24 }),
+		icon: /* @__PURE__ */ S(g, { size: 24 }),
 		url: `${E}/concepts/relationship-graphs`
 	},
 	{
 		id: "examples",
 		name: "Examples",
 		description: "Browse worked examples covering common integration tasks.",
-		icon: /* @__PURE__ */ C(m, { size: 24 }),
+		icon: /* @__PURE__ */ S(p, { size: 24 }),
 		url: `${E}/examples`
 	},
 	{
 		id: "faq",
 		name: "FAQ",
 		description: "Answers to frequently asked developer questions.",
-		icon: /* @__PURE__ */ C(h, { size: 24 }),
+		icon: /* @__PURE__ */ S(m, { size: 24 }),
 		url: `${E}/faq`
 	}
 ], j = (e, t) => t ? `${e.name} ${e.description}`.toLowerCase().includes(t.toLowerCase()) : !0, M = ({ sdk: e, copyLabel: t, copiedLabel: n }) => {
 	let [r, s] = c(!1);
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex flex-col rounded-card border border-border-seam bg-bg-surface p-5",
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
 					children: e.icon
-				}), /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("h3", {
+				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("h3", {
 					className: "font-semibold",
 					children: e.name
 				}) })]
 			}),
-			/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ S("p", {
 				className: "mt-3 text-sm text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-4 flex items-center gap-2 rounded-md bg-bg-sunken/50 p-2",
-				children: [/* @__PURE__ */ C("code", {
+				children: [/* @__PURE__ */ S("code", {
 					className: "flex-1 text-xs",
 					children: e.installCommand
-				}), /* @__PURE__ */ C("button", {
+				}), /* @__PURE__ */ S("button", {
 					type: "button",
 					onClick: async () => {
 						a("light"), await i(e.installCommand) ? (s(!0), o("success"), setTimeout(() => s(!1), 2e3)) : o("error");
@@ -119,14 +119,14 @@ var E = "https://docs.burdenoff.com/developers", D = {
 					children: r ? n : t
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-4 flex items-center justify-end text-sm",
-				children: /* @__PURE__ */ w("a", {
+				children: /* @__PURE__ */ C("a", {
 					href: e.url,
 					target: "_blank",
 					rel: "noopener noreferrer",
 					className: "flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-					children: ["Docs ", /* @__PURE__ */ C(p, {
+					children: ["Docs ", /* @__PURE__ */ S(f, {
 						size: 12,
 						"aria-hidden": "true"
 					})]
@@ -134,70 +134,70 @@ var E = "https://docs.burdenoff.com/developers", D = {
 			})
 		]
 	});
-}, N = ({ resource: e }) => /* @__PURE__ */ w("a", {
+}, N = ({ resource: e }) => /* @__PURE__ */ C("a", {
 	href: e.url,
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "group flex items-start gap-4 rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)] transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 	children: [
-		/* @__PURE__ */ C("div", {
+		/* @__PURE__ */ S("div", {
 			className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
 			children: e.icon
 		}),
-		/* @__PURE__ */ w("div", {
+		/* @__PURE__ */ C("div", {
 			className: "flex-1",
-			children: [/* @__PURE__ */ C("h3", {
+			children: [/* @__PURE__ */ S("h3", {
 				className: "font-semibold group-hover:text-primary",
 				children: e.name
-			}), /* @__PURE__ */ C("p", {
+			}), /* @__PURE__ */ S("p", {
 				className: "mt-1 text-sm text-text-secondary",
 				children: e.description
 			})]
 		}),
-		/* @__PURE__ */ C(p, {
+		/* @__PURE__ */ S(f, {
 			size: 16,
 			"aria-hidden": "true",
 			className: "text-text-secondary opacity-0 transition-opacity group-hover:opacity-100"
 		})
 	]
 }), P = () => {
-	let { t: i } = l(), a = (e, t) => {
+	let { t: i } = w(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
-	}, [o, u] = c(""), [d, f] = c("all"), p = d === "all" || d === "build", m = d === "all" || d === "learn", h = s(() => p && j(D, o), [p, o]), g = s(() => p ? O.filter((e) => j(e, o)) : [], [p, o]), _ = s(() => p ? k.filter((e) => j(e, o)) : [], [p, o]), v = s(() => m ? A.filter((e) => j(e, o)) : [], [m, o]), y = h || g.length > 0 || _.length > 0 || v.length > 0;
-	return /* @__PURE__ */ w(n, {
+	}, [o, l] = c(""), [u, d] = c("all"), f = u === "all" || u === "build", p = u === "all" || u === "learn", m = s(() => f && j(D, o), [f, o]), h = s(() => f ? O.filter((e) => j(e, o)) : [], [f, o]), g = s(() => f ? k.filter((e) => j(e, o)) : [], [f, o]), _ = s(() => p ? A.filter((e) => j(e, o)) : [], [p, o]), v = m || h.length > 0 || g.length > 0 || _.length > 0;
+	return /* @__PURE__ */ C(n, {
 		title: a("devportal.developerResources", "Developer Resources"),
 		description: a("devportal.resourcesDescription", "Documentation for building, extending, and learning the Burdenoff platform"),
 		purpose: a("devportal.resourcesPurpose", "A jumping-off point for building on the platform — SDKs, API references, integration guides, and learning material in one place. Start with the SDK for your language, then follow the build and learn paths."),
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				role: "status",
 				className: "mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text",
-				children: [/* @__PURE__ */ C("strong", {
+				children: [/* @__PURE__ */ S("strong", {
 					className: "font-semibold",
 					children: a("devportal.resources.comingSoon.title", "Coming soon")
-				}), /* @__PURE__ */ C("span", {
+				}), /* @__PURE__ */ S("span", {
 					className: "ml-2",
 					children: a("devportal.resources.comingSoon.description", "An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.")
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "relative flex-1 max-w-md",
-					children: [/* @__PURE__ */ C(x, {
+					children: [/* @__PURE__ */ S(b, {
 						size: 16,
 						"aria-hidden": "true",
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-					}), /* @__PURE__ */ C("input", {
+					}), /* @__PURE__ */ S("input", {
 						type: "text",
 						"aria-label": a("devportal.searchResources", "Search resources..."),
 						placeholder: a("devportal.searchResources", "Search resources..."),
 						value: o,
-						onChange: (e) => u(e.target.value),
+						onChange: (e) => l(e.target.value),
 						className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 					})]
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ S("div", {
 					role: "group",
 					"aria-label": a("devportal.filterResources", "Filter resources"),
 					className: "flex items-center gap-1 rounded-md border p-1",
@@ -214,52 +214,52 @@ var E = "https://docs.burdenoff.com/developers", D = {
 							id: "learn",
 							label: a("devportal.filterLearn", "Learn")
 						}
-					].map((t) => /* @__PURE__ */ C("button", {
+					].map((t) => /* @__PURE__ */ S("button", {
 						type: "button",
-						"aria-pressed": d === t.id,
-						onClick: () => f(t.id),
-						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", d === t.id ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"),
+						"aria-pressed": u === t.id,
+						onClick: () => d(t.id),
+						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", u === t.id ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"),
 						children: t.label
 					}, t.id))
 				})]
 			}),
-			h && /* @__PURE__ */ C(T, { children: /* @__PURE__ */ C(r, {
+			m && /* @__PURE__ */ S(T, { children: /* @__PURE__ */ S(r, {
 				title: a("devportal.sdks", "SDKs"),
 				description: a("devportal.sdksDescription", "Client libraries for building on the platform"),
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: /* @__PURE__ */ C(M, {
+					children: /* @__PURE__ */ S(M, {
 						sdk: D,
 						copyLabel: a("devportal.copy", "Copy"),
 						copiedLabel: a("devportal.copied", "Copied!")
 					})
 				})
 			}) }),
-			g.length > 0 && /* @__PURE__ */ C(r, {
+			h.length > 0 && /* @__PURE__ */ S(r, {
 				title: a("devportal.build", "Build"),
 				description: a("devportal.buildDescription", "APIs and integration surfaces"),
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: g.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
+					children: h.map((e) => /* @__PURE__ */ S(N, { resource: e }, e.id))
 				})
 			}),
-			_.length > 0 && /* @__PURE__ */ C(r, {
+			g.length > 0 && /* @__PURE__ */ S(r, {
 				title: a("devportal.extend", "Extend"),
 				description: a("devportal.extendDescription", "Schedule jobs and orchestrate workflows"),
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: _.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
+					children: g.map((e) => /* @__PURE__ */ S(N, { resource: e }, e.id))
 				})
 			}),
-			v.length > 0 && /* @__PURE__ */ C(r, {
+			_.length > 0 && /* @__PURE__ */ S(r, {
 				title: a("devportal.learn", "Learn"),
 				description: a("devportal.learnDescription", "Guides and concepts to get you started"),
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: v.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
+					children: _.map((e) => /* @__PURE__ */ S(N, { resource: e }, e.id))
 				})
 			}),
-			!y && /* @__PURE__ */ C(t, {
+			!v && /* @__PURE__ */ S(t, {
 				illustration: "empty-search",
 				title: a("devportal.noResourcesFoundTitle", "No matching resources"),
 				description: a("devportal.noResourcesFound", "No resources match your search.")

package/dist/devportal/pages/RevenueDashboardPage.js

@@ -1,23 +1,23 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { EmptyState as n } from "../components/EmptyState.js";
+import { useTr as t } from "../utils/i18n.js";
+import { cn as n } from "../utils/cn.js";
+import { EmptyState as r } from "../components/EmptyState.js";
 import { useGetBillingAccountsByOrgQuery as ee, useGetMyOrganizationsQuery as te, useGetRevenueDashboardDataQuery as ne, useLinkDevOrgBillingAccountMutation as re } from "../../generated/global-operations.js";
-import { getErrorMessage as r } from "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { StatCard as s, StatCardGrid as ie } from "../components/StatCard.js";
-import { DataTable as c } from "../components/DataTable.js";
+import { getErrorMessage as i } from "../hooks/useGraphQL.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { StatCard as c, StatCardGrid as ie } from "../components/StatCard.js";
+import { DataTable as l } from "../components/DataTable.js";
 import "../hooks/index.js";
-import { Tooltip as l } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as u } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Tooltip as u } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as d } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { Bar as ae } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as d } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as f } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as p } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as m } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as h } from "../../node_modules/recharts/es6/chart/LineChart.js";
-import { BarChart as oe } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { useTr as se } from "../utils/i18n.js";
+import { CartesianGrid as f } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as p } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { XAxis as m } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as h } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as oe } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { BarChart as se } from "../../node_modules/recharts/es6/chart/BarChart.js";
 import { useMemo as g, useState as _ } from "react";
 import { AlertCircle as v, ArrowDownToLine as ce, Building2 as y, Check as b, CreditCard as x, DollarSign as S, Link2 as C, Loader2 as w, Wallet as le } from "lucide-react";
 import { useSearchParams as T } from "react-router";
@@ -33,7 +33,7 @@ var k = {
 	"90d": 90,
 	"12m": 365
 }, A = () => {
-	let A = se(), { activeOrgId: j, tenantId: pe } = e(), [M, me] = _("90d"), [N, P] = _(!1), [F, I] = _(null), [he] = re(), [L, R] = _(!1), [z, B] = _(null), [ge] = T(), V = g(() => /* @__PURE__ */ new Date(), []), { data: _e, loading: H } = ee({
+	let A = t(), { activeOrgId: j, tenantId: pe } = e(), [M, me] = _("90d"), [N, P] = _(!1), [F, I] = _(null), [he] = re(), [L, R] = _(!1), [z, B] = _(null), [ge] = T(), V = g(() => /* @__PURE__ */ new Date(), []), { data: _e, loading: H } = ee({
 		fetchPolicy: "cache-and-network",
 		context: { headers: { "x-org-id": pe ?? "" } }
 	}), ve = g(() => {
@@ -82,36 +82,36 @@ var k = {
 		refunds: e.refunds,
 		salesCount: e.salesCount
 	}));
-	return ye && !U ? /* @__PURE__ */ E(i, {
+	return ye && !U ? /* @__PURE__ */ E(a, {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: A("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
 		children: /* @__PURE__ */ E("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
 			children: /* @__PURE__ */ E(w, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : W ? /* @__PURE__ */ E(i, {
+	}) : W ? /* @__PURE__ */ E(a, {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: A("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ E(n, {
+		children: /* @__PURE__ */ E(r, {
 			icon: /* @__PURE__ */ E(v, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: A("devportal.revenue.errorLoadOrgs", "Unable to load organizations"),
-			description: r(W)
+			description: i(W)
 		})
-	}) : j ? K ? /* @__PURE__ */ E(i, {
+	}) : j ? K ? /* @__PURE__ */ E(a, {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: A("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ E(n, {
+		children: /* @__PURE__ */ E(r, {
 			icon: /* @__PURE__ */ E(v, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: A("devportal.revenue.errorLoadData", "Unable to load revenue data"),
-			description: r(K)
+			description: i(K)
 		})
-	}) : /* @__PURE__ */ D(i, {
+	}) : /* @__PURE__ */ D(a, {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: q ? `${A("devportal.revenue.financialPerformanceFor", "Financial performance for")} ${q.name}` : A("devportal.revenue.shortDescription", "Track revenue, sales, and payouts"),
 		purpose: A("devportal.revenue.purpose", "Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges."),
@@ -194,10 +194,10 @@ var k = {
 								children: J.map((e) => /* @__PURE__ */ D("button", {
 									type: "button",
 									onClick: () => B(e.id ?? null),
-									className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+									className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
 									children: [/* @__PURE__ */ E(b, {
 										size: 14,
-										className: t("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
+										className: n("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
 									}), /* @__PURE__ */ D("div", {
 										className: "flex-1 min-w-0",
 										children: [/* @__PURE__ */ E("p", {
@@ -273,10 +273,10 @@ var k = {
 							children: J.map((e) => /* @__PURE__ */ D("button", {
 								type: "button",
 								onClick: () => B(e.id ?? null),
-								className: t("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
+								className: n("flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors", z === e.id ? "border-primary bg-action-primary-bg/5 text-text-primary" : "border-border-subtle hover:bg-accent text-text-primary"),
 								children: [/* @__PURE__ */ E(b, {
 									size: 14,
-									className: t("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
+									className: n("flex-shrink-0", z === e.id ? "opacity-100 text-primary" : "opacity-0")
 								}), /* @__PURE__ */ D("div", {
 									className: "flex-1 min-w-0",
 									children: [/* @__PURE__ */ E("p", {
@@ -325,23 +325,23 @@ var k = {
 					children: /* @__PURE__ */ D(ie, {
 						columns: 4,
 						children: [
-							/* @__PURE__ */ E(s, {
+							/* @__PURE__ */ E(c, {
 								title: A("devportal.revenue.grossRevenue", "Gross Revenue"),
 								value: `$${Q.totalGrossRevenue.toLocaleString()}`,
 								icon: /* @__PURE__ */ E(S, { size: 20 })
 							}),
-							/* @__PURE__ */ E(s, {
+							/* @__PURE__ */ E(c, {
 								title: A("devportal.revenue.netRevenue", "Net Revenue"),
 								value: `$${Q.totalNetRevenue.toLocaleString()}`,
 								icon: /* @__PURE__ */ E(le, { size: 20 })
 							}),
-							/* @__PURE__ */ E(s, {
+							/* @__PURE__ */ E(c, {
 								title: A("devportal.revenue.pendingBalance", "Pending Balance"),
 								value: `$${Q.pendingBalance.toLocaleString()}`,
 								icon: /* @__PURE__ */ E(x, { size: 20 }),
 								description: Q.nextPayoutDate ? `${A("devportal.revenue.nextPayout", "Next payout")} ${new Date(Q.nextPayoutDate).toLocaleDateString()}` : A("devportal.revenue.noPayoutScheduled", "No payout scheduled")
 							}),
-							/* @__PURE__ */ E(s, {
+							/* @__PURE__ */ E(c, {
 								title: A("devportal.revenue.platformFees", "Platform Fees"),
 								value: `$${Q.totalPlatformFees.toLocaleString()}`,
 								icon: /* @__PURE__ */ E(ce, { size: 20 }),
@@ -352,43 +352,43 @@ var k = {
 				}),
 				/* @__PURE__ */ D("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ E(a, {
+					children: [/* @__PURE__ */ E(o, {
 						title: A("devportal.revenue.revenueTrend", "Revenue trend"),
 						children: /* @__PURE__ */ E(O, {
 							treatment: "insight",
 							className: "p-4",
-							children: $.length > 0 ? /* @__PURE__ */ E(u, {
+							children: $.length > 0 ? /* @__PURE__ */ E(d, {
 								width: "100%",
 								height: 300,
-								children: /* @__PURE__ */ D(h, {
+								children: /* @__PURE__ */ D(oe, {
 									data: $,
 									children: [
-										/* @__PURE__ */ E(d, {
+										/* @__PURE__ */ E(f, {
 											strokeDasharray: "3 3",
 											stroke: "var(--color-chart-grid)"
 										}),
-										/* @__PURE__ */ E(p, {
+										/* @__PURE__ */ E(m, {
 											dataKey: "date",
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ E(m, {
+										/* @__PURE__ */ E(h, {
 											stroke: "var(--color-chart-axis)",
 											fontSize: 12
 										}),
-										/* @__PURE__ */ E(l, { contentStyle: {
+										/* @__PURE__ */ E(u, { contentStyle: {
 											backgroundColor: "var(--color-card)",
 											border: "1px solid var(--color-border-default)",
 											borderRadius: 12
 										} }),
-										/* @__PURE__ */ E(f, {
+										/* @__PURE__ */ E(p, {
 											type: "monotone",
 											dataKey: "grossRevenue",
 											stroke: k.primary,
 											strokeWidth: 2,
 											dot: !1
 										}),
-										/* @__PURE__ */ E(f, {
+										/* @__PURE__ */ E(p, {
 											type: "monotone",
 											dataKey: "netRevenue",
 											stroke: k.secondary,
@@ -408,7 +408,7 @@ var k = {
 								})]
 							})
 						})
-					}), /* @__PURE__ */ E(a, {
+					}), /* @__PURE__ */ E(o, {
 						title: A("devportal.revenue.topApps", "Top applications by revenue"),
 						children: Q.topApps.length > 0 ? /* @__PURE__ */ E("div", {
 							className: "space-y-2",
@@ -443,7 +443,7 @@ var k = {
 									})]
 								})
 							}, e.applicationId))
-						}) : /* @__PURE__ */ E(n, {
+						}) : /* @__PURE__ */ E(r, {
 							illustration: "empty-data",
 							icon: /* @__PURE__ */ E(y, { size: 24 }),
 							title: A("devportal.revenue.noLeadersTitle", "No revenue leaders yet"),
@@ -451,31 +451,31 @@ var k = {
 						})
 					})]
 				}),
-				/* @__PURE__ */ E(a, {
+				/* @__PURE__ */ E(o, {
 					title: A("devportal.revenue.salesVolume", "Sales volume"),
 					children: /* @__PURE__ */ E(O, {
 						treatment: "insight",
 						className: "p-4",
-						children: $.length > 0 ? /* @__PURE__ */ E(u, {
+						children: $.length > 0 ? /* @__PURE__ */ E(d, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ D(oe, {
+							children: /* @__PURE__ */ D(se, {
 								data: $,
 								children: [
-									/* @__PURE__ */ E(d, {
+									/* @__PURE__ */ E(f, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-chart-grid)"
 									}),
-									/* @__PURE__ */ E(p, {
+									/* @__PURE__ */ E(m, {
 										dataKey: "date",
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ E(m, {
+									/* @__PURE__ */ E(h, {
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ E(l, { contentStyle: {
+									/* @__PURE__ */ E(u, { contentStyle: {
 										backgroundColor: "var(--color-card)",
 										border: "1px solid var(--color-border-default)",
 										borderRadius: 12
@@ -506,9 +506,9 @@ var k = {
 				}),
 				/* @__PURE__ */ D("div", {
 					className: "grid gap-6 xl:grid-cols-2",
-					children: [/* @__PURE__ */ E(a, {
+					children: [/* @__PURE__ */ E(o, {
 						title: A("devportal.revenue.recentSales", "Recent sales"),
-						children: /* @__PURE__ */ E(c, {
+						children: /* @__PURE__ */ E(l, {
 							data: Se,
 							keyField: "id",
 							columns: [
@@ -530,16 +530,16 @@ var k = {
 								{
 									key: "status",
 									header: A("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ E(o, {
+									render: (e) => /* @__PURE__ */ E(s, {
 										status: e.status,
 										type: "app"
 									})
 								}
 							]
 						})
-					}), /* @__PURE__ */ E(a, {
+					}), /* @__PURE__ */ E(o, {
 						title: A("devportal.revenue.payoutHistory", "Payout history"),
-						children: /* @__PURE__ */ E(c, {
+						children: /* @__PURE__ */ E(l, {
 							data: Ce,
 							keyField: "id",
 							columns: [
@@ -556,7 +556,7 @@ var k = {
 								{
 									key: "status",
 									header: A("devportal.revenue.status", "Status"),
-									render: (e) => /* @__PURE__ */ E(o, {
+									render: (e) => /* @__PURE__ */ E(s, {
 										status: e.status,
 										type: "app"
 									})
@@ -565,17 +565,17 @@ var k = {
 						})
 					})]
 				})
-			] }) : /* @__PURE__ */ E(n, {
+			] }) : /* @__PURE__ */ E(r, {
 				illustration: "empty-data",
 				icon: /* @__PURE__ */ E(S, { size: 32 }),
 				title: A("devportal.revenue.noDataTitle", "No revenue data yet"),
 				description: A("devportal.revenue.noDataDescription", "Revenue metrics will appear after this organization starts recording marketplace sales.")
 			})
 		]
-	}) : /* @__PURE__ */ E(i, {
+	}) : /* @__PURE__ */ E(a, {
 		title: A("devportal.revenue.title", "Revenue"),
 		description: A("devportal.revenue.description", "Track real revenue, sales, and payout activity for your developer organizations"),
-		children: /* @__PURE__ */ E(n, {
+		children: /* @__PURE__ */ E(r, {
 			illustration: "empty-people",
 			icon: /* @__PURE__ */ E(y, {
 				size: 32,