@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/ApplicationsPage.js

@@ -0,0 +1,357 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { APP_STATUS_COLORS as r, APP_TYPE_LABELS as i } from "../utils/constants.js";
+import { SelectionCheckbox as ee } from "../components/SelectionCheckbox.js";
+import { AppCard as a, AppListItem as o } from "../components/AppCard.js";
+import { ConfirmDialog as s } from "../components/ConfirmDialog.js";
+import { useDeactivateAppMutation as te, useDeleteApplicationMutation as ne, useGetApplicationsQuery as c } from "../../generated/global-operations.js";
+import { PermissionGuard as l } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
+import { getErrorMessage as d } from "../hooks/useGraphQL.js";
+import { useDevportalPermission as f } from "../hooks/usePermission.js";
+import "../hooks/index.js";
+import { useMemo as p, useState as m } from "react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as g, AppWindow as re, Archive as _, Grid as v, List as ie, Loader2 as ae, Plus as y, Search as oe, Trash2 as se } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/devportal/pages/ApplicationsPage.tsx
+function S(e, t, n) {
+	return `${e} ${t} application${t === 1 ? "" : "s"}${n > 0 ? ` • ${n} failed` : ""}`;
+}
+function C(e) {
+	let t = Array.isArray(e.screenshots) ? e.screenshots.length > 0 ? e.screenshots : void 0 : e.screenshots, n = e.pricingDetails && typeof e.pricingDetails == "object" ? e.pricingDetails : void 0;
+	return {
+		id: e.id,
+		name: e.name,
+		slug: e.slug,
+		description: e.description ?? void 0,
+		shortDescription: e.shortDescription ?? void 0,
+		appType: e.appType,
+		status: e.status,
+		visibility: e.visibility,
+		category: e.category ?? void 0,
+		tags: e.tags ?? [],
+		keywords: e.keywords ?? [],
+		iconUrl: e.iconUrl ?? void 0,
+		bannerUrl: e.bannerUrl ?? void 0,
+		screenshots: t,
+		videoUrl: e.videoUrl ?? void 0,
+		websiteUrl: e.websiteUrl ?? void 0,
+		documentationUrl: e.documentationUrl ?? void 0,
+		supportUrl: e.supportUrl ?? void 0,
+		privacyPolicyUrl: e.privacyPolicyUrl ?? void 0,
+		termsOfServiceUrl: e.termsOfServiceUrl ?? void 0,
+		githubUrl: e.githubUrl ?? void 0,
+		pricingType: e.pricingType ?? void 0,
+		pricingDetails: n,
+		isVerified: e.isVerified,
+		isFeatured: e.isFeatured,
+		averageRating: e.averageRating ?? void 0,
+		reviewCount: e.reviewCount ?? 0,
+		installCount: e.installCount ?? 0,
+		activeInstallCount: e.activeInstallCount ?? 0,
+		requiresApproval: e.requiresApproval,
+		reviewStatus: e.reviewStatus ?? void 0,
+		reviewNotes: e.reviewNotes ?? void 0,
+		reviewedBy: e.reviewedBy ?? void 0,
+		lastReviewedAt: e.lastReviewedAt ?? void 0,
+		submittedAt: e.submittedAt ?? void 0,
+		publishedAt: e.publishedAt ?? void 0,
+		developerId: e.developerId,
+		developerOrganizationId: e.developerOrganizationId ?? void 0,
+		tenantId: e.tenantId,
+		createdAt: e.createdAt,
+		updatedAt: e.updatedAt
+	};
+}
+var w = () => {
+	let { navigate: w, basePath: ce } = e(), { t: le } = h(), T = (e, t) => {
+		let n = le(e);
+		return n === e ? t : n;
+	}, E = f(u.APP_CREATE), D = f(u.APP_DELETE), O = f(u.APP_UPDATE), [k, A] = m("grid"), [j, M] = m(""), [N, P] = m(""), [F, I] = m(""), [L, R] = m(/* @__PURE__ */ new Set()), [z, B] = m(null), [V, H] = m(null), { data: U, loading: ue, error: W, refetch: G } = c({
+		variables: {
+			limit: 50,
+			offset: 0,
+			status: N || void 0
+		},
+		fetchPolicy: "cache-and-network"
+	}), K = p(() => U?.applications?.edges?.map((e) => C(e.node)) ?? [], [U?.applications?.edges]), [de] = ne(), [fe] = te(), q = (e) => {
+		w?.(`${ce}${e}`);
+	}, J = K.filter((e) => {
+		let t = !j || e.name.toLowerCase().includes(j.toLowerCase()) || e.shortDescription?.toLowerCase().includes(j.toLowerCase()), n = !F || e.appType === F;
+		return t && n;
+	}), Y = p(() => K.filter((e) => L.has(e.id)), [K, L]), X = p(() => Y.filter((e) => e.status !== "INACTIVE" && e.status !== "REVOKED"), [Y]), Z = J.length > 0 && J.every((e) => L.has(e.id)), pe = J.some((e) => L.has(e.id)) && !Z, Q = (e, t) => {
+		R((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, me = (e) => {
+		R((t) => {
+			let n = new Set(t);
+			return J.forEach((t) => {
+				e ? n.add(t.id) : n.delete(t.id);
+			}), n;
+		});
+	}, $ = () => R(/* @__PURE__ */ new Set());
+	return ue && !U ? /* @__PURE__ */ b(n, {
+		title: T("devportal.myApplications", "My Applications"),
+		description: T("devportal.manageYourApps", "Manage your developer applications"),
+		children: /* @__PURE__ */ x("div", {
+			className: "flex items-center justify-center py-12",
+			children: [/* @__PURE__ */ b(ae, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ b("span", {
+				className: "ml-2 text-muted-foreground",
+				children: T("devportal.loadingApplications", "Loading applications...")
+			})]
+		})
+	}) : W ? /* @__PURE__ */ b(n, {
+		title: T("devportal.myApplications", "My Applications"),
+		description: T("devportal.manageYourApps", "Manage your developer applications"),
+		children: /* @__PURE__ */ x("div", {
+			className: "rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center",
+			children: [
+				/* @__PURE__ */ b(g, { className: "mx-auto h-8 w-8 text-destructive" }),
+				/* @__PURE__ */ b("h3", {
+					className: "mt-2 font-medium text-destructive",
+					children: T("devportal.failedToLoadApplications", "Failed to load applications")
+				}),
+				/* @__PURE__ */ b("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: d(W)
+				}),
+				/* @__PURE__ */ b("button", {
+					onClick: () => G(),
+					className: "mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+					children: T("devportal.tryAgain", "Try Again")
+				})
+			]
+		})
+	}) : /* @__PURE__ */ b(l, {
+		permission: u.APP_READ,
+		children: /* @__PURE__ */ x(n, {
+			title: T("devportal.myApplications", "My Applications"),
+			description: T("devportal.manageYourApps", "Manage your developer applications"),
+			actions: /* @__PURE__ */ x("button", {
+				onClick: () => q("/apps/new"),
+				disabled: !E.allowed,
+				"aria-disabled": !E.allowed,
+				title: E.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
+				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 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+				children: [/* @__PURE__ */ b(y, {
+					size: 16,
+					"aria-hidden": "true"
+				}), T("devportal.createApp", "Create App")]
+			}),
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex flex-1 items-center gap-4",
+						children: [
+							/* @__PURE__ */ x("div", {
+								className: "relative flex-1 max-w-md",
+								children: [/* @__PURE__ */ b(oe, {
+									size: 16,
+									className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+								}), /* @__PURE__ */ b("input", {
+									type: "text",
+									placeholder: T("devportal.searchApplications", "Search applications..."),
+									value: j,
+									onChange: (e) => M(e.target.value),
+									className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+								})]
+							}),
+							/* @__PURE__ */ x("select", {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [/* @__PURE__ */ b("option", {
+									value: "",
+									children: T("devportal.allStatus", "All Status")
+								}), Object.keys(r).map((e) => /* @__PURE__ */ b("option", {
+									value: e,
+									children: e.replace(/_/g, " ")
+								}, e))]
+							}),
+							/* @__PURE__ */ x("select", {
+								value: F,
+								onChange: (e) => I(e.target.value),
+								className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
+								children: [/* @__PURE__ */ b("option", {
+									value: "",
+									children: T("devportal.allTypes", "All Types")
+								}), Object.entries(i).map(([e, t]) => /* @__PURE__ */ b("option", {
+									value: e,
+									children: t
+								}, e))]
+							})
+						]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex items-center gap-1 rounded-md border p-1",
+						children: [/* @__PURE__ */ b("button", {
+							onClick: () => A("grid"),
+							className: `rounded p-1.5 ${k === "grid" ? "bg-muted" : "hover:bg-muted/50"}`,
+							title: "Grid view",
+							children: /* @__PURE__ */ b(v, { size: 16 })
+						}), /* @__PURE__ */ b("button", {
+							onClick: () => A("list"),
+							className: `rounded p-1.5 ${k === "list" ? "bg-muted" : "hover:bg-muted/50"}`,
+							title: "List view",
+							children: /* @__PURE__ */ b(ie, { size: 16 })
+						})]
+					})]
+				}),
+				V && /* @__PURE__ */ b("div", {
+					className: `rounded-lg border px-4 py-3 text-sm ${V.type === "success" ? "border-border-subtle bg-status-success-bg-subtle text-status-success-text" : "border-destructive/40 bg-destructive/10 text-destructive"}`,
+					children: /* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ b("span", { children: V.message }), /* @__PURE__ */ b("button", {
+							onClick: () => H(null),
+							className: "text-xs font-medium underline underline-offset-2",
+							children: "Dismiss"
+						})]
+					})
+				}),
+				J.length > 0 && /* @__PURE__ */ b("div", {
+					className: "rounded-lg border bg-card p-4",
+					children: /* @__PURE__ */ x("div", {
+						className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex flex-wrap items-center gap-3",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ b(ee, {
+									checked: Z,
+									indeterminate: pe,
+									onChange: me,
+									ariaLabel: "Select all visible applications"
+								}), /* @__PURE__ */ b("span", {
+									className: "text-sm font-medium",
+									children: "Select all visible"
+								})]
+							}), L.size > 0 && /* @__PURE__ */ b("button", {
+								onClick: $,
+								className: "text-sm text-muted-foreground hover:text-foreground",
+								children: "Clear selection"
+							})]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ x("span", {
+									className: "rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground",
+									children: [L.size, " selected"]
+								}),
+								/* @__PURE__ */ x("button", {
+									onClick: () => B("deactivate"),
+									disabled: X.length === 0 || !O.allowed,
+									"aria-disabled": X.length === 0 || !O.allowed,
+									title: O.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
+									className: "inline-flex items-center gap-2 rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text transition-colors hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [
+										/* @__PURE__ */ b(_, {
+											size: 16,
+											"aria-hidden": "true"
+										}),
+										T("devportal.deactivateSelected", "Deactivate Selected"),
+										X.length > 0 ? ` (${X.length})` : ""
+									]
+								}),
+								/* @__PURE__ */ x("button", {
+									onClick: () => B("delete"),
+									disabled: Y.length === 0 || !D.allowed,
+									"aria-disabled": Y.length === 0 || !D.allowed,
+									title: D.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
+									className: "inline-flex items-center gap-2 rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [
+										/* @__PURE__ */ b(se, {
+											size: 16,
+											"aria-hidden": "true"
+										}),
+										T("devportal.deleteSelected", "Delete Selected"),
+										Y.length > 0 ? ` (${Y.length})` : ""
+									]
+								})
+							]
+						})]
+					})
+				}),
+				/* @__PURE__ */ x("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						J.length,
+						" application",
+						J.length === 1 ? "" : "s",
+						" found"
+					]
+				}),
+				J.length > 0 ? k === "grid" ? /* @__PURE__ */ b("div", {
+					className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+					children: J.map((e) => /* @__PURE__ */ b(a, {
+						app: e,
+						selected: L.has(e.id),
+						onToggleSelect: (t) => Q(e.id, t)
+					}, e.id))
+				}) : /* @__PURE__ */ b("div", {
+					className: "space-y-2",
+					children: J.map((e) => /* @__PURE__ */ b(o, {
+						app: e,
+						selected: L.has(e.id),
+						onToggleSelect: (t) => Q(e.id, t)
+					}, e.id))
+				}) : /* @__PURE__ */ b(t, {
+					icon: /* @__PURE__ */ b(re, { size: 32 }),
+					title: T("devportal.noApplicationsFound", "No applications found"),
+					description: j || N || F ? T("devportal.tryAdjustingFilters", "Try adjusting your filters") : T("devportal.createFirstApp", "Create your first application to get started"),
+					action: !j && !N && !F ? /* @__PURE__ */ x("button", {
+						onClick: () => q("/apps/new"),
+						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",
+						children: [/* @__PURE__ */ b(y, { size: 16 }), T("devportal.createApp", "Create App")]
+					}) : void 0
+				}),
+				/* @__PURE__ */ b(s, {
+					open: z === "deactivate",
+					onOpenChange: (e) => {
+						e || B(null);
+					},
+					onConfirm: async () => {
+						if (X.length === 0) return;
+						let e = await Promise.allSettled(X.map((e) => fe({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						H({
+							type: n === 0 ? "success" : "error",
+							message: S("Deactivated", t, n)
+						}), $(), B(null), await G();
+					},
+					title: "Deactivate selected applications",
+					description: `Deactivate ${X.length} selected application${X.length === 1 ? "" : "s"}? Users and integrations may lose access until these apps are re-enabled.`,
+					confirmLabel: "Deactivate",
+					cancelLabel: "Cancel",
+					variant: "warning"
+				}),
+				/* @__PURE__ */ b(s, {
+					open: z === "delete",
+					onOpenChange: (e) => {
+						e || B(null);
+					},
+					onConfirm: async () => {
+						if (Y.length === 0) return;
+						let e = await Promise.allSettled(Y.map((e) => de({ variables: { id: e.id } }))), t = e.filter((e) => e.status === "fulfilled").length, n = e.length - t;
+						H({
+							type: n === 0 ? "success" : "error",
+							message: S("Deleted", t, n)
+						}), $(), B(null), await G();
+					},
+					title: "Delete selected applications",
+					description: `Delete ${Y.length} selected application${Y.length === 1 ? "" : "s"}? This cannot be undone.`,
+					confirmLabel: "Delete",
+					cancelLabel: "Cancel",
+					variant: "danger"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { w as ApplicationsPage };
+
+//# sourceMappingURL=ApplicationsPage.js.map

package/dist/devportal/pages/ApplicationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsPage.js","names":[],"sources":["../../../src/devportal/pages/ApplicationsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  AppWindow,\n  Loader2,\n  AlertCircle,\n  Archive,\n  Trash2,\n} from \"lucide-react\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { AppCard, AppListItem } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { SelectionCheckbox } from \"../components/SelectionCheckbox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { Application, AppStatus, AppType } from \"../types\";\nimport { APP_TYPE_LABELS, APP_STATUS_COLORS } from \"../utils/constants\";\nimport {\n  useGetApplicationsQuery,\n  useDeleteApplicationMutation,\n  useDeactivateAppMutation,\n  getErrorMessage,\n  useDevportalPermission,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\ntype BulkAction = \"delete\" | \"deactivate\" | null;\n\nfunction formatBulkResult(\n  action: \"Deleted\" | \"Deactivated\",\n  succeeded: number,\n  failed: number,\n): string {\n  return `${action} ${succeeded} application${succeeded === 1 ? \"\" : \"s\"}${\n    failed > 0 ? ` • ${failed} failed` : \"\"\n  }`;\n}\n\n/**\n * Map GraphQL application to local Application type\n */\nfunction mapApplication(app: ApplicationFieldsFragment): Application {\n  // Convert screenshots array to Record if needed\n  const screenshots = Array.isArray(app.screenshots)\n    ? app.screenshots.length > 0\n      ? (app.screenshots as unknown as Record<string, unknown>)\n      : undefined\n    : (app.screenshots as Record<string, unknown> | undefined);\n\n  // Convert pricingDetails\n  const pricingDetails =\n    app.pricingDetails && typeof app.pricingDetails === \"object\"\n      ? (app.pricingDetails as Record<string, unknown>)\n      : undefined;\n\n  return {\n    id: app.id,\n    name: app.name,\n    slug: app.slug,\n    description: app.description ?? undefined,\n    shortDescription: app.shortDescription ?? undefined,\n    appType: app.appType as AppType,\n    status: app.status as AppStatus,\n    visibility: app.visibility as \"PUBLIC\" | \"PRIVATE\" | \"UNLISTED\",\n    category: app.category ?? undefined,\n    tags: app.tags ?? [],\n    keywords: app.keywords ?? [],\n    iconUrl: app.iconUrl ?? undefined,\n    bannerUrl: app.bannerUrl ?? undefined,\n    screenshots,\n    videoUrl: app.videoUrl ?? undefined,\n    websiteUrl: app.websiteUrl ?? undefined,\n    documentationUrl: app.documentationUrl ?? undefined,\n    supportUrl: app.supportUrl ?? undefined,\n    privacyPolicyUrl: app.privacyPolicyUrl ?? undefined,\n    termsOfServiceUrl: app.termsOfServiceUrl ?? undefined,\n    githubUrl: app.githubUrl ?? undefined,\n    pricingType: app.pricingType ?? undefined,\n    pricingDetails,\n    isVerified: app.isVerified,\n    isFeatured: app.isFeatured,\n    averageRating: app.averageRating ?? undefined,\n    reviewCount: app.reviewCount ?? 0,\n    installCount: app.installCount ?? 0,\n    activeInstallCount: app.activeInstallCount ?? 0,\n    requiresApproval: app.requiresApproval,\n    reviewStatus: app.reviewStatus ?? undefined,\n    reviewNotes: app.reviewNotes ?? undefined,\n    reviewedBy: app.reviewedBy ?? undefined,\n    lastReviewedAt: app.lastReviewedAt ?? undefined,\n    submittedAt: app.submittedAt ?? undefined,\n    publishedAt: app.publishedAt ?? undefined,\n    developerId: app.developerId,\n    developerOrganizationId: app.developerOrganizationId ?? undefined,\n    tenantId: app.tenantId,\n    createdAt: app.createdAt,\n    updatedAt: app.updatedAt,\n  };\n}\n\n/**\n * Applications listing page\n *\n * Displays all applications for the current developer.\n * Uses GraphQL to fetch real data from the DevPortal backend.\n */\nexport const ApplicationsPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const createPerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_CREATE);\n  const deletePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_DELETE);\n  const updatePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_UPDATE);\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<AppStatus | \"\">(\"\");\n  const [typeFilter, setTypeFilter] = useState<AppType | \"\">(\"\");\n  const [selectedAppIds, setSelectedAppIds] = useState<Set<string>>(new Set());\n  const [bulkAction, setBulkAction] = useState<BulkAction>(null);\n  const [feedback, setFeedback] = useState<{\n    type: \"success\" | \"error\";\n    message: string;\n  } | null>(null);\n\n  // Fetch applications from GraphQL API\n  const { data, loading, error, refetch } = useGetApplicationsQuery({\n    variables: {\n      limit: 50,\n      offset: 0,\n      status: statusFilter || undefined,\n    },\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const applications: Application[] = useMemo(\n    () =>\n      data?.applications?.edges?.map(\n        (edge: { node: ApplicationFieldsFragment }) =>\n          mapApplication(edge.node),\n      ) ?? [],\n    [data?.applications?.edges],\n  );\n\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Client-side filtering for search and type (status is filtered server-side)\n  const filteredApps = applications.filter((app: Application) => {\n    const matchesSearch =\n      !searchQuery ||\n      app.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      app.shortDescription?.toLowerCase().includes(searchQuery.toLowerCase());\n    const matchesType = !typeFilter || app.appType === typeFilter;\n    return matchesSearch && matchesType;\n  });\n\n  const selectedApps = useMemo(\n    () => applications.filter((app: Application) => selectedAppIds.has(app.id)),\n    [applications, selectedAppIds],\n  );\n\n  const deactivatableApps = useMemo(\n    () =>\n      selectedApps.filter(\n        (app: Application) =>\n          app.status !== \"INACTIVE\" && app.status !== \"REVOKED\",\n      ),\n    [selectedApps],\n  );\n\n  const allVisibleSelected =\n    filteredApps.length > 0 &&\n    filteredApps.every((app: Application) => selectedAppIds.has(app.id));\n  const partiallySelected =\n    filteredApps.some((app: Application) => selectedAppIds.has(app.id)) &&\n    !allVisibleSelected;\n\n  const toggleAppSelection = (appId: string, checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(appId);\n      } else {\n        next.delete(appId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisible = (checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      filteredApps.forEach((app: Application) => {\n        if (checked) {\n          next.add(app.id);\n        } else {\n          next.delete(app.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedAppIds(new Set());\n\n  const runBulkDeactivate = async () => {\n    if (deactivatableApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      deactivatableApps.map((app: Application) =>\n        deactivateApp({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deactivated\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const runBulkDelete = async () => {\n    if (selectedApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      selectedApps.map((app: Application) =>\n        deleteApplication({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deleted\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  // Loading state\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n          <span className=\"ml-2 text-muted-foreground\">\n            {tr(\"devportal.loadingApplications\", \"Loading applications...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-destructive\" />\n          <h3 className=\"mt-2 font-medium text-destructive\">\n            {tr(\n              \"devportal.failedToLoadApplications\",\n              \"Failed to load applications\",\n            )}\n          </h3>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            {getErrorMessage(error)}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"mt-4 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/apps/new\")}\n            disabled={!createPerm.allowed}\n            aria-disabled={!createPerm.allowed}\n            title={\n              !createPerm.allowed\n                ? tr(\n                    \"devportal.common.noPermission\",\n                    \"You do not have permission to perform this action\",\n                  )\n                : undefined\n            }\n            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 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.createApp\", \"Create App\")}\n          </button>\n        }\n      >\n        {/* Filters */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-4\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\n                  \"devportal.searchApplications\",\n                  \"Search applications...\",\n                )}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status Filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as AppStatus | \"\")\n              }\n              className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">\n                {tr(\"devportal.allStatus\", \"All Status\")}\n              </option>\n              {Object.keys(APP_STATUS_COLORS).map((status) => (\n                <option key={status} value={status}>\n                  {status.replace(/_/g, \" \")}\n                </option>\n              ))}\n            </select>\n\n            {/* Type Filter */}\n            <select\n              value={typeFilter}\n              onChange={(e) => setTypeFilter(e.target.value as AppType | \"\")}\n              className=\"rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">{tr(\"devportal.allTypes\", \"All Types\")}</option>\n              {Object.entries(APP_TYPE_LABELS).map(([value, label]) => (\n                <option key={value} value={value}>\n                  {label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View Toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 ${viewMode === \"grid\" ? \"bg-muted\" : \"hover:bg-muted/50\"}`}\n              title=\"Grid view\"\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 ${viewMode === \"list\" ? \"bg-muted\" : \"hover:bg-muted/50\"}`}\n              title=\"List view\"\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {feedback && (\n          <div\n            className={`rounded-lg border px-4 py-3 text-sm ${\n              feedback.type === \"success\"\n                ? \"border-border-subtle bg-status-success-bg-subtle text-status-success-text\"\n                : \"border-destructive/40 bg-destructive/10 text-destructive\"\n            }`}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <span>{feedback.message}</span>\n              <button\n                onClick={() => setFeedback(null)}\n                className=\"text-xs font-medium underline underline-offset-2\"\n              >\n                Dismiss\n              </button>\n            </div>\n          </div>\n        )}\n\n        {filteredApps.length > 0 && (\n          <div className=\"rounded-lg border bg-card p-4\">\n            <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <div className=\"flex items-center gap-2\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllVisible}\n                    ariaLabel=\"Select all visible applications\"\n                  />\n                  <span className=\"text-sm font-medium\">\n                    Select all visible\n                  </span>\n                </div>\n                {selectedAppIds.size > 0 && (\n                  <button\n                    onClick={clearSelection}\n                    className=\"text-sm text-muted-foreground hover:text-foreground\"\n                  >\n                    Clear selection\n                  </button>\n                )}\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"rounded-full bg-muted px-3 py-1 text-sm font-medium text-muted-foreground\">\n                  {selectedAppIds.size} selected\n                </span>\n                <button\n                  onClick={() => setBulkAction(\"deactivate\")}\n                  disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  aria-disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  title={\n                    !updatePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text transition-colors hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Archive size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deactivateSelected\", \"Deactivate Selected\")}\n                  {deactivatableApps.length > 0\n                    ? ` (${deactivatableApps.length})`\n                    : \"\"}\n                </button>\n                <button\n                  onClick={() => setBulkAction(\"delete\")}\n                  disabled={selectedApps.length === 0 || !deletePerm.allowed}\n                  aria-disabled={\n                    selectedApps.length === 0 || !deletePerm.allowed\n                  }\n                  title={\n                    !deletePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Trash2 size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deleteSelected\", \"Delete Selected\")}\n                  {selectedApps.length > 0 ? ` (${selectedApps.length})` : \"\"}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Results count */}\n        <p className=\"text-sm text-muted-foreground\">\n          {filteredApps.length} application\n          {filteredApps.length !== 1 ? \"s\" : \"\"} found\n        </p>\n\n        {/* Applications */}\n        {filteredApps.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredApps.map((app: Application) => (\n                <AppCard\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredApps.map((app: Application) => (\n                <AppListItem\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            icon={<AppWindow size={32} />}\n            title={tr(\"devportal.noApplicationsFound\", \"No applications found\")}\n            description={\n              searchQuery || statusFilter || typeFilter\n                ? tr(\n                    \"devportal.tryAdjustingFilters\",\n                    \"Try adjusting your filters\",\n                  )\n                : tr(\n                    \"devportal.createFirstApp\",\n                    \"Create your first application to get started\",\n                  )\n            }\n            action={\n              !searchQuery && !statusFilter && !typeFilter ? (\n                <button\n                  onClick={() => handleNavigate(\"/apps/new\")}\n                  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\"\n                >\n                  <Plus size={16} />\n                  {tr(\"devportal.createApp\", \"Create App\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n\n        <ConfirmDialog\n          open={bulkAction === \"deactivate\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDeactivate}\n          title=\"Deactivate selected applications\"\n          description={`Deactivate ${deactivatableApps.length} selected application${deactivatableApps.length === 1 ? \"\" : \"s\"}? Users and integrations may lose access until these apps are re-enabled.`}\n          confirmLabel=\"Deactivate\"\n          cancelLabel=\"Cancel\"\n          variant=\"warning\"\n        />\n\n        <ConfirmDialog\n          open={bulkAction === \"delete\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDelete}\n          title=\"Delete selected applications\"\n          description={`Delete ${selectedApps.length} selected application${selectedApps.length === 1 ? \"\" : \"s\"}? This cannot be undone.`}\n          confirmLabel=\"Delete\"\n          cancelLabel=\"Cancel\"\n          variant=\"danger\"\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/CreateApiKeyPage.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+/**
+ * Page for generating a new API key via auth-svc.
+ *
+ * Previously created API keys through devportal-svc per application;
+ * now generates keys through auth-svc's generateAPIKey mutation.
+ * The user selects which OAuth app to associate the key with.
+ */
+export declare const CreateApiKeyPage: FC;
+//# sourceMappingURL=CreateApiKeyPage.d.ts.map

package/dist/devportal/pages/CreateApiKeyPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateApiKeyPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateApiKeyPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAqChC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAsV9B,CAAC"}