@burdenoff/microfe-devportal 2026.611.2 → 2026.616.1

package/dist/devportal/components/SectionNav.js

@@ -1,131 +1,195 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AppWindow as r, BarChart3 as i, BookOpen as a, Building2 as o, DollarSign as s, Key as c, KeyRound as l, LayoutDashboard as u, Library as d, Settings as f, Share2 as p, User as m, Webhook as h } from "lucide-react";
-import { useLocation as g } from "react-router-dom";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useGetMyOrganizationsQuery as n } from "../../generated/global-operations.js";
+import "../hooks/useGraphQL.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AppWindow as s, BarChart3 as c, BookOpen as l, Building2 as u, Check as d, ChevronDown as f, DollarSign as p, Key as m, KeyRound as h, LayoutDashboard as g, Library as _, Settings as v, Share2 as y, User as b, Webhook as x } from "lucide-react";
+import { useLocation as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/devportal/components/SectionNav.tsx
-var y = [
+var T = [
 	{
 		path: "",
 		i18nKey: "devportal.nav.dashboard",
 		fallback: "Dashboard",
-		icon: u
+		icon: g
 	},
 	{
 		path: "apps",
 		i18nKey: "devportal.nav.apps",
 		fallback: "Apps",
-		icon: r
+		icon: s
 	},
 	{
 		path: "organizations",
 		i18nKey: "devportal.nav.organizations",
 		fallback: "Organizations",
-		icon: o
+		icon: u
 	},
 	{
 		path: "oauth",
 		i18nKey: "devportal.nav.oauth",
 		fallback: "OAuth Clients",
-		icon: l
+		icon: h
 	},
 	{
 		path: "api-keys",
 		i18nKey: "devportal.nav.apiKeys",
 		fallback: "API Keys",
-		icon: c
+		icon: m
 	},
 	{
 		path: "webhooks",
 		i18nKey: "devportal.nav.webhooks",
 		fallback: "Webhooks",
-		icon: h
+		icon: x
 	},
 	{
 		path: "delegations",
 		i18nKey: "devportal.nav.delegations",
 		fallback: "Delegations",
-		icon: p
+		icon: y
 	},
 	{
 		path: "analytics",
 		i18nKey: "devportal.nav.analytics",
 		fallback: "Analytics",
-		icon: i
+		icon: c
 	},
 	{
 		path: "revenue",
 		i18nKey: "devportal.nav.revenue",
 		fallback: "Revenue",
-		icon: s
+		icon: p
 	},
 	{
 		path: "docs",
 		i18nKey: "devportal.nav.docs",
 		fallback: "Docs",
-		icon: a
+		icon: l
 	},
 	{
 		path: "resources",
 		i18nKey: "devportal.nav.resources",
 		fallback: "Resources",
-		icon: d
+		icon: _
 	},
 	{
 		path: "publisher/profile",
 		i18nKey: "devportal.nav.publisher",
 		fallback: "Publisher",
-		icon: m,
+		icon: b,
 		matchPrefixes: ["publisher"]
 	},
 	{
 		path: "settings",
 		i18nKey: "devportal.nav.settings",
 		fallback: "Settings",
-		icon: f
+		icon: v
 	}
 ];
-function b(e, t) {
+function E(e, t) {
 	let n = (e ?? "").replace(/\/$/, "");
 	return t ? `${n}${t.startsWith("/") ? t : `/${t}`}` : n || "/";
 }
-function x(e, t, n) {
-	let r = b(t, n.path);
+function D(e, t, n) {
+	let r = E(t, n.path);
 	return n.path === "" ? e === r || e === `${r}/` : [n.path, ...n.matchPrefixes ?? []].some((n) => {
-		let r = b(t, n);
+		let r = E(t, n);
 		return e === r || e.startsWith(`${r}/`);
 	});
 }
-var S = () => {
-	let { navigate: r, basePath: i } = e(), { pathname: a } = g(), { t: o } = n(), s = (e, t) => {
-		let n = o(e);
+var O = () => {
+	let { activeOrgId: s, setActiveOrgId: c } = e(), { t: l } = o(), p = (e, t) => {
+		let n = l(e);
+		return n === e ? t : n;
+	}, [m, h] = a(!1), g = i(null), { data: _ } = n({ fetchPolicy: "cache-first" }), v = _?.myDeveloperOrganizations ?? [];
+	if (r(() => {
+		!s && v.length === 1 && v[0]?.id && c(v[0].id);
+	}, [
+		v,
+		s,
+		c
+	]), r(() => {
+		let e = (e) => {
+			g.current && !g.current.contains(e.target) && h(!1);
+		};
+		return m && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [m]), v.length === 0) return null;
+	let y = v.find((e) => e.id === s)?.name ?? p("devportal.nav.selectOrg", "Select org");
+	return /* @__PURE__ */ w("div", {
+		ref: g,
+		className: "relative flex-shrink-0",
+		children: [/* @__PURE__ */ w("button", {
+			type: "button",
+			onClick: () => h((e) => !e),
+			className: t("inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", "bg-card text-foreground border-border hover:bg-accent"),
+			"aria-label": p("devportal.nav.switchOrg", "Switch organization"),
+			children: [
+				/* @__PURE__ */ C(u, {
+					size: 13,
+					className: "text-primary flex-shrink-0"
+				}),
+				/* @__PURE__ */ C("span", {
+					className: "max-w-[140px] truncate",
+					children: y
+				}),
+				/* @__PURE__ */ C(f, {
+					size: 13,
+					className: t("transition-transform", m && "rotate-180")
+				})
+			]
+		}), m && /* @__PURE__ */ C("div", {
+			className: "absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-md border border-border bg-popover shadow-lg py-1",
+			children: v.map((e) => /* @__PURE__ */ w("button", {
+				type: "button",
+				onClick: () => {
+					c(e.id), h(!1);
+				},
+				className: t("flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent", e.id === s ? "text-primary font-medium" : "text-foreground"),
+				children: [/* @__PURE__ */ C(d, {
+					size: 13,
+					className: t("flex-shrink-0", e.id === s ? "opacity-100 text-primary" : "opacity-0")
+				}), /* @__PURE__ */ C("span", {
+					className: "truncate",
+					children: e.name
+				})]
+			}, e.id))
+		})]
+	});
+}, k = () => {
+	let { navigate: n, basePath: r } = e(), { pathname: i } = S(), { t: a } = o(), s = (e, t) => {
+		let n = a(e);
 		return n === e ? t : n;
 	};
-	if (!i || !r) return null;
+	if (!r || !n) return null;
 	let c = (e) => {
-		r(b(i, e));
+		n(E(r, e));
 	};
-	return /* @__PURE__ */ _("nav", {
+	return /* @__PURE__ */ C("nav", {
 		"aria-label": s("devportal.nav.sections", "Developer portal sections"),
 		className: "border-b border-border bg-card/40 px-4 py-2",
 		"data-testid": "devportal-section-nav",
-		children: /* @__PURE__ */ _("ul", {
-			className: "flex flex-wrap gap-1",
-			children: y.map((e) => {
-				let n = x(a, i, e), r = e.icon;
-				return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
-					type: "button",
-					onClick: () => c(e.path),
-					"aria-current": n ? "page" : void 0,
-					className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", n ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"),
-					children: [/* @__PURE__ */ _(r, { size: 14 }), /* @__PURE__ */ _("span", { children: s(e.i18nKey, e.fallback) })]
-				}) }, e.path);
-			})
+		children: /* @__PURE__ */ w("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ C("ul", {
+				className: "flex flex-1 flex-wrap gap-1",
+				children: T.map((e) => {
+					let n = D(i, r, e), a = e.icon;
+					return /* @__PURE__ */ C("li", { children: /* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => c(e.path),
+						"aria-current": n ? "page" : void 0,
+						className: t("inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors", n ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"),
+						children: [/* @__PURE__ */ C(a, { size: 14 }), /* @__PURE__ */ C("span", { children: s(e.i18nKey, e.fallback) })]
+					}) }, e.path);
+				})
+			}), /* @__PURE__ */ C(O, {})]
 		})
 	});
 };
 //#endregion
-export { S as SectionNav };
+export { k as SectionNav };
 
 //# sourceMappingURL=SectionNav.js.map

package/dist/devportal/components/SectionNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNav.js","names":[],"sources":["../../../src/devportal/components/SectionNav.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport {\n  LayoutDashboard,\n  AppWindow,\n  Building2,\n  KeyRound,\n  Key,\n  Webhook,\n  Share2,\n  BarChart3,\n  DollarSign,\n  BookOpen,\n  Library,\n  User,\n  Settings,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { cn } from \"../utils/cn\";\n\ninterface SectionDef {\n  path: string;\n  i18nKey: string;\n  fallback: string;\n  icon: typeof LayoutDashboard;\n  /** Additional sub-paths that should mark this section as active. */\n  matchPrefixes?: string[];\n}\n\nconst SECTIONS: ReadonlyArray<SectionDef> = [\n  {\n    path: \"\",\n    i18nKey: \"devportal.nav.dashboard\",\n    fallback: \"Dashboard\",\n    icon: LayoutDashboard,\n  },\n  {\n    path: \"apps\",\n    i18nKey: \"devportal.nav.apps\",\n    fallback: \"Apps\",\n    icon: AppWindow,\n  },\n  {\n    path: \"organizations\",\n    i18nKey: \"devportal.nav.organizations\",\n    fallback: \"Organizations\",\n    icon: Building2,\n  },\n  {\n    path: \"oauth\",\n    i18nKey: \"devportal.nav.oauth\",\n    fallback: \"OAuth Clients\",\n    icon: KeyRound,\n  },\n  {\n    path: \"api-keys\",\n    i18nKey: \"devportal.nav.apiKeys\",\n    fallback: \"API Keys\",\n    icon: Key,\n  },\n  {\n    path: \"webhooks\",\n    i18nKey: \"devportal.nav.webhooks\",\n    fallback: \"Webhooks\",\n    icon: Webhook,\n  },\n  {\n    path: \"delegations\",\n    i18nKey: \"devportal.nav.delegations\",\n    fallback: \"Delegations\",\n    icon: Share2,\n  },\n  {\n    path: \"analytics\",\n    i18nKey: \"devportal.nav.analytics\",\n    fallback: \"Analytics\",\n    icon: BarChart3,\n  },\n  {\n    path: \"revenue\",\n    i18nKey: \"devportal.nav.revenue\",\n    fallback: \"Revenue\",\n    icon: DollarSign,\n  },\n  {\n    path: \"docs\",\n    i18nKey: \"devportal.nav.docs\",\n    fallback: \"Docs\",\n    icon: BookOpen,\n  },\n  {\n    path: \"resources\",\n    i18nKey: \"devportal.nav.resources\",\n    fallback: \"Resources\",\n    icon: Library,\n  },\n  {\n    path: \"publisher/profile\",\n    i18nKey: \"devportal.nav.publisher\",\n    fallback: \"Publisher\",\n    icon: User,\n    matchPrefixes: [\"publisher\"],\n  },\n  {\n    path: \"settings\",\n    i18nKey: \"devportal.nav.settings\",\n    fallback: \"Settings\",\n    icon: Settings,\n  },\n];\n\nfunction joinBaseAndPath(basePath: string | undefined, path: string): string {\n  const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n  if (!path) return base || \"/\";\n  const suffix = path.startsWith(\"/\") ? path : `/${path}`;\n  return `${base}${suffix}`;\n}\n\nfunction isSectionActive(\n  pathname: string,\n  basePath: string | undefined,\n  section: SectionDef,\n): boolean {\n  const sectionUrl = joinBaseAndPath(basePath, section.path);\n  // Index/dashboard is active only when exactly matched (or with empty extra).\n  if (section.path === \"\") {\n    return pathname === sectionUrl || pathname === `${sectionUrl}/`;\n  }\n  const candidates = [section.path, ...(section.matchPrefixes ?? [])];\n  return candidates.some((prefix) => {\n    const url = joinBaseAndPath(basePath, prefix);\n    return pathname === url || pathname.startsWith(`${url}/`);\n  });\n}\n\n/**\n * Horizontal section nav rendered above the page content on every devportal\n * route. Gives developers a one-click jump between all top-level sections so\n * routes like OAuth, Delegations, Analytics, Revenue, Docs, Resources,\n * Publisher Profile, and Settings are reachable without typing URLs.\n *\n * Renders nothing when `basePath` is undefined (standalone/dev mode) so it\n * doesn't conflict with whatever harness wraps the MFE there.\n */\nexport const SectionNav: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { pathname } = useLocation();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  if (!basePath || !navigate) return null;\n\n  const handleClick = (path: string) => {\n    navigate(joinBaseAndPath(basePath, path));\n  };\n\n  return (\n    <nav\n      aria-label={tr(\"devportal.nav.sections\", \"Developer portal sections\")}\n      className=\"border-b border-border bg-card/40 px-4 py-2\"\n      data-testid=\"devportal-section-nav\"\n    >\n      <ul className=\"flex flex-wrap gap-1\">\n        {SECTIONS.map((section) => {\n          const active = isSectionActive(pathname, basePath, section);\n          const Icon = section.icon;\n          return (\n            <li key={section.path}>\n              <button\n                type=\"button\"\n                onClick={() => handleClick(section.path)}\n                aria-current={active ? \"page\" : undefined}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors\",\n                  active\n                    ? \"bg-primary text-primary-foreground\"\n                    : \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n                )}\n              >\n                <Icon size={14} />\n                <span>{tr(section.i18nKey, section.fallback)}</span>\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n\n// Exported for unit tests that want to assert against the canonical list.\nexport const __SECTION_NAV_SECTIONS = SECTIONS;\n"],"mappings":";;;;;;;AA8BA,IAAM,IAAsC;CAC1C;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,eAAe,CAAC,YAAY;EAC7B;CACD;EACE,MAAM;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACP;CACF;AAED,SAAS,EAAgB,GAA8B,GAAsB;CAC3E,IAAM,KAAQ,KAAY,IAAI,QAAQ,OAAO,GAAG;AAGhD,QAFK,IAEE,GAAG,IADK,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI,QAD/B,KAAQ;;AAK5B,SAAS,EACP,GACA,GACA,GACS;CACT,IAAM,IAAa,EAAgB,GAAU,EAAQ,KAAK;AAM1D,QAJI,EAAQ,SAAS,KACZ,MAAa,KAAc,MAAa,GAAG,EAAW,KAE5C,CAAC,EAAQ,MAAM,GAAI,EAAQ,iBAAiB,EAAE,CAAE,CACjD,MAAM,MAAW;EACjC,IAAM,IAAM,EAAgB,GAAU,EAAO;AAC7C,SAAO,MAAa,KAAO,EAAS,WAAW,GAAG,EAAI,GAAG;GACzD;;AAYJ,IAAa,UAAuB;CAClC,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,gBAAa,GAAa,EAC5B,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;;AAGpC,KAAI,CAAC,KAAY,CAAC,EAAU,QAAO;CAEnC,IAAM,KAAe,MAAiB;AACpC,IAAS,EAAgB,GAAU,EAAK,CAAC;;AAG3C,QACE,kBAAC,OAAD;EACE,cAAY,EAAG,0BAA0B,4BAA4B;EACrE,WAAU;EACV,eAAY;YAEZ,kBAAC,MAAD;GAAI,WAAU;aACX,EAAS,KAAK,MAAY;IACzB,IAAM,IAAS,EAAgB,GAAU,GAAU,EAAQ,EACrD,IAAO,EAAQ;AACrB,WACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAY,EAAQ,KAAK;KACxC,gBAAc,IAAS,SAAS,KAAA;KAChC,WAAW,EACT,iGACA,IACI,uCACA,8DACL;eATH,CAWE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAClB,kBAAC,QAAD,EAAA,UAAO,EAAG,EAAQ,SAAS,EAAQ,SAAS,EAAQ,CAAA,CAC7C;QACN,EAfI,EAAQ,KAeZ;KAEP;GACC,CAAA;EACD,CAAA"}
+{"version":3,"file":"SectionNav.js","names":[],"sources":["../../../src/devportal/components/SectionNav.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport {\n  LayoutDashboard,\n  AppWindow,\n  Building2,\n  KeyRound,\n  Key,\n  Webhook,\n  Share2,\n  BarChart3,\n  DollarSign,\n  BookOpen,\n  Library,\n  User,\n  Settings,\n  ChevronDown,\n  Check,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useGetMyOrganizationsQuery,\n  type GetMyOrganizationsQuery,\n} from \"../hooks/useGraphQL\";\nimport { cn } from \"../utils/cn\";\n\ntype OrgItem = GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number];\n\ninterface SectionDef {\n  path: string;\n  i18nKey: string;\n  fallback: string;\n  icon: typeof LayoutDashboard;\n  /** Additional sub-paths that should mark this section as active. */\n  matchPrefixes?: string[];\n}\n\nconst SECTIONS: ReadonlyArray<SectionDef> = [\n  {\n    path: \"\",\n    i18nKey: \"devportal.nav.dashboard\",\n    fallback: \"Dashboard\",\n    icon: LayoutDashboard,\n  },\n  {\n    path: \"apps\",\n    i18nKey: \"devportal.nav.apps\",\n    fallback: \"Apps\",\n    icon: AppWindow,\n  },\n  {\n    path: \"organizations\",\n    i18nKey: \"devportal.nav.organizations\",\n    fallback: \"Organizations\",\n    icon: Building2,\n  },\n  {\n    path: \"oauth\",\n    i18nKey: \"devportal.nav.oauth\",\n    fallback: \"OAuth Clients\",\n    icon: KeyRound,\n  },\n  {\n    path: \"api-keys\",\n    i18nKey: \"devportal.nav.apiKeys\",\n    fallback: \"API Keys\",\n    icon: Key,\n  },\n  {\n    path: \"webhooks\",\n    i18nKey: \"devportal.nav.webhooks\",\n    fallback: \"Webhooks\",\n    icon: Webhook,\n  },\n  {\n    path: \"delegations\",\n    i18nKey: \"devportal.nav.delegations\",\n    fallback: \"Delegations\",\n    icon: Share2,\n  },\n  {\n    path: \"analytics\",\n    i18nKey: \"devportal.nav.analytics\",\n    fallback: \"Analytics\",\n    icon: BarChart3,\n  },\n  {\n    path: \"revenue\",\n    i18nKey: \"devportal.nav.revenue\",\n    fallback: \"Revenue\",\n    icon: DollarSign,\n  },\n  {\n    path: \"docs\",\n    i18nKey: \"devportal.nav.docs\",\n    fallback: \"Docs\",\n    icon: BookOpen,\n  },\n  {\n    path: \"resources\",\n    i18nKey: \"devportal.nav.resources\",\n    fallback: \"Resources\",\n    icon: Library,\n  },\n  {\n    path: \"publisher/profile\",\n    i18nKey: \"devportal.nav.publisher\",\n    fallback: \"Publisher\",\n    icon: User,\n    matchPrefixes: [\"publisher\"],\n  },\n  {\n    path: \"settings\",\n    i18nKey: \"devportal.nav.settings\",\n    fallback: \"Settings\",\n    icon: Settings,\n  },\n];\n\nfunction joinBaseAndPath(basePath: string | undefined, path: string): string {\n  const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n  if (!path) return base || \"/\";\n  const suffix = path.startsWith(\"/\") ? path : `/${path}`;\n  return `${base}${suffix}`;\n}\n\nfunction isSectionActive(\n  pathname: string,\n  basePath: string | undefined,\n  section: SectionDef,\n): boolean {\n  const sectionUrl = joinBaseAndPath(basePath, section.path);\n  // Index/dashboard is active only when exactly matched (or with empty extra).\n  if (section.path === \"\") {\n    return pathname === sectionUrl || pathname === `${sectionUrl}/`;\n  }\n  const candidates = [section.path, ...(section.matchPrefixes ?? [])];\n  return candidates.some((prefix) => {\n    const url = joinBaseAndPath(basePath, prefix);\n    return pathname === url || pathname.startsWith(`${url}/`);\n  });\n}\n\n/** Org context switcher shown on the right side of the section nav. */\nconst OrgSwitcher: FC = () => {\n  const { activeOrgId, setActiveOrgId } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { data } = useGetMyOrganizationsQuery({ fetchPolicy: \"cache-first\" });\n  const orgs: OrgItem[] = data?.myDeveloperOrganizations ?? [];\n\n  // Auto-select when there's exactly one org and nothing is stored yet\n  useEffect(() => {\n    if (!activeOrgId && orgs.length === 1 && orgs[0]?.id) {\n      setActiveOrgId(orgs[0].id);\n    }\n  }, [orgs, activeOrgId, setActiveOrgId]);\n\n  // Close on outside click\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    if (open) document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [open]);\n\n  if (orgs.length === 0) return null;\n\n  const activeOrg = orgs.find((o) => o.id === activeOrgId);\n  const label = activeOrg?.name ?? tr(\"devportal.nav.selectOrg\", \"Select org\");\n\n  return (\n    <div ref={ref} className=\"relative flex-shrink-0\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors\",\n          \"bg-card text-foreground border-border hover:bg-accent\",\n        )}\n        aria-label={tr(\"devportal.nav.switchOrg\", \"Switch organization\")}\n      >\n        <Building2 size={13} className=\"text-primary flex-shrink-0\" />\n        <span className=\"max-w-[140px] truncate\">{label}</span>\n        <ChevronDown\n          size={13}\n          className={cn(\"transition-transform\", open && \"rotate-180\")}\n        />\n      </button>\n\n      {open && (\n        <div className=\"absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-md border border-border bg-popover shadow-lg py-1\">\n          {orgs.map((org) => (\n            <button\n              key={org.id}\n              type=\"button\"\n              onClick={() => {\n                setActiveOrgId(org.id);\n                setOpen(false);\n              }}\n              className={cn(\n                \"flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent\",\n                org.id === activeOrgId\n                  ? \"text-primary font-medium\"\n                  : \"text-foreground\",\n              )}\n            >\n              <Check\n                size={13}\n                className={cn(\n                  \"flex-shrink-0\",\n                  org.id === activeOrgId\n                    ? \"opacity-100 text-primary\"\n                    : \"opacity-0\",\n                )}\n              />\n              <span className=\"truncate\">{org.name}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Horizontal section nav rendered above the page content on every devportal\n * route. Gives developers a one-click jump between all top-level sections so\n * routes like OAuth, Delegations, Analytics, Revenue, Docs, Resources,\n * Publisher Profile, and Settings are reachable without typing URLs.\n *\n * Renders nothing when `basePath` is undefined (standalone/dev mode) so it\n * doesn't conflict with whatever harness wraps the MFE there.\n */\nexport const SectionNav: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { pathname } = useLocation();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  if (!basePath || !navigate) return null;\n\n  const handleClick = (path: string) => {\n    navigate(joinBaseAndPath(basePath, path));\n  };\n\n  return (\n    <nav\n      aria-label={tr(\"devportal.nav.sections\", \"Developer portal sections\")}\n      className=\"border-b border-border bg-card/40 px-4 py-2\"\n      data-testid=\"devportal-section-nav\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <ul className=\"flex flex-1 flex-wrap gap-1\">\n          {SECTIONS.map((section) => {\n            const active = isSectionActive(pathname, basePath, section);\n            const Icon = section.icon;\n            return (\n              <li key={section.path}>\n                <button\n                  type=\"button\"\n                  onClick={() => handleClick(section.path)}\n                  aria-current={active ? \"page\" : undefined}\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium transition-colors\",\n                    active\n                      ? \"bg-primary text-primary-foreground\"\n                      : \"text-muted-foreground hover:bg-accent hover:text-foreground\",\n                  )}\n                >\n                  <Icon size={14} />\n                  <span>{tr(section.i18nKey, section.fallback)}</span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n        <OrgSwitcher />\n      </div>\n    </nav>\n  );\n};\n\n// Exported for unit tests that want to assert against the canonical list.\nexport const __SECTION_NAV_SECTIONS = SECTIONS;\n"],"mappings":"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"}

package/dist/devportal/hooks/useGraphQL.js

@@ -1,9 +1,9 @@
-import "../../generated/global-operations.js";
 import { CombinedGraphQLErrors as e } from "../../node_modules/@apollo/client/errors/CombinedGraphQLErrors.js";
 import { ServerError as t } from "../../node_modules/@apollo/client/errors/ServerError.js";
 import { getMainDefinition as n } from "../../node_modules/@apollo/client/utilities/internal/getMainDefinition.js";
 import { GraphQLWsLink as r } from "../../node_modules/@apollo/client/link/subscriptions/index.js";
 import { createClient as i } from "../../node_modules/graphql-ws/dist/client.js";
+import "../../generated/global-operations.js";
 import { ApolloClient as a, InMemoryCache as o, createHttpLink as s, from as c, split as l } from "@apollo/client/core";
 import { setContext as u } from "@apollo/client/link/context";
 import { onError as d } from "@apollo/client/link/error";

package/dist/devportal/pages/AdminReviewPage.js

@@ -1,11 +1,11 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
-import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
-import { useApproveApplicationMutation as i, useGetApplicationsQuery as a, useRejectApplicationMutation as o } from "../../generated/global-operations.js";
-import { PermissionGuard as s } from "../components/PermissionGuard.js";
+import { useApproveApplicationMutation as n, useGetApplicationsQuery as r, useRejectApplicationMutation as i } from "../../generated/global-operations.js";
+import { getErrorMessage as a } from "../hooks/useGraphQL.js";
+import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as c } from "../constants/permissions.js";
-import { getErrorMessage as l } from "../hooks/useGraphQL.js";
+import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
 import { useDevportalPermission as u } from "../hooks/usePermission.js";
 import "../hooks/index.js";
 import { useState as d } from "react";
@@ -14,10 +14,10 @@ import { AlertCircle as p, CheckCircle as m, ChevronDown as h, ChevronUp as g, C
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/devportal/pages/AdminReviewPage.tsx
 var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
-	let { navigate: a, basePath: o } = e(), { t: s } = f(), l = (e, t) => {
+	let { navigate: a, basePath: o } = e(), { t: s } = f(), c = (e, t) => {
 		let n = s(e);
 		return n === e ? t : n;
-	}, [p, _] = d(!1), [b, w] = d(""), T = u(c.APP_APPROVE), E = u(c.APP_REJECT);
+	}, [p, _] = d(!1), [b, w] = d(""), T = u(l.APP_APPROVE), E = u(l.APP_REJECT);
 	return /* @__PURE__ */ C("div", {
 		className: "rounded-lg border bg-card overflow-hidden",
 		children: [/* @__PURE__ */ C("div", {
@@ -56,19 +56,19 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						}),
 						/* @__PURE__ */ S("p", {
 							className: "text-sm text-muted-foreground truncate",
-							children: t.shortDescription ?? t.description ?? l("devportal.noDescription", "No description")
+							children: t.shortDescription ?? t.description ?? c("devportal.noDescription", "No description")
 						}),
 						/* @__PURE__ */ C("p", {
 							className: "text-xs text-muted-foreground mt-0.5",
 							children: [
-								l("devportal.submitted", "Submitted"),
+								c("devportal.submitted", "Submitted"),
 								":",
 								" ",
 								t.submittedAt ? new Date(t.submittedAt).toLocaleDateString(void 0, {
 									year: "numeric",
 									month: "short",
 									day: "numeric"
-								}) : l("devportal.unknown", "Unknown")
+								}) : c("devportal.unknown", "Unknown")
 							]
 						})
 					]
@@ -78,12 +78,12 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 					children: [/* @__PURE__ */ C("button", {
 						onClick: () => a?.(`${o}/apps/${t.id}`),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-muted",
-						title: l("devportal.viewAppDetails", "View app details"),
-						children: [/* @__PURE__ */ S(v, { size: 14 }), l("devportal.view", "View")]
+						title: c("devportal.viewAppDetails", "View app details"),
+						children: [/* @__PURE__ */ S(v, { size: 14 }), c("devportal.view", "View")]
 					}), /* @__PURE__ */ C("button", {
 						onClick: () => _((e) => !e),
 						className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-muted",
-						children: [S(p ? g : h, { size: 14 }), l("devportal.review", "Review")]
+						children: [S(p ? g : h, { size: 14 }), c("devportal.review", "Review")]
 					})]
 				})
 			]
@@ -94,7 +94,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 					className: "rounded-md border bg-background p-3",
 					children: [/* @__PURE__ */ S("p", {
 						className: "text-xs font-medium text-muted-foreground mb-1",
-						children: l("devportal.developerNotes", "Developer Notes")
+						children: c("devportal.developerNotes", "Developer Notes")
 					}), /* @__PURE__ */ S("p", {
 						className: "text-sm",
 						children: t.reviewNotes
@@ -106,7 +106,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("span", {
 							className: "text-muted-foreground",
 							children: [
-								l("devportal.category", "Category"),
+								c("devportal.category", "Category"),
 								":",
 								" "
 							]
@@ -114,7 +114,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("span", {
 							className: "text-muted-foreground",
 							children: [
-								l("devportal.pricing", "Pricing"),
+								c("devportal.pricing", "Pricing"),
 								":",
 								" "
 							]
@@ -122,7 +122,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("span", {
 							className: "text-muted-foreground",
 							children: [
-								l("devportal.website", "Website"),
+								c("devportal.website", "Website"),
 								":",
 								" "
 							]
@@ -131,12 +131,12 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "text-primary underline hover:no-underline",
-							children: l("devportal.link", "Link")
+							children: c("devportal.link", "Link")
 						}) : /* @__PURE__ */ S("span", { children: "—" })] }),
 						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("span", {
 							className: "text-muted-foreground",
 							children: [
-								l("devportal.privacyPolicy", "Privacy Policy"),
+								c("devportal.privacyPolicy", "Privacy Policy"),
 								":",
 								" "
 							]
@@ -145,20 +145,20 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "text-primary underline hover:no-underline",
-							children: l("devportal.link", "Link")
+							children: c("devportal.link", "Link")
 						}) : /* @__PURE__ */ S("span", {
 							className: "text-status-error-text",
-							children: l("devportal.missing", "Missing")
+							children: c("devportal.missing", "Missing")
 						})] })
 					]
 				}),
 				/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 					className: "text-sm font-medium",
-					children: l("devportal.reviewNotes", "Review Notes")
+					children: c("devportal.reviewNotes", "Review Notes")
 				}), /* @__PURE__ */ S("textarea", {
 					value: b,
 					onChange: (e) => w(e.target.value),
-					placeholder: l("devportal.reviewNotesPlaceholder", "Add feedback for the developer (required for rejection)..."),
+					placeholder: c("devportal.reviewNotesPlaceholder", "Add feedback for the developer (required for rejection)..."),
 					rows: 3,
 					className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring resize-none"
 				})] }),
@@ -168,7 +168,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						onClick: () => n(t.id, b),
 						disabled: i || !T.allowed,
 						"aria-disabled": i || !T.allowed,
-						title: T.allowed ? void 0 : l("devportal.common.noPermission", "You do not have permission to perform this action"),
+						title: T.allowed ? void 0 : c("devportal.common.noPermission", "You do not have permission to perform this action"),
 						className: "inline-flex items-center gap-2 rounded-md bg-status-success-bg px-4 py-2 text-sm font-medium text-white hover:bg-status-success-bg/90 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 						children: [i ? /* @__PURE__ */ S(y, {
 							size: 14,
@@ -177,13 +177,13 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						}) : /* @__PURE__ */ S(m, {
 							size: 14,
 							"aria-hidden": "true"
-						}), l("devportal.approve", "Approve")]
+						}), c("devportal.approve", "Approve")]
 					}), /* @__PURE__ */ C("button", {
 						onClick: () => r(t.id, b),
 						disabled: i || !b.trim() || !E.allowed,
 						"aria-disabled": i || !b.trim() || !E.allowed,
 						className: "inline-flex items-center gap-2 rounded-md bg-destructive px-4 py-2 text-sm font-medium text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-						title: E.allowed ? b.trim() ? void 0 : l("devportal.notesRequiredForRejection", "Notes required for rejection") : l("devportal.common.noPermission", "You do not have permission to perform this action"),
+						title: E.allowed ? b.trim() ? void 0 : c("devportal.notesRequiredForRejection", "Notes required for rejection") : c("devportal.common.noPermission", "You do not have permission to perform this action"),
 						children: [i ? /* @__PURE__ */ S(y, {
 							size: 14,
 							className: "animate-spin",
@@ -191,7 +191,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						}) : /* @__PURE__ */ S(x, {
 							size: 14,
 							"aria-hidden": "true"
-						}), l("devportal.reject", "Reject")]
+						}), c("devportal.reject", "Reject")]
 					})]
 				})
 			]
@@ -204,13 +204,13 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 	}, [h, g] = d(""), [v, x] = d(/* @__PURE__ */ new Set()), [T, E] = d(null), [D, O] = d(null), k = (e) => x((t) => new Set(t).add(e)), A = (e) => x((t) => {
 		let n = new Set(t);
 		return n.delete(e), n;
-	}), { data: j, loading: M, error: N, refetch: P } = a({
+	}), { data: j, loading: M, error: N, refetch: P } = r({
 		variables: {
 			status: "SUBMITTED",
 			limit: 100
 		},
 		fetchPolicy: "cache-and-network"
-	}), [F] = i(), [I] = o(), L = j?.applications?.edges?.map((e) => e.node) ?? [], R = h ? L.filter((e) => e.name.toLowerCase().includes(h.toLowerCase()) || (e.shortDescription ?? "").toLowerCase().includes(h.toLowerCase())) : L, z = async (e, t) => {
+	}), [F] = n(), [I] = i(), L = j?.applications?.edges?.map((e) => e.node) ?? [], R = h ? L.filter((e) => e.name.toLowerCase().includes(h.toLowerCase()) || (e.shortDescription ?? "").toLowerCase().includes(h.toLowerCase())) : L, z = async (e, t) => {
 		k(e), E(null), O(null);
 		try {
 			let n = await F({ variables: {
@@ -241,14 +241,14 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 			}
 		}
 	};
-	return M && !j ? /* @__PURE__ */ S(n, {
+	return M && !j ? /* @__PURE__ */ S(o, {
 		title: u("devportal.appReviewQueue", "App Review Queue"),
 		description: u("devportal.appReviewQueueDescription", "Review submitted applications for approval"),
 		children: /* @__PURE__ */ S("div", {
 			className: "flex items-center justify-center py-12",
 			children: /* @__PURE__ */ S(y, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 		})
-	}) : N ? /* @__PURE__ */ S(n, {
+	}) : N ? /* @__PURE__ */ S(o, {
 		title: u("devportal.appReviewQueue", "App Review Queue"),
 		description: u("devportal.appReviewQueueDescription", "Review submitted applications for approval"),
 		children: /* @__PURE__ */ C("div", {
@@ -257,7 +257,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 				/* @__PURE__ */ S(p, { className: "mx-auto h-8 w-8 text-destructive" }),
 				/* @__PURE__ */ S("p", {
 					className: "mt-2 text-sm text-muted-foreground",
-					children: l(N)
+					children: a(N)
 				}),
 				/* @__PURE__ */ S("button", {
 					onClick: () => P(),
@@ -266,9 +266,9 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ S(s, {
-		permission: c.REVIEW_MANAGE,
-		children: /* @__PURE__ */ C(n, {
+	}) : /* @__PURE__ */ S(c, {
+		permission: l.REVIEW_MANAGE,
+		children: /* @__PURE__ */ C(o, {
 			title: u("devportal.appReviewQueue", "App Review Queue"),
 			description: u("devportal.appReviewQueueFullDescription", "Review submitted applications for approval or rejection"),
 			actions: /* @__PURE__ */ S("button", {
@@ -321,7 +321,7 @@ var w = ({ app: t, onApprove: n, onReject: r, processing: i }) => {
 						className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 					})]
 				}),
-				/* @__PURE__ */ S(r, { children: R.length === 0 ? /* @__PURE__ */ S(t, {
+				/* @__PURE__ */ S(s, { children: R.length === 0 ? /* @__PURE__ */ S(t, {
 					icon: /* @__PURE__ */ S(m, { size: 32 }),
 					title: u("devportal.noAppsPendingReview", "No apps pending review"),
 					description: h ? u("devportal.noAppsMatchSearch", "No apps match your search") : u("devportal.allApplicationsReviewed", "All submitted applications have been reviewed")