@burdenoff/microfe-devportal 2026.830.1 → 2026.831.1

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

@@ -1 +1 @@
-{"version":3,"file":"SetupPage.js","names":[],"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} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\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} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\n\ntype SetupStep = \"org\" | \"app\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\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: \"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\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{ name?: string; slug?: string }>(\n    {},\n  );\n\n  const [createOrg, { loading: creatingOrg }] = useCreateOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: 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    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    try {\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\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 {\n      // error surfaced via Apollo cache; leave the form open\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 [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    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        markSetupSeen();\n        setStep(\"done\");\n      }\n    } catch {\n      // error surfaced via Apollo cache\n    }\n  };\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.purpose\",\n                \"Two quick steps to start building: create the organization that owns your apps, then register your first app. You can change everything later — this just gets you to a working starting point.\",\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            </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={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            </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: 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              {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// ─── 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":[],"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} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { Illustration, PagePurpose } from \"@burdenoff/fe-libs/ui\";\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} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\n\ntype SetupStep = \"org\" | \"app\" | \"done\";\ntype BuilderType = \"app\" | \"node\" | \"workflow\";\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\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: \"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\n  // ── Step 1: org ──────────────────────────────────────────────\n  const [orgName, setOrgName] = useState(\"\");\n  const [orgSlug, setOrgSlug] = useState(\"\");\n  const [orgDescription, setOrgDescription] = useState(\"\");\n  const [orgErrors, setOrgErrors] = useState<{ name?: string; slug?: string }>(\n    {},\n  );\n\n  const [createOrg, { loading: creatingOrg }] = useCreateOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n\n  const validateOrg = () => {\n    const errs: { name?: string; slug?: 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    setOrgErrors(errs);\n    return Object.keys(errs).length === 0;\n  };\n\n  const handleOrgSubmit = async () => {\n    if (!validateOrg()) return;\n    try {\n      const result = await createOrg({\n        variables: {\n          input: {\n            name: orgName,\n            slug: orgSlug || undefined,\n            description: orgDescription || undefined,\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 {\n      // error surfaced via Apollo cache; leave the form open\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 [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    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        markSetupSeen();\n        setStep(\"done\");\n      }\n    } catch {\n      // error surfaced via Apollo cache\n    }\n  };\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.purpose\",\n                \"Two quick steps to start building: create the organization that owns your apps, then register your first app. You can change everything later — this just gets you to a working starting point.\",\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            </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={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            </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: 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              {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// ─── 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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"}

package/dist/devportal/pages/StoreSubmissionPage.js

@@ -1,8 +1,8 @@
-import { useDevportalEventBus as e } from "../events/index.js";
-import { useDevportalPermission as t } from "../hooks/usePermission.js";
+import { useTr as e } from "../utils/i18n.js";
+import { useDevportalEventBus as t } from "../events/index.js";
+import { useDevportalPermission as n } from "../hooks/usePermission.js";
 import "../hooks/index.js";
-import { DEVPORTAL_PERMISSIONS as n } from "../constants/permissions.js";
-import { useTr as r } from "../utils/i18n.js";
+import { DEVPORTAL_PERMISSIONS as r } from "../constants/permissions.js";
 import { useEffect as i, useState as a } from "react";
 import { AlertTriangle as o, ArrowLeft as ee, CheckCircle2 as s, Clock as c, EyeOff as l, GitBranch as u, Package as te, RefreshCw as d, Store as ne, XCircle as f } from "lucide-react";
 import { useNavigate as p, useParams as m } from "react-router";
@@ -64,7 +64,7 @@ var C = {
 		tone: "text-text-tertiary"
 	}
 }, w = () => {
-	let { appId: w } = m(), T = p(), E = e(), D = r(), O = t(n.APP_SUBMIT), [k, ae] = a(null), [A, j] = a(!0), [M, N] = a(null), [P, F] = a(!1), [I, L] = a(!1), [R, z] = a(!1), [B, V] = a(null), [H, U] = a(""), W = async () => {
+	let { appId: w } = m(), T = p(), E = t(), D = e(), O = n(r.APP_SUBMIT), [k, ae] = a(null), [A, j] = a(!0), [M, N] = a(null), [P, F] = a(!1), [I, L] = a(!1), [R, z] = a(!1), [B, V] = a(null), [H, U] = a(""), W = async () => {
 		if (w) {
 			j(!0), N(null);
 			try {