@burdenoff/microfe-devportal 2026.917.1 → 2026.917.3

package/dist/devportal/pages/EditApplicationPage.js

@@ -1,50 +1,31 @@
 import { useDevportal as e } from "../providers/DevportalProvider.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 te, useDeleteApplicationMutation as ne, useGetApplicationQuery as re, useRotateApplicationSigningSecretMutation as ie, useUpdateApplicationMutation as ae } from "../../generated/global-operations.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, useRotateApplicationSigningSecretMutation as re, useUpdateApplicationMutation as ie } from "../../generated/global-operations.js";
 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 le } from "../components/FormField.js";
+import { StatusBadge as ae } from "../components/StatusBadge.js";
+import { nativeImpact as oe, nativeNotify as o } from "../../utils/nativeBridge.js";
+import { CheckboxField as se, InputField as s, SelectField as c, TagInput as l, TextareaField as ce } 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 { PermissionGuard as le } from "../components/PermissionGuard.js";
+import { MarkdownEditor as ue } from "../components/MarkdownEditor.js";
 import "../components/index.js";
 import { useDevportalPermission as d } from "../hooks/usePermission.js";
+import { useProducts as de } from "../hooks/useProducts.js";
+import "../hooks/index.js";
 import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
+import { MultiSelectCombobox as fe } from "../components/MultiSelectCombobox.js";
 import { useEffect as p, useState as m } from "react";
-import { AlertCircle as fe, AlertTriangle as pe, AppWindow as me, Archive as he, Check as h, Copy as ge, Eye as g, 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";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useI18n as Ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as pe, AlertTriangle as me, AppWindow as he, Archive as ge, Check as _e, Copy as ve, Eye as ye, EyeOff as be, Power as xe, RefreshCw as h, Save as Se, Send as Ce, Trash2 as we } from "lucide-react";
+import { useParams as Te } from "react-router";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/devportal/pages/EditApplicationPage.tsx
-var we = [
-	{
-		value: "fluidgrids",
-		label: "FluidGrids"
-	},
-	{
-		value: "workspaces",
-		label: "Workspaces"
-	},
-	{
-		value: "bigconsole",
-		label: "BigConsole"
-	},
-	{
-		value: "botlit",
-		label: "Botlit"
-	},
-	{
-		value: "vibecontrols",
-		label: "VibeControls"
-	}
-], Te = Object.entries(a).map(([e, t]) => ({
+var De = Object.entries(a).map(([e, t]) => ({
 	value: e,
 	label: t
-})), x = [
+})), y = [
 	{
 		value: "PUBLIC",
 		label: "Public — listed in the marketplace after review"
@@ -57,10 +38,10 @@ var we = [
 		value: "INTERNAL",
 		label: "Internal — visible to your entire dev org"
 	}
-], Ee = [...x, {
+], Oe = [...y, {
 	value: "UNLISTED",
 	label: "Unlisted — shareable via link, not listed in store"
-}], De = [
+}], ke = [
 	{
 		value: "ai",
 		label: "AI & Automation"
@@ -90,7 +71,7 @@ var we = [
 		label: "Triggers"
 	}
 ];
-function Oe(e) {
+function Ae(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -133,21 +114,21 @@ function Oe(e) {
 		updatedAt: e.updatedAt
 	} : null;
 }
-var S = () => {
-	let { navigate: a, basePath: S } = e(), { appId: C } = Se(), { t: ke } = Ce(), { allowed: w } = d(f.APP_UPDATE), { allowed: T } = d(f.APP_DELETE), E = (e, t) => {
-		let n = ke(e);
+var b = () => {
+	let { navigate: a, basePath: b } = e(), { appId: x } = Te(), { t: S } = Ee(), { products: C } = de(), { allowed: w } = d(f.APP_UPDATE), { allowed: T } = d(f.APP_DELETE), E = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [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
-	}), [W] = ae(), [Le] = ne(), [Re] = te(), [ze] = ie(), G = Oe(H?.application);
+	}, [D, O] = m(!1), [k, A] = m({}), [je, j] = m(!1), [Me, M] = m(!1), [N, P] = m(!1), [F, I] = m(!1), [L, R] = m(!1), [z, B] = m(!1), [V, Ne] = m(null), [Pe, H] = m(!1), { data: U, loading: Fe, error: W, refetch: Ie } = ne({
+		variables: { id: x },
+		skip: !x
+	}), [G] = ie(), [Le] = te(), [Re] = ee(), [ze] = re(), K = Ae(U?.application);
 	p(() => {
-		let e = G?.name;
-		if (!C || !e) return;
+		let e = K?.name;
+		if (!x || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(C, e), () => t?.unregister(C);
-	}, [C, G?.name]);
-	let [K, q] = m({
+		return t?.register(x, e), () => t?.unregister(x);
+	}, [x, K?.name]);
+	let [q, J] = m({
 		name: "",
 		slug: "",
 		shortDescription: "",
@@ -166,225 +147,225 @@ var S = () => {
 		oauthAuthUrl: "",
 		oauthRevokeUrl: "",
 		requiresApproval: !1
-	}), [J, Y] = m([]);
+	}), [Y, X] = 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
+		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
 			});
-			let e = H?.application?.manifest?.compatibility;
-			Y(Array.isArray(e?.products) ? e.products : []), F(!1);
+			let e = U?.application?.manifest?.compatibility;
+			X(Array.isArray(e?.products) ? e.products : []), I(!1);
 		}
-	}, [H?.application]);
-	let X = (e) => {
-		a?.(`${S}${e}`);
-	}, Z = (e, t) => {
-		q((n) => ({
+	}, [U?.application]);
+	let Z = (e) => {
+		a?.(`${b}${e}`);
+	}, Q = (e, t) => {
+		J((n) => ({
 			...n,
 			[e]: t
-		})), F(!0), k[e] && A((t) => ({
+		})), I(!0), k[e] && A((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, Q = async () => {
-		if (C) {
-			z(!0);
+	}, $ = async () => {
+		if (x) {
+			B(!0);
 			try {
-				let e = (await ze({ variables: { id: C } })).data?.rotateApplicationSigningSecret?.signingSecret;
-				e && (Ne(e), L(!0));
+				let e = (await ze({ variables: { id: x } })).data?.rotateApplicationSigningSecret?.signingSecret;
+				e && (Ne(e), R(!0));
 			} catch {
 				o("error");
 			} finally {
-				z(!1);
+				B(!1);
 			}
 		}
 	}, Be = async (e) => {
-		await navigator.clipboard.writeText(e), V(!0), setTimeout(() => V(!1), 2e3);
+		await navigator.clipboard.writeText(e), H(!0), setTimeout(() => H(!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;
+		return q.name.trim() ? q.name.length < 3 ? e.name = E("devportal.appNameMinLength", "Name must be at least 3 characters") : q.name.length > 100 && (e.name = E("devportal.appNameMaxLength", "Name must be less than 100 characters")) : e.name = E("devportal.appNameRequired", "Application name is required"), q.slug.trim() ? /^[a-z0-9-]+$/.test(q.slug) || (e.slug = E("devportal.slugInvalidChars", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = E("devportal.slugRequired", "Slug is required"), q.shortDescription.trim() ? q.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"), q.appType || (e.appType = E("devportal.appTypeRequired", "Application type is required")), q.category || (e.category = E("devportal.categoryRequired", "Category is required")), A(e), Object.keys(e).length === 0;
 	}, He = async (e) => {
-		if (e.preventDefault(), !(!Ve() || !G)) {
+		if (e.preventDefault(), !(!Ve() || !K)) {
 			O(!0);
 			try {
-				await W({ variables: {
-					id: G.id,
+				await G({ variables: {
+					id: K.id,
 					input: {
-						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
+						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
 					}
-				} }), F(!1);
+				} }), I(!1);
 			} catch (e) {
 				console.error("Failed to update application:", e);
 			} finally {
 				O(!1);
 			}
 		}
-	}, $ = async () => {
-		if (G) {
-			se("medium");
+	}, Ue = async () => {
+		if (K) {
+			oe("medium");
 			try {
-				await Le({ variables: { id: G.id } }), o("success"), X("/apps");
+				await Le({ variables: { id: K.id } }), o("success"), Z("/apps");
 			} catch (e) {
 				o("error"), console.error("Failed to delete application:", e);
 			}
 		}
-	}, Ue = async () => {
-		if (G) try {
-			await W({ variables: {
-				id: G.id,
+	}, We = async () => {
+		if (K) try {
+			await G({ variables: {
+				id: K.id,
 				input: { visibility: "PRIVATE" }
 			} }), M(!1);
 		} catch (e) {
 			console.error("Failed to deprecate application:", e);
 		}
-	}, We = async () => {
-		if (G) try {
-			await Re({ variables: { id: G.id } }), N(!1), X("/apps");
+	}, Ge = async () => {
+		if (K) try {
+			await Re({ variables: { id: K.id } }), P(!1), Z("/apps");
 		} catch (e) {
 			console.error("Failed to deactivate application:", e);
 		}
 	};
-	if (Fe) return /* @__PURE__ */ y(n, { message: E("devportal.loadingApplication", "Loading application...") });
-	if (U) return /* @__PURE__ */ y(r, {
+	if (Fe) return /* @__PURE__ */ _(t, { message: E("devportal.loadingApplication", "Loading application...") });
+	if (W) return /* @__PURE__ */ _(r, {
 		title: E("devportal.error", "Error"),
-		backLink: `${S}/apps`,
+		backLink: `${b}/apps`,
 		backLabel: E("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ y(fe, {
+				/* @__PURE__ */ _(pe, {
 					size: 48,
 					className: "text-status-error-text mb-4"
 				}),
-				/* @__PURE__ */ y("h3", {
+				/* @__PURE__ */ _("h3", {
 					className: "text-lg font-semibold mb-2",
 					children: E("devportal.failedToLoadApplication", "Failed to load application")
 				}),
-				/* @__PURE__ */ y("p", {
+				/* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
-					children: U.message
+					children: W.message
 				})
 			]
 		})
 	});
-	if (!G) return /* @__PURE__ */ y(r, {
+	if (!K) return /* @__PURE__ */ _(r, {
 		title: E("devportal.notFound", "Not Found"),
-		backLink: `${S}/apps`,
+		backLink: `${b}/apps`,
 		backLabel: E("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ y(ee, {
+		children: /* @__PURE__ */ _(n, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ y(me, { size: 48 }),
+			icon: /* @__PURE__ */ _(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 Ge = G.status === "DRAFT" || G.status === "REJECTED", Ke = G.status === "PUBLISHED", qe = G.status === "ACTIVE" || G.status === "PUBLISHED";
-	return /* @__PURE__ */ y(ue, {
+	let Ke = K.status === "DRAFT" || K.status === "REJECTED", qe = K.status === "PUBLISHED", Je = K.status === "ACTIVE" || K.status === "PUBLISHED";
+	return /* @__PURE__ */ _(le, {
 		authOnly: !0,
-		children: /* @__PURE__ */ b(r, {
-			title: `${E("devportal.editAppTitlePrefix", "Edit:")} ${G.name}`,
+		children: /* @__PURE__ */ v(r, {
+			title: `${E("devportal.editAppTitlePrefix", "Edit:")} ${K.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}`,
+			backLink: `${b}/apps/${K.id}`,
 			backLabel: E("devportal.backToApplication", "Back to Application"),
-			actions: /* @__PURE__ */ y("div", {
+			actions: /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
-				children: /* @__PURE__ */ y(oe, {
-					status: G.status,
+				children: /* @__PURE__ */ _(ae, {
+					status: K.status,
 					type: "app"
 				})
 			}),
 			children: [
-				/* @__PURE__ */ b("form", {
+				/* @__PURE__ */ v("form", {
 					onSubmit: He,
 					className: "space-y-8 max-w-3xl",
 					children: [
-						G.status === "PUBLISHED" && /* @__PURE__ */ b("div", {
+						K.status === "PUBLISHED" && /* @__PURE__ */ v("div", {
 							className: "rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3",
-							children: [/* @__PURE__ */ y(pe, {
+							children: [/* @__PURE__ */ _(me, {
 								size: 20,
 								className: "text-status-warning-text flex-shrink-0 mt-0.5"
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "text-sm text-status-warning-text",
-								children: [/* @__PURE__ */ y("p", {
+								children: [/* @__PURE__ */ _("p", {
 									className: "font-medium",
 									children: E("devportal.appIsPublished", "This application is published")
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ _("p", {
 									className: "mt-1 text-status-warning-text",
 									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, {
+						/* @__PURE__ */ _(i, {
 							title: E("devportal.basicInformation", "Basic Information"),
 							description: E("devportal.basicInformationDescription", "Core details about your application"),
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ v("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.applicationName", "Application Name"),
-										value: K.name,
-										onChange: (e) => Z("name", e.target.value),
+										value: q.name,
+										onChange: (e) => Q("name", e.target.value),
 										placeholder: E("devportal.applicationNamePlaceholder", "My Awesome App"),
 										required: !0,
 										error: k.name
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.slug", "Slug"),
-										value: K.slug,
-										onChange: (e) => Z("slug", e.target.value.toLowerCase()),
+										value: q.slug,
+										onChange: (e) => Q("slug", e.target.value.toLowerCase()),
 										placeholder: E("devportal.slugPlaceholder", "my-awesome-app"),
 										required: !0,
 										error: k.slug,
 										hint: E("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
 									}),
-									/* @__PURE__ */ y(le, {
+									/* @__PURE__ */ _(ce, {
 										label: E("devportal.shortDescription", "Short Description"),
-										value: K.shortDescription,
-										onChange: (e) => Z("shortDescription", e.target.value),
+										value: q.shortDescription,
+										onChange: (e) => Q("shortDescription", e.target.value),
 										placeholder: E("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
 										required: !0,
 										error: k.shortDescription,
-										hint: `${K.shortDescription.length}/200 ${E("devportal.characters", "characters")}`,
+										hint: `${q.shortDescription.length}/200 ${E("devportal.characters", "characters")}`,
 										rows: 2
 									}),
-									/* @__PURE__ */ y(de, {
+									/* @__PURE__ */ _(ue, {
 										label: E("devportal.fullDescription", "Full Description"),
-										value: K.description,
-										onChange: (e) => Z("description", e),
+										value: q.description,
+										onChange: (e) => Q("description", e),
 										placeholder: E("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
 										rows: 6,
 										hint: E("devportal.markdownSupported", "Markdown formatting is supported")
@@ -392,182 +373,170 @@ var S = () => {
 								]
 							})
 						}),
-						/* @__PURE__ */ b(i, {
+						/* @__PURE__ */ v(i, {
 							title: E("devportal.classification", "Classification"),
 							description: E("devportal.classificationDescription", "Categorize your application"),
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ v("div", {
 									className: "grid gap-4 sm:grid-cols-2",
 									children: [
-										/* @__PURE__ */ y(c, {
+										/* @__PURE__ */ _(c, {
 											label: E("devportal.applicationType", "Application Type"),
-											value: K.appType,
-											onChange: (e) => Z("appType", e.target.value),
-											options: Te,
+											value: q.appType,
+											onChange: (e) => Q("appType", e.target.value),
+											options: De,
 											required: !0,
 											error: k.appType
 										}),
-										/* @__PURE__ */ y(c, {
+										/* @__PURE__ */ _(c, {
 											label: E("devportal.category", "Category"),
-											value: K.category,
-											onChange: (e) => Z("category", e.target.value),
-											options: De,
+											value: q.category,
+											onChange: (e) => Q("category", e.target.value),
+											options: ke,
 											required: !0,
 											error: k.category
 										}),
-										/* @__PURE__ */ y(c, {
+										/* @__PURE__ */ _(c, {
 											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")
+											value: q.visibility,
+											onChange: (e) => Q("visibility", e.target.value),
+											options: K?.appType === "WORKFLOW" ? Oe : y,
+											hint: q.visibility === "PUBLIC" ? E("devportal.visibilityHintPublic", "Listed in the marketplace after review approval — anyone can discover and install it") : q.visibility === "UNLISTED" ? E("devportal.visibilityHintUnlisted", "Not in the store, but accessible via a direct link. You can still submit for marketplace review") : q.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, {
+								/* @__PURE__ */ _(l, {
 									label: E("devportal.tags", "Tags"),
-									value: K.tags,
-									onChange: (e) => Z("tags", e),
+									value: q.tags,
+									onChange: (e) => Q("tags", e),
 									placeholder: E("devportal.addTagsPlaceholder", "Add tags (press Enter)")
 								}),
-								/* @__PURE__ */ y(l, {
+								/* @__PURE__ */ _(l, {
 									label: E("devportal.keywords", "Keywords"),
-									value: K.keywords,
-									onChange: (e) => Z("keywords", e),
+									value: q.keywords,
+									onChange: (e) => Q("keywords", e),
 									placeholder: E("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)")
 								}),
-								(K.appType === "NODE" || K.appType === "WORKFLOW") && /* @__PURE__ */ b("div", {
+								(q.appType === "NODE" || q.appType === "WORKFLOW") && /* @__PURE__ */ v("div", {
 									className: "space-y-2",
 									children: [
-										/* @__PURE__ */ y("label", {
+										/* @__PURE__ */ _("label", {
 											className: "block text-sm font-medium text-text-primary",
 											children: "Compatible Products"
 										}),
-										/* @__PURE__ */ b("p", {
+										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"Select which products this ",
-												K.appType.toLowerCase(),
+												q.appType.toLowerCase(),
 												" ",
 												"works with. Users will see it in those products' node stores."
 											]
 										}),
-										/* @__PURE__ */ y("div", {
-											className: "flex flex-wrap gap-3",
-											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: [
-														/* @__PURE__ */ y("input", {
-															type: "checkbox",
-															className: "sr-only",
-															checked: n,
-															onChange: () => {
-																Y((t) => n ? t.filter((t) => t !== e.value) : [...t, e.value]), F(!0);
-															}
-														}),
-														n && /* @__PURE__ */ y(h, {
-															size: 14,
-															className: "text-primary flex-shrink-0"
-														}),
-														e.label
-													]
-												}, e.value);
-											})
+										/* @__PURE__ */ _(fe, {
+											options: C.map((e) => ({
+												value: e.slug,
+												label: e.name
+											})),
+											selected: Y,
+											onChange: (e) => {
+												X(e), I(!0);
+											},
+											placeholder: "Select products…",
+											searchPlaceholder: "Search products…"
 										})
 									]
 								})
 							]
 						}),
-						/* @__PURE__ */ y(i, {
+						/* @__PURE__ */ _(i, {
 							title: E("devportal.links", "Links"),
 							description: E("devportal.linksDescription", "External resources for your application"),
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ v("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.websiteUrl", "Website URL"),
 										type: "url",
-										value: K.websiteUrl,
-										onChange: (e) => Z("websiteUrl", e.target.value),
+										value: q.websiteUrl,
+										onChange: (e) => Q("websiteUrl", e.target.value),
 										placeholder: E("devportal.websiteUrlPlaceholder", "https://example.com")
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.documentationUrl", "Documentation URL"),
 										type: "url",
-										value: K.documentationUrl,
-										onChange: (e) => Z("documentationUrl", e.target.value),
+										value: q.documentationUrl,
+										onChange: (e) => Q("documentationUrl", e.target.value),
 										placeholder: E("devportal.documentationUrlPlaceholder", "https://docs.example.com")
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.supportUrl", "Support URL"),
 										type: "url",
-										value: K.supportUrl,
-										onChange: (e) => Z("supportUrl", e.target.value),
+										value: q.supportUrl,
+										onChange: (e) => Q("supportUrl", e.target.value),
 										placeholder: E("devportal.supportUrlPlaceholder", "https://support.example.com")
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.githubUrl", "GitHub URL"),
 										type: "url",
-										value: K.githubUrl,
-										onChange: (e) => Z("githubUrl", e.target.value),
+										value: q.githubUrl,
+										onChange: (e) => Q("githubUrl", e.target.value),
 										placeholder: E("devportal.githubUrlPlaceholder", "https://github.com/org/repo")
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.privacyPolicyUrl", "Privacy Policy URL"),
 										type: "url",
-										value: K.privacyPolicyUrl,
-										onChange: (e) => Z("privacyPolicyUrl", e.target.value),
+										value: q.privacyPolicyUrl,
+										onChange: (e) => Q("privacyPolicyUrl", e.target.value),
 										placeholder: E("devportal.privacyPolicyUrlPlaceholder", "https://example.com/privacy")
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: E("devportal.termsOfServiceUrl", "Terms of Service URL"),
 										type: "url",
-										value: K.termsOfServiceUrl,
-										onChange: (e) => Z("termsOfServiceUrl", e.target.value),
+										value: q.termsOfServiceUrl,
+										onChange: (e) => Q("termsOfServiceUrl", e.target.value),
 										placeholder: E("devportal.termsOfServiceUrlPlaceholder", "https://example.com/terms")
 									})
 								]
 							})
 						}),
-						(K.appType === "INTEGRATION" || K.appType === "API_INTEGRATION") && /* @__PURE__ */ y(i, {
+						(q.appType === "INTEGRATION" || q.appType === "API_INTEGRATION") && /* @__PURE__ */ _(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", {
+							children: /* @__PURE__ */ v("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: "Post-install Callback URL",
 										type: "url",
-										value: K.oauthAuthUrl,
-										onChange: (e) => Z("oauthAuthUrl", e.target.value),
+										value: q.oauthAuthUrl,
+										onChange: (e) => Q("oauthAuthUrl", e.target.value),
 										placeholder: "https://yourapp.com/callback",
 										hint: "Users land here after install with ?installation_id=xxx appended"
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ _(s, {
 										label: "Revoke URL",
 										type: "url",
-										value: K.oauthRevokeUrl,
-										onChange: (e) => Z("oauthRevokeUrl", e.target.value),
+										value: q.oauthRevokeUrl,
+										onChange: (e) => Q("oauthRevokeUrl", e.target.value),
 										placeholder: "https://yourapp.com/oauth/revoke",
 										hint: "We POST to this URL when a user uninstalls your integration"
 									}),
 									(() => {
-										let e = B ?? H?.application?.signingSecret, t = "boff_sk_" + "•".repeat(32);
-										return /* @__PURE__ */ b("div", {
+										let e = V ?? U?.application?.signingSecret, t = "boff_sk_" + "•".repeat(32);
+										return /* @__PURE__ */ v("div", {
 											className: "space-y-1.5",
 											children: [
-												/* @__PURE__ */ y("label", {
+												/* @__PURE__ */ _("label", {
 													className: "block text-sm font-medium text-text-primary",
 													children: "Signing Secret"
 												}),
-												/* @__PURE__ */ b("p", {
+												/* @__PURE__ */ v("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														"Use this secret to authenticate",
 														" ",
-														/* @__PURE__ */ y("code", {
+														/* @__PURE__ */ _("code", {
 															className: "font-mono text-xs bg-bg-sunken px-1 py-0.5 rounded",
 															children: "verifyInstallation"
 														}),
@@ -575,55 +544,55 @@ var S = () => {
 														"calls from your integration server. Store it securely — it is only shown immediately after generation or rotation."
 													]
 												}),
-												e ? /* @__PURE__ */ b("div", {
+												e ? /* @__PURE__ */ v("div", {
 													className: "flex items-center gap-2",
-													children: [/* @__PURE__ */ b("div", {
+													children: [/* @__PURE__ */ v("div", {
 														className: "flex-1 flex items-center gap-0 rounded-md border border-border-default bg-bg-sunken overflow-hidden",
 														children: [
-															/* @__PURE__ */ y("code", {
+															/* @__PURE__ */ _("code", {
 																className: "flex-1 px-3 py-2 text-xs font-mono text-text-primary truncate",
-																children: I ? e : t
+																children: L ? e : t
 															}),
-															/* @__PURE__ */ y("button", {
+															/* @__PURE__ */ _("button", {
 																type: "button",
-																onClick: () => L((e) => !e),
+																onClick: () => R((e) => !e),
 																className: "px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default",
-																title: I ? "Hide" : "Reveal",
-																children: y(I ? _e : g, { size: 14 })
+																title: L ? "Hide" : "Reveal",
+																children: _(L ? be : ye, { size: 14 })
 															}),
-															/* @__PURE__ */ y("button", {
+															/* @__PURE__ */ _("button", {
 																type: "button",
 																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: Pe ? /* @__PURE__ */ y(h, {
+																children: Pe ? /* @__PURE__ */ _(_e, {
 																	size: 14,
 																	className: "text-green-500"
-																}) : /* @__PURE__ */ y(ge, { size: 14 })
+																}) : /* @__PURE__ */ _(ve, { size: 14 })
 															})
 														]
-													}), /* @__PURE__ */ b("button", {
+													}), /* @__PURE__ */ v("button", {
 														type: "button",
-														onClick: Q,
-														disabled: R,
+														onClick: $,
+														disabled: z,
 														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(_, {
+														children: [/* @__PURE__ */ _(h, {
 															size: 12,
-															className: R ? "animate-spin" : ""
+															className: z ? "animate-spin" : ""
 														}), "Rotate"]
 													})]
-												}) : /* @__PURE__ */ b("button", {
+												}) : /* @__PURE__ */ v("button", {
 													type: "button",
-													onClick: Q,
-													disabled: R,
+													onClick: $,
+													disabled: z,
 													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(_, {
+													children: [/* @__PURE__ */ _(h, {
 														size: 12,
-														className: R ? "animate-spin" : ""
+														className: z ? "animate-spin" : ""
 													}), "Generate Signing Secret"]
 												}),
-												B && /* @__PURE__ */ y("p", {
+												V && /* @__PURE__ */ _("p", {
 													className: "text-xs text-amber-600 dark:text-amber-400",
 													children: "New secret generated. Copy it now — the old secret is already invalidated."
 												})
@@ -633,111 +602,111 @@ var S = () => {
 								]
 							})
 						}),
-						/* @__PURE__ */ y(i, {
+						/* @__PURE__ */ _(i, {
 							title: E("devportal.settings", "Settings"),
 							description: E("devportal.settingsDescription", "Additional configuration options"),
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "space-y-4",
-								children: /* @__PURE__ */ y(ce, {
+								children: /* @__PURE__ */ _(se, {
 									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)
+									checked: q.requiresApproval,
+									onChange: (e) => Q("requiresApproval", e.target.checked)
 								})
 							})
 						}),
-						Ge && /* @__PURE__ */ b("div", {
+						Ke && /* @__PURE__ */ v("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-sm font-medium text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ y(be, { size: 14 }), E("devportal.submissionChecklist", "Submission Checklist")]
+								children: [/* @__PURE__ */ _(Ce, { size: 14 }), E("devportal.submissionChecklist", "Submission Checklist")]
 							}), [
 								{
 									label: E("devportal.checkName", "Name set"),
-									ok: !!K.name.trim()
+									ok: !!q.name.trim()
 								},
 								{
 									label: E("devportal.checkShortDesc", "Short description set"),
-									ok: !!K.shortDescription.trim()
+									ok: !!q.shortDescription.trim()
 								},
 								{
 									label: E("devportal.checkFullDesc", "Full description added"),
-									ok: !!K.description.trim()
+									ok: !!q.description.trim()
 								},
 								{
 									label: E("devportal.checkCategory", "Category selected"),
-									ok: !!K.category
+									ok: !!q.category
 								},
 								{
 									label: E("devportal.checkVisibility", "Visibility set to Public or Unlisted"),
-									ok: !!K.visibility && K.visibility !== "PRIVATE"
+									ok: !!q.visibility && q.visibility !== "PRIVATE"
 								},
 								{
 									label: E("devportal.checkSaved", "All changes saved"),
-									ok: !P
+									ok: !F
 								},
-								...G?.appType === "NODE" || G?.appType === "WORKFLOW" ? [{
+								...K?.appType === "NODE" || K?.appType === "WORKFLOW" ? [{
 									label: E("devportal.checkVersion", "At least one version uploaded"),
-									ok: (H?.application?.versions?.totalCount ?? 0) > 0
+									ok: (U?.application?.versions?.totalCount ?? 0) > 0
 								}] : []
-							].map((e) => /* @__PURE__ */ b("div", {
+							].map((e) => /* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2 text-sm",
-								children: [e.ok ? /* @__PURE__ */ y("span", {
+								children: [e.ok ? /* @__PURE__ */ _("span", {
 									className: "text-status-success-text",
 									children: "✓"
-								}) : /* @__PURE__ */ y("span", {
+								}) : /* @__PURE__ */ _("span", {
 									className: "text-status-error-text",
 									children: "✗"
-								}), /* @__PURE__ */ y("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: e.ok ? "text-text-secondary line-through" : "text-text-primary",
 									children: e.label
 								})]
 							}, e.label))]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex flex-col gap-4 border-t pt-6",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-end",
-								children: /* @__PURE__ */ y("button", {
+								children: /* @__PURE__ */ _("button", {
 									type: "submit",
-									disabled: D || !P || !w,
+									disabled: D || !F || !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: 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(ye, { size: 16 }), E("devportal.saveChanges", "Save Changes")] })
+									children: D ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), E("devportal.saving", "Saving...")] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(Se, { size: 16 }), E("devportal.saveChanges", "Save Changes")] })
 								})
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4",
 								children: [
-									/* @__PURE__ */ y("h3", {
+									/* @__PURE__ */ _("h3", {
 										className: "text-sm font-medium text-status-error-text",
 										children: E("devportal.dangerZone", "Danger Zone")
 									}),
-									/* @__PURE__ */ y("p", {
+									/* @__PURE__ */ _("p", {
 										className: "mt-1 text-sm text-status-error-text",
 										children: E("devportal.dangerZoneWarning", "These actions are irreversible. Please proceed with caution.")
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ v("div", {
 										className: "mt-4 flex gap-3",
 										children: [
-											Ke && /* @__PURE__ */ b("button", {
+											qe && /* @__PURE__ */ v("button", {
 												type: "button",
 												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(he, { size: 14 }), E("devportal.deprecateApp", "Deprecate App")]
+												children: [/* @__PURE__ */ _(ge, { size: 14 }), E("devportal.deprecateApp", "Deprecate App")]
 											}),
-											qe && /* @__PURE__ */ b("button", {
+											Je && /* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: () => N(!0),
+												onClick: () => P(!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 }), E("devportal.deactivateApp", "Deactivate App")]
+												children: [/* @__PURE__ */ _(xe, { size: 14 }), E("devportal.deactivateApp", "Deactivate App")]
 											}),
-											/* @__PURE__ */ b("button", {
+											/* @__PURE__ */ v("button", {
 												type: "button",
 												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 }), E("devportal.deleteApp", "Delete App")]
+												children: [/* @__PURE__ */ _(we, { size: 14 }), E("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})
@@ -746,38 +715,38 @@ var S = () => {
 						})
 					]
 				}),
-				/* @__PURE__ */ y(u, {
-					open: Ae,
+				/* @__PURE__ */ _(u, {
+					open: je,
 					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.`),
+					description: E("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: E("devportal.deleteApplication", "Delete Application"),
 					variant: "destructive",
-					onConfirm: $
+					onConfirm: Ue
 				}),
-				/* @__PURE__ */ y(u, {
-					open: je,
+				/* @__PURE__ */ _(u, {
+					open: Me,
 					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.`),
+					description: E("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: E("devportal.deprecateApplication", "Deprecate Application"),
 					variant: "warning",
-					onConfirm: Ue
+					onConfirm: We
 				}),
-				/* @__PURE__ */ y(u, {
-					open: Me,
-					onOpenChange: N,
+				/* @__PURE__ */ _(u, {
+					open: N,
+					onOpenChange: P,
 					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.`),
+					description: E("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: E("devportal.deactivateApplication", "Deactivate Application"),
 					variant: "destructive",
-					onConfirm: We
+					onConfirm: Ge
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { S as EditApplicationPage };
+export { b as EditApplicationPage };
 
 //# sourceMappingURL=EditApplicationPage.js.map