@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

package/dist/devportal/pages/CreateApiKeyPage.js

@@ -1,26 +1,26 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { useDevportalEventBus as t } from "../events/index.js";
-import { useCurrentUserAppsQuery as n, useGenerateApiKeyMutation as r } from "../../generated/global-operations.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { NewSecretAlert as o } from "../components/SecretDisplay.js";
-import { InputField as s, SelectField as c, TagInput as l } from "../components/FormField.js";
-import { Alert as u } from "../components/ConfirmDialog.js";
-import { PermissionGuard as d } from "../components/PermissionGuard.js";
+import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
+import { InputField as n, SelectField as r, TagInput as i } from "../components/FormField.js";
+import { useCurrentUserAppsQuery as a, useGenerateApiKeyMutation as o } from "../../generated/global-operations.js";
+import { NewSecretAlert as s } from "../components/SecretDisplay.js";
+import { Alert as c } from "../components/ConfirmDialog.js";
+import { useDevportal as l } from "../providers/DevportalProvider.js";
 import "../components/index.js";
+import { PermissionGuard as u } from "../components/PermissionGuard.js";
 import "../hooks/index.js";
+import { useDevportalEventBus as d } from "../events/index.js";
 import { executeRecaptcha as f } from "../utils/recaptcha.js";
 import { useState as p } from "react";
 import { Loader2 as m, Save as h, X as g } from "lucide-react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { OptionalFields as b } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/CreateApiKeyPage.tsx
+// src/devportal/pages/CreateApiKeyPage.tsx
 var x = {
-	"30days": 720 * 60 * 60 * 1e3,
-	"90days": 2160 * 60 * 60 * 1e3,
-	"180days": 4320 * 60 * 60 * 1e3,
-	"1year": 365 * 24 * 60 * 60 * 1e3,
-	"2years": 2 * 365 * 24 * 60 * 60 * 1e3,
+	"30days": 2592e6,
+	"90days": 7776e6,
+	"180days": 15552e6,
+	"1year": 31536e6,
+	"2years": 63072e6,
 	never: null
 };
 function S(e) {
@@ -31,7 +31,7 @@ var C = () => {
 	let { t: x } = y(), C = (e, t) => {
 		let n = x(e);
 		return n === e ? t : n;
-	}, { navigate: w, basePath: T } = e(), [E, D] = p(null), [O, k] = p({}), [A, j] = p(null), [M, { loading: N }] = r(), P = t(), { data: F, loading: I } = n({ fetchPolicy: "cache-and-network" }), L = F?.currentUserApps?.apps.map((e) => ({
+	}, { navigate: w, basePath: T } = l(), [E, D] = p(null), [O, k] = p({}), [A, j] = p(null), [M, { loading: N }] = o(), P = d(), { data: F, loading: I } = a({ fetchPolicy: "cache-and-network" }), L = F?.currentUserApps?.apps.map((e) => ({
 		id: e.id,
 		name: e.name,
 		clientId: e.clientId
@@ -59,41 +59,42 @@ var C = () => {
 		if (e.preventDefault(), U()) {
 			j(null);
 			try {
-				let e = S(R.expiresIn), t = await f("api_key_create"), { data: n } = await M({ variables: { input: {
+				let e = S(R.expiresIn), t = await /* @__PURE__ */ f("api_key_create"), n = {
 					appId: R.appId,
 					name: R.name.trim(),
 					scope: R.scopes,
 					expiresAt: e,
 					...t ? { recaptchaToken: t } : {}
-				} } });
-				n?.generateAPIKey && (P.emit("devportal.apikey.generated", {
-					keyId: n.generateAPIKey.keyId,
+				}, { data: r } = await M({ variables: { input: n } });
+				r?.generateAPIKey && (P.emit("devportal.apikey.generated", {
+					keyId: r.generateAPIKey.keyId,
 					appId: R.appId
 				}), D({
-					apiKey: n.generateAPIKey.apiKey,
-					apiSecret: n.generateAPIKey.apiSecret,
-					keyId: n.generateAPIKey.keyId
+					apiKey: r.generateAPIKey.apiKey,
+					apiSecret: r.generateAPIKey.apiSecret,
+					keyId: r.generateAPIKey.keyId
 				}));
 			} catch (e) {
-				j(e instanceof Error ? e.message : C("devportal.failedToGenerateApiKey", "Failed to generate API key"));
+				let t = e instanceof Error ? e.message : C("devportal.failedToGenerateApiKey", "Failed to generate API key");
+				j(t);
 			}
 		}
 	}, G = () => {
 		B("/api-keys");
 	};
-	return E ? /* @__PURE__ */ _(i, {
+	return E ? /* @__PURE__ */ _(e, {
 		title: "API Key Generated",
 		description: "Your new API key has been generated successfully",
 		children: /* @__PURE__ */ v("div", {
 			className: "max-w-2xl space-y-6",
 			children: [
-				/* @__PURE__ */ _(o, {
+				/* @__PURE__ */ _(s, {
 					title: "API Key & Secret",
 					secret: E.apiSecret,
 					description: "Store this secret securely — you won't be able to see it again.",
 					onDismiss: G
 				}),
-				/* @__PURE__ */ _(u, {
+				/* @__PURE__ */ _(c, {
 					variant: "info",
 					title: "Usage Instructions",
 					children: /* @__PURE__ */ v("div", {
@@ -139,9 +140,9 @@ var C = () => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ _(d, {
+	}) : /* @__PURE__ */ _(u, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(i, {
+		children: /* @__PURE__ */ _(e, {
 			title: "Generate API Key",
 			description: "Generate a new API key for programmatic access",
 			purpose: "Create a key your backend or scripts can use to call the API without a logged-in user. Scope it to one app and the minimum permissions it needs — the secret is shown only once at creation, so copy it somewhere safe.",
@@ -151,13 +152,13 @@ var C = () => {
 				onSubmit: W,
 				className: "max-w-3xl space-y-8",
 				children: [
-					A && /* @__PURE__ */ _(u, {
+					A && /* @__PURE__ */ _(c, {
 						variant: "error",
 						title: "Error Generating API Key",
 						onDismiss: () => j(null),
 						children: A
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ _(t, {
 						title: "Basic Information",
 						description: "Configure the API key settings",
 						children: /* @__PURE__ */ v("div", {
@@ -168,7 +169,7 @@ var C = () => {
 									className: "text-sm text-text-secondary",
 									children: "Loading apps..."
 								})]
-							}) : L.length === 0 ? /* @__PURE__ */ _(u, {
+							}) : L.length === 0 ? /* @__PURE__ */ _(c, {
 								variant: "warning",
 								title: "No Apps Found",
 								children: /* @__PURE__ */ v("p", { children: [
@@ -181,7 +182,7 @@ var C = () => {
 										children: "Create an app"
 									})
 								] })
-							}) : /* @__PURE__ */ _(c, {
+							}) : /* @__PURE__ */ _(r, {
 								label: "App",
 								value: R.appId,
 								onChange: (e) => H("appId", e.target.value),
@@ -193,7 +194,7 @@ var C = () => {
 								error: O.appId,
 								required: !0,
 								hint: "The OAuth app this API key will be associated with"
-							}), /* @__PURE__ */ _(s, {
+							}), /* @__PURE__ */ _(n, {
 								label: "Key Name",
 								placeholder: "e.g., Production Backend Key",
 								value: R.name,
@@ -204,12 +205,12 @@ var C = () => {
 							})]
 						})
 					}),
-					/* @__PURE__ */ _(a, {
+					/* @__PURE__ */ _(t, {
 						title: "Scopes",
 						description: "Define what this API key can access",
 						children: /* @__PURE__ */ _("div", {
 							className: "space-y-4",
-							children: /* @__PURE__ */ _(l, {
+							children: /* @__PURE__ */ _(i, {
 								label: "Scopes",
 								value: R.scopes,
 								onChange: (e) => H("scopes", e),
@@ -222,10 +223,10 @@ var C = () => {
 					/* @__PURE__ */ _(b, {
 						title: "Advanced settings",
 						description: "Rate-limit overrides, allowed origins, scope tuning, and expiration.",
-						children: /* @__PURE__ */ v(a, {
+						children: /* @__PURE__ */ v(t, {
 							title: "Key Expiration",
 							description: "Set when this key should expire",
-							children: [/* @__PURE__ */ _(c, {
+							children: [/* @__PURE__ */ _(r, {
 								label: "Expires In",
 								value: R.expiresIn,
 								onChange: (e) => H("expiresIn", e.target.value),
@@ -256,7 +257,7 @@ var C = () => {
 									}
 								],
 								hint: "Keys can be revoked at any time regardless of expiration"
-							}), R.expiresIn === "never" && /* @__PURE__ */ _(u, {
+							}), R.expiresIn === "never" && /* @__PURE__ */ _(c, {
 								variant: "warning",
 								className: "mt-4",
 								children: "Non-expiring keys are a security risk. Consider setting an expiration and rotating keys periodically."
@@ -282,7 +283,6 @@ var C = () => {
 		})
 	});
 };
-//#endregion
 export { C as CreateApiKeyPage };
 
 //# sourceMappingURL=CreateApiKeyPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateApiKeyPage.js","names":[],"sources":["../../../src/devportal/pages/CreateApiKeyPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { Save, X, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { OptionalFields } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, SelectField, TagInput } from \"../components/FormField\";\nimport { NewSecretAlert } from \"../components/SecretDisplay\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useGenerateApiKeyMutation, useCurrentUserAppsQuery } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\nimport { executeRecaptcha } from \"../utils/recaptcha\";\n\ninterface CreateApiKeyFormData {\n  appId: string;\n  name: string;\n  scopes: string[];\n  expiresIn: string;\n}\n\nconst EXPIRATION_DURATIONS: Record<string, number | null> = {\n  \"30days\": 30 * 24 * 60 * 60 * 1000,\n  \"90days\": 90 * 24 * 60 * 60 * 1000,\n  \"180days\": 180 * 24 * 60 * 60 * 1000,\n  \"1year\": 365 * 24 * 60 * 60 * 1000,\n  \"2years\": 2 * 365 * 24 * 60 * 60 * 1000,\n  never: null,\n};\n\nfunction computeExpiresAt(expiresIn: string): string | undefined {\n  const duration = EXPIRATION_DURATIONS[expiresIn];\n  if (duration == null) return undefined;\n  return new Date(Date.now() + duration).toISOString();\n}\n\n/**\n * Page for generating a new API key via auth-svc.\n *\n * Previously created API keys through devportal-svc per application;\n * now generates keys through auth-svc's generateAPIKey mutation.\n * The user selects which OAuth app to associate the key with.\n */\nexport const CreateApiKeyPage: FC = () => {\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 { navigate, basePath } = useDevportal();\n  const [newApiKey, setNewApiKey] = useState<{\n    apiKey: string;\n    apiSecret: string;\n    keyId: string;\n  } | null>(null);\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [mutationError, setMutationError] = useState<string | null>(null);\n\n  const [generateApiKey, { loading: isSubmitting }] =\n    useGenerateApiKeyMutation();\n  const bus = useDevportalEventBus();\n\n  // Fetch user's apps to populate the app selector\n  const { data: appsData, loading: appsLoading } = useCurrentUserAppsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const apps: Array<{ id: string; name: string; clientId: string }> =\n    appsData?.currentUserApps?.apps.map(\n      (app: { id: string; name: string; clientId: string }) => ({\n        id: app.id,\n        name: app.name,\n        clientId: app.clientId,\n      }),\n    ) ?? [];\n\n  const [formData, setFormData] = useState<CreateApiKeyFormData>({\n    appId: \"\",\n    name: \"\",\n    scopes: [],\n    expiresIn: \"1year\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleCancel = () => {\n    handleNavigate(\"/api-keys\");\n  };\n\n  const updateField = <K extends keyof CreateApiKeyFormData>(\n    field: K,\n    value: CreateApiKeyFormData[K],\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field]) {\n      setErrors((prev) => ({ ...prev, [field]: \"\" }));\n    }\n    if (mutationError) {\n      setMutationError(null);\n    }\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: Record<string, string> = {};\n\n    if (!formData.appId) {\n      newErrors.appId = tr(\n        \"devportal.selectAppError\",\n        \"Please select an app to associate this key with\",\n      );\n    }\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.apiKeyNameRequired\",\n        \"API key name is required\",\n      );\n    }\n\n    if (formData.scopes.length === 0) {\n      newErrors.scopes = tr(\n        \"devportal.atLeastOneScopeRequired\",\n        \"At least one scope 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()) return;\n\n    setMutationError(null);\n\n    try {\n      const expiresAt = computeExpiresAt(formData.expiresIn);\n      const recaptchaToken = await executeRecaptcha(\"api_key_create\");\n      const input = {\n        appId: formData.appId,\n        name: formData.name.trim(),\n        scope: formData.scopes,\n        expiresAt,\n        ...(recaptchaToken ? { recaptchaToken } : {}),\n      };\n\n      const { data } = await generateApiKey({\n        variables: {\n          input,\n        },\n      });\n\n      if (data?.generateAPIKey) {\n        bus.emit(\"devportal.apikey.generated\", {\n          keyId: data.generateAPIKey.keyId,\n          appId: formData.appId,\n        });\n        setNewApiKey({\n          apiKey: data.generateAPIKey.apiKey,\n          apiSecret: data.generateAPIKey.apiSecret,\n          keyId: data.generateAPIKey.keyId,\n        });\n      }\n    } catch (err) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"devportal.failedToGenerateApiKey\",\n              \"Failed to generate API key\",\n            );\n      setMutationError(message);\n    }\n  };\n\n  const handleKeyDismiss = () => {\n    handleNavigate(\"/api-keys\");\n  };\n\n  const expirationOptions = [\n    { value: \"30days\", label: \"30 days\" },\n    { value: \"90days\", label: \"90 days\" },\n    { value: \"180days\", label: \"180 days\" },\n    { value: \"1year\", label: \"1 year\" },\n    { value: \"2years\", label: \"2 years\" },\n    { value: \"never\", label: \"Never expires\" },\n  ];\n\n  if (newApiKey) {\n    return (\n      <PageLayout\n        title=\"API Key Generated\"\n        description=\"Your new API key has been generated successfully\"\n      >\n        <div className=\"max-w-2xl space-y-6\">\n          <NewSecretAlert\n            title=\"API Key & Secret\"\n            secret={newApiKey.apiSecret}\n            description=\"Store this secret securely — you won't be able to see it again.\"\n            onDismiss={handleKeyDismiss}\n          />\n\n          <Alert variant=\"info\" title=\"Usage Instructions\">\n            <div className=\"mt-2 space-y-2\">\n              <p>Your API key details:</p>\n              <div className=\"space-y-1\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-medium text-text-secondary\">\n                    Key ID:\n                  </span>\n                  <code className=\"rounded bg-bg-sunken px-2 py-0.5 text-sm\">\n                    {newApiKey.keyId}\n                  </code>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-medium text-text-secondary\">\n                    API Key:\n                  </span>\n                  <code className=\"rounded bg-bg-sunken px-2 py-0.5 text-sm\">\n                    {newApiKey.apiKey}\n                  </code>\n                </div>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-2\">\n                Use the API key and secret to authenticate your requests.\n              </p>\n            </div>\n          </Alert>\n\n          <div className=\"flex gap-3\">\n            <button\n              onClick={handleKeyDismiss}\n              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\"\n            >\n              Continue to API Keys\n            </button>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title=\"Generate API Key\"\n        description=\"Generate a new API key for programmatic access\"\n        purpose=\"Create a key your backend or scripts can use to call the API without a logged-in user. Scope it to one app and the minimum permissions it needs — the secret is shown only once at creation, so copy it somewhere safe.\"\n        backLink=\"/api-keys\"\n        backLabel=\"Back to API Keys\"\n      >\n        <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-8\">\n          {/* Mutation error */}\n          {mutationError && (\n            <Alert\n              variant=\"error\"\n              title=\"Error Generating API Key\"\n              onDismiss={() => setMutationError(null)}\n            >\n              {mutationError}\n            </Alert>\n          )}\n\n          {/* Basic Information */}\n          <PageSection\n            title=\"Basic Information\"\n            description=\"Configure the API key settings\"\n          >\n            <div className=\"space-y-4\">\n              {/* App Selector */}\n              {appsLoading ? (\n                <div className=\"flex items-center gap-2 py-2\">\n                  <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n                  <span className=\"text-sm text-text-secondary\">\n                    Loading apps...\n                  </span>\n                </div>\n              ) : apps.length === 0 ? (\n                <Alert variant=\"warning\" title=\"No Apps Found\">\n                  <p>\n                    You need to create an OAuth app first before generating API\n                    keys.{\" \"}\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigate(\"/oauth/new\")}\n                      className=\"text-primary underline hover:no-underline\"\n                    >\n                      Create an app\n                    </button>\n                  </p>\n                </Alert>\n              ) : (\n                <SelectField\n                  label=\"App\"\n                  value={formData.appId}\n                  onChange={(e) => updateField(\"appId\", e.target.value)}\n                  options={apps.map((app) => ({\n                    value: app.id,\n                    label: `${app.name} (${app.clientId})`,\n                  }))}\n                  placeholder=\"Select an app…\"\n                  error={errors.appId}\n                  required\n                  hint=\"The OAuth app this API key will be associated with\"\n                />\n              )}\n\n              <InputField\n                label=\"Key Name\"\n                placeholder=\"e.g., Production Backend Key\"\n                value={formData.name}\n                onChange={(e) => updateField(\"name\", e.target.value)}\n                error={errors.name}\n                required\n                hint=\"A descriptive name to identify this key\"\n              />\n            </div>\n          </PageSection>\n\n          {/* Scopes */}\n          <PageSection\n            title=\"Scopes\"\n            description=\"Define what this API key can access\"\n          >\n            <div className=\"space-y-4\">\n              <TagInput\n                label=\"Scopes\"\n                value={formData.scopes}\n                onChange={(values) => updateField(\"scopes\", values)}\n                placeholder=\"e.g., workspace:read, vibecontrols:write\"\n                hint=\"Press Enter to add each scope. At least one scope is required.\"\n                error={errors.scopes}\n              />\n            </div>\n          </PageSection>\n\n          {/* Advanced: rate-limit overrides / allowed origins / scope tuning / expiration — collapse the long-tail knobs */}\n          <OptionalFields\n            title=\"Advanced settings\"\n            description=\"Rate-limit overrides, allowed origins, scope tuning, and expiration.\"\n          >\n            <PageSection\n              title=\"Key Expiration\"\n              description=\"Set when this key should expire\"\n            >\n              <SelectField\n                label=\"Expires In\"\n                value={formData.expiresIn}\n                onChange={(e) => updateField(\"expiresIn\", e.target.value)}\n                options={expirationOptions}\n                hint=\"Keys can be revoked at any time regardless of expiration\"\n              />\n\n              {formData.expiresIn === \"never\" && (\n                <Alert variant=\"warning\" className=\"mt-4\">\n                  Non-expiring keys are a security risk. Consider setting an\n                  expiration and rotating keys periodically.\n                </Alert>\n              )}\n            </PageSection>\n          </OptionalFields>\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              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              <X size={16} />\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting || apps.length === 0}\n              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\"\n            >\n              <Save size={16} />\n              {isSubmitting ? \"Generating...\" : \"Generate API Key\"}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreateApiKeyPage.js","names":["EXPIRATION_DURATIONS","computeExpiresAt","duration","expiresIn","CreateApiKeyPage","useI18n","tr","value","t","key","fallback","useDevportal","newApiKey","setNewApiKey","useState","errors","setErrors","mutationError","setMutationError","generateApiKey","isSubmitting","useGenerateApiKeyMutation","bus","useDevportalEventBus","appsData","appsLoading","useCurrentUserAppsQuery","apps","app","formData","setFormData","handleNavigate","basePath","path","handleCancel","updateField","prev","field","validateForm","newErrors","handleSubmit","expiresAt","recaptchaToken","input","data","err","message","handleKeyDismiss","PageLayout","NewSecretAlert","Alert","PermissionGuard","PageSection","Loader2","SelectField","InputField","TagInput","values","OptionalFields","X","Save"],"sources":["../../../src/devportal/pages/CreateApiKeyPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { Save, X, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { OptionalFields } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, SelectField, TagInput } from \"../components/FormField\";\nimport { NewSecretAlert } from \"../components/SecretDisplay\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useGenerateApiKeyMutation, useCurrentUserAppsQuery } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\nimport { executeRecaptcha } from \"../utils/recaptcha\";\n\ninterface CreateApiKeyFormData {\n  appId: string;\n  name: string;\n  scopes: string[];\n  expiresIn: string;\n}\n\nconst EXPIRATION_DURATIONS: Record<string, number | null> = {\n  \"30days\": 30 * 24 * 60 * 60 * 1000,\n  \"90days\": 90 * 24 * 60 * 60 * 1000,\n  \"180days\": 180 * 24 * 60 * 60 * 1000,\n  \"1year\": 365 * 24 * 60 * 60 * 1000,\n  \"2years\": 2 * 365 * 24 * 60 * 60 * 1000,\n  never: null,\n};\n\nfunction computeExpiresAt(expiresIn: string): string | undefined {\n  const duration = EXPIRATION_DURATIONS[expiresIn];\n  if (duration == null) return undefined;\n  return new Date(Date.now() + duration).toISOString();\n}\n\n/**\n * Page for generating a new API key via auth-svc.\n *\n * Previously created API keys through devportal-svc per application;\n * now generates keys through auth-svc's generateAPIKey mutation.\n * The user selects which OAuth app to associate the key with.\n */\nexport const CreateApiKeyPage: FC = () => {\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 { navigate, basePath } = useDevportal();\n  const [newApiKey, setNewApiKey] = useState<{\n    apiKey: string;\n    apiSecret: string;\n    keyId: string;\n  } | null>(null);\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [mutationError, setMutationError] = useState<string | null>(null);\n\n  const [generateApiKey, { loading: isSubmitting }] =\n    useGenerateApiKeyMutation();\n  const bus = useDevportalEventBus();\n\n  // Fetch user's apps to populate the app selector\n  const { data: appsData, loading: appsLoading } = useCurrentUserAppsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const apps: Array<{ id: string; name: string; clientId: string }> =\n    appsData?.currentUserApps?.apps.map(\n      (app: { id: string; name: string; clientId: string }) => ({\n        id: app.id,\n        name: app.name,\n        clientId: app.clientId,\n      }),\n    ) ?? [];\n\n  const [formData, setFormData] = useState<CreateApiKeyFormData>({\n    appId: \"\",\n    name: \"\",\n    scopes: [],\n    expiresIn: \"1year\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleCancel = () => {\n    handleNavigate(\"/api-keys\");\n  };\n\n  const updateField = <K extends keyof CreateApiKeyFormData>(\n    field: K,\n    value: CreateApiKeyFormData[K],\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field]) {\n      setErrors((prev) => ({ ...prev, [field]: \"\" }));\n    }\n    if (mutationError) {\n      setMutationError(null);\n    }\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: Record<string, string> = {};\n\n    if (!formData.appId) {\n      newErrors.appId = tr(\n        \"devportal.selectAppError\",\n        \"Please select an app to associate this key with\",\n      );\n    }\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.apiKeyNameRequired\",\n        \"API key name is required\",\n      );\n    }\n\n    if (formData.scopes.length === 0) {\n      newErrors.scopes = tr(\n        \"devportal.atLeastOneScopeRequired\",\n        \"At least one scope 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()) return;\n\n    setMutationError(null);\n\n    try {\n      const expiresAt = computeExpiresAt(formData.expiresIn);\n      const recaptchaToken = await executeRecaptcha(\"api_key_create\");\n      const input = {\n        appId: formData.appId,\n        name: formData.name.trim(),\n        scope: formData.scopes,\n        expiresAt,\n        ...(recaptchaToken ? { recaptchaToken } : {}),\n      };\n\n      const { data } = await generateApiKey({\n        variables: {\n          input,\n        },\n      });\n\n      if (data?.generateAPIKey) {\n        bus.emit(\"devportal.apikey.generated\", {\n          keyId: data.generateAPIKey.keyId,\n          appId: formData.appId,\n        });\n        setNewApiKey({\n          apiKey: data.generateAPIKey.apiKey,\n          apiSecret: data.generateAPIKey.apiSecret,\n          keyId: data.generateAPIKey.keyId,\n        });\n      }\n    } catch (err) {\n      const message =\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"devportal.failedToGenerateApiKey\",\n              \"Failed to generate API key\",\n            );\n      setMutationError(message);\n    }\n  };\n\n  const handleKeyDismiss = () => {\n    handleNavigate(\"/api-keys\");\n  };\n\n  const expirationOptions = [\n    { value: \"30days\", label: \"30 days\" },\n    { value: \"90days\", label: \"90 days\" },\n    { value: \"180days\", label: \"180 days\" },\n    { value: \"1year\", label: \"1 year\" },\n    { value: \"2years\", label: \"2 years\" },\n    { value: \"never\", label: \"Never expires\" },\n  ];\n\n  if (newApiKey) {\n    return (\n      <PageLayout\n        title=\"API Key Generated\"\n        description=\"Your new API key has been generated successfully\"\n      >\n        <div className=\"max-w-2xl space-y-6\">\n          <NewSecretAlert\n            title=\"API Key & Secret\"\n            secret={newApiKey.apiSecret}\n            description=\"Store this secret securely — you won't be able to see it again.\"\n            onDismiss={handleKeyDismiss}\n          />\n\n          <Alert variant=\"info\" title=\"Usage Instructions\">\n            <div className=\"mt-2 space-y-2\">\n              <p>Your API key details:</p>\n              <div className=\"space-y-1\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-medium text-text-secondary\">\n                    Key ID:\n                  </span>\n                  <code className=\"rounded bg-bg-sunken px-2 py-0.5 text-sm\">\n                    {newApiKey.keyId}\n                  </code>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs font-medium text-text-secondary\">\n                    API Key:\n                  </span>\n                  <code className=\"rounded bg-bg-sunken px-2 py-0.5 text-sm\">\n                    {newApiKey.apiKey}\n                  </code>\n                </div>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-2\">\n                Use the API key and secret to authenticate your requests.\n              </p>\n            </div>\n          </Alert>\n\n          <div className=\"flex gap-3\">\n            <button\n              onClick={handleKeyDismiss}\n              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\"\n            >\n              Continue to API Keys\n            </button>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title=\"Generate API Key\"\n        description=\"Generate a new API key for programmatic access\"\n        purpose=\"Create a key your backend or scripts can use to call the API without a logged-in user. Scope it to one app and the minimum permissions it needs — the secret is shown only once at creation, so copy it somewhere safe.\"\n        backLink=\"/api-keys\"\n        backLabel=\"Back to API Keys\"\n      >\n        <form onSubmit={handleSubmit} className=\"max-w-3xl space-y-8\">\n          {/* Mutation error */}\n          {mutationError && (\n            <Alert\n              variant=\"error\"\n              title=\"Error Generating API Key\"\n              onDismiss={() => setMutationError(null)}\n            >\n              {mutationError}\n            </Alert>\n          )}\n\n          {/* Basic Information */}\n          <PageSection\n            title=\"Basic Information\"\n            description=\"Configure the API key settings\"\n          >\n            <div className=\"space-y-4\">\n              {/* App Selector */}\n              {appsLoading ? (\n                <div className=\"flex items-center gap-2 py-2\">\n                  <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />\n                  <span className=\"text-sm text-text-secondary\">\n                    Loading apps...\n                  </span>\n                </div>\n              ) : apps.length === 0 ? (\n                <Alert variant=\"warning\" title=\"No Apps Found\">\n                  <p>\n                    You need to create an OAuth app first before generating API\n                    keys.{\" \"}\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigate(\"/oauth/new\")}\n                      className=\"text-primary underline hover:no-underline\"\n                    >\n                      Create an app\n                    </button>\n                  </p>\n                </Alert>\n              ) : (\n                <SelectField\n                  label=\"App\"\n                  value={formData.appId}\n                  onChange={(e) => updateField(\"appId\", e.target.value)}\n                  options={apps.map((app) => ({\n                    value: app.id,\n                    label: `${app.name} (${app.clientId})`,\n                  }))}\n                  placeholder=\"Select an app…\"\n                  error={errors.appId}\n                  required\n                  hint=\"The OAuth app this API key will be associated with\"\n                />\n              )}\n\n              <InputField\n                label=\"Key Name\"\n                placeholder=\"e.g., Production Backend Key\"\n                value={formData.name}\n                onChange={(e) => updateField(\"name\", e.target.value)}\n                error={errors.name}\n                required\n                hint=\"A descriptive name to identify this key\"\n              />\n            </div>\n          </PageSection>\n\n          {/* Scopes */}\n          <PageSection\n            title=\"Scopes\"\n            description=\"Define what this API key can access\"\n          >\n            <div className=\"space-y-4\">\n              <TagInput\n                label=\"Scopes\"\n                value={formData.scopes}\n                onChange={(values) => updateField(\"scopes\", values)}\n                placeholder=\"e.g., workspace:read, vibecontrols:write\"\n                hint=\"Press Enter to add each scope. At least one scope is required.\"\n                error={errors.scopes}\n              />\n            </div>\n          </PageSection>\n\n          {/* Advanced: rate-limit overrides / allowed origins / scope tuning / expiration — collapse the long-tail knobs */}\n          <OptionalFields\n            title=\"Advanced settings\"\n            description=\"Rate-limit overrides, allowed origins, scope tuning, and expiration.\"\n          >\n            <PageSection\n              title=\"Key Expiration\"\n              description=\"Set when this key should expire\"\n            >\n              <SelectField\n                label=\"Expires In\"\n                value={formData.expiresIn}\n                onChange={(e) => updateField(\"expiresIn\", e.target.value)}\n                options={expirationOptions}\n                hint=\"Keys can be revoked at any time regardless of expiration\"\n              />\n\n              {formData.expiresIn === \"never\" && (\n                <Alert variant=\"warning\" className=\"mt-4\">\n                  Non-expiring keys are a security risk. Consider setting an\n                  expiration and rotating keys periodically.\n                </Alert>\n              )}\n            </PageSection>\n          </OptionalFields>\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              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              <X size={16} />\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting || apps.length === 0}\n              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\"\n            >\n              <Save size={16} />\n              {isSubmitting ? \"Generating...\" : \"Generate API Key\"}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,4 +1,2 @@
 import { FC } from 'react';
-
 export declare const CreateApplicationPage: FC;
-//# sourceMappingURL=CreateApplicationPage.d.ts.map