@burdenoff/microfe-devportal 2026.625.3 → 2026.625.4

package/dist/devportal/pages/EditApplicationPage.js

@@ -1,27 +1,27 @@
 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 { StatusBadge as ne } 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 { CheckboxField as re, 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 { 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 h } from "../constants/permissions.js";
+import { useDevportalPermission as g } from "../hooks/usePermission.js";
+import { useEffect as _, useState as v } from "react";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as oe, AlertTriangle as se, AppWindow as y, Archive as ce, Power as le, Save as b, Send as x, Trash2 as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/devportal/pages/EditApplicationPage.tsx
-var le = Object.entries(s).map(([e, t]) => ({
+var D = Object.entries(s).map(([e, t]) => ({
 	value: e,
 	label: t
-})), ue = [
+})), O = [
 	{
 		value: "PUBLIC",
 		label: "Public - Visible to everyone"
@@ -38,7 +38,7 @@ var le = Object.entries(s).map(([e, t]) => ({
 		value: "INTERNAL",
 		label: "Internal - Only visible within organization"
 	}
-], de = [
+], ue = [
 	{
 		value: "ai",
 		label: "AI & Automation"
@@ -68,7 +68,7 @@ var le = Object.entries(s).map(([e, t]) => ({
 		label: "Triggers"
 	}
 ];
-function fe(e) {
+function de(e) {
 	return e ? {
 		id: e.id,
 		name: e.name,
@@ -110,20 +110,20 @@ function fe(e) {
 	} : 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);
+	let { navigate: s, basePath: k } = e(), { appId: A } = C(), { t: fe } = ae(), { allowed: j } = g(h.APP_UPDATE), { allowed: M } = g(h.APP_DELETE), N = (e, t) => {
+		let n = fe(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({
+	}, [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: A },
 		skip: !A
-	}), [J] = i(), [he] = te(), [ge] = r(), [_e] = ee(), Y = fe(K?.application);
-	y(() => {
-		let e = Y?.name;
+	}), [q] = te(), [he] = i(), [ge] = r(), J = de(G?.application);
+	_(() => {
+		let e = J?.name;
 		if (!A || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(A, e), () => t?.unregister(A);
-	}, [A, Y?.name]);
-	let [X, Z] = b({
+	}, [A, J?.name]);
+	let [Y, X] = v({
 		name: "",
 		slug: "",
 		shortDescription: "",
@@ -139,379 +139,455 @@ var k = () => {
 		privacyPolicyUrl: "",
 		termsOfServiceUrl: "",
 		githubUrl: "",
-		requiresApproval: !1
+		requiresApproval: !1,
+		oauthConfig: {
+			authorizationUrl: "",
+			tokenUrl: "",
+			clientId: "",
+			redirectUri: "",
+			scopes: ""
+		}
 	});
-	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) => {
+	_(() => {
+		if (J) {
+			let e = G?.application?.manifest?.oauth, t = e?.scopes;
+			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,
+				oauthConfig: {
+					authorizationUrl: e?.authorizationUrl || "",
+					tokenUrl: e?.tokenUrl || "",
+					clientId: e?.clientId || "",
+					redirectUri: e?.redirectUri || "",
+					scopes: Array.isArray(t) ? t.join(" ") : t || ""
+				}
+			}), W(!1);
+		}
+	}, [G?.application]);
+	let Z = (e) => {
 		s?.(`${k}${e}`);
-	}, $ = (e, t) => {
-		Z((n) => ({
+	}, 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 = () => {
+	}, $ = (e, t) => {
+		X((n) => ({
+			...n,
+			oauthConfig: {
+				...n.oauthConfig,
+				[e]: t
+			}
+		})), W(!0);
+	}, _e = () => {
 		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);
-			try {
-				await J({ variables: {
-					id: Y.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
+		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;
+	}, ve = async (e) => {
+		if (e.preventDefault(), !_e() || !J) return;
+		F(!0);
+		let t = G?.application?.manifest ?? {}, n = Y.appType === "API_INTEGRATION" && Y.oauthConfig.authorizationUrl ? { oauth: {
+			authorizationUrl: Y.oauthConfig.authorizationUrl || void 0,
+			tokenUrl: Y.oauthConfig.tokenUrl || void 0,
+			clientId: Y.oauthConfig.clientId || void 0,
+			redirectUri: Y.oauthConfig.redirectUri || void 0,
+			scopes: Y.oauthConfig.scopes ? Y.oauthConfig.scopes.split(/[\s,]+/).filter(Boolean) : []
+		} } : {};
+		try {
+			await q({ variables: {
+				id: J.id,
+				input: {
+					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,
+					manifest: {
+						...t,
+						...n
 					}
-				} }), G(!1);
-			} catch (e) {
-				console.error("Failed to update application:", e);
-			} finally {
-				I(!1);
-			}
+				}
+			} }), W(!1);
+		} catch (e) {
+			console.error("Failed to update application:", e);
+		} finally {
+			F(!1);
 		}
-	}, be = async () => {
-		if (Y) {
+	}, ye = async () => {
+		if (J) {
 			c("medium");
 			try {
-				await he({ variables: { id: Y.id } }), l("success"), Q("/apps");
+				await he({ variables: { id: J.id } }), l("success"), Z("/apps");
 			} catch (e) {
 				l("error"), console.error("Failed to delete application:", e);
 			}
 		}
-	}, xe = async () => {
-		if (Y) try {
-			await J({ variables: {
-				id: Y.id,
+	}, be = 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");
+	}, xe = 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);
-		}
+	}, Se = () => {
+		J && s?.(`${k}/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"),
+	if (me) return /* @__PURE__ */ T(t, { message: N("devportal.loadingApplication", "Loading application...") });
+	if (K) return /* @__PURE__ */ T(a, {
+		title: N("devportal.error", "Error"),
 		backLink: `${k}/apps`,
-		backLabel: P("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ O("div", {
+		backLabel: N("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ E("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
-				/* @__PURE__ */ D(S, {
+				/* @__PURE__ */ T(oe, {
 					size: 48,
-					className: "text-status-error-text mb-4"
+					className: "text-destructive mb-4"
 				}),
-				/* @__PURE__ */ D("h3", {
+				/* @__PURE__ */ T("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", {
-					className: "text-sm text-text-secondary",
-					children: q.message
+				/* @__PURE__ */ T("p", {
+					className: "text-sm text-muted-foreground",
+					children: K.message
 				})
 			]
 		})
 	});
-	if (!Y) return /* @__PURE__ */ D(a, {
-		title: P("devportal.notFound", "Not Found"),
+	if (!J) return /* @__PURE__ */ T(a, {
+		title: N("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.")
+		backLabel: N("devportal.backToApplications", "Back to Applications"),
+		children: /* @__PURE__ */ T(n, {
+			icon: /* @__PURE__ */ T(y, { 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 Ce = J.status === "DRAFT" || J.status === "REJECTED", we = J.status === "PUBLISHED", Te = J.status === "ACTIVE" || J.status === "PUBLISHED";
+	return /* @__PURE__ */ T(ie, {
+		permission: h.APP_UPDATE,
+		children: /* @__PURE__ */ E(a, {
+			title: `${N("devportal.editAppTitlePrefix", "Edit:")} ${J.name}`,
+			description: N("devportal.editAppDescription", "Update your application settings"),
+			backLink: `${k}/apps/${J.id}`,
+			backLabel: N("devportal.backToApplication", "Back to Application"),
+			actions: /* @__PURE__ */ T("div", {
 				className: "flex items-center gap-2",
-				children: /* @__PURE__ */ D(re, {
-					status: Y.status,
+				children: /* @__PURE__ */ T(ne, {
+					status: J.status,
 					type: "app"
 				})
 			}),
 			children: [
-				/* @__PURE__ */ O("form", {
-					onSubmit: ye,
+				/* @__PURE__ */ E("form", {
+					onSubmit: ve,
 					className: "space-y-8 max-w-3xl",
 					children: [
-						Y.status === "PUBLISHED" && /* @__PURE__ */ O("div", {
+						J.status === "PUBLISHED" && /* @__PURE__ */ E("div", {
 							className: "rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3",
-							children: [/* @__PURE__ */ D(C, {
+							children: [/* @__PURE__ */ T(se, {
 								size: 20,
 								className: "text-status-warning-text flex-shrink-0 mt-0.5"
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "text-sm text-status-warning-text",
-								children: [/* @__PURE__ */ D("p", {
+								children: [/* @__PURE__ */ T("p", {
 									className: "font-medium",
-									children: P("devportal.appIsPublished", "This application is published")
-								}), /* @__PURE__ */ D("p", {
+									children: N("devportal.appIsPublished", "This application is published")
+								}), /* @__PURE__ */ T("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__ */ T(o, {
+							title: N("devportal.basicInformation", "Basic Information"),
+							description: N("devportal.basicInformationDescription", "Core details about your application"),
+							children: /* @__PURE__ */ E("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__ */ T(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__ */ T(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__ */ T(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__ */ T(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__ */ E(o, {
+							title: N("devportal.classification", "Classification"),
+							description: N("devportal.classificationDescription", "Categorize your application"),
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ E("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),
-											options: le,
+										/* @__PURE__ */ T(d, {
+											label: N("devportal.applicationType", "Application Type"),
+											value: Y.appType,
+											onChange: (e) => Q("appType", e.target.value),
+											options: D,
 											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),
-											options: de,
+										/* @__PURE__ */ T(d, {
+											label: N("devportal.category", "Category"),
+											value: Y.category,
+											onChange: (e) => Q("category", e.target.value),
+											options: ue,
 											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),
-											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.")
+										/* @__PURE__ */ T(d, {
+											label: N("devportal.visibility", "Visibility"),
+											value: Y.visibility,
+											onChange: (e) => Q("visibility", e.target.value),
+											options: O,
+											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__ */ T(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__ */ T(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__ */ T(o, {
+							title: N("devportal.links", "Links"),
+							description: N("devportal.linksDescription", "External resources for your application"),
+							children: /* @__PURE__ */ E("div", {
 								className: "grid gap-4 sm:grid-cols-2",
 								children: [
-									/* @__PURE__ */ D(d, {
-										label: P("devportal.websiteUrl", "Website URL"),
+									/* @__PURE__ */ T(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__ */ T(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__ */ T(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__ */ T(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__ */ T(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__ */ T(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", {
+						Y.appType === "API_INTEGRATION" && /* @__PURE__ */ E(o, {
+							title: N("devportal.oauthConfiguration", "OAuth Configuration"),
+							description: N("devportal.oauthConfigurationDescription", "Configure your OAuth 2.0 server endpoints so users can connect their accounts after installing this integration."),
+							children: [/* @__PURE__ */ E("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [
+									/* @__PURE__ */ T(u, {
+										label: N("devportal.authorizationUrl", "Authorization URL"),
+										type: "url",
+										value: Y.oauthConfig.authorizationUrl,
+										onChange: (e) => $("authorizationUrl", e.target.value),
+										placeholder: "https://yourapp.com/oauth/authorize",
+										hint: N("devportal.authorizationUrlHint", "Where users are redirected to grant access")
+									}),
+									/* @__PURE__ */ T(u, {
+										label: N("devportal.tokenUrl", "Token URL"),
+										type: "url",
+										value: Y.oauthConfig.tokenUrl,
+										onChange: (e) => $("tokenUrl", e.target.value),
+										placeholder: "https://yourapp.com/oauth/token",
+										hint: N("devportal.tokenUrlHint", "Endpoint to exchange auth code for access token")
+									}),
+									/* @__PURE__ */ T(u, {
+										label: N("devportal.oauthClientId", "Client ID"),
+										value: Y.oauthConfig.clientId,
+										onChange: (e) => $("clientId", e.target.value),
+										placeholder: "your-client-id",
+										hint: N("devportal.oauthClientIdHint", "Public client identifier from your OAuth app")
+									}),
+									/* @__PURE__ */ T(u, {
+										label: N("devportal.oauthRedirectUri", "Redirect URI"),
+										type: "url",
+										value: Y.oauthConfig.redirectUri,
+										onChange: (e) => $("redirectUri", e.target.value),
+										placeholder: "https://yourapp.com/oauth/callback",
+										hint: N("devportal.oauthRedirectUriHint", "URI your server handles after user grants access")
+									})
+								]
+							}), /* @__PURE__ */ T(u, {
+								label: N("devportal.oauthScopes", "Scopes"),
+								value: Y.oauthConfig.scopes,
+								onChange: (e) => $("scopes", e.target.value),
+								placeholder: "read:profile write:data",
+								hint: N("devportal.oauthScopesHint", "Space-separated list of OAuth scopes to request from the user")
+							})]
+						}),
+						/* @__PURE__ */ T(o, {
+							title: N("devportal.settings", "Settings"),
+							description: N("devportal.settingsDescription", "Additional configuration options"),
+							children: /* @__PURE__ */ T("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__ */ T(re, {
+									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__ */ E("div", {
 							className: "flex flex-col gap-4 border-t pt-6",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
-									children: we && /* @__PURE__ */ O("button", {
+									children: Ce && /* @__PURE__ */ E("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")]
+										onClick: Se,
+										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__ */ T(x, { size: 16 }), N("devportal.submitForReview", "Submit for Review")]
 									})
-								}), /* @__PURE__ */ D("button", {
+								}), /* @__PURE__ */ T("button", {
 									type: "submit",
-									disabled: F || !W || !M,
-									"aria-disabled": !M,
-									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")] })
+									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: P ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), N("devportal.saving", "Saving...")] }) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(b, { size: 16 }), N("devportal.saveChanges", "Save Changes")] })
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4",
 								children: [
-									/* @__PURE__ */ D("h3", {
+									/* @__PURE__ */ T("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__ */ T("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__ */ E("div", {
 										className: "mt-4 flex gap-3",
 										children: [
-											Te && /* @__PURE__ */ O("button", {
+											we && /* @__PURE__ */ E("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__ */ T(ce, { size: 14 }), N("devportal.deprecateApp", "Deprecate App")]
 											}),
-											Ee && /* @__PURE__ */ O("button", {
+											Te && /* @__PURE__ */ E("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__ */ T(le, { size: 14 }), N("devportal.deactivateApp", "Deactivate App")]
 											}),
-											/* @__PURE__ */ O("button", {
+											/* @__PURE__ */ E("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__ */ T(S, { size: 14 }), N("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})
@@ -520,32 +596,32 @@ 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__ */ T(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: ye
 				}),
-				/* @__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__ */ T(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: be
 				}),
-				/* @__PURE__ */ D(h, {
+				/* @__PURE__ */ T(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: xe
 				})
 			]
 		})