@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/OrganizationDetailPage.js

@@ -0,0 +1,635 @@
+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 { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
+import { StatCard as a, StatCardGrid as o } from "../components/StatCard.js";
+import { ORG_ROLE_LABELS as s } from "../utils/constants.js";
+import { AppListItem as c } from "../components/AppCard.js";
+import { DataTable as l, DetailList as u } from "../components/DataTable.js";
+import { useGetApplicationsQuery as d, useGetOrganizationQuery as f } from "../../generated/global-operations.js";
+import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
+import { useDevportalPermission as m } from "../hooks/usePermission.js";
+import { useState as h } from "react";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as _, AppWindow as v, ArrowRight as y, BarChart3 as b, Building2 as x, CheckCircle as S, DollarSign as C, Edit as w, ExternalLink as T, Loader2 as E, Plus as D, Settings as O, Shield as k, TrendingUp as A, Users as j } from "lucide-react";
+import { useParams as M } from "react-router-dom";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+//#region src/devportal/pages/OrganizationDetailPage.tsx
+function F(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		slug: e.slug,
+		description: e.description ?? void 0,
+		logoUrl: e.logoUrl ?? void 0,
+		bannerUrl: e.bannerUrl ?? void 0,
+		websiteUrl: e.websiteUrl ?? void 0,
+		contactEmail: e.contactEmail ?? void 0,
+		supportEmail: e.supportEmail ?? void 0,
+		tier: e.tier,
+		partnerTier: e.partnerTier ?? void 0,
+		partnerSince: e.partnerSince ?? void 0,
+		isVerified: e.isVerified ?? !1,
+		verifiedAt: e.verifiedAt ?? void 0,
+		isCertified: e.isCertified ?? !1,
+		certifiedAt: e.certifiedAt ?? void 0,
+		totalApps: e.totalApps ?? 0,
+		publishedApps: e.publishedApps ?? 0,
+		totalInstalls: e.totalInstalls ?? 0,
+		activeInstalls: e.activeInstalls ?? 0,
+		totalApiCalls: e.totalApiCalls ?? "0",
+		averageRating: e.averageRating ?? void 0,
+		totalRevenue: e.totalRevenue ?? 0,
+		totalPlatformFees: e.totalPlatformFees ?? 0,
+		totalPayouts: e.totalPayouts ?? 0,
+		pendingBalance: e.pendingBalance ?? 0,
+		lifetimeRevenue: e.lifetimeRevenue ?? 0,
+		platformFeeRate: e.platformFeeRate ?? .3,
+		apiCallsLimit: e.apiCallsLimit ?? 1e5,
+		storageLimit: e.storageLimit ?? "1073741824",
+		apiCallsUsed: e.apiCallsUsed ?? "0",
+		storageUsed: e.storageUsed ?? "0",
+		taxId: e.taxId ?? void 0,
+		taxCountry: e.taxCountry ?? void 0,
+		taxFormVerified: e.taxFormVerified ?? !1,
+		legalEntityName: e.legalEntityName ?? void 0,
+		legalEntityType: e.legalEntityType ?? void 0,
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt
+	};
+}
+function I(e) {
+	return {
+		id: e.id,
+		organizationId: e.organizationId,
+		userId: e.userId,
+		email: e.email ?? void 0,
+		role: e.role,
+		isActive: e.isActive ?? !0,
+		isSuspended: e.isSuspended ?? !1,
+		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,
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt
+	};
+}
+var L = () => {
+	let { navigate: n, basePath: i } = e(), { orgId: a } = M(), { t: o } = g(), s = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, { allowed: c } = m(p.ORG_UPDATE), [l, u] = h("overview"), y = [
+		{
+			id: "overview",
+			label: s("devportal.overview", "Overview"),
+			icon: x
+		},
+		{
+			id: "apps",
+			label: s("devportal.applications", "Applications"),
+			icon: v
+		},
+		{
+			id: "members",
+			label: s("devportal.members", "Members"),
+			icon: j
+		},
+		{
+			id: "settings",
+			label: s("devportal.settings", "Settings"),
+			icon: O
+		}
+	], { data: b, loading: S, error: T } = f({
+		variables: { id: a },
+		skip: !a
+	}), { data: D } = d({
+		variables: { limit: 50 },
+		fetchPolicy: "cache-and-network"
+	}), k = (e) => {
+		n?.(`${i}${e}`);
+	};
+	if (S) return /* @__PURE__ */ N(r, {
+		title: s("devportal.loadingDots", "Loading..."),
+		backLink: `${i}/organizations`,
+		backLabel: s("devportal.backToOrganizations", "Back to Organizations"),
+		children: /* @__PURE__ */ N("div", {
+			className: "flex items-center justify-center py-12",
+			children: /* @__PURE__ */ N(E, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		})
+	});
+	if (T || !b?.developerOrganization) return /* @__PURE__ */ N(r, {
+		title: s("devportal.organizationNotFound", "Organization Not Found"),
+		backLink: `${i}/organizations`,
+		backLabel: s("devportal.backToOrganizations", "Back to Organizations"),
+		children: /* @__PURE__ */ P("div", {
+			className: "flex flex-col items-center justify-center py-12 gap-4",
+			children: [
+				/* @__PURE__ */ N(_, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ N("h2", {
+					className: "text-lg font-semibold",
+					children: s("devportal.organizationNotFoundLower", "Organization not found")
+				}),
+				/* @__PURE__ */ N("p", {
+					className: "text-muted-foreground",
+					children: T?.message || s("devportal.organizationNotFoundDescription", "The organization you're looking for doesn't exist or you don't have access to it.")
+				}),
+				/* @__PURE__ */ N("button", {
+					onClick: () => k("/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: s("devportal.backToOrganizations", "Back to Organizations")
+				})
+			]
+		})
+	});
+	let A = F(b.developerOrganization), L = (b.developerOrganization.members ?? []).map(I), H = D?.applications?.edges?.map((e) => e.node) ?? [], U = a ? H.filter((e) => e.developerOrganizationId === a) : H, W = parseInt(A.apiCallsUsed) / A.apiCallsLimit * 100, G = parseInt(A.storageUsed) / parseInt(A.storageLimit) * 100;
+	return /* @__PURE__ */ P(r, {
+		title: A.name,
+		description: A.description,
+		backLink: `${i}/organizations`,
+		backLabel: s("devportal.backToOrganizations", "Back to Organizations"),
+		actions: /* @__PURE__ */ P("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ P("button", {
+				onClick: () => n?.(`/billing/earnings?developerOrgId=${encodeURIComponent(A.id)}&developerOrgName=${encodeURIComponent(A.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__ */ N(C, { size: 16 }), s("devportal.revenue", "Revenue")]
+			}), /* @__PURE__ */ P("button", {
+				onClick: () => u("settings"),
+				disabled: !c,
+				"aria-disabled": !c,
+				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__ */ N(w, { size: 16 }), s("devportal.settings", "Settings")]
+			})]
+		}),
+		children: [/* @__PURE__ */ N("div", {
+			className: "border-b",
+			children: /* @__PURE__ */ N("nav", {
+				className: "-mb-px flex gap-4 overflow-x-auto",
+				role: "tablist",
+				"aria-label": s("devportal.organizationSections", "Organization sections"),
+				children: y.map((e) => {
+					let n = e.icon;
+					return /* @__PURE__ */ P("button", {
+						id: `organization-tab-${e.id}`,
+						role: "tab",
+						"aria-selected": l === e.id,
+						"aria-controls": `organization-panel-${e.id}`,
+						onClick: () => u(e.id),
+						className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", l === e.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground"),
+						children: [/* @__PURE__ */ N(n, { size: 16 }), e.label]
+					}, e.id);
+				})
+			})
+		}), /* @__PURE__ */ P("div", {
+			className: "mt-6",
+			id: `organization-panel-${l}`,
+			role: "tabpanel",
+			"aria-labelledby": `organization-tab-${l}`,
+			tabIndex: 0,
+			children: [
+				l === "overview" && /* @__PURE__ */ N(R, {
+					org: A,
+					apps: U,
+					members: L,
+					apiCallsPercent: W,
+					storagePercent: G,
+					onNavigate: k,
+					onShowApps: () => u("apps")
+				}),
+				l === "apps" && /* @__PURE__ */ N(z, {
+					apps: U,
+					onNavigate: k
+				}),
+				l === "members" && /* @__PURE__ */ N(B, {
+					members: L,
+					onNavigate: k,
+					orgId: A.id
+				}),
+				l === "settings" && /* @__PURE__ */ N(V, { org: A })
+			]
+		})]
+	});
+}, R = ({ org: e, apps: t, members: r, apiCallsPercent: l, storagePercent: d, onNavigate: f, onShowApps: p }) => {
+	let { t: m } = g(), h = (e, t) => {
+		let n = m(e);
+		return n === e ? t : n;
+	};
+	return /* @__PURE__ */ P("div", {
+		className: "grid gap-6 lg:grid-cols-3",
+		children: [/* @__PURE__ */ P("div", {
+			className: "lg:col-span-2 space-y-6",
+			children: [
+				/* @__PURE__ */ P(o, {
+					columns: 4,
+					children: [
+						/* @__PURE__ */ N(a, {
+							title: h("devportal.publishedApps", "Published Apps"),
+							value: `${e.publishedApps}/${e.totalApps}`,
+							icon: /* @__PURE__ */ N(v, { size: 20 })
+						}),
+						/* @__PURE__ */ N(a, {
+							title: h("devportal.totalInstalls", "Total Installs"),
+							value: e.totalInstalls.toLocaleString(),
+							icon: /* @__PURE__ */ N(A, { size: 20 }),
+							trend: {
+								value: 12,
+								label: h("devportal.thisMonth", "this month")
+							}
+						}),
+						/* @__PURE__ */ N(a, {
+							title: h("devportal.totalRevenue", "Total Revenue"),
+							value: `$${e.totalRevenue.toLocaleString()}`,
+							icon: /* @__PURE__ */ N(C, { size: 20 })
+						}),
+						/* @__PURE__ */ N(a, {
+							title: h("devportal.avgRating", "Avg Rating"),
+							value: e.averageRating ? `${e.averageRating.toFixed(1)} ★` : h("devportal.notAvailable", "N/A"),
+							icon: /* @__PURE__ */ N(b, { size: 20 })
+						})
+					]
+				}),
+				/* @__PURE__ */ N(i, {
+					title: h("devportal.recentApplications", "Recent Applications"),
+					actions: /* @__PURE__ */ P("button", {
+						onClick: p,
+						className: "text-sm text-primary hover:underline flex items-center gap-1",
+						children: [
+							h("devportal.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ N(y, { size: 14 })
+						]
+					}),
+					children: t.length > 0 ? /* @__PURE__ */ N("div", {
+						className: "space-y-2",
+						children: t.slice(0, 3).map((e) => /* @__PURE__ */ N(c, {
+							app: e,
+							onClick: () => f(`/apps/${e.id}`)
+						}, e.id))
+					}) : /* @__PURE__ */ N(n, {
+						icon: /* @__PURE__ */ N(v, { size: 24 }),
+						title: h("devportal.noApplications", "No applications"),
+						description: h("devportal.createYourFirstApplication", "Create your first application")
+					})
+				}),
+				/* @__PURE__ */ P(i, {
+					title: h("devportal.usageAndQuotas", "Usage & Quotas"),
+					children: [/* @__PURE__ */ P("div", {
+						className: "grid gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ N(H, {
+							label: h("devportal.apiCalls", "API Calls"),
+							used: parseInt(e.apiCallsUsed),
+							limit: e.apiCallsLimit,
+							percent: l,
+							format: "number"
+						}), /* @__PURE__ */ N(H, {
+							label: h("devportal.storage", "Storage"),
+							used: parseInt(e.storageUsed),
+							limit: parseInt(e.storageLimit),
+							percent: d,
+							format: "bytes"
+						})]
+					}), e.quotaResetAt && /* @__PURE__ */ P("p", {
+						className: "text-xs text-muted-foreground mt-2",
+						children: [
+							h("devportal.quotasResetOn", "Quotas reset on"),
+							" ",
+							new Date(e.quotaResetAt).toLocaleDateString()
+						]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ P("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ N(i, {
+					title: h("devportal.revenueSummary", "Revenue Summary"),
+					children: /* @__PURE__ */ N(u, { items: [
+						{
+							label: h("devportal.totalRevenue", "Total Revenue"),
+							value: `$${e.totalRevenue.toLocaleString()}`
+						},
+						{
+							label: h("devportal.platformFees", "Platform Fees"),
+							value: `$${e.totalPlatformFees.toLocaleString()}`
+						},
+						{
+							label: h("devportal.netPayouts", "Net Payouts"),
+							value: `$${e.totalPayouts.toLocaleString()}`
+						},
+						{
+							label: h("devportal.pendingBalance", "Pending Balance"),
+							value: `$${e.pendingBalance.toLocaleString()}`
+						},
+						{
+							label: h("devportal.lifetimeRevenue", "Lifetime Revenue"),
+							value: `$${e.lifetimeRevenue.toLocaleString()}`
+						}
+					] })
+				}),
+				/* @__PURE__ */ N(i, {
+					title: h("devportal.teamMembers", "Team Members"),
+					actions: /* @__PURE__ */ N("button", {
+						onClick: () => f(`/organizations/${e.id}/members`),
+						className: "text-sm text-primary hover:underline",
+						children: h("devportal.manage", "Manage")
+					}),
+					children: /* @__PURE__ */ P("div", {
+						className: "space-y-2",
+						children: [r.slice(0, 3).map((e) => /* @__PURE__ */ N("div", {
+							className: "flex items-center justify-between py-2",
+							children: /* @__PURE__ */ P("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ N("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("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm font-medium",
+									children: e.email
+								}), /* @__PURE__ */ N("p", {
+									className: "text-xs text-muted-foreground",
+									children: s[e.role]
+								})] })]
+							})
+						}, e.id)), r.length > 3 && /* @__PURE__ */ P("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"+",
+								r.length - 3,
+								" ",
+								h("devportal.moreMembers", "more members")
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ N(i, {
+					title: h("devportal.links", "Links"),
+					children: /* @__PURE__ */ P("div", {
+						className: "space-y-2",
+						children: [e.websiteUrl && /* @__PURE__ */ P("a", {
+							href: e.websiteUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "flex items-center gap-2 text-sm text-primary hover:underline",
+							children: [/* @__PURE__ */ N(T, { size: 14 }), h("devportal.website", "Website")]
+						}), e.contactEmail && /* @__PURE__ */ P("a", {
+							href: `mailto:${e.contactEmail}`,
+							className: "flex items-center gap-2 text-sm text-primary hover:underline",
+							children: [/* @__PURE__ */ N(T, { size: 14 }), e.contactEmail]
+						})]
+					})
+				})
+			]
+		})]
+	});
+}, z = ({ apps: e, onNavigate: t }) => {
+	let { t: r } = g(), i = (e, t) => {
+		let n = r(e);
+		return n === e ? t : n;
+	};
+	return /* @__PURE__ */ P("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ P("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ P("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					e.length,
+					" ",
+					e.length === 1 ? i("devportal.application", "application") : i("devportal.applications", "applications")
+				]
+			}), /* @__PURE__ */ P("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__ */ N(D, { size: 16 }), i("devportal.createApp", "Create App")]
+			})]
+		}), e.length > 0 ? /* @__PURE__ */ N("div", {
+			className: "space-y-2",
+			children: e.map((e) => /* @__PURE__ */ N(c, {
+				app: e,
+				onClick: () => t(`/apps/${e.id}`)
+			}, e.id))
+		}) : /* @__PURE__ */ N(n, {
+			icon: /* @__PURE__ */ N(v, { size: 32 }),
+			title: i("devportal.noApplications", "No applications"),
+			description: i("devportal.createFirstAppForOrg", "Create your first application for this organization"),
+			action: /* @__PURE__ */ P("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__ */ N(D, { size: 16 }), i("devportal.createApp", "Create App")]
+			})
+		})]
+	});
+}, B = ({ members: e, onNavigate: n, orgId: r }) => {
+	let { t: i } = g(), a = (e, t) => {
+		let n = i(e);
+		return n === e ? t : n;
+	};
+	return /* @__PURE__ */ P("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ P("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ P("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					e.length,
+					" ",
+					e.length === 1 ? a("devportal.memberLower", "member") : a("devportal.membersLower", "members")
+				]
+			}), /* @__PURE__ */ P("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__ */ N(D, { size: 16 }), a("devportal.inviteMember", "Invite Member")]
+			})]
+		}), /* @__PURE__ */ N(l, {
+			data: e,
+			keyField: "id",
+			columns: [
+				{
+					key: "email",
+					header: a("devportal.memberColumn", "Member"),
+					render: (e) => /* @__PURE__ */ P("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ N("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__ */ N("span", {
+							className: "font-medium",
+							children: e.email
+						})]
+					})
+				},
+				{
+					key: "role",
+					header: a("devportal.roleColumn", "Role"),
+					render: (e) => /* @__PURE__ */ N("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: s[e.role]
+					})
+				},
+				{
+					key: "joinedAt",
+					header: a("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")
+				}
+			]
+		})]
+	});
+}, V = ({ org: e }) => {
+	let { t } = g(), n = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	};
+	return /* @__PURE__ */ P("div", {
+		className: "space-y-6 max-w-2xl",
+		children: [
+			/* @__PURE__ */ N(i, {
+				title: n("devportal.organizationDetails", "Organization Details"),
+				children: /* @__PURE__ */ N(u, { items: [
+					{
+						label: n("devportal.organizationId", "Organization ID"),
+						value: /* @__PURE__ */ N("code", {
+							className: "text-xs",
+							children: e.id
+						})
+					},
+					{
+						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__ */ N(i, {
+				title: n("devportal.legalInformation", "Legal Information"),
+				children: /* @__PURE__ */ N(u, { 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__ */ P("span", {
+							className: "text-status-success-text flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ N(S, { size: 14 }),
+								" ",
+								n("devportal.verified", "Verified")
+							]
+						}) : n("devportal.pendingVerification", "Pending verification")
+					}
+				] })
+			}),
+			/* @__PURE__ */ N(i, {
+				title: n("devportal.verificationStatus", "Verification Status"),
+				children: /* @__PURE__ */ N(u, { items: [{
+					label: n("devportal.verifiedLabel", "Verified"),
+					value: e.isVerified ? /* @__PURE__ */ P("span", {
+						className: "text-status-success-text flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ N(S, { size: 14 }),
+							" ",
+							n("devportal.verifiedVia", "Verified via"),
+							" ",
+							e.verificationMethod
+						]
+					}) : n("devportal.notVerified", "Not verified")
+				}, {
+					label: n("devportal.certifiedLabel", "Certified"),
+					value: e.isCertified ? /* @__PURE__ */ P("span", {
+						className: "text-accent-blue flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ N(k, { size: 14 }),
+							" ",
+							n("devportal.certifiedUntil", "Certified until"),
+							" ",
+							e.certificationExpiry ? new Date(e.certificationExpiry).toLocaleDateString() : "N/A"
+						]
+					}) : n("devportal.notCertified", "Not certified")
+				}] })
+			})
+		]
+	});
+}, H = ({ label: e, used: n, limit: r, percent: i, format: a }) => {
+	let { t: o } = g(), 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__ */ P("div", {
+		className: "rounded-lg border p-4",
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: "flex items-center justify-between mb-2",
+				children: [/* @__PURE__ */ N("span", {
+					className: "text-sm font-medium",
+					children: e
+				}), /* @__PURE__ */ P("span", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						c(n),
+						" / ",
+						c(r)
+					]
+				})]
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "h-2 rounded-full bg-muted overflow-hidden",
+				children: /* @__PURE__ */ N("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__ */ P("p", {
+				className: "text-xs text-muted-foreground mt-1",
+				children: [
+					i.toFixed(1),
+					"% ",
+					s("devportal.used", "used")
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { L as OrganizationDetailPage };
+
+//# sourceMappingURL=OrganizationDetailPage.js.map