@burdenoff/microfe-devportal 2026.623.9 → 2026.624.2

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -13,12 +13,12 @@ import { DataTable as w, DetailList as T } from "../components/DataTable.js";
 import { InputField as E, SelectField as D, TextareaField as O } from "../components/FormField.js";
 import { ConfirmDialog as k } from "../components/ConfirmDialog.js";
 import { GrantDelegationModal as A } from "../components/GrantDelegationModal.js";
-import { DEVPORTAL_PERMISSIONS as j } from "../constants/permissions.js";
-import { useDevportalPermission as te } from "../hooks/usePermission.js";
-import { usePackageUpload as M } from "../hooks/usePackageUpload.js";
-import { useCallback as N, useEffect as ne, useMemo as P, useRef as F, useState as I } from "react";
-import { useI18n as L } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as re, AppWindow as ie, BarChart3 as R, CheckCircle as z, Clock as ae, Download as oe, Edit as se, ExternalLink as B, FlaskConical as ce, Info as V, Key as le, Loader2 as H, MoreHorizontal as ue, Plus as U, Power as de, RefreshCw as fe, SendHorizontal as pe, Shield as me, Store as he, Upload as W, Users as G, Webhook as ge, X as K, XCircle as _e } from "lucide-react";
+import { DEVPORTAL_PERMISSIONS as te } from "../constants/permissions.js";
+import { useDevportalPermission as ne } from "../hooks/usePermission.js";
+import { usePackageUpload as j } from "../hooks/usePackageUpload.js";
+import { useCallback as M, useEffect as re, useMemo as N, useRef as P, useState as F } from "react";
+import { useI18n as I } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as ie, AppWindow as ae, BarChart3 as L, CheckCircle as R, Clock as oe, Download as se, Edit as ce, ExternalLink as z, FlaskConical as le, Info as B, Key as ue, Loader2 as V, MoreHorizontal as de, Plus as H, Power as fe, RefreshCw as pe, SendHorizontal as me, Shield as U, Store as he, Upload as W, Users as G, Webhook as ge, X as K, XCircle as _e } from "lucide-react";
 import { useParams as ve } from "react-router-dom";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/devportal/pages/ApplicationDetailPage.tsx
@@ -136,7 +136,12 @@ var Se = [
 	{
 		id: "overview",
 		label: "Overview",
-		icon: ie
+		icon: ae
+	},
+	{
+		id: "permissions",
+		label: "Permissions",
+		icon: U
 	},
 	{
 		id: "webhooks",
@@ -151,12 +156,12 @@ var Se = [
 	{
 		id: "analytics",
 		label: "Analytics",
-		icon: R
+		icon: L
 	},
 	{
 		id: "playground",
 		label: "API Playground",
-		icon: B
+		icon: z
 	},
 	{
 		id: "store-listing",
@@ -169,7 +174,7 @@ var Se = [
 	EXPIRED: "bg-bg-sunken text-text-secondary"
 }, we = ({ message: e = "Loading..." }) => /* @__PURE__ */ Y("div", {
 	className: "flex items-center justify-center gap-3 py-12",
-	children: [/* @__PURE__ */ J(H, {
+	children: [/* @__PURE__ */ J(V, {
 		size: 20,
 		className: "animate-spin text-muted-foreground"
 	}), /* @__PURE__ */ J("p", {
@@ -178,7 +183,7 @@ var Se = [
 	})]
 }), Z = ({ message: e }) => /* @__PURE__ */ Y("div", {
 	className: "flex flex-col items-center justify-center gap-2 py-12 text-center",
-	children: [/* @__PURE__ */ J(re, {
+	children: [/* @__PURE__ */ J(ie, {
 		size: 32,
 		className: "text-destructive"
 	}), /* @__PURE__ */ J("p", {
@@ -186,38 +191,38 @@ var Se = [
 		children: e
 	})]
 }), Te = () => {
-	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = L(), p = (e, t) => {
+	let { navigate: i, basePath: o, workspaceId: c } = e(), { t: d } = I(), p = (e, t) => {
 		let n = d(e);
 		return n === e ? t : n;
-	}, { allowed: h } = te(j.APP_UPDATE), { allowed: _ } = te(j.APP_DELETE), { appId: S } = ve(), [w, T] = I("overview"), [E, D] = I(!1), [O, M] = I(!1), [ne, P] = I(null), [F, R] = I(!1), { data: z, loading: oe, error: B } = s({
+	}, { allowed: h } = ne(te.APP_UPDATE), { allowed: _ } = ne(te.APP_DELETE), { appId: S } = ve(), [w, T] = F("overview"), [E, D] = F(!1), [O, j] = F(!1), [re, N] = F(null), [P, L] = F(!1), { data: R, loading: se, error: z } = s({
 		variables: { id: S },
 		skip: !S
-	}), [V, { loading: le }] = f(), [ue, { loading: U }] = a(), [me, { loading: he }] = u(), [W, { loading: G }] = m(), { data: ge, refetch: K } = l({
+	}), [B, { loading: ue }] = f(), [de, { loading: H }] = a(), [U, { loading: he }] = u(), [W, { loading: G }] = m(), { data: ge, refetch: K } = l({
 		variables: {
 			applicationId: S,
 			workspaceId: c ?? void 0
 		},
 		skip: !c || !S,
 		fetchPolicy: "cache-and-network"
-	}), q = ge?.appInstallations?.edges?.[0]?.node ?? null, X = N((e) => {
+	}), q = ge?.appInstallations?.edges?.[0]?.node ?? null, X = M((e) => {
 		i?.(`${o}${e}`);
-	}, [i, o]), be = N(async () => {
-		let e = z?.application?.appId;
+	}, [i, o]), be = M(async () => {
+		let e = R?.application?.appId;
 		if (e) try {
-			let t = (await V({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
-			t && P(t), D(!1);
+			let t = (await B({ variables: { id: e } })).data?.rotateAppSecret.clientSecret;
+			t && N(t), D(!1);
 		} catch {}
-	}, [z?.application?.appId, V]), xe = N(async () => {
+	}, [R?.application?.appId, B]), xe = M(async () => {
 		if (S) try {
-			await ue({ variables: { id: S } }), M(!1), X("/apps");
+			await de({ variables: { id: S } }), j(!1), X("/apps");
 		} catch {}
 	}, [
 		S,
-		ue,
+		de,
 		X
-	]), Ce = N(async () => {
+	]), Ce = M(async () => {
 		if (!(!S || !c)) try {
-			await me({ variables: { input: {
+			await U({ variables: { input: {
 				applicationId: S,
 				scope: "WORKSPACE",
 				workspaceId: c,
@@ -229,24 +234,24 @@ var Se = [
 	}, [
 		S,
 		c,
-		me,
+		U,
 		K
-	]), we = N(async (e) => {
+	]), we = M(async (e) => {
 		try {
 			await W({ variables: { id: e } }), K(), C("success");
 		} catch {
 			C("error");
 		}
 	}, [W, K]);
-	if (oe && !z) return /* @__PURE__ */ J(n, { message: p("devportal.loadingApplication", "Loading application...") });
-	if (B) return /* @__PURE__ */ J(g, {
+	if (se && !R) return /* @__PURE__ */ J(n, { message: p("devportal.loadingApplication", "Loading application...") });
+	if (z) return /* @__PURE__ */ J(g, {
 		title: p("devportal.error", "Error"),
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ Y("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ J(re, {
+				/* @__PURE__ */ J(ie, {
 					size: 48,
 					className: "text-destructive mb-4"
 				}),
@@ -256,12 +261,12 @@ var Se = [
 				}),
 				/* @__PURE__ */ J("p", {
 					className: "text-sm text-muted-foreground",
-					children: B.message
+					children: z.message
 				})
 			]
 		})
 	});
-	let Z = ye(z?.application);
+	let Z = ye(R?.application);
 	return Z ? /* @__PURE__ */ Y(g, {
 		title: Z.name,
 		description: Z.shortDescription,
@@ -275,24 +280,24 @@ var Se = [
 					disabled: !Z.appId,
 					title: Z.appId ? p("devportal.rotateSecretHint", "Generate a new client secret") : p("devportal.rotateSecretNoClient", "Create an OAuth client first to enable secret rotation"),
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [/* @__PURE__ */ J(fe, { size: 16 }), p("devportal.rotateSecret", "Rotate Secret")]
+					children: [/* @__PURE__ */ J(pe, { size: 16 }), p("devportal.rotateSecret", "Rotate Secret")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					onClick: () => X(`/apps/${Z.id}/versions`),
 					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__ */ J(ae, { size: 16 }), p("devportal.versions", "Versions")]
+					children: [/* @__PURE__ */ J(oe, { size: 16 }), p("devportal.versions", "Versions")]
 				}),
 				Z.status !== "PUBLISHED" && /* @__PURE__ */ Y("button", {
 					onClick: () => T("store-listing"),
 					className: "inline-flex items-center gap-2 rounded-md border border-primary/40 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 transition-colors",
-					children: [/* @__PURE__ */ J(pe, { size: 16 }), p("devportal.submitForReview", "Submit for Review")]
+					children: [/* @__PURE__ */ J(me, { size: 16 }), p("devportal.submitForReview", "Submit for Review")]
 				}),
 				q ? /* @__PURE__ */ Y("button", {
 					onClick: () => void we(q.id),
 					disabled: G || !c,
 					title: p("devportal.uninstallFromWorkspace", "Uninstall this app from your current workspace"),
 					className: "inline-flex items-center gap-2 rounded-md border border-destructive/50 px-4 py-2 text-sm font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-50",
-					children: [G ? /* @__PURE__ */ J(H, {
+					children: [G ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
 					}) : /* @__PURE__ */ J(_e, { size: 16 }), p("devportal.uninstallFromWorkspace", "Uninstall from Workspace")]
@@ -302,33 +307,33 @@ var Se = [
 					"aria-disabled": !c,
 					title: c ? p("devportal.testInWorkspaceHint", "Install this app into your current workspace to test it") : p("devportal.noWorkspaceContext", "No workspace context available"),
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
-					children: [he ? /* @__PURE__ */ J(H, {
+					children: [he ? /* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ J(ce, { size: 16 }), p("devportal.testInWorkspace", "Test in Workspace")]
+					}) : /* @__PURE__ */ J(le, { size: 16 }), p("devportal.testInWorkspace", "Test in Workspace")]
 				}),
 				/* @__PURE__ */ Y("button", {
 					onClick: () => X(`/apps/${Z.id}/edit`),
 					disabled: !h,
 					"aria-disabled": !h,
 					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__ */ J(se, { size: 16 }), p("devportal.editApp", "Edit App")]
+					children: [/* @__PURE__ */ J(ce, { size: 16 }), p("devportal.editApp", "Edit App")]
 				}),
 				/* @__PURE__ */ Y("button", {
-					onClick: () => M(!0),
+					onClick: () => j(!0),
 					disabled: !_,
 					"aria-disabled": !_,
 					className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ J(de, { size: 16 }), p("devportal.deactivate", "Deactivate")]
+					children: [/* @__PURE__ */ J(fe, { size: 16 }), p("devportal.deactivate", "Deactivate")]
 				})
 			]
 		}),
 		children: [
-			ne && /* @__PURE__ */ J(ee, {
+			re && /* @__PURE__ */ J(ee, {
 				title: p("devportal.newAppSecretGenerated", "New App Secret Generated"),
-				secret: ne,
+				secret: re,
 				description: p("devportal.appSecretRotatedDescription", "Your app secret has been rotated. The old secret is no longer valid."),
-				onDismiss: () => P(null)
+				onDismiss: () => N(null)
 			}),
 			/* @__PURE__ */ Y("div", {
 				className: "flex flex-wrap items-center gap-2",
@@ -355,7 +360,7 @@ var Se = [
 					className: "-mb-px flex gap-4 overflow-x-auto",
 					role: "tablist",
 					"aria-label": p("devportal.applicationSections", "Application sections"),
-					children: Se.map((e) => {
+					children: Se.filter((e) => !(e.id === "permissions" && (Z.appType === "NODE" || Z.appType === "WORKFLOW"))).map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ Y("button", {
 							id: `application-tab-${e.id}`,
@@ -377,6 +382,7 @@ var Se = [
 				tabIndex: 0,
 				children: [
 					w === "overview" && /* @__PURE__ */ J(ke, { app: Z }),
+					w === "permissions" && /* @__PURE__ */ J(We, { app: Z }),
 					w === "webhooks" && /* @__PURE__ */ J(Ee, {
 						appId: Z.id,
 						onNavigate: X
@@ -384,7 +390,7 @@ var Se = [
 					w === "delegations" && /* @__PURE__ */ J(De, {
 						authAppId: Z.appId || void 0,
 						appName: Z.name,
-						onGrantDelegation: () => R(!0),
+						onGrantDelegation: () => L(!0),
 						onNavigate: X
 					}),
 					w === "analytics" && /* @__PURE__ */ J(Oe, { appId: Z.id }),
@@ -401,27 +407,27 @@ var Se = [
 				confirmLabel: p("devportal.rotateSecret", "Rotate Secret"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "warning",
-				loading: le
+				loading: ue
 			}),
 			/* @__PURE__ */ J(k, {
 				open: O,
-				onOpenChange: M,
+				onOpenChange: j,
 				onConfirm: xe,
 				title: p("devportal.deactivateApplication", "Deactivate Application"),
 				description: p("devportal.deactivateApplicationDescription", "This will deactivate the application. All OAuth clients, API keys, and webhooks associated with this app will stop functioning. This action can be reversed by reactivating the app."),
 				confirmLabel: p("devportal.deactivate", "Deactivate"),
 				cancelLabel: p("devportal.cancel", "Cancel"),
 				variant: "destructive",
-				loading: U
+				loading: H
 			}),
 			/* @__PURE__ */ J(A, {
-				open: F,
-				onOpenChange: R,
+				open: P,
+				onOpenChange: L,
 				appId: Z.appId || "",
 				appName: Z.name,
 				appScopes: Z.scopes?.map((e) => e.scope) ?? [],
 				onSuccess: () => {
-					R(!1);
+					L(!1);
 				}
 			})
 		]
@@ -430,13 +436,13 @@ var Se = [
 		backLink: `${o}/apps`,
 		backLabel: p("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ J(r, {
-			icon: /* @__PURE__ */ J(ie, { size: 48 }),
+			icon: /* @__PURE__ */ J(ae, { size: 48 }),
 			title: p("devportal.applicationNotFound", "Application not found"),
 			description: p("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
 }, Ee = ({ appId: e, onNavigate: t }) => {
-	let { t: n } = L(), r = (e, t) => {
+	let { t: n } = I(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, { data: i, loading: a, error: o } = c({ variables: { applicationId: e } });
@@ -446,24 +452,24 @@ var Se = [
 		onNavigate: t
 	});
 }, De = ({ authAppId: e, appName: t, onGrantDelegation: n, onNavigate: a }) => {
-	let { t: o } = L(), s = (e, t) => {
+	let { t: o } = I(), s = (e, t) => {
 		let n = o(e);
 		return n === e ? t : n;
-	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = I([]), [g, _] = I(!1), [v, y] = I(/* @__PURE__ */ new Set()), [b, x] = I(null), S = P(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(xe) : [], [e, c]), C = P(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = P(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = N((e, t) => {
+	}, { data: c, loading: l, error: u, refetch: f } = i(), [p] = d(), [m, h] = F([]), [g, _] = F(!1), [v, y] = F(/* @__PURE__ */ new Set()), [b, x] = F(null), S = N(() => c?.currentUserDelegations?.delegations ? c.currentUserDelegations.delegations.filter((t) => t.appId === e).map(xe) : [], [e, c]), C = N(() => S.filter((e) => e.status === "ACTIVE"), [S]), ee = N(() => C.filter((e) => v.has(e.id)), [C, v]), w = C.length > 0 && C.every((e) => v.has(e.id)), T = C.some((e) => v.has(e.id)) && !w, E = M((e, t) => {
 		y((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), D = N((e) => {
+	}, []), D = M((e) => {
 		y((t) => {
 			let n = new Set(t);
 			return C.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
-	}, [C]), O = N(() => {
+	}, [C]), O = M(() => {
 		y(/* @__PURE__ */ new Set());
-	}, []), A = N(async (e) => {
+	}, []), A = M(async (e) => {
 		_(!0);
 		try {
 			let t = await Promise.allSettled(e.map((e) => p({ variables: { id: e } }))), n = t.filter((e) => e.status === "fulfilled").length, r = t.length - n;
@@ -516,23 +522,23 @@ var Se = [
 			loading: g
 		})
 	] }) : /* @__PURE__ */ J(r, {
-		icon: /* @__PURE__ */ J(me, { size: 32 }),
+		icon: /* @__PURE__ */ J(U, { size: 32 }),
 		title: s("devportal.linkAuthAppFirst", "Link an auth app first"),
 		description: s("devportal.linkAuthAppFirstDescription", "Delegations are managed through auth apps. Create or link an auth app before granting app-as-user access."),
 		action: /* @__PURE__ */ Y("button", {
 			onClick: () => a("/oauth"),
 			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__ */ J(B, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
+			children: [/* @__PURE__ */ J(z, { size: 16 }), s("devportal.manageOAuthApps", "Manage OAuth Apps")]
 		})
 	});
 }, Oe = ({ appId: e }) => {
-	let { t } = L(), n = (e, n) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, r = P(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
+	}, r = N(() => /* @__PURE__ */ new Date(), []), { data: i, loading: a, error: s } = o({ variables: {
 		applicationId: e,
 		period: "daily",
-		startDate: P(() => {
+		startDate: N(() => {
 			let e = new Date(r);
 			return e.setDate(e.getDate() - 30), e;
 		}, [r]).toISOString(),
@@ -540,7 +546,7 @@ var Se = [
 	} });
 	return a ? /* @__PURE__ */ J(we, { message: n("devportal.loadingAnalytics", "Loading analytics...") }) : s ? /* @__PURE__ */ J(Z, { message: s.message }) : /* @__PURE__ */ J(Me, { analytics: (i?.applicationAnalytics ?? []).map(be) });
 }, ke = ({ app: e }) => {
-	let { t } = L(), n = (e, n) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	};
@@ -678,7 +684,7 @@ var Se = [
 		})]
 	});
 }, Ae = ({ appId: e, webhooks: t, onNavigate: n }) => {
-	let { t: i } = L(), a = (e, t) => {
+	let { t: i } = I(), a = (e, t) => {
 		let n = i(e);
 		return n === e ? t : n;
 	};
@@ -698,7 +704,7 @@ var Se = [
 			}), /* @__PURE__ */ Y("button", {
 				onClick: () => n(`/apps/${e}/webhooks/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__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})]
 		}), t.length > 0 ? /* @__PURE__ */ J("div", {
 			className: "space-y-4",
@@ -722,7 +728,7 @@ var Se = [
 						})] }), /* @__PURE__ */ J("button", {
 							onClick: () => n(`/apps/${e}/webhooks/${t.id}`),
 							className: "rounded-md p-1 hover:bg-muted",
-							children: /* @__PURE__ */ J(ue, { size: 20 })
+							children: /* @__PURE__ */ J(de, { size: 20 })
 						})]
 					}),
 					/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -784,12 +790,12 @@ var Se = [
 			action: /* @__PURE__ */ Y("button", {
 				onClick: () => n(`/apps/${e}/webhooks/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__ */ J(U, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
+				children: [/* @__PURE__ */ J(H, { size: 16 }), a("devportal.addWebhook", "Add Webhook")]
 			})
 		})]
 	});
 }, je = ({ appName: e, delegations: n, onGrantDelegation: i, onRevokeDelegation: a, selectedDelegationIds: o, onToggleSelectDelegation: s, onToggleAllDelegations: c, onClearSelection: l, onRevokeSelected: u, allVisibleSelected: d, partiallySelected: f }) => {
-	let { t: p } = L(), m = (e, t) => {
+	let { t: p } = I(), m = (e, t) => {
 		let n = p(e);
 		return n === e ? t : n;
 	}, h = n.filter((e) => e.status === "ACTIVE"), g = n.filter((e) => e.status !== "ACTIVE");
@@ -824,7 +830,7 @@ var Se = [
 				})] }), /* @__PURE__ */ Y("button", {
 					onClick: i,
 					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__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})]
 			}),
 			h.length > 0 && /* @__PURE__ */ J("div", {
@@ -937,7 +943,7 @@ var Se = [
 								e.expiresAt && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ J(ae, { size: 12 }),
+										/* @__PURE__ */ J(oe, { size: 12 }),
 										m("devportal.expires", "Expires"),
 										" ",
 										new Date(e.expiresAt).toLocaleDateString()
@@ -945,7 +951,7 @@ var Se = [
 								}),
 								!e.expiresAt && e.status === "ACTIVE" && /* @__PURE__ */ Y("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ J(z, {
+									children: [/* @__PURE__ */ J(R, {
 										size: 12,
 										className: "text-status-success-text"
 									}), m("devportal.noExpiration", "No expiration")]
@@ -973,13 +979,13 @@ var Se = [
 				action: /* @__PURE__ */ Y("button", {
 					onClick: i,
 					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__ */ J(U, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
+					children: [/* @__PURE__ */ J(H, { size: 16 }), m("devportal.grantDelegation", "Grant Delegation")]
 				})
 			})
 		]
 	});
 }, Me = ({ analytics: e }) => {
-	let { t } = L(), n = (e, n) => {
+	let { t } = I(), n = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
 	}, i = e[0], a = e[1], o = (e, t) => t ? (e - t) / t * 100 : 0;
@@ -1052,17 +1058,17 @@ var Se = [
 					}
 				]
 			}) : /* @__PURE__ */ J(r, {
-				icon: /* @__PURE__ */ J(R, { size: 32 }),
+				icon: /* @__PURE__ */ J(L, { size: 32 }),
 				title: n("devportal.noAnalyticsData", "No analytics data"),
 				description: n("devportal.noAnalyticsDataDescription", "Analytics data will appear here once the application starts receiving traffic.")
 			})
 		})]
 	});
 }, Ne = "# Sample query - modify as needed\nquery IntrospectSchema {\n  __schema {\n    queryType { name }\n    mutationType { name }\n    types {\n      name\n      kind\n    }\n  }\n}", Pe = ({ app: t }) => {
-	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = L(), o = (e, t) => {
+	let { apiGatewayUrl: n, workspacesGatewayUrl: r, authToken: i } = e(), { t: a } = I(), o = (e, t) => {
 		let n = a(e);
 		return n === e ? t : n;
-	}, [s, c] = I(Ne), [l, u] = I("{}"), [d, f] = I(""), [p, m] = I(!1), [h, g] = I(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = I(i || ""), [y, b] = I(!1), x = N(async () => {
+	}, [s, c] = F(Ne), [l, u] = F("{}"), [d, f] = F(""), [p, m] = F(!1), [h, g] = F(`${n || "https://gw-global.local.burdenoff.com"}/global/graphql`), [_, v] = F(i || ""), [y, b] = F(!1), x = M(async () => {
 		m(!0), f("");
 		try {
 			let e = {};
@@ -1093,7 +1099,7 @@ var Se = [
 		l,
 		h,
 		_
-	]), S = N(() => {
+	]), S = M(() => {
 		i && v(i), b(!0);
 	}, [i]);
 	return /* @__PURE__ */ Y("div", {
@@ -1122,7 +1128,7 @@ var Se = [
 				})] }), /* @__PURE__ */ Y("button", {
 					onClick: S,
 					className: "flex items-center gap-2 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors",
-					children: [/* @__PURE__ */ J(le, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
+					children: [/* @__PURE__ */ J(ue, { size: 14 }), o("devportal.autoFillCredentials", "Auto-fill Credentials")]
 				})]
 			}),
 			y && /* @__PURE__ */ Y("div", {
@@ -1223,10 +1229,10 @@ var Se = [
 				onClick: x,
 				disabled: p,
 				className: "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: [p ? /* @__PURE__ */ J(H, {
+				children: [p ? /* @__PURE__ */ J(V, {
 					size: 16,
 					className: "animate-spin"
-				}) : /* @__PURE__ */ J(B, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
+				}) : /* @__PURE__ */ J(z, { size: 16 }), p ? o("devportal.executing", "Executing...") : o("devportal.executeQuery", "Execute Query")]
 			}),
 			d && /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("label", {
 				className: "block text-sm font-medium mb-1",
@@ -1238,7 +1244,7 @@ var Se = [
 		]
 	});
 }, Fe = ({ label: e, value: n, onChange: r, hint: i, accept: a = "image/png,image/jpeg,image/webp,image/gif,image/svg+xml", aspectClass: o = "aspect-square", upload: s, uploading: c, progress: l, error: u }) => {
-	let d = F(null), f = N(async (e) => {
+	let d = P(null), f = M(async (e) => {
 		try {
 			r((await s(e)).downloadUrl);
 		} catch {}
@@ -1263,7 +1269,7 @@ var Se = [
 						className: "text-text-secondary opacity-40"
 					}), c && /* @__PURE__ */ Y("div", {
 						className: "absolute inset-0 bg-black/40 flex flex-col items-center justify-center gap-1",
-						children: [/* @__PURE__ */ J(H, {
+						children: [/* @__PURE__ */ J(V, {
 							size: 14,
 							className: "animate-spin text-white"
 						}), /* @__PURE__ */ Y("span", {
@@ -1312,7 +1318,7 @@ var Se = [
 		]
 	});
 }, Ie = ({ urls: e, onChange: n, upload: r, uploading: i, progress: a, error: o }) => {
-	let s = F(null), c = N(async (t) => {
+	let s = P(null), c = M(async (t) => {
 		try {
 			let i = await r(t);
 			n([...e, i.downloadUrl]);
@@ -1350,7 +1356,7 @@ var Se = [
 					disabled: i,
 					onClick: () => s.current?.click(),
 					className: t("w-36 aspect-video rounded-lg border-2 border-dashed border-border flex flex-col items-center justify-center gap-1.5 text-text-secondary hover:border-border-strong hover:bg-bg-sunken transition-colors disabled:opacity-50"),
-					children: i ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(H, {
+					children: i ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 18,
 						className: "animate-spin text-primary"
 					}), /* @__PURE__ */ Y("span", {
@@ -1484,13 +1490,13 @@ function Be(e) {
 	};
 }
 var Ve = ({ app: n }) => {
-	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = L(), c = (e, t) => {
+	let { workspacesGatewayUrl: r, authToken: i, workspaceId: a, getWorkspaceToken: o } = e(), { t: s } = I(), c = (e, t) => {
 		let n = s(e);
 		return n === e ? t : n;
-	}, [l, u] = I(() => Be(n)), [d, f] = I(!1), [m, g] = I(!1), v = F(n);
+	}, [l, u] = F(() => Be(n)), [d, f] = F(!1), [m, g] = F(!1), v = P(n);
 	v.current = n;
 	let [y] = h(), [b, { loading: x }] = p();
-	ne(() => {
+	re(() => {
 		u(Be(v.current));
 	}, [n.id]);
 	let S = (e, t) => {
@@ -1550,7 +1556,7 @@ var Ve = ({ app: n }) => {
 		} catch {
 			C("error");
 		}
-	}, T = F(null), k = F(null), { upload: A, uploading: j, progress: te, error: P } = M(r, i, a, o), { upload: ie, uploading: R, progress: se, error: B } = M(r, i, a, o, "/DevPortal/Assets"), { upload: ce, uploading: le, progress: ue, error: U } = M(r, i, a, o, "/DevPortal/Assets"), { upload: de, uploading: fe, progress: pe, error: me } = M(r, i, a, o, "/DevPortal/Assets"), G = N(async (e) => {
+	}, T = P(null), k = P(null), { upload: A, uploading: te, progress: ne, error: N } = j(r, i, a, o), { upload: ae, uploading: L, progress: ce, error: z } = j(r, i, a, o, "/DevPortal/Assets"), { upload: le, uploading: ue, progress: de, error: H } = j(r, i, a, o, "/DevPortal/Assets"), { upload: fe, uploading: pe, progress: me, error: U } = j(r, i, a, o, "/DevPortal/Assets"), G = M(async (e) => {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "";
@@ -1562,7 +1568,7 @@ var Ve = ({ app: n }) => {
 				}));
 			} catch {}
 		}
-	}, [A]), ge = N(async (e) => {
+	}, [A]), ge = M(async (e) => {
 		e.preventDefault(), g(!1);
 		let t = e.dataTransfer.files?.[0];
 		if (t) try {
@@ -1572,7 +1578,7 @@ var Ve = ({ app: n }) => {
 				manifestRegistryUrl: e.downloadUrl
 			}));
 		} catch {}
-	}, [A]), K = N((e) => {
+	}, [A]), K = M((e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		let n = new FileReader();
@@ -1591,7 +1597,7 @@ var Ve = ({ app: n }) => {
 				}));
 			} catch {}
 		}, n.readAsText(t), e.target.value = "";
-	}, []), _e = N(() => {
+	}, []), _e = M(() => {
 		let e = l.manifestPermissionsText.split("\n").map((e) => e.trim()).filter(Boolean), t = Le.has(l.manifestItemType), r = {
 			manifestVersion: "1.0",
 			itemType: l.manifestItemType || void 0,
@@ -1615,7 +1621,7 @@ var Ve = ({ app: n }) => {
 		children: [
 			Se ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-success/30 bg-success/10 px-4 py-3",
-				children: [/* @__PURE__ */ J(z, {
+				children: [/* @__PURE__ */ J(R, {
 					size: 16,
 					className: "text-success mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1634,7 +1640,7 @@ var Ve = ({ app: n }) => {
 				})]
 			}) : xe ? /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3",
-				children: [/* @__PURE__ */ J(ae, {
+				children: [/* @__PURE__ */ J(oe, {
 					size: 16,
 					className: "text-primary mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1656,7 +1662,7 @@ var Ve = ({ app: n }) => {
 				})]
 			}) : /* @__PURE__ */ Y("div", {
 				className: "flex items-start gap-3 rounded-lg border border-warning/30 bg-warning/5 px-4 py-3",
-				children: [/* @__PURE__ */ J(re, {
+				children: [/* @__PURE__ */ J(ie, {
 					size: 16,
 					className: "text-warning mt-0.5 shrink-0"
 				}), /* @__PURE__ */ Y("div", {
@@ -1734,7 +1740,7 @@ var Ve = ({ app: n }) => {
 								!ye && /* @__PURE__ */ Y(q, { children: [
 									/* @__PURE__ */ Y("div", {
 										className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ J(V, {
+										children: [/* @__PURE__ */ J(B, {
 											size: 15,
 											className: "mt-0.5 shrink-0"
 										}), /* @__PURE__ */ Y("span", { children: [
@@ -1752,16 +1758,16 @@ var Ve = ({ app: n }) => {
 										},
 										onDragLeave: () => g(!1),
 										onDrop: (e) => void ge(e),
-										onClick: () => !j && k.current?.click(),
-										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", j && "pointer-events-none opacity-75"),
+										onClick: () => !te && k.current?.click(),
+										className: t("relative flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 text-center transition-colors cursor-pointer", m ? "border-primary bg-primary/5" : "border-border hover:border-border-strong hover:bg-bg-sunken", te && "pointer-events-none opacity-75"),
 										children: [/* @__PURE__ */ J("input", {
 											ref: k,
 											type: "file",
 											accept: ".zip,application/zip,application/x-zip-compressed",
 											className: "hidden",
 											onChange: (e) => void G(e)
-										}), j ? /* @__PURE__ */ Y(q, { children: [
-											/* @__PURE__ */ J(H, {
+										}), te ? /* @__PURE__ */ Y(q, { children: [
+											/* @__PURE__ */ J(V, {
 												size: 28,
 												className: "animate-spin text-primary"
 											}),
@@ -1770,7 +1776,7 @@ var Ve = ({ app: n }) => {
 												children: [
 													c("devportal.uploading", "Uploading…"),
 													" ",
-													te,
+													ne,
 													"%"
 												]
 											}), /* @__PURE__ */ J("p", {
@@ -1781,10 +1787,10 @@ var Ve = ({ app: n }) => {
 												className: "w-48 h-1.5 rounded-full bg-muted overflow-hidden",
 												children: /* @__PURE__ */ J("div", {
 													className: "h-full bg-primary transition-all",
-													style: { width: `${te}%` }
+													style: { width: `${ne}%` }
 												})
 											})
-										] }) : be ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(z, {
+										] }) : be ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, {
 											size: 28,
 											className: "text-status-success-text"
 										}), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("p", {
@@ -1804,14 +1810,14 @@ var Ve = ({ app: n }) => {
 											children: c("devportal.orClickToBrowse", "or click to browse")
 										})] })] })]
 									}),
-									P && /* @__PURE__ */ J("p", {
+									N && /* @__PURE__ */ J("p", {
 										className: "text-xs text-status-error-text",
-										children: P
+										children: N
 									})
 								] }),
 								ye && /* @__PURE__ */ Y("div", {
 									className: "flex gap-3 rounded-lg border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ J(V, {
+									children: [/* @__PURE__ */ J(B, {
 										size: 15,
 										className: "mt-0.5 shrink-0"
 									}), /* @__PURE__ */ J("span", { children: c("devportal.builtinHint", "Built-in items are pre-installed by the platform. No package upload is needed.") })]
@@ -1842,7 +1848,7 @@ var Ve = ({ app: n }) => {
 									type: "button",
 									onClick: _e,
 									className: "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium hover:bg-muted transition-colors",
-									children: [/* @__PURE__ */ J(oe, { size: 12 }), c("devportal.exportManifest", "Export")]
+									children: [/* @__PURE__ */ J(se, { size: 12 }), c("devportal.exportManifest", "Export")]
 								}),
 								/* @__PURE__ */ J("span", {
 									className: "text-xs text-text-secondary",
@@ -1867,20 +1873,20 @@ var Ve = ({ app: n }) => {
 								onChange: (e) => S("iconUrl", e),
 								hint: c("devportal.iconUrlHint", "Square, 256×256 px recommended"),
 								aspectClass: "aspect-square",
-								upload: ie,
-								uploading: R,
-								progress: se,
-								error: B
+								upload: ae,
+								uploading: L,
+								progress: ce,
+								error: z
 							}), /* @__PURE__ */ J(Fe, {
 								label: c("devportal.bannerUrl", "Banner"),
 								value: l.bannerUrl,
 								onChange: (e) => S("bannerUrl", e),
 								hint: c("devportal.bannerUrlHint", "1280×640 px recommended"),
 								aspectClass: "aspect-video",
-								upload: ce,
-								uploading: le,
-								progress: ue,
-								error: U
+								upload: le,
+								uploading: ue,
+								progress: de,
+								error: H
 							})]
 						}),
 						/* @__PURE__ */ J(E, {
@@ -1908,10 +1914,10 @@ var Ve = ({ app: n }) => {
 						/* @__PURE__ */ J(Ie, {
 							urls: l.screenshotsText.split("\n").map((e) => e.trim()).filter(Boolean),
 							onChange: (e) => S("screenshotsText", e.join("\n")),
-							upload: de,
-							uploading: fe,
-							progress: pe,
-							error: me
+							upload: fe,
+							uploading: pe,
+							progress: me,
+							error: U
 						})
 					]
 				})
@@ -2003,7 +2009,7 @@ var Ve = ({ app: n }) => {
 					onClick: ee,
 					disabled: d,
 					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: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(H, {
+					children: d ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
 					}), c("devportal.saving", "Saving…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(he, { size: 16 }), c("devportal.saveStoreListing", "Save Store Listing")] })
@@ -2012,16 +2018,16 @@ var Ve = ({ app: n }) => {
 					onClick: () => void w(),
 					disabled: x || d,
 					className: "inline-flex items-center gap-2 rounded-md border border-primary px-4 py-2 text-sm font-medium text-primary hover:bg-primary/5 transition-colors disabled:opacity-50",
-					children: x ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(H, {
+					children: x ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(V, {
 						size: 16,
 						className: "animate-spin"
-					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(z, { size: 16 }), xe ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
+					}), c("devportal.submitting", "Submitting…")] }) : /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(R, { size: 16 }), xe ? c("devportal.resubmitForReview", "Resubmit for Review") : c("devportal.submitForReview", "Submit for Review")] })
 				})]
 			})
 		]
 	});
 }, Q = ({ label: e, value: n, trend: r }) => {
-	let { t: i } = L();
+	let { t: i } = I();
 	return /* @__PURE__ */ Y("div", {
 		className: "rounded-lg border bg-card p-4",
 		children: [
@@ -2052,8 +2058,191 @@ var Ve = ({ app: n }) => {
 	target: "_blank",
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
-	children: [/* @__PURE__ */ J(B, { size: 14 }), e]
-});
+	children: [/* @__PURE__ */ J(z, { size: 14 }), e]
+}), He = [
+	{
+		id: "auth",
+		label: "Authentication",
+		description: "User identity and session management"
+	},
+	{
+		id: "billing",
+		label: "Billing",
+		description: "Billing accounts and subscriptions"
+	},
+	{
+		id: "files",
+		label: "Files",
+		description: "File storage and management"
+	},
+	{
+		id: "tags",
+		label: "Tags",
+		description: "Tags and labels on resources"
+	},
+	{
+		id: "calendar",
+		label: "Calendar",
+		description: "Events and scheduling"
+	},
+	{
+		id: "workflows",
+		label: "Workflows",
+		description: "Automation workflows"
+	},
+	{
+		id: "channels",
+		label: "Channels",
+		description: "Messaging channels"
+	},
+	{
+		id: "notifications",
+		label: "Notifications",
+		description: "Platform notifications"
+	},
+	{
+		id: "users",
+		label: "Users & Members",
+		description: "Workspace members and profiles"
+	},
+	{
+		id: "workspaces",
+		label: "Workspaces",
+		description: "Workspace settings and metadata"
+	},
+	{
+		id: "content",
+		label: "Content",
+		description: "Pages, documents, and content"
+	},
+	{
+		id: "analytics",
+		label: "Analytics",
+		description: "Usage analytics and reporting"
+	},
+	{
+		id: "webhooks",
+		label: "Webhooks",
+		description: "Webhook subscriptions"
+	},
+	{
+		id: "rbac",
+		label: "Roles & Permissions",
+		description: "Access control configuration"
+	}
+];
+function Ue(e) {
+	let t = Object.fromEntries(He.map((e) => [e.id, "none"]));
+	if (!e || !Array.isArray(e.permissions)) return t;
+	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
+	return t;
+}
+var We = ({ app: e }) => {
+	let t = e.manifest ?? {}, [n, r] = F(() => Ue(t)), [i, a] = F(!1), [o, s] = F(!1), [c] = h(), l = (e, t) => {
+		s(!1), r((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, u = async () => {
+		a(!0);
+		try {
+			let r = Object.entries(n).filter(([, e]) => e !== "none").map(([e, t]) => ({
+				resource: e,
+				level: t
+			}));
+			await c({ variables: {
+				id: e.id,
+				input: { manifest: {
+					...t,
+					permissions: r
+				} }
+			} }), s(!0);
+		} finally {
+			a(!1);
+		}
+	}, d = {
+		none: "No access",
+		read: "Read",
+		write: "Read & Write"
+	}, f = [
+		"none",
+		"read",
+		"write"
+	];
+	return /* @__PURE__ */ J(_, {
+		title: "Permissions",
+		description: "Define what platform data this app can request access to. Users see these when authorizing the app.",
+		children: /* @__PURE__ */ Y("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ J("div", {
+					className: "overflow-x-auto rounded-lg border border-border",
+					children: /* @__PURE__ */ Y("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ J("thead", { children: /* @__PURE__ */ Y("tr", {
+							className: "border-b border-border bg-muted/50",
+							children: [/* @__PURE__ */ J("th", {
+								className: "px-4 py-3 text-left font-medium text-muted-foreground w-1/2",
+								children: "Resource"
+							}), f.map((e) => /* @__PURE__ */ J("th", {
+								className: "px-4 py-3 text-center font-medium text-muted-foreground",
+								children: d[e]
+							}, e))]
+						}) }), /* @__PURE__ */ J("tbody", {
+							className: "divide-y divide-border",
+							children: He.map((e) => /* @__PURE__ */ Y("tr", {
+								className: "hover:bg-muted/30 transition-colors",
+								children: [/* @__PURE__ */ Y("td", {
+									className: "px-4 py-3",
+									children: [/* @__PURE__ */ J("p", {
+										className: "font-medium text-foreground",
+										children: e.label
+									}), /* @__PURE__ */ J("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.description
+									})]
+								}), f.map((t) => /* @__PURE__ */ J("td", {
+									className: "px-4 py-3 text-center",
+									children: /* @__PURE__ */ J("input", {
+										type: "radio",
+										name: `perm-${e.id}`,
+										value: t,
+										checked: n[e.id] === t,
+										onChange: () => l(e.id, t),
+										className: "h-4 w-4 accent-primary cursor-pointer"
+									})
+								}, t))]
+							}, e.id))
+						})]
+					})
+				}),
+				/* @__PURE__ */ Y("div", {
+					className: "rounded-lg border border-border-subtle bg-muted/30 p-3 flex gap-2 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ J(B, {
+						size: 14,
+						className: "flex-shrink-0 mt-0.5"
+					}), /* @__PURE__ */ Y("span", { children: [/* @__PURE__ */ J("strong", { children: "Read & Write" }), " implies Read. Request only what your app genuinely needs — fewer permissions build more user trust."] })]
+				}),
+				/* @__PURE__ */ Y("div", {
+					className: "flex items-center justify-end gap-3",
+					children: [o && /* @__PURE__ */ Y("span", {
+						className: "flex items-center gap-1.5 text-sm text-status-success-text",
+						children: [/* @__PURE__ */ J(R, { size: 14 }), "Saved"]
+					}), /* @__PURE__ */ Y("button", {
+						type: "button",
+						onClick: () => void u(),
+						disabled: i,
+						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: [i ? /* @__PURE__ */ J(V, {
+							size: 14,
+							className: "animate-spin"
+						}) : /* @__PURE__ */ J(U, { size: 14 }), "Save Permissions"]
+					})]
+				})
+			]
+		})
+	});
+};
 //#endregion
 export { Te as ApplicationDetailPage };