@burdenoff/microfe-devportal 2026.1101.1 → 2026.1107.1

package/dist/devportal/pages/DashboardPage.js

@@ -6,135 +6,137 @@ import { PageLayout as i } from "../components/PageLayout.js";
 import { AppCard as a } from "../components/AppCard.js";
 import { PermissionGuard as o } from "../components/PermissionGuard.js";
 import "../components/index.js";
+import { OnboardingChecklist as s } from "../components/OnboardingChecklist.js";
 import "../hooks/index.js";
-import { useEffect as s } from "react";
-import { AppWindow as c, ArrowRight as l, Building2 as u, DollarSign as d, Download as f, Loader2 as p, Plus as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { GlassCard as v, GradientText as y } from "@burdenoff/fe-libs/ui";
+import { useEffect as c } from "react";
+import { AppWindow as l, ArrowRight as u, Building2 as d, DollarSign as f, Download as p, Loader2 as m, Plus as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y, GradientText as b } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/DashboardPage.tsx
-var b = () => {
-	let { navigate: d, basePath: f, activeOrgId: v, setActiveOrgId: b } = e(), w = t(), { data: T, loading: E } = r({
+var x = () => {
+	let { navigate: f, basePath: p, activeOrgId: y, setActiveOrgId: x } = e(), T = t(), { data: E, loading: D } = r({
 		variables: {},
 		fetchPolicy: "network-only"
-	}), D = (T?.myDeveloperOrganizations ?? []).filter((e) => e.kind !== "PHYSICAL"), O = (() => {
-		if (D.length) return v && D.some((e) => e.id === v) ? v : D[0]?.id;
+	}), O = (E?.myDeveloperOrganizations ?? []).filter((e) => e.kind !== "PHYSICAL"), k = (() => {
+		if (O.length) return y && O.some((e) => e.id === y) ? y : O[0]?.id;
 	})();
-	s(() => {
-		O && O !== v && b(O);
+	c(() => {
+		k && k !== y && x(k);
 	}, [
-		O,
-		v,
-		b
+		k,
+		y,
+		x
 	]);
-	let { data: k, loading: A } = r({
-		variables: { organizationId: O },
-		skip: !O,
+	let { data: A, loading: j } = r({
+		variables: { organizationId: k },
+		skip: !k,
 		fetchPolicy: "cache-and-network"
-	}), j = E || A, M = k ?? T;
-	s(() => {
-		if (!(E || !T) && !(D.length > 0)) {
+	}), M = D || j, N = A ?? E;
+	c(() => {
+		if (!(D || !E) && !(O.length > 0)) {
 			try {
 				if (localStorage.getItem("devportal_setup_dismissed")) return;
 			} catch {
 				return;
 			}
-			d?.(`${f}/setup`);
+			f?.(`${p}/setup`);
 		}
 	}, [
+		D,
 		E,
-		T,
-		D.length,
-		d,
-		f
+		O.length,
+		f,
+		p
 	]);
-	let N = k?.applications?.edges?.map((e) => e.node) ?? [], P = M?.applications?.totalCount ?? 0, F = D.length, I = (e) => {
-		d?.(`${f}${e}`);
-	}, L = j, R = !E && D.length > 0;
-	return /* @__PURE__ */ g(o, {
+	let P = A?.applications?.edges?.map((e) => e.node) ?? [], F = N?.applications?.totalCount ?? 0, I = O.length, L = (e) => {
+		f?.(`${p}${e}`);
+	}, R = M, z = !D && O.length > 0;
+	return /* @__PURE__ */ _(o, {
 		authOnly: !0,
-		children: /* @__PURE__ */ g(i, {
-			title: /* @__PURE__ */ _(h, { children: [
-				w("devportal.developer", "Developer"),
+		children: /* @__PURE__ */ _(i, {
+			title: /* @__PURE__ */ v(g, { children: [
+				T("devportal.developer", "Developer"),
 				" ",
-				/* @__PURE__ */ g(y, { children: w("devportal.portal", "Portal") })
+				/* @__PURE__ */ _(b, { children: T("devportal.portal", "Portal") })
 			] }),
-			actions: R ? /* @__PURE__ */ _("button", {
+			actions: z ? /* @__PURE__ */ v("button", {
 				"data-tour": "devportal-dashboard-create-app-button",
-				onClick: () => I("/apps/new"),
+				onClick: () => L("/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__ */ g(m, { size: 16 }), w("devportal.createApp", "Create App")]
-			}) : L ? null : /* @__PURE__ */ _("button", {
+				children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.createApp", "Create App")]
+			}) : R ? null : /* @__PURE__ */ v("button", {
 				"data-tour": "devportal-dashboard-create-org-button",
-				onClick: () => I("/organizations/new"),
+				onClick: () => L("/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__ */ g(m, { size: 16 }), w("devportal.createOrganization", "Create Organization")]
+				children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
 			}),
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-8",
 				children: [
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _(s, { onNavigate: L }),
+					/* @__PURE__ */ _("div", {
 						className: "flex items-center gap-6 border-b border-border-seam pb-6",
-						children: L ? /* @__PURE__ */ g(p, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ _(h, { children: [
-							/* @__PURE__ */ g(x, {
-								icon: /* @__PURE__ */ g(c, { size: 14 }),
-								value: P,
-								label: w("devportal.apps", "Apps")
-							}),
-							/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border-seam" }),
-							/* @__PURE__ */ g(x, {
-								icon: /* @__PURE__ */ g(u, { size: 14 }),
+						children: R ? /* @__PURE__ */ _(m, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ _(S, {
+								icon: /* @__PURE__ */ _(l, { size: 14 }),
 								value: F,
-								label: w("devportal.organizations", "Organizations")
+								label: T("devportal.apps", "Apps")
+							}),
+							/* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
+							/* @__PURE__ */ _(S, {
+								icon: /* @__PURE__ */ _(d, { size: 14 }),
+								value: I,
+								label: T("devportal.organizations", "Organizations")
 							})
 						] })
 					}),
-					/* @__PURE__ */ g(S, {
-						title: w("devportal.recentApplications", "Recent Applications"),
-						action: N.length > 0 ? /* @__PURE__ */ _("button", {
-							onClick: () => I("/apps"),
+					/* @__PURE__ */ _(C, {
+						title: T("devportal.recentApplications", "Recent Applications"),
+						action: P.length > 0 ? /* @__PURE__ */ v("button", {
+							onClick: () => L("/apps"),
 							className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-							children: [w("devportal.viewAll", "View all"), /* @__PURE__ */ g(l, { size: 14 })]
+							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ _(u, { size: 14 })]
 						}) : void 0,
-						children: L ? /* @__PURE__ */ g("div", {
+						children: R ? /* @__PURE__ */ _("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ g(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
-						}) : N.length > 0 ? /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _(m, { className: "h-6 w-6 animate-spin text-text-secondary" })
+						}) : P.length > 0 ? /* @__PURE__ */ _("div", {
 							className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-							children: N.slice(0, 3).map((e) => /* @__PURE__ */ g(a, {
+							children: P.slice(0, 3).map((e) => /* @__PURE__ */ _(a, {
 								app: e,
-								onClick: () => I(`/apps/${e.id}`),
+								onClick: () => L(`/apps/${e.id}`),
 								showActions: !1
 							}, e.id))
-						}) : /* @__PURE__ */ g(n, {
+						}) : /* @__PURE__ */ _(n, {
 							illustration: "empty-generic",
-							title: w("devportal.noApplicationsYet", "No applications yet"),
-							description: R ? w("devportal.createFirstApplicationToGetStarted", "Create your first application to get started") : w("devportal.createOrgFirstToPublishApps", "Create an organization first to start publishing apps"),
-							action: R ? /* @__PURE__ */ _("button", {
-								onClick: () => I("/apps/new"),
+							title: T("devportal.noApplicationsYet", "No applications yet"),
+							description: z ? T("devportal.createFirstApplicationToGetStarted", "Create your first application to get started") : T("devportal.createOrgFirstToPublishApps", "Create an organization first to start publishing apps"),
+							action: z ? /* @__PURE__ */ v("button", {
+								onClick: () => L("/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__ */ g(m, { size: 16 }), w("devportal.createApp", "Create App")]
-							}) : /* @__PURE__ */ _("button", {
-								onClick: () => I("/organizations/new"),
+								children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.createApp", "Create App")]
+							}) : /* @__PURE__ */ v("button", {
+								onClick: () => L("/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__ */ g(m, { size: 16 }), w("devportal.createOrganization", "Create Organization")]
+								children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
 							})
 						})
 					}),
-					(L || D.length > 0) && /* @__PURE__ */ g(S, {
-						title: w("devportal.yourOrganizations", "Your Organizations"),
-						action: D.length > 0 ? /* @__PURE__ */ _("button", {
-							onClick: () => I("/organizations"),
+					(R || O.length > 0) && /* @__PURE__ */ _(C, {
+						title: T("devportal.yourOrganizations", "Your Organizations"),
+						action: O.length > 0 ? /* @__PURE__ */ v("button", {
+							onClick: () => L("/organizations"),
 							className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-							children: [w("devportal.viewAll", "View all"), /* @__PURE__ */ g(l, { size: 14 })]
+							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ _(u, { size: 14 })]
 						}) : void 0,
-						children: L ? /* @__PURE__ */ g("div", {
+						children: R ? /* @__PURE__ */ _("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ g(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
-						}) : /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _(m, { className: "h-6 w-6 animate-spin text-text-secondary" })
+						}) : /* @__PURE__ */ _("div", {
 							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-							children: D.slice(0, 3).map((e) => /* @__PURE__ */ g(C, {
+							children: O.slice(0, 3).map((e) => /* @__PURE__ */ _(w, {
 								org: e,
-								onClick: () => I(`/organizations/${e.id}`)
+								onClick: () => L(`/organizations/${e.id}`)
 							}, e.id))
 						})
 					})
@@ -142,34 +144,34 @@ var b = () => {
 			})
 		})
 	});
-}, x = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ _("div", {
+}, S = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ v("div", {
 	className: "flex items-center gap-1.5",
 	children: [
-		/* @__PURE__ */ g("span", {
+		/* @__PURE__ */ _("span", {
 			className: "text-text-muted",
 			children: e
 		}),
-		/* @__PURE__ */ g("span", {
+		/* @__PURE__ */ _("span", {
 			className: "text-sm font-semibold tabular-nums",
 			children: t
 		}),
-		/* @__PURE__ */ g("span", {
+		/* @__PURE__ */ _("span", {
 			className: "text-sm text-text-secondary",
 			children: n
 		})
 	]
-}), S = ({ title: e, action: t, children: n }) => /* @__PURE__ */ _("section", {
+}), C = ({ title: e, action: t, children: n }) => /* @__PURE__ */ v("section", {
 	className: "flex flex-col gap-4",
-	children: [/* @__PURE__ */ _("div", {
+	children: [/* @__PURE__ */ v("div", {
 		className: "flex items-center justify-between",
-		children: [/* @__PURE__ */ g("h2", {
+		children: [/* @__PURE__ */ _("h2", {
 			className: "text-sm font-semibold uppercase tracking-wider text-text-secondary",
 			children: e
 		}), t]
 	}), n]
-}), C = ({ org: e, onClick: n }) => {
+}), w = ({ org: e, onClick: n }) => {
 	let r = t(), i = e.name.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
-	return /* @__PURE__ */ _(v, {
+	return /* @__PURE__ */ v(y, {
 		treatment: "insight",
 		role: "button",
 		tabIndex: 0,
@@ -178,23 +180,23 @@ var b = () => {
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), n());
 		},
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center gap-3 mb-4",
 			children: [
-				e.logoUrl ? /* @__PURE__ */ g("img", {
+				e.logoUrl ? /* @__PURE__ */ _("img", {
 					src: e.logoUrl,
 					alt: e.name,
 					className: "h-10 w-10 rounded-xl object-cover"
-				}) : /* @__PURE__ */ g("div", {
+				}) : /* @__PURE__ */ _("div", {
 					className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold",
 					children: i
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ g("p", {
+					children: [/* @__PURE__ */ _("p", {
 						className: "font-semibold truncate text-text-primary",
 						children: e.name
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ v("p", {
 						className: "text-xs text-text-secondary mt-0.5",
 						children: [
 							e.publishedApps ?? 0,
@@ -203,34 +205,34 @@ var b = () => {
 						]
 					})]
 				}),
-				/* @__PURE__ */ g(l, {
+				/* @__PURE__ */ _(u, {
 					size: 15,
 					className: "text-text-muted shrink-0"
 				})
 			]
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "grid grid-cols-2 gap-3",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2",
-				children: [/* @__PURE__ */ g(f, {
+				children: [/* @__PURE__ */ _(p, {
 					size: 12,
 					className: "text-text-muted shrink-0"
-				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 					className: "text-[11px] text-text-secondary leading-none mb-0.5",
 					children: r("devportal.installs", "Installs")
-				}), /* @__PURE__ */ g("p", {
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm font-semibold tabular-nums",
 					children: (e.totalInstalls || 0).toLocaleString()
 				})] })]
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2",
-				children: [/* @__PURE__ */ g(d, {
+				children: [/* @__PURE__ */ _(f, {
 					size: 12,
 					className: "text-text-muted shrink-0"
-				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 					className: "text-[11px] text-text-secondary leading-none mb-0.5",
 					children: r("devportal.revenue", "Revenue")
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ v("p", {
 					className: "text-sm font-semibold tabular-nums",
 					children: ["$", (e.totalRevenue || 0).toLocaleString()]
 				})] })]
@@ -239,6 +241,6 @@ var b = () => {
 	});
 };
 //#endregion
-export { b as DashboardPage };
+export { x 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 {\n  AppWindow,\n  Building2,\n  Plus,\n  ArrowRight,\n  Loader2,\n  Download,\n  DollarSign,\n} from \"lucide-react\";\nimport { GlassCard, GradientText } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { AppCard } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useTr } from \"../utils/i18n\";\nimport type { Application, DeveloperOrganization } from \"../types\";\nimport {\n  useGetDevportalDashboardBootstrapQuery,\n  type OrganizationFieldsFragment,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\nexport const DashboardPage: FC = () => {\n  const { navigate, basePath, activeOrgId, setActiveOrgId } = useDevportal();\n  const tr = useTr();\n\n  // network-only prevents a stale empty-orgs cache entry from\n  // firing the /setup redirect before the real response arrives.\n  const { data: orgsData, loading: orgsLoading } =\n    useGetDevportalDashboardBootstrapQuery({\n      variables: {},\n      fetchPolicy: \"network-only\",\n    });\n\n  // This dashboard is only ever mounted at the plain (non-seller) devportal\n  // route — exclude PHYSICAL orgs so a seller-portal org never shows up\n  // here. See DeveloperOrgKind (BOFF-7285).\n  const organizations: OrganizationFieldsFragment[] = (\n    orgsData?.myDeveloperOrganizations ?? []\n  ).filter((org: OrganizationFieldsFragment) => org.kind !== \"PHYSICAL\");\n\n  const resolvedOrgId: string | undefined = (() => {\n    if (!organizations.length) return undefined;\n    if (activeOrgId && organizations.some((o) => o.id === activeOrgId))\n      return activeOrgId;\n    return organizations[0]?.id;\n  })();\n\n  useEffect(() => {\n    if (resolvedOrgId && resolvedOrgId !== activeOrgId) {\n      setActiveOrgId(resolvedOrgId);\n    }\n  }, [resolvedOrgId, activeOrgId, setActiveOrgId]);\n\n  const { data: appsData, loading: appsLoading } =\n    useGetDevportalDashboardBootstrapQuery({\n      variables: { organizationId: resolvedOrgId },\n      skip: !resolvedOrgId,\n      fetchPolicy: \"cache-and-network\",\n    });\n\n  const loading = orgsLoading || appsLoading;\n  const data = appsData ?? orgsData;\n\n  useEffect(() => {\n    if (orgsLoading || !orgsData) return;\n    if (organizations.length > 0) return;\n    try {\n      if (localStorage.getItem(\"devportal_setup_dismissed\")) return;\n    } catch {\n      return;\n    }\n    navigate?.(`${basePath}/setup`);\n  }, [orgsLoading, orgsData, organizations.length, navigate, basePath]);\n\n  const applications: ApplicationFieldsFragment[] =\n    appsData?.applications?.edges?.map(\n      (e: { node: ApplicationFieldsFragment }) => e.node,\n    ) ?? [];\n\n  const totalApps = data?.applications?.totalCount ?? 0;\n  const totalOrgs = organizations.length;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const isLoading = loading;\n  // hasOrgs depends only on the orgs query — not on appsLoading — so the\n  // header action doesn't flash \"Create Organization\" while apps are loading.\n  const hasOrgs = !orgsLoading && organizations.length > 0;\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={\n          <>\n            {tr(\"devportal.developer\", \"Developer\")}{\" \"}\n            <GradientText>{tr(\"devportal.portal\", \"Portal\")}</GradientText>\n          </>\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        <div className=\"flex flex-col gap-8\">\n          {/* Compact inline stats */}\n          <div className=\"flex items-center gap-6 border-b border-border-seam pb-6\">\n            {isLoading ? (\n              <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n            ) : (\n              <>\n                <StatPill\n                  icon={<AppWindow size={14} />}\n                  value={totalApps}\n                  label={tr(\"devportal.apps\", \"Apps\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Building2 size={14} />}\n                  value={totalOrgs}\n                  label={tr(\"devportal.organizations\", \"Organizations\")}\n                />\n              </>\n            )}\n          </div>\n\n          {/* Recent Apps */}\n          <DashSection\n            title={tr(\"devportal.recentApplications\", \"Recent Applications\")}\n            action={\n              applications.length > 0 ? (\n                <button\n                  onClick={() => handleNavigate(\"/apps\")}\n                  className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  {tr(\"devportal.viewAll\", \"View all\")}\n                  <ArrowRight size={14} />\n                </button>\n              ) : undefined\n            }\n          >\n            {isLoading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n              </div>\n            ) : applications.length > 0 ? (\n              <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n                {applications\n                  .slice(0, 3)\n                  .map((app: ApplicationFieldsFragment) => (\n                    <AppCard\n                      key={app.id}\n                      app={app as Application}\n                      onClick={() => handleNavigate(`/apps/${app.id}`)}\n                      showActions={false}\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          </DashSection>\n\n          {/* Organizations */}\n          {(isLoading || organizations.length > 0) && (\n            <DashSection\n              title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n              action={\n                organizations.length > 0 ? (\n                  <button\n                    onClick={() => handleNavigate(\"/organizations\")}\n                    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                  >\n                    {tr(\"devportal.viewAll\", \"View all\")}\n                    <ArrowRight size={14} />\n                  </button>\n                ) : undefined\n              }\n            >\n              {isLoading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n                </div>\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={() =>\n                          handleNavigate(`/organizations/${org.id}`)\n                        }\n                      />\n                    ))}\n                </div>\n              )}\n            </DashSection>\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\nconst StatPill: FC<{ icon: ReactNode; value: number; label: string }> = ({\n  icon,\n  value,\n  label,\n}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <span className=\"text-text-muted\">{icon}</span>\n    <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n    <span className=\"text-sm text-text-secondary\">{label}</span>\n  </div>\n);\n\nconst DashSection: FC<{\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}> = ({ title, action, children }) => (\n  <section className=\"flex flex-col gap-4\">\n    <div className=\"flex items-center justify-between\">\n      <h2 className=\"text-sm font-semibold uppercase tracking-wider text-text-secondary\">\n        {title}\n      </h2>\n      {action}\n    </div>\n    {children}\n  </section>\n);\n\nconst OrgCard: FC<{ org: DeveloperOrganization; onClick: () => void }> = ({\n  org,\n  onClick,\n}) => {\n  const tr = useTr();\n\n  const initials = org.name\n    .split(\" \")\n    .map((w: string) => w[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-xl object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold\">\n            {initials}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">{org.name}</p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {org.publishedApps ?? 0}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n        <ArrowRight size={15} className=\"text-text-muted shrink-0\" />\n      </div>\n\n      <div className=\"grid grid-cols-2 gap-3\">\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <Download size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.installs\", \"Installs\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              {(org.totalInstalls || 0).toLocaleString()}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <DollarSign size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.revenue\", \"Revenue\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              ${(org.totalRevenue || 0).toLocaleString()}\n            </p>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\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 {\n  AppWindow,\n  Building2,\n  Plus,\n  ArrowRight,\n  Loader2,\n  Download,\n  DollarSign,\n} from \"lucide-react\";\nimport { GlassCard, GradientText } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { AppCard } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { OnboardingChecklist } from \"../components/OnboardingChecklist\";\nimport { useTr } from \"../utils/i18n\";\nimport type { Application, DeveloperOrganization } from \"../types\";\nimport {\n  useGetDevportalDashboardBootstrapQuery,\n  type OrganizationFieldsFragment,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\nexport const DashboardPage: FC = () => {\n  const { navigate, basePath, activeOrgId, setActiveOrgId } = useDevportal();\n  const tr = useTr();\n\n  // network-only prevents a stale empty-orgs cache entry from\n  // firing the /setup redirect before the real response arrives.\n  const { data: orgsData, loading: orgsLoading } =\n    useGetDevportalDashboardBootstrapQuery({\n      variables: {},\n      fetchPolicy: \"network-only\",\n    });\n\n  // This dashboard is only ever mounted at the plain (non-seller) devportal\n  // route — exclude PHYSICAL orgs so a seller-portal org never shows up\n  // here. See DeveloperOrgKind (BOFF-7285).\n  const organizations: OrganizationFieldsFragment[] = (\n    orgsData?.myDeveloperOrganizations ?? []\n  ).filter((org: OrganizationFieldsFragment) => org.kind !== \"PHYSICAL\");\n\n  const resolvedOrgId: string | undefined = (() => {\n    if (!organizations.length) return undefined;\n    if (activeOrgId && organizations.some((o) => o.id === activeOrgId))\n      return activeOrgId;\n    return organizations[0]?.id;\n  })();\n\n  useEffect(() => {\n    if (resolvedOrgId && resolvedOrgId !== activeOrgId) {\n      setActiveOrgId(resolvedOrgId);\n    }\n  }, [resolvedOrgId, activeOrgId, setActiveOrgId]);\n\n  const { data: appsData, loading: appsLoading } =\n    useGetDevportalDashboardBootstrapQuery({\n      variables: { organizationId: resolvedOrgId },\n      skip: !resolvedOrgId,\n      fetchPolicy: \"cache-and-network\",\n    });\n\n  const loading = orgsLoading || appsLoading;\n  const data = appsData ?? orgsData;\n\n  useEffect(() => {\n    if (orgsLoading || !orgsData) return;\n    if (organizations.length > 0) return;\n    try {\n      if (localStorage.getItem(\"devportal_setup_dismissed\")) return;\n    } catch {\n      return;\n    }\n    navigate?.(`${basePath}/setup`);\n  }, [orgsLoading, orgsData, organizations.length, navigate, basePath]);\n\n  const applications: ApplicationFieldsFragment[] =\n    appsData?.applications?.edges?.map(\n      (e: { node: ApplicationFieldsFragment }) => e.node,\n    ) ?? [];\n\n  const totalApps = data?.applications?.totalCount ?? 0;\n  const totalOrgs = organizations.length;\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const isLoading = loading;\n  // hasOrgs depends only on the orgs query — not on appsLoading — so the\n  // header action doesn't flash \"Create Organization\" while apps are loading.\n  const hasOrgs = !orgsLoading && organizations.length > 0;\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={\n          <>\n            {tr(\"devportal.developer\", \"Developer\")}{\" \"}\n            <GradientText>{tr(\"devportal.portal\", \"Portal\")}</GradientText>\n          </>\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        <div className=\"flex flex-col gap-8\">\n          {/* Developer onboarding checklist — hides itself once complete */}\n          <OnboardingChecklist onNavigate={handleNavigate} />\n\n          {/* Compact inline stats */}\n          <div className=\"flex items-center gap-6 border-b border-border-seam pb-6\">\n            {isLoading ? (\n              <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n            ) : (\n              <>\n                <StatPill\n                  icon={<AppWindow size={14} />}\n                  value={totalApps}\n                  label={tr(\"devportal.apps\", \"Apps\")}\n                />\n                <div className=\"h-4 w-px bg-border-seam\" />\n                <StatPill\n                  icon={<Building2 size={14} />}\n                  value={totalOrgs}\n                  label={tr(\"devportal.organizations\", \"Organizations\")}\n                />\n              </>\n            )}\n          </div>\n\n          {/* Recent Apps */}\n          <DashSection\n            title={tr(\"devportal.recentApplications\", \"Recent Applications\")}\n            action={\n              applications.length > 0 ? (\n                <button\n                  onClick={() => handleNavigate(\"/apps\")}\n                  className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  {tr(\"devportal.viewAll\", \"View all\")}\n                  <ArrowRight size={14} />\n                </button>\n              ) : undefined\n            }\n          >\n            {isLoading ? (\n              <div className=\"flex items-center justify-center py-12\">\n                <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n              </div>\n            ) : applications.length > 0 ? (\n              <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n                {applications\n                  .slice(0, 3)\n                  .map((app: ApplicationFieldsFragment) => (\n                    <AppCard\n                      key={app.id}\n                      app={app as Application}\n                      onClick={() => handleNavigate(`/apps/${app.id}`)}\n                      showActions={false}\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          </DashSection>\n\n          {/* Organizations */}\n          {(isLoading || organizations.length > 0) && (\n            <DashSection\n              title={tr(\"devportal.yourOrganizations\", \"Your Organizations\")}\n              action={\n                organizations.length > 0 ? (\n                  <button\n                    onClick={() => handleNavigate(\"/organizations\")}\n                    className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                  >\n                    {tr(\"devportal.viewAll\", \"View all\")}\n                    <ArrowRight size={14} />\n                  </button>\n                ) : undefined\n              }\n            >\n              {isLoading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"h-6 w-6 animate-spin text-text-secondary\" />\n                </div>\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={() =>\n                          handleNavigate(`/organizations/${org.id}`)\n                        }\n                      />\n                    ))}\n                </div>\n              )}\n            </DashSection>\n          )}\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n\nconst StatPill: FC<{ icon: ReactNode; value: number; label: string }> = ({\n  icon,\n  value,\n  label,\n}) => (\n  <div className=\"flex items-center gap-1.5\">\n    <span className=\"text-text-muted\">{icon}</span>\n    <span className=\"text-sm font-semibold tabular-nums\">{value}</span>\n    <span className=\"text-sm text-text-secondary\">{label}</span>\n  </div>\n);\n\nconst DashSection: FC<{\n  title: string;\n  action?: ReactNode;\n  children: ReactNode;\n}> = ({ title, action, children }) => (\n  <section className=\"flex flex-col gap-4\">\n    <div className=\"flex items-center justify-between\">\n      <h2 className=\"text-sm font-semibold uppercase tracking-wider text-text-secondary\">\n        {title}\n      </h2>\n      {action}\n    </div>\n    {children}\n  </section>\n);\n\nconst OrgCard: FC<{ org: DeveloperOrganization; onClick: () => void }> = ({\n  org,\n  onClick,\n}) => {\n  const tr = useTr();\n\n  const initials = org.name\n    .split(\" \")\n    .map((w: string) => w[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div className=\"flex items-center gap-3 mb-4\">\n        {org.logoUrl ? (\n          <img\n            src={org.logoUrl}\n            alt={org.name}\n            className=\"h-10 w-10 rounded-xl object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold\">\n            {initials}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"font-semibold truncate text-text-primary\">{org.name}</p>\n          <p className=\"text-xs text-text-secondary mt-0.5\">\n            {org.publishedApps ?? 0}{\" \"}\n            {tr(\"devportal.appsPublished\", \"apps published\")}\n          </p>\n        </div>\n        <ArrowRight size={15} className=\"text-text-muted shrink-0\" />\n      </div>\n\n      <div className=\"grid grid-cols-2 gap-3\">\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <Download size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.installs\", \"Installs\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              {(org.totalInstalls || 0).toLocaleString()}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2\">\n          <DollarSign size={12} className=\"text-text-muted shrink-0\" />\n          <div>\n            <p className=\"text-[11px] text-text-secondary leading-none mb-0.5\">\n              {tr(\"devportal.revenue\", \"Revenue\")}\n            </p>\n            <p className=\"text-sm font-semibold tabular-nums\">\n              ${(org.totalRevenue || 0).toLocaleString()}\n            </p>\n          </div>\n        </div>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/DocumentationPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/DocumentationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA0ThC,eAAO,MAAM,iBAAiB,EAAE,EAgL/B,CAAC"}
+{"version":3,"file":"DocumentationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/DocumentationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwRhC,eAAO,MAAM,iBAAiB,EAAE,EAgL/B,CAAC"}