@burdenoff/microfe-devportal 2026.624.25 → 2026.624.27

package/dist/devportal/pages/EditApplicationPage.js

@@ -1,22 +1,22 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { LoadingState as t } from "../components/LoadingState.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { useDeactivateAppMutation as ee, useDeleteApplicationMutation as te, useGetApplicationQuery as ne, useSubmitApplicationMutation as r, useUpdateApplicationMutation as i } from "../../generated/global-operations.js";
+import { useDeactivateAppMutation as r, useDeleteApplicationMutation as i, useGetApplicationQuery as ee, useUpdateApplicationMutation as te } from "../../generated/global-operations.js";
 import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
 import { APP_TYPE_LABELS as s } from "../utils/constants.js";
-import { StatusBadge as re } from "../components/StatusBadge.js";
-import { nativeImpact as c, nativeNotify as l } from "../../utils/nativeBridge.js";
-import { CheckboxField as u, InputField as d, SelectField as f, TagInput as p, TextareaField as m } from "../components/FormField.js";
-import { ConfirmDialog as h } from "../components/ConfirmDialog.js";
-import { PermissionGuard as g } from "../components/PermissionGuard.js";
+import { StatusBadge as ne } from "../components/StatusBadge.js";
+import { nativeImpact as re, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { CheckboxField as l, InputField as u, SelectField as d, TagInput as f, TextareaField as p } from "../components/FormField.js";
+import { ConfirmDialog as m } from "../components/ConfirmDialog.js";
+import { PermissionGuard as ie } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as _ } from "../constants/permissions.js";
-import { useDevportalPermission as v } from "../hooks/usePermission.js";
-import { useEffect as y, useState as b } from "react";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as S, AlertTriangle as C, AppWindow as w, Archive as T, Power as ie, Save as ae, Send as oe, Trash2 as se } from "lucide-react";
+import { DEVPORTAL_PERMISSIONS as h } from "../constants/permissions.js";
+import { useDevportalPermission as g } from "../hooks/usePermission.js";
+import { useEffect as _, useState as v } from "react";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as b, AlertTriangle as x, AppWindow as S, Archive as C, Power as w, Save as ae, Send as oe, Trash2 as se } from "lucide-react";
 import { useParams as ce } from "react-router-dom";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/devportal/pages/EditApplicationPage.tsx
 var le = Object.entries(s).map(([e, t]) => ({
 	value: e,
@@ -109,21 +109,21 @@ function fe(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-var k = () => {
-	let { navigate: s, basePath: k } = e(), { appId: A } = ce(), { t: j } = x(), { allowed: M } = v(_.APP_UPDATE), { allowed: N } = v(_.APP_DELETE), P = (e, t) => {
-		let n = j(e);
+var O = () => {
+	let { navigate: s, basePath: O } = e(), { appId: k } = ce(), { t: A } = y(), { allowed: j } = g(h.APP_UPDATE), { allowed: M } = g(h.APP_DELETE), N = (e, t) => {
+		let n = A(e);
 		return n === e ? t : n;
-	}, [F, I] = b(!1), [L, R] = b({}), [z, B] = b(!1), [V, H] = b(!1), [pe, U] = b(!1), [W, G] = b(!1), { data: K, loading: me, error: q } = ne({
-		variables: { id: A },
-		skip: !A
-	}), [J] = i(), [he] = te(), [ge] = r(), [_e] = ee(), Y = fe(K?.application);
-	y(() => {
-		let e = Y?.name;
-		if (!A || !e) return;
+	}, [P, F] = v(!1), [I, L] = v({}), [R, z] = v(!1), [B, V] = v(!1), [pe, H] = v(!1), [U, W] = v(!1), { data: G, loading: me, error: K } = ee({
+		variables: { id: k },
+		skip: !k
+	}), [q] = te(), [he] = i(), [ge] = r(), J = fe(G?.application);
+	_(() => {
+		let e = J?.name;
+		if (!k || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(A, e), () => t?.unregister(A);
-	}, [A, Y?.name]);
-	let [X, Z] = b({
+		return t?.register(k, e), () => t?.unregister(k);
+	}, [k, J?.name]);
+	let [Y, X] = v({
 		name: "",
 		slug: "",
 		shortDescription: "",
@@ -141,377 +141,372 @@ var k = () => {
 		githubUrl: "",
 		requiresApproval: !1
 	});
-	y(() => {
-		Y && (Z({
-			name: Y.name,
-			slug: Y.slug,
-			shortDescription: Y.shortDescription || "",
-			description: Y.description || "",
-			appType: Y.appType,
-			visibility: Y.visibility,
-			category: Y.category || "",
-			tags: Y.tags,
-			keywords: Y.keywords,
-			websiteUrl: Y.websiteUrl || "",
-			documentationUrl: Y.documentationUrl || "",
-			supportUrl: Y.supportUrl || "",
-			privacyPolicyUrl: Y.privacyPolicyUrl || "",
-			termsOfServiceUrl: Y.termsOfServiceUrl || "",
-			githubUrl: Y.githubUrl || "",
-			requiresApproval: Y.requiresApproval
-		}), G(!1));
-	}, [K?.application]);
-	let Q = (e) => {
-		s?.(`${k}${e}`);
-	}, $ = (e, t) => {
-		Z((n) => ({
+	_(() => {
+		J && (X({
+			name: J.name,
+			slug: J.slug,
+			shortDescription: J.shortDescription || "",
+			description: J.description || "",
+			appType: J.appType,
+			visibility: J.visibility,
+			category: J.category || "",
+			tags: J.tags,
+			keywords: J.keywords,
+			websiteUrl: J.websiteUrl || "",
+			documentationUrl: J.documentationUrl || "",
+			supportUrl: J.supportUrl || "",
+			privacyPolicyUrl: J.privacyPolicyUrl || "",
+			termsOfServiceUrl: J.termsOfServiceUrl || "",
+			githubUrl: J.githubUrl || "",
+			requiresApproval: J.requiresApproval
+		}), W(!1));
+	}, [G?.application]);
+	let Z = (e) => {
+		s?.(`${O}${e}`);
+	}, Q = (e, t) => {
+		X((n) => ({
 			...n,
 			[e]: t
-		})), G(!0), L[e] && R((t) => ({
+		})), W(!0), I[e] && L((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, ve = () => {
+	}, $ = () => {
 		let e = {};
-		return X.name.trim() ? X.name.length < 3 ? e.name = P("devportal.appNameMinLength", "Name must be at least 3 characters") : X.name.length > 100 && (e.name = P("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = P("devportal.appNameRequired", "Application name is required"), X.slug.trim() ? /^[a-z0-9-]+$/.test(X.slug) || (e.slug = P("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = P("devportal.slugRequired", "Slug is required"), X.shortDescription.trim() ? X.shortDescription.length > 200 && (e.shortDescription = P("devportal.shortDescriptionMaxLength", "Short description must be less than 200 characters")) : e.shortDescription = P("devportal.shortDescriptionRequired", "Short description is required"), X.appType || (e.appType = P("devportal.appTypeRequired", "Application type is required")), X.category || (e.category = P("devportal.categoryRequired", "Category is required")), R(e), Object.keys(e).length === 0;
-	}, ye = async (e) => {
-		if (e.preventDefault(), !(!ve() || !Y)) {
-			I(!0);
+		return Y.name.trim() ? Y.name.length < 3 ? e.name = N("devportal.appNameMinLength", "Name must be at least 3 characters") : Y.name.length > 100 && (e.name = N("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = N("devportal.appNameRequired", "Application name is required"), Y.slug.trim() ? /^[a-z0-9-]+$/.test(Y.slug) || (e.slug = N("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = N("devportal.slugRequired", "Slug is required"), Y.shortDescription.trim() ? Y.shortDescription.length > 200 && (e.shortDescription = N("devportal.shortDescriptionMaxLength", "Short description must be less than 200 characters")) : e.shortDescription = N("devportal.shortDescriptionRequired", "Short description is required"), Y.appType || (e.appType = N("devportal.appTypeRequired", "Application type is required")), Y.category || (e.category = N("devportal.categoryRequired", "Category is required")), L(e), Object.keys(e).length === 0;
+	}, _e = async (e) => {
+		if (e.preventDefault(), !(!$() || !J)) {
+			F(!0);
 			try {
-				await J({ variables: {
-					id: Y.id,
+				await q({ variables: {
+					id: J.id,
 					input: {
-						name: X.name,
-						shortDescription: X.shortDescription,
-						description: X.description,
-						appType: X.appType,
-						visibility: X.visibility,
-						category: X.category,
-						tags: X.tags,
-						keywords: X.keywords,
-						websiteUrl: X.websiteUrl || null,
-						documentationUrl: X.documentationUrl || null,
-						supportUrl: X.supportUrl || null,
-						privacyPolicyUrl: X.privacyPolicyUrl || null,
-						termsOfServiceUrl: X.termsOfServiceUrl || null,
-						githubUrl: X.githubUrl || null
+						name: Y.name,
+						shortDescription: Y.shortDescription,
+						description: Y.description,
+						appType: Y.appType,
+						visibility: Y.visibility,
+						category: Y.category,
+						tags: Y.tags,
+						keywords: Y.keywords,
+						websiteUrl: Y.websiteUrl || null,
+						documentationUrl: Y.documentationUrl || null,
+						supportUrl: Y.supportUrl || null,
+						privacyPolicyUrl: Y.privacyPolicyUrl || null,
+						termsOfServiceUrl: Y.termsOfServiceUrl || null,
+						githubUrl: Y.githubUrl || null
 					}
-				} }), G(!1);
+				} }), W(!1);
 			} catch (e) {
 				console.error("Failed to update application:", e);
 			} finally {
-				I(!1);
+				F(!1);
 			}
 		}
-	}, be = async () => {
-		if (Y) {
-			c("medium");
+	}, ve = async () => {
+		if (J) {
+			re("medium");
 			try {
-				await he({ variables: { id: Y.id } }), l("success"), Q("/apps");
+				await he({ variables: { id: J.id } }), c("success"), Z("/apps");
 			} catch (e) {
-				l("error"), console.error("Failed to delete application:", e);
+				c("error"), console.error("Failed to delete application:", e);
 			}
 		}
-	}, xe = async () => {
-		if (Y) try {
-			await J({ variables: {
-				id: Y.id,
+	}, ye = async () => {
+		if (J) try {
+			await q({ variables: {
+				id: J.id,
 				input: { visibility: "PRIVATE" }
-			} }), H(!1);
+			} }), V(!1);
 		} catch (e) {
 			console.error("Failed to deprecate application:", e);
 		}
-	}, Se = async () => {
-		if (Y) try {
-			await _e({ variables: { id: Y.id } }), U(!1), Q("/apps");
+	}, be = async () => {
+		if (J) try {
+			await ge({ variables: { id: J.id } }), H(!1), Z("/apps");
 		} catch (e) {
 			console.error("Failed to deactivate application:", e);
 		}
-	}, Ce = async () => {
-		if (Y) try {
-			I(!0), await ge({ variables: { id: Y.id } });
-		} catch (e) {
-			console.error("Failed to submit for review:", e);
-		} finally {
-			I(!1);
-		}
+	}, xe = () => {
+		J && s?.(`${O}/apps/${J.id}/publish`);
 	};
-	if (me) return /* @__PURE__ */ D(t, { message: P("devportal.loadingApplication", "Loading application...") });
-	if (q) return /* @__PURE__ */ D(a, {
-		title: P("devportal.error", "Error"),
-		backLink: `${k}/apps`,
-		backLabel: P("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ O("div", {
+	if (me) return /* @__PURE__ */ E(t, { message: N("devportal.loadingApplication", "Loading application...") });
+	if (K) return /* @__PURE__ */ E(a, {
+		title: N("devportal.error", "Error"),
+		backLink: `${O}/apps`,
+		backLabel: N("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ D("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ D(S, {
+				/* @__PURE__ */ E(b, {
 					size: 48,
 					className: "text-destructive mb-4"
 				}),
-				/* @__PURE__ */ D("h3", {
+				/* @__PURE__ */ E("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: P("devportal.failedToLoadApplication", "Failed to load application")
+					children: N("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ D("p", {
+				/* @__PURE__ */ E("p", {
 					className: "text-sm text-muted-foreground",
-					children: q.message
+					children: K.message
 				})
 			]
 		})
 	});
-	if (!Y) return /* @__PURE__ */ D(a, {
-		title: P("devportal.notFound", "Not Found"),
-		backLink: `${k}/apps`,
-		backLabel: P("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ D(n, {
-			icon: /* @__PURE__ */ D(w, { 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.")
+	if (!J) return /* @__PURE__ */ E(a, {
+		title: N("devportal.notFound", "Not Found"),
+		backLink: `${O}/apps`,
+		backLabel: N("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ E(n, {
+			icon: /* @__PURE__ */ E(S, { size: 48 }),
+			title: N("devportal.applicationNotFound", "Application not found"),
+			description: N("devportal.applicationNotFoundDescription", "The application you're looking for doesn't exist or you don't have access to it.")
 		})
 	});
-	let we = Y.status === "DRAFT" || Y.status === "REJECTED", Te = Y.status === "PUBLISHED", Ee = Y.status === "ACTIVE" || Y.status === "PUBLISHED";
-	return /* @__PURE__ */ D(g, {
-		permission: _.APP_UPDATE,
-		children: /* @__PURE__ */ O(a, {
-			title: `${P("devportal.editAppTitlePrefix", "Edit:")} ${Y.name}`,
-			description: P("devportal.editAppDescription", "Update your application settings"),
-			backLink: `${k}/apps/${Y.id}`,
-			backLabel: P("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ D("div", {
+	let Se = J.status === "DRAFT" || J.status === "REJECTED", Ce = J.status === "PUBLISHED", we = J.status === "ACTIVE" || J.status === "PUBLISHED";
+	return /* @__PURE__ */ E(ie, {
+		permission: h.APP_UPDATE,
+		children: /* @__PURE__ */ D(a, {
+			title: `${N("devportal.editAppTitlePrefix", "Edit:")} ${J.name}`,
+			description: N("devportal.editAppDescription", "Update your application settings"),
+			backLink: `${O}/apps/${J.id}`,
+			backLabel: N("devportal.backToApplication", "Back to Application"),
+			actions: /* @__PURE__ */ E("div", {
 				className: "flex items-center gap-2",
-				children: /* @__PURE__ */ D(re, {
-					status: Y.status,
+				children: /* @__PURE__ */ E(ne, {
+					status: J.status,
 					type: "app"
 				})
 			}),
 			children: [
-				/* @__PURE__ */ O("form", {
-					onSubmit: ye,
+				/* @__PURE__ */ D("form", {
+					onSubmit: _e,
 					className: "space-y-8 max-w-3xl",
 					children: [
-						Y.status === "PUBLISHED" && /* @__PURE__ */ O("div", {
+						J.status === "PUBLISHED" && /* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3",
-							children: [/* @__PURE__ */ D(C, {
+							children: [/* @__PURE__ */ E(x, {
 								size: 20,
 								className: "text-status-warning-text flex-shrink-0 mt-0.5"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "text-sm text-status-warning-text",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ E("p", {
 									className: "font-medium",
-									children: P("devportal.appIsPublished", "This application is published")
-								}), /* @__PURE__ */ D("p", {
+									children: N("devportal.appIsPublished", "This application is published")
+								}), /* @__PURE__ */ E("p", {
 									className: "mt-1 text-status-warning-text",
-									children: P("devportal.publishedAppChangesWarning", "Changes to published apps may require re-review. Major changes will put the app back into review status.")
+									children: N("devportal.publishedAppChangesWarning", "Changes to published apps may require re-review. Major changes will put the app back into review status.")
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D(o, {
-							title: P("devportal.basicInformation", "Basic Information"),
-							description: P("devportal.basicInformationDescription", "Core details about your application"),
-							children: /* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E(o, {
+							title: N("devportal.basicInformation", "Basic Information"),
+							description: N("devportal.basicInformationDescription", "Core details about your application"),
+							children: /* @__PURE__ */ D("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.applicationName", "Application Name"),
-										value: X.name,
-										onChange: (e) => $("name", e.target.value),
-										placeholder: P("devportal.applicationNamePlaceholder", "My Awesome App"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.applicationName", "Application Name"),
+										value: Y.name,
+										onChange: (e) => Q("name", e.target.value),
+										placeholder: N("devportal.applicationNamePlaceholder", "My Awesome App"),
 										required: !0,
-										error: L.name
+										error: I.name
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.slug", "Slug"),
-										value: X.slug,
-										onChange: (e) => $("slug", e.target.value.toLowerCase()),
-										placeholder: P("devportal.slugPlaceholder", "my-awesome-app"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.slug", "Slug"),
+										value: Y.slug,
+										onChange: (e) => Q("slug", e.target.value.toLowerCase()),
+										placeholder: N("devportal.slugPlaceholder", "my-awesome-app"),
 										required: !0,
-										error: L.slug,
-										hint: P("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
+										error: I.slug,
+										hint: N("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
 									}),
-									/* @__PURE__ */ D(m, {
-										label: P("devportal.shortDescription", "Short Description"),
-										value: X.shortDescription,
-										onChange: (e) => $("shortDescription", e.target.value),
-										placeholder: P("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+									/* @__PURE__ */ E(p, {
+										label: N("devportal.shortDescription", "Short Description"),
+										value: Y.shortDescription,
+										onChange: (e) => Q("shortDescription", e.target.value),
+										placeholder: N("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
 										required: !0,
-										error: L.shortDescription,
-										hint: `${X.shortDescription.length}/200 ${P("devportal.characters", "characters")}`,
+										error: I.shortDescription,
+										hint: `${Y.shortDescription.length}/200 ${N("devportal.characters", "characters")}`,
 										rows: 2
 									}),
-									/* @__PURE__ */ D(m, {
-										label: P("devportal.fullDescription", "Full Description"),
-										value: X.description,
-										onChange: (e) => $("description", e.target.value),
-										placeholder: P("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
+									/* @__PURE__ */ E(p, {
+										label: N("devportal.fullDescription", "Full Description"),
+										value: Y.description,
+										onChange: (e) => Q("description", e.target.value),
+										placeholder: N("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
 										rows: 6,
-										hint: P("devportal.markdownSupported", "Markdown formatting is supported")
+										hint: N("devportal.markdownSupported", "Markdown formatting is supported")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ O(o, {
-							title: P("devportal.classification", "Classification"),
-							description: P("devportal.classificationDescription", "Categorize your application"),
+						/* @__PURE__ */ D(o, {
+							title: N("devportal.classification", "Classification"),
+							description: N("devportal.classificationDescription", "Categorize your application"),
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ D("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
-										/* @__PURE__ */ D(f, {
-											label: P("devportal.applicationType", "Application Type"),
-											value: X.appType,
-											onChange: (e) => $("appType", e.target.value),
+										/* @__PURE__ */ E(d, {
+											label: N("devportal.applicationType", "Application Type"),
+											value: Y.appType,
+											onChange: (e) => Q("appType", e.target.value),
 											options: le,
 											required: !0,
-											error: L.appType
+											error: I.appType
 										}),
-										/* @__PURE__ */ D(f, {
-											label: P("devportal.category", "Category"),
-											value: X.category,
-											onChange: (e) => $("category", e.target.value),
+										/* @__PURE__ */ E(d, {
+											label: N("devportal.category", "Category"),
+											value: Y.category,
+											onChange: (e) => Q("category", e.target.value),
 											options: de,
 											required: !0,
-											error: L.category
+											error: I.category
 										}),
-										/* @__PURE__ */ D(f, {
-											label: P("devportal.visibility", "Visibility"),
-											value: X.visibility,
-											onChange: (e) => $("visibility", e.target.value),
+										/* @__PURE__ */ E(d, {
+											label: N("devportal.visibility", "Visibility"),
+											value: Y.visibility,
+											onChange: (e) => Q("visibility", e.target.value),
 											options: ue,
-											hint: P("devportal.visibilityHint", "Controls who can see this app once published. Public apps still require admin review and approval before appearing in the store.")
+											hint: N("devportal.visibilityHint", "Controls who can see this app once published. Public apps still require admin review and approval before appearing in the store.")
 										})
 									]
 								}),
-								/* @__PURE__ */ D(p, {
-									label: P("devportal.tags", "Tags"),
-									value: X.tags,
-									onChange: (e) => $("tags", e),
-									placeholder: P("devportal.addTagsPlaceholder", "Add tags (press Enter)")
+								/* @__PURE__ */ E(f, {
+									label: N("devportal.tags", "Tags"),
+									value: Y.tags,
+									onChange: (e) => Q("tags", e),
+									placeholder: N("devportal.addTagsPlaceholder", "Add tags (press Enter)")
 								}),
-								/* @__PURE__ */ D(p, {
-									label: P("devportal.keywords", "Keywords"),
-									value: X.keywords,
-									onChange: (e) => $("keywords", e),
-									placeholder: P("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
+								/* @__PURE__ */ E(f, {
+									label: N("devportal.keywords", "Keywords"),
+									value: Y.keywords,
+									onChange: (e) => Q("keywords", e),
+									placeholder: N("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
 								})
 							]
 						}),
-						/* @__PURE__ */ D(o, {
-							title: P("devportal.links", "Links"),
-							description: P("devportal.linksDescription", "External resources for your application"),
-							children: /* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E(o, {
+							title: N("devportal.links", "Links"),
+							description: N("devportal.linksDescription", "External resources for your application"),
+							children: /* @__PURE__ */ D("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.websiteUrl", "Website URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.websiteUrl", "Website URL"),
 										type: "url",
-										value: X.websiteUrl,
-										onChange: (e) => $("websiteUrl", e.target.value),
-										placeholder: P("devportal.websiteUrlPlaceholder", "https://example.com")
+										value: Y.websiteUrl,
+										onChange: (e) => Q("websiteUrl", e.target.value),
+										placeholder: N("devportal.websiteUrlPlaceholder", "https://example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.documentationUrl", "Documentation URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.documentationUrl", "Documentation URL"),
 										type: "url",
-										value: X.documentationUrl,
-										onChange: (e) => $("documentationUrl", e.target.value),
-										placeholder: P("devportal.documentationUrlPlaceholder", "https://docs.example.com")
+										value: Y.documentationUrl,
+										onChange: (e) => Q("documentationUrl", e.target.value),
+										placeholder: N("devportal.documentationUrlPlaceholder", "https://docs.example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.supportUrl", "Support URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.supportUrl", "Support URL"),
 										type: "url",
-										value: X.supportUrl,
-										onChange: (e) => $("supportUrl", e.target.value),
-										placeholder: P("devportal.supportUrlPlaceholder", "https://support.example.com")
+										value: Y.supportUrl,
+										onChange: (e) => Q("supportUrl", e.target.value),
+										placeholder: N("devportal.supportUrlPlaceholder", "https://support.example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.githubUrl", "GitHub URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.githubUrl", "GitHub URL"),
 										type: "url",
-										value: X.githubUrl,
-										onChange: (e) => $("githubUrl", e.target.value),
-										placeholder: P("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
+										value: Y.githubUrl,
+										onChange: (e) => Q("githubUrl", e.target.value),
+										placeholder: N("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.privacyPolicyUrl", "Privacy Policy URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.privacyPolicyUrl", "Privacy Policy URL"),
 										type: "url",
-										value: X.privacyPolicyUrl,
-										onChange: (e) => $("privacyPolicyUrl", e.target.value),
-										placeholder: P("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
+										value: Y.privacyPolicyUrl,
+										onChange: (e) => Q("privacyPolicyUrl", e.target.value),
+										placeholder: N("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.termsOfServiceUrl", "Terms of Service URL"),
+									/* @__PURE__ */ E(u, {
+										label: N("devportal.termsOfServiceUrl", "Terms of Service URL"),
 										type: "url",
-										value: X.termsOfServiceUrl,
-										onChange: (e) => $("termsOfServiceUrl", e.target.value),
-										placeholder: P("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
+										value: Y.termsOfServiceUrl,
+										onChange: (e) => Q("termsOfServiceUrl", e.target.value),
+										placeholder: N("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ D(o, {
-							title: P("devportal.settings", "Settings"),
-							description: P("devportal.settingsDescription", "Additional configuration options"),
-							children: /* @__PURE__ */ D("div", {
+						/* @__PURE__ */ E(o, {
+							title: N("devportal.settings", "Settings"),
+							description: N("devportal.settingsDescription", "Additional configuration options"),
+							children: /* @__PURE__ */ E("div", {
 								className: "space-y-4",
-								children: /* @__PURE__ */ D(u, {
-									label: P("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
-									description: P("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
-									checked: X.requiresApproval,
-									onChange: (e) => $("requiresApproval", e.target.checked)
+								children: /* @__PURE__ */ E(l, {
+									label: N("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
+									description: N("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
+									checked: Y.requiresApproval,
+									onChange: (e) => Q("requiresApproval", e.target.checked)
 								})
 							})
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex flex-col gap-4 border-t pt-6",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-2",
-									children: we && /* @__PURE__ */ O("button", {
+									children: Se && /* @__PURE__ */ D("button", {
 										type: "button",
-										onClick: Ce,
-										disabled: F || W,
+										onClick: xe,
+										disabled: U,
+										title: U ? "Save your changes first" : void 0,
 										className: "inline-flex items-center gap-2 rounded-md border border-primary bg-primary/10 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/20 transition-colors disabled:opacity-50",
-										children: [/* @__PURE__ */ D(oe, { size: 16 }), P("devportal.submitForReview", "Submit for Review")]
+										children: [/* @__PURE__ */ E(oe, { size: 16 }), N("devportal.submitForReview", "Submit for Review")]
 									})
-								}), /* @__PURE__ */ D("button", {
+								}), /* @__PURE__ */ E("button", {
 									type: "submit",
-									disabled: F || !W || !M,
-									"aria-disabled": !M,
+									disabled: P || !U || !j,
+									"aria-disabled": !j,
 									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: F ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), P("devportal.saving", "Saving...")] }) : /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(ae, { size: 16 }), P("devportal.saveChanges", "Save Changes")] })
+									children: P ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), N("devportal.saving", "Saving...")] }) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(ae, { size: 16 }), N("devportal.saveChanges", "Save Changes")] })
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4",
 								children: [
-									/* @__PURE__ */ D("h3", {
+									/* @__PURE__ */ E("h3", {
 										className: "text-sm font-medium text-status-error-text",
-										children: P("devportal.dangerZone", "Danger Zone")
+										children: N("devportal.dangerZone", "Danger Zone")
 									}),
-									/* @__PURE__ */ D("p", {
+									/* @__PURE__ */ E("p", {
 										className: "mt-1 text-sm text-status-error-text",
-										children: P("devportal.dangerZoneWarning", "These actions are irreversible. Please proceed with caution.")
+										children: N("devportal.dangerZoneWarning", "These actions are irreversible. Please proceed with caution.")
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ D("div", {
 										className: "mt-4 flex gap-3",
 										children: [
-											Te && /* @__PURE__ */ O("button", {
+											Ce && /* @__PURE__ */ D("button", {
 												type: "button",
-												onClick: () => H(!0),
+												onClick: () => V(!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__ */ D(T, { size: 14 }), P("devportal.deprecateApp", "Deprecate App")]
+												children: [/* @__PURE__ */ E(C, { size: 14 }), N("devportal.deprecateApp", "Deprecate App")]
 											}),
-											Ee && /* @__PURE__ */ O("button", {
+											we && /* @__PURE__ */ D("button", {
 												type: "button",
-												onClick: () => U(!0),
+												onClick: () => H(!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__ */ D(ie, { size: 14 }), P("devportal.deactivateApp", "Deactivate App")]
+												children: [/* @__PURE__ */ E(w, { size: 14 }), N("devportal.deactivateApp", "Deactivate App")]
 											}),
-											/* @__PURE__ */ O("button", {
+											/* @__PURE__ */ D("button", {
 												type: "button",
-												onClick: () => B(!0),
-												disabled: !N,
-												"aria-disabled": !N,
+												onClick: () => z(!0),
+												disabled: !M,
+												"aria-disabled": !M,
 												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__ */ D(se, { size: 14 }), P("devportal.deleteApp", "Delete App")]
+												children: [/* @__PURE__ */ E(se, { size: 14 }), N("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})
@@ -520,38 +515,38 @@ var k = () => {
 						})
 					]
 				}),
-				/* @__PURE__ */ D(h, {
-					open: z,
-					onOpenChange: B,
-					title: P("devportal.deleteApplication", "Delete Application"),
-					description: P("devportal.deleteApplicationConfirm", `Are you sure you want to delete "${Y.name}"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`),
-					confirmLabel: P("devportal.deleteApplication", "Delete Application"),
+				/* @__PURE__ */ E(m, {
+					open: R,
+					onOpenChange: z,
+					title: N("devportal.deleteApplication", "Delete Application"),
+					description: N("devportal.deleteApplicationConfirm", `Are you sure you want to delete "${J.name}"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`),
+					confirmLabel: N("devportal.deleteApplication", "Delete Application"),
 					variant: "destructive",
-					onConfirm: be
+					onConfirm: ve
 				}),
-				/* @__PURE__ */ D(h, {
-					open: V,
-					onOpenChange: H,
-					title: P("devportal.deprecateApplication", "Deprecate Application"),
-					description: P("devportal.deprecateApplicationConfirm", `Are you sure you want to deprecate "${Y.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: P("devportal.deprecateApplication", "Deprecate Application"),
+				/* @__PURE__ */ E(m, {
+					open: B,
+					onOpenChange: V,
+					title: N("devportal.deprecateApplication", "Deprecate Application"),
+					description: N("devportal.deprecateApplicationConfirm", `Are you sure you want to deprecate "${J.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: N("devportal.deprecateApplication", "Deprecate Application"),
 					variant: "warning",
-					onConfirm: xe
+					onConfirm: ye
 				}),
-				/* @__PURE__ */ D(h, {
+				/* @__PURE__ */ E(m, {
 					open: pe,
-					onOpenChange: U,
-					title: P("devportal.deactivateApplication", "Deactivate Application"),
-					description: P("devportal.deactivateApplicationConfirm", `Are you sure you want to deactivate "${Y.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: P("devportal.deactivateApplication", "Deactivate Application"),
+					onOpenChange: H,
+					title: N("devportal.deactivateApplication", "Deactivate Application"),
+					description: N("devportal.deactivateApplicationConfirm", `Are you sure you want to deactivate "${J.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: N("devportal.deactivateApplication", "Deactivate Application"),
 					variant: "destructive",
-					onConfirm: Se
+					onConfirm: be
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { k as EditApplicationPage };
+export { O as EditApplicationPage };
 
 //# sourceMappingURL=EditApplicationPage.js.map