@burdenoff/microfe-devportal 2026.705.3 → 2026.705.4

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -612,7 +612,9 @@ var Le = [
 					E === "overview" && /* @__PURE__ */ G(Ye, { app: J }),
 					E === "permissions" && /* @__PURE__ */ G(mt, {
 						app: J,
-						versionScopes: I?.application?.versions?.edges?.[0]?.node?.requiredScopes ?? []
+						versionScopes: I?.application?.versions?.edges?.[0]?.node?.requiredScopes ?? [],
+						locked: J.status === "PUBLISHED" || J.status === "APPROVED" || J.status === "ACTIVE",
+						onNavigateToVersions: () => D("versions")
 					}),
 					E === "webhooks" && /* @__PURE__ */ G(Ke, {
 						appId: J.id,
@@ -2902,44 +2904,100 @@ var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
 		className: `rounded px-2.5 py-1 text-xs font-medium transition-colors whitespace-nowrap ${e === n ? "bg-bg-base text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
 		children: n === "read" ? "Read" : "Read & Write"
 	}, n))
-}), mt = ({ app: e, versionScopes: t }) => {
-	let n = e.manifest ?? {}, [r, i] = N(() => ft(ut(n), dt(t ?? []))), [a, o] = N(!1), [s, c] = N(""), [l, u] = N("read"), [d, f] = N(!1), [p, m] = N(!1), [h] = _(), g = (e, t) => {
-		m(!1), i((n) => n.map((n) => n.resource === e ? {
+}), mt = ({ app: e, versionScopes: t, locked: n = !1, onNavigateToVersions: r }) => {
+	let i = e.manifest ?? {}, [a, o] = N(() => ft(ut(i), dt(t ?? []))), [s, c] = N(!1), [l, u] = N(""), [d, f] = N("read"), [p, m] = N(!1), [h, g] = N(!1), [v] = _(), b = (e, t) => {
+		g(!1), o((n) => n.map((n) => n.resource === e ? {
 			...n,
 			level: t
 		} : n));
-	}, v = (e) => {
-		m(!1), i((t) => t.filter((t) => t.resource !== e));
-	}, b = () => {
-		let e = s.trim().toLowerCase().replace(/\s+/g, "-");
-		!e || r.some((t) => t.resource === e) || (i((t) => [...t, {
+	}, x = (e) => {
+		g(!1), o((t) => t.filter((t) => t.resource !== e));
+	}, S = () => {
+		let e = l.trim().toLowerCase().replace(/\s+/g, "-");
+		!e || a.some((t) => t.resource === e) || (o((t) => [...t, {
 			resource: e,
-			level: l
-		}]), c(""), u("read"), o(!1), m(!1));
-	}, x = async () => {
-		f(!0);
+			level: d
+		}]), u(""), f("read"), c(!1), g(!1));
+	}, C = async () => {
+		m(!0);
 		try {
-			await h({ variables: {
+			await v({ variables: {
 				id: e.id,
 				input: { manifest: {
-					...n,
-					permissions: r.map(({ resource: e, level: t }) => ({
+					...i,
+					permissions: a.map(({ resource: e, level: t }) => ({
 						resource: e,
 						level: t
 					}))
 				} }
-			} }), m(!0);
+			} }), g(!0);
 		} finally {
-			f(!1);
+			m(!1);
 		}
-	};
+	}, w = /* @__PURE__ */ G("div", {
+		className: "rounded-lg border border-border-subtle divide-y divide-border-subtle",
+		children: a.map((e) => /* @__PURE__ */ K("div", {
+			className: "flex items-center gap-3 px-4 py-3 hover:bg-bg-sunken/30 transition-colors",
+			children: [/* @__PURE__ */ K("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ G("p", {
+						className: "text-sm font-medium text-text-primary",
+						children: ct[e.resource]?.label ?? e.resource
+					}),
+					ct[e.resource]?.description && /* @__PURE__ */ G("p", {
+						className: "text-xs text-text-secondary",
+						children: ct[e.resource].description
+					}),
+					!ct[e.resource] && /* @__PURE__ */ G("p", {
+						className: "text-xs text-text-tertiary font-mono",
+						children: "custom scope"
+					})
+				]
+			}), n ? /* @__PURE__ */ G("span", {
+				className: `rounded-full px-2.5 py-0.5 text-xs font-medium ${e.level === "write" ? "bg-status-warning-bg text-status-warning-text" : "bg-bg-sunken text-text-secondary"}`,
+				children: e.level === "write" ? "Read & Write" : "Read"
+			}) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(pt, {
+				level: e.level,
+				onChange: (t) => b(e.resource, t)
+			}), /* @__PURE__ */ G("button", {
+				type: "button",
+				onClick: () => x(e.resource),
+				title: "Remove permission",
+				className: "p-1.5 rounded text-text-tertiary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
+				children: /* @__PURE__ */ G(U, { size: 14 })
+			})] })]
+		}, e.resource))
+	});
 	return /* @__PURE__ */ G(y, {
 		title: "Permissions",
 		description: "These are the permissions your app requests from users. Users see exactly this list when authorizing your app.",
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: "space-y-4",
-			children: [
-				r.length === 0 ? /* @__PURE__ */ K("div", {
+			children: n ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
+				className: "rounded-lg border border-status-warning-bg bg-status-warning-bg-subtle p-3 flex gap-2 text-sm",
+				children: [/* @__PURE__ */ G(_e, {
+					size: 15,
+					className: "flex-shrink-0 mt-0.5 text-status-warning-text"
+				}), /* @__PURE__ */ K("span", {
+					className: "text-status-warning-text",
+					children: [
+						/* @__PURE__ */ G("strong", { children: "Permission changes require a new version." }),
+						" Your app is live and users have already consented to the permissions below. To request new or fewer permissions, publish a new version — existing users will be shown what changed and asked to re-consent before the new version takes effect.",
+						" ",
+						r && /* @__PURE__ */ G("button", {
+							type: "button",
+							onClick: r,
+							className: "underline font-medium hover:opacity-80 transition-opacity",
+							children: "Go to Versions →"
+						})
+					]
+				})]
+			}), a.length === 0 ? /* @__PURE__ */ G("div", {
+				className: "rounded-lg border border-border-subtle border-dashed p-6 text-center text-sm text-text-secondary",
+				children: "No permissions configured for this version."
+			}) : w] }) : /* @__PURE__ */ K(W, { children: [
+				a.length === 0 ? /* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-border-subtle border-dashed p-8 flex flex-col items-center gap-2 text-center text-text-secondary",
 					children: [
 						/* @__PURE__ */ G(V, {
@@ -2955,51 +3013,16 @@ var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
 							children: "Add the permissions your app needs to request from users."
 						})
 					]
-				}) : /* @__PURE__ */ G("div", {
-					className: "rounded-lg border border-border-subtle divide-y divide-border-subtle",
-					children: r.map((e) => /* @__PURE__ */ K("div", {
-						className: "flex items-center gap-3 px-4 py-3 hover:bg-bg-sunken/30 transition-colors",
-						children: [
-							/* @__PURE__ */ K("div", {
-								className: "flex-1 min-w-0",
-								children: [
-									/* @__PURE__ */ G("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: ct[e.resource]?.label ?? e.resource
-									}),
-									ct[e.resource]?.description && /* @__PURE__ */ G("p", {
-										className: "text-xs text-text-secondary",
-										children: ct[e.resource].description
-									}),
-									!ct[e.resource] && /* @__PURE__ */ G("p", {
-										className: "text-xs text-text-tertiary font-mono",
-										children: "custom scope"
-									})
-								]
-							}),
-							/* @__PURE__ */ G(pt, {
-								level: e.level,
-								onChange: (t) => g(e.resource, t)
-							}),
-							/* @__PURE__ */ G("button", {
-								type: "button",
-								onClick: () => v(e.resource),
-								title: "Remove permission",
-								className: "p-1.5 rounded text-text-tertiary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-								children: /* @__PURE__ */ G(U, { size: 14 })
-							})
-						]
-					}, e.resource))
-				}),
-				a ? /* @__PURE__ */ K("div", {
+				}) : w,
+				s ? /* @__PURE__ */ K("div", {
 					className: "rounded-lg border border-border-subtle p-3 flex items-center gap-2 flex-wrap",
 					children: [
 						/* @__PURE__ */ G("input", {
 							type: "text",
-							value: s,
-							onChange: (e) => c(e.target.value),
+							value: l,
+							onChange: (e) => u(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && b(), e.key === "Escape" && o(!1);
+								e.key === "Enter" && S(), e.key === "Escape" && c(!1);
 							},
 							placeholder: "Resource (e.g. auth, files, widgets)",
 							list: "perm-resource-suggestions",
@@ -3008,26 +3031,26 @@ var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
 						}),
 						/* @__PURE__ */ G("datalist", {
 							id: "perm-resource-suggestions",
-							children: lt.filter((e) => !r.some((t) => t.resource === e)).map((e) => /* @__PURE__ */ G("option", {
+							children: lt.filter((e) => !a.some((t) => t.resource === e)).map((e) => /* @__PURE__ */ G("option", {
 								value: e,
 								children: ct[e].label
 							}, e))
 						}),
 						/* @__PURE__ */ G(pt, {
-							level: l,
-							onChange: u
+							level: d,
+							onChange: f
 						}),
 						/* @__PURE__ */ G("button", {
 							type: "button",
-							onClick: b,
-							disabled: !s.trim(),
+							onClick: S,
+							disabled: !l.trim(),
 							className: "px-3 py-1.5 rounded-md bg-action-primary-bg text-action-primary-text text-xs font-medium hover:bg-action-primary-bg/90 disabled:opacity-50 transition-colors",
 							children: "Add"
 						}),
 						/* @__PURE__ */ G("button", {
 							type: "button",
 							onClick: () => {
-								o(!1), c("");
+								c(!1), u("");
 							},
 							className: "p-1.5 rounded text-text-secondary hover:text-text-primary transition-colors",
 							children: /* @__PURE__ */ G(U, { size: 14 })
@@ -3035,7 +3058,7 @@ var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
 					]
 				}) : /* @__PURE__ */ K("button", {
 					type: "button",
-					onClick: () => o(!0),
+					onClick: () => c(!0),
 					className: "flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors",
 					children: [/* @__PURE__ */ G(B, { size: 14 }), "Add permission"]
 				}),
@@ -3048,21 +3071,21 @@ var pt = ({ level: e, onChange: t }) => /* @__PURE__ */ G("div", {
 				}),
 				/* @__PURE__ */ K("div", {
 					className: "flex items-center justify-end gap-3",
-					children: [p && /* @__PURE__ */ K("span", {
+					children: [h && /* @__PURE__ */ K("span", {
 						className: "flex items-center gap-1.5 text-sm text-status-success-text",
 						children: [/* @__PURE__ */ G(de, { size: 14 }), "Saved"]
 					}), /* @__PURE__ */ K("button", {
 						type: "button",
-						onClick: () => void x(),
-						disabled: d,
+						onClick: () => void C(),
+						disabled: p,
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-						children: [d ? /* @__PURE__ */ G(z, {
+						children: [p ? /* @__PURE__ */ G(z, {
 							size: 14,
 							className: "animate-spin"
 						}) : /* @__PURE__ */ G(V, { size: 14 }), "Save Permissions"]
 					})]
 				})
-			]
+			] })
 		})
 	});
 };