@burdenoff/microfe-devportal 2026.701.1 → 2026.702.2

package/dist/devportal/pages/EditApplicationPage.js

@@ -1,27 +1,45 @@
 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 { 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 { cn as t } from "../utils/cn.js";
+import { LoadingState as n } from "../components/LoadingState.js";
+import { EmptyState as ee } from "../components/EmptyState.js";
+import { useDeactivateAppMutation as r, useDeleteApplicationMutation as i, useGetApplicationQuery as a, useUpdateApplicationMutation as te } from "../../generated/global-operations.js";
+import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
+import { APP_TYPE_LABELS as c } from "../utils/constants.js";
+import { StatusBadge as ne } from "../components/StatusBadge.js";
+import { nativeImpact as re, 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 { 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 { useParams as ce } from "react-router-dom";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.js";
+import { useDevportalPermission as _ } from "../hooks/usePermission.js";
+import { useEffect as v, useState as y } from "react";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as oe, AlertTriangle as se, AppWindow as b, Archive as x, Check as S, Power as C, Save as w, Send as ce, Trash2 as le } from "lucide-react";
+import { useParams as ue } from "react-router-dom";
+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]) => ({
+var de = [
+	{
+		value: "fluidgrids",
+		label: "FluidGrids"
+	},
+	{
+		value: "workspaces",
+		label: "Workspaces"
+	},
+	{
+		value: "bigconsole",
+		label: "BigConsole"
+	},
+	{
+		value: "botlit",
+		label: "Botlit"
+	}
+], fe = Object.entries(c).map(([e, t]) => ({
 	value: e,
 	label: t
-})), ue = [
+})), pe = [
 	{
 		value: "PUBLIC",
 		label: "Public - Visible to everyone"
@@ -38,7 +56,7 @@ var le = Object.entries(s).map(([e, t]) => ({
 		value: "INTERNAL",
 		label: "Internal - Only visible within organization"
 	}
-], de = [
+], me = [
 	{
 		value: "ai",
 		label: "AI & Automation"
@@ -68,7 +86,7 @@ var le = Object.entries(s).map(([e, t]) => ({
 		label: "Triggers"
 	}
 ];
-function fe(e) {
+function he(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -109,21 +127,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: c, basePath: O } = e(), { appId: k } = ue(), { t: A } = ae(), { allowed: j } = _(g.APP_UPDATE), { allowed: M } = _(g.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] = y(!1), [I, L] = y({}), [R, z] = y(!1), [ge, B] = y(!1), [_e, V] = y(!1), [H, U] = y(!1), { data: W, loading: ve, error: G, refetch: ye } = a({
+		variables: { id: k },
+		skip: !k
+	}), [K] = te(), [be] = i(), [xe] = r(), q = he(W?.application);
+	v(() => {
+		let e = q?.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, q?.name]);
+	let [J, Y] = y({
 		name: "",
 		slug: "",
 		shortDescription: "",
@@ -140,380 +158,458 @@ var k = () => {
 		termsOfServiceUrl: "",
 		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]);
+	}), [X, Z] = y([]);
+	v(() => {
+		if (q) {
+			Y({
+				name: q.name,
+				slug: q.slug,
+				shortDescription: q.shortDescription || "",
+				description: q.description || "",
+				appType: q.appType,
+				visibility: q.visibility,
+				category: q.category || "",
+				tags: q.tags,
+				keywords: q.keywords,
+				websiteUrl: q.websiteUrl || "",
+				documentationUrl: q.documentationUrl || "",
+				supportUrl: q.supportUrl || "",
+				privacyPolicyUrl: q.privacyPolicyUrl || "",
+				termsOfServiceUrl: q.termsOfServiceUrl || "",
+				githubUrl: q.githubUrl || "",
+				requiresApproval: q.requiresApproval
+			});
+			let e = W?.application?.manifest?.compatibility;
+			Z(Array.isArray(e?.products) ? e.products : []), U(!1);
+		}
+	}, [W?.application]);
 	let Q = (e) => {
-		s?.(`${k}${e}`);
+		c?.(`${O}${e}`);
 	}, $ = (e, t) => {
-		Z((n) => ({
+		Y((n) => ({
 			...n,
 			[e]: t
-		})), G(!0), L[e] && R((t) => ({
+		})), U(!0), I[e] && L((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, ve = () => {
+	}, Se = () => {
 		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 J.name.trim() ? J.name.length < 3 ? e.name = N("devportal.appNameMinLength", "Name must be at least 3 characters") : J.name.length > 100 && (e.name = N("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = N("devportal.appNameRequired", "Application name is required"), J.slug.trim() ? /^[a-z0-9-]+$/.test(J.slug) || (e.slug = N("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = N("devportal.slugRequired", "Slug is required"), J.shortDescription.trim() ? J.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"), J.appType || (e.appType = N("devportal.appTypeRequired", "Application type is required")), J.category || (e.category = N("devportal.categoryRequired", "Category is required")), L(e), Object.keys(e).length === 0;
+	}, Ce = async (e) => {
+		if (e.preventDefault(), !(!Se() || !q)) {
+			F(!0);
 			try {
-				await J({ variables: {
-					id: Y.id,
+				await K({ variables: {
+					id: q.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: J.name,
+						shortDescription: J.shortDescription,
+						description: J.description,
+						appType: J.appType,
+						visibility: J.visibility,
+						category: J.category,
+						tags: J.tags,
+						keywords: J.keywords,
+						websiteUrl: J.websiteUrl || null,
+						documentationUrl: J.documentationUrl || null,
+						supportUrl: J.supportUrl || null,
+						privacyPolicyUrl: J.privacyPolicyUrl || null,
+						termsOfServiceUrl: J.termsOfServiceUrl || null,
+						githubUrl: J.githubUrl || null,
+						compatibleProducts: X
 					}
-				} }), G(!1);
+				} }), U(!1);
 			} catch (e) {
 				console.error("Failed to update application:", e);
 			} finally {
-				I(!1);
+				F(!1);
 			}
 		}
-	}, be = async () => {
-		if (Y) {
-			c("medium");
+	}, we = async () => {
+		if (q) {
+			re("medium");
 			try {
-				await he({ variables: { id: Y.id } }), l("success"), Q("/apps");
+				await be({ variables: { id: q.id } }), l("success"), Q("/apps");
 			} catch (e) {
 				l("error"), console.error("Failed to delete application:", e);
 			}
 		}
-	}, xe = async () => {
-		if (Y) try {
-			await J({ variables: {
-				id: Y.id,
+	}, Te = async () => {
+		if (q) try {
+			await K({ variables: {
+				id: q.id,
 				input: { visibility: "PRIVATE" }
-			} }), H(!1);
+			} }), B(!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");
+	}, Ee = async () => {
+		if (q) try {
+			await xe({ variables: { id: q.id } }), V(!1), Q("/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);
-		}
 	};
-	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 (ve) return /* @__PURE__ */ E(n, { message: N("devportal.loadingApplication", "Loading application...") });
+	if (G) return /* @__PURE__ */ E(o, {
+		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(oe, {
 					size: 48,
 					className: "text-status-error-text 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-text-secondary",
-					children: q.message
+					children: G.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, {
+	if (!q) return /* @__PURE__ */ E(o, {
+		title: N("devportal.notFound", "Not Found"),
+		backLink: `${O}/apps`,
+		backLabel: N("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ E(ee, {
 			illustration: "empty-generic",
-			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.")
+			icon: /* @__PURE__ */ E(b, { 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"),
-			purpose: P("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: `${k}/apps/${Y.id}`,
-			backLabel: P("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ D("div", {
+	let De = q.status === "DRAFT" || q.status === "REJECTED", Oe = q.status === "PUBLISHED", ke = q.status === "ACTIVE" || q.status === "PUBLISHED";
+	return /* @__PURE__ */ E(ie, {
+		permission: g.APP_UPDATE,
+		children: /* @__PURE__ */ D(o, {
+			title: `${N("devportal.editAppTitlePrefix", "Edit:")} ${q.name}`,
+			description: N("devportal.editAppDescription", "Update your application settings"),
+			purpose: N("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: `${O}/apps/${q.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: q.status,
 					type: "app"
 				})
 			}),
 			children: [
-				/* @__PURE__ */ O("form", {
-					onSubmit: ye,
+				/* @__PURE__ */ D("form", {
+					onSubmit: Ce,
 					className: "space-y-8 max-w-3xl",
 					children: [
-						Y.status === "PUBLISHED" && /* @__PURE__ */ O("div", {
+						q.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(se, {
 								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(s, {
+							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,
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.applicationName", "Application Name"),
+										value: J.name,
 										onChange: (e) => $("name", e.target.value),
-										placeholder: P("devportal.applicationNamePlaceholder", "My Awesome App"),
+										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,
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.slug", "Slug"),
+										value: J.slug,
 										onChange: (e) => $("slug", e.target.value.toLowerCase()),
-										placeholder: P("devportal.slugPlaceholder", "my-awesome-app"),
+										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,
+									/* @__PURE__ */ E(m, {
+										label: N("devportal.shortDescription", "Short Description"),
+										value: J.shortDescription,
 										onChange: (e) => $("shortDescription", e.target.value),
-										placeholder: P("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+										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: `${J.shortDescription.length}/200 ${N("devportal.characters", "characters")}`,
 										rows: 2
 									}),
-									/* @__PURE__ */ D(m, {
-										label: P("devportal.fullDescription", "Full Description"),
-										value: X.description,
+									/* @__PURE__ */ E(m, {
+										label: N("devportal.fullDescription", "Full Description"),
+										value: J.description,
 										onChange: (e) => $("description", e.target.value),
-										placeholder: P("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
+										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(s, {
+							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,
+										/* @__PURE__ */ E(f, {
+											label: N("devportal.applicationType", "Application Type"),
+											value: J.appType,
 											onChange: (e) => $("appType", e.target.value),
-											options: le,
+											options: fe,
 											required: !0,
-											error: L.appType
+											error: I.appType
 										}),
-										/* @__PURE__ */ D(f, {
-											label: P("devportal.category", "Category"),
-											value: X.category,
+										/* @__PURE__ */ E(f, {
+											label: N("devportal.category", "Category"),
+											value: J.category,
 											onChange: (e) => $("category", e.target.value),
-											options: de,
+											options: me,
 											required: !0,
-											error: L.category
+											error: I.category
 										}),
-										/* @__PURE__ */ D(f, {
-											label: P("devportal.visibility", "Visibility"),
-											value: X.visibility,
+										/* @__PURE__ */ E(f, {
+											label: N("devportal.visibility", "Visibility"),
+											value: J.visibility,
 											onChange: (e) => $("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.")
+											options: pe,
+											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,
+								/* @__PURE__ */ E(p, {
+									label: N("devportal.tags", "Tags"),
+									value: J.tags,
 									onChange: (e) => $("tags", e),
-									placeholder: P("devportal.addTagsPlaceholder", "Add tags (press Enter)")
+									placeholder: N("devportal.addTagsPlaceholder", "Add tags (press Enter)")
 								}),
-								/* @__PURE__ */ D(p, {
-									label: P("devportal.keywords", "Keywords"),
-									value: X.keywords,
+								/* @__PURE__ */ E(p, {
+									label: N("devportal.keywords", "Keywords"),
+									value: J.keywords,
 									onChange: (e) => $("keywords", e),
-									placeholder: P("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
+									placeholder: N("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
+								}),
+								(J.appType === "NODE" || J.appType === "WORKFLOW") && /* @__PURE__ */ D("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ E("label", {
+											className: "block text-sm font-medium text-text-primary",
+											children: "Compatible Products"
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "text-xs text-text-secondary",
+											children: [
+												"Select which products this ",
+												J.appType.toLowerCase(),
+												" ",
+												"works with. Users will see it in those products' node stores."
+											]
+										}),
+										/* @__PURE__ */ E("div", {
+											className: "flex flex-wrap gap-3",
+											children: de.map((e) => {
+												let n = X.includes(e.value);
+												return /* @__PURE__ */ D("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: [
+														/* @__PURE__ */ E("input", {
+															type: "checkbox",
+															className: "sr-only",
+															checked: n,
+															onChange: () => {
+																Z((t) => n ? t.filter((t) => t !== e.value) : [...t, e.value]), U(!0);
+															}
+														}),
+														n && /* @__PURE__ */ E(S, {
+															size: 14,
+															className: "text-primary flex-shrink-0"
+														}),
+														e.label
+													]
+												}, e.value);
+											})
+										})
+									]
 								})
 							]
 						}),
-						/* @__PURE__ */ D(o, {
-							title: P("devportal.links", "Links"),
-							description: P("devportal.linksDescription", "External resources for your application"),
-							children: /* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E(s, {
+							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(d, {
+										label: N("devportal.websiteUrl", "Website URL"),
 										type: "url",
-										value: X.websiteUrl,
+										value: J.websiteUrl,
 										onChange: (e) => $("websiteUrl", e.target.value),
-										placeholder: P("devportal.websiteUrlPlaceholder", "https://example.com")
+										placeholder: N("devportal.websiteUrlPlaceholder", "https://example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.documentationUrl", "Documentation URL"),
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.documentationUrl", "Documentation URL"),
 										type: "url",
-										value: X.documentationUrl,
+										value: J.documentationUrl,
 										onChange: (e) => $("documentationUrl", e.target.value),
-										placeholder: P("devportal.documentationUrlPlaceholder", "https://docs.example.com")
+										placeholder: N("devportal.documentationUrlPlaceholder", "https://docs.example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.supportUrl", "Support URL"),
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.supportUrl", "Support URL"),
 										type: "url",
-										value: X.supportUrl,
+										value: J.supportUrl,
 										onChange: (e) => $("supportUrl", e.target.value),
-										placeholder: P("devportal.supportUrlPlaceholder", "https://support.example.com")
+										placeholder: N("devportal.supportUrlPlaceholder", "https://support.example.com")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.githubUrl", "GitHub URL"),
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.githubUrl", "GitHub URL"),
 										type: "url",
-										value: X.githubUrl,
+										value: J.githubUrl,
 										onChange: (e) => $("githubUrl", e.target.value),
-										placeholder: P("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
+										placeholder: N("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.privacyPolicyUrl", "Privacy Policy URL"),
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.privacyPolicyUrl", "Privacy Policy URL"),
 										type: "url",
-										value: X.privacyPolicyUrl,
+										value: J.privacyPolicyUrl,
 										onChange: (e) => $("privacyPolicyUrl", e.target.value),
-										placeholder: P("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
+										placeholder: N("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
 									}),
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.termsOfServiceUrl", "Terms of Service URL"),
+									/* @__PURE__ */ E(d, {
+										label: N("devportal.termsOfServiceUrl", "Terms of Service URL"),
 										type: "url",
-										value: X.termsOfServiceUrl,
+										value: J.termsOfServiceUrl,
 										onChange: (e) => $("termsOfServiceUrl", e.target.value),
-										placeholder: P("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
+										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(s, {
+							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,
+								children: /* @__PURE__ */ E(u, {
+									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: J.requiresApproval,
 									onChange: (e) => $("requiresApproval", e.target.checked)
 								})
 							})
 						}),
-						/* @__PURE__ */ O("div", {
+						De && /* @__PURE__ */ D("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2",
+							children: [/* @__PURE__ */ D("p", {
+								className: "text-sm font-medium text-text-primary flex items-center gap-2",
+								children: [/* @__PURE__ */ E(ce, { size: 14 }), N("devportal.submissionChecklist", "Submission Checklist")]
+							}), [
+								{
+									label: N("devportal.checkName", "Name set"),
+									ok: !!J.name.trim()
+								},
+								{
+									label: N("devportal.checkShortDesc", "Short description set"),
+									ok: !!J.shortDescription.trim()
+								},
+								{
+									label: N("devportal.checkFullDesc", "Full description added"),
+									ok: !!J.description.trim()
+								},
+								{
+									label: N("devportal.checkCategory", "Category selected"),
+									ok: !!J.category
+								},
+								{
+									label: N("devportal.checkVisibility", "Visibility set to Public or Unlisted"),
+									ok: !!J.visibility && J.visibility !== "PRIVATE"
+								},
+								{
+									label: N("devportal.checkSaved", "All changes saved"),
+									ok: !H
+								},
+								...q?.appType === "NODE" || q?.appType === "WORKFLOW" ? [{
+									label: N("devportal.checkVersion", "At least one version uploaded"),
+									ok: (W?.application?.versions?.totalCount ?? 0) > 0
+								}] : []
+							].map((e) => /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2 text-sm",
+								children: [e.ok ? /* @__PURE__ */ E("span", {
+									className: "text-status-success-text",
+									children: "✓"
+								}) : /* @__PURE__ */ E("span", {
+									className: "text-status-error-text",
+									children: "✗"
+								}), /* @__PURE__ */ E("span", {
+									className: e.ok ? "text-text-secondary line-through" : "text-text-primary",
+									children: e.label
+								})]
+							}, e.label))]
+						}),
+						/* @__PURE__ */ D("div", {
 							className: "flex flex-col gap-4 border-t pt-6",
-							children: [/* @__PURE__ */ O("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ D("div", {
-									className: "flex items-center gap-2",
-									children: we && /* @__PURE__ */ O("button", {
-										type: "button",
-										onClick: Ce,
-										disabled: F || W,
-										className: "inline-flex items-center gap-2 rounded-md border border-primary bg-action-primary-bg/10 px-4 py-2 text-sm font-medium text-primary hover:bg-action-primary-bg/20 transition-colors disabled:opacity-50",
-										children: [/* @__PURE__ */ D(oe, { size: 16 }), P("devportal.submitForReview", "Submit for Review")]
-									})
-								}), /* @__PURE__ */ D("button", {
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-end",
+								children: /* @__PURE__ */ E("button", {
 									type: "submit",
-									disabled: F || !W || !M,
-									"aria-disabled": !M,
+									disabled: P || !H || !j,
+									"aria-disabled": !j,
 									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: 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")] })
-								})]
-							}), /* @__PURE__ */ O("div", {
+									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(w, { size: 16 }), N("devportal.saveChanges", "Save Changes")] })
+								})
+							}), /* @__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", {
+											Oe && /* @__PURE__ */ D("button", {
 												type: "button",
-												onClick: () => H(!0),
+												onClick: () => B(!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(x, { size: 14 }), N("devportal.deprecateApp", "Deprecate App")]
 											}),
-											Ee && /* @__PURE__ */ O("button", {
+											ke && /* @__PURE__ */ D("button", {
 												type: "button",
-												onClick: () => U(!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(ie, { size: 14 }), P("devportal.deactivateApp", "Deactivate App")]
+												children: [/* @__PURE__ */ E(C, { 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(le, { size: 14 }), N("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})
@@ -522,38 +618,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(h, {
+					open: R,
+					onOpenChange: z,
+					title: N("devportal.deleteApplication", "Delete Application"),
+					description: N("devportal.deleteApplicationConfirm", `Are you sure you want to delete "${q.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: we
 				}),
-				/* @__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(h, {
+					open: ge,
+					onOpenChange: B,
+					title: N("devportal.deprecateApplication", "Deprecate Application"),
+					description: N("devportal.deprecateApplicationConfirm", `Are you sure you want to deprecate "${q.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: Te
 				}),
-				/* @__PURE__ */ D(h, {
-					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"),
+				/* @__PURE__ */ E(h, {
+					open: _e,
+					onOpenChange: V,
+					title: N("devportal.deactivateApplication", "Deactivate Application"),
+					description: N("devportal.deactivateApplicationConfirm", `Are you sure you want to deactivate "${q.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: Ee
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { k as EditApplicationPage };
+export { O as EditApplicationPage };
 
 //# sourceMappingURL=EditApplicationPage.js.map