@burdenoff/microfe-devportal 2026.705.4 → 2026.707.2

package/dist/devportal/pages/OrganizationDetailPage.js

@@ -1,22 +1,23 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { useGetApplicationsQuery as r, useGetOrganizationQuery as i, useRequestOrgVerificationMutation as a } from "../../generated/global-operations.js";
-import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
-import { ORG_ROLE_LABELS as c } from "../utils/constants.js";
-import { AppListItem as l } from "../components/AppCard.js";
-import { StatCard as u, StatCardGrid as d } from "../components/StatCard.js";
-import { DataTable as f, DetailList as p } from "../components/DataTable.js";
-import { DEVPORTAL_PERMISSIONS as m } from "../constants/permissions.js";
-import { useDevportalPermission as h } from "../hooks/usePermission.js";
-import { useEffect as g, useState as _ } from "react";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as y, AppWindow as b, ArrowRight as x, BarChart3 as S, Building2 as C, CheckCircle as w, DollarSign as T, Edit as E, ExternalLink as D, Loader2 as O, Plus as k, Settings as A, Shield as j, TrendingUp as M, Users as N } from "lucide-react";
-import { useParams as P } from "react-router-dom";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { EmphasisPanel as R, NextSteps as z } from "@burdenoff/fe-libs/ui";
+import { useGetApplicationsQuery as r, useGetOrganizationQuery as i, useRequestOrgVerificationMutation as a, useUpdateOrgLegalInfoMutation as o, useUpdateOrgTaxInfoMutation as s, useUpdateOrganizationMutation as c } from "../../generated/global-operations.js";
+import { PageLayout as l, PageSection as u } from "../components/PageLayout.js";
+import { ORG_ROLE_LABELS as d } from "../utils/constants.js";
+import { AppListItem as f } from "../components/AppCard.js";
+import { StatCard as p, StatCardGrid as m } from "../components/StatCard.js";
+import { DataTable as h, DetailList as g } from "../components/DataTable.js";
+import { InputField as _, TextareaField as v } from "../components/FormField.js";
+import { DEVPORTAL_PERMISSIONS as y } from "../constants/permissions.js";
+import { useDevportalPermission as b } from "../hooks/usePermission.js";
+import { useEffect as x, useState as S } from "react";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as w, AppWindow as T, ArrowRight as E, BarChart3 as D, Building2 as O, CheckCircle as k, DollarSign as A, ExternalLink as j, Loader2 as M, Plus as N, Settings as P, Shield as F, TrendingUp as I, Users as L } from "lucide-react";
+import { useParams as R } from "react-router-dom";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { EmphasisPanel as H, NextSteps as U } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/OrganizationDetailPage.tsx
-function B(e) {
+function W(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -59,7 +60,7 @@ function B(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function V(e) {
+function G(e) {
 	return {
 		id: e.id,
 		organizationId: e.organizationId,
@@ -71,7 +72,6 @@ function V(e) {
 		suspendedAt: e.suspendedAt ?? void 0,
 		suspendedReason: e.suspendedReason ?? void 0,
 		joinedAt: e.joinedAt,
-		lastActiveAt: e.lastActiveAt ?? void 0,
 		permissions: e.permissions ?? void 0,
 		invitedBy: e.invitedBy ?? void 0,
 		invitationId: e.invitationId ?? void 0,
@@ -79,430 +79,405 @@ function V(e) {
 		updatedAt: e.updatedAt
 	};
 }
-var H = () => {
-	let { navigate: n, basePath: a, setActiveOrgId: s } = e(), { orgId: c } = P(), { t: l } = v(), u = (e, t) => {
-		let n = l(e);
+var K = {
+	VIEWER: 0,
+	DEVELOPER: 1,
+	ADMIN: 2,
+	OWNER: 3
+}, q = () => {
+	let { navigate: n, basePath: a, setActiveOrgId: o, currentUser: s } = e(), { orgId: c } = R(), { t: u } = C(), d = (e, t) => {
+		let n = u(e);
 		return n === e ? t : n;
-	}, { allowed: d } = h(m.ORG_UPDATE), [f, p] = _("overview"), x = [
+	}, [f, p] = S("overview"), m = [
 		{
 			id: "overview",
-			label: u("devportal.overview", "Overview"),
-			icon: C
+			label: d("devportal.overview", "Overview"),
+			icon: O
 		},
 		{
 			id: "apps",
-			label: u("devportal.applications", "Applications"),
-			icon: b
+			label: d("devportal.applications", "Applications"),
+			icon: T
 		},
 		{
 			id: "members",
-			label: u("devportal.members", "Members"),
-			icon: N
+			label: d("devportal.members", "Members"),
+			icon: L
 		},
 		{
 			id: "settings",
-			label: u("devportal.settings", "Settings"),
-			icon: A
+			label: d("devportal.settings", "Settings"),
+			icon: P
 		}
-	], { data: S, previousData: w, loading: D, error: k } = i({
+	], { data: h, previousData: g, loading: _, error: v } = i({
 		variables: { id: c },
 		skip: !c
-	}), j = S ?? w, { data: M } = r({
+	}), y = h ?? g, { data: b } = r({
 		variables: {
 			limit: 50,
 			organizationId: c
 		},
 		skip: !c,
 		fetchPolicy: "cache-and-network"
-	}), F = (e) => {
+	}), E = (y?.developerOrganization?.members ?? []).map(G), D = (s ? E.find((e) => e.userId === s.id) : void 0)?.role, k = D !== void 0 && K[D] >= K.DEVELOPER, j = D !== void 0 && K[D] >= K.ADMIN, N = j, F = j, I = m.filter((e) => e.id !== "settings" || j), z = (e) => {
 		n?.(`${a}${e}`);
 	};
-	if (g(() => {
-		c && s(c);
-	}, [c, s]), g(() => {
-		let e = j?.developerOrganization?.name;
+	if (x(() => {
+		c && o(c);
+	}, [c, o]), x(() => {
+		f === "settings" && !j && p("overview");
+	}, [f, j]), x(() => {
+		let e = y?.developerOrganization?.name;
 		if (!c || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(c, e), () => t?.unregister(c);
-	}, [c, S?.developerOrganization?.name]), D && !j) return /* @__PURE__ */ I(o, {
-		title: u("devportal.loadingDots", "Loading..."),
+	}, [c, h?.developerOrganization?.name]), _ && !y) return /* @__PURE__ */ B(l, {
+		title: d("devportal.loadingDots", "Loading..."),
 		backLink: `${a}/organizations`,
-		backLabel: u("devportal.backToOrganizations", "Back to Organizations"),
-		children: /* @__PURE__ */ I("div", {
+		backLabel: d("devportal.backToOrganizations", "Back to Organizations"),
+		children: /* @__PURE__ */ B("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ I(O, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ B(M, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (k || !j?.developerOrganization) return /* @__PURE__ */ I(o, {
-		title: u("devportal.organizationNotFound", "Organization Not Found"),
+	if (v || !y?.developerOrganization) return /* @__PURE__ */ B(l, {
+		title: d("devportal.organizationNotFound", "Organization Not Found"),
 		backLink: `${a}/organizations`,
-		backLabel: u("devportal.backToOrganizations", "Back to Organizations"),
-		children: /* @__PURE__ */ L("div", {
+		backLabel: d("devportal.backToOrganizations", "Back to Organizations"),
+		children: /* @__PURE__ */ V("div", {
 			className: "flex flex-col items-center justify-center py-12 gap-4",
 			children: [
-				/* @__PURE__ */ I(y, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ I("h2", {
+				/* @__PURE__ */ B(w, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ B("h2", {
 					className: "text-lg font-semibold",
-					children: u("devportal.organizationNotFoundLower", "Organization not found")
+					children: d("devportal.organizationNotFoundLower", "Organization not found")
 				}),
-				/* @__PURE__ */ I("p", {
+				/* @__PURE__ */ B("p", {
 					className: "text-text-secondary",
-					children: k?.message || u("devportal.organizationNotFoundDescription", "The organization you're looking for doesn't exist or you don't have access to it.")
+					children: v?.message || d("devportal.organizationNotFoundDescription", "The organization you're looking for doesn't exist or you don't have access to it.")
 				}),
-				/* @__PURE__ */ I("button", {
-					onClick: () => F("/organizations"),
+				/* @__PURE__ */ B("button", {
+					onClick: () => z("/organizations"),
 					className: "mt-4 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: u("devportal.backToOrganizations", "Back to Organizations")
+					children: d("devportal.backToOrganizations", "Back to Organizations")
 				})
 			]
 		})
 	});
-	let R = B(j.developerOrganization), H = (j.developerOrganization.members ?? []).map(V), q = M?.applications?.edges?.map((e) => e.node) ?? [], J = parseInt(R.apiCallsUsed) / R.apiCallsLimit * 100, Y = parseInt(R.storageUsed) / parseInt(R.storageLimit) * 100;
-	return /* @__PURE__ */ L(o, {
-		title: R.name,
-		description: R.description,
-		purpose: u("devportal.orgDetailPurpose", "This is the home for one organization — the apps it owns, the people who can work on them, and its store and billing settings. Invite teammates, add apps, and verify the org so your published listings look trustworthy."),
+	let H = W(y.developerOrganization), q = E, Q = b?.applications?.edges?.map((e) => e.node) ?? [];
+	return /* @__PURE__ */ V(l, {
+		title: H.name,
+		description: H.description,
+		purpose: d("devportal.orgDetailPurpose", "This is the home for one organization — the apps it owns, the people who can work on them, and its store and billing settings. Invite teammates, add apps, and verify the org so your published listings look trustworthy."),
 		backLink: `${a}/organizations`,
-		backLabel: u("devportal.backToOrganizations", "Back to Organizations"),
-		actions: /* @__PURE__ */ L("div", {
+		backLabel: d("devportal.backToOrganizations", "Back to Organizations"),
+		actions: /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ L("button", {
-				onClick: () => n?.(`/billing/earnings?developerOrgId=${encodeURIComponent(R.id)}&developerOrgName=${encodeURIComponent(R.name)}`),
+			children: N ? /* @__PURE__ */ V("button", {
+				onClick: () => n?.(`/billing/earnings?developerOrgId=${encodeURIComponent(H.id)}&developerOrgName=${encodeURIComponent(H.name)}`),
 				className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors",
-				children: [/* @__PURE__ */ I(T, { size: 16 }), u("devportal.revenue", "Revenue")]
-			}), /* @__PURE__ */ L("button", {
-				onClick: () => p("settings"),
-				disabled: !d,
-				"aria-disabled": !d,
-				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: [/* @__PURE__ */ I(E, { size: 16 }), u("devportal.settings", "Settings")]
-			})]
+				children: [/* @__PURE__ */ B(A, { size: 16 }), d("devportal.revenue", "Revenue")]
+			}) : null
 		}),
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ B("div", {
 				className: "border-b",
-				children: /* @__PURE__ */ I("nav", {
+				children: /* @__PURE__ */ B("nav", {
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
-					"aria-label": u("devportal.organizationSections", "Organization sections"),
-					children: x.map((e) => {
+					"aria-label": d("devportal.organizationSections", "Organization sections"),
+					children: I.map((e) => {
 						let n = e.icon;
-						return /* @__PURE__ */ L("button", {
+						return /* @__PURE__ */ V("button", {
 							id: `organization-tab-${e.id}`,
 							role: "tab",
 							"aria-selected": f === e.id,
 							"aria-controls": `organization-panel-${e.id}`,
 							onClick: () => p(e.id),
 							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", f === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
-							children: [/* @__PURE__ */ I(n, { size: 16 }), e.label]
+							children: [/* @__PURE__ */ B(n, { size: 16 }), e.label]
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ I(z, {
+			/* @__PURE__ */ B(U, {
 				className: "mt-6",
-				storageKey: `devportal-org-${R.id}`,
+				storageKey: `devportal-org-${H.id}`,
 				steps: [
-					{
+					...F ? [{
 						id: "invite-members",
-						label: u("devportal.inviteMembers", "Invite members"),
-						description: u("devportal.orgStepInvite", "Add teammates so they can build alongside you"),
-						icon: /* @__PURE__ */ I(N, { size: 16 }),
+						label: d("devportal.inviteMembers", "Invite members"),
+						description: d("devportal.orgStepInvite", "Add teammates so they can build alongside you"),
+						icon: /* @__PURE__ */ B(L, { size: 16 }),
 						onClick: () => p("members")
-					},
-					{
+					}] : [],
+					...k ? [{
 						id: "create-app",
-						label: u("devportal.createApp", "Create App"),
-						description: u("devportal.orgStepCreateApp", "Build a new application under this organization"),
-						icon: /* @__PURE__ */ I(b, { size: 16 }),
-						onClick: () => F("/apps/new")
-					},
-					{
+						label: d("devportal.createApp", "Create App"),
+						description: d("devportal.orgStepCreateApp", "Build a new application under this organization"),
+						icon: /* @__PURE__ */ B(T, { size: 16 }),
+						onClick: () => z("/apps/new")
+					}] : [],
+					...j ? [{
 						id: "settings",
-						label: u("devportal.orgStepVerify", "Complete organization profile"),
-						description: u("devportal.orgStepVerifyDesc", "Add a logo and details, then request verification"),
-						icon: /* @__PURE__ */ I(E, { size: 16 }),
+						label: d("devportal.orgStepVerify", "Complete organization profile"),
+						description: d("devportal.orgStepVerifyDesc", "Add a logo and details, then request verification"),
+						icon: /* @__PURE__ */ B(P, { size: 16 }),
 						onClick: () => p("settings"),
-						done: !!R.isVerified
-					}
+						done: !!H.isVerified
+					}] : []
 				]
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ V("div", {
 				className: "mt-6",
 				id: `organization-panel-${f}`,
 				role: "tabpanel",
 				"aria-labelledby": `organization-tab-${f}`,
 				tabIndex: 0,
 				children: [
-					f === "overview" && /* @__PURE__ */ I(U, {
-						org: R,
-						apps: q,
-						members: H,
-						apiCallsPercent: J,
-						storagePercent: Y,
-						onNavigate: F,
+					f === "overview" && /* @__PURE__ */ B(J, {
+						org: H,
+						apps: Q,
+						members: q,
+						canCreateApps: k,
+						canViewRevenue: N,
+						onNavigate: z,
 						onShowApps: () => p("apps")
 					}),
-					f === "apps" && /* @__PURE__ */ I(W, {
-						apps: q,
-						onNavigate: F
+					f === "apps" && /* @__PURE__ */ B(Y, {
+						apps: Q,
+						onNavigate: z,
+						canCreateApps: k
 					}),
-					f === "members" && /* @__PURE__ */ I(G, {
-						members: H,
-						onNavigate: F,
-						orgId: R.id
+					f === "members" && /* @__PURE__ */ B(X, {
+						members: q,
+						onNavigate: z,
+						orgId: H.id,
+						canInviteMembers: F
 					}),
-					f === "settings" && /* @__PURE__ */ I(K, { org: R })
+					f === "settings" && j && /* @__PURE__ */ B(Z, { org: H })
 				]
 			})
 		]
 	});
-}, U = ({ org: e, apps: t, members: r, apiCallsPercent: i, storagePercent: a, onNavigate: o, onShowApps: f }) => {
-	let { t: m } = v(), h = (e, t) => {
-		let n = m(e);
+}, J = ({ org: e, apps: t, members: r, canCreateApps: i, canViewRevenue: a, onNavigate: o, onShowApps: s }) => {
+	let { t: c } = C(), l = (e, t) => {
+		let n = c(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "lg:col-span-2 space-y-6",
-			children: [
-				/* @__PURE__ */ I(R, { children: /* @__PURE__ */ L(d, {
-					columns: 4,
-					children: [
-						/* @__PURE__ */ I(u, {
-							title: h("devportal.publishedApps", "Published Apps"),
-							value: `${e.publishedApps}/${e.totalApps}`,
-							icon: /* @__PURE__ */ I(b, { size: 20 })
-						}),
-						/* @__PURE__ */ I(u, {
-							title: h("devportal.totalInstalls", "Total Installs"),
-							value: e.totalInstalls.toLocaleString(),
-							icon: /* @__PURE__ */ I(M, { size: 20 }),
-							trend: {
-								value: 12,
-								label: h("devportal.thisMonth", "this month")
-							}
-						}),
-						/* @__PURE__ */ I(u, {
-							title: h("devportal.totalRevenue", "Total Revenue"),
-							value: `$${e.totalRevenue.toLocaleString()}`,
-							icon: /* @__PURE__ */ I(T, { size: 20 })
-						}),
-						/* @__PURE__ */ I(u, {
-							title: h("devportal.avgRating", "Avg Rating"),
-							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : h("devportal.notAvailable", "N/A"),
-							icon: /* @__PURE__ */ I(S, { size: 20 })
-						})
-					]
-				}) }),
-				/* @__PURE__ */ I(s, {
-					title: h("devportal.recentApplications", "Recent Applications"),
-					actions: /* @__PURE__ */ L("button", {
-						onClick: f,
-						className: "text-sm text-primary hover:underline flex items-center gap-1",
-						children: [
-							h("devportal.viewAll", "View all"),
-							" ",
-							/* @__PURE__ */ I(x, { size: 14 })
-						]
+			children: [/* @__PURE__ */ B(H, { children: /* @__PURE__ */ V(m, {
+				columns: a ? 4 : 3,
+				children: [
+					/* @__PURE__ */ B(p, {
+						title: l("devportal.publishedApps", "Published Apps"),
+						value: `${e.publishedApps}/${e.totalApps}`,
+						icon: /* @__PURE__ */ B(T, { size: 20 })
 					}),
-					children: t.length > 0 ? /* @__PURE__ */ I("div", {
-						className: "space-y-2",
-						children: t.slice(0, 3).map((e) => /* @__PURE__ */ I(l, {
-							app: e,
-							onClick: () => o(`/apps/${e.id}`)
-						}, e.id))
-					}) : /* @__PURE__ */ I(n, {
-						illustration: "empty-data",
-						icon: /* @__PURE__ */ I(b, { size: 24 }),
-						title: h("devportal.noApplications", "No applications"),
-						description: h("devportal.createYourFirstApplication", "Create your first application")
+					/* @__PURE__ */ B(p, {
+						title: l("devportal.totalInstalls", "Total Installs"),
+						value: e.totalInstalls.toLocaleString(),
+						icon: /* @__PURE__ */ B(I, { size: 20 })
+					}),
+					a ? /* @__PURE__ */ B(p, {
+						title: l("devportal.totalRevenue", "Total Revenue"),
+						value: `$${e.totalRevenue.toLocaleString()}`,
+						icon: /* @__PURE__ */ B(A, { size: 20 })
+					}) : null,
+					/* @__PURE__ */ B(p, {
+						title: l("devportal.avgRating", "Avg Rating"),
+						value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : l("devportal.notAvailable", "N/A"),
+						icon: /* @__PURE__ */ B(D, { size: 20 })
 					})
+				]
+			}) }), /* @__PURE__ */ B(u, {
+				title: l("devportal.recentApplications", "Recent Applications"),
+				actions: /* @__PURE__ */ V("button", {
+					onClick: s,
+					className: "text-sm text-primary hover:underline flex items-center gap-1",
+					children: [
+						l("devportal.viewAll", "View all"),
+						" ",
+						/* @__PURE__ */ B(E, { size: 14 })
+					]
 				}),
-				/* @__PURE__ */ L(s, {
-					title: h("devportal.usageAndQuotas", "Usage & Quotas"),
-					children: [/* @__PURE__ */ L("div", {
-						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ I(q, {
-							label: h("devportal.apiCalls", "API Calls"),
-							used: parseInt(e.apiCallsUsed),
-							limit: e.apiCallsLimit,
-							percent: i,
-							format: "number"
-						}), /* @__PURE__ */ I(q, {
-							label: h("devportal.storage", "Storage"),
-							used: parseInt(e.storageUsed),
-							limit: parseInt(e.storageLimit),
-							percent: a,
-							format: "bytes"
-						})]
-					}), e.quotaResetAt && /* @__PURE__ */ L("p", {
-						className: "text-xs text-text-secondary mt-2",
-						children: [
-							h("devportal.quotasResetOn", "Quotas reset on"),
-							" ",
-							new Date(e.quotaResetAt).toLocaleDateString()
-						]
-					})]
+				children: t.length > 0 ? /* @__PURE__ */ B("div", {
+					className: "space-y-2",
+					children: t.slice(0, 3).map((e) => /* @__PURE__ */ B(f, {
+						app: e,
+						onClick: () => o(`/apps/${e.id}`)
+					}, e.id))
+				}) : /* @__PURE__ */ B(n, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ B(T, { size: 24 }),
+					title: l("devportal.noApplications", "No applications"),
+					description: l("devportal.createYourFirstApplication", "Create your first application"),
+					action: i ? /* @__PURE__ */ V("button", {
+						onClick: () => o("/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__ */ B(N, { size: 16 }), l("devportal.createApp", "Create App")]
+					}) : void 0
 				})
-			]
-		}), /* @__PURE__ */ L("div", {
+			})]
+		}), /* @__PURE__ */ V("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ I(s, {
-					title: h("devportal.revenueSummary", "Revenue Summary"),
-					children: /* @__PURE__ */ I(p, { items: [
+				a ? /* @__PURE__ */ B(u, {
+					title: l("devportal.revenueSummary", "Revenue Summary"),
+					children: /* @__PURE__ */ B(g, { items: [
 						{
-							label: h("devportal.totalRevenue", "Total Revenue"),
+							label: l("devportal.totalRevenue", "Total Revenue"),
 							value: `$${e.totalRevenue.toLocaleString()}`
 						},
 						{
-							label: h("devportal.platformFees", "Platform Fees"),
+							label: l("devportal.platformFees", "Platform Fees"),
 							value: `$${e.totalPlatformFees.toLocaleString()}`
 						},
 						{
-							label: h("devportal.netPayouts", "Net Payouts"),
+							label: l("devportal.netPayouts", "Net Payouts"),
 							value: `$${e.totalPayouts.toLocaleString()}`
 						},
 						{
-							label: h("devportal.pendingBalance", "Pending Balance"),
+							label: l("devportal.pendingBalance", "Pending Balance"),
 							value: `$${e.pendingBalance.toLocaleString()}`
 						},
 						{
-							label: h("devportal.lifetimeRevenue", "Lifetime Revenue"),
+							label: l("devportal.lifetimeRevenue", "Lifetime Revenue"),
 							value: `$${e.lifetimeRevenue.toLocaleString()}`
 						}
 					] })
-				}),
-				/* @__PURE__ */ I(s, {
-					title: h("devportal.teamMembers", "Team Members"),
-					actions: /* @__PURE__ */ I("button", {
+				}) : null,
+				/* @__PURE__ */ B(u, {
+					title: l("devportal.teamMembers", "Team Members"),
+					actions: /* @__PURE__ */ B("button", {
 						onClick: () => o(`/organizations/${e.id}/members`),
 						className: "text-sm text-primary hover:underline",
-						children: h("devportal.manage", "Manage")
+						children: l("devportal.manage", "Manage")
 					}),
-					children: /* @__PURE__ */ L("div", {
+					children: /* @__PURE__ */ V("div", {
 						className: "space-y-2",
-						children: [r.slice(0, 3).map((e) => /* @__PURE__ */ I("div", {
+						children: [r.slice(0, 3).map((e) => /* @__PURE__ */ B("div", {
 							className: "flex items-center justify-between py-2",
-							children: /* @__PURE__ */ L("div", {
+							children: /* @__PURE__ */ V("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ B("div", {
 									className: "h-8 w-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-medium text-primary",
 									children: e.email?.charAt(0).toUpperCase() || "U"
-								}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
 									className: "text-sm font-medium",
 									children: e.email
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ B("p", {
 									className: "text-xs text-text-secondary",
-									children: c[e.role]
+									children: d[e.role]
 								})] })]
 							})
-						}, e.id)), r.length > 3 && /* @__PURE__ */ L("p", {
+						}, e.id)), r.length > 3 && /* @__PURE__ */ V("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"+",
 								r.length - 3,
 								" ",
-								h("devportal.moreMembers", "more members")
+								l("devportal.moreMembers", "more members")
 							]
 						})]
 					})
 				}),
-				/* @__PURE__ */ I(s, {
-					title: h("devportal.links", "Links"),
-					children: /* @__PURE__ */ L("div", {
+				/* @__PURE__ */ B(u, {
+					title: l("devportal.links", "Links"),
+					children: /* @__PURE__ */ V("div", {
 						className: "space-y-2",
-						children: [e.websiteUrl && /* @__PURE__ */ L("a", {
+						children: [e.websiteUrl && /* @__PURE__ */ V("a", {
 							href: e.websiteUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center gap-2 text-sm text-primary hover:underline",
-							children: [/* @__PURE__ */ I(D, { size: 14 }), h("devportal.website", "Website")]
-						}), e.contactEmail && /* @__PURE__ */ L("a", {
+							children: [/* @__PURE__ */ B(j, { size: 14 }), l("devportal.website", "Website")]
+						}), e.contactEmail && /* @__PURE__ */ V("a", {
 							href: `mailto:${e.contactEmail}`,
 							className: "flex items-center gap-2 text-sm text-primary hover:underline",
-							children: [/* @__PURE__ */ I(D, { size: 14 }), e.contactEmail]
+							children: [/* @__PURE__ */ B(j, { size: 14 }), e.contactEmail]
 						})]
 					})
 				})
 			]
 		})]
 	});
-}, W = ({ apps: e, onNavigate: t }) => {
-	let { t: r } = v(), i = (e, t) => {
-		let n = r(e);
+}, Y = ({ apps: e, onNavigate: t, canCreateApps: r }) => {
+	let { t: i } = C(), a = (e, t) => {
+		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ L("p", {
+			children: [/* @__PURE__ */ V("p", {
 				className: "text-sm text-text-secondary",
 				children: [
 					e.length,
 					" ",
-					e.length === 1 ? i("devportal.application", "application") : i("devportal.applications", "applications")
+					e.length === 1 ? a("devportal.application", "application") : a("devportal.applications", "applications")
 				]
-			}), /* @__PURE__ */ L("button", {
+			}), r ? /* @__PURE__ */ V("button", {
 				onClick: () => t("/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__ */ I(k, { size: 16 }), i("devportal.createApp", "Create App")]
-			})]
-		}), e.length > 0 ? /* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ B(N, { size: 16 }), a("devportal.createApp", "Create App")]
+			}) : null]
+		}), e.length > 0 ? /* @__PURE__ */ B("div", {
 			className: "space-y-2",
-			children: e.map((e) => /* @__PURE__ */ I(l, {
+			children: e.map((e) => /* @__PURE__ */ B(f, {
 				app: e,
 				onClick: () => t(`/apps/${e.id}`)
 			}, e.id))
-		}) : /* @__PURE__ */ I(n, {
+		}) : /* @__PURE__ */ B(n, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ I(b, { size: 32 }),
-			title: i("devportal.noApplications", "No applications"),
-			description: i("devportal.createFirstAppForOrg", "Create your first application for this organization"),
-			action: /* @__PURE__ */ L("button", {
+			icon: /* @__PURE__ */ B(T, { size: 32 }),
+			title: a("devportal.noApplications", "No applications"),
+			description: a("devportal.createFirstAppForOrg", "Create your first application for this organization"),
+			action: r ? /* @__PURE__ */ V("button", {
 				onClick: () => t("/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__ */ I(k, { size: 16 }), i("devportal.createApp", "Create App")]
-			})
+				children: [/* @__PURE__ */ B(N, { size: 16 }), a("devportal.createApp", "Create App")]
+			}) : void 0
 		})]
 	});
-}, G = ({ members: e, onNavigate: n, orgId: r }) => {
-	let { t: i } = v(), a = (e, t) => {
-		let n = i(e);
+}, X = ({ members: e, onNavigate: n, orgId: r, canInviteMembers: i }) => {
+	let { t: a } = C(), o = (e, t) => {
+		let n = a(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ L("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ L("p", {
+			children: [/* @__PURE__ */ V("p", {
 				className: "text-sm text-text-secondary",
 				children: [
 					e.length,
 					" ",
-					e.length === 1 ? a("devportal.memberLower", "member") : a("devportal.membersLower", "members")
+					e.length === 1 ? o("devportal.memberLower", "member") : o("devportal.membersLower", "members")
 				]
-			}), /* @__PURE__ */ L("button", {
+			}), i ? /* @__PURE__ */ V("button", {
 				onClick: () => n(`/organizations/${r}/members`),
 				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__ */ I(k, { size: 16 }), a("devportal.inviteMember", "Invite Member")]
-			})]
-		}), /* @__PURE__ */ I(f, {
+				children: [/* @__PURE__ */ B(N, { size: 16 }), o("devportal.inviteMember", "Invite Member")]
+			}) : null]
+		}), /* @__PURE__ */ B(h, {
 			data: e,
 			keyField: "id",
 			columns: [
 				{
 					key: "email",
-					header: a("devportal.memberColumn", "Member"),
-					render: (e) => /* @__PURE__ */ L("div", {
+					header: o("devportal.memberColumn", "Member"),
+					render: (e) => /* @__PURE__ */ V("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ I("div", {
+						children: [/* @__PURE__ */ B("div", {
 							className: "h-8 w-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-medium text-primary",
 							children: e.email?.charAt(0).toUpperCase() || "U"
-						}), /* @__PURE__ */ I("span", {
+						}), /* @__PURE__ */ B("span", {
 							className: "font-medium",
 							children: e.email
 						})]
@@ -510,209 +485,395 @@ var H = () => {
 				},
 				{
 					key: "role",
-					header: a("devportal.roleColumn", "Role"),
-					render: (e) => /* @__PURE__ */ I("span", {
+					header: o("devportal.roleColumn", "Role"),
+					render: (e) => /* @__PURE__ */ B("span", {
 						className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.role === "OWNER" ? "bg-accent-purple-subtle text-accent-purple" : e.role === "ADMIN" ? "bg-status-info-bg-subtle text-status-info-text" : e.role === "DEVELOPER" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-bg-sunken text-text-primary"),
-						children: c[e.role]
+						children: d[e.role]
 					})
 				},
 				{
 					key: "joinedAt",
-					header: a("devportal.joinedColumn", "Joined"),
+					header: o("devportal.joinedColumn", "Joined"),
 					render: (e) => new Date(e.joinedAt).toLocaleDateString()
-				},
-				{
-					key: "lastActiveAt",
-					header: a("devportal.lastActiveColumn", "Last Active"),
-					render: (e) => e.lastActiveAt ? new Date(e.lastActiveAt).toLocaleDateString() : a("devportal.never", "Never")
 				}
 			]
 		})]
 	});
-}, K = ({ org: e }) => {
-	let { t } = v(), n = (e, n) => {
+}, Z = ({ org: e }) => {
+	let { t } = C(), { allowed: n } = b(y.ORG_UPDATE), r = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, [r, i] = _("manual"), [o, c] = _(!1), [l, { loading: u }] = a({ onCompleted: () => c(!0) });
-	return /* @__PURE__ */ L("div", {
+	}, [i, l] = S({
+		name: e.name,
+		description: e.description ?? "",
+		websiteUrl: e.websiteUrl ?? "",
+		contactEmail: e.contactEmail ?? "",
+		supportEmail: e.supportEmail ?? "",
+		logoUrl: e.logoUrl ?? "",
+		bannerUrl: e.bannerUrl ?? ""
+	}), [d, f] = S({
+		legalEntityName: e.legalEntityName ?? "",
+		legalEntityType: e.legalEntityType ?? ""
+	}), [p, m] = S({
+		taxId: e.taxId ?? "",
+		taxCountry: e.taxCountry ?? ""
+	}), [h, w] = S(null), [T, E] = S(null), [D, O] = S("manual"), [A, j] = S(!1), [N, { loading: I }] = c({ refetchQueries: ["GetOrganization"] }), [L, { loading: R }] = o({ refetchQueries: ["GetOrganization"] }), [H, { loading: U }] = s({ refetchQueries: ["GetOrganization"] }), [W, { loading: G }] = a({ onCompleted: () => j(!0) });
+	x(() => {
+		l({
+			name: e.name,
+			description: e.description ?? "",
+			websiteUrl: e.websiteUrl ?? "",
+			contactEmail: e.contactEmail ?? "",
+			supportEmail: e.supportEmail ?? "",
+			logoUrl: e.logoUrl ?? "",
+			bannerUrl: e.bannerUrl ?? ""
+		}), f({
+			legalEntityName: e.legalEntityName ?? "",
+			legalEntityType: e.legalEntityType ?? ""
+		}), m({
+			taxId: e.taxId ?? "",
+			taxCountry: e.taxCountry ?? ""
+		});
+	}, [e]);
+	let K = async () => {
+		E(null), w(null);
+		try {
+			await N({ variables: {
+				id: e.id,
+				input: {
+					name: i.name.trim() || void 0,
+					description: i.description.trim() || null,
+					websiteUrl: i.websiteUrl.trim() || null,
+					contactEmail: i.contactEmail.trim() || null,
+					supportEmail: i.supportEmail.trim() || null,
+					logoUrl: i.logoUrl.trim() || null,
+					bannerUrl: i.bannerUrl.trim() || null
+				}
+			} }), w(r("devportal.organizationUpdated", "Organization details updated"));
+		} catch (e) {
+			E(e instanceof Error ? e.message : r("devportal.failedToUpdateOrganization", "Failed to update organization"));
+		}
+	}, q = async () => {
+		E(null), w(null);
+		try {
+			await L({ variables: {
+				id: e.id,
+				input: {
+					legalEntityName: d.legalEntityName.trim() || null,
+					legalEntityType: d.legalEntityType.trim() || null
+				}
+			} }), w(r("devportal.legalInfoUpdated", "Legal information updated"));
+		} catch (e) {
+			E(e instanceof Error ? e.message : r("devportal.failedToUpdateLegalInfo", "Failed to update legal information"));
+		}
+	}, J = async () => {
+		E(null), w(null);
+		try {
+			await H({ variables: {
+				id: e.id,
+				input: {
+					taxId: p.taxId.trim() || null,
+					taxCountry: p.taxCountry.trim() || null
+				}
+			} }), w(r("devportal.taxInfoUpdated", "Tax information updated"));
+		} catch (e) {
+			E(e instanceof Error ? e.message : r("devportal.failedToUpdateTaxInfo", "Failed to update tax information"));
+		}
+	};
+	return /* @__PURE__ */ V("div", {
 		className: "space-y-6 max-w-2xl",
 		children: [
-			/* @__PURE__ */ I(s, {
-				title: n("devportal.organizationDetails", "Organization Details"),
-				children: /* @__PURE__ */ I(p, { items: [
-					{
-						label: n("devportal.organizationId", "Organization ID"),
-						value: /* @__PURE__ */ I("code", {
-							className: "text-xs",
-							children: e.id
+			T && /* @__PURE__ */ B("div", {
+				className: "rounded-md border border-status-error-bg bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+				children: T
+			}),
+			h && /* @__PURE__ */ B("div", {
+				className: "rounded-md border border-status-success-bg bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
+				children: h
+			}),
+			/* @__PURE__ */ B(u, {
+				title: r("devportal.organizationDetails", "Organization Details"),
+				children: /* @__PURE__ */ V("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ V("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ B(_, {
+								label: r("devportal.organizationName", "Organization Name"),
+								value: i.name,
+								onChange: (e) => l((t) => ({
+									...t,
+									name: e.target.value
+								})),
+								disabled: !n,
+								required: !0
+							}), /* @__PURE__ */ B(_, {
+								label: r("devportal.slug", "Slug"),
+								value: e.slug,
+								disabled: !0,
+								hint: r("devportal.slugReadOnly", "Slug cannot be changed here")
+							})]
+						}),
+						/* @__PURE__ */ B(v, {
+							label: r("devportal.description", "Description"),
+							value: i.description,
+							onChange: (e) => l((t) => ({
+								...t,
+								description: e.target.value
+							})),
+							disabled: !n,
+							rows: 4
+						}),
+						/* @__PURE__ */ V("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.website", "Website"),
+									type: "url",
+									value: i.websiteUrl,
+									onChange: (e) => l((t) => ({
+										...t,
+										websiteUrl: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.contactEmail", "Contact Email"),
+									type: "email",
+									value: i.contactEmail,
+									onChange: (e) => l((t) => ({
+										...t,
+										contactEmail: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.supportEmail", "Support Email"),
+									type: "email",
+									value: i.supportEmail,
+									onChange: (e) => l((t) => ({
+										...t,
+										supportEmail: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.logoUrl", "Logo URL"),
+									type: "url",
+									value: i.logoUrl,
+									onChange: (e) => l((t) => ({
+										...t,
+										logoUrl: e.target.value
+									})),
+									disabled: !n
+								})
+							]
+						}),
+						/* @__PURE__ */ B(_, {
+							label: r("devportal.bannerUrl", "Banner URL"),
+							type: "url",
+							value: i.bannerUrl,
+							onChange: (e) => l((t) => ({
+								...t,
+								bannerUrl: e.target.value
+							})),
+							disabled: !n
+						}),
+						/* @__PURE__ */ B(g, { items: [
+							{
+								label: r("devportal.organizationId", "Organization ID"),
+								value: /* @__PURE__ */ B("code", {
+									className: "text-xs",
+									children: e.id
+								})
+							},
+							{
+								label: r("devportal.tier", "Tier"),
+								value: e.tier
+							},
+							{
+								label: r("devportal.partnerTier", "Partner Tier"),
+								value: e.partnerTier || r("devportal.none", "None")
+							},
+							{
+								label: r("devportal.created", "Created"),
+								value: new Date(e.createdAt).toLocaleDateString()
+							},
+							{
+								label: r("devportal.platformFeeRate", "Platform Fee Rate"),
+								value: `${(e.platformFeeRate * 100).toFixed(0)}%`
+							}
+						] }),
+						/* @__PURE__ */ B("div", {
+							className: "flex justify-end",
+							children: /* @__PURE__ */ V("button", {
+								type: "button",
+								disabled: !n || I,
+								onClick: () => void K(),
+								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 disabled:opacity-50",
+								children: [I ? /* @__PURE__ */ B(M, {
+									size: 14,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ B(P, { size: 14 }), r("devportal.saveChanges", "Save Changes")]
+							})
 						})
-					},
-					{
-						label: n("devportal.slug", "Slug"),
-						value: e.slug
-					},
-					{
-						label: n("devportal.tier", "Tier"),
-						value: e.tier
-					},
-					{
-						label: n("devportal.partnerTier", "Partner Tier"),
-						value: e.partnerTier || n("devportal.none", "None")
-					},
-					{
-						label: n("devportal.created", "Created"),
-						value: new Date(e.createdAt).toLocaleDateString()
-					},
-					{
-						label: n("devportal.platformFeeRate", "Platform Fee Rate"),
-						value: `${(e.platformFeeRate * 100).toFixed(0)}%`
-					}
-				] })
+					]
+				})
 			}),
-			/* @__PURE__ */ I(s, {
-				title: n("devportal.legalInformation", "Legal Information"),
-				children: /* @__PURE__ */ I(p, { items: [
-					{
-						label: n("devportal.legalEntityName", "Legal Entity Name"),
-						value: e.legalEntityName || n("devportal.notProvided", "Not provided")
-					},
-					{
-						label: n("devportal.entityType", "Entity Type"),
-						value: e.legalEntityType || n("devportal.notProvided", "Not provided")
-					},
-					{
-						label: n("devportal.taxId", "Tax ID"),
-						value: e.taxId ? `•••••${e.taxId.slice(-4)}` : n("devportal.notProvided", "Not provided")
-					},
-					{
-						label: n("devportal.taxCountry", "Tax Country"),
-						value: e.taxCountry || n("devportal.notProvided", "Not provided")
-					},
-					{
-						label: n("devportal.taxForm", "Tax Form"),
-						value: e.taxFormType || n("devportal.notSubmitted", "Not submitted")
-					},
-					{
-						label: n("devportal.taxFormStatus", "Tax Form Status"),
-						value: e.taxFormVerified ? /* @__PURE__ */ L("span", {
-							className: "text-status-success-text flex items-center gap-1",
+			/* @__PURE__ */ B(u, {
+				title: r("devportal.legalInformation", "Legal Information"),
+				children: /* @__PURE__ */ V("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ V("div", {
+							className: "grid gap-4 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ I(w, { size: 14 }),
-								" ",
-								n("devportal.verified", "Verified")
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.legalEntityName", "Legal Entity Name"),
+									value: d.legalEntityName,
+									onChange: (e) => f((t) => ({
+										...t,
+										legalEntityName: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.entityType", "Entity Type"),
+									value: d.legalEntityType,
+									onChange: (e) => f((t) => ({
+										...t,
+										legalEntityType: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.taxId", "Tax ID"),
+									value: p.taxId,
+									onChange: (e) => m((t) => ({
+										...t,
+										taxId: e.target.value
+									})),
+									disabled: !n
+								}),
+								/* @__PURE__ */ B(_, {
+									label: r("devportal.taxCountry", "Tax Country"),
+									value: p.taxCountry,
+									onChange: (e) => m((t) => ({
+										...t,
+										taxCountry: e.target.value.toUpperCase()
+									})),
+									disabled: !n
+								})
 							]
-						}) : n("devportal.pendingVerification", "Pending verification")
-					}
-				] })
+						}),
+						/* @__PURE__ */ B(g, { items: [{
+							label: r("devportal.taxForm", "Tax Form"),
+							value: e.taxFormType || r("devportal.notSubmitted", "Not submitted")
+						}, {
+							label: r("devportal.taxFormStatus", "Tax Form Status"),
+							value: e.taxFormVerified ? /* @__PURE__ */ V("span", {
+								className: "text-status-success-text flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ B(k, { size: 14 }),
+									" ",
+									r("devportal.verified", "Verified")
+								]
+							}) : r("devportal.pendingVerification", "Pending verification")
+						}] }),
+						/* @__PURE__ */ V("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ V("button", {
+								type: "button",
+								disabled: !n || R,
+								onClick: () => void q(),
+								className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50",
+								children: [R ? /* @__PURE__ */ B(M, {
+									size: 14,
+									className: "animate-spin"
+								}) : null, r("devportal.saveLegalInfo", "Save Legal Info")]
+							}), /* @__PURE__ */ V("button", {
+								type: "button",
+								disabled: !n || U,
+								onClick: () => void J(),
+								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 disabled:opacity-50",
+								children: [U ? /* @__PURE__ */ B(M, {
+									size: 14,
+									className: "animate-spin"
+								}) : null, r("devportal.saveTaxInfo", "Save Tax Info")]
+							})]
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ L(s, {
-				title: n("devportal.verificationStatus", "Verification Status"),
-				children: [/* @__PURE__ */ I(p, { items: [{
-					label: n("devportal.verifiedLabel", "Verified"),
-					value: e.isVerified ? /* @__PURE__ */ L("span", {
+			/* @__PURE__ */ V(u, {
+				title: r("devportal.verificationStatus", "Verification Status"),
+				children: [/* @__PURE__ */ B(g, { items: [{
+					label: r("devportal.verifiedLabel", "Verified"),
+					value: e.isVerified ? /* @__PURE__ */ V("span", {
 						className: "text-status-success-text flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ I(w, { size: 14 }),
+							/* @__PURE__ */ B(k, { size: 14 }),
 							" ",
-							n("devportal.verifiedVia", "Verified via"),
+							r("devportal.verifiedVia", "Verified via"),
 							" ",
 							e.verificationMethod
 						]
-					}) : n("devportal.notVerified", "Not verified")
+					}) : r("devportal.notVerified", "Not verified")
 				}, {
-					label: n("devportal.certifiedLabel", "Certified"),
-					value: e.isCertified ? /* @__PURE__ */ L("span", {
+					label: r("devportal.certifiedLabel", "Certified"),
+					value: e.isCertified ? /* @__PURE__ */ V("span", {
 						className: "text-accent-blue flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ I(j, { size: 14 }),
+							/* @__PURE__ */ B(F, { size: 14 }),
 							" ",
-							n("devportal.certifiedUntil", "Certified until"),
+							r("devportal.certifiedUntil", "Certified until"),
 							" ",
 							e.certificationExpiry ? new Date(e.certificationExpiry).toLocaleDateString() : "N/A"
 						]
-					}) : n("devportal.notCertified", "Not certified")
-				}] }), !e.isVerified && /* @__PURE__ */ I("div", {
+					}) : r("devportal.notCertified", "Not certified")
+				}] }), !e.isVerified && /* @__PURE__ */ B("div", {
 					className: "mt-4 rounded-md border border-border-subtle p-4 space-y-3",
-					children: o ? /* @__PURE__ */ L("p", {
+					children: A ? /* @__PURE__ */ V("p", {
 						className: "text-sm text-status-success-text flex items-center gap-2",
-						children: [/* @__PURE__ */ I(w, { size: 14 }), n("devportal.verificationRequested", "Verification request submitted. Our team will review and contact you.")]
-					}) : /* @__PURE__ */ L(F, { children: [
-						/* @__PURE__ */ I("p", {
+						children: [/* @__PURE__ */ B(k, { size: 14 }), r("devportal.verificationRequested", "Verification request submitted. Our team will review and contact you.")]
+					}) : /* @__PURE__ */ V(z, { children: [
+						/* @__PURE__ */ B("p", {
 							className: "text-sm text-text-secondary",
-							children: n("devportal.requestVerificationHint", "Get your organization verified to build trust with users. Choose a verification method:")
+							children: r("devportal.requestVerificationHint", "Get your organization verified to build trust with users. Choose a verification method:")
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "flex gap-2 flex-wrap",
 							children: [
 								"domain",
 								"document",
 								"manual"
-							].map((e) => /* @__PURE__ */ I("button", {
+							].map((e) => /* @__PURE__ */ B("button", {
 								type: "button",
-								onClick: () => i(e),
-								className: `rounded-md border px-3 py-1 text-xs font-medium transition-colors ${r === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "border-border-subtle hover:bg-bg-sunken"}`,
-								children: e === "domain" ? n("devportal.domainVerification", "Domain") : e === "document" ? n("devportal.documentVerification", "Document") : n("devportal.manualVerification", "Manual review")
+								onClick: () => O(e),
+								className: `rounded-md border px-3 py-1 text-xs font-medium transition-colors ${D === e ? "bg-action-primary-bg text-action-primary-text border-primary" : "border-border-subtle hover:bg-bg-sunken"}`,
+								children: e === "domain" ? r("devportal.domainVerification", "Domain") : e === "document" ? r("devportal.documentVerification", "Document") : r("devportal.manualVerification", "Manual review")
 							}, e))
 						}),
-						/* @__PURE__ */ L("button", {
+						/* @__PURE__ */ V("button", {
 							type: "button",
-							disabled: u,
-							onClick: () => l({ variables: {
+							disabled: G,
+							onClick: () => W({ variables: {
 								id: e.id,
-								method: r
+								method: D
 							} }),
 							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 disabled:opacity-50",
-							children: [u ? /* @__PURE__ */ I(O, {
+							children: [G ? /* @__PURE__ */ B(M, {
 								size: 14,
 								className: "animate-spin"
-							}) : /* @__PURE__ */ I(j, { size: 14 }), n("devportal.requestVerification", "Request Verification")]
+							}) : /* @__PURE__ */ B(F, { size: 14 }), r("devportal.requestVerification", "Request Verification")]
 						})
 					] })
 				})]
 			})
 		]
 	});
-}, q = ({ label: e, used: n, limit: r, percent: i, format: a }) => {
-	let { t: o } = v(), s = (e, t) => {
-		let n = o(e);
-		return n === e ? t : n;
-	}, c = (e) => a === "bytes" ? `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB` : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toLocaleString();
-	return /* @__PURE__ */ L("div", {
-		className: "rounded-card border border-border-seam p-4",
-		children: [
-			/* @__PURE__ */ L("div", {
-				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ I("span", {
-					className: "text-sm font-medium",
-					children: e
-				}), /* @__PURE__ */ L("span", {
-					className: "text-xs text-text-secondary",
-					children: [
-						c(n),
-						" / ",
-						c(r)
-					]
-				})]
-			}),
-			/* @__PURE__ */ I("div", {
-				className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
-				children: /* @__PURE__ */ I("div", {
-					className: t("h-full rounded-full transition-all", i > 90 ? "bg-status-error-bg-subtle" : i > 70 ? "bg-status-warning-bg-subtle" : "bg-action-primary-bg"),
-					style: { width: `${Math.min(i, 100)}%` }
-				})
-			}),
-			/* @__PURE__ */ L("p", {
-				className: "text-xs text-text-secondary mt-1",
-				children: [
-					i.toFixed(1),
-					"% ",
-					s("devportal.used", "used")
-				]
-			})
-		]
-	});
 };
 //#endregion
-export { H as OrganizationDetailPage };
+export { q as OrganizationDetailPage };
 
 //# sourceMappingURL=OrganizationDetailPage.js.map