@burdenoff/microfe-devportal 2026.720.6 → 2026.720.7

package/dist/devportal/pages/EditApplicationPage.js

@@ -7,19 +7,20 @@ import { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
 import { APP_TYPE_LABELS as a } from "../utils/constants.js";
 import { StatusBadge as oe } from "../components/StatusBadge.js";
 import { nativeImpact as se, nativeNotify as o } from "../../utils/nativeBridge.js";
-import { CheckboxField as ce, InputField as s, SelectField as c, TagInput as l, TextareaField as u } from "../components/FormField.js";
-import { ConfirmDialog as d } from "../components/ConfirmDialog.js";
-import { PermissionGuard as le } from "../components/PermissionGuard.js";
+import { CheckboxField as ce, InputField as s, SelectField as c, TagInput as l, TextareaField as le } from "../components/FormField.js";
+import { ConfirmDialog as u } from "../components/ConfirmDialog.js";
+import { PermissionGuard as ue } from "../components/PermissionGuard.js";
+import { MarkdownEditor as de } from "../components/MarkdownEditor.js";
 import "../components/index.js";
-import { useDevportalPermission as f } from "../hooks/usePermission.js";
-import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
-import { useEffect as m, useState as h } from "react";
-import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as de, AlertTriangle as fe, AppWindow as pe, Archive as me, Check as g, Copy as he, Eye as ge, EyeOff as _e, Power as ve, RefreshCw as _, Save as ye, Send as be, Trash2 as xe } from "lucide-react";
-import { useParams as Se } from "react-router-dom";
+import { useDevportalPermission as d } from "../hooks/usePermission.js";
+import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
+import { useEffect as p, useState as m } from "react";
+import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as pe, AlertTriangle as me, AppWindow as he, Archive as ge, Check as h, Copy as g, Eye as _e, EyeOff as ve, Power as ye, RefreshCw as _, Save as be, Send as xe, Trash2 as Se } from "lucide-react";
+import { useParams as Ce } from "react-router-dom";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/devportal/pages/EditApplicationPage.tsx
-var Ce = [
+var we = [
 	{
 		value: "fluidgrids",
 		label: "FluidGrids"
@@ -36,7 +37,7 @@ var Ce = [
 		value: "botlit",
 		label: "Botlit"
 	}
-], we = Object.entries(a).map(([e, t]) => ({
+], Te = Object.entries(a).map(([e, t]) => ({
 	value: e,
 	label: t
 })), x = [
@@ -52,10 +53,10 @@ var Ce = [
 		value: "INTERNAL",
 		label: "Internal — visible to your entire dev org"
 	}
-], Te = [...x, {
+], Ee = [...x, {
 	value: "UNLISTED",
 	label: "Unlisted — shareable via link, not listed in store"
-}], Ee = [
+}], De = [
 	{
 		value: "ai",
 		label: "AI & Automation"
@@ -85,7 +86,7 @@ var Ce = [
 		label: "Triggers"
 	}
 ];
-function De(e) {
+function Oe(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -129,20 +130,20 @@ function De(e) {
 	} : null;
 }
 var S = () => {
-	let { navigate: a, basePath: S } = e(), { appId: C } = Se(), { t: w } = ue(), { allowed: T } = f(p.APP_UPDATE), { allowed: E } = f(p.APP_DELETE), D = (e, t) => {
-		let n = w(e);
+	let { navigate: a, basePath: S } = e(), { appId: C } = Ce(), { t: ke } = fe(), { allowed: w } = d(f.APP_UPDATE), { allowed: T } = d(f.APP_DELETE), E = (e, t) => {
+		let n = ke(e);
 		return n === e ? t : n;
-	}, [O, k] = h(!1), [A, j] = h({}), [Oe, M] = h(!1), [ke, N] = h(!1), [Ae, P] = h(!1), [F, I] = h(!1), [L, R] = h(!1), [z, B] = h(!1), [V, je] = h(null), [Me, H] = h(!1), { data: U, loading: Ne, error: W, refetch: Pe } = re({
+	}, [D, O] = m(!1), [k, A] = m({}), [Ae, j] = m(!1), [je, M] = m(!1), [Me, N] = m(!1), [P, F] = m(!1), [I, L] = m(!1), [R, z] = m(!1), [B, Ne] = m(null), [Pe, V] = m(!1), { data: H, loading: Fe, error: U, refetch: Ie } = re({
 		variables: { id: C },
 		skip: !C
-	}), [G] = ae(), [Fe] = ne(), [Ie] = te(), [Le] = ie(), K = De(U?.application);
-	m(() => {
-		let e = K?.name;
+	}), [W] = ae(), [Le] = ne(), [Re] = te(), [ze] = ie(), G = Oe(H?.application);
+	p(() => {
+		let e = G?.name;
 		if (!C || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(C, e), () => t?.unregister(C);
-	}, [C, K?.name]);
-	let [q, J] = h({
+	}, [C, G?.name]);
+	let [K, q] = m({
 		name: "",
 		slug: "",
 		shortDescription: "",
@@ -161,277 +162,277 @@ var S = () => {
 		oauthAuthUrl: "",
 		oauthRevokeUrl: "",
 		requiresApproval: !1
-	}), [Y, X] = h([]);
-	m(() => {
-		if (K) {
-			J({
-				name: K.name,
-				slug: K.slug,
-				shortDescription: K.shortDescription || "",
-				description: K.description || "",
-				appType: K.appType,
-				visibility: K.visibility,
-				category: K.category || "",
-				tags: K.tags,
-				keywords: K.keywords,
-				websiteUrl: K.websiteUrl || "",
-				documentationUrl: K.documentationUrl || "",
-				supportUrl: K.supportUrl || "",
-				privacyPolicyUrl: K.privacyPolicyUrl || "",
-				termsOfServiceUrl: K.termsOfServiceUrl || "",
-				githubUrl: K.githubUrl || "",
-				oauthAuthUrl: K.oauthAuthUrl || "",
-				oauthRevokeUrl: K.oauthRevokeUrl || "",
-				requiresApproval: K.requiresApproval
+	}), [J, Y] = m([]);
+	p(() => {
+		if (G) {
+			q({
+				name: G.name,
+				slug: G.slug,
+				shortDescription: G.shortDescription || "",
+				description: G.description || "",
+				appType: G.appType,
+				visibility: G.visibility,
+				category: G.category || "",
+				tags: G.tags,
+				keywords: G.keywords,
+				websiteUrl: G.websiteUrl || "",
+				documentationUrl: G.documentationUrl || "",
+				supportUrl: G.supportUrl || "",
+				privacyPolicyUrl: G.privacyPolicyUrl || "",
+				termsOfServiceUrl: G.termsOfServiceUrl || "",
+				githubUrl: G.githubUrl || "",
+				oauthAuthUrl: G.oauthAuthUrl || "",
+				oauthRevokeUrl: G.oauthRevokeUrl || "",
+				requiresApproval: G.requiresApproval
 			});
-			let e = U?.application?.manifest?.compatibility;
-			X(Array.isArray(e?.products) ? e.products : []), I(!1);
+			let e = H?.application?.manifest?.compatibility;
+			Y(Array.isArray(e?.products) ? e.products : []), F(!1);
 		}
-	}, [U?.application]);
-	let Z = (e) => {
+	}, [H?.application]);
+	let X = (e) => {
 		a?.(`${S}${e}`);
-	}, Q = (e, t) => {
-		J((n) => ({
+	}, Z = (e, t) => {
+		q((n) => ({
 			...n,
 			[e]: t
-		})), I(!0), A[e] && j((t) => ({
+		})), F(!0), k[e] && A((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, $ = async () => {
+	}, Q = async () => {
 		if (C) {
-			B(!0);
+			z(!0);
 			try {
-				let e = (await Le({ variables: { id: C } })).data?.rotateApplicationSigningSecret?.signingSecret;
-				e && (je(e), R(!0));
+				let e = (await ze({ variables: { id: C } })).data?.rotateApplicationSigningSecret?.signingSecret;
+				e && (Ne(e), L(!0));
 			} catch {
 				o("error");
 			} finally {
-				B(!1);
+				z(!1);
 			}
 		}
-	}, Re = async (e) => {
-		await navigator.clipboard.writeText(e), H(!0), setTimeout(() => H(!1), 2e3);
-	}, ze = () => {
-		let e = {};
-		return q.name.trim() ? q.name.length < 3 ? e.name = D("devportal.appNameMinLength", "Name must be at least 3 characters") : q.name.length > 100 && (e.name = D("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = D("devportal.appNameRequired", "Application name is required"), q.slug.trim() ? /^[a-z0-9-]+$/.test(q.slug) || (e.slug = D("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = D("devportal.slugRequired", "Slug is required"), q.shortDescription.trim() ? q.shortDescription.length > 200 && (e.shortDescription = D("devportal.shortDescriptionMaxLength", "Short description must be less than 200 characters")) : e.shortDescription = D("devportal.shortDescriptionRequired", "Short description is required"), q.appType || (e.appType = D("devportal.appTypeRequired", "Application type is required")), q.category || (e.category = D("devportal.categoryRequired", "Category is required")), j(e), Object.keys(e).length === 0;
 	}, Be = async (e) => {
-		if (e.preventDefault(), !(!ze() || !K)) {
-			k(!0);
+		await navigator.clipboard.writeText(e), V(!0), setTimeout(() => V(!1), 2e3);
+	}, Ve = () => {
+		let e = {};
+		return K.name.trim() ? K.name.length < 3 ? e.name = E("devportal.appNameMinLength", "Name must be at least 3 characters") : K.name.length > 100 && (e.name = E("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = E("devportal.appNameRequired", "Application name is required"), K.slug.trim() ? /^[a-z0-9-]+$/.test(K.slug) || (e.slug = E("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = E("devportal.slugRequired", "Slug is required"), K.shortDescription.trim() ? K.shortDescription.length > 200 && (e.shortDescription = E("devportal.shortDescriptionMaxLength", "Short description must be less than 200 characters")) : e.shortDescription = E("devportal.shortDescriptionRequired", "Short description is required"), K.appType || (e.appType = E("devportal.appTypeRequired", "Application type is required")), K.category || (e.category = E("devportal.categoryRequired", "Category is required")), A(e), Object.keys(e).length === 0;
+	}, He = async (e) => {
+		if (e.preventDefault(), !(!Ve() || !G)) {
+			O(!0);
 			try {
-				await G({ variables: {
-					id: K.id,
+				await W({ variables: {
+					id: G.id,
 					input: {
-						name: q.name,
-						shortDescription: q.shortDescription,
-						description: q.description,
-						appType: q.appType,
-						visibility: q.visibility,
-						category: q.category,
-						tags: q.tags,
-						keywords: q.keywords,
-						websiteUrl: q.websiteUrl || null,
-						documentationUrl: q.documentationUrl || null,
-						supportUrl: q.supportUrl || null,
-						privacyPolicyUrl: q.privacyPolicyUrl || null,
-						termsOfServiceUrl: q.termsOfServiceUrl || null,
-						githubUrl: q.githubUrl || null,
-						oauthAuthUrl: q.oauthAuthUrl || null,
-						oauthRevokeUrl: q.oauthRevokeUrl || null,
-						compatibleProducts: Y
+						name: K.name,
+						shortDescription: K.shortDescription,
+						description: K.description,
+						appType: K.appType,
+						visibility: K.visibility,
+						category: K.category,
+						tags: K.tags,
+						keywords: K.keywords,
+						websiteUrl: K.websiteUrl || null,
+						documentationUrl: K.documentationUrl || null,
+						supportUrl: K.supportUrl || null,
+						privacyPolicyUrl: K.privacyPolicyUrl || null,
+						termsOfServiceUrl: K.termsOfServiceUrl || null,
+						githubUrl: K.githubUrl || null,
+						oauthAuthUrl: K.oauthAuthUrl || null,
+						oauthRevokeUrl: K.oauthRevokeUrl || null,
+						compatibleProducts: J
 					}
-				} }), I(!1);
+				} }), F(!1);
 			} catch (e) {
 				console.error("Failed to update application:", e);
 			} finally {
-				k(!1);
+				O(!1);
 			}
 		}
-	}, Ve = async () => {
-		if (K) {
+	}, $ = async () => {
+		if (G) {
 			se("medium");
 			try {
-				await Fe({ variables: { id: K.id } }), o("success"), Z("/apps");
+				await Le({ variables: { id: G.id } }), o("success"), X("/apps");
 			} catch (e) {
 				o("error"), console.error("Failed to delete application:", e);
 			}
 		}
-	}, He = async () => {
-		if (K) try {
-			await G({ variables: {
-				id: K.id,
+	}, Ue = async () => {
+		if (G) try {
+			await W({ variables: {
+				id: G.id,
 				input: { visibility: "PRIVATE" }
-			} }), N(!1);
+			} }), M(!1);
 		} catch (e) {
 			console.error("Failed to deprecate application:", e);
 		}
-	}, Ue = async () => {
-		if (K) try {
-			await Ie({ variables: { id: K.id } }), P(!1), Z("/apps");
+	}, We = async () => {
+		if (G) try {
+			await Re({ variables: { id: G.id } }), N(!1), X("/apps");
 		} catch (e) {
 			console.error("Failed to deactivate application:", e);
 		}
 	};
-	if (Ne) return /* @__PURE__ */ y(n, { message: D("devportal.loadingApplication", "Loading application...") });
-	if (W) return /* @__PURE__ */ y(r, {
-		title: D("devportal.error", "Error"),
+	if (Fe) return /* @__PURE__ */ y(n, { message: E("devportal.loadingApplication", "Loading application...") });
+	if (U) return /* @__PURE__ */ y(r, {
+		title: E("devportal.error", "Error"),
 		backLink: `${S}/apps`,
-		backLabel: D("devportal.backToApplications", "Back to Applications"),
+		backLabel: E("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ y(de, {
+				/* @__PURE__ */ y(pe, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
 				/* @__PURE__ */ y("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: D("devportal.failedToLoadApplication", "Failed to load application")
+					children: E("devportal.failedToLoadApplication", "Failed to load application")
 				}),
 				/* @__PURE__ */ y("p", {
 					className: "text-sm text-text-secondary",
-					children: W.message
+					children: U.message
 				})
 			]
 		})
 	});
-	if (!K) return /* @__PURE__ */ y(r, {
-		title: D("devportal.notFound", "Not Found"),
+	if (!G) return /* @__PURE__ */ y(r, {
+		title: E("devportal.notFound", "Not Found"),
 		backLink: `${S}/apps`,
-		backLabel: D("devportal.backToApplications", "Back to Applications"),
+		backLabel: E("devportal.backToApplications", "Back to Applications"),
 		children: /* @__PURE__ */ y(ee, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ y(pe, { size: 48 }),
-			title: D("devportal.applicationNotFound", "Application not found"),
-			description: D("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
+			icon: /* @__PURE__ */ y(he, { size: 48 }),
+			title: E("devportal.applicationNotFound", "Application not found"),
+			description: E("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-	let We = K.status === "DRAFT" || K.status === "REJECTED", Ge = K.status === "PUBLISHED", Ke = K.status === "ACTIVE" || K.status === "PUBLISHED";
-	return /* @__PURE__ */ y(le, {
+	let Ge = G.status === "DRAFT" || G.status === "REJECTED", Ke = G.status === "PUBLISHED", qe = G.status === "ACTIVE" || G.status === "PUBLISHED";
+	return /* @__PURE__ */ y(ue, {
 		authOnly: !0,
 		children: /* @__PURE__ */ b(r, {
-			title: `${D("devportal.editAppTitlePrefix", "Edit:")} ${K.name}`,
-			description: D("devportal.editAppDescription", "Update your application settings"),
-			purpose: D("devportal.editAppPurpose", "Change how this app appears and behaves — its name, description, classification, links, and lifecycle settings. Use the danger zone at the bottom to deprecate or delete it when it is retired."),
-			backLink: `${S}/apps/${K.id}`,
-			backLabel: D("devportal.backToApplication", "Back to Application"),
+			title: `${E("devportal.editAppTitlePrefix", "Edit:")} ${G.name}`,
+			description: E("devportal.editAppDescription", "Update your application settings"),
+			purpose: E("devportal.editAppPurpose", "Change how this app appears and behaves — its name, description, classification, links, and lifecycle settings. Use the danger zone at the bottom to deprecate or delete it when it is retired."),
+			backLink: `${S}/apps/${G.id}`,
+			backLabel: E("devportal.backToApplication", "Back to Application"),
 			actions: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-2",
 				children: /* @__PURE__ */ y(oe, {
-					status: K.status,
+					status: G.status,
 					type: "app"
 				})
 			}),
 			children: [
 				/* @__PURE__ */ b("form", {
-					onSubmit: Be,
+					onSubmit: He,
 					className: "space-y-8 max-w-3xl",
 					children: [
-						K.status === "PUBLISHED" && /* @__PURE__ */ b("div", {
+						G.status === "PUBLISHED" && /* @__PURE__ */ b("div", {
 							className: "rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3",
-							children: [/* @__PURE__ */ y(fe, {
+							children: [/* @__PURE__ */ y(me, {
 								size: 20,
 								className: "text-status-warning-text flex-shrink-0 mt-0.5"
 							}), /* @__PURE__ */ b("div", {
 								className: "text-sm text-status-warning-text",
 								children: [/* @__PURE__ */ y("p", {
 									className: "font-medium",
-									children: D("devportal.appIsPublished", "This application is published")
+									children: E("devportal.appIsPublished", "This application is published")
 								}), /* @__PURE__ */ y("p", {
 									className: "mt-1 text-status-warning-text",
-									children: D("devportal.publishedAppChangesWarning", "Changes to published apps may require re-review. Major changes will put the app back into review status.")
+									children: E("devportal.publishedAppChangesWarning", "Changes to published apps may require re-review. Major changes will put the app back into review status.")
 								})]
 							})]
 						}),
 						/* @__PURE__ */ y(i, {
-							title: D("devportal.basicInformation", "Basic Information"),
-							description: D("devportal.basicInformationDescription", "Core details about your application"),
+							title: E("devportal.basicInformation", "Basic Information"),
+							description: E("devportal.basicInformationDescription", "Core details about your application"),
 							children: /* @__PURE__ */ b("div", {
 								className: "space-y-4",
 								children: [
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.applicationName", "Application Name"),
-										value: q.name,
-										onChange: (e) => Q("name", e.target.value),
-										placeholder: D("devportal.applicationNamePlaceholder", "My Awesome App"),
+										label: E("devportal.applicationName", "Application Name"),
+										value: K.name,
+										onChange: (e) => Z("name", e.target.value),
+										placeholder: E("devportal.applicationNamePlaceholder", "My Awesome App"),
 										required: !0,
-										error: A.name
+										error: k.name
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.slug", "Slug"),
-										value: q.slug,
-										onChange: (e) => Q("slug", e.target.value.toLowerCase()),
-										placeholder: D("devportal.slugPlaceholder", "my-awesome-app"),
+										label: E("devportal.slug", "Slug"),
+										value: K.slug,
+										onChange: (e) => Z("slug", e.target.value.toLowerCase()),
+										placeholder: E("devportal.slugPlaceholder", "my-awesome-app"),
 										required: !0,
-										error: A.slug,
-										hint: D("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
+										error: k.slug,
+										hint: E("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
 									}),
-									/* @__PURE__ */ y(u, {
-										label: D("devportal.shortDescription", "Short Description"),
-										value: q.shortDescription,
-										onChange: (e) => Q("shortDescription", e.target.value),
-										placeholder: D("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+									/* @__PURE__ */ y(le, {
+										label: E("devportal.shortDescription", "Short Description"),
+										value: K.shortDescription,
+										onChange: (e) => Z("shortDescription", e.target.value),
+										placeholder: E("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
 										required: !0,
-										error: A.shortDescription,
-										hint: `${q.shortDescription.length}/200 ${D("devportal.characters", "characters")}`,
+										error: k.shortDescription,
+										hint: `${K.shortDescription.length}/200 ${E("devportal.characters", "characters")}`,
 										rows: 2
 									}),
-									/* @__PURE__ */ y(u, {
-										label: D("devportal.fullDescription", "Full Description"),
-										value: q.description,
-										onChange: (e) => Q("description", e.target.value),
-										placeholder: D("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
+									/* @__PURE__ */ y(de, {
+										label: E("devportal.fullDescription", "Full Description"),
+										value: K.description,
+										onChange: (e) => Z("description", e),
+										placeholder: E("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
 										rows: 6,
-										hint: D("devportal.markdownSupported", "Markdown formatting is supported")
+										hint: E("devportal.markdownSupported", "Markdown formatting is supported")
 									})
 								]
 							})
 						}),
 						/* @__PURE__ */ b(i, {
-							title: D("devportal.classification", "Classification"),
-							description: D("devportal.classificationDescription", "Categorize your application"),
+							title: E("devportal.classification", "Classification"),
+							description: E("devportal.classificationDescription", "Categorize your application"),
 							children: [
 								/* @__PURE__ */ b("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
 										/* @__PURE__ */ y(c, {
-											label: D("devportal.applicationType", "Application Type"),
-											value: q.appType,
-											onChange: (e) => Q("appType", e.target.value),
-											options: we,
+											label: E("devportal.applicationType", "Application Type"),
+											value: K.appType,
+											onChange: (e) => Z("appType", e.target.value),
+											options: Te,
 											required: !0,
-											error: A.appType
+											error: k.appType
 										}),
 										/* @__PURE__ */ y(c, {
-											label: D("devportal.category", "Category"),
-											value: q.category,
-											onChange: (e) => Q("category", e.target.value),
-											options: Ee,
+											label: E("devportal.category", "Category"),
+											value: K.category,
+											onChange: (e) => Z("category", e.target.value),
+											options: De,
 											required: !0,
-											error: A.category
+											error: k.category
 										}),
 										/* @__PURE__ */ y(c, {
-											label: D("devportal.visibility", "Visibility"),
-											value: q.visibility,
-											onChange: (e) => Q("visibility", e.target.value),
-											options: K?.appType === "WORKFLOW" ? Te : x,
-											hint: q.visibility === "PUBLIC" ? D("devportal.visibilityHintPublic", "Listed in the marketplace after review approval — anyone can discover and install it") : q.visibility === "UNLISTED" ? D("devportal.visibilityHintUnlisted", "Not in the store, but accessible via a direct link. You can still submit for marketplace review") : q.visibility === "INTERNAL" ? D("devportal.visibilityHintInternal", "Visible to all members of your developer organization — no one outside can access it") : D("devportal.visibilityHintPrivate", "Only you (the creator) can see this — other org members cannot access it")
+											label: E("devportal.visibility", "Visibility"),
+											value: K.visibility,
+											onChange: (e) => Z("visibility", e.target.value),
+											options: G?.appType === "WORKFLOW" ? Ee : x,
+											hint: K.visibility === "PUBLIC" ? E("devportal.visibilityHintPublic", "Listed in the marketplace after review approval — anyone can discover and install it") : K.visibility === "UNLISTED" ? E("devportal.visibilityHintUnlisted", "Not in the store, but accessible via a direct link. You can still submit for marketplace review") : K.visibility === "INTERNAL" ? E("devportal.visibilityHintInternal", "Visible to all members of your developer organization — no one outside can access it") : E("devportal.visibilityHintPrivate", "Only you (the creator) can see this — other org members cannot access it")
 										})
 									]
 								}),
 								/* @__PURE__ */ y(l, {
-									label: D("devportal.tags", "Tags"),
-									value: q.tags,
-									onChange: (e) => Q("tags", e),
-									placeholder: D("devportal.addTagsPlaceholder", "Add tags (press Enter)")
+									label: E("devportal.tags", "Tags"),
+									value: K.tags,
+									onChange: (e) => Z("tags", e),
+									placeholder: E("devportal.addTagsPlaceholder", "Add tags (press Enter)")
 								}),
 								/* @__PURE__ */ y(l, {
-									label: D("devportal.keywords", "Keywords"),
-									value: q.keywords,
-									onChange: (e) => Q("keywords", e),
-									placeholder: D("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
+									label: E("devportal.keywords", "Keywords"),
+									value: K.keywords,
+									onChange: (e) => Z("keywords", e),
+									placeholder: E("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
 								}),
-								(q.appType === "NODE" || q.appType === "WORKFLOW") && /* @__PURE__ */ b("div", {
+								(K.appType === "NODE" || K.appType === "WORKFLOW") && /* @__PURE__ */ b("div", {
 									className: "space-y-2",
 									children: [
 										/* @__PURE__ */ y("label", {
@@ -442,15 +443,15 @@ var S = () => {
 											className: "text-xs text-text-secondary",
 											children: [
 												"Select which products this ",
-												q.appType.toLowerCase(),
+												K.appType.toLowerCase(),
 												" ",
 												"works with. Users will see it in those products' node stores."
 											]
 										}),
 										/* @__PURE__ */ y("div", {
 											className: "flex flex-wrap gap-3",
-											children: Ce.map((e) => {
-												let n = Y.includes(e.value);
+											children: we.map((e) => {
+												let n = J.includes(e.value);
 												return /* @__PURE__ */ b("label", {
 													className: t("flex items-center gap-2 cursor-pointer rounded-md border px-3 py-2 text-sm transition-colors", n ? "border-primary bg-primary/10 text-text-primary" : "border-border-subtle hover:border-border text-text-secondary hover:text-text-primary"),
 													children: [
@@ -459,10 +460,10 @@ var S = () => {
 															className: "sr-only",
 															checked: n,
 															onChange: () => {
-																X((t) => n ? t.filter((t) => t !== e.value) : [...t, e.value]), I(!0);
+																Y((t) => n ? t.filter((t) => t !== e.value) : [...t, e.value]), F(!0);
 															}
 														}),
-														n && /* @__PURE__ */ y(g, {
+														n && /* @__PURE__ */ y(h, {
 															size: 14,
 															className: "text-primary flex-shrink-0"
 														}),
@@ -476,57 +477,57 @@ var S = () => {
 							]
 						}),
 						/* @__PURE__ */ y(i, {
-							title: D("devportal.links", "Links"),
-							description: D("devportal.linksDescription", "External resources for your application"),
+							title: E("devportal.links", "Links"),
+							description: E("devportal.linksDescription", "External resources for your application"),
 							children: /* @__PURE__ */ b("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.websiteUrl", "Website URL"),
+										label: E("devportal.websiteUrl", "Website URL"),
 										type: "url",
-										value: q.websiteUrl,
-										onChange: (e) => Q("websiteUrl", e.target.value),
-										placeholder: D("devportal.websiteUrlPlaceholder", "https://example.com")
+										value: K.websiteUrl,
+										onChange: (e) => Z("websiteUrl", e.target.value),
+										placeholder: E("devportal.websiteUrlPlaceholder", "https://example.com")
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.documentationUrl", "Documentation URL"),
+										label: E("devportal.documentationUrl", "Documentation URL"),
 										type: "url",
-										value: q.documentationUrl,
-										onChange: (e) => Q("documentationUrl", e.target.value),
-										placeholder: D("devportal.documentationUrlPlaceholder", "https://docs.example.com")
+										value: K.documentationUrl,
+										onChange: (e) => Z("documentationUrl", e.target.value),
+										placeholder: E("devportal.documentationUrlPlaceholder", "https://docs.example.com")
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.supportUrl", "Support URL"),
+										label: E("devportal.supportUrl", "Support URL"),
 										type: "url",
-										value: q.supportUrl,
-										onChange: (e) => Q("supportUrl", e.target.value),
-										placeholder: D("devportal.supportUrlPlaceholder", "https://support.example.com")
+										value: K.supportUrl,
+										onChange: (e) => Z("supportUrl", e.target.value),
+										placeholder: E("devportal.supportUrlPlaceholder", "https://support.example.com")
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.githubUrl", "GitHub URL"),
+										label: E("devportal.githubUrl", "GitHub URL"),
 										type: "url",
-										value: q.githubUrl,
-										onChange: (e) => Q("githubUrl", e.target.value),
-										placeholder: D("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
+										value: K.githubUrl,
+										onChange: (e) => Z("githubUrl", e.target.value),
+										placeholder: E("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.privacyPolicyUrl", "Privacy Policy URL"),
+										label: E("devportal.privacyPolicyUrl", "Privacy Policy URL"),
 										type: "url",
-										value: q.privacyPolicyUrl,
-										onChange: (e) => Q("privacyPolicyUrl", e.target.value),
-										placeholder: D("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
+										value: K.privacyPolicyUrl,
+										onChange: (e) => Z("privacyPolicyUrl", e.target.value),
+										placeholder: E("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
 									}),
 									/* @__PURE__ */ y(s, {
-										label: D("devportal.termsOfServiceUrl", "Terms of Service URL"),
+										label: E("devportal.termsOfServiceUrl", "Terms of Service URL"),
 										type: "url",
-										value: q.termsOfServiceUrl,
-										onChange: (e) => Q("termsOfServiceUrl", e.target.value),
-										placeholder: D("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
+										value: K.termsOfServiceUrl,
+										onChange: (e) => Z("termsOfServiceUrl", e.target.value),
+										placeholder: E("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
 									})
 								]
 							})
 						}),
-						(q.appType === "INTEGRATION" || q.appType === "API_INTEGRATION") && /* @__PURE__ */ y(i, {
+						(K.appType === "INTEGRATION" || K.appType === "API_INTEGRATION") && /* @__PURE__ */ y(i, {
 							title: "Integration Setup",
 							description: "Configure the endpoints for your integration. After a user installs, we redirect them to your callback URL so your server can complete the connection.",
 							children: /* @__PURE__ */ b("div", {
@@ -535,21 +536,21 @@ var S = () => {
 									/* @__PURE__ */ y(s, {
 										label: "Post-install Callback URL",
 										type: "url",
-										value: q.oauthAuthUrl,
-										onChange: (e) => Q("oauthAuthUrl", e.target.value),
+										value: K.oauthAuthUrl,
+										onChange: (e) => Z("oauthAuthUrl", e.target.value),
 										placeholder: "https://yourapp.com/callback",
 										hint: "Users land here after install with ?installation_id=xxx appended"
 									}),
 									/* @__PURE__ */ y(s, {
 										label: "Revoke URL",
 										type: "url",
-										value: q.oauthRevokeUrl,
-										onChange: (e) => Q("oauthRevokeUrl", e.target.value),
+										value: K.oauthRevokeUrl,
+										onChange: (e) => Z("oauthRevokeUrl", e.target.value),
 										placeholder: "https://yourapp.com/oauth/revoke",
 										hint: "We POST to this URL when a user uninstalls your integration"
 									}),
 									(() => {
-										let e = V ?? U?.application?.signingSecret, t = "boff_sk_" + "•".repeat(32);
+										let e = B ?? H?.application?.signingSecret, t = "boff_sk_" + "•".repeat(32);
 										return /* @__PURE__ */ b("div", {
 											className: "space-y-1.5",
 											children: [
@@ -577,48 +578,48 @@ var S = () => {
 														children: [
 															/* @__PURE__ */ y("code", {
 																className: "flex-1 px-3 py-2 text-xs font-mono text-text-primary truncate",
-																children: L ? e : t
+																children: I ? e : t
 															}),
 															/* @__PURE__ */ y("button", {
 																type: "button",
-																onClick: () => R((e) => !e),
+																onClick: () => L((e) => !e),
 																className: "px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default",
-																title: L ? "Hide" : "Reveal",
-																children: y(L ? _e : ge, { size: 14 })
+																title: I ? "Hide" : "Reveal",
+																children: y(I ? ve : _e, { size: 14 })
 															}),
 															/* @__PURE__ */ y("button", {
 																type: "button",
-																onClick: () => Re(e),
+																onClick: () => Be(e),
 																className: "px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default",
 																title: "Copy to clipboard",
-																children: Me ? /* @__PURE__ */ y(g, {
+																children: Pe ? /* @__PURE__ */ y(h, {
 																	size: 14,
 																	className: "text-green-500"
-																}) : /* @__PURE__ */ y(he, { size: 14 })
+																}) : /* @__PURE__ */ y(g, { size: 14 })
 															})
 														]
 													}), /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: $,
-														disabled: z,
+														onClick: Q,
+														disabled: R,
 														className: "flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50",
 														title: "Rotate signing secret",
 														children: [/* @__PURE__ */ y(_, {
 															size: 12,
-															className: z ? "animate-spin" : ""
+															className: R ? "animate-spin" : ""
 														}), "Rotate"]
 													})]
 												}) : /* @__PURE__ */ b("button", {
 													type: "button",
-													onClick: $,
-													disabled: z,
+													onClick: Q,
+													disabled: R,
 													className: "flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50",
 													children: [/* @__PURE__ */ y(_, {
 														size: 12,
-														className: z ? "animate-spin" : ""
+														className: R ? "animate-spin" : ""
 													}), "Generate Signing Secret"]
 												}),
-												V && /* @__PURE__ */ y("p", {
+												B && /* @__PURE__ */ y("p", {
 													className: "text-xs text-amber-600 dark:text-amber-400",
 													children: "New secret generated. Copy it now — the old secret is already invalidated."
 												})
@@ -629,51 +630,51 @@ var S = () => {
 							})
 						}),
 						/* @__PURE__ */ y(i, {
-							title: D("devportal.settings", "Settings"),
-							description: D("devportal.settingsDescription", "Additional configuration options"),
+							title: E("devportal.settings", "Settings"),
+							description: E("devportal.settingsDescription", "Additional configuration options"),
 							children: /* @__PURE__ */ y("div", {
 								className: "space-y-4",
 								children: /* @__PURE__ */ y(ce, {
-									label: D("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
-									description: D("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
-									checked: q.requiresApproval,
-									onChange: (e) => Q("requiresApproval", e.target.checked)
+									label: E("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
+									description: E("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
+									checked: K.requiresApproval,
+									onChange: (e) => Z("requiresApproval", e.target.checked)
 								})
 							})
 						}),
-						We && /* @__PURE__ */ b("div", {
+						Ge && /* @__PURE__ */ b("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2",
 							children: [/* @__PURE__ */ b("p", {
 								className: "text-sm font-medium text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ y(be, { size: 14 }), D("devportal.submissionChecklist", "Submission Checklist")]
+								children: [/* @__PURE__ */ y(xe, { size: 14 }), E("devportal.submissionChecklist", "Submission Checklist")]
 							}), [
 								{
-									label: D("devportal.checkName", "Name set"),
-									ok: !!q.name.trim()
+									label: E("devportal.checkName", "Name set"),
+									ok: !!K.name.trim()
 								},
 								{
-									label: D("devportal.checkShortDesc", "Short description set"),
-									ok: !!q.shortDescription.trim()
+									label: E("devportal.checkShortDesc", "Short description set"),
+									ok: !!K.shortDescription.trim()
 								},
 								{
-									label: D("devportal.checkFullDesc", "Full description added"),
-									ok: !!q.description.trim()
+									label: E("devportal.checkFullDesc", "Full description added"),
+									ok: !!K.description.trim()
 								},
 								{
-									label: D("devportal.checkCategory", "Category selected"),
-									ok: !!q.category
+									label: E("devportal.checkCategory", "Category selected"),
+									ok: !!K.category
 								},
 								{
-									label: D("devportal.checkVisibility", "Visibility set to Public or Unlisted"),
-									ok: !!q.visibility && q.visibility !== "PRIVATE"
+									label: E("devportal.checkVisibility", "Visibility set to Public or Unlisted"),
+									ok: !!K.visibility && K.visibility !== "PRIVATE"
 								},
 								{
-									label: D("devportal.checkSaved", "All changes saved"),
-									ok: !F
+									label: E("devportal.checkSaved", "All changes saved"),
+									ok: !P
 								},
-								...K?.appType === "NODE" || K?.appType === "WORKFLOW" ? [{
-									label: D("devportal.checkVersion", "At least one version uploaded"),
-									ok: (U?.application?.versions?.totalCount ?? 0) > 0
+								...G?.appType === "NODE" || G?.appType === "WORKFLOW" ? [{
+									label: E("devportal.checkVersion", "At least one version uploaded"),
+									ok: (H?.application?.versions?.totalCount ?? 0) > 0
 								}] : []
 							].map((e) => /* @__PURE__ */ b("div", {
 								className: "flex items-center gap-2 text-sm",
@@ -695,44 +696,44 @@ var S = () => {
 								className: "flex items-center justify-end",
 								children: /* @__PURE__ */ y("button", {
 									type: "submit",
-									disabled: O || !F || !T,
-									"aria-disabled": !T,
+									disabled: D || !P || !w,
+									"aria-disabled": !w,
 									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: O ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), D("devportal.saving", "Saving...")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(ye, { size: 16 }), D("devportal.saveChanges", "Save Changes")] })
+									children: D ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), E("devportal.saving", "Saving...")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(be, { size: 16 }), E("devportal.saveChanges", "Save Changes")] })
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4",
 								children: [
 									/* @__PURE__ */ y("h3", {
 										className: "text-sm font-medium text-status-error-text",
-										children: D("devportal.dangerZone", "Danger Zone")
+										children: E("devportal.dangerZone", "Danger Zone")
 									}),
 									/* @__PURE__ */ y("p", {
 										className: "mt-1 text-sm text-status-error-text",
-										children: D("devportal.dangerZoneWarning", "These actions are irreversible. Please proceed with caution.")
+										children: E("devportal.dangerZoneWarning", "These actions are irreversible. Please proceed with caution.")
 									}),
 									/* @__PURE__ */ b("div", {
 										className: "mt-4 flex gap-3",
 										children: [
-											Ge && /* @__PURE__ */ b("button", {
+											Ke && /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => N(!0),
+												onClick: () => M(!0),
 												className: "inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors",
-												children: [/* @__PURE__ */ y(me, { size: 14 }), D("devportal.deprecateApp", "Deprecate App")]
+												children: [/* @__PURE__ */ y(ge, { size: 14 }), E("devportal.deprecateApp", "Deprecate App")]
 											}),
-											Ke && /* @__PURE__ */ b("button", {
+											qe && /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => P(!0),
+												onClick: () => N(!0),
 												className: "inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors",
-												children: [/* @__PURE__ */ y(ve, { size: 14 }), D("devportal.deactivateApp", "Deactivate App")]
+												children: [/* @__PURE__ */ y(ye, { size: 14 }), E("devportal.deactivateApp", "Deactivate App")]
 											}),
 											/* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => M(!0),
-												disabled: !E,
-												"aria-disabled": !E,
+												onClick: () => j(!0),
+												disabled: !T,
+												"aria-disabled": !T,
 												className: "inline-flex items-center gap-2 rounded-md border border-status-error-bg bg-bg-surface px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-												children: [/* @__PURE__ */ y(xe, { size: 14 }), D("devportal.deleteApp", "Delete App")]
+												children: [/* @__PURE__ */ y(Se, { size: 14 }), E("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})
@@ -741,32 +742,32 @@ var S = () => {
 						})
 					]
 				}),
-				/* @__PURE__ */ y(d, {
-					open: Oe,
-					onOpenChange: M,
-					title: D("devportal.deleteApplication", "Delete Application"),
-					description: D("devportal.deleteApplicationConfirm", `Are you sure you want to delete "${K.name}"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`),
-					confirmLabel: D("devportal.deleteApplication", "Delete Application"),
+				/* @__PURE__ */ y(u, {
+					open: Ae,
+					onOpenChange: j,
+					title: E("devportal.deleteApplication", "Delete Application"),
+					description: E("devportal.deleteApplicationConfirm", `Are you sure you want to delete "${G.name}"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`),
+					confirmLabel: E("devportal.deleteApplication", "Delete Application"),
 					variant: "destructive",
-					onConfirm: Ve
+					onConfirm: $
 				}),
-				/* @__PURE__ */ y(d, {
-					open: ke,
-					onOpenChange: N,
-					title: D("devportal.deprecateApplication", "Deprecate Application"),
-					description: D("devportal.deprecateApplicationConfirm", `Are you sure you want to deprecate "${K.name}"? Existing users will still be able to use the app, but it will no longer be visible in the marketplace and new installations will be disabled.`),
-					confirmLabel: D("devportal.deprecateApplication", "Deprecate Application"),
+				/* @__PURE__ */ y(u, {
+					open: je,
+					onOpenChange: M,
+					title: E("devportal.deprecateApplication", "Deprecate Application"),
+					description: E("devportal.deprecateApplicationConfirm", `Are you sure you want to deprecate "${G.name}"? Existing users will still be able to use the app, but it will no longer be visible in the marketplace and new installations will be disabled.`),
+					confirmLabel: E("devportal.deprecateApplication", "Deprecate Application"),
 					variant: "warning",
-					onConfirm: He
+					onConfirm: Ue
 				}),
-				/* @__PURE__ */ y(d, {
-					open: Ae,
-					onOpenChange: P,
-					title: D("devportal.deactivateApplication", "Deactivate Application"),
-					description: D("devportal.deactivateApplicationConfirm", `Are you sure you want to deactivate "${K.name}"? This will revoke all active tokens and disable the app from the auth-svc layer. The app will no longer be able to authenticate or act on behalf of users.`),
-					confirmLabel: D("devportal.deactivateApplication", "Deactivate Application"),
+				/* @__PURE__ */ y(u, {
+					open: Me,
+					onOpenChange: N,
+					title: E("devportal.deactivateApplication", "Deactivate Application"),
+					description: E("devportal.deactivateApplicationConfirm", `Are you sure you want to deactivate "${G.name}"? This will revoke all active tokens and disable the app from the auth-svc layer. The app will no longer be able to authenticate or act on behalf of users.`),
+					confirmLabel: E("devportal.deactivateApplication", "Deactivate Application"),
 					variant: "destructive",
-					onConfirm: Ue
+					onConfirm: We
 				})
 			]
 		})