@burdenoff/microfe-devportal 2026.914.1 → 2026.914.3

package/dist/devportal/components/SectionNav.js

@@ -1,70 +1,88 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useTr as t } from "../utils/i18n.js";
 import { cn as n } from "../utils/cn.js";
-import { useGetMyOrganizationsQuery as r } from "../../generated/global-operations.js";
+import { orgSectionPath as r, useIsSellerSection as i } from "../hooks/useIsSellerSection.js";
+import { useGetMyOrganizationsQuery as a } from "../../generated/global-operations.js";
 import "../hooks/useGraphQL.js";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { Building2 as s, Check as c, ChevronDown as l } from "lucide-react";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Building2 as l, Check as u, ChevronDown as d, Plus as f } from "lucide-react";
 import "react-router";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/devportal/components/SectionNav.tsx
-var f = () => {
-	let { activeOrgId: f, setActiveOrgId: p } = e(), m = t(), [h, g] = o(!1), _ = a(null), { data: v } = r({ fetchPolicy: "cache-first" }), y = v?.myDeveloperOrganizations ?? [];
-	if (i(() => {
-		!f && y.length === 1 && y[0]?.id && p(y[0].id);
+var h = () => {
+	let { activeOrgId: h, setActiveOrgId: g, activePhysicalOrgId: _, setActivePhysicalOrgId: v, navigate: y, basePath: b } = e(), x = i(), S = x ? _ : h, C = x ? v : g, w = t(), [T, E] = c(!1), D = s(null), { data: O } = a({ fetchPolicy: "cache-first" }), k = (O?.myDeveloperOrganizations ?? []).filter((e) => x ? e.kind === "PHYSICAL" : e.kind !== "PHYSICAL");
+	o(() => {
+		!S && k.length === 1 && k[0]?.id && C(k[0].id);
 	}, [
-		y,
-		f,
-		p
-	]), i(() => {
+		k,
+		S,
+		C
+	]), o(() => {
 		let e = (e) => {
-			_.current && !_.current.contains(e.target) && g(!1);
+			D.current && !D.current.contains(e.target) && E(!1);
 		};
-		return h && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [h]), y.length === 0) return null;
-	let b = y.find((e) => e.id === f)?.name ?? m("devportal.nav.selectOrg", "Select org");
-	return /* @__PURE__ */ d("div", {
-		ref: _,
+		return T && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [T]);
+	let A = k.find((e) => e.id === S)?.name ?? (k.length === 0 ? w("devportal.nav.noOrg", "No organization") : w("devportal.nav.selectOrg", "Select org")), j = r(x, "new");
+	return /* @__PURE__ */ m("div", {
+		ref: D,
 		className: "relative flex-shrink-0",
-		children: [/* @__PURE__ */ d("button", {
+		children: [/* @__PURE__ */ m("button", {
 			type: "button",
-			onClick: () => g((e) => !e),
+			onClick: () => E((e) => !e),
 			className: n("inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm font-medium transition-colors", "bg-bg-surface text-text-primary border-border-subtle hover:bg-accent"),
-			"aria-label": m("devportal.nav.switchOrg", "Switch organization"),
+			"aria-label": w("devportal.nav.switchOrg", "Switch organization"),
 			children: [
-				/* @__PURE__ */ u(s, {
+				/* @__PURE__ */ p(l, {
 					size: 13,
 					className: "text-primary flex-shrink-0"
 				}),
-				/* @__PURE__ */ u("span", {
+				/* @__PURE__ */ p("span", {
 					className: "max-w-[140px] truncate",
-					children: b
+					children: A
 				}),
-				/* @__PURE__ */ u(l, {
+				/* @__PURE__ */ p(d, {
 					size: 13,
-					className: n("transition-transform", h && "rotate-180")
+					className: n("transition-transform", T && "rotate-180")
 				})
 			]
-		}), h && /* @__PURE__ */ u("div", {
+		}), T && /* @__PURE__ */ m("div", {
 			className: "absolute right-0 top-full z-50 mt-1 min-w-[200px] rounded-md border border-border-subtle bg-popover shadow-lg py-1",
-			children: y.map((e) => /* @__PURE__ */ d("button", {
-				type: "button",
-				onClick: () => {
-					p(e.id), g(!1);
-				},
-				className: n("flex w-full items-center gap-2 px-3 py-2 text-sm text-left transition-colors hover:bg-accent", e.id === f ? "text-primary font-medium" : "text-text-primary"),
-				children: [/* @__PURE__ */ u(c, {
-					size: 13,
-					className: n("flex-shrink-0", e.id === f ? "opacity-100 text-primary" : "opacity-0")
-				}), /* @__PURE__ */ u("span", {
-					className: "truncate",
-					children: e.name
-				})]
-			}, e.id))
+			children: [
+				k.map((e) => /* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => {
+						C(e.id), E(!1);
+					},
+					className: n("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-text-primary"),
+					children: [/* @__PURE__ */ p(u, {
+						size: 13,
+						className: n("flex-shrink-0", e.id === S ? "opacity-100 text-primary" : "opacity-0")
+					}), /* @__PURE__ */ p("span", {
+						className: "truncate",
+						children: e.name
+					})]
+				}, e.id)),
+				k.length > 0 && /* @__PURE__ */ p("div", { className: "my-1 border-t border-border-subtle" }),
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => {
+						E(!1), y?.(`${b ?? ""}${j}`);
+					},
+					className: "flex w-full items-center gap-2 px-3 py-2 text-sm text-left text-primary transition-colors hover:bg-accent",
+					children: [/* @__PURE__ */ p(f, {
+						size: 13,
+						className: "flex-shrink-0"
+					}), /* @__PURE__ */ p("span", {
+						className: "truncate",
+						children: w("devportal.nav.newOrganization", "New organization")
+					})]
+				})
+			]
 		})]
 	});
 };
 //#endregion
-export { f as OrgSwitcher };
+export { h as OrgSwitcher };
 
 //# 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 { useEffect, useRef, useState } from \"react\";\nimport { useLocation } from \"react-router\";\nimport {\n  LayoutDashboard,\n  AppWindow,\n  Building2,\n  Share2,\n  DollarSign,\n  BookOpen,\n  Library,\n  User,\n  Settings,\n  ChevronDown,\n  Check,\n} from \"lucide-react\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useGetMyOrganizationsQuery,\n  type GetMyOrganizationsQuery,\n} from \"../hooks/useGraphQL\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\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: \"delegations\",\n    i18nKey: \"devportal.nav.delegations\",\n    fallback: \"Delegations\",\n    icon: Share2,\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 — can be embedded standalone or inside SectionNav. */\nexport const OrgSwitcher: FC = () => {\n  const { activeOrgId, setActiveOrgId } = useDevportal();\n  const tr = useTr();\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-bg-surface text-text-primary border-border-subtle 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-subtle 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-text-primary\",\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 tr = useTr();\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-subtle bg-bg-surface/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-action-primary-bg text-action-primary-text\"\n                      : \"text-text-secondary hover:bg-accent hover:text-text-primary\",\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":";;;;;;;;;;AAsHA,IAAa,UAAwB;CACnC,IAAM,EAAE,gBAAa,sBAAmB,GAAc,EAChD,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAM,EAAuB,KAAK,EAElC,EAAE,YAAS,EAA2B,EAAE,aAAa,eAAe,CAAC,EACrE,IAAkB,GAAM,4BAA4B,EAAE;AAoB5D,KAjBA,QAAgB;AACd,EAAI,CAAC,KAAe,EAAK,WAAW,KAAK,EAAK,IAAI,MAChD,EAAe,EAAK,GAAG,GAAG;IAE3B;EAAC;EAAM;EAAa;EAAe,CAAC,EAGvC,QAAgB;EACd,IAAM,KAAW,MAAkB;AACjC,GAAI,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAE,OAAe,IACxD,EAAQ,GAAM;;AAIlB,SADI,KAAM,SAAS,iBAAiB,aAAa,EAAQ,QAC5C,SAAS,oBAAoB,aAAa,EAAQ;IAC9D,CAAC,EAAK,CAAC,EAEN,EAAK,WAAW,EAAG,QAAO;CAG9B,IAAM,IADY,EAAK,MAAM,MAAM,EAAE,OAAO,EAAY,EAC/B,QAAQ,EAAG,2BAA2B,aAAa;AAE5E,QACE,kBAAC,OAAD;EAAU;EAAK,WAAU;YAAzB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAS,MAAM,CAAC,EAAE;GACjC,WAAW,EACT,wGACA,uEACD;GACD,cAAY,EAAG,2BAA2B,sBAAsB;aAPlE;IASE,kBAAC,GAAD;KAAW,MAAM;KAAI,WAAU;KAA+B,CAAA;IAC9D,kBAAC,QAAD;KAAM,WAAU;eAA0B;KAAa,CAAA;IACvD,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EAAG,wBAAwB,KAAQ,aAAa;KAC3D,CAAA;IACK;MAER,KACC,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,KAAK,MACT,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe;AAEb,KADA,EAAe,EAAI,GAAG,EACtB,EAAQ,GAAM;;IAEhB,WAAW,EACT,gGACA,EAAI,OAAO,IACP,6BACA,oBACL;cAZH,CAcE,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,iBACA,EAAI,OAAO,IACP,6BACA,YACL;KACD,CAAA,EACF,kBAAC,QAAD;KAAM,WAAU;eAAY,EAAI;KAAY,CAAA,CACrC;MAvBF,EAAI,GAuBF,CACT;GACE,CAAA,CAEJ"}
+{"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\";\nimport {\n  LayoutDashboard,\n  AppWindow,\n  Building2,\n  Share2,\n  DollarSign,\n  BookOpen,\n  Library,\n  User,\n  Settings,\n  ChevronDown,\n  Check,\n  Plus,\n} from \"lucide-react\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useIsSellerSection,\n  orgSectionPath,\n} from \"../hooks/useIsSellerSection\";\nimport {\n  useGetMyOrganizationsQuery,\n  type GetMyOrganizationsQuery,\n} from \"../hooks/useGraphQL\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\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: \"delegations\",\n    i18nKey: \"devportal.nav.delegations\",\n    fallback: \"Delegations\",\n    icon: Share2,\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 * Org context switcher — can be embedded standalone or inside SectionNav.\n *\n * Shared between the regular devportal and the seller portal: filters the\n * org list to PHYSICAL-kind orgs under /devportal/seller/** and DIGITAL-kind\n * everywhere else, and reads/writes the matching active-org slot\n * (activePhysicalOrgId vs activeOrgId) so this switcher and\n * useSellerOrganization (used by the item-creation flow) always agree on\n * which org is current. See DeveloperOrgKind (BOFF-7285).\n */\nexport const OrgSwitcher: FC = () => {\n  const {\n    activeOrgId,\n    setActiveOrgId,\n    activePhysicalOrgId,\n    setActivePhysicalOrgId,\n    navigate,\n    basePath,\n  } = useDevportal();\n  const isSeller = useIsSellerSection();\n  const currentOrgId = isSeller ? activePhysicalOrgId : activeOrgId;\n  const setCurrentOrgId = isSeller ? setActivePhysicalOrgId : setActiveOrgId;\n  const tr = useTr();\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { data } = useGetMyOrganizationsQuery({ fetchPolicy: \"cache-first\" });\n  const allOrgs: OrgItem[] = data?.myDeveloperOrganizations ?? [];\n  const orgs = allOrgs.filter((org) =>\n    isSeller ? org.kind === \"PHYSICAL\" : org.kind !== \"PHYSICAL\",\n  );\n\n  // Auto-select when there's exactly one matching org and nothing is stored yet\n  useEffect(() => {\n    if (!currentOrgId && orgs.length === 1 && orgs[0]?.id) {\n      setCurrentOrgId(orgs[0].id);\n    }\n  }, [orgs, currentOrgId, setCurrentOrgId]);\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  const activeOrg = orgs.find((o) => o.id === currentOrgId);\n  const label =\n    activeOrg?.name ??\n    (orgs.length === 0\n      ? tr(\"devportal.nav.noOrg\", \"No organization\")\n      : tr(\"devportal.nav.selectOrg\", \"Select org\"));\n\n  const createOrgPath = orgSectionPath(isSeller, \"new\");\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-bg-surface text-text-primary border-border-subtle 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-subtle bg-popover shadow-lg py-1\">\n          {orgs.map((org) => (\n            <button\n              key={org.id}\n              type=\"button\"\n              onClick={() => {\n                setCurrentOrgId(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 === currentOrgId\n                  ? \"text-primary font-medium\"\n                  : \"text-text-primary\",\n              )}\n            >\n              <Check\n                size={13}\n                className={cn(\n                  \"flex-shrink-0\",\n                  org.id === currentOrgId\n                    ? \"opacity-100 text-primary\"\n                    : \"opacity-0\",\n                )}\n              />\n              <span className=\"truncate\">{org.name}</span>\n            </button>\n          ))}\n          {orgs.length > 0 && (\n            <div className=\"my-1 border-t border-border-subtle\" />\n          )}\n          <button\n            type=\"button\"\n            onClick={() => {\n              setOpen(false);\n              navigate?.(`${basePath ?? \"\"}${createOrgPath}`);\n            }}\n            className=\"flex w-full items-center gap-2 px-3 py-2 text-sm text-left text-primary transition-colors hover:bg-accent\"\n          >\n            <Plus size={13} className=\"flex-shrink-0\" />\n            <span className=\"truncate\">\n              {tr(\"devportal.nav.newOrganization\", \"New organization\")}\n            </span>\n          </button>\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 tr = useTr();\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-subtle bg-bg-surface/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-action-primary-bg text-action-primary-text\"\n                      : \"text-text-secondary hover:bg-accent hover:text-text-primary\",\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":";;;;;;;;;;;AAoIA,IAAa,UAAwB;CACnC,IAAM,EACJ,gBACA,mBACA,wBACA,2BACA,aACA,gBACE,GAAc,EACZ,IAAW,GAAoB,EAC/B,IAAe,IAAW,IAAsB,GAChD,IAAkB,IAAW,IAAyB,GACtD,IAAK,GAAO,EACZ,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAM,EAAuB,KAAK,EAElC,EAAE,YAAS,EAA2B,EAAE,aAAa,eAAe,CAAC,EAErE,KADqB,GAAM,4BAA4B,EAAE,EAC1C,QAAQ,MAC3B,IAAW,EAAI,SAAS,aAAa,EAAI,SAAS,WACnD;AAUD,CAPA,QAAgB;AACd,EAAI,CAAC,KAAgB,EAAK,WAAW,KAAK,EAAK,IAAI,MACjD,EAAgB,EAAK,GAAG,GAAG;IAE5B;EAAC;EAAM;EAAc;EAAgB,CAAC,EAGzC,QAAgB;EACd,IAAM,KAAW,MAAkB;AACjC,GAAI,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAE,OAAe,IACxD,EAAQ,GAAM;;AAIlB,SADI,KAAM,SAAS,iBAAiB,aAAa,EAAQ,QAC5C,SAAS,oBAAoB,aAAa,EAAQ;IAC9D,CAAC,EAAK,CAAC;CAGV,IAAM,IADY,EAAK,MAAM,MAAM,EAAE,OAAO,EAAa,EAE5C,SACV,EAAK,WAAW,IACb,EAAG,uBAAuB,kBAAkB,GAC5C,EAAG,2BAA2B,aAAa,GAE3C,IAAgB,EAAe,GAAU,MAAM;AAErD,QACE,kBAAC,OAAD;EAAU;EAAK,WAAU;YAAzB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAS,MAAM,CAAC,EAAE;GACjC,WAAW,EACT,wGACA,uEACD;GACD,cAAY,EAAG,2BAA2B,sBAAsB;aAPlE;IASE,kBAAC,GAAD;KAAW,MAAM;KAAI,WAAU;KAA+B,CAAA;IAC9D,kBAAC,QAAD;KAAM,WAAU;eAA0B;KAAa,CAAA;IACvD,kBAAC,GAAD;KACE,MAAM;KACN,WAAW,EAAG,wBAAwB,KAAQ,aAAa;KAC3D,CAAA;IACK;MAER,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAK,KAAK,MACT,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe;AAEb,MADA,EAAgB,EAAI,GAAG,EACvB,EAAQ,GAAM;;KAEhB,WAAW,EACT,gGACA,EAAI,OAAO,IACP,6BACA,oBACL;eAZH,CAcE,kBAAC,GAAD;MACE,MAAM;MACN,WAAW,EACT,iBACA,EAAI,OAAO,IACP,6BACA,YACL;MACD,CAAA,EACF,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAI;MAAY,CAAA,CACrC;OAvBF,EAAI,GAuBF,CACT;IACD,EAAK,SAAS,KACb,kBAAC,OAAD,EAAK,WAAU,sCAAuC,CAAA;IAExD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe;AAEb,MADA,EAAQ,GAAM,EACd,IAAW,GAAG,KAAY,KAAK,IAAgB;;KAEjD,WAAU;eANZ,CAQE,kBAAC,GAAD;MAAM,MAAM;MAAI,WAAU;MAAkB,CAAA,EAC5C,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAG,iCAAiC,mBAAmB;MACnD,CAAA,CACA;;IACL;KAEJ"}

package/dist/devportal/hooks/useIsSellerSection.d.ts

@@ -0,0 +1,13 @@
+/**
+ * True when the current route is under the seller portal
+ * (/devportal/seller/**). The organization-level pages (Organizations list,
+ * Organization Detail, Create Organization, Members, Revenue) are shared
+ * between the regular devportal and the seller portal — this is the single
+ * signal they use to decide whether to operate on PHYSICAL-kind orgs
+ * (seller) or DIGITAL-kind orgs (everywhere else), so the flag/kind check
+ * only has to be made in one place. See DeveloperOrgKind (BOFF-7285).
+ */
+export declare function useIsSellerSection(): boolean;
+/** `/seller/organizations` when in the seller portal, `/organizations` otherwise. */
+export declare function orgSectionPath(isSeller: boolean, suffix?: string): string;
+//# sourceMappingURL=useIsSellerSection.d.ts.map

package/dist/devportal/hooks/useIsSellerSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSellerSection.d.ts","sourceRoot":"","sources":["../../../src/devportal/hooks/useIsSellerSection.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAW5C;AAED,qFAAqF;AACrF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAK,GAAG,MAAM,CAGrE"}

package/dist/devportal/hooks/useIsSellerSection.js

@@ -0,0 +1,15 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { useLocation as t } from "react-router";
+//#region src/devportal/hooks/useIsSellerSection.ts
+function n() {
+	let { pathname: n } = t(), { basePath: r } = e(), i = `${(r ?? "").replace(/\/$/, "")}/seller`;
+	return n === i || n.startsWith(`${i}/`) || n === "/seller" || n.startsWith("/seller/");
+}
+function r(e, t = "") {
+	let n = e ? "/seller/organizations" : "/organizations";
+	return t ? `${n}${t.startsWith("/") ? "" : "/"}${t}` : n;
+}
+//#endregion
+export { r as orgSectionPath, n as useIsSellerSection };
+
+//# sourceMappingURL=useIsSellerSection.js.map

package/dist/devportal/hooks/useIsSellerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSellerSection.js","names":[],"sources":["../../../src/devportal/hooks/useIsSellerSection.ts"],"sourcesContent":["import { useLocation } from \"react-router\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\n/**\n * True when the current route is under the seller portal\n * (/devportal/seller/**). The organization-level pages (Organizations list,\n * Organization Detail, Create Organization, Members, Revenue) are shared\n * between the regular devportal and the seller portal — this is the single\n * signal they use to decide whether to operate on PHYSICAL-kind orgs\n * (seller) or DIGITAL-kind orgs (everywhere else), so the flag/kind check\n * only has to be made in one place. See DeveloperOrgKind (BOFF-7285).\n */\nexport function useIsSellerSection(): boolean {\n  const { pathname } = useLocation();\n  const { basePath } = useDevportal();\n  const base = (basePath ?? \"\").replace(/\\/$/, \"\");\n  const prefixed = `${base}/seller`;\n  return (\n    pathname === prefixed ||\n    pathname.startsWith(`${prefixed}/`) ||\n    pathname === \"/seller\" ||\n    pathname.startsWith(\"/seller/\")\n  );\n}\n\n/** `/seller/organizations` when in the seller portal, `/organizations` otherwise. */\nexport function orgSectionPath(isSeller: boolean, suffix = \"\"): string {\n  const base = isSeller ? \"/seller/organizations\" : \"/organizations\";\n  return suffix ? `${base}${suffix.startsWith(\"/\") ? \"\" : \"/\"}${suffix}` : base;\n}\n"],"mappings":";;;AAYA,SAAgB,IAA8B;CAC5C,IAAM,EAAE,gBAAa,GAAa,EAC5B,EAAE,gBAAa,GAAc,EAE7B,IAAW,IADH,KAAY,IAAI,QAAQ,OAAO,GAAG,CACvB;AACzB,QACE,MAAa,KACb,EAAS,WAAW,GAAG,EAAS,GAAG,IACnC,MAAa,aACb,EAAS,WAAW,WAAW;;AAKnC,SAAgB,EAAe,GAAmB,IAAS,IAAY;CACrE,IAAM,IAAO,IAAW,0BAA0B;AAClD,QAAO,IAAS,GAAG,IAAO,EAAO,WAAW,IAAI,GAAG,KAAK,MAAM,MAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+BhC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA2TpC,CAAC"}
+{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoChC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA6VpC,CAAC"}

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -1,86 +1,87 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { useDevportalEventBus as t } from "../events/index.js";
-import { useCreateBillingAccountMutation as n, useCreateOrganizationMutation as r, useLinkDevOrgBillingAccountMutation as i } from "../../generated/global-operations.js";
-import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
-import { InputField as s, TextareaField as c } from "../components/FormField.js";
-import { PermissionGuard as l } from "../components/PermissionGuard.js";
+import { orgSectionPath as n, useIsSellerSection as r } from "../hooks/useIsSellerSection.js";
+import { useCreateBillingAccountMutation as i, useCreateOrganizationMutation as a, useCreateSellerOrganizationMutation as o, useLinkDevOrgBillingAccountMutation as s } from "../../generated/global-operations.js";
+import { PageLayout as c, PageSection as l } from "../components/PageLayout.js";
+import { InputField as u, TextareaField as d } from "../components/FormField.js";
+import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import "../hooks/index.js";
-import { useState as u } from "react";
-import { Building2 as d, Info as f, X as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useState as p } from "react";
+import { Building2 as m, Info as h, X as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
-var v = () => {
-	let { navigate: v, basePath: y, currentUser: b } = e(), { t: x } = _(), S = (e, t) => {
-		let n = x(e);
+var x = () => {
+	let { navigate: x, basePath: S, currentUser: C, setActiveOrgId: w, setActivePhysicalOrgId: T } = e(), E = r(), { t: D } = b(), O = (e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, [C, w] = u({}), [T, { loading: E }] = r(), [D] = n(), [O] = i(), k = t(), [A, j] = u({
+	}, [k, A] = p({}), [j, { loading: M }] = a(), [N, { loading: P }] = o(), F = E ? P : M, [I] = i(), [L] = s(), R = t(), [z, B] = p({
 		name: "",
 		slug: "",
 		description: "",
 		websiteUrl: "",
 		contactEmail: "",
 		supportEmail: ""
-	}), M = (e) => {
-		v?.(`${y}${e}`);
-	}, N = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), P = (e) => {
+	}), V = (e) => {
+		x?.(`${S}${e}`);
+	}, H = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), U = (e) => {
 		let t = e.target.value;
-		j((e) => ({
+		B((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || N(t)
-		})), C.name && w((e) => ({
+			slug: e.slug || H(t)
+		})), k.name && A((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, F = (e, t) => {
-		j((n) => ({
+	}, W = (e, t) => {
+		B((n) => ({
 			...n,
 			[e]: t
-		})), C[e] && w((t) => ({
+		})), k[e] && A((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, I = () => {
+	}, G = () => {
 		let e = {};
-		return A.name.trim() ? A.name.length < 2 ? e.name = S("devportal.orgNameTooShort", "Name must be at least 2 characters") : A.name.length > 100 && (e.name = S("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = S("devportal.orgNameRequired", "Organization name is required"), A.slug.trim() ? /^[a-z0-9-]+$/.test(A.slug) || (e.slug = S("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = S("devportal.slugRequired", "Slug is required"), A.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.contactEmail) && (e.contactEmail = S("devportal.invalidEmailAddress", "Invalid email address")), A.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.supportEmail) && (e.supportEmail = S("devportal.invalidEmailAddress", "Invalid email address")), w(e), Object.keys(e).length === 0;
+		return z.name.trim() ? z.name.length < 2 ? e.name = O("devportal.orgNameTooShort", "Name must be at least 2 characters") : z.name.length > 100 && (e.name = O("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = O("devportal.orgNameRequired", "Organization name is required"), z.slug.trim() ? /^[a-z0-9-]+$/.test(z.slug) || (e.slug = O("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = O("devportal.slugRequired", "Slug is required"), z.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(z.contactEmail) && (e.contactEmail = O("devportal.invalidEmailAddress", "Invalid email address")), z.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(z.supportEmail) && (e.supportEmail = O("devportal.invalidEmailAddress", "Invalid email address")), A(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ h(l, {
+	return /* @__PURE__ */ v(f, {
 		authOnly: !0,
-		children: /* @__PURE__ */ h(a, {
-			title: S("devportal.createOrganization", "Create Organization"),
-			description: S("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
-			purpose: S("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
-			backLink: `${y}/organizations`,
-			backLabel: S("devportal.backToOrganizations", "Back to Organizations"),
-			children: /* @__PURE__ */ g("form", {
+		children: /* @__PURE__ */ v(c, {
+			title: O("devportal.createOrganization", "Create Organization"),
+			description: E ? O("devportal.createSellerOrganizationDescription", "Set up a seller organization to start selling physical products") : O("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			purpose: E ? O("devportal.createSellerOrganizationPurpose", "A seller organization is the shared owner of your physical listings, orders, and revenue. Create one here — you can invite members and complete legal/tax details afterwards.") : O("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
+			backLink: `${S}${n(E)}`,
+			backLabel: O("devportal.backToOrganizations", "Back to Organizations"),
+			children: /* @__PURE__ */ y("form", {
 				onSubmit: async (e) => {
-					if (e.preventDefault(), I()) try {
-						let e = (await T({ variables: { input: {
-							name: A.name,
-							slug: A.slug || void 0,
-							description: A.description || void 0,
-							websiteUrl: A.websiteUrl || void 0,
-							contactEmail: A.contactEmail || void 0,
-							supportEmail: A.supportEmail || void 0
-						} } })).data?.createDeveloperOrganization?.id;
-						if (e) {
-							k.emit("devportal.org.created", {
-								organizationId: e,
-								name: A.name
-							});
+					if (e.preventDefault(), G()) try {
+						let e = {
+							name: z.name,
+							slug: z.slug || void 0,
+							description: z.description || void 0,
+							websiteUrl: z.websiteUrl || void 0,
+							contactEmail: z.contactEmail || void 0,
+							supportEmail: z.supportEmail || void 0
+						}, t = E ? (await N({ variables: { input: e } })).data?.createSellerOrganization?.id : (await j({ variables: { input: e } })).data?.createDeveloperOrganization?.id;
+						if (t) {
+							R.emit("devportal.org.created", {
+								organizationId: t,
+								name: z.name
+							}), E ? T(t) : w(t);
 							try {
-								let t = (await D({ variables: { input: {
-									name: A.name,
-									email: b?.email ?? ""
+								let e = (await I({ variables: { input: {
+									name: z.name,
+									email: C?.email ?? ""
 								} } })).data?.createBillingAccount?.id;
-								t && await O({ variables: {
-									organizationId: e,
-									billingAccountId: t
+								e && await L({ variables: {
+									organizationId: t,
+									billingAccountId: e
 								} });
 							} catch {}
-							M(`/organizations/${e}`);
+							V(n(E, t));
 						}
 					} catch (e) {
 						console.error("Failed to create organization:", e);
@@ -88,96 +89,96 @@ var v = () => {
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ h(o, {
-						title: S("devportal.organizationDetails", "Organization Details"),
-						description: S("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ g("div", {
+					/* @__PURE__ */ v(l, {
+						title: O("devportal.organizationDetails", "Organization Details"),
+						description: O("devportal.organizationDetailsDescription", "Basic information about your organization"),
+						children: /* @__PURE__ */ y("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ h(s, {
-									label: S("devportal.organizationName", "Organization Name"),
-									value: A.name,
-									onChange: P,
-									placeholder: S("devportal.organizationNamePlaceholder", "Acme Development"),
+								/* @__PURE__ */ v(u, {
+									label: O("devportal.organizationName", "Organization Name"),
+									value: z.name,
+									onChange: U,
+									placeholder: O("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: C.name,
-									hint: S("devportal.organizationNameHint", "Your organization's display name")
+									error: k.name,
+									hint: O("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ h(s, {
-									label: S("devportal.slug", "Slug"),
-									value: A.slug,
-									onChange: (e) => F("slug", e.target.value.toLowerCase()),
-									placeholder: S("devportal.orgSlugPlaceholder", "acme-dev"),
+								/* @__PURE__ */ v(u, {
+									label: O("devportal.slug", "Slug"),
+									value: z.slug,
+									onChange: (e) => W("slug", e.target.value.toLowerCase()),
+									placeholder: O("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: C.slug,
-									hint: S("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: k.slug,
+									hint: O("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ h(c, {
-									label: S("devportal.description", "Description"),
-									value: A.description,
-									onChange: (e) => F("description", e.target.value),
-									placeholder: S("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+								/* @__PURE__ */ v(d, {
+									label: O("devportal.description", "Description"),
+									value: z.description,
+									onChange: (e) => W("description", e.target.value),
+									placeholder: O("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ h(s, {
-									label: S("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ v(u, {
+									label: O("devportal.websiteUrl", "Website URL"),
 									type: "url",
-									value: A.websiteUrl,
-									onChange: (e) => F("websiteUrl", e.target.value),
+									value: z.websiteUrl,
+									onChange: (e) => W("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ h(s, {
-										label: S("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ v(u, {
+										label: O("devportal.contactEmail", "Contact Email"),
 										type: "email",
-										value: A.contactEmail,
-										onChange: (e) => F("contactEmail", e.target.value),
+										value: z.contactEmail,
+										onChange: (e) => W("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: C.contactEmail
-									}), /* @__PURE__ */ h(s, {
-										label: S("devportal.supportEmail", "Support Email"),
+										error: k.contactEmail
+									}), /* @__PURE__ */ v(u, {
+										label: O("devportal.supportEmail", "Support Email"),
 										type: "email",
-										value: A.supportEmail,
-										onChange: (e) => F("supportEmail", e.target.value),
+										value: z.supportEmail,
+										onChange: (e) => W("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: C.supportEmail
+										error: k.supportEmail
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ y("div", {
 						className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
-						children: [/* @__PURE__ */ h(f, {
+						children: [/* @__PURE__ */ v(h, {
 							size: 20,
 							className: "text-accent-blue flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ y("div", {
 							className: "text-sm text-status-info-text",
-							children: [/* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "font-medium",
-								children: S("devportal.billingAutoSetup", "A billing account will be automatically set up")
-							}), /* @__PURE__ */ h("p", {
+								children: O("devportal.billingAutoSetup", "A billing account will be automatically set up")
+							}), /* @__PURE__ */ v("p", {
 								className: "mt-1",
-								children: S("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
+								children: O("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ y("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ g("button", {
+						children: [/* @__PURE__ */ y("button", {
 							type: "button",
 							onClick: () => {
-								M("/organizations");
+								V(n(E));
 							},
-							disabled: E,
+							disabled: F,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ h(p, { size: 16 }), S("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ h("button", {
+							children: [/* @__PURE__ */ v(g, { size: 16 }), O("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ v("button", {
 							type: "submit",
-							disabled: E,
+							disabled: F,
 							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 disabled:opacity-50",
-							children: E ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), S("devportal.creating", "Creating...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { size: 16 }), S("devportal.createOrganization", "Create Organization")] })
+							children: F ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), O("devportal.creating", "Creating...")] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { size: 16 }), O("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				]
@@ -186,6 +187,6 @@ var v = () => {
 	});
 };
 //#endregion
-export { v as CreateOrganizationPage };
+export { x as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map