@burdenoff/microfe-devportal 2026.801.1 → 2026.801.2

package/dist/devportal/pages/CreateWebhookPage.js

@@ -1,58 +1,58 @@
-import { useParams as e } from "../../node_modules/react-router/dist/production/lib/hooks.js";
-import { useDevportal as t } from "../providers/DevportalProvider.js";
-import { useDevportalEventBus as n } from "../events/index.js";
-import { useCreateWebhookMutation as r, useGetApplicationQuery as i, useGetApplicationsQuery as a } from "../../generated/global-operations.js";
-import { getErrorMessage as o } from "../hooks/useGraphQL.js";
-import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
-import { CheckboxField as l, InputField as u, TextareaField as d } from "../components/FormField.js";
-import { Alert as f } from "../components/ConfirmDialog.js";
-import { PermissionGuard as p } from "../components/PermissionGuard.js";
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { useDevportalEventBus as t } from "../events/index.js";
+import { useCreateWebhookMutation as n, useGetApplicationQuery as r, useGetApplicationsQuery as i } from "../../generated/global-operations.js";
+import { getErrorMessage as a } from "../hooks/useGraphQL.js";
+import { PageLayout as o, PageSection as s } from "../components/PageLayout.js";
+import { CheckboxField as c, InputField as l, TextareaField as u } from "../components/FormField.js";
+import { Alert as d } from "../components/ConfirmDialog.js";
+import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useDevportalPermission as m } from "../hooks/usePermission.js";
+import { useDevportalPermission as p } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { WEBHOOK_EVENTS as h } from "../types/index.js";
-import { DEVPORTAL_PERMISSIONS as g } from "../constants/permissions.js";
-import { useTr as _ } from "../utils/i18n.js";
-import { useEffect as v, useMemo as y, useState as b } from "react";
-import { Loader2 as x, Webhook as S } from "lucide-react";
+import { WEBHOOK_EVENTS as m } from "../types/index.js";
+import { DEVPORTAL_PERMISSIONS as h } from "../constants/permissions.js";
+import { useTr as g } from "../utils/i18n.js";
+import { useEffect as _, useMemo as v, useState as y } from "react";
+import { Loader2 as b, Webhook as x } from "lucide-react";
+import { useParams as S } from "react-router";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { ShowMore as T } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/CreateWebhookPage.tsx
 var E = {
-	Application: h.filter((e) => e.startsWith("application.")),
-	Installation: h.filter((e) => e.startsWith("installation.")),
-	User: h.filter((e) => e.startsWith("user.")),
-	Workspace: h.filter((e) => e.startsWith("workspace.")),
-	Project: h.filter((e) => e.startsWith("project.")),
-	Task: h.filter((e) => e.startsWith("task.")),
-	Comment: h.filter((e) => e.startsWith("comment.")),
-	File: h.filter((e) => e.startsWith("file.")),
-	Member: h.filter((e) => e.startsWith("member."))
+	Application: m.filter((e) => e.startsWith("application.")),
+	Installation: m.filter((e) => e.startsWith("installation.")),
+	User: m.filter((e) => e.startsWith("user.")),
+	Workspace: m.filter((e) => e.startsWith("workspace.")),
+	Project: m.filter((e) => e.startsWith("project.")),
+	Task: m.filter((e) => e.startsWith("task.")),
+	Comment: m.filter((e) => e.startsWith("comment.")),
+	File: m.filter((e) => e.startsWith("file.")),
+	Member: m.filter((e) => e.startsWith("member."))
 }, D = () => {
-	let { appId: h } = e(), { navigate: D, basePath: O } = t(), [k, A] = b({
-		applicationId: h || "",
+	let { appId: m } = S(), { navigate: D, basePath: O } = e(), [k, A] = y({
+		applicationId: m || "",
 		name: "",
 		description: "",
 		url: "",
 		events: [],
 		retryEnabled: !0,
 		maxRetries: 3
-	}), [j, M] = b({}), [N, P] = b(null), { data: F } = i({
-		variables: { id: h ?? "" },
-		skip: !h,
+	}), [j, M] = y({}), [N, P] = y(null), { data: F } = r({
+		variables: { id: m ?? "" },
+		skip: !m,
 		fetchPolicy: "cache-first"
 	});
-	v(() => {
+	_(() => {
 		let e = F?.application?.name;
-		if (!h || !e) return;
+		if (!m || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(h, e), () => t?.unregister(h);
-	}, [h, F?.application?.name]);
-	let { data: I, loading: L, error: R } = a({
+		return t?.register(m, e), () => t?.unregister(m);
+	}, [m, F?.application?.name]);
+	let { data: I, loading: L, error: R } = i({
 		variables: { limit: 100 },
-		skip: !!h,
+		skip: !!m,
 		fetchPolicy: "cache-and-network"
-	}), [z, { loading: B }] = r(), V = n(), H = _(), U = m(g.WEBHOOK_CREATE), W = y(() => I?.applications?.edges?.map((e) => e.node).map((e) => ({
+	}), [z, { loading: B }] = n(), V = t(), H = g(), U = p(h.WEBHOOK_CREATE), W = v(() => I?.applications?.edges?.map((e) => e.node).map((e) => ({
 		id: e.id,
 		name: e.name,
 		slug: e.slug
@@ -80,9 +80,9 @@ var E = {
 		let e = {};
 		return k.applicationId || (e.applicationId = H("devportal.createWebhook.errors.appRequired", "Select an application")), k.name.trim() || (e.name = H("devportal.createWebhook.errors.nameRequired", "Name is required")), k.url.trim() ? /^https:\/\//i.test(k.url) || (e.url = H("devportal.createWebhook.errors.urlHttps", "Endpoint URL must use HTTPS")) : e.url = H("devportal.createWebhook.errors.urlRequired", "Endpoint URL is required"), k.events.length === 0 && (e.events = H("devportal.createWebhook.errors.eventsRequired", "Select at least one event")), k.retryEnabled && (k.maxRetries < 1 || k.maxRetries > 10) && (e.maxRetries = H("devportal.createWebhook.errors.retriesRange", "Retry count must be between 1 and 10")), M(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ C(p, {
+	return /* @__PURE__ */ C(f, {
 		authOnly: !0,
-		children: /* @__PURE__ */ C(s, {
+		children: /* @__PURE__ */ C(o, {
 			title: H("devportal.createWebhook.title", "Create Webhook"),
 			description: H("devportal.createWebhook.description", "Set up a real webhook endpoint to receive platform events through the public gateway"),
 			purpose: H("devportal.createWebhook.purpose", "Point a webhook at a URL you host so the platform pushes events (installs, payments, app updates) to your backend in real time. Choose which events to subscribe to; you will get a signing secret to verify that deliveries genuinely came from us."),
@@ -114,24 +114,24 @@ var E = {
 				},
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(f, {
+					/* @__PURE__ */ C(d, {
 						variant: "info",
 						children: H("devportal.createWebhook.info", "Webhook deliveries are signed and sent through the public global gateway. Use an HTTPS endpoint that accepts POST requests and returns a 2xx response for successful deliveries.")
 					}),
-					N && /* @__PURE__ */ C(f, {
+					N && /* @__PURE__ */ C(d, {
 						variant: "error",
 						children: N
 					}),
-					R && !h && /* @__PURE__ */ C(f, {
+					R && !m && /* @__PURE__ */ C(d, {
 						variant: "error",
-						children: o(R)
+						children: a(R)
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ C(s, {
 						title: H("devportal.createWebhook.basicInfo", "Basic Information"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-card border border-border-seam bg-bg-surface p-4",
 							children: [
-								!h && /* @__PURE__ */ w("label", {
+								!m && /* @__PURE__ */ w("label", {
 									className: "grid gap-2 text-sm font-medium",
 									children: [
 										/* @__PURE__ */ C("span", { children: H("devportal.createWebhook.application", "Application") }),
@@ -155,11 +155,11 @@ var E = {
 										})
 									]
 								}),
-								L && !h && /* @__PURE__ */ w("div", {
+								L && !m && /* @__PURE__ */ w("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
 									role: "status",
 									"aria-live": "polite",
-									children: [/* @__PURE__ */ C(x, {
+									children: [/* @__PURE__ */ C(b, {
 										className: "h-4 w-4 animate-spin",
 										"aria-hidden": "true"
 									}), H("devportal.createWebhook.loadingApps", "Loading applications...")]
@@ -175,7 +175,7 @@ var E = {
 										})
 									]
 								}),
-								/* @__PURE__ */ C(u, {
+								/* @__PURE__ */ C(l, {
 									label: H("devportal.createWebhook.webhookName", "Webhook Name"),
 									value: k.name,
 									onChange: (e) => K("name", e.target.value),
@@ -183,14 +183,14 @@ var E = {
 									error: j.name,
 									required: !0
 								}),
-								/* @__PURE__ */ C(d, {
+								/* @__PURE__ */ C(u, {
 									label: H("devportal.createWebhook.descriptionLabel", "Description"),
 									value: k.description,
 									onChange: (e) => K("description", e.target.value),
 									placeholder: H("devportal.createWebhook.descriptionPlaceholder", "What this webhook is used for"),
 									rows: 2
 								}),
-								/* @__PURE__ */ C(u, {
+								/* @__PURE__ */ C(l, {
 									label: H("devportal.createWebhook.endpointUrl", "Endpoint URL"),
 									type: "url",
 									value: k.url,
@@ -203,7 +203,7 @@ var E = {
 							]
 						})
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ C(s, {
 						title: H("devportal.createWebhook.subscribedEvents", "Subscribed Events"),
 						children: /* @__PURE__ */ w("div", {
 							className: "rounded-card border border-border-seam bg-bg-surface p-4",
@@ -250,16 +250,16 @@ var E = {
 							})]
 						})
 					}),
-					/* @__PURE__ */ C(c, {
+					/* @__PURE__ */ C(s, {
 						title: H("devportal.createWebhook.retrySettings", "Retry Settings"),
 						children: /* @__PURE__ */ w("div", {
 							className: "space-y-4 rounded-card border border-border-seam bg-bg-surface p-4",
-							children: [/* @__PURE__ */ C(l, {
+							children: [/* @__PURE__ */ C(c, {
 								label: H("devportal.createWebhook.enableRetries", "Enable retries"),
 								description: H("devportal.createWebhook.enableRetriesDesc", "Retry failed deliveries automatically"),
 								checked: k.retryEnabled,
 								onChange: (e) => K("retryEnabled", e.target.checked)
-							}), k.retryEnabled && /* @__PURE__ */ C(u, {
+							}), k.retryEnabled && /* @__PURE__ */ C(l, {
 								label: H("devportal.createWebhook.maxRetries", "Maximum retries"),
 								type: "number",
 								value: k.maxRetries,
@@ -284,10 +284,10 @@ var E = {
 							"aria-disabled": B || L || !U.allowed,
 							title: U.allowed ? void 0 : H("devportal.common.noPermission", "You do not have permission to perform this action"),
 							className: "inline-flex items-center justify-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 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-							children: [B ? /* @__PURE__ */ C(x, {
+							children: [B ? /* @__PURE__ */ C(b, {
 								className: "h-4 w-4 animate-spin",
 								"aria-hidden": "true"
-							}) : /* @__PURE__ */ C(S, {
+							}) : /* @__PURE__ */ C(x, {
 								size: 16,
 								"aria-hidden": "true"
 							}), B ? H("devportal.createWebhook.creating", "Creating...") : H("devportal.createWebhook.title", "Create Webhook")]

package/dist/devportal/pages/EditApplicationPage.js

@@ -1,23 +1,23 @@
-import { useParams as e } from "../../node_modules/react-router/dist/production/lib/hooks.js";
-import { useDevportal as t } from "../providers/DevportalProvider.js";
-import { cn as n } from "../utils/cn.js";
-import { LoadingState as ee } from "../components/LoadingState.js";
-import { EmptyState as te } from "../components/EmptyState.js";
-import { useDeactivateAppMutation as ne, useDeleteApplicationMutation as re, useGetApplicationQuery as ie, useRotateApplicationSigningSecretMutation as ae, useUpdateApplicationMutation as oe } from "../../generated/global-operations.js";
+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 { PageLayout as r, PageSection as i } from "../components/PageLayout.js";
 import { APP_TYPE_LABELS as a } from "../utils/constants.js";
-import { StatusBadge as se } from "../components/StatusBadge.js";
-import { nativeImpact as ce, nativeNotify as o } from "../../utils/nativeBridge.js";
-import { CheckboxField as le, InputField as s, SelectField as c, TagInput as l, TextareaField as ue } from "../components/FormField.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 { ConfirmDialog as u } from "../components/ConfirmDialog.js";
-import { PermissionGuard as de } from "../components/PermissionGuard.js";
-import { MarkdownEditor as fe } from "../components/MarkdownEditor.js";
+import { PermissionGuard as ue } from "../components/PermissionGuard.js";
+import { MarkdownEditor as de } from "../components/MarkdownEditor.js";
 import "../components/index.js";
 import { useDevportalPermission as d } from "../hooks/usePermission.js";
 import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
 import { useEffect as p, useState as m } from "react";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as pe, AlertTriangle as me, AppWindow as he, Archive as ge, Check as g, Copy as _e, Eye as ve, EyeOff as ye, Power as be, RefreshCw as _, Save as xe, Send as Se, Trash2 as Ce } from "lucide-react";
+import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as pe, AlertTriangle as me, AppWindow as he, Archive as ge, Check as h, Copy as g, Eye as _e, EyeOff as ve, Power as ye, RefreshCw as _, Save as be, Send as xe, Trash2 as Se } from "lucide-react";
+import { useParams as Ce } from "react-router";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/devportal/pages/EditApplicationPage.tsx
 var we = [
@@ -130,13 +130,13 @@ function Oe(e) {
 	} : null;
 }
 var S = () => {
-	let { navigate: a, basePath: S } = t(), { appId: C } = e(), { t: ke } = h(), { allowed: w } = d(f.APP_UPDATE), { allowed: T } = d(f.APP_DELETE), E = (e, t) => {
+	let { navigate: a, basePath: S } = e(), { appId: C } = Ce(), { t: ke } = fe(), { allowed: w } = d(f.APP_UPDATE), { allowed: T } = d(f.APP_DELETE), E = (e, t) => {
 		let n = ke(e);
 		return n === e ? t : n;
-	}, [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 } = ie({
+	}, [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] = oe(), [Le] = re(), [Re] = ne(), [ze] = ae(), G = Oe(H?.application);
+	}), [W] = ae(), [Le] = ne(), [Re] = te(), [ze] = ie(), G = Oe(H?.application);
 	p(() => {
 		let e = G?.name;
 		if (!C || !e) return;
@@ -250,7 +250,7 @@ var S = () => {
 		}
 	}, $ = async () => {
 		if (G) {
-			ce("medium");
+			se("medium");
 			try {
 				await Le({ variables: { id: G.id } }), o("success"), X("/apps");
 			} catch (e) {
@@ -273,7 +273,7 @@ var S = () => {
 			console.error("Failed to deactivate application:", e);
 		}
 	};
-	if (Fe) return /* @__PURE__ */ y(ee, { message: E("devportal.loadingApplication", "Loading application...") });
+	if (Fe) return /* @__PURE__ */ y(n, { message: E("devportal.loadingApplication", "Loading application...") });
 	if (U) return /* @__PURE__ */ y(r, {
 		title: E("devportal.error", "Error"),
 		backLink: `${S}/apps`,
@@ -300,7 +300,7 @@ var S = () => {
 		title: E("devportal.notFound", "Not Found"),
 		backLink: `${S}/apps`,
 		backLabel: E("devportal.backToApplications", "Back to Applications"),
-		children: /* @__PURE__ */ y(te, {
+		children: /* @__PURE__ */ y(ee, {
 			illustration: "empty-generic",
 			icon: /* @__PURE__ */ y(he, { size: 48 }),
 			title: E("devportal.applicationNotFound", "Application not found"),
@@ -308,7 +308,7 @@ var S = () => {
 		})
 	});
 	let Ge = G.status === "DRAFT" || G.status === "REJECTED", Ke = G.status === "PUBLISHED", qe = G.status === "ACTIVE" || G.status === "PUBLISHED";
-	return /* @__PURE__ */ y(de, {
+	return /* @__PURE__ */ y(ue, {
 		authOnly: !0,
 		children: /* @__PURE__ */ b(r, {
 			title: `${E("devportal.editAppTitlePrefix", "Edit:")} ${G.name}`,
@@ -318,7 +318,7 @@ var S = () => {
 			backLabel: E("devportal.backToApplication", "Back to Application"),
 			actions: /* @__PURE__ */ y("div", {
 				className: "flex items-center gap-2",
-				children: /* @__PURE__ */ y(se, {
+				children: /* @__PURE__ */ y(oe, {
 					status: G.status,
 					type: "app"
 				})
@@ -367,7 +367,7 @@ var S = () => {
 										error: k.slug,
 										hint: E("devportal.slugChangeWarning", "Changing the slug may break existing integrations")
 									}),
-									/* @__PURE__ */ y(ue, {
+									/* @__PURE__ */ y(le, {
 										label: E("devportal.shortDescription", "Short Description"),
 										value: K.shortDescription,
 										onChange: (e) => Z("shortDescription", e.target.value),
@@ -377,7 +377,7 @@ var S = () => {
 										hint: `${K.shortDescription.length}/200 ${E("devportal.characters", "characters")}`,
 										rows: 2
 									}),
-									/* @__PURE__ */ y(fe, {
+									/* @__PURE__ */ y(de, {
 										label: E("devportal.fullDescription", "Full Description"),
 										value: K.description,
 										onChange: (e) => Z("description", e),
@@ -451,19 +451,19 @@ var S = () => {
 										/* @__PURE__ */ y("div", {
 											className: "flex flex-wrap gap-3",
 											children: we.map((e) => {
-												let t = J.includes(e.value);
+												let n = J.includes(e.value);
 												return /* @__PURE__ */ b("label", {
-													className: n("flex items-center gap-2 cursor-pointer rounded-md border px-3 py-2 text-sm transition-colors", t ? "border-primary bg-primary/10 text-text-primary" : "border-border-subtle hover:border-border text-text-secondary hover:text-text-primary"),
+													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: t,
+															checked: n,
 															onChange: () => {
-																Y((n) => t ? n.filter((t) => t !== e.value) : [...n, e.value]), F(!0);
+																Y((t) => n ? t.filter((t) => t !== e.value) : [...t, e.value]), F(!0);
 															}
 														}),
-														t && /* @__PURE__ */ y(g, {
+														n && /* @__PURE__ */ y(h, {
 															size: 14,
 															className: "text-primary flex-shrink-0"
 														}),
@@ -585,17 +585,17 @@ var S = () => {
 																onClick: () => L((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 ? ye : ve, { size: 14 })
+																children: y(I ? ve : _e, { size: 14 })
 															}),
 															/* @__PURE__ */ y("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(g, {
+																children: Pe ? /* @__PURE__ */ y(h, {
 																	size: 14,
 																	className: "text-green-500"
-																}) : /* @__PURE__ */ y(_e, { size: 14 })
+																}) : /* @__PURE__ */ y(g, { size: 14 })
 															})
 														]
 													}), /* @__PURE__ */ b("button", {
@@ -634,7 +634,7 @@ var S = () => {
 							description: E("devportal.settingsDescription", "Additional configuration options"),
 							children: /* @__PURE__ */ y("div", {
 								className: "space-y-4",
-								children: /* @__PURE__ */ y(le, {
+								children: /* @__PURE__ */ y(ce, {
 									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,
@@ -646,7 +646,7 @@ var S = () => {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2",
 							children: [/* @__PURE__ */ b("p", {
 								className: "text-sm font-medium text-text-primary flex items-center gap-2",
-								children: [/* @__PURE__ */ y(Se, { size: 14 }), E("devportal.submissionChecklist", "Submission Checklist")]
+								children: [/* @__PURE__ */ y(xe, { size: 14 }), E("devportal.submissionChecklist", "Submission Checklist")]
 							}), [
 								{
 									label: E("devportal.checkName", "Name set"),
@@ -699,7 +699,7 @@ var S = () => {
 									disabled: D || !P || !w,
 									"aria-disabled": !w,
 									className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50",
-									children: 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(xe, { size: 16 }), E("devportal.saveChanges", "Save Changes")] })
+									children: D ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), E("devportal.saving", "Saving...")] }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(be, { size: 16 }), E("devportal.saveChanges", "Save Changes")] })
 								})
 							}), /* @__PURE__ */ b("div", {
 								className: "rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4",
@@ -725,7 +725,7 @@ var S = () => {
 												type: "button",
 												onClick: () => N(!0),
 												className: "inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors",
-												children: [/* @__PURE__ */ y(be, { size: 14 }), E("devportal.deactivateApp", "Deactivate App")]
+												children: [/* @__PURE__ */ y(ye, { size: 14 }), E("devportal.deactivateApp", "Deactivate App")]
 											}),
 											/* @__PURE__ */ b("button", {
 												type: "button",
@@ -733,7 +733,7 @@ var S = () => {
 												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(Ce, { size: 14 }), E("devportal.deleteApp", "Delete App")]
+												children: [/* @__PURE__ */ y(Se, { size: 14 }), E("devportal.deleteApp", "Delete App")]
 											})
 										]
 									})