@burdenoff/microfe-devportal 2026.623.4 → 2026.623.6

package/dist/devportal/pages/OrganizationDetailPage.js

@@ -1,21 +1,21 @@
 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 } from "../../generated/global-operations.js";
-import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
-import { StatCard as s, StatCardGrid as c } from "../components/StatCard.js";
-import { ORG_ROLE_LABELS as l } from "../utils/constants.js";
-import { AppListItem as u } from "../components/AppCard.js";
-import { DataTable as d, DetailList as f } from "../components/DataTable.js";
-import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
-import { useDevportalPermission as m } from "../hooks/usePermission.js";
-import { useEffect as h, useState as g } from "react";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as v, AppWindow as y, ArrowRight as b, BarChart3 as x, Building2 as S, CheckCircle as C, DollarSign as w, Edit as T, ExternalLink as E, Loader2 as D, Plus as O, Settings as k, Shield as A, TrendingUp as j, Users as M } from "lucide-react";
-import { useParams as N } from "react-router-dom";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
+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 { StatCard as c, StatCardGrid as l } from "../components/StatCard.js";
+import { ORG_ROLE_LABELS as u } from "../utils/constants.js";
+import { AppListItem as d } from "../components/AppCard.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";
 //#region src/devportal/pages/OrganizationDetailPage.tsx
-function I(e) {
+function R(e) {
 	return {
 		id: e.id,
 		name: e.name,
@@ -58,7 +58,7 @@ function I(e) {
 		updatedAt: e.updatedAt
 	};
 }
-function L(e) {
+function z(e) {
 	return {
 		id: e.id,
 		organizationId: e.organizationId,
@@ -78,226 +78,226 @@ function L(e) {
 		updatedAt: e.updatedAt
 	};
 }
-var R = () => {
-	let { navigate: n, basePath: o } = e(), { orgId: s } = N(), { t: c } = _(), l = (e, t) => {
+var B = () => {
+	let { navigate: n, basePath: a } = e(), { orgId: s } = P(), { t: c } = v(), l = (e, t) => {
 		let n = c(e);
 		return n === e ? t : n;
-	}, { allowed: u } = m(p.ORG_UPDATE), [d, f] = g("overview"), b = [
+	}, { allowed: u } = h(m.ORG_UPDATE), [d, f] = _("overview"), p = [
 		{
 			id: "overview",
 			label: l("devportal.overview", "Overview"),
-			icon: S
+			icon: C
 		},
 		{
 			id: "apps",
 			label: l("devportal.applications", "Applications"),
-			icon: y
+			icon: b
 		},
 		{
 			id: "members",
 			label: l("devportal.members", "Members"),
-			icon: M
+			icon: N
 		},
 		{
 			id: "settings",
 			label: l("devportal.settings", "Settings"),
-			icon: k
+			icon: A
 		}
-	], { data: x, loading: C, error: E } = i({
+	], { data: x, previousData: S, loading: w, error: D } = i({
 		variables: { id: s },
 		skip: !s
-	}), { data: O } = r({
+	}), k = x ?? S, { data: j } = r({
 		variables: { limit: 50 },
 		fetchPolicy: "cache-and-network"
-	}), A = (e) => {
-		n?.(`${o}${e}`);
+	}), M = (e) => {
+		n?.(`${a}${e}`);
 	};
-	if (h(() => {
-		let e = x?.developerOrganization?.name;
+	if (g(() => {
+		let e = k?.developerOrganization?.name;
 		if (!s || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(s, e), () => t?.unregister(s);
-	}, [s, x?.developerOrganization?.name]), C) return /* @__PURE__ */ P(a, {
+	}, [s, x?.developerOrganization?.name]), w && !k) return /* @__PURE__ */ I(o, {
 		title: l("devportal.loadingDots", "Loading..."),
-		backLink: `${o}/organizations`,
+		backLink: `${a}/organizations`,
 		backLabel: l("devportal.backToOrganizations", "Back to Organizations"),
-		children: /* @__PURE__ */ P("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ P(D, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ I(O, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 		})
 	});
-	if (E || !x?.developerOrganization) return /* @__PURE__ */ P(a, {
+	if (D || !k?.developerOrganization) return /* @__PURE__ */ I(o, {
 		title: l("devportal.organizationNotFound", "Organization Not Found"),
-		backLink: `${o}/organizations`,
+		backLink: `${a}/organizations`,
 		backLabel: l("devportal.backToOrganizations", "Back to Organizations"),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: "flex flex-col items-center justify-center py-12 gap-4",
 			children: [
-				/* @__PURE__ */ P(v, { className: "h-12 w-12 text-destructive" }),
-				/* @__PURE__ */ P("h2", {
+				/* @__PURE__ */ I(y, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ I("h2", {
 					className: "text-lg font-semibold",
 					children: l("devportal.organizationNotFoundLower", "Organization not found")
 				}),
-				/* @__PURE__ */ P("p", {
+				/* @__PURE__ */ I("p", {
 					className: "text-muted-foreground",
-					children: E?.message || l("devportal.organizationNotFoundDescription", "The organization you're looking for doesn't exist or you don't have access to it.")
+					children: D?.message || l("devportal.organizationNotFoundDescription", "The organization you're looking for doesn't exist or you don't have access to it.")
 				}),
-				/* @__PURE__ */ P("button", {
-					onClick: () => A("/organizations"),
+				/* @__PURE__ */ I("button", {
+					onClick: () => M("/organizations"),
 					className: "mt-4 inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
 					children: l("devportal.backToOrganizations", "Back to Organizations")
 				})
 			]
 		})
 	});
-	let j = I(x.developerOrganization), R = (x.developerOrganization.members ?? []).map(L), U = O?.applications?.edges?.map((e) => e.node) ?? [], W = s ? U.filter((e) => e.developerOrganizationId === s) : U, G = parseInt(j.apiCallsUsed) / j.apiCallsLimit * 100, K = parseInt(j.storageUsed) / parseInt(j.storageLimit) * 100;
-	return /* @__PURE__ */ F(a, {
-		title: j.name,
-		description: j.description,
-		backLink: `${o}/organizations`,
+	let F = R(k.developerOrganization), B = (k.developerOrganization.members ?? []).map(z), G = j?.applications?.edges?.map((e) => e.node) ?? [], K = s ? G.filter((e) => e.developerOrganizationId === s) : G, q = parseInt(F.apiCallsUsed) / F.apiCallsLimit * 100, J = parseInt(F.storageUsed) / parseInt(F.storageLimit) * 100;
+	return /* @__PURE__ */ L(o, {
+		title: F.name,
+		description: F.description,
+		backLink: `${a}/organizations`,
 		backLabel: l("devportal.backToOrganizations", "Back to Organizations"),
-		actions: /* @__PURE__ */ F("div", {
+		actions: /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ F("button", {
-				onClick: () => n?.(`/billing/earnings?developerOrgId=${encodeURIComponent(j.id)}&developerOrgName=${encodeURIComponent(j.name)}`),
+			children: [/* @__PURE__ */ L("button", {
+				onClick: () => n?.(`/billing/earnings?developerOrgId=${encodeURIComponent(F.id)}&developerOrgName=${encodeURIComponent(F.name)}`),
 				className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors",
-				children: [/* @__PURE__ */ P(w, { size: 16 }), l("devportal.revenue", "Revenue")]
-			}), /* @__PURE__ */ F("button", {
+				children: [/* @__PURE__ */ I(T, { size: 16 }), l("devportal.revenue", "Revenue")]
+			}), /* @__PURE__ */ L("button", {
 				onClick: () => f("settings"),
 				disabled: !u,
 				"aria-disabled": !u,
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-				children: [/* @__PURE__ */ P(T, { size: 16 }), l("devportal.settings", "Settings")]
+				children: [/* @__PURE__ */ I(E, { size: 16 }), l("devportal.settings", "Settings")]
 			})]
 		}),
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "border-b",
-			children: /* @__PURE__ */ P("nav", {
+			children: /* @__PURE__ */ I("nav", {
 				className: "-mb-px flex gap-4 overflow-x-auto",
 				role: "tablist",
 				"aria-label": l("devportal.organizationSections", "Organization sections"),
-				children: b.map((e) => {
+				children: p.map((e) => {
 					let n = e.icon;
-					return /* @__PURE__ */ F("button", {
+					return /* @__PURE__ */ L("button", {
 						id: `organization-tab-${e.id}`,
 						role: "tab",
 						"aria-selected": d === e.id,
 						"aria-controls": `organization-panel-${e.id}`,
 						onClick: () => f(e.id),
 						className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", d === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
-						children: [/* @__PURE__ */ P(n, { size: 16 }), e.label]
+						children: [/* @__PURE__ */ I(n, { size: 16 }), e.label]
 					}, e.id);
 				})
 			})
-		}), /* @__PURE__ */ F("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "mt-6",
 			id: `organization-panel-${d}`,
 			role: "tabpanel",
 			"aria-labelledby": `organization-tab-${d}`,
 			tabIndex: 0,
 			children: [
-				d === "overview" && /* @__PURE__ */ P(z, {
-					org: j,
-					apps: W,
-					members: R,
-					apiCallsPercent: G,
-					storagePercent: K,
-					onNavigate: A,
+				d === "overview" && /* @__PURE__ */ I(V, {
+					org: F,
+					apps: K,
+					members: B,
+					apiCallsPercent: q,
+					storagePercent: J,
+					onNavigate: M,
 					onShowApps: () => f("apps")
 				}),
-				d === "apps" && /* @__PURE__ */ P(B, {
-					apps: W,
-					onNavigate: A
+				d === "apps" && /* @__PURE__ */ I(H, {
+					apps: K,
+					onNavigate: M
 				}),
-				d === "members" && /* @__PURE__ */ P(V, {
-					members: R,
-					onNavigate: A,
-					orgId: j.id
+				d === "members" && /* @__PURE__ */ I(U, {
+					members: B,
+					onNavigate: M,
+					orgId: F.id
 				}),
-				d === "settings" && /* @__PURE__ */ P(H, { org: j })
+				d === "settings" && /* @__PURE__ */ I(W, { org: F })
 			]
 		})]
 	});
-}, z = ({ org: e, apps: t, members: r, apiCallsPercent: i, storagePercent: a, onNavigate: d, onShowApps: p }) => {
-	let { t: m } = _(), h = (e, t) => {
+}, V = ({ 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);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "grid gap-6 lg:grid-cols-3",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "lg:col-span-2 space-y-6",
 			children: [
-				/* @__PURE__ */ F(c, {
+				/* @__PURE__ */ L(l, {
 					columns: 4,
 					children: [
-						/* @__PURE__ */ P(s, {
+						/* @__PURE__ */ I(c, {
 							title: h("devportal.publishedApps", "Published Apps"),
 							value: `${e.publishedApps}/${e.totalApps}`,
-							icon: /* @__PURE__ */ P(y, { size: 20 })
+							icon: /* @__PURE__ */ I(b, { size: 20 })
 						}),
-						/* @__PURE__ */ P(s, {
+						/* @__PURE__ */ I(c, {
 							title: h("devportal.totalInstalls", "Total Installs"),
 							value: e.totalInstalls.toLocaleString(),
-							icon: /* @__PURE__ */ P(j, { size: 20 }),
+							icon: /* @__PURE__ */ I(M, { size: 20 }),
 							trend: {
 								value: 12,
 								label: h("devportal.thisMonth", "this month")
 							}
 						}),
-						/* @__PURE__ */ P(s, {
+						/* @__PURE__ */ I(c, {
 							title: h("devportal.totalRevenue", "Total Revenue"),
 							value: `$${e.totalRevenue.toLocaleString()}`,
-							icon: /* @__PURE__ */ P(w, { size: 20 })
+							icon: /* @__PURE__ */ I(T, { size: 20 })
 						}),
-						/* @__PURE__ */ P(s, {
+						/* @__PURE__ */ I(c, {
 							title: h("devportal.avgRating", "Avg Rating"),
 							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : h("devportal.notAvailable", "N/A"),
-							icon: /* @__PURE__ */ P(x, { size: 20 })
+							icon: /* @__PURE__ */ I(S, { size: 20 })
 						})
 					]
 				}),
-				/* @__PURE__ */ P(o, {
+				/* @__PURE__ */ I(s, {
 					title: h("devportal.recentApplications", "Recent Applications"),
-					actions: /* @__PURE__ */ F("button", {
-						onClick: p,
+					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__ */ P(b, { size: 14 })
+							/* @__PURE__ */ I(x, { size: 14 })
 						]
 					}),
-					children: t.length > 0 ? /* @__PURE__ */ P("div", {
+					children: t.length > 0 ? /* @__PURE__ */ I("div", {
 						className: "space-y-2",
-						children: t.slice(0, 3).map((e) => /* @__PURE__ */ P(u, {
+						children: t.slice(0, 3).map((e) => /* @__PURE__ */ I(d, {
 							app: e,
-							onClick: () => d(`/apps/${e.id}`)
+							onClick: () => o(`/apps/${e.id}`)
 						}, e.id))
-					}) : /* @__PURE__ */ P(n, {
-						icon: /* @__PURE__ */ P(y, { size: 24 }),
+					}) : /* @__PURE__ */ I(n, {
+						icon: /* @__PURE__ */ I(b, { size: 24 }),
 						title: h("devportal.noApplications", "No applications"),
 						description: h("devportal.createYourFirstApplication", "Create your first application")
 					})
 				}),
-				/* @__PURE__ */ F(o, {
+				/* @__PURE__ */ L(s, {
 					title: h("devportal.usageAndQuotas", "Usage & Quotas"),
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ L("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ P(U, {
+						children: [/* @__PURE__ */ I(G, {
 							label: h("devportal.apiCalls", "API Calls"),
 							used: parseInt(e.apiCallsUsed),
 							limit: e.apiCallsLimit,
 							percent: i,
 							format: "number"
-						}), /* @__PURE__ */ P(U, {
+						}), /* @__PURE__ */ I(G, {
 							label: h("devportal.storage", "Storage"),
 							used: parseInt(e.storageUsed),
 							limit: parseInt(e.storageLimit),
 							percent: a,
 							format: "bytes"
 						})]
-					}), e.quotaResetAt && /* @__PURE__ */ F("p", {
+					}), e.quotaResetAt && /* @__PURE__ */ L("p", {
 						className: "text-xs text-muted-foreground mt-2",
 						children: [
 							h("devportal.quotasResetOn", "Quotas reset on"),
@@ -307,12 +307,12 @@ var R = () => {
 					})]
 				})
 			]
-		}), /* @__PURE__ */ F("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ P(o, {
+				/* @__PURE__ */ I(s, {
 					title: h("devportal.revenueSummary", "Revenue Summary"),
-					children: /* @__PURE__ */ P(f, { items: [
+					children: /* @__PURE__ */ I(p, { items: [
 						{
 							label: h("devportal.totalRevenue", "Total Revenue"),
 							value: `$${e.totalRevenue.toLocaleString()}`
@@ -335,31 +335,31 @@ var R = () => {
 						}
 					] })
 				}),
-				/* @__PURE__ */ P(o, {
+				/* @__PURE__ */ I(s, {
 					title: h("devportal.teamMembers", "Team Members"),
-					actions: /* @__PURE__ */ P("button", {
-						onClick: () => d(`/organizations/${e.id}/members`),
+					actions: /* @__PURE__ */ I("button", {
+						onClick: () => o(`/organizations/${e.id}/members`),
 						className: "text-sm text-primary hover:underline",
 						children: h("devportal.manage", "Manage")
 					}),
-					children: /* @__PURE__ */ F("div", {
+					children: /* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [r.slice(0, 3).map((e) => /* @__PURE__ */ P("div", {
+						children: [r.slice(0, 3).map((e) => /* @__PURE__ */ I("div", {
 							className: "flex items-center justify-between py-2",
-							children: /* @__PURE__ */ F("div", {
+							children: /* @__PURE__ */ L("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ P("div", {
+								children: [/* @__PURE__ */ I("div", {
 									className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary",
 									children: e.email?.charAt(0).toUpperCase() || "U"
-								}), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+								}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 									className: "text-sm font-medium",
 									children: e.email
-								}), /* @__PURE__ */ P("p", {
+								}), /* @__PURE__ */ I("p", {
 									className: "text-xs text-muted-foreground",
-									children: l[e.role]
+									children: u[e.role]
 								})] })]
 							})
-						}, e.id)), r.length > 3 && /* @__PURE__ */ F("p", {
+						}, e.id)), r.length > 3 && /* @__PURE__ */ L("p", {
 							className: "text-xs text-muted-foreground",
 							children: [
 								"+",
@@ -370,98 +370,98 @@ var R = () => {
 						})]
 					})
 				}),
-				/* @__PURE__ */ P(o, {
+				/* @__PURE__ */ I(s, {
 					title: h("devportal.links", "Links"),
-					children: /* @__PURE__ */ F("div", {
+					children: /* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [e.websiteUrl && /* @__PURE__ */ F("a", {
+						children: [e.websiteUrl && /* @__PURE__ */ L("a", {
 							href: e.websiteUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "flex items-center gap-2 text-sm text-primary hover:underline",
-							children: [/* @__PURE__ */ P(E, { size: 14 }), h("devportal.website", "Website")]
-						}), e.contactEmail && /* @__PURE__ */ F("a", {
+							children: [/* @__PURE__ */ I(D, { size: 14 }), h("devportal.website", "Website")]
+						}), e.contactEmail && /* @__PURE__ */ L("a", {
 							href: `mailto:${e.contactEmail}`,
 							className: "flex items-center gap-2 text-sm text-primary hover:underline",
-							children: [/* @__PURE__ */ P(E, { size: 14 }), e.contactEmail]
+							children: [/* @__PURE__ */ I(D, { size: 14 }), e.contactEmail]
 						})]
 					})
 				})
 			]
 		})]
 	});
-}, B = ({ apps: e, onNavigate: t }) => {
-	let { t: r } = _(), i = (e, t) => {
+}, H = ({ apps: e, onNavigate: t }) => {
+	let { t: r } = v(), i = (e, t) => {
 		let n = r(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ F("p", {
+			children: [/* @__PURE__ */ L("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
 					e.length,
 					" ",
 					e.length === 1 ? i("devportal.application", "application") : i("devportal.applications", "applications")
 				]
-			}), /* @__PURE__ */ F("button", {
+			}), /* @__PURE__ */ L("button", {
 				onClick: () => t("/apps/new"),
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-				children: [/* @__PURE__ */ P(O, { size: 16 }), i("devportal.createApp", "Create App")]
+				children: [/* @__PURE__ */ I(k, { size: 16 }), i("devportal.createApp", "Create App")]
 			})]
-		}), e.length > 0 ? /* @__PURE__ */ P("div", {
+		}), e.length > 0 ? /* @__PURE__ */ I("div", {
 			className: "space-y-2",
-			children: e.map((e) => /* @__PURE__ */ P(u, {
+			children: e.map((e) => /* @__PURE__ */ I(d, {
 				app: e,
 				onClick: () => t(`/apps/${e.id}`)
 			}, e.id))
-		}) : /* @__PURE__ */ P(n, {
-			icon: /* @__PURE__ */ P(y, { size: 32 }),
+		}) : /* @__PURE__ */ I(n, {
+			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__ */ F("button", {
+			action: /* @__PURE__ */ L("button", {
 				onClick: () => t("/apps/new"),
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-				children: [/* @__PURE__ */ P(O, { size: 16 }), i("devportal.createApp", "Create App")]
+				children: [/* @__PURE__ */ I(k, { size: 16 }), i("devportal.createApp", "Create App")]
 			})
 		})]
 	});
-}, V = ({ members: e, onNavigate: n, orgId: r }) => {
-	let { t: i } = _(), a = (e, t) => {
+}, U = ({ members: e, onNavigate: n, orgId: r }) => {
+	let { t: i } = v(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-6",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ F("p", {
+			children: [/* @__PURE__ */ L("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
 					e.length,
 					" ",
 					e.length === 1 ? a("devportal.memberLower", "member") : a("devportal.membersLower", "members")
 				]
-			}), /* @__PURE__ */ F("button", {
+			}), /* @__PURE__ */ L("button", {
 				onClick: () => n(`/organizations/${r}/members`),
 				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-				children: [/* @__PURE__ */ P(O, { size: 16 }), a("devportal.inviteMember", "Invite Member")]
+				children: [/* @__PURE__ */ I(k, { size: 16 }), a("devportal.inviteMember", "Invite Member")]
 			})]
-		}), /* @__PURE__ */ P(d, {
+		}), /* @__PURE__ */ I(f, {
 			data: e,
 			keyField: "id",
 			columns: [
 				{
 					key: "email",
 					header: a("devportal.memberColumn", "Member"),
-					render: (e) => /* @__PURE__ */ F("div", {
+					render: (e) => /* @__PURE__ */ L("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ P("div", {
+						children: [/* @__PURE__ */ I("div", {
 							className: "h-8 w-8 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary",
 							children: e.email?.charAt(0).toUpperCase() || "U"
-						}), /* @__PURE__ */ P("span", {
+						}), /* @__PURE__ */ I("span", {
 							className: "font-medium",
 							children: e.email
 						})]
@@ -470,9 +470,9 @@ var R = () => {
 				{
 					key: "role",
 					header: a("devportal.roleColumn", "Role"),
-					render: (e) => /* @__PURE__ */ P("span", {
+					render: (e) => /* @__PURE__ */ I("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: l[e.role]
+						children: u[e.role]
 					})
 				},
 				{
@@ -488,20 +488,20 @@ var R = () => {
 			]
 		})]
 	});
-}, H = ({ org: e }) => {
-	let { t } = _(), n = (e, n) => {
+}, W = ({ org: e }) => {
+	let { t } = v(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	};
-	return /* @__PURE__ */ F("div", {
+	}, [r, i] = _("manual"), [o, c] = _(!1), [l, { loading: u }] = a({ onCompleted: () => c(!0) });
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-6 max-w-2xl",
 		children: [
-			/* @__PURE__ */ P(o, {
+			/* @__PURE__ */ I(s, {
 				title: n("devportal.organizationDetails", "Organization Details"),
-				children: /* @__PURE__ */ P(f, { items: [
+				children: /* @__PURE__ */ I(p, { items: [
 					{
 						label: n("devportal.organizationId", "Organization ID"),
-						value: /* @__PURE__ */ P("code", {
+						value: /* @__PURE__ */ I("code", {
 							className: "text-xs",
 							children: e.id
 						})
@@ -528,9 +528,9 @@ var R = () => {
 					}
 				] })
 			}),
-			/* @__PURE__ */ P(o, {
+			/* @__PURE__ */ I(s, {
 				title: n("devportal.legalInformation", "Legal Information"),
-				children: /* @__PURE__ */ P(f, { items: [
+				children: /* @__PURE__ */ I(p, { items: [
 					{
 						label: n("devportal.legalEntityName", "Legal Entity Name"),
 						value: e.legalEntityName || n("devportal.notProvided", "Not provided")
@@ -553,10 +553,10 @@ var R = () => {
 					},
 					{
 						label: n("devportal.taxFormStatus", "Tax Form Status"),
-						value: e.taxFormVerified ? /* @__PURE__ */ F("span", {
+						value: e.taxFormVerified ? /* @__PURE__ */ L("span", {
 							className: "text-status-success-text flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ P(C, { size: 14 }),
+								/* @__PURE__ */ I(w, { size: 14 }),
 								" ",
 								n("devportal.verified", "Verified")
 							]
@@ -564,14 +564,14 @@ var R = () => {
 					}
 				] })
 			}),
-			/* @__PURE__ */ P(o, {
+			/* @__PURE__ */ L(s, {
 				title: n("devportal.verificationStatus", "Verification Status"),
-				children: /* @__PURE__ */ P(f, { items: [{
+				children: [/* @__PURE__ */ I(p, { items: [{
 					label: n("devportal.verifiedLabel", "Verified"),
-					value: e.isVerified ? /* @__PURE__ */ F("span", {
+					value: e.isVerified ? /* @__PURE__ */ L("span", {
 						className: "text-status-success-text flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ P(C, { size: 14 }),
+							/* @__PURE__ */ I(w, { size: 14 }),
 							" ",
 							n("devportal.verifiedVia", "Verified via"),
 							" ",
@@ -580,34 +580,71 @@ var R = () => {
 					}) : n("devportal.notVerified", "Not verified")
 				}, {
 					label: n("devportal.certifiedLabel", "Certified"),
-					value: e.isCertified ? /* @__PURE__ */ F("span", {
+					value: e.isCertified ? /* @__PURE__ */ L("span", {
 						className: "text-accent-blue flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ P(A, { size: 14 }),
+							/* @__PURE__ */ I(j, { size: 14 }),
 							" ",
 							n("devportal.certifiedUntil", "Certified until"),
 							" ",
 							e.certificationExpiry ? new Date(e.certificationExpiry).toLocaleDateString() : "N/A"
 						]
 					}) : n("devportal.notCertified", "Not certified")
-				}] })
+				}] }), !e.isVerified && /* @__PURE__ */ I("div", {
+					className: "mt-4 rounded-md border border-border p-4 space-y-3",
+					children: o ? /* @__PURE__ */ L("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", {
+							className: "text-sm text-muted-foreground",
+							children: n("devportal.requestVerificationHint", "Get your organization verified to build trust with users. Choose a verification method:")
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "flex gap-2 flex-wrap",
+							children: [
+								"domain",
+								"document",
+								"manual"
+							].map((e) => /* @__PURE__ */ I("button", {
+								type: "button",
+								onClick: () => i(e),
+								className: `rounded-md border px-3 py-1 text-xs font-medium transition-colors ${r === e ? "bg-primary text-primary-foreground border-primary" : "border-border hover:bg-muted"}`,
+								children: e === "domain" ? n("devportal.domainVerification", "Domain") : e === "document" ? n("devportal.documentVerification", "Document") : n("devportal.manualVerification", "Manual review")
+							}, e))
+						}),
+						/* @__PURE__ */ L("button", {
+							type: "button",
+							disabled: u,
+							onClick: () => l({ variables: {
+								id: e.id,
+								method: r
+							} }),
+							className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+							children: [u ? /* @__PURE__ */ I(O, {
+								size: 14,
+								className: "animate-spin"
+							}) : /* @__PURE__ */ I(j, { size: 14 }), n("devportal.requestVerification", "Request Verification")]
+						})
+					] })
+				})]
 			})
 		]
 	});
-}, U = ({ label: e, used: n, limit: r, percent: i, format: a }) => {
-	let { t: o } = _(), s = (e, t) => {
+}, G = ({ 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__ */ F("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "rounded-lg border p-4",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ P("span", {
+				children: [/* @__PURE__ */ I("span", {
 					className: "text-sm font-medium",
 					children: e
-				}), /* @__PURE__ */ F("span", {
+				}), /* @__PURE__ */ L("span", {
 					className: "text-xs text-muted-foreground",
 					children: [
 						c(n),
@@ -616,14 +653,14 @@ var R = () => {
 					]
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ I("div", {
 				className: "h-2 rounded-full bg-muted overflow-hidden",
-				children: /* @__PURE__ */ P("div", {
+				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-primary"),
 					style: { width: `${Math.min(i, 100)}%` }
 				})
 			}),
-			/* @__PURE__ */ F("p", {
+			/* @__PURE__ */ L("p", {
 				className: "text-xs text-muted-foreground mt-1",
 				children: [
 					i.toFixed(1),
@@ -635,6 +672,6 @@ var R = () => {
 	});
 };
 //#endregion
-export { R as OrganizationDetailPage };
+export { B as OrganizationDetailPage };
 
 //# sourceMappingURL=OrganizationDetailPage.js.map