@burdenoff/microfe-devportal 2026.1112.1 → 2026.1113.1

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

@@ -1 +1 @@
-{"version":3,"file":"SetupPage.js","names":["generateSlug","name","errorMessage","err","fallback","markSetupSeen","STEPS","StepIndicator","currentIdx","s","current","isCompleted","idx","isActive","Check","step","SetupPage","useDevportal","useI18n","bus","useDevportalEventBus","tr","v","t","key","handleNavigate","navigate","basePath","path","setStep","useState","createdOrgId","setCreatedOrgId","createdAppId","setCreatedAppId","createdAppType","setCreatedAppType","orgName","setOrgName","orgSlug","setOrgSlug","orgDescription","setOrgDescription","orgErrors","setOrgErrors","agreementAccepted","setAgreementAccepted","orgSubmitError","setOrgSubmitError","createOrg","creatingOrgOnly","useCreateOrganizationMutation","createProfile","creatingProfile","useCreateDeveloperProfileMutation","creatingOrg","createBillingAccountMutation","useCreateBillingAccountMutation","validateOrg","errs","handleOrgSubmit","id","currentUser","DEVELOPER_AGREEMENT_VERSION","DEVELOPER_LINKS","appName","setAppName","appSlug","setAppSlug","builderType","setBuilderType","appCategory","setAppCategory","appShortDesc","setAppShortDesc","appErrors","setAppErrors","appSubmitError","setAppSubmitError","createApp","creatingApp","useCreateApplicationMutation","appTypeForBuilder","validateApp","handleAppSubmit","resolvedType","reviewRequirements","reviewRequirementsFor","handleSkip","Rocket","Illustration","PagePurpose","Building2","InputField","p","TextareaField","EligibilityPanel","ChevronRight","AppWindow","SetupTypeCard","Box","Puzzle","GitFork","SelectField","APP_CATEGORY_OPTIONS","ListChecks","item","NextStepCard","Key","BookOpen","ArrowRight","ShieldCheck","ELIGIBILITY_RULES","rule","Icon","cn","selected","title","description","primary","icon"],"sources":["../../../src/devportal/pages/SetupPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  ArrowRight,\n  Building2,\n  AppWindow,\n  Rocket,\n  Check,\n  Key,\n  BookOpen,\n  ChevronRight,\n  Box,\n  Puzzle,\n  GitFork,\n  ListChecks,\n  ShieldCheck,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { APP_CATEGORY_OPTIONS } from \"../constants/appCategories\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateApplicationMutation,\n  useCreateDeveloperProfileMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport {\n  DEVELOPER_AGREEMENT_VERSION,\n  DEVELOPER_LINKS,\n} from \"../constants/developerLinks\";\nimport {\n  ELIGIBILITY_RULES,\n  reviewRequirementsFor,\n} from \"../utils/developerOnboarding\";\n\ntype SetupStep = \"org\" | \"app\" | \"submit\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nfunction generateSlug(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\n/** Readable message from a failed mutation, falling back to a generic one. */\nfunction errorMessage(err: unknown, fallback: string): string {\n  if (err instanceof Error && err.message) return err.message;\n  return fallback;\n}\n\n/** Mark that the user has interacted with setup so the dashboard gate won't redirect again. */\nfunction markSetupSeen() {\n  try {\n    localStorage.setItem(\"devportal_setup_dismissed\", \"1\");\n  } catch {\n    // localStorage unavailable — not critical\n  }\n}\n\n// ─── Step indicator ────────────────────────────────────────────────────────\n\nconst STEPS: { key: SetupStep; label: string }[] = [\n  { key: \"org\", label: \"Organization\" },\n  { key: \"app\", label: \"First app\" },\n  { key: \"submit\", label: \"Submit\" },\n  { key: \"done\", label: \"Done\" },\n];\n\nconst StepIndicator: FC<{ current: SetupStep }> = ({ current }) => {\n  const currentIdx = STEPS.findIndex((s) => s.key === current);\n  return (\n    <div className=\"flex items-center gap-0\">\n      {STEPS.map((step, idx) => {\n        const isCompleted = idx < currentIdx;\n        const isActive = idx === currentIdx;\n        return (\n          <div key={step.key} className=\"flex items-center\">\n            <div className=\"flex flex-col items-center gap-1.5\">\n              <div\n                className={[\n                  \"flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                  isCompleted\n                    ? \"bg-action-primary-bg text-action-primary-text\"\n                    : isActive\n                      ? \"bg-action-primary-bg text-action-primary-text ring-4 ring-primary/20\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                ].join(\" \")}\n              >\n                {isCompleted ? <Check size={14} /> : idx + 1}\n              </div>\n              <span\n                className={[\n                  \"text-xs font-medium whitespace-nowrap\",\n                  isActive ? \"text-text-primary\" : \"text-text-secondary\",\n                ].join(\" \")}\n              >\n                {step.label}\n              </span>\n            </div>\n            {idx < STEPS.length - 1 && (\n              <div\n                className={[\n                  \"mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors\",\n                  idx < currentIdx ? \"bg-action-primary-bg\" : \"bg-border\",\n                ].join(\" \")}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n// ─── Main component ────────────────────────────────────────────────────────\n\nexport const SetupPage: FC = () => {\n  const { navigate, basePath, currentUser } = useDevportal();\n  const { t } = useI18n();\n  const bus = useDevportalEventBus();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const handleNavigate = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const [step, setStep] = useState<SetupStep>(\"org\");\n\n  // IDs created during wizard — carried forward for success CTAs\n  const [createdOrgId, setCreatedOrgId] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n  const [createdAppType, setCreatedAppType] = useState<string | null>(null);\n\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{\n    name?: string;\n    slug?: string;\n    agreement?: string;\n  }>({});\n  const [agreementAccepted, setAgreementAccepted] = useState(false);\n  const [orgSubmitError, setOrgSubmitError] = useState<string | null>(null);\n\n  const [createOrg, { loading: creatingOrgOnly }] =\n    useCreateOrganizationMutation();\n  const [createProfile, { loading: creatingProfile }] =\n    useCreateDeveloperProfileMutation();\n  const creatingOrg = creatingOrgOnly || creatingProfile;\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: string; agreement?: string } = {};\n    if (!orgName.trim())\n      errs.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    else if (orgName.length < 2)\n      errs.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    if (!orgSlug.trim())\n      errs.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    else if (!/^[a-z0-9-]+$/.test(orgSlug))\n      errs.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Lowercase letters, numbers, and hyphens only\",\n      );\n    if (!agreementAccepted)\n      errs.agreement = tr(\n        \"devportal.onboarding.agreementRequired\",\n        \"Accept the Developer Agreement to continue\",\n      );\n    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    setOrgSubmitError(null);\n    try {\n      // The developer profile is the personal half of the registration: the\n      // backend returns the existing one when it is already there, so this is\n      // safe to repeat on a retry.\n      await createProfile({\n        variables: { input: { companyName: orgName } },\n      });\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\n            contactEmail: currentUser?.email || undefined,\n            metadata: {\n              developerAgreement: {\n                version: DEVELOPER_AGREEMENT_VERSION,\n                url: DEVELOPER_LINKS.developerAgreement,\n                acceptedAt: new Date().toISOString(),\n                acceptedBy: currentUser?.id ?? null,\n              },\n              registrationSource: \"devportal-setup\",\n            },\n          },\n        },\n      });\n      const id = result.data?.createDeveloperOrganization?.id;\n      if (id) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: id,\n          name: orgName,\n        });\n        setCreatedOrgId(id);\n        // Fire-and-forget: create a billing account for the new org\n        try {\n          createBillingAccountMutation({\n            variables: {\n              input: {\n                name: orgName,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          }).catch(() => {});\n        } catch {\n          // silent failure — billing account creation is non-blocking\n        }\n        setStep(\"app\");\n      }\n    } catch (err) {\n      setOrgSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.orgCreateFailed\",\n            \"We could not create your organization. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 2: app ──────────────────────────────────────────────\n  const [appName, setAppName] = useState(\"\");\n  const [appSlug, setAppSlug] = useState(\"\");\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [appCategory, setAppCategory] = useState(\"\");\n  const [appShortDesc, setAppShortDesc] = useState(\"\");\n  const [appErrors, setAppErrors] = useState<{\n    name?: string;\n    builderType?: string;\n    category?: string;\n    shortDescription?: string;\n  }>({});\n\n  const [appSubmitError, setAppSubmitError] = useState<string | null>(null);\n  const [createApp, { loading: creatingApp }] = useCreateApplicationMutation();\n\n  const appTypeForBuilder = () => {\n    if (builderType === \"node\") return \"NODE\" as const;\n    if (builderType === \"workflow\") return \"WORKFLOW\" as const;\n    return \"API_INTEGRATION\" as const;\n  };\n\n  const validateApp = () => {\n    const errs: typeof appErrors = {};\n    if (!appName.trim())\n      errs.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    else if (appName.length < 3)\n      errs.name = tr(\n        \"devportal.nameTooShort\",\n        \"Name must be at least 3 characters\",\n      );\n    if (!builderType)\n      errs.builderType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    if (!appCategory)\n      errs.category = tr(\"devportal.categoryRequired\", \"Category is required\");\n    if (!appShortDesc.trim())\n      errs.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    setAppErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleAppSubmit = async () => {\n    if (!validateApp()) return;\n    const resolvedType = appTypeForBuilder();\n    setAppSubmitError(null);\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: appName,\n            slug: appSlug || undefined,\n            appType: resolvedType,\n            category: appCategory || undefined,\n            shortDescription: appShortDesc || undefined,\n            visibility: \"PRIVATE\",\n            developerOrganizationId: createdOrgId || undefined,\n          },\n        },\n      });\n      const id = result.data?.createApplication?.id;\n      if (id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: id,\n          name: appName,\n          appType: resolvedType,\n          organizationId: createdOrgId,\n        });\n        setCreatedAppId(id);\n        setCreatedAppType(resolvedType);\n        markSetupSeen();\n        setStep(\"submit\");\n      }\n    } catch (err) {\n      setAppSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.appCreateFailed\",\n            \"We could not create your app. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 3: get it ready for review ──────────────────────────\n  // Submission itself happens on the app page, which checks the listing\n  // requirements reviewers need (ApplicationDetailPage's readiness rules);\n  // this step tells the developer what that page will ask for.\n  const reviewRequirements = reviewRequirementsFor(createdAppType);\n\n  const handleSkip = () => {\n    markSetupSeen();\n    handleNavigate(\"/\");\n  };\n\n  // ─── Render ─────────────────────────────────────────────────\n\n  return (\n    <main className=\"min-h-screen bg-surface-default\">\n      {/* Header */}\n      <div className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-2xl px-6 py-5\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Rocket size={20} />\n              </div>\n              <div>\n                <p className=\"text-xs font-medium text-text-secondary\">\n                  {tr(\"devportal.developerPortal\", \"Developer Portal\")}\n                </p>\n                <h1 className=\"text-base font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.title\", \"Get set up\")}\n                </h1>\n              </div>\n            </div>\n            {step !== \"done\" && (\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"mx-auto max-w-2xl px-6 py-10\">\n        {/* Step indicator */}\n        <div className=\"mb-10 flex justify-center\">\n          <StepIndicator current={step} />\n        </div>\n\n        {/* Welcome / purpose — what this wizard sets up and why */}\n        {step === \"org\" && (\n          <div className=\"mb-8 flex flex-col items-center gap-3 text-center\">\n            <Illustration\n              name=\"onboarding\"\n              alt={tr(\n                \"devportal.setup.illustrationAlt\",\n                \"Getting started with the developer portal\",\n              )}\n              size=\"md\"\n            />\n            <PagePurpose className=\"justify-center\">\n              {tr(\n                \"devportal.setup.purposeWithReview\",\n                \"Three quick steps to start building: create the organization that owns your apps, register your first app, then submit it for review. Your developer profile is created with your organization. You can change everything later.\",\n              )}\n            </PagePurpose>\n          </div>\n        )}\n\n        {/* ── Step 1: Organization ─────────────────────── */}\n        {step === \"org\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Building2 size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.orgTitle\", \"Set up your organization\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.orgSubtitle\",\n                    \"This groups your apps and teams under one publisher identity.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={orgName}\n                onChange={(e) => {\n                  setOrgName(e.target.value);\n                  if (!orgSlug || orgSlug === generateSlug(orgName)) {\n                    setOrgSlug(generateSlug(e.target.value));\n                  }\n                  setOrgErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={orgErrors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={orgSlug}\n                onChange={(e) => {\n                  setOrgSlug(e.target.value.toLowerCase());\n                  setOrgErrors((p) => ({ ...p, slug: undefined }));\n                }}\n                placeholder=\"acme-dev\"\n                required\n                error={orgErrors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier — auto-generated from name\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={orgDescription}\n                onChange={(e) => setOrgDescription(e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization…\",\n                )}\n                rows={2}\n              />\n\n              <EligibilityPanel tr={tr} />\n\n              <div>\n                <label className=\"flex items-start gap-3 text-sm text-text-primary\">\n                  <input\n                    type=\"checkbox\"\n                    data-testid=\"devportal-setup-accept-agreement\"\n                    checked={agreementAccepted}\n                    onChange={(e) => {\n                      setAgreementAccepted(e.target.checked);\n                      setOrgErrors((p) => ({ ...p, agreement: undefined }));\n                    }}\n                    className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-default accent-primary\"\n                  />\n                  <span>\n                    {tr(\n                      \"devportal.onboarding.agreementLabelPrefix\",\n                      \"I meet these requirements and accept the\",\n                    )}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.developerAgreement}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.developerAgreement\",\n                        \"Marketplace & Developer Agreement\",\n                      )}\n                    </a>{\" \"}\n                    {tr(\"devportal.onboarding.and\", \"and the\")}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.acceptableUsePolicy}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.acceptableUsePolicy\",\n                        \"Acceptable Use Policy\",\n                      )}\n                    </a>\n                    .\n                  </span>\n                </label>\n                {orgErrors.agreement && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {orgErrors.agreement}\n                  </p>\n                )}\n              </div>\n\n              {orgSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {orgSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleOrgSubmit()}\n                disabled={creatingOrg}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingOrg ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createAndContinue\", \"Create & Continue\")}\n                {!creatingOrg && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 2: First app ─────────────────────── */}\n        {step === \"app\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <AppWindow size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.appTitle\", \"Create your first app\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.appSubtitle\",\n                    \"Register the app you want to publish or integrate.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={appName}\n                onChange={(e) => {\n                  setAppName(e.target.value);\n                  if (!appSlug || appSlug === generateSlug(appName)) {\n                    setAppSlug(generateSlug(e.target.value));\n                  }\n                  setAppErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={appErrors.name}\n              />\n\n              {/* Builder type picker */}\n              <div>\n                <p className=\"mb-2 text-sm font-medium text-text-primary\">\n                  {tr(\"devportal.applicationType\", \"Application Type\")}{\" \"}\n                  <span className=\"text-status-error-text\">*</span>\n                </p>\n                <div className=\"grid grid-cols-3 gap-3\">\n                  <SetupTypeCard\n                    icon={Box}\n                    title=\"App\"\n                    description=\"OAuth integration for the platform\"\n                    selected={builderType === \"app\"}\n                    onClick={() => {\n                      setBuilderType(\"app\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={Puzzle}\n                    title=\"Node\"\n                    description=\"Custom FluidGrids workflow node\"\n                    selected={builderType === \"node\"}\n                    onClick={() => {\n                      setBuilderType(\"node\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={GitFork}\n                    title=\"Workflow\"\n                    description=\"Reusable automation template\"\n                    selected={builderType === \"workflow\"}\n                    onClick={() => {\n                      setBuilderType(\"workflow\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                </div>\n                {appErrors.builderType && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {appErrors.builderType}\n                  </p>\n                )}\n              </div>\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={appCategory}\n                onChange={(e) => {\n                  setAppCategory(e.target.value);\n                  setAppErrors((p) => ({ ...p, category: undefined }));\n                }}\n                options={[...APP_CATEGORY_OPTIONS]}\n                placeholder={tr(\"devportal.selectCategory\", \"Select category…\")}\n                required\n                error={appErrors.category}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={appShortDesc}\n                onChange={(e) => {\n                  setAppShortDesc(e.target.value);\n                  setAppErrors((p) => ({ ...p, shortDescription: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={appErrors.shortDescription}\n                rows={2}\n                hint={`${appShortDesc.length}/200`}\n              />\n\n              {appSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {appSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleAppSubmit()}\n                disabled={creatingApp}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingApp ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createApp\", \"Create App\")}\n                {!creatingApp && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 3: Get ready for review ─────────── */}\n        {step === \"submit\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <ListChecks size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\n                    \"devportal.onboarding.readyTitle\",\n                    \"Get it ready for review\",\n                  )}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.onboarding.readySubtitle\",\n                    \"Reviewers check every app before it is listed. Your app page walks you through what they need, then you submit it from there. It stays private until it is approved and you publish it.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <ul\n              data-testid=\"devportal-setup-review-requirements\"\n              className=\"space-y-2\"\n            >\n              {reviewRequirements.map((item) => (\n                <li\n                  key={item.id}\n                  className=\"flex items-start gap-3 rounded-md bg-bg-sunken px-4 py-3 text-sm text-text-primary\"\n                >\n                  <Check\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-text-secondary\"\n                    aria-hidden=\"true\"\n                  />\n                  {tr(item.key, item.text)}\n                </li>\n              ))}\n            </ul>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={() => setStep(\"done\")}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.onboarding.submitLater\", \"Do this later\")}\n              </button>\n              <button\n                type=\"button\"\n                data-testid=\"devportal-setup-finish-app\"\n                onClick={() =>\n                  createdAppId && handleNavigate(`/apps/${createdAppId}`)\n                }\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n              >\n                {tr(\"devportal.onboarding.finishApp\", \"Finish and submit\")}\n                <ChevronRight size={16} />\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 4: Done ─────────────────────────── */}\n        {step === \"done\" && (\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary\">\n              <Rocket size={32} />\n            </div>\n            <h2 className=\"text-2xl font-bold text-text-primary\">\n              {tr(\"devportal.setup.doneTitle\", \"You're all set!\")}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {tr(\n                \"devportal.setup.doneSubtitle\",\n                \"Your organization and first app are ready. Here's what to do next.\",\n              )}\n            </p>\n\n            <div className=\"mt-8 grid gap-3 sm:grid-cols-2\">\n              {createdAppId && (\n                <NextStepCard\n                  icon={<AppWindow size={20} />}\n                  title={tr(\"devportal.setup.viewApp\", \"View your app\")}\n                  description={tr(\n                    \"devportal.setup.viewAppDesc\",\n                    \"Configure OAuth, webhooks, and versioning\",\n                  )}\n                  onClick={() => handleNavigate(`/apps/${createdAppId}`)}\n                  primary\n                />\n              )}\n              <NextStepCard\n                icon={<Key size={20} />}\n                title={tr(\"devportal.setup.generateApiKey\", \"Generate API key\")}\n                description={tr(\n                  \"devportal.setup.generateApiKeyDesc\",\n                  \"Create credentials to start calling APIs\",\n                )}\n                onClick={() => handleNavigate(\"/api-keys/new\")}\n              />\n              <NextStepCard\n                icon={<BookOpen size={20} />}\n                title={tr(\"devportal.setup.browseDocs\", \"Browse docs\")}\n                description={tr(\n                  \"devportal.setup.browseDocsDesc\",\n                  \"Learn about publishing, SDKs, and webhooks\",\n                )}\n                onClick={() => handleNavigate(\"/docs\")}\n              />\n              <NextStepCard\n                icon={<Puzzle size={20} />}\n                title={tr(\n                  \"devportal.onboarding.publishConnector\",\n                  \"Publish a connector\",\n                )}\n                description={tr(\n                  \"devportal.onboarding.publishConnectorDesc\",\n                  \"List an API-key integration in the Workspaces integrations catalog\",\n                )}\n                onClick={() =>\n                  window.open(\n                    DEVELOPER_LINKS.publishConnector,\n                    \"_blank\",\n                    \"noopener,noreferrer\",\n                  )\n                }\n              />\n              {createdOrgId && (\n                <NextStepCard\n                  icon={<Building2 size={20} />}\n                  title={tr(\"devportal.setup.inviteTeam\", \"Invite your team\")}\n                  description={tr(\n                    \"devportal.setup.inviteTeamDesc\",\n                    \"Add members to collaborate on your apps\",\n                  )}\n                  onClick={() =>\n                    handleNavigate(`/organizations/${createdOrgId}/members`)\n                  }\n                />\n              )}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/\")}\n              className=\"mt-8 inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {tr(\"devportal.setup.goToDashboard\", \"Go to dashboard\")}\n              <ArrowRight size={14} />\n            </button>\n          </div>\n        )}\n      </div>\n    </main>\n  );\n};\n\n// ─── Eligibility panel ─────────────────────────────────────────────────────\n\nconst EligibilityPanel: FC<{\n  tr: (key: string, fallback: string) => string;\n}> = ({ tr }) => (\n  <section\n    aria-labelledby=\"devportal-setup-eligibility-title\"\n    data-testid=\"devportal-setup-eligibility\"\n    className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\"\n  >\n    <h3\n      id=\"devportal-setup-eligibility-title\"\n      className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\"\n    >\n      <ShieldCheck size={16} className=\"text-primary\" aria-hidden=\"true\" />\n      {tr(\"devportal.onboarding.eligibilityTitle\", \"Who can register\")}\n    </h3>\n    <ul className=\"mt-2 list-disc space-y-1 pl-5 text-sm text-text-secondary\">\n      {ELIGIBILITY_RULES.map((rule) => (\n        <li key={rule.id}>{tr(rule.key, rule.text)}</li>\n      ))}\n    </ul>\n  </section>\n);\n\n// ─── Setup type card ───────────────────────────────────────────────────────\n\nconst SetupTypeCard: FC<{\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  selected: boolean;\n  onClick: () => void;\n}> = ({ icon: Icon, title, description, selected, onClick }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-2 rounded-xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:shadow-sm\",\n      selected\n        ? \"border-primary bg-action-primary-bg/5 shadow-sm\"\n        : \"border-border-subtle bg-bg-surface\",\n    )}\n  >\n    {selected && (\n      <span className=\"absolute top-3 right-3 flex h-4 w-4 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={10} />\n      </span>\n    )}\n    <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={18} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"text-sm font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n    </div>\n  </button>\n);\n\n// ─── Next-step card ────────────────────────────────────────────────────────\n\nconst NextStepCard: FC<{\n  icon: React.ReactNode;\n  title: string;\n  description: string;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ icon, title, description, onClick, primary }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={[\n      \"flex items-start gap-4 rounded-xl border p-5 text-left transition-colors\",\n      primary\n        ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n        : \"border-border-default bg-surface-raised hover:bg-surface-hover\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg\",\n        primary\n          ? \"bg-action-primary-bg/20 text-primary\"\n          : \"bg-bg-sunken text-text-secondary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div className=\"min-w-0 flex-1\">\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ChevronRight\n      size={16}\n      className=\"mt-0.5 flex-shrink-0 text-text-secondary\"\n    />\n  </button>\n);\n"],"mappings":"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"}
+{"version":3,"file":"SetupPage.js","names":["generateSlug","name","markSetupSeen","STEPS","StepIndicator","currentIdx","s","current","isCompleted","idx","isActive","Check","step","SetupPage","useDevportal","useI18n","bus","useDevportalEventBus","tr","v","t","key","fallback","handleNavigate","navigate","basePath","path","setStep","useState","createdOrgId","setCreatedOrgId","createdAppId","setCreatedAppId","createdAppType","setCreatedAppType","orgName","setOrgName","orgSlug","setOrgSlug","orgDescription","setOrgDescription","orgErrors","setOrgErrors","agreementAccepted","setAgreementAccepted","orgSubmitError","setOrgSubmitError","createOrg","creatingOrgOnly","useCreateOrganizationMutation","createProfile","creatingProfile","useCreateDeveloperProfileMutation","creatingOrg","createBillingAccountMutation","useCreateBillingAccountMutation","validateOrg","errs","handleOrgSubmit","id","currentUser","DEVELOPER_AGREEMENT_VERSION","DEVELOPER_LINKS","err","errorMessage","appName","setAppName","appSlug","setAppSlug","builderType","setBuilderType","appCategory","setAppCategory","appShortDesc","setAppShortDesc","appErrors","setAppErrors","appSubmitError","setAppSubmitError","createApp","creatingApp","useCreateApplicationMutation","appTypeForBuilder","validateApp","handleAppSubmit","resolvedType","reviewRequirements","reviewRequirementsFor","handleSkip","Rocket","Illustration","PagePurpose","Building2","InputField","p","TextareaField","EligibilityPanel","ChevronRight","AppWindow","SetupTypeCard","Box","Puzzle","GitFork","SelectField","APP_CATEGORY_OPTIONS","ListChecks","item","NextStepCard","Key","BookOpen","ArrowRight","ShieldCheck","ELIGIBILITY_RULES","rule","Icon","cn","selected","title","description","primary","icon"],"sources":["../../../src/devportal/pages/SetupPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  ArrowRight,\n  Building2,\n  AppWindow,\n  Rocket,\n  Check,\n  Key,\n  BookOpen,\n  ChevronRight,\n  Box,\n  Puzzle,\n  GitFork,\n  ListChecks,\n  ShieldCheck,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { APP_CATEGORY_OPTIONS } from \"../constants/appCategories\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useDevportalEventBus } from \"../events\";\nimport { cn } from \"../utils/cn\";\nimport { errorMessage } from \"../utils/errorMessage\";\nimport {\n  useCreateOrganizationMutation,\n  useCreateApplicationMutation,\n  useCreateDeveloperProfileMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport {\n  DEVELOPER_AGREEMENT_VERSION,\n  DEVELOPER_LINKS,\n} from \"../constants/developerLinks\";\nimport {\n  ELIGIBILITY_RULES,\n  reviewRequirementsFor,\n} from \"../utils/developerOnboarding\";\n\ntype SetupStep = \"org\" | \"app\" | \"submit\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nfunction generateSlug(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\n/** Mark that the user has interacted with setup so the dashboard gate won't redirect again. */\nfunction markSetupSeen() {\n  try {\n    localStorage.setItem(\"devportal_setup_dismissed\", \"1\");\n  } catch {\n    // localStorage unavailable — not critical\n  }\n}\n\n// ─── Step indicator ────────────────────────────────────────────────────────\n\nconst STEPS: { key: SetupStep; label: string }[] = [\n  { key: \"org\", label: \"Organization\" },\n  { key: \"app\", label: \"First app\" },\n  { key: \"submit\", label: \"Submit\" },\n  { key: \"done\", label: \"Done\" },\n];\n\nconst StepIndicator: FC<{ current: SetupStep }> = ({ current }) => {\n  const currentIdx = STEPS.findIndex((s) => s.key === current);\n  return (\n    <div className=\"flex items-center gap-0\">\n      {STEPS.map((step, idx) => {\n        const isCompleted = idx < currentIdx;\n        const isActive = idx === currentIdx;\n        return (\n          <div key={step.key} className=\"flex items-center\">\n            <div className=\"flex flex-col items-center gap-1.5\">\n              <div\n                className={[\n                  \"flex h-8 w-8 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                  isCompleted\n                    ? \"bg-action-primary-bg text-action-primary-text\"\n                    : isActive\n                      ? \"bg-action-primary-bg text-action-primary-text ring-4 ring-primary/20\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                ].join(\" \")}\n              >\n                {isCompleted ? <Check size={14} /> : idx + 1}\n              </div>\n              <span\n                className={[\n                  \"text-xs font-medium whitespace-nowrap\",\n                  isActive ? \"text-text-primary\" : \"text-text-secondary\",\n                ].join(\" \")}\n              >\n                {step.label}\n              </span>\n            </div>\n            {idx < STEPS.length - 1 && (\n              <div\n                className={[\n                  \"mx-3 mb-5 h-px w-16 flex-shrink-0 transition-colors\",\n                  idx < currentIdx ? \"bg-action-primary-bg\" : \"bg-border\",\n                ].join(\" \")}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\n// ─── Main component ────────────────────────────────────────────────────────\n\nexport const SetupPage: FC = () => {\n  const { navigate, basePath, currentUser } = useDevportal();\n  const { t } = useI18n();\n  const bus = useDevportalEventBus();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const handleNavigate = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const [step, setStep] = useState<SetupStep>(\"org\");\n\n  // IDs created during wizard — carried forward for success CTAs\n  const [createdOrgId, setCreatedOrgId] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n  const [createdAppType, setCreatedAppType] = useState<string | null>(null);\n\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{\n    name?: string;\n    slug?: string;\n    agreement?: string;\n  }>({});\n  const [agreementAccepted, setAgreementAccepted] = useState(false);\n  const [orgSubmitError, setOrgSubmitError] = useState<string | null>(null);\n\n  const [createOrg, { loading: creatingOrgOnly }] =\n    useCreateOrganizationMutation();\n  const [createProfile, { loading: creatingProfile }] =\n    useCreateDeveloperProfileMutation();\n  const creatingOrg = creatingOrgOnly || creatingProfile;\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: string; agreement?: string } = {};\n    if (!orgName.trim())\n      errs.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    else if (orgName.length < 2)\n      errs.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    if (!orgSlug.trim())\n      errs.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    else if (!/^[a-z0-9-]+$/.test(orgSlug))\n      errs.slug = tr(\n        \"devportal.slugInvalid\",\n        \"Lowercase letters, numbers, and hyphens only\",\n      );\n    if (!agreementAccepted)\n      errs.agreement = tr(\n        \"devportal.onboarding.agreementRequired\",\n        \"Accept the Developer Agreement to continue\",\n      );\n    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    setOrgSubmitError(null);\n    try {\n      // The developer profile is the personal half of the registration: the\n      // backend returns the existing one when it is already there, so this is\n      // safe to repeat on a retry.\n      await createProfile({\n        variables: { input: { companyName: orgName } },\n      });\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\n            contactEmail: currentUser?.email || undefined,\n            metadata: {\n              developerAgreement: {\n                version: DEVELOPER_AGREEMENT_VERSION,\n                url: DEVELOPER_LINKS.developerAgreement,\n                acceptedAt: new Date().toISOString(),\n                acceptedBy: currentUser?.id ?? null,\n              },\n              registrationSource: \"devportal-setup\",\n            },\n          },\n        },\n      });\n      const id = result.data?.createDeveloperOrganization?.id;\n      if (id) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: id,\n          name: orgName,\n        });\n        setCreatedOrgId(id);\n        // Fire-and-forget: create a billing account for the new org\n        try {\n          createBillingAccountMutation({\n            variables: {\n              input: {\n                name: orgName,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          }).catch(() => {});\n        } catch {\n          // silent failure — billing account creation is non-blocking\n        }\n        setStep(\"app\");\n      }\n    } catch (err) {\n      setOrgSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.orgCreateFailed\",\n            \"We could not create your organization. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 2: app ──────────────────────────────────────────────\n  const [appName, setAppName] = useState(\"\");\n  const [appSlug, setAppSlug] = useState(\"\");\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [appCategory, setAppCategory] = useState(\"\");\n  const [appShortDesc, setAppShortDesc] = useState(\"\");\n  const [appErrors, setAppErrors] = useState<{\n    name?: string;\n    builderType?: string;\n    category?: string;\n    shortDescription?: string;\n  }>({});\n\n  const [appSubmitError, setAppSubmitError] = useState<string | null>(null);\n  const [createApp, { loading: creatingApp }] = useCreateApplicationMutation();\n\n  const appTypeForBuilder = () => {\n    if (builderType === \"node\") return \"NODE\" as const;\n    if (builderType === \"workflow\") return \"WORKFLOW\" as const;\n    return \"API_INTEGRATION\" as const;\n  };\n\n  const validateApp = () => {\n    const errs: typeof appErrors = {};\n    if (!appName.trim())\n      errs.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    else if (appName.length < 3)\n      errs.name = tr(\n        \"devportal.nameTooShort\",\n        \"Name must be at least 3 characters\",\n      );\n    if (!builderType)\n      errs.builderType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    if (!appCategory)\n      errs.category = tr(\"devportal.categoryRequired\", \"Category is required\");\n    if (!appShortDesc.trim())\n      errs.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    setAppErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleAppSubmit = async () => {\n    if (!validateApp()) return;\n    const resolvedType = appTypeForBuilder();\n    setAppSubmitError(null);\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: appName,\n            slug: appSlug || undefined,\n            appType: resolvedType,\n            category: appCategory || undefined,\n            shortDescription: appShortDesc || undefined,\n            visibility: \"PRIVATE\",\n            developerOrganizationId: createdOrgId || undefined,\n          },\n        },\n      });\n      const id = result.data?.createApplication?.id;\n      if (id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: id,\n          name: appName,\n          appType: resolvedType,\n          organizationId: createdOrgId,\n        });\n        setCreatedAppId(id);\n        setCreatedAppType(resolvedType);\n        markSetupSeen();\n        setStep(\"submit\");\n      }\n    } catch (err) {\n      setAppSubmitError(\n        errorMessage(\n          err,\n          tr(\n            \"devportal.onboarding.appCreateFailed\",\n            \"We could not create your app. Please try again.\",\n          ),\n        ),\n      );\n    }\n  };\n\n  // ── Step 3: get it ready for review ──────────────────────────\n  // Submission itself happens on the app page, which checks the listing\n  // requirements reviewers need (ApplicationDetailPage's readiness rules);\n  // this step tells the developer what that page will ask for.\n  const reviewRequirements = reviewRequirementsFor(createdAppType);\n\n  const handleSkip = () => {\n    markSetupSeen();\n    handleNavigate(\"/\");\n  };\n\n  // ─── Render ─────────────────────────────────────────────────\n\n  return (\n    <main className=\"min-h-screen bg-surface-default\">\n      {/* Header */}\n      <div className=\"border-b border-border-default bg-surface-raised\">\n        <div className=\"mx-auto max-w-2xl px-6 py-5\">\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-9 w-9 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Rocket size={20} />\n              </div>\n              <div>\n                <p className=\"text-xs font-medium text-text-secondary\">\n                  {tr(\"devportal.developerPortal\", \"Developer Portal\")}\n                </p>\n                <h1 className=\"text-base font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.title\", \"Get set up\")}\n                </h1>\n              </div>\n            </div>\n            {step !== \"done\" && (\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"mx-auto max-w-2xl px-6 py-10\">\n        {/* Step indicator */}\n        <div className=\"mb-10 flex justify-center\">\n          <StepIndicator current={step} />\n        </div>\n\n        {/* Welcome / purpose — what this wizard sets up and why */}\n        {step === \"org\" && (\n          <div className=\"mb-8 flex flex-col items-center gap-3 text-center\">\n            <Illustration\n              name=\"onboarding\"\n              alt={tr(\n                \"devportal.setup.illustrationAlt\",\n                \"Getting started with the developer portal\",\n              )}\n              size=\"md\"\n            />\n            <PagePurpose className=\"justify-center\">\n              {tr(\n                \"devportal.setup.purposeWithReview\",\n                \"Three quick steps to start building: create the organization that owns your apps, register your first app, then submit it for review. Your developer profile is created with your organization. You can change everything later.\",\n              )}\n            </PagePurpose>\n          </div>\n        )}\n\n        {/* ── Step 1: Organization ─────────────────────── */}\n        {step === \"org\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <Building2 size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.orgTitle\", \"Set up your organization\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.orgSubtitle\",\n                    \"This groups your apps and teams under one publisher identity.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={orgName}\n                onChange={(e) => {\n                  setOrgName(e.target.value);\n                  if (!orgSlug || orgSlug === generateSlug(orgName)) {\n                    setOrgSlug(generateSlug(e.target.value));\n                  }\n                  setOrgErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={orgErrors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={orgSlug}\n                onChange={(e) => {\n                  setOrgSlug(e.target.value.toLowerCase());\n                  setOrgErrors((p) => ({ ...p, slug: undefined }));\n                }}\n                placeholder=\"acme-dev\"\n                required\n                error={orgErrors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier — auto-generated from name\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={orgDescription}\n                onChange={(e) => setOrgDescription(e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization…\",\n                )}\n                rows={2}\n              />\n\n              <EligibilityPanel tr={tr} />\n\n              <div>\n                <label className=\"flex items-start gap-3 text-sm text-text-primary\">\n                  <input\n                    type=\"checkbox\"\n                    data-testid=\"devportal-setup-accept-agreement\"\n                    checked={agreementAccepted}\n                    onChange={(e) => {\n                      setAgreementAccepted(e.target.checked);\n                      setOrgErrors((p) => ({ ...p, agreement: undefined }));\n                    }}\n                    className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-default accent-primary\"\n                  />\n                  <span>\n                    {tr(\n                      \"devportal.onboarding.agreementLabelPrefix\",\n                      \"I meet these requirements and accept the\",\n                    )}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.developerAgreement}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.developerAgreement\",\n                        \"Marketplace & Developer Agreement\",\n                      )}\n                    </a>{\" \"}\n                    {tr(\"devportal.onboarding.and\", \"and the\")}{\" \"}\n                    <a\n                      href={DEVELOPER_LINKS.acceptableUsePolicy}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"font-medium text-primary hover:underline\"\n                    >\n                      {tr(\n                        \"devportal.onboarding.acceptableUsePolicy\",\n                        \"Acceptable Use Policy\",\n                      )}\n                    </a>\n                    .\n                  </span>\n                </label>\n                {orgErrors.agreement && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {orgErrors.agreement}\n                  </p>\n                )}\n              </div>\n\n              {orgSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {orgSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleOrgSubmit()}\n                disabled={creatingOrg}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingOrg ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createAndContinue\", \"Create & Continue\")}\n                {!creatingOrg && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 2: First app ─────────────────────── */}\n        {step === \"app\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <AppWindow size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\"devportal.setup.appTitle\", \"Create your first app\")}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.setup.appSubtitle\",\n                    \"Register the app you want to publish or integrate.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-5\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={appName}\n                onChange={(e) => {\n                  setAppName(e.target.value);\n                  if (!appSlug || appSlug === generateSlug(appName)) {\n                    setAppSlug(generateSlug(e.target.value));\n                  }\n                  setAppErrors((p) => ({ ...p, name: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={appErrors.name}\n              />\n\n              {/* Builder type picker */}\n              <div>\n                <p className=\"mb-2 text-sm font-medium text-text-primary\">\n                  {tr(\"devportal.applicationType\", \"Application Type\")}{\" \"}\n                  <span className=\"text-status-error-text\">*</span>\n                </p>\n                <div className=\"grid grid-cols-3 gap-3\">\n                  <SetupTypeCard\n                    icon={Box}\n                    title=\"App\"\n                    description=\"OAuth integration for the platform\"\n                    selected={builderType === \"app\"}\n                    onClick={() => {\n                      setBuilderType(\"app\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={Puzzle}\n                    title=\"Node\"\n                    description=\"Custom FluidGrids workflow node\"\n                    selected={builderType === \"node\"}\n                    onClick={() => {\n                      setBuilderType(\"node\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                  <SetupTypeCard\n                    icon={GitFork}\n                    title=\"Workflow\"\n                    description=\"Reusable automation template\"\n                    selected={builderType === \"workflow\"}\n                    onClick={() => {\n                      setBuilderType(\"workflow\");\n                      setAppErrors((p) => ({ ...p, builderType: undefined }));\n                    }}\n                  />\n                </div>\n                {appErrors.builderType && (\n                  <p className=\"mt-1.5 text-xs text-status-error-text\">\n                    {appErrors.builderType}\n                  </p>\n                )}\n              </div>\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={appCategory}\n                onChange={(e) => {\n                  setAppCategory(e.target.value);\n                  setAppErrors((p) => ({ ...p, category: undefined }));\n                }}\n                options={[...APP_CATEGORY_OPTIONS]}\n                placeholder={tr(\"devportal.selectCategory\", \"Select category…\")}\n                required\n                error={appErrors.category}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={appShortDesc}\n                onChange={(e) => {\n                  setAppShortDesc(e.target.value);\n                  setAppErrors((p) => ({ ...p, shortDescription: undefined }));\n                }}\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={appErrors.shortDescription}\n                rows={2}\n                hint={`${appShortDesc.length}/200`}\n              />\n\n              {appSubmitError && (\n                <p\n                  role=\"alert\"\n                  className=\"rounded-md bg-status-error-bg px-3 py-2 text-sm text-status-error-text\"\n                >\n                  {appSubmitError}\n                </p>\n              )}\n            </div>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={handleSkip}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.setup.skipForNow\", \"Skip for now\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleAppSubmit()}\n                disabled={creatingApp}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-60 transition-colors\"\n              >\n                {creatingApp ? (\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                ) : null}\n                {tr(\"devportal.setup.createApp\", \"Create App\")}\n                {!creatingApp && <ChevronRight size={16} />}\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 3: Get ready for review ─────────── */}\n        {step === \"submit\" && (\n          <div className=\"rounded-xl border border-border-default bg-surface-raised p-8 shadow-sm\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n                <ListChecks size={20} />\n              </div>\n              <div>\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {tr(\n                    \"devportal.onboarding.readyTitle\",\n                    \"Get it ready for review\",\n                  )}\n                </h2>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\n                    \"devportal.onboarding.readySubtitle\",\n                    \"Reviewers check every app before it is listed. Your app page walks you through what they need, then you submit it from there. It stays private until it is approved and you publish it.\",\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <ul\n              data-testid=\"devportal-setup-review-requirements\"\n              className=\"space-y-2\"\n            >\n              {reviewRequirements.map((item) => (\n                <li\n                  key={item.id}\n                  className=\"flex items-start gap-3 rounded-md bg-bg-sunken px-4 py-3 text-sm text-text-primary\"\n                >\n                  <Check\n                    size={16}\n                    className=\"mt-0.5 shrink-0 text-text-secondary\"\n                    aria-hidden=\"true\"\n                  />\n                  {tr(item.key, item.text)}\n                </li>\n              ))}\n            </ul>\n\n            <div className=\"mt-8 flex items-center justify-between border-t border-border-default pt-6\">\n              <button\n                type=\"button\"\n                onClick={() => setStep(\"done\")}\n                className=\"text-sm text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {tr(\"devportal.onboarding.submitLater\", \"Do this later\")}\n              </button>\n              <button\n                type=\"button\"\n                data-testid=\"devportal-setup-finish-app\"\n                onClick={() =>\n                  createdAppId && handleNavigate(`/apps/${createdAppId}`)\n                }\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n              >\n                {tr(\"devportal.onboarding.finishApp\", \"Finish and submit\")}\n                <ChevronRight size={16} />\n              </button>\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 4: Done ─────────────────────────── */}\n        {step === \"done\" && (\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary\">\n              <Rocket size={32} />\n            </div>\n            <h2 className=\"text-2xl font-bold text-text-primary\">\n              {tr(\"devportal.setup.doneTitle\", \"You're all set!\")}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {tr(\n                \"devportal.setup.doneSubtitle\",\n                \"Your organization and first app are ready. Here's what to do next.\",\n              )}\n            </p>\n\n            <div className=\"mt-8 grid gap-3 sm:grid-cols-2\">\n              {createdAppId && (\n                <NextStepCard\n                  icon={<AppWindow size={20} />}\n                  title={tr(\"devportal.setup.viewApp\", \"View your app\")}\n                  description={tr(\n                    \"devportal.setup.viewAppDesc\",\n                    \"Configure OAuth, webhooks, and versioning\",\n                  )}\n                  onClick={() => handleNavigate(`/apps/${createdAppId}`)}\n                  primary\n                />\n              )}\n              <NextStepCard\n                icon={<Key size={20} />}\n                title={tr(\"devportal.setup.generateApiKey\", \"Generate API key\")}\n                description={tr(\n                  \"devportal.setup.generateApiKeyDesc\",\n                  \"Create credentials to start calling APIs\",\n                )}\n                onClick={() => handleNavigate(\"/api-keys/new\")}\n              />\n              <NextStepCard\n                icon={<BookOpen size={20} />}\n                title={tr(\"devportal.setup.browseDocs\", \"Browse docs\")}\n                description={tr(\n                  \"devportal.setup.browseDocsDesc\",\n                  \"Learn about publishing, SDKs, and webhooks\",\n                )}\n                onClick={() => handleNavigate(\"/docs\")}\n              />\n              <NextStepCard\n                icon={<Puzzle size={20} />}\n                title={tr(\n                  \"devportal.onboarding.publishConnector\",\n                  \"Publish a connector\",\n                )}\n                description={tr(\n                  \"devportal.onboarding.publishConnectorDesc\",\n                  \"List an API-key integration in the Workspaces integrations catalog\",\n                )}\n                onClick={() =>\n                  window.open(\n                    DEVELOPER_LINKS.publishConnector,\n                    \"_blank\",\n                    \"noopener,noreferrer\",\n                  )\n                }\n              />\n              {createdOrgId && (\n                <NextStepCard\n                  icon={<Building2 size={20} />}\n                  title={tr(\"devportal.setup.inviteTeam\", \"Invite your team\")}\n                  description={tr(\n                    \"devportal.setup.inviteTeamDesc\",\n                    \"Add members to collaborate on your apps\",\n                  )}\n                  onClick={() =>\n                    handleNavigate(`/organizations/${createdOrgId}/members`)\n                  }\n                />\n              )}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/\")}\n              className=\"mt-8 inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {tr(\"devportal.setup.goToDashboard\", \"Go to dashboard\")}\n              <ArrowRight size={14} />\n            </button>\n          </div>\n        )}\n      </div>\n    </main>\n  );\n};\n\n// ─── Eligibility panel ─────────────────────────────────────────────────────\n\nconst EligibilityPanel: FC<{\n  tr: (key: string, fallback: string) => string;\n}> = ({ tr }) => (\n  <section\n    aria-labelledby=\"devportal-setup-eligibility-title\"\n    data-testid=\"devportal-setup-eligibility\"\n    className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\"\n  >\n    <h3\n      id=\"devportal-setup-eligibility-title\"\n      className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\"\n    >\n      <ShieldCheck size={16} className=\"text-primary\" aria-hidden=\"true\" />\n      {tr(\"devportal.onboarding.eligibilityTitle\", \"Who can register\")}\n    </h3>\n    <ul className=\"mt-2 list-disc space-y-1 pl-5 text-sm text-text-secondary\">\n      {ELIGIBILITY_RULES.map((rule) => (\n        <li key={rule.id}>{tr(rule.key, rule.text)}</li>\n      ))}\n    </ul>\n  </section>\n);\n\n// ─── Setup type card ───────────────────────────────────────────────────────\n\nconst SetupTypeCard: FC<{\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  selected: boolean;\n  onClick: () => void;\n}> = ({ icon: Icon, title, description, selected, onClick }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-2 rounded-xl border-2 p-4 text-left transition-all hover:border-primary/50 hover:shadow-sm\",\n      selected\n        ? \"border-primary bg-action-primary-bg/5 shadow-sm\"\n        : \"border-border-subtle bg-bg-surface\",\n    )}\n  >\n    {selected && (\n      <span className=\"absolute top-3 right-3 flex h-4 w-4 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={10} />\n      </span>\n    )}\n    <div className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={18} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"text-sm font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n    </div>\n  </button>\n);\n\n// ─── Next-step card ────────────────────────────────────────────────────────\n\nconst NextStepCard: FC<{\n  icon: React.ReactNode;\n  title: string;\n  description: string;\n  onClick: () => void;\n  primary?: boolean;\n}> = ({ icon, title, description, onClick, primary }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={[\n      \"flex items-start gap-4 rounded-xl border p-5 text-left transition-colors\",\n      primary\n        ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n        : \"border-border-default bg-surface-raised hover:bg-surface-hover\",\n    ].join(\" \")}\n  >\n    <div\n      className={[\n        \"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg\",\n        primary\n          ? \"bg-action-primary-bg/20 text-primary\"\n          : \"bg-bg-sunken text-text-secondary\",\n      ].join(\" \")}\n    >\n      {icon}\n    </div>\n    <div className=\"min-w-0 flex-1\">\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ChevronRight\n      size={16}\n      className=\"mt-0.5 flex-shrink-0 text-text-secondary\"\n    />\n  </button>\n);\n"],"mappings":"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"}