@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/CreateApplicationPage.js

@@ -0,0 +1,422 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { useDevportalEventBus as t } from "../events/index.js";
+import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
+import { APP_TYPE_LABELS as i } from "../utils/constants.js";
+import { CheckboxField as a, InputField as o, SelectField as s, TagInput as c, TextareaField as l } from "../components/FormField.js";
+import { useCreateApplicationMutation as u, useCurrentUserAppsQuery as d, useGetMyOrganizationsQuery as f } from "../../generated/global-operations.js";
+import { PermissionGuard as p } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as m } from "../constants/permissions.js";
+import "../hooks/index.js";
+import { useState as h } from "react";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Info as _, Save as v, X as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/devportal/pages/CreateApplicationPage.tsx
+var C = Object.entries(i).map(([e, t]) => ({
+	value: e,
+	label: t
+})), w = [
+	{
+		value: "PUBLIC",
+		label: "Public - Visible to everyone"
+	},
+	{
+		value: "PRIVATE",
+		label: "Private - Only visible to you"
+	},
+	{
+		value: "UNLISTED",
+		label: "Unlisted - Accessible via direct link"
+	},
+	{
+		value: "INTERNAL",
+		label: "Internal - Only visible within organization"
+	}
+], T = [
+	{
+		value: "productivity",
+		label: "Productivity"
+	},
+	{
+		value: "communication",
+		label: "Communication"
+	},
+	{
+		value: "analytics",
+		label: "Analytics"
+	},
+	{
+		value: "automation",
+		label: "Automation"
+	},
+	{
+		value: "developer-tools",
+		label: "Developer Tools"
+	},
+	{
+		value: "finance",
+		label: "Finance"
+	},
+	{
+		value: "hr",
+		label: "HR & People"
+	},
+	{
+		value: "marketing",
+		label: "Marketing"
+	},
+	{
+		value: "project-management",
+		label: "Project Management"
+	},
+	{
+		value: "security",
+		label: "Security"
+	},
+	{
+		value: "support",
+		label: "Support"
+	},
+	{
+		value: "other",
+		label: "Other"
+	}
+], E = () => {
+	let { navigate: i, basePath: E } = e(), { t: D } = g(), O = (e, t) => {
+		let n = D(e);
+		return n === e ? t : n;
+	}, [k, A] = h({}), [j, { loading: M }] = u(), N = t(), { data: P } = f({ fetchPolicy: "cache-and-network" }), { data: F, loading: I } = d({ fetchPolicy: "cache-and-network" }), L = [{
+		value: "",
+		label: "Personal Account"
+	}, ...(P?.myDeveloperOrganizations ?? []).map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], R = [{
+		value: "",
+		label: O("devportal.noLinkedAuthApp", "Link later")
+	}, ...(F?.currentUserApps ?? []).map((e) => ({
+		value: e.id,
+		label: `${e.name} · ${e.type} · ${e.clientId}`
+	})) ?? []], [z, B] = h({
+		name: "",
+		slug: "",
+		shortDescription: "",
+		description: "",
+		appType: "",
+		visibility: "PRIVATE",
+		category: "",
+		tags: [],
+		keywords: [],
+		websiteUrl: "",
+		documentationUrl: "",
+		supportUrl: "",
+		privacyPolicyUrl: "",
+		termsOfServiceUrl: "",
+		githubUrl: "",
+		developerOrganizationId: "",
+		appId: "",
+		requiresApproval: !1
+	}), V = (e) => {
+		i?.(`${E}${e}`);
+	}, H = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), U = (e) => {
+		let t = e.target.value;
+		B((e) => ({
+			...e,
+			name: t,
+			slug: e.slug || H(t)
+		})), k.name && A((e) => ({
+			...e,
+			name: void 0
+		}));
+	}, W = (e, t) => {
+		B((n) => ({
+			...n,
+			[e]: t
+		})), k[e] && A((t) => ({
+			...t,
+			[e]: void 0
+		}));
+	}, G = () => {
+		let e = {};
+		return z.name.trim() ? z.name.length < 3 ? e.name = O("devportal.nameTooShort", "Name must be at least 3 characters") : z.name.length > 100 && (e.name = O("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = O("devportal.appNameRequired", "Application name is required"), z.slug.trim() ? /^[a-z0-9-]+$/.test(z.slug) || (e.slug = O("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = O("devportal.slugRequired", "Slug is required"), z.shortDescription.trim() ? z.shortDescription.length > 200 && (e.shortDescription = O("devportal.shortDescriptionTooLong", "Short description must be less than 200 characters")) : e.shortDescription = O("devportal.shortDescriptionRequired", "Short description is required"), z.appType || (e.appType = O("devportal.appTypeRequired", "Application type is required")), z.category || (e.category = O("devportal.categoryRequired", "Category is required")), A(e), Object.keys(e).length === 0;
+	};
+	return /* @__PURE__ */ x(p, {
+		permission: m.APP_CREATE,
+		children: /* @__PURE__ */ x(n, {
+			title: O("devportal.createApplication", "Create Application"),
+			description: O("devportal.createApplicationDescription", "Register a new application in the developer portal"),
+			backLink: `${E}/apps`,
+			backLabel: O("devportal.backToApplications", "Back to Applications"),
+			children: /* @__PURE__ */ S("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), G()) try {
+						let e = await j({ variables: { input: {
+							name: z.name,
+							slug: z.slug || void 0,
+							shortDescription: z.shortDescription || void 0,
+							description: z.description || void 0,
+							appType: z.appType,
+							visibility: z.visibility || void 0,
+							category: z.category || void 0,
+							tags: z.tags.length > 0 ? z.tags : void 0,
+							keywords: z.keywords.length > 0 ? z.keywords : void 0,
+							websiteUrl: z.websiteUrl || void 0,
+							documentationUrl: z.documentationUrl || void 0,
+							supportUrl: z.supportUrl || void 0,
+							privacyPolicyUrl: z.privacyPolicyUrl || void 0,
+							termsOfServiceUrl: z.termsOfServiceUrl || void 0,
+							developerOrganizationId: z.developerOrganizationId || void 0,
+							appId: z.appId || void 0,
+							githubUrl: z.githubUrl || void 0,
+							requiresApproval: z.requiresApproval,
+							iconUrl: void 0
+						} } });
+						e.data?.createApplication?.id && (N.emit("devportal.app.created", {
+							appId: e.data.createApplication.id,
+							name: z.name,
+							appType: z.appType,
+							organizationId: z.developerOrganizationId || null
+						}), V(`/apps/${e.data.createApplication.id}`));
+					} catch (e) {
+						console.error("Failed to create application:", e);
+					}
+				},
+				className: "space-y-8 max-w-3xl",
+				children: [
+					/* @__PURE__ */ x(r, {
+						title: O("devportal.basicInformation", "Basic Information"),
+						description: O("devportal.basicInformationDescription", "Core details about your application"),
+						children: /* @__PURE__ */ S("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.applicationName", "Application Name"),
+									value: z.name,
+									onChange: U,
+									placeholder: O("devportal.applicationNamePlaceholder", "My Awesome App"),
+									required: !0,
+									error: k.name,
+									hint: O("devportal.applicationNameHint", "Choose a memorable name for your application")
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.slug", "Slug"),
+									value: z.slug,
+									onChange: (e) => W("slug", e.target.value.toLowerCase()),
+									placeholder: O("devportal.slugPlaceholder", "my-awesome-app"),
+									required: !0,
+									error: k.slug,
+									hint: O("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+								}),
+								/* @__PURE__ */ x(l, {
+									label: O("devportal.shortDescription", "Short Description"),
+									value: z.shortDescription,
+									onChange: (e) => W("shortDescription", e.target.value),
+									placeholder: O("devportal.shortDescriptionPlaceholder", "A brief description of what your app does"),
+									required: !0,
+									error: k.shortDescription,
+									hint: `${z.shortDescription.length}/200 ${O("devportal.characters", "characters")}`,
+									rows: 2
+								}),
+								/* @__PURE__ */ x(l, {
+									label: O("devportal.fullDescription", "Full Description"),
+									value: z.description,
+									onChange: (e) => W("description", e.target.value),
+									placeholder: O("devportal.fullDescriptionPlaceholder", "Detailed description of your application, features, and use cases..."),
+									rows: 6,
+									hint: O("devportal.markdownSupported", "Markdown formatting is supported")
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ S(r, {
+						title: O("devportal.classification", "Classification"),
+						description: O("devportal.classificationDescription", "Categorize your application"),
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "grid gap-4 sm:grid-cols-2",
+								children: [
+									/* @__PURE__ */ x(s, {
+										label: O("devportal.applicationType", "Application Type"),
+										value: z.appType,
+										onChange: (e) => W("appType", e.target.value),
+										options: C,
+										required: !0,
+										error: k.appType,
+										placeholder: O("devportal.selectAppType", "Select app type")
+									}),
+									/* @__PURE__ */ x(s, {
+										label: O("devportal.category", "Category"),
+										value: z.category,
+										onChange: (e) => W("category", e.target.value),
+										options: T,
+										required: !0,
+										error: k.category,
+										placeholder: O("devportal.selectCategory", "Select category")
+									}),
+									/* @__PURE__ */ x(s, {
+										label: O("devportal.visibility", "Visibility"),
+										value: z.visibility,
+										onChange: (e) => W("visibility", e.target.value),
+										options: w
+									}),
+									/* @__PURE__ */ x(s, {
+										label: O("devportal.developerOrganization", "Developer Organization"),
+										value: z.developerOrganizationId,
+										onChange: (e) => W("developerOrganizationId", e.target.value),
+										options: L,
+										hint: O("devportal.developerOrganizationHint", "Optional: Associate with an organization")
+									})
+								]
+							}),
+							/* @__PURE__ */ x(c, {
+								label: O("devportal.tags", "Tags"),
+								value: z.tags,
+								onChange: (e) => W("tags", e),
+								placeholder: O("devportal.addTagsPlaceholder", "Add tags (press Enter)"),
+								hint: O("devportal.tagsHint", "Help users discover your app")
+							}),
+							/* @__PURE__ */ x(c, {
+								label: O("devportal.keywords", "Keywords"),
+								value: z.keywords,
+								onChange: (e) => W("keywords", e),
+								placeholder: O("devportal.addKeywordsPlaceholder", "Add keywords (press Enter)"),
+								hint: O("devportal.keywordsHint", "Improve search visibility")
+							})
+						]
+					}),
+					/* @__PURE__ */ x(r, {
+						title: O("devportal.authenticationAndAuthorization", "Authentication & Authorization"),
+						description: O("devportal.authenticationAndAuthorizationDescription", "Link this marketplace app to an auth app for OAuth, client credentials, API keys, delegation, and device flows."),
+						children: /* @__PURE__ */ S("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ x(s, {
+								label: O("devportal.linkedAuthApp", "Linked Auth App"),
+								value: z.appId,
+								onChange: (e) => W("appId", e.target.value),
+								options: R,
+								hint: O("devportal.linkedAuthAppHint", "Select an existing auth app or create one first. You can still configure scopes, client credentials, app-as-user delegation, and device code in the OAuth Clients area."),
+								placeholder: I ? O("devportal.loadingAuthApps", "Loading auth apps...") : O("devportal.selectAuthApp", "Select auth app")
+							}), /* @__PURE__ */ S("button", {
+								type: "button",
+								onClick: () => V("/oauth/new"),
+								className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted transition-colors",
+								children: [/* @__PURE__ */ x(v, { size: 14 }), O("devportal.createAuthAppFirst", "Create Auth App")]
+							})]
+						})
+					}),
+					/* @__PURE__ */ x(r, {
+						title: O("devportal.links", "Links"),
+						description: O("devportal.linksDescription", "External resources for your application"),
+						children: /* @__PURE__ */ S("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.websiteUrl", "Website URL"),
+									type: "url",
+									value: z.websiteUrl,
+									onChange: (e) => W("websiteUrl", e.target.value),
+									placeholder: "https://example.com"
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.documentationUrl", "Documentation URL"),
+									type: "url",
+									value: z.documentationUrl,
+									onChange: (e) => W("documentationUrl", e.target.value),
+									placeholder: "https://docs.example.com"
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.supportUrl", "Support URL"),
+									type: "url",
+									value: z.supportUrl,
+									onChange: (e) => W("supportUrl", e.target.value),
+									placeholder: "https://support.example.com"
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.githubUrl", "GitHub URL"),
+									type: "url",
+									value: z.githubUrl,
+									onChange: (e) => W("githubUrl", e.target.value),
+									placeholder: "https://github.com/org/repo"
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.privacyPolicyUrl", "Privacy Policy URL"),
+									type: "url",
+									value: z.privacyPolicyUrl,
+									onChange: (e) => W("privacyPolicyUrl", e.target.value),
+									placeholder: "https://example.com/privacy"
+								}),
+								/* @__PURE__ */ x(o, {
+									label: O("devportal.termsOfServiceUrl", "Terms of Service URL"),
+									type: "url",
+									value: z.termsOfServiceUrl,
+									onChange: (e) => W("termsOfServiceUrl", e.target.value),
+									placeholder: "https://example.com/terms"
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ S(r, {
+						title: O("devportal.settings", "Settings"),
+						description: O("devportal.settingsDescription", "Additional configuration options"),
+						children: [/* @__PURE__ */ x("div", {
+							className: "space-y-4",
+							children: /* @__PURE__ */ x(a, {
+								label: O("devportal.requireWorkspaceAdminApproval", "Require workspace admin approval"),
+								description: O("devportal.requireWorkspaceAdminApprovalDescription", "When enabled, workspace admins must approve installations before users can access this app"),
+								checked: z.requiresApproval,
+								onChange: (e) => W("requiresApproval", e.target.checked)
+							})
+						}), /* @__PURE__ */ S("div", {
+							className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
+							children: [/* @__PURE__ */ x(_, {
+								size: 20,
+								className: "text-accent-blue flex-shrink-0 mt-0.5"
+							}), /* @__PURE__ */ S("div", {
+								className: "text-sm text-status-info-text",
+								children: [/* @__PURE__ */ x("p", {
+									className: "font-medium",
+									children: O("devportal.whatHappensNext", "What happens next?")
+								}), /* @__PURE__ */ S("ul", {
+									className: "mt-1 space-y-1 text-status-info-text",
+									children: [
+										/* @__PURE__ */ S("li", { children: [
+											O("devportal.appCreatedInDraft", "Your app will be created in"),
+											" ",
+											/* @__PURE__ */ x("strong", { children: O("devportal.draft", "Draft") }),
+											" ",
+											O("devportal.status", "status")
+										] }),
+										/* @__PURE__ */ x("li", { children: O("devportal.canConfigureOAuthAndWebhooks", "You can configure OAuth clients, API keys, and webhooks") }),
+										/* @__PURE__ */ x("li", { children: O("devportal.submitForReviewWhenReady", "Submit for review when ready to publish to the marketplace") })
+									]
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "flex items-center justify-end gap-3 border-t pt-6",
+						children: [/* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: () => {
+								V("/apps");
+							},
+							disabled: M,
+							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
+							children: [/* @__PURE__ */ x(y, { size: 16 }), O("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ x("button", {
+							type: "submit",
+							disabled: M,
+							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: M ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), O("devportal.creating", "Creating...")] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(v, { size: 16 }), O("devportal.createApplication", "Create Application")] })
+						})]
+					})
+				]
+			})
+		})
+	});
+};
+//#endregion
+export { E as CreateApplicationPage };
+
+//# sourceMappingURL=CreateApplicationPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateApplicationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateApplicationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { Save, X, Info } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  TagInput,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalEventBus } from \"../events\";\nimport type { AppType, AppVisibility } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport {\n  useCreateApplicationMutation,\n  useGetMyOrganizationsQuery,\n} from \"../../generated/global-operations\";\nimport { useCurrentUserAppsQuery } from \"../hooks\";\n\ninterface CreateApplicationFormData {\n  name: string;\n  slug: string;\n  shortDescription: string;\n  description: string;\n  appType: AppType | \"\";\n  visibility: AppVisibility;\n  category: string;\n  tags: string[];\n  keywords: string[];\n  websiteUrl: string;\n  documentationUrl: string;\n  supportUrl: string;\n  privacyPolicyUrl: string;\n  termsOfServiceUrl: string;\n  githubUrl: string;\n  developerOrganizationId: string;\n  appId: string;\n  requiresApproval: boolean;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  shortDescription?: string;\n  appType?: string;\n  category?: string;\n}\n\nconst APP_TYPE_OPTIONS = Object.entries(APP_TYPE_LABELS).map(\n  ([value, label]) => ({\n    value,\n    label,\n  }),\n);\n\nconst VISIBILITY_OPTIONS = [\n  { value: \"PUBLIC\", label: \"Public - Visible to everyone\" },\n  { value: \"PRIVATE\", label: \"Private - Only visible to you\" },\n  { value: \"UNLISTED\", label: \"Unlisted - Accessible via direct link\" },\n  { value: \"INTERNAL\", label: \"Internal - Only visible within organization\" },\n];\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\n/**\n * Create new application page\n */\nexport const CreateApplicationPage: 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 [errors, setErrors] = useState<FormErrors>({});\n  const [createApplication, { loading: isSubmitting }] =\n    useCreateApplicationMutation();\n  const bus = useDevportalEventBus();\n\n  // Fetch real organizations\n  const { data: orgsData } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n  const { data: authAppsData, loading: authAppsLoading } =\n    useCurrentUserAppsQuery({\n      fetchPolicy: \"cache-and-network\",\n    });\n\n  const organizationOptions = [\n    { value: \"\", label: \"Personal Account\" },\n    ...(orgsData?.myDeveloperOrganizations ?? []).map(\n      (org: { id: string; name: string }) => ({\n        value: org.id,\n        label: org.name,\n      }),\n    ),\n  ];\n\n  const authAppOptions = [\n    { value: \"\", label: tr(\"devportal.noLinkedAuthApp\", \"Link later\") },\n    ...((authAppsData?.currentUserApps ?? []).map(\n      (authApp: {\n        id: string;\n        name: string;\n        type: string;\n        clientId: string;\n      }) => ({\n        value: authApp.id,\n        label: `${authApp.name} · ${authApp.type} · ${authApp.clientId}`,\n      }),\n    ) ?? []),\n  ];\n\n  const [formData, setFormData] = useState<CreateApplicationFormData>({\n    name: \"\",\n    slug: \"\",\n    shortDescription: \"\",\n    description: \"\",\n    appType: \"\",\n    visibility: \"PRIVATE\",\n    category: \"\",\n    tags: [],\n    keywords: [],\n    websiteUrl: \"\",\n    documentationUrl: \"\",\n    supportUrl: \"\",\n    privacyPolicyUrl: \"\",\n    termsOfServiceUrl: \"\",\n    githubUrl: \"\",\n    developerOrganizationId: \"\",\n    appId: \"\",\n    requiresApproval: false,\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const generateSlug = (name: string): string => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n  };\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      slug: prev.slug || generateSlug(name),\n    }));\n    if (errors.name) {\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    }\n  };\n\n  const handleChange = (\n    field: keyof CreateApplicationFormData,\n    value: string | string[] | boolean,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    } else if (formData.name.length < 3) {\n      newErrors.name = tr(\n        \"devportal.nameTooShort\",\n        \"Name must be at least 3 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.nameTooLong\",\n        \"Name must be less than 100 characters\",\n      );\n    }\n\n    if (!formData.slug.trim()) {\n      newErrors.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (!formData.shortDescription.trim()) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    } else if (formData.shortDescription.length > 200) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionTooLong\",\n        \"Short description must be less than 200 characters\",\n      );\n    }\n\n    if (!formData.appType) {\n      newErrors.appType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    }\n\n    if (!formData.category) {\n      newErrors.category = tr(\n        \"devportal.categoryRequired\",\n        \"Category is required\",\n      );\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validateForm()) {\n      return;\n    }\n\n    try {\n      const result = await createApplication({\n        variables: {\n          input: {\n            name: formData.name,\n            slug: formData.slug || undefined,\n            shortDescription: formData.shortDescription || undefined,\n            description: formData.description || undefined,\n            appType: formData.appType as AppType,\n            visibility: formData.visibility || undefined,\n            category: formData.category || undefined,\n            tags: formData.tags.length > 0 ? formData.tags : undefined,\n            keywords:\n              formData.keywords.length > 0 ? formData.keywords : undefined,\n            websiteUrl: formData.websiteUrl || undefined,\n            documentationUrl: formData.documentationUrl || undefined,\n            supportUrl: formData.supportUrl || undefined,\n            privacyPolicyUrl: formData.privacyPolicyUrl || undefined,\n            termsOfServiceUrl: formData.termsOfServiceUrl || undefined,\n            developerOrganizationId:\n              formData.developerOrganizationId || undefined,\n            appId: formData.appId || undefined,\n            githubUrl: formData.githubUrl || undefined,\n            requiresApproval: formData.requiresApproval,\n            iconUrl: undefined,\n          },\n        },\n      });\n\n      if (result.data?.createApplication?.id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: result.data.createApplication.id,\n          name: formData.name,\n          appType: formData.appType,\n          organizationId: formData.developerOrganizationId || null,\n        });\n        handleNavigate(`/apps/${result.data.createApplication.id}`);\n      }\n    } catch (error) {\n      console.error(\"Failed to create application:\", error);\n    }\n  };\n\n  const handleCancel = () => {\n    handleNavigate(\"/apps\");\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_CREATE}>\n      <PageLayout\n        title={tr(\"devportal.createApplication\", \"Create Application\")}\n        description={tr(\n          \"devportal.createApplicationDescription\",\n          \"Register a new application in the developer portal\",\n        )}\n        backLink={`${basePath}/apps`}\n        backLabel={tr(\"devportal.backToApplications\", \"Back to Applications\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Basic Information */}\n          <PageSection\n            title={tr(\"devportal.basicInformation\", \"Basic Information\")}\n            description={tr(\n              \"devportal.basicInformationDescription\",\n              \"Core details about your application\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={errors.name}\n                hint={tr(\n                  \"devportal.applicationNameHint\",\n                  \"Choose a memorable name for your application\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={formData.slug}\n                onChange={(e) =>\n                  handleChange(\"slug\", e.target.value.toLowerCase())\n                }\n                placeholder={tr(\"devportal.slugPlaceholder\", \"my-awesome-app\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier (auto-generated from name)\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={formData.shortDescription}\n                onChange={(e) =>\n                  handleChange(\"shortDescription\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={errors.shortDescription}\n                hint={`${formData.shortDescription.length}/200 ${tr(\"devportal.characters\", \"characters\")}`}\n                rows={2}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.fullDescription\", \"Full Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.fullDescriptionPlaceholder\",\n                  \"Detailed description of your application, features, and use cases...\",\n                )}\n                rows={6}\n                hint={tr(\n                  \"devportal.markdownSupported\",\n                  \"Markdown formatting is supported\",\n                )}\n              />\n            </div>\n          </PageSection>\n\n          {/* Classification */}\n          <PageSection\n            title={tr(\"devportal.classification\", \"Classification\")}\n            description={tr(\n              \"devportal.classificationDescription\",\n              \"Categorize your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <SelectField\n                label={tr(\"devportal.applicationType\", \"Application Type\")}\n                value={formData.appType}\n                onChange={(e) => handleChange(\"appType\", e.target.value)}\n                options={APP_TYPE_OPTIONS}\n                required\n                error={errors.appType}\n                placeholder={tr(\"devportal.selectAppType\", \"Select app type\")}\n              />\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={formData.category}\n                onChange={(e) => handleChange(\"category\", e.target.value)}\n                options={CATEGORY_OPTIONS}\n                required\n                error={errors.category}\n                placeholder={tr(\"devportal.selectCategory\", \"Select category\")}\n              />\n\n              <SelectField\n                label={tr(\"devportal.visibility\", \"Visibility\")}\n                value={formData.visibility}\n                onChange={(e) =>\n                  handleChange(\"visibility\", e.target.value as AppVisibility)\n                }\n                options={VISIBILITY_OPTIONS}\n              />\n\n              <SelectField\n                label={tr(\n                  \"devportal.developerOrganization\",\n                  \"Developer Organization\",\n                )}\n                value={formData.developerOrganizationId}\n                onChange={(e) =>\n                  handleChange(\"developerOrganizationId\", e.target.value)\n                }\n                options={organizationOptions}\n                hint={tr(\n                  \"devportal.developerOrganizationHint\",\n                  \"Optional: Associate with an organization\",\n                )}\n              />\n            </div>\n\n            <TagInput\n              label={tr(\"devportal.tags\", \"Tags\")}\n              value={formData.tags}\n              onChange={(tags) => handleChange(\"tags\", tags)}\n              placeholder={tr(\n                \"devportal.addTagsPlaceholder\",\n                \"Add tags (press Enter)\",\n              )}\n              hint={tr(\"devportal.tagsHint\", \"Help users discover your app\")}\n            />\n\n            <TagInput\n              label={tr(\"devportal.keywords\", \"Keywords\")}\n              value={formData.keywords}\n              onChange={(keywords) => handleChange(\"keywords\", keywords)}\n              placeholder={tr(\n                \"devportal.addKeywordsPlaceholder\",\n                \"Add keywords (press Enter)\",\n              )}\n              hint={tr(\"devportal.keywordsHint\", \"Improve search visibility\")}\n            />\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.authenticationAndAuthorization\",\n              \"Authentication & Authorization\",\n            )}\n            description={tr(\n              \"devportal.authenticationAndAuthorizationDescription\",\n              \"Link this marketplace app to an auth app for OAuth, client credentials, API keys, delegation, and device flows.\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <SelectField\n                label={tr(\"devportal.linkedAuthApp\", \"Linked Auth App\")}\n                value={formData.appId}\n                onChange={(e) => handleChange(\"appId\", e.target.value)}\n                options={authAppOptions}\n                hint={tr(\n                  \"devportal.linkedAuthAppHint\",\n                  \"Select an existing auth app or create one first. You can still configure scopes, client credentials, app-as-user delegation, and device code in the OAuth Clients area.\",\n                )}\n                placeholder={\n                  authAppsLoading\n                    ? tr(\"devportal.loadingAuthApps\", \"Loading auth apps...\")\n                    : tr(\"devportal.selectAuthApp\", \"Select auth app\")\n                }\n              />\n\n              <button\n                type=\"button\"\n                onClick={() => handleNavigate(\"/oauth/new\")}\n                className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-muted transition-colors\"\n              >\n                <Save size={14} />\n                {tr(\"devportal.createAuthAppFirst\", \"Create Auth App\")}\n              </button>\n            </div>\n          </PageSection>\n\n          {/* URLs */}\n          <PageSection\n            title={tr(\"devportal.links\", \"Links\")}\n            description={tr(\n              \"devportal.linksDescription\",\n              \"External resources for your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <InputField\n                label={tr(\"devportal.websiteUrl\", \"Website URL\")}\n                type=\"url\"\n                value={formData.websiteUrl}\n                onChange={(e) => handleChange(\"websiteUrl\", e.target.value)}\n                placeholder=\"https://example.com\"\n              />\n\n              <InputField\n                label={tr(\"devportal.documentationUrl\", \"Documentation URL\")}\n                type=\"url\"\n                value={formData.documentationUrl}\n                onChange={(e) =>\n                  handleChange(\"documentationUrl\", e.target.value)\n                }\n                placeholder=\"https://docs.example.com\"\n              />\n\n              <InputField\n                label={tr(\"devportal.supportUrl\", \"Support URL\")}\n                type=\"url\"\n                value={formData.supportUrl}\n                onChange={(e) => handleChange(\"supportUrl\", e.target.value)}\n                placeholder=\"https://support.example.com\"\n              />\n\n              <InputField\n                label={tr(\"devportal.githubUrl\", \"GitHub URL\")}\n                type=\"url\"\n                value={formData.githubUrl}\n                onChange={(e) => handleChange(\"githubUrl\", e.target.value)}\n                placeholder=\"https://github.com/org/repo\"\n              />\n\n              <InputField\n                label={tr(\"devportal.privacyPolicyUrl\", \"Privacy Policy URL\")}\n                type=\"url\"\n                value={formData.privacyPolicyUrl}\n                onChange={(e) =>\n                  handleChange(\"privacyPolicyUrl\", e.target.value)\n                }\n                placeholder=\"https://example.com/privacy\"\n              />\n\n              <InputField\n                label={tr(\n                  \"devportal.termsOfServiceUrl\",\n                  \"Terms of Service URL\",\n                )}\n                type=\"url\"\n                value={formData.termsOfServiceUrl}\n                onChange={(e) =>\n                  handleChange(\"termsOfServiceUrl\", e.target.value)\n                }\n                placeholder=\"https://example.com/terms\"\n              />\n            </div>\n          </PageSection>\n\n          {/* Settings */}\n          <PageSection\n            title={tr(\"devportal.settings\", \"Settings\")}\n            description={tr(\n              \"devportal.settingsDescription\",\n              \"Additional configuration options\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <CheckboxField\n                label={tr(\n                  \"devportal.requireWorkspaceAdminApproval\",\n                  \"Require workspace admin approval\",\n                )}\n                description={tr(\n                  \"devportal.requireWorkspaceAdminApprovalDescription\",\n                  \"When enabled, workspace admins must approve installations before users can access this app\",\n                )}\n                checked={formData.requiresApproval}\n                onChange={(e) =>\n                  handleChange(\"requiresApproval\", e.target.checked)\n                }\n              />\n            </div>\n\n            {/* Info banner */}\n            <div className=\"rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3\">\n              <Info\n                size={20}\n                className=\"text-accent-blue flex-shrink-0 mt-0.5\"\n              />\n              <div className=\"text-sm text-status-info-text\">\n                <p className=\"font-medium\">\n                  {tr(\"devportal.whatHappensNext\", \"What happens next?\")}\n                </p>\n                <ul className=\"mt-1 space-y-1 text-status-info-text\">\n                  <li>\n                    {tr(\n                      \"devportal.appCreatedInDraft\",\n                      \"Your app will be created in\",\n                    )}{\" \"}\n                    <strong>{tr(\"devportal.draft\", \"Draft\")}</strong>{\" \"}\n                    {tr(\"devportal.status\", \"status\")}\n                  </li>\n                  <li>\n                    {tr(\n                      \"devportal.canConfigureOAuthAndWebhooks\",\n                      \"You can configure OAuth clients, API keys, and webhooks\",\n                    )}\n                  </li>\n                  <li>\n                    {tr(\n                      \"devportal.submitForReviewWhenReady\",\n                      \"Submit for review when ready to publish to the marketplace\",\n                    )}\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </PageSection>\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\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\"\n            >\n              {isSubmitting ? (\n                <>\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                  {tr(\"devportal.creating\", \"Creating...\")}\n                </>\n              ) : (\n                <>\n                  <Save size={16} />\n                  {tr(\"devportal.createApplication\", \"Create Application\")}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+/**
+ * Create OAuth App page
+ *
+ * Creates a new App in auth-svc (replaces devportal-svc CreateOAuthClient).
+ * Shows the client secret once after creation.
+ */
+export declare const CreateOAuthClientPage: FC;
+//# sourceMappingURL=CreateOAuthClientPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOAuthClientPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOAuthClientPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAqBhC;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,EA0UnC,CAAC"}