@burdenoff/microfe-devportal 2026.1108.1 → 2026.1109.1

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

@@ -1 +1 @@
-{"version":3,"file":"CreateApplicationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateApplicationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useRef } from \"react\";\nimport {\n  ArrowLeft,\n  Box,\n  Check,\n  ChevronRight,\n  FileCode2,\n  GitFork,\n  Info,\n  LayoutDashboard,\n  LayoutGrid,\n  Loader2,\n  Puzzle,\n  Save,\n  X,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { APP_CATEGORY_OPTIONS } from \"../constants/appCategories\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, SelectField } from \"../components/FormField\";\nimport { MarkdownEditor } from \"../components/MarkdownEditor\";\nimport { MultiSelectCombobox } from \"../components/MultiSelectCombobox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useDevportalEventBus } from \"../events\";\nimport { useProducts } from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useCreateApplicationMutation,\n  useGetMyOrganizationsQuery,\n} from \"../../generated/global-operations\";\n\n// ─── Builder types ────────────────────────────────────────────────────────────\n\ntype BuilderType =\n  | \"app\"\n  | \"node\"\n  | \"workflow\"\n  | \"parser\"\n  | \"widget\"\n  | \"dashboard\";\n\ninterface BuilderTypeMeta {\n  appType:\n    | \"API_INTEGRATION\"\n    | \"NODE\"\n    | \"WORKFLOW\"\n    | \"PARSER\"\n    | \"WIDGET\"\n    | \"DASHBOARD\";\n  icon: FC<{ size?: number; className?: string }>;\n  label: string;\n  pageDescription: string;\n  purpose: string;\n  namePlaceholder: string;\n  cardDescription: string;\n  cardBullets: string[];\n}\n\nconst BUILDER_TYPE_META: Record<BuilderType, BuilderTypeMeta> = {\n  app: {\n    appType: \"API_INTEGRATION\",\n    icon: Box,\n    label: \"App\",\n    pageDescription: \"Register a new app integration with OAuth permissions\",\n    purpose:\n      \"Give your integration a name, description, and the permissions it will request. Once created you will get credentials and can configure webhooks, then publish it to the marketplace when it is ready for users.\",\n    namePlaceholder: \"My Integration\",\n    cardDescription:\n      \"Build integrations that connect your service to the platform using OAuth tokens.\",\n    cardBullets: [\n      \"GitHub-style permissions\",\n      \"OAuth token flow\",\n      \"Webhook events\",\n      \"Publish to app store\",\n    ],\n  },\n  node: {\n    appType: \"NODE\",\n    icon: Puzzle,\n    label: \"Node\",\n    pageDescription: \"Register a new FluidGrids node package\",\n    purpose:\n      \"Give your node a name and description. Once created you can upload your ZIP bundle and manifest in the Versions tab, then publish it to the node store when it is ready for users.\",\n    namePlaceholder: \"HTTP Request\",\n    cardDescription:\n      \"Build custom FluidGrids nodes that users can drag into their visual workflows.\",\n    cardBullets: [\n      \"ZIP bundle + manifest\",\n      \"Custom inputs/outputs\",\n      \"Versioned releases\",\n      \"Publish to node store\",\n    ],\n  },\n  workflow: {\n    appType: \"WORKFLOW\",\n    icon: GitFork,\n    label: \"Workflow\",\n    pageDescription: \"Register a new reusable automation workflow\",\n    purpose:\n      \"Give your workflow a name and description. Once created you can upload your workflow definition in the Versions tab, then publish it to the store or generate a shareable public link.\",\n    namePlaceholder: \"Onboarding Flow\",\n    cardDescription:\n      \"Build reusable automation workflows that users can import and customize.\",\n    cardBullets: [\n      \"Manifest + workflow JSON\",\n      \"Trigger definitions\",\n      \"Versioned releases\",\n      \"Publish to workflow store\",\n    ],\n  },\n  parser: {\n    appType: \"PARSER\",\n    icon: FileCode2,\n    label: \"Parser\",\n    pageDescription: \"Register a new data parser\",\n    purpose:\n      \"Give your parser a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"CSV Parser\",\n    cardDescription:\n      \"Build parsers that extract structured data from files or feeds for use across the platform.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"No ZIP bundle needed\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n  widget: {\n    appType: \"WIDGET\",\n    icon: LayoutGrid,\n    label: \"Widget\",\n    pageDescription: \"Register a new embeddable widget\",\n    purpose:\n      \"Give your widget a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"Revenue Chart Widget\",\n    cardDescription:\n      \"Build embeddable UI widgets users can add to dashboards and pages.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"Embeddable UI component\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n  dashboard: {\n    appType: \"DASHBOARD\",\n    icon: LayoutDashboard,\n    label: \"Dashboard Template\",\n    pageDescription: \"Register a new dashboard template\",\n    purpose:\n      \"Give your dashboard template a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"Sales Overview Dashboard\",\n    cardDescription:\n      \"Build prebuilt dashboard layouts users can install and customize.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"Prebuilt layout\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n};\n\n// ─── Permissions (App type) ───────────────────────────────────────────────────\n\nconst RBAC_RESOURCES = [\n  {\n    id: \"auth\",\n    label: \"Authentication\",\n    description: \"User identity and session management\",\n  },\n  {\n    id: \"billing\",\n    label: \"Billing\",\n    description: \"Billing accounts and subscriptions\",\n  },\n  {\n    id: \"files\",\n    label: \"Files\",\n    description: \"File storage and management\",\n  },\n  {\n    id: \"tags\",\n    label: \"Tags\",\n    description: \"Tags and labels on resources\",\n  },\n  {\n    id: \"calendar\",\n    label: \"Calendar\",\n    description: \"Events and scheduling\",\n  },\n  {\n    id: \"workflows\",\n    label: \"Workflows\",\n    description: \"Automation workflows\",\n  },\n  {\n    id: \"channels\",\n    label: \"Channels\",\n    description: \"Messaging channels\",\n  },\n  {\n    id: \"notifications\",\n    label: \"Notifications\",\n    description: \"Platform notifications\",\n  },\n  {\n    id: \"users\",\n    label: \"Users & Members\",\n    description: \"Workspace members and profiles\",\n  },\n  {\n    id: \"workspaces\",\n    label: \"Workspaces\",\n    description: \"Workspace settings and metadata\",\n  },\n  {\n    id: \"content\",\n    label: \"Content\",\n    description: \"Pages, documents, and content\",\n  },\n  {\n    id: \"analytics\",\n    label: \"Analytics\",\n    description: \"Usage analytics and reporting\",\n  },\n  {\n    id: \"webhooks\",\n    label: \"Webhooks\",\n    description: \"Webhook subscriptions\",\n  },\n  {\n    id: \"rbac\",\n    label: \"Roles & Permissions\",\n    description: \"Access control configuration\",\n  },\n] as const;\n\ntype ResourceId = (typeof RBAC_RESOURCES)[number][\"id\"];\ntype PermissionLevel = \"none\" | \"read\" | \"write\";\n\ntype PermissionMap = Record<ResourceId, PermissionLevel>;\n\nfunction defaultPermissions(): PermissionMap {\n  return Object.fromEntries(\n    RBAC_RESOURCES.map((r) => [r.id, \"none\"]),\n  ) as PermissionMap;\n}\n\nfunction permissionsToManifest(perms: PermissionMap) {\n  const entries = Object.entries(perms).filter(([, level]) => level !== \"none\");\n  return entries.map(([resource, level]) => ({ resource, level }));\n}\n\n// ─── Org options ──────────────────────────────────────────────────────────────\n\nconst BASE_VISIBILITY_OPTIONS = [\n  { value: \"PUBLIC\", label: \"Public — listed in the marketplace after review\" },\n  { value: \"PRIVATE\", label: \"Private — only you (the creator) can see it\" },\n  { value: \"INTERNAL\", label: \"Internal — visible to your entire dev org\" },\n];\n\nconst WORKFLOW_VISIBILITY_OPTIONS = [\n  ...BASE_VISIBILITY_OPTIONS,\n  {\n    value: \"UNLISTED\",\n    label: \"Unlisted — shareable via link, not listed in store\",\n  },\n];\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\ninterface TypeCardProps {\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  bullets: string[];\n  selected: boolean;\n  onClick: () => void;\n}\n\nconst TypeCard: FC<TypeCardProps> = ({\n  icon: Icon,\n  title,\n  description,\n  bullets,\n  selected,\n  onClick,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-3 rounded-xl border-2 p-6 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-4 right-4 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={12} />\n      </span>\n    )}\n    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={22} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ul className=\"mt-1 space-y-1\">\n      {bullets.map((b) => (\n        <li\n          key={b}\n          className=\"flex items-center gap-2 text-xs text-text-secondary\"\n        >\n          <ChevronRight size={12} className=\"flex-shrink-0 text-primary\" />\n          {b}\n        </li>\n      ))}\n    </ul>\n  </button>\n);\n\n// ─── Permissions matrix ───────────────────────────────────────────────────────\n\ninterface PermissionsMatrixProps {\n  permissions: PermissionMap;\n  onChange: (resource: ResourceId, level: PermissionLevel) => void;\n}\n\nconst PermissionsMatrix: FC<PermissionsMatrixProps> = ({\n  permissions,\n  onChange,\n}) => {\n  const levels: PermissionLevel[] = [\"none\", \"read\", \"write\"];\n  const levelLabels: Record<PermissionLevel, string> = {\n    none: \"No access\",\n    read: \"Read\",\n    write: \"Read & Write\",\n  };\n\n  return (\n    <div className=\"overflow-x-auto rounded-lg border border-border-subtle\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n            <th className=\"px-4 py-3 text-left font-medium text-text-secondary w-1/2\">\n              Resource\n            </th>\n            {levels.map((l) => (\n              <th\n                key={l}\n                className=\"px-4 py-3 text-center font-medium text-text-secondary\"\n              >\n                {levelLabels[l]}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {RBAC_RESOURCES.map((resource) => (\n            <tr\n              key={resource.id}\n              className=\"hover:bg-bg-sunken/30 transition-colors\"\n            >\n              <td className=\"px-4 py-3\">\n                <p className=\"font-medium text-text-primary\">\n                  {resource.label}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {resource.description}\n                </p>\n              </td>\n              {levels.map((level) => (\n                <td key={level} className=\"px-4 py-3 text-center\">\n                  <input\n                    type=\"radio\"\n                    name={`permission-${resource.id}`}\n                    value={level}\n                    checked={permissions[resource.id] === level}\n                    onChange={() => onChange(resource.id, level)}\n                    className=\"h-4 w-4 accent-primary cursor-pointer\"\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\ninterface FormData {\n  name: string;\n  slug: string;\n  shortDescription: string;\n  description: string;\n  category: string;\n  visibility: string;\n  developerOrganizationId: string;\n  websiteUrl: string;\n  githubUrl: string;\n  documentationUrl: string;\n  supportUrl: string;\n  oauthAuthUrl: string;\n  oauthTokenUrl: string;\n  oauthRevokeUrl: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  shortDescription?: string;\n  category?: string;\n  compatibleProducts?: string;\n  _submit?: string;\n}\n\nexport const CreateApplicationPage: FC = () => {\n  const { navigate, basePath, activeOrgId } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const bus = useDevportalEventBus();\n  const { products: platformProducts } = useProducts();\n\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [compatibleProducts, setCompatibleProducts] = useState<string[]>([]);\n  const [permissions, setPermissions] =\n    useState<PermissionMap>(defaultPermissions());\n  // Track whether the user has manually edited the slug so we stop auto-generating\n  const slugUserEdited = useRef(false);\n  const [formData, setFormData] = useState<FormData>({\n    name: \"\",\n    slug: \"\",\n    shortDescription: \"\",\n    description: \"\",\n    category: \"\",\n    visibility: \"PUBLIC\",\n    developerOrganizationId: activeOrgId ?? \"\",\n    websiteUrl: \"\",\n    githubUrl: \"\",\n    documentationUrl: \"\",\n    supportUrl: \"\",\n    oauthAuthUrl: \"\",\n    oauthTokenUrl: \"\",\n    oauthRevokeUrl: \"\",\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n\n  const [createApplication, { loading: isSubmitting }] =\n    useCreateApplicationMutation();\n  const { data: orgsData } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  // Apps can only ever belong to a DIGITAL org (the backend rejects\n  // publishing an app under a PHYSICAL org) — exclude seller-portal orgs\n  // from this picker. See DeveloperOrgKind (BOFF-7285).\n  const orgOptions = [\n    { value: \"\", label: \"No organization (personal)\" },\n    ...(orgsData?.myDeveloperOrganizations ?? [])\n      .filter((org: { kind?: string | null }) => org.kind !== \"PHYSICAL\")\n      .map((org: { id: string; name: string }) => ({\n        value: org.id,\n        label: org.name,\n      })),\n  ];\n\n  const handleNav = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const generateSlug = (name: string) =>\n    name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      // Only auto-generate slug while the user hasn't manually touched the field\n      slug: slugUserEdited.current ? prev.slug : generateSlug(name),\n    }));\n    if (errors.name) setErrors((p) => ({ ...p, name: undefined }));\n  };\n\n  const handleSlugChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    slugUserEdited.current = true;\n    const value = e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, \"\");\n    setFormData((prev) => ({ ...prev, slug: value }));\n    if (errors.slug) setErrors((p) => ({ ...p, slug: undefined }));\n  };\n\n  const handleChange = (field: keyof FormData, value: string) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors] || errors._submit)\n      setErrors((p) => ({ ...p, [field]: undefined, _submit: undefined }));\n  };\n\n  const handlePermissionChange = (\n    resource: ResourceId,\n    level: PermissionLevel,\n  ) => {\n    setPermissions((prev) => ({ ...prev, [resource]: level }));\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n    if (!formData.name.trim()) {\n      newErrors.name = \"Name is required\";\n    } else if (formData.name.length < 3) {\n      newErrors.name = \"Name must be at least 3 characters\";\n    } else if (formData.name.length > 100) {\n      newErrors.name = \"Name must be less than 100 characters\";\n    }\n    if (!formData.slug.trim()) {\n      newErrors.slug = \"Slug is required\";\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug =\n        \"Slug can only contain lowercase letters, numbers, and hyphens\";\n    }\n    if (!formData.shortDescription.trim()) {\n      newErrors.shortDescription = \"Short description is required\";\n    } else if (formData.shortDescription.length > 200) {\n      newErrors.shortDescription =\n        \"Short description must be less than 200 characters\";\n    }\n    if (!formData.category) {\n      newErrors.category = \"Category is required\";\n    }\n    if (builderType !== \"app\" && compatibleProducts.length === 0) {\n      newErrors.compatibleProducts =\n        \"Select at least one compatible product so users can find this in the right store\";\n    }\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const appTypeForBuilder = () =>\n    BUILDER_TYPE_META[builderType ?? \"app\"].appType;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!validate() || !builderType) return;\n\n    const permManifest =\n      builderType === \"app\"\n        ? { permissions: permissionsToManifest(permissions) }\n        : null;\n\n    try {\n      const result = await createApplication({\n        variables: {\n          input: {\n            name: formData.name,\n            slug: formData.slug || undefined,\n            shortDescription: formData.shortDescription || undefined,\n            description: formData.description || undefined,\n            category: formData.category || undefined,\n            appType: appTypeForBuilder(),\n            visibility: formData.visibility as\n              | \"PUBLIC\"\n              | \"PRIVATE\"\n              | \"UNLISTED\"\n              | undefined,\n            developerOrganizationId:\n              formData.developerOrganizationId || undefined,\n            websiteUrl: formData.websiteUrl || undefined,\n            githubUrl: formData.githubUrl || undefined,\n            documentationUrl: formData.documentationUrl || undefined,\n            supportUrl: formData.supportUrl || undefined,\n            manifest: permManifest ?? undefined,\n            compatibleProducts:\n              compatibleProducts.length > 0 ? compatibleProducts : undefined,\n            ...(builderType === \"app\" && {\n              oauthAuthUrl: formData.oauthAuthUrl || undefined,\n              oauthTokenUrl: formData.oauthTokenUrl || undefined,\n              oauthRevokeUrl: formData.oauthRevokeUrl || undefined,\n            }),\n          },\n        },\n      });\n      if (result.data?.createApplication?.id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: result.data.createApplication.id,\n          name: formData.name,\n          appType: appTypeForBuilder(),\n          organizationId: formData.developerOrganizationId || null,\n        });\n        handleNav(`/apps/${result.data.createApplication.id}`);\n      }\n    } catch (error) {\n      // Collect all error messages from GraphQL errors and the top-level message\n      const messages: string[] = [];\n      if (\n        error &&\n        typeof error === \"object\" &&\n        \"graphQLErrors\" in error &&\n        Array.isArray((error as { graphQLErrors: unknown[] }).graphQLErrors)\n      ) {\n        (\n          error as { graphQLErrors: Array<{ message: string }> }\n        ).graphQLErrors.forEach((e) => messages.push(e.message));\n      }\n      if (error instanceof Error) messages.push(error.message);\n\n      const combined = messages.join(\" \").toLowerCase();\n      const isSlugConflict =\n        combined.includes(\"slug\") ||\n        combined.includes(\"already exist\") ||\n        combined.includes(\"unique\") ||\n        combined.includes(\"conflict\") ||\n        combined.includes(\"duplicate\");\n\n      if (isSlugConflict) {\n        setErrors((p) => ({\n          ...p,\n          slug: \"This slug is already taken — choose a different one\",\n        }));\n      } else {\n        setErrors((p) => ({\n          ...p,\n          _submit: messages[0] ?? \"Something went wrong. Please try again.\",\n        }));\n      }\n    }\n  };\n\n  // ── Step 1: type picker ─────────────────────────────────────────────────────\n  if (!builderType) {\n    return (\n      <PermissionGuard authOnly>\n        <PageLayout\n          title=\"What do you want to build?\"\n          description=\"Choose a builder type to get started\"\n          purpose=\"Pick the kind of integration you are creating — a standard app, a Node package, or a workflow. Your choice sets up the right defaults (credentials, permissions, and where it can be installed) so you only fill in what that type actually needs.\"\n          backLink={`${basePath}/apps`}\n          backLabel=\"Back to Applications\"\n        >\n          <div className=\"max-w-3xl space-y-6\">\n            <div className=\"grid gap-4 sm:grid-cols-3\">\n              {(\n                [\n                  \"app\",\n                  \"node\",\n                  \"workflow\",\n                  \"parser\",\n                  \"widget\",\n                  \"dashboard\",\n                ] as BuilderType[]\n              ).map((type) => {\n                const meta = BUILDER_TYPE_META[type];\n                return (\n                  <TypeCard\n                    key={type}\n                    icon={meta.icon}\n                    title={meta.label}\n                    description={meta.cardDescription}\n                    bullets={meta.cardBullets}\n                    selected={builderType === type}\n                    onClick={() => setBuilderType(type)}\n                  />\n                );\n              })}\n            </div>\n\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <p>\n                Apps use OAuth to interact with platform data. Nodes and\n                Workflows are packaged files you upload after creation.\n              </p>\n            </div>\n          </div>\n        </PageLayout>\n      </PermissionGuard>\n    );\n  }\n\n  // ── Step 2: form ────────────────────────────────────────────────────────────\n  const activeMeta = BUILDER_TYPE_META[builderType ?? \"app\"];\n  const typeLabel = activeMeta.label;\n  const TypeIconComponent = activeMeta.icon;\n  const typeIcon = <TypeIconComponent size={16} />;\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={`Create ${typeLabel}`}\n        description={activeMeta.pageDescription}\n        purpose={activeMeta.purpose}\n        backLink={`${basePath}/apps`}\n        backLabel=\"Back to Applications\"\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Type badge + back to picker */}\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setBuilderType(null)}\n              className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={14} />\n              Change type\n            </button>\n            <span className=\"flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken px-3 py-1 text-xs font-medium\">\n              {typeIcon}\n              {typeLabel}\n            </span>\n          </div>\n\n          {/* Basic info */}\n          <PageSection\n            title=\"Basic Information\"\n            description=\"Core details about your application\"\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label=\"Name\"\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={activeMeta.namePlaceholder}\n                required\n                error={errors.name}\n              />\n              <InputField\n                label=\"Slug\"\n                value={formData.slug}\n                onChange={handleSlugChange}\n                placeholder=\"my-integration\"\n                required\n                error={errors.slug}\n                hint={\n                  slugUserEdited.current\n                    ? \"Only lowercase letters, numbers, and hyphens\"\n                    : \"Auto-generated from name — edit to customise\"\n                }\n              />\n              <MarkdownEditor\n                label=\"Short Description\"\n                value={formData.shortDescription}\n                onChange={(value) => handleChange(\"shortDescription\", value)}\n                placeholder=\"Briefly describe what this does\"\n                required\n                error={errors.shortDescription}\n                hint={`${formData.shortDescription.length}/200 characters`}\n                rows={2}\n                maxLength={200}\n              />\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <SelectField\n                  label=\"Category\"\n                  value={formData.category}\n                  onChange={(e) => handleChange(\"category\", e.target.value)}\n                  options={[...APP_CATEGORY_OPTIONS]}\n                  placeholder=\"Select a category…\"\n                  required\n                  error={errors.category}\n                  hint=\"Helps users discover your item in the store\"\n                />\n                <SelectField\n                  label=\"Visibility\"\n                  value={formData.visibility}\n                  onChange={(e) => handleChange(\"visibility\", e.target.value)}\n                  options={\n                    builderType === \"workflow\"\n                      ? WORKFLOW_VISIBILITY_OPTIONS\n                      : BASE_VISIBILITY_OPTIONS\n                  }\n                  required\n                  hint={\n                    formData.visibility === \"PUBLIC\"\n                      ? \"Listed in the marketplace after review approval — anyone can discover and install it\"\n                      : formData.visibility === \"UNLISTED\"\n                        ? \"Not in the store, but share with anyone via a direct link. You can still submit for marketplace review later\"\n                        : formData.visibility === \"INTERNAL\"\n                          ? \"Visible to all members of your developer organization — no one outside can access it\"\n                          : \"Only you (the creator) can see this — other org members cannot access it\"\n                  }\n                />\n              </div>\n\n              {/* Compatible Products — NODE and WORKFLOW only */}\n              {builderType !== \"app\" && (\n                <div className=\"space-y-2\">\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary\">\n                      Compatible Products\n                      <span className=\"text-status-error-text ml-1\">*</span>\n                    </label>\n                    <p className=\"text-xs text-text-secondary mt-0.5\">\n                      Select which products this {builderType} works with. Users\n                      will see it in those products&apos; node stores.\n                    </p>\n                  </div>\n                  <MultiSelectCombobox\n                    options={platformProducts.map((p) => ({\n                      value: p.slug,\n                      label: p.name,\n                    }))}\n                    selected={compatibleProducts}\n                    onChange={(next) => {\n                      setCompatibleProducts(next);\n                      if (next.length > 0)\n                        setErrors((p) => ({\n                          ...p,\n                          compatibleProducts: undefined,\n                        }));\n                    }}\n                    placeholder=\"Select products…\"\n                    searchPlaceholder=\"Search products…\"\n                    error={!!errors.compatibleProducts}\n                  />\n                  {errors.compatibleProducts && (\n                    <p className=\"text-xs text-status-error-text\">\n                      {errors.compatibleProducts}\n                    </p>\n                  )}\n                </div>\n              )}\n\n              <MarkdownEditor\n                label=\"Full Description\"\n                value={formData.description}\n                onChange={(value) => handleChange(\"description\", value)}\n                placeholder=\"Detailed description, features, and use cases...\"\n                rows={5}\n                hint=\"Markdown supported\"\n              />\n            </div>\n          </PageSection>\n\n          {/* Developer Organization — only needed if user has multiple orgs */}\n          {orgOptions.length > 2 && (\n            <PageSection\n              title=\"Organization\"\n              description=\"Which developer organization owns this?\"\n            >\n              <SelectField\n                label=\"Developer Organization\"\n                value={formData.developerOrganizationId}\n                onChange={(e) =>\n                  handleChange(\"developerOrganizationId\", e.target.value)\n                }\n                options={orgOptions}\n              />\n            </PageSection>\n          )}\n\n          {/* Permissions — App type only */}\n          {builderType === \"app\" && (\n            <PageSection\n              title=\"Permissions\"\n              description=\"Choose what data your app can access. Users will see these permissions when authorizing your app — like GitHub Apps.\"\n            >\n              <PermissionsMatrix\n                permissions={permissions}\n                onChange={handlePermissionChange}\n              />\n              <div className=\"mt-3 flex gap-2 rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 text-xs text-text-secondary\">\n                <Info size={14} className=\"flex-shrink-0 mt-0.5\" />\n                <span>\n                  <strong>Read &amp; Write</strong> implies Read. Select only\n                  what your app genuinely needs — fewer permissions build more\n                  user trust.\n                </span>\n              </div>\n            </PageSection>\n          )}\n\n          {/* Integration Setup — App type only */}\n          {builderType === \"app\" && (\n            <PageSection\n              title=\"Integration Setup\"\n              description=\"Configure the endpoints for your integration. After a user installs, we redirect them to your callback URL so your server can complete the connection.\"\n            >\n              <div className=\"space-y-4\">\n                <InputField\n                  label=\"Post-install Callback URL\"\n                  type=\"url\"\n                  value={formData.oauthAuthUrl}\n                  onChange={(e) => handleChange(\"oauthAuthUrl\", e.target.value)}\n                  placeholder=\"https://yourapp.com/callback\"\n                  hint=\"Users land here after install with ?installation_id=xxx appended\"\n                />\n                <InputField\n                  label=\"Revoke URL\"\n                  type=\"url\"\n                  value={formData.oauthRevokeUrl}\n                  onChange={(e) =>\n                    handleChange(\"oauthRevokeUrl\", e.target.value)\n                  }\n                  placeholder=\"https://yourapp.com/oauth/revoke\"\n                  hint=\"We POST to this URL when a user uninstalls your integration\"\n                />\n              </div>\n            </PageSection>\n          )}\n\n          {/* Node/Workflow file upload note */}\n          {builderType !== \"app\" && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <div>\n                <p className=\"font-medium text-text-primary\">File uploads</p>\n                <p className=\"mt-1\">\n                  {builderType === \"node\"\n                    ? \"After creating your Node, go to the Versions tab to upload your ZIP bundle and manifest.json.\"\n                    : `After creating your ${typeLabel}, go to the Versions tab to upload its manifest JSON.`}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* General submit error */}\n          {errors._submit && (\n            <div className=\"flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg/10 px-4 py-3 text-sm text-status-error-text\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <span>{errors._submit}</span>\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={() => handleNav(\"/apps\")}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n            >\n              {isSubmitting ? (\n                <>\n                  <Loader2 size={16} className=\"animate-spin\" />\n                  Creating…\n                </>\n              ) : (\n                <>\n                  <Save size={16} />\n                  Create {typeLabel}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4DA,IAAM,IAA0D;CAC9D,KAAK;EACH,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACD,MAAM;EACJ,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACD,UAAU;EACR,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACD,QAAQ;EACN,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACD,QAAQ;EACN,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACD,WAAW;EACT,SAAS;EACT,MAAM;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;GACD;EACF;CACF,EAIK,IAAiB;CACrB;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACd;CACF;AAOD,SAAS,IAAoC;AAC3C,QAAO,OAAO,YACZ,EAAe,KAAK,MAAM,CAAC,EAAE,IAAI,OAAO,CAAC,CAC1C;;AAGH,SAAS,EAAsB,GAAsB;AAEnD,QADgB,OAAO,QAAQ,EAAM,CAAC,QAAQ,GAAG,OAAW,MAAU,OAAO,CAC9D,KAAK,CAAC,GAAU,QAAY;EAAE;EAAU;EAAO,EAAE;;AAKlE,IAAM,IAA0B;CAC9B;EAAE,OAAO;EAAU,OAAO;EAAmD;CAC7E;EAAE,OAAO;EAAW,OAAO;EAA+C;CAC1E;EAAE,OAAO;EAAY,OAAO;EAA6C;CAC1E,EAEK,IAA8B,CAClC,GAAG,GACH;CACE,OAAO;CACP,OAAO;CACR,CACF,EAaK,KAA+B,EACnC,MAAM,GACN,UACA,gBACA,YACA,aACA,iBAEA,kBAAC,UAAD;CACE,MAAK;CACI;CACT,WAAW,EACT,yHACA,IACI,oDACA,qCACL;WARH;EAUG,KACC,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;GACd,CAAA;EAET,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAM,MAAM;IAAI,WAAU;IAAsB,CAAA;GAC5C,CAAA;EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;GAAG,WAAU;aAAmC;GAAU,CAAA,EAC1D,kBAAC,KAAD;GAAG,WAAU;aAAoC;GAAgB,CAAA,CAC7D,EAAA,CAAA;EACN,kBAAC,MAAD;GAAI,WAAU;aACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;IAEE,WAAU;cAFZ,CAIE,kBAAC,GAAD;KAAc,MAAM;KAAI,WAAU;KAA+B,CAAA,EAChE,EACE;MALE,EAKF,CACL;GACC,CAAA;EACE;IAUL,KAAiD,EACrD,gBACA,kBACI;CACJ,IAAM,IAA4B;EAAC;EAAQ;EAAQ;EAAQ,EACrD,IAA+C;EACnD,MAAM;EACN,MAAM;EACN,OAAO;EACR;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,SAAD;GAAO,WAAU;aAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAA4D;KAErE,CAAA,EACJ,EAAO,KAAK,MACX,kBAAC,MAAD;KAEE,WAAU;eAET,EAAY;KACV,EAJE,EAIF,CACL,CACC;OACC,CAAA,EACR,kBAAC,SAAD;IAAO,WAAU;cACd,EAAe,KAAK,MACnB,kBAAC,MAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,MAAD;MAAI,WAAU;gBAAd,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS;OACR,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS;OACR,CAAA,CACD;SACJ,EAAO,KAAK,MACX,kBAAC,MAAD;MAAgB,WAAU;gBACxB,kBAAC,SAAD;OACE,MAAK;OACL,MAAM,cAAc,EAAS;OAC7B,OAAO;OACP,SAAS,EAAY,EAAS,QAAQ;OACtC,gBAAgB,EAAS,EAAS,IAAI,EAAM;OAC5C,WAAU;OACV,CAAA;MACC,EATI,EASJ,CACL,CACC;OAvBE,EAAS,GAuBX,CACL;IACI,CAAA,CACF;;EACJ,CAAA;GAgCG,UAAkC;CAC7C,IAAM,EAAE,aAAU,aAAU,mBAAgB,GAAc,EACpD,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAI,EAAE,EAAI;AAChB,SAAO,MAAM,IAAM,IAAW;IAE1B,IAAM,GAAsB,EAC5B,EAAE,UAAU,MAAqB,IAAa,EAE9C,CAAC,GAAa,KAAkB,EAA6B,KAAK,EAClE,CAAC,GAAoB,KAAyB,EAAmB,EAAE,CAAC,EACpE,CAAC,GAAa,KAClB,EAAwB,GAAoB,CAAC,EAEzC,IAAiB,EAAO,GAAM,EAC9B,CAAC,GAAU,KAAe,EAAmB;EACjD,MAAM;EACN,MAAM;EACN,kBAAkB;EAClB,aAAa;EACb,UAAU;EACV,YAAY;EACZ,yBAAyB,KAAe;EACxC,YAAY;EACZ,WAAW;EACX,kBAAkB;EAClB,YAAY;EACZ,cAAc;EACd,eAAe;EACf,gBAAgB;EACjB,CAAC,EACI,CAAC,GAAQ,KAAa,EAAqB,EAAE,CAAC,EAE9C,CAAC,GAAmB,EAAE,SAAS,OACnC,GAA8B,EAC1B,EAAE,MAAM,MAAa,EAA2B,EACpD,aAAa,qBACd,CAAC,EAKI,IAAa,CACjB;EAAE,OAAO;EAAI,OAAO;EAA8B,EAClD,IAAI,GAAU,4BAA4B,EAAE,EACzC,QAAQ,MAAkC,EAAI,SAAS,WAAW,CAClE,KAAK,OAAuC;EAC3C,OAAO,EAAI;EACX,OAAO,EAAI;EACZ,EAAE,CACN,EAEK,KAAa,MAAiB,IAAW,GAAG,IAAW,IAAO,EAE9D,MAAgB,MACpB,EACG,aAAa,CACb,QAAQ,eAAe,IAAI,CAC3B,QAAQ,UAAU,GAAG,EAEpB,MAAoB,MAA2C;EACnE,IAAM,IAAO,EAAE,OAAO;AAOtB,EANA,GAAa,OAAU;GACrB,GAAG;GACH;GAEA,MAAM,EAAe,UAAU,EAAK,OAAO,GAAa,EAAK;GAC9D,EAAE,EACC,EAAO,QAAM,GAAW,OAAO;GAAE,GAAG;GAAG,MAAM,KAAA;GAAW,EAAE;IAG1D,MAAoB,MAA2C;AACnE,IAAe,UAAU;EACzB,IAAM,IAAQ,EAAE,OAAO,MAAM,aAAa,CAAC,QAAQ,eAAe,GAAG;AAErE,EADA,GAAa,OAAU;GAAE,GAAG;GAAM,MAAM;GAAO,EAAE,EAC7C,EAAO,QAAM,GAAW,OAAO;GAAE,GAAG;GAAG,MAAM,KAAA;GAAW,EAAE;IAG1D,KAAgB,GAAuB,MAAkB;AAE7D,EADA,GAAa,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE,GAChD,EAAO,MAA8B,EAAO,YAC9C,GAAW,OAAO;GAAE,GAAG;IAAI,IAAQ,KAAA;GAAW,SAAS,KAAA;GAAW,EAAE;IAGlE,MACJ,GACA,MACG;AACH,KAAgB,OAAU;GAAE,GAAG;IAAO,IAAW;GAAO,EAAE;IAGtD,WAA0B;EAC9B,IAAM,IAAwB,EAAE;AA4BhC,SA3BK,EAAS,KAAK,MAAM,GAEd,EAAS,KAAK,SAAS,IAChC,EAAU,OAAO,uCACR,EAAS,KAAK,SAAS,QAChC,EAAU,OAAO,2CAJjB,EAAU,OAAO,oBAMd,EAAS,KAAK,MAAM,GAEb,eAAe,KAAK,EAAS,KAAK,KAC5C,EAAU,OACR,mEAHF,EAAU,OAAO,oBAKd,EAAS,iBAAiB,MAAM,GAE1B,EAAS,iBAAiB,SAAS,QAC5C,EAAU,mBACR,wDAHF,EAAU,mBAAmB,iCAK1B,EAAS,aACZ,EAAU,WAAW,yBAEnB,MAAgB,SAAS,EAAmB,WAAW,MACzD,EAAU,qBACR,qFAEJ,EAAU,EAAU,EACb,OAAO,KAAK,EAAU,CAAC,WAAW;IAGrC,UACJ,EAAkB,KAAe,OAAO,SAEpC,KAAe,OAAO,MAAuB;AAEjD,MADA,EAAE,gBAAgB,EACd,CAAC,IAAU,IAAI,CAAC,EAAa;EAEjC,IAAM,IACJ,MAAgB,QACZ,EAAE,aAAa,EAAsB,EAAY,EAAE,GACnD;AAEN,MAAI;GACF,IAAM,IAAS,MAAM,EAAkB,EACrC,WAAW,EACT,OAAO;IACL,MAAM,EAAS;IACf,MAAM,EAAS,QAAQ,KAAA;IACvB,kBAAkB,EAAS,oBAAoB,KAAA;IAC/C,aAAa,EAAS,eAAe,KAAA;IACrC,UAAU,EAAS,YAAY,KAAA;IAC/B,SAAS,GAAmB;IAC5B,YAAY,EAAS;IAKrB,yBACE,EAAS,2BAA2B,KAAA;IACtC,YAAY,EAAS,cAAc,KAAA;IACnC,WAAW,EAAS,aAAa,KAAA;IACjC,kBAAkB,EAAS,oBAAoB,KAAA;IAC/C,YAAY,EAAS,cAAc,KAAA;IACnC,UAAU,KAAgB,KAAA;IAC1B,oBACE,EAAmB,SAAS,IAAI,IAAqB,KAAA;IACvD,GAAI,MAAgB,SAAS;KAC3B,cAAc,EAAS,gBAAgB,KAAA;KACvC,eAAe,EAAS,iBAAiB,KAAA;KACzC,gBAAgB,EAAS,kBAAkB,KAAA;KAC5C;IACF,EACF,EACF,CAAC;AACF,GAAI,EAAO,MAAM,mBAAmB,OAClC,EAAI,KAAK,yBAAyB;IAChC,OAAO,EAAO,KAAK,kBAAkB;IACrC,MAAM,EAAS;IACf,SAAS,GAAmB;IAC5B,gBAAgB,EAAS,2BAA2B;IACrD,CAAC,EACF,EAAU,SAAS,EAAO,KAAK,kBAAkB,KAAK;WAEjD,GAAO;GAEd,IAAM,IAAqB,EAAE;AAW7B,GATE,KACA,OAAO,KAAU,YACjB,mBAAmB,KACnB,MAAM,QAAS,EAAuC,cAAc,IAGlE,EACA,cAAc,SAAS,MAAM,EAAS,KAAK,EAAE,QAAQ,CAAC,EAEtD,aAAiB,SAAO,EAAS,KAAK,EAAM,QAAQ;GAExD,IAAM,IAAW,EAAS,KAAK,IAAI,CAAC,aAAa;AAQjD,GANE,EAAS,SAAS,OAAO,IACzB,EAAS,SAAS,gBAAgB,IAClC,EAAS,SAAS,SAAS,IAC3B,EAAS,SAAS,WAAW,IAC7B,EAAS,SAAS,YAAY,GAG9B,GAAW,OAAO;IAChB,GAAG;IACH,MAAM;IACP,EAAE,GAEH,GAAW,OAAO;IAChB,GAAG;IACH,SAAS,EAAS,MAAM;IACzB,EAAE;;;AAMT,KAAI,CAAC,EACH,QACE,kBAAC,GAAD;EAAiB,UAAA;YACf,kBAAC,GAAD;GACE,OAAM;GACN,aAAY;GACZ,SAAQ;GACR,UAAU,GAAG,EAAS;GACtB,WAAU;aAEV,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAEX;MACE;MACA;MACA;MACA;MACA;MACA;MACD,CACD,KAAK,MAAS;MACd,IAAM,IAAO,EAAkB;AAC/B,aACE,kBAAC,GAAD;OAEE,MAAM,EAAK;OACX,OAAO,EAAK;OACZ,aAAa,EAAK;OAClB,SAAS,EAAK;OACd,UAAU,MAAgB;OAC1B,eAAe,EAAe,EAAK;OACnC,EAPK,EAOL;OAEJ;KACE,CAAA,EAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAM,MAAM;MAAI,WAAU;MAAyB,CAAA,EACnD,kBAAC,KAAD,EAAA,UAAG,oHAGC,CAAA,CACA;OACF;;GACK,CAAA;EACG,CAAA;CAKtB,IAAM,IAAa,EAAkB,KAAe,QAC9C,IAAY,EAAW,OACvB,KAAoB,EAAW,MAC/B,KAAW,kBAAC,IAAD,EAAmB,MAAM,IAAM,CAAA;AAEhD,QACE,kBAAC,GAAD;EAAiB,UAAA;YACf,kBAAC,GAAD;GACE,OAAO,UAAU;GACjB,aAAa,EAAW;GACxB,SAAS,EAAW;GACpB,UAAU,GAAG,EAAS;GACtB,WAAU;aAEV,kBAAC,QAAD;IAAM,UAAU;IAAc,WAAU;cAAxC;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAe,KAAK;OACnC,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,cAEhB;UACT,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,IACA,EACI;SACH;;KAGN,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;gBAEZ,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SACE,OAAM;SACN,OAAO,EAAS;SAChB,UAAU;SACV,aAAa,EAAW;SACxB,UAAA;SACA,OAAO,EAAO;SACd,CAAA;QACF,kBAAC,GAAD;SACE,OAAM;SACN,OAAO,EAAS;SAChB,UAAU;SACV,aAAY;SACZ,UAAA;SACA,OAAO,EAAO;SACd,MACE,EAAe,UACX,iDACA;SAEN,CAAA;QACF,kBAAC,GAAD;SACE,OAAM;SACN,OAAO,EAAS;SAChB,WAAW,MAAU,EAAa,oBAAoB,EAAM;SAC5D,aAAY;SACZ,UAAA;SACA,OAAO,EAAO;SACd,MAAM,GAAG,EAAS,iBAAiB,OAAO;SAC1C,MAAM;SACN,WAAW;SACX,CAAA;QACF,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UACE,OAAM;UACN,OAAO,EAAS;UAChB,WAAW,MAAM,EAAa,YAAY,EAAE,OAAO,MAAM;UACzD,SAAS,CAAC,GAAG,GAAqB;UAClC,aAAY;UACZ,UAAA;UACA,OAAO,EAAO;UACd,MAAK;UACL,CAAA,EACF,kBAAC,GAAD;UACE,OAAM;UACN,OAAO,EAAS;UAChB,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;UAC3D,SACE,MAAgB,aACZ,IACA;UAEN,UAAA;UACA,MACE,EAAS,eAAe,WACpB,yFACA,EAAS,eAAe,aACtB,iHACA,EAAS,eAAe,aACtB,yFACA;UAEV,CAAA,CACE;;QAGL,MAAgB,SACf,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;WAAO,WAAU;qBAAjB,CAA+D,uBAE7D,kBAAC,QAAD;YAAM,WAAU;sBAA8B;YAAQ,CAAA,CAChD;cACR,kBAAC,KAAD;WAAG,WAAU;qBAAb;YAAkD;YACpB;YAAY;YAEtC;aACA,EAAA,CAAA;UACN,kBAAC,IAAD;WACE,SAAS,EAAiB,KAAK,OAAO;YACpC,OAAO,EAAE;YACT,OAAO,EAAE;YACV,EAAE;WACH,UAAU;WACV,WAAW,MAAS;AAElB,YADA,EAAsB,EAAK,EACvB,EAAK,SAAS,KAChB,GAAW,OAAO;aAChB,GAAG;aACH,oBAAoB,KAAA;aACrB,EAAE;;WAEP,aAAY;WACZ,mBAAkB;WAClB,OAAO,CAAC,CAAC,EAAO;WAChB,CAAA;UACD,EAAO,sBACN,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAO;WACN,CAAA;UAEF;;QAGR,kBAAC,GAAD;SACE,OAAM;SACN,OAAO,EAAS;SAChB,WAAW,MAAU,EAAa,eAAe,EAAM;SACvD,aAAY;SACZ,MAAM;SACN,MAAK;SACL,CAAA;QACE;;MACM,CAAA;KAGb,EAAW,SAAS,KACnB,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;gBAEZ,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAS;OAChB,WAAW,MACT,EAAa,2BAA2B,EAAE,OAAO,MAAM;OAEzD,SAAS;OACT,CAAA;MACU,CAAA;KAIf,MAAgB,SACf,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;gBAFd,CAIE,kBAAC,GAAD;OACe;OACb,UAAU;OACV,CAAA,EACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAM,MAAM;QAAI,WAAU;QAAyB,CAAA,EACnD,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,UAAD,EAAA,UAAQ,gBAAyB,CAAA,EAAA,sGAG5B,EAAA,CAAA,CACH;SACM;;KAIf,MAAgB,SACf,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;gBAEZ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,OAAM;QACN,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,gBAAgB,EAAE,OAAO,MAAM;QAC7D,aAAY;QACZ,MAAK;QACL,CAAA,EACF,kBAAC,GAAD;QACE,OAAM;QACN,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MACT,EAAa,kBAAkB,EAAE,OAAO,MAAM;QAEhD,aAAY;QACZ,MAAK;QACL,CAAA,CACE;;MACM,CAAA;KAIf,MAAgB,SACf,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAAyB,CAAA,EACnD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAgC;OAAgB,CAAA,EAC7D,kBAAC,KAAD;OAAG,WAAU;iBACV,MAAgB,SACb,kGACA,uBAAuB,EAAU;OACnC,CAAA,CACA,EAAA,CAAA,CACF;;KAIP,EAAO,WACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAAyB,CAAA,EACnD,kBAAC,QAAD,EAAA,UAAO,EAAO,SAAe,CAAA,CACzB;;KAIR,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAU,QAAQ;OACjC,UAAU;OACV,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA,EACd,EAAG,oBAAoB,SAAS,CAC1B;UACT,kBAAC,UAAD;OACE,MAAK;OACL,UAAU;OACV,WAAU;iBAET,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,IAAD;QAAS,MAAM;QAAI,WAAU;QAAiB,CAAA,EAAA,YAE7C,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA;QACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;;QACV;QACP,EAAA,CAAA;OAEE,CAAA,CACL;;KACD;;GACI,CAAA;EACG,CAAA"}
+{"version":3,"file":"CreateApplicationPage.js","names":["_Fragment","BUILDER_TYPE_META","Box","Puzzle","GitFork","FileCode2","LayoutGrid","LayoutDashboard","RBAC_RESOURCES","defaultPermissions","r","permissionsToManifest","perms","level","resource","BASE_VISIBILITY_OPTIONS","WORKFLOW_VISIBILITY_OPTIONS","TypeCard","Icon","cn","selected","Check","title","description","bullets","ChevronRight","b","PermissionsMatrix","levels","levelLabels","l","permissions","onChange","CreateApplicationPage","useDevportal","useI18n","tr","v","t","key","fallback","bus","useDevportalEventBus","platformProducts","useProducts","builderType","setBuilderType","useState","compatibleProducts","setCompatibleProducts","setPermissions","slugUserEdited","useRef","formData","setFormData","activeOrgId","errors","setErrors","createApplication","isSubmitting","useCreateApplicationMutation","orgsData","useGetMyOrganizationsQuery","orgOptions","org","handleNav","navigate","basePath","path","generateSlug","name","handleNameChange","prev","p","handleSlugChange","value","handleChange","field","handlePermissionChange","validate","newErrors","appTypeForBuilder","handleSubmit","permManifest","result","error","messages","combined","PermissionGuard","PageLayout","meta","type","Info","activeMeta","typeLabel","TypeIconComponent","typeIcon","ArrowLeft","PageSection","InputField","MarkdownEditor","SelectField","APP_CATEGORY_OPTIONS","MultiSelectCombobox","next","X","Fragment","Loader2","Save"],"sources":["../../../src/devportal/pages/CreateApplicationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useRef } from \"react\";\nimport {\n  ArrowLeft,\n  Box,\n  Check,\n  ChevronRight,\n  FileCode2,\n  GitFork,\n  Info,\n  LayoutDashboard,\n  LayoutGrid,\n  Loader2,\n  Puzzle,\n  Save,\n  X,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { APP_CATEGORY_OPTIONS } from \"../constants/appCategories\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, SelectField } from \"../components/FormField\";\nimport { MarkdownEditor } from \"../components/MarkdownEditor\";\nimport { MultiSelectCombobox } from \"../components/MultiSelectCombobox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { useDevportalEventBus } from \"../events\";\nimport { useProducts } from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport {\n  useCreateApplicationMutation,\n  useGetMyOrganizationsQuery,\n} from \"../../generated/global-operations\";\n\n// ─── Builder types ────────────────────────────────────────────────────────────\n\ntype BuilderType =\n  \"app\" | \"node\" | \"workflow\" | \"parser\" | \"widget\" | \"dashboard\";\n\ninterface BuilderTypeMeta {\n  appType:\n    \"API_INTEGRATION\" | \"NODE\" | \"WORKFLOW\" | \"PARSER\" | \"WIDGET\" | \"DASHBOARD\";\n  icon: FC<{ size?: number; className?: string }>;\n  label: string;\n  pageDescription: string;\n  purpose: string;\n  namePlaceholder: string;\n  cardDescription: string;\n  cardBullets: string[];\n}\n\nconst BUILDER_TYPE_META: Record<BuilderType, BuilderTypeMeta> = {\n  app: {\n    appType: \"API_INTEGRATION\",\n    icon: Box,\n    label: \"App\",\n    pageDescription: \"Register a new app integration with OAuth permissions\",\n    purpose:\n      \"Give your integration a name, description, and the permissions it will request. Once created you will get credentials and can configure webhooks, then publish it to the marketplace when it is ready for users.\",\n    namePlaceholder: \"My Integration\",\n    cardDescription:\n      \"Build integrations that connect your service to the platform using OAuth tokens.\",\n    cardBullets: [\n      \"GitHub-style permissions\",\n      \"OAuth token flow\",\n      \"Webhook events\",\n      \"Publish to app store\",\n    ],\n  },\n  node: {\n    appType: \"NODE\",\n    icon: Puzzle,\n    label: \"Node\",\n    pageDescription: \"Register a new FluidGrids node package\",\n    purpose:\n      \"Give your node a name and description. Once created you can upload your ZIP bundle and manifest in the Versions tab, then publish it to the node store when it is ready for users.\",\n    namePlaceholder: \"HTTP Request\",\n    cardDescription:\n      \"Build custom FluidGrids nodes that users can drag into their visual workflows.\",\n    cardBullets: [\n      \"ZIP bundle + manifest\",\n      \"Custom inputs/outputs\",\n      \"Versioned releases\",\n      \"Publish to node store\",\n    ],\n  },\n  workflow: {\n    appType: \"WORKFLOW\",\n    icon: GitFork,\n    label: \"Workflow\",\n    pageDescription: \"Register a new reusable automation workflow\",\n    purpose:\n      \"Give your workflow a name and description. Once created you can upload your workflow definition in the Versions tab, then publish it to the store or generate a shareable public link.\",\n    namePlaceholder: \"Onboarding Flow\",\n    cardDescription:\n      \"Build reusable automation workflows that users can import and customize.\",\n    cardBullets: [\n      \"Manifest + workflow JSON\",\n      \"Trigger definitions\",\n      \"Versioned releases\",\n      \"Publish to workflow store\",\n    ],\n  },\n  parser: {\n    appType: \"PARSER\",\n    icon: FileCode2,\n    label: \"Parser\",\n    pageDescription: \"Register a new data parser\",\n    purpose:\n      \"Give your parser a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"CSV Parser\",\n    cardDescription:\n      \"Build parsers that extract structured data from files or feeds for use across the platform.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"No ZIP bundle needed\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n  widget: {\n    appType: \"WIDGET\",\n    icon: LayoutGrid,\n    label: \"Widget\",\n    pageDescription: \"Register a new embeddable widget\",\n    purpose:\n      \"Give your widget a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"Revenue Chart Widget\",\n    cardDescription:\n      \"Build embeddable UI widgets users can add to dashboards and pages.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"Embeddable UI component\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n  dashboard: {\n    appType: \"DASHBOARD\",\n    icon: LayoutDashboard,\n    label: \"Dashboard Template\",\n    pageDescription: \"Register a new dashboard template\",\n    purpose:\n      \"Give your dashboard template a name and description. Once created you can upload its manifest in the Versions tab, then publish it to the store when it is ready for users.\",\n    namePlaceholder: \"Sales Overview Dashboard\",\n    cardDescription:\n      \"Build prebuilt dashboard layouts users can install and customize.\",\n    cardBullets: [\n      \"Manifest JSON only\",\n      \"Prebuilt layout\",\n      \"Versioned releases\",\n      \"Publish to store\",\n    ],\n  },\n};\n\n// ─── Permissions (App type) ───────────────────────────────────────────────────\n\nconst RBAC_RESOURCES = [\n  {\n    id: \"auth\",\n    label: \"Authentication\",\n    description: \"User identity and session management\",\n  },\n  {\n    id: \"billing\",\n    label: \"Billing\",\n    description: \"Billing accounts and subscriptions\",\n  },\n  {\n    id: \"files\",\n    label: \"Files\",\n    description: \"File storage and management\",\n  },\n  {\n    id: \"tags\",\n    label: \"Tags\",\n    description: \"Tags and labels on resources\",\n  },\n  {\n    id: \"calendar\",\n    label: \"Calendar\",\n    description: \"Events and scheduling\",\n  },\n  {\n    id: \"workflows\",\n    label: \"Workflows\",\n    description: \"Automation workflows\",\n  },\n  {\n    id: \"channels\",\n    label: \"Channels\",\n    description: \"Messaging channels\",\n  },\n  {\n    id: \"notifications\",\n    label: \"Notifications\",\n    description: \"Platform notifications\",\n  },\n  {\n    id: \"users\",\n    label: \"Users & Members\",\n    description: \"Workspace members and profiles\",\n  },\n  {\n    id: \"workspaces\",\n    label: \"Workspaces\",\n    description: \"Workspace settings and metadata\",\n  },\n  {\n    id: \"content\",\n    label: \"Content\",\n    description: \"Pages, documents, and content\",\n  },\n  {\n    id: \"analytics\",\n    label: \"Analytics\",\n    description: \"Usage analytics and reporting\",\n  },\n  {\n    id: \"webhooks\",\n    label: \"Webhooks\",\n    description: \"Webhook subscriptions\",\n  },\n  {\n    id: \"rbac\",\n    label: \"Roles & Permissions\",\n    description: \"Access control configuration\",\n  },\n] as const;\n\ntype ResourceId = (typeof RBAC_RESOURCES)[number][\"id\"];\ntype PermissionLevel = \"none\" | \"read\" | \"write\";\n\ntype PermissionMap = Record<ResourceId, PermissionLevel>;\n\nfunction defaultPermissions(): PermissionMap {\n  return Object.fromEntries(\n    RBAC_RESOURCES.map((r) => [r.id, \"none\"]),\n  ) as PermissionMap;\n}\n\nfunction permissionsToManifest(perms: PermissionMap) {\n  const entries = Object.entries(perms).filter(([, level]) => level !== \"none\");\n  return entries.map(([resource, level]) => ({ resource, level }));\n}\n\n// ─── Org options ──────────────────────────────────────────────────────────────\n\nconst BASE_VISIBILITY_OPTIONS = [\n  { value: \"PUBLIC\", label: \"Public — listed in the marketplace after review\" },\n  { value: \"PRIVATE\", label: \"Private — only you (the creator) can see it\" },\n  { value: \"INTERNAL\", label: \"Internal — visible to your entire dev org\" },\n];\n\nconst WORKFLOW_VISIBILITY_OPTIONS = [\n  ...BASE_VISIBILITY_OPTIONS,\n  {\n    value: \"UNLISTED\",\n    label: \"Unlisted — shareable via link, not listed in store\",\n  },\n];\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\ninterface TypeCardProps {\n  icon: FC<{ size?: number; className?: string }>;\n  title: string;\n  description: string;\n  bullets: string[];\n  selected: boolean;\n  onClick: () => void;\n}\n\nconst TypeCard: FC<TypeCardProps> = ({\n  icon: Icon,\n  title,\n  description,\n  bullets,\n  selected,\n  onClick,\n}) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={cn(\n      \"relative flex flex-col gap-3 rounded-xl border-2 p-6 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-4 right-4 flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-action-primary-text\">\n        <Check size={12} />\n      </span>\n    )}\n    <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n      <Icon size={22} className=\"text-text-primary\" />\n    </div>\n    <div>\n      <p className=\"font-semibold text-text-primary\">{title}</p>\n      <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n    </div>\n    <ul className=\"mt-1 space-y-1\">\n      {bullets.map((b) => (\n        <li\n          key={b}\n          className=\"flex items-center gap-2 text-xs text-text-secondary\"\n        >\n          <ChevronRight size={12} className=\"flex-shrink-0 text-primary\" />\n          {b}\n        </li>\n      ))}\n    </ul>\n  </button>\n);\n\n// ─── Permissions matrix ───────────────────────────────────────────────────────\n\ninterface PermissionsMatrixProps {\n  permissions: PermissionMap;\n  onChange: (resource: ResourceId, level: PermissionLevel) => void;\n}\n\nconst PermissionsMatrix: FC<PermissionsMatrixProps> = ({\n  permissions,\n  onChange,\n}) => {\n  const levels: PermissionLevel[] = [\"none\", \"read\", \"write\"];\n  const levelLabels: Record<PermissionLevel, string> = {\n    none: \"No access\",\n    read: \"Read\",\n    write: \"Read & Write\",\n  };\n\n  return (\n    <div className=\"overflow-x-auto rounded-lg border border-border-subtle\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n            <th className=\"px-4 py-3 text-left font-medium text-text-secondary w-1/2\">\n              Resource\n            </th>\n            {levels.map((l) => (\n              <th\n                key={l}\n                className=\"px-4 py-3 text-center font-medium text-text-secondary\"\n              >\n                {levelLabels[l]}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {RBAC_RESOURCES.map((resource) => (\n            <tr\n              key={resource.id}\n              className=\"hover:bg-bg-sunken/30 transition-colors\"\n            >\n              <td className=\"px-4 py-3\">\n                <p className=\"font-medium text-text-primary\">\n                  {resource.label}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {resource.description}\n                </p>\n              </td>\n              {levels.map((level) => (\n                <td key={level} className=\"px-4 py-3 text-center\">\n                  <input\n                    type=\"radio\"\n                    name={`permission-${resource.id}`}\n                    value={level}\n                    checked={permissions[resource.id] === level}\n                    onChange={() => onChange(resource.id, level)}\n                    className=\"h-4 w-4 accent-primary cursor-pointer\"\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\ninterface FormData {\n  name: string;\n  slug: string;\n  shortDescription: string;\n  description: string;\n  category: string;\n  visibility: string;\n  developerOrganizationId: string;\n  websiteUrl: string;\n  githubUrl: string;\n  documentationUrl: string;\n  supportUrl: string;\n  oauthAuthUrl: string;\n  oauthTokenUrl: string;\n  oauthRevokeUrl: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  shortDescription?: string;\n  category?: string;\n  compatibleProducts?: string;\n  _submit?: string;\n}\n\nexport const CreateApplicationPage: FC = () => {\n  const { navigate, basePath, activeOrgId } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const bus = useDevportalEventBus();\n  const { products: platformProducts } = useProducts();\n\n  const [builderType, setBuilderType] = useState<BuilderType | null>(null);\n  const [compatibleProducts, setCompatibleProducts] = useState<string[]>([]);\n  const [permissions, setPermissions] =\n    useState<PermissionMap>(defaultPermissions());\n  // Track whether the user has manually edited the slug so we stop auto-generating\n  const slugUserEdited = useRef(false);\n  const [formData, setFormData] = useState<FormData>({\n    name: \"\",\n    slug: \"\",\n    shortDescription: \"\",\n    description: \"\",\n    category: \"\",\n    visibility: \"PUBLIC\",\n    developerOrganizationId: activeOrgId ?? \"\",\n    websiteUrl: \"\",\n    githubUrl: \"\",\n    documentationUrl: \"\",\n    supportUrl: \"\",\n    oauthAuthUrl: \"\",\n    oauthTokenUrl: \"\",\n    oauthRevokeUrl: \"\",\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n\n  const [createApplication, { loading: isSubmitting }] =\n    useCreateApplicationMutation();\n  const { data: orgsData } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  // Apps can only ever belong to a DIGITAL org (the backend rejects\n  // publishing an app under a PHYSICAL org) — exclude seller-portal orgs\n  // from this picker. See DeveloperOrgKind (BOFF-7285).\n  const orgOptions = [\n    { value: \"\", label: \"No organization (personal)\" },\n    ...(orgsData?.myDeveloperOrganizations ?? [])\n      .filter((org: { kind?: string | null }) => org.kind !== \"PHYSICAL\")\n      .map((org: { id: string; name: string }) => ({\n        value: org.id,\n        label: org.name,\n      })),\n  ];\n\n  const handleNav = (path: string) => navigate?.(`${basePath}${path}`);\n\n  const generateSlug = (name: string) =>\n    name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      // Only auto-generate slug while the user hasn't manually touched the field\n      slug: slugUserEdited.current ? prev.slug : generateSlug(name),\n    }));\n    if (errors.name) setErrors((p) => ({ ...p, name: undefined }));\n  };\n\n  const handleSlugChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    slugUserEdited.current = true;\n    const value = e.target.value.toLowerCase().replace(/[^a-z0-9-]/g, \"\");\n    setFormData((prev) => ({ ...prev, slug: value }));\n    if (errors.slug) setErrors((p) => ({ ...p, slug: undefined }));\n  };\n\n  const handleChange = (field: keyof FormData, value: string) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors] || errors._submit)\n      setErrors((p) => ({ ...p, [field]: undefined, _submit: undefined }));\n  };\n\n  const handlePermissionChange = (\n    resource: ResourceId,\n    level: PermissionLevel,\n  ) => {\n    setPermissions((prev) => ({ ...prev, [resource]: level }));\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n    if (!formData.name.trim()) {\n      newErrors.name = \"Name is required\";\n    } else if (formData.name.length < 3) {\n      newErrors.name = \"Name must be at least 3 characters\";\n    } else if (formData.name.length > 100) {\n      newErrors.name = \"Name must be less than 100 characters\";\n    }\n    if (!formData.slug.trim()) {\n      newErrors.slug = \"Slug is required\";\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug =\n        \"Slug can only contain lowercase letters, numbers, and hyphens\";\n    }\n    if (!formData.shortDescription.trim()) {\n      newErrors.shortDescription = \"Short description is required\";\n    } else if (formData.shortDescription.length > 200) {\n      newErrors.shortDescription =\n        \"Short description must be less than 200 characters\";\n    }\n    if (!formData.category) {\n      newErrors.category = \"Category is required\";\n    }\n    if (builderType !== \"app\" && compatibleProducts.length === 0) {\n      newErrors.compatibleProducts =\n        \"Select at least one compatible product so users can find this in the right store\";\n    }\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const appTypeForBuilder = () =>\n    BUILDER_TYPE_META[builderType ?? \"app\"].appType;\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!validate() || !builderType) return;\n\n    const permManifest =\n      builderType === \"app\"\n        ? { permissions: permissionsToManifest(permissions) }\n        : null;\n\n    try {\n      const result = await createApplication({\n        variables: {\n          input: {\n            name: formData.name,\n            slug: formData.slug || undefined,\n            shortDescription: formData.shortDescription || undefined,\n            description: formData.description || undefined,\n            category: formData.category || undefined,\n            appType: appTypeForBuilder(),\n            visibility: formData.visibility as\n              \"PUBLIC\" | \"PRIVATE\" | \"UNLISTED\" | undefined,\n            developerOrganizationId:\n              formData.developerOrganizationId || undefined,\n            websiteUrl: formData.websiteUrl || undefined,\n            githubUrl: formData.githubUrl || undefined,\n            documentationUrl: formData.documentationUrl || undefined,\n            supportUrl: formData.supportUrl || undefined,\n            manifest: permManifest ?? undefined,\n            compatibleProducts:\n              compatibleProducts.length > 0 ? compatibleProducts : undefined,\n            ...(builderType === \"app\" && {\n              oauthAuthUrl: formData.oauthAuthUrl || undefined,\n              oauthTokenUrl: formData.oauthTokenUrl || undefined,\n              oauthRevokeUrl: formData.oauthRevokeUrl || undefined,\n            }),\n          },\n        },\n      });\n      if (result.data?.createApplication?.id) {\n        bus.emit(\"devportal.app.created\", {\n          appId: result.data.createApplication.id,\n          name: formData.name,\n          appType: appTypeForBuilder(),\n          organizationId: formData.developerOrganizationId || null,\n        });\n        handleNav(`/apps/${result.data.createApplication.id}`);\n      }\n    } catch (error) {\n      // Collect all error messages from GraphQL errors and the top-level message\n      const messages: string[] = [];\n      if (\n        error &&\n        typeof error === \"object\" &&\n        \"graphQLErrors\" in error &&\n        Array.isArray((error as { graphQLErrors: unknown[] }).graphQLErrors)\n      ) {\n        (\n          error as { graphQLErrors: Array<{ message: string }> }\n        ).graphQLErrors.forEach((e) => messages.push(e.message));\n      }\n      if (error instanceof Error) messages.push(error.message);\n\n      const combined = messages.join(\" \").toLowerCase();\n      const isSlugConflict =\n        combined.includes(\"slug\") ||\n        combined.includes(\"already exist\") ||\n        combined.includes(\"unique\") ||\n        combined.includes(\"conflict\") ||\n        combined.includes(\"duplicate\");\n\n      if (isSlugConflict) {\n        setErrors((p) => ({\n          ...p,\n          slug: \"This slug is already taken — choose a different one\",\n        }));\n      } else {\n        setErrors((p) => ({\n          ...p,\n          _submit: messages[0] ?? \"Something went wrong. Please try again.\",\n        }));\n      }\n    }\n  };\n\n  // ── Step 1: type picker ─────────────────────────────────────────────────────\n  if (!builderType) {\n    return (\n      <PermissionGuard authOnly>\n        <PageLayout\n          title=\"What do you want to build?\"\n          description=\"Choose a builder type to get started\"\n          purpose=\"Pick the kind of integration you are creating — a standard app, a Node package, or a workflow. Your choice sets up the right defaults (credentials, permissions, and where it can be installed) so you only fill in what that type actually needs.\"\n          backLink={`${basePath}/apps`}\n          backLabel=\"Back to Applications\"\n        >\n          <div className=\"max-w-3xl space-y-6\">\n            <div className=\"grid gap-4 sm:grid-cols-3\">\n              {(\n                [\n                  \"app\",\n                  \"node\",\n                  \"workflow\",\n                  \"parser\",\n                  \"widget\",\n                  \"dashboard\",\n                ] as BuilderType[]\n              ).map((type) => {\n                const meta = BUILDER_TYPE_META[type];\n                return (\n                  <TypeCard\n                    key={type}\n                    icon={meta.icon}\n                    title={meta.label}\n                    description={meta.cardDescription}\n                    bullets={meta.cardBullets}\n                    selected={builderType === type}\n                    onClick={() => setBuilderType(type)}\n                  />\n                );\n              })}\n            </div>\n\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <p>\n                Apps use OAuth to interact with platform data. Nodes and\n                Workflows are packaged files you upload after creation.\n              </p>\n            </div>\n          </div>\n        </PageLayout>\n      </PermissionGuard>\n    );\n  }\n\n  // ── Step 2: form ────────────────────────────────────────────────────────────\n  const activeMeta = BUILDER_TYPE_META[builderType ?? \"app\"];\n  const typeLabel = activeMeta.label;\n  const TypeIconComponent = activeMeta.icon;\n  const typeIcon = <TypeIconComponent size={16} />;\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={`Create ${typeLabel}`}\n        description={activeMeta.pageDescription}\n        purpose={activeMeta.purpose}\n        backLink={`${basePath}/apps`}\n        backLabel=\"Back to Applications\"\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Type badge + back to picker */}\n          <div className=\"flex items-center gap-3\">\n            <button\n              type=\"button\"\n              onClick={() => setBuilderType(null)}\n              className=\"flex items-center gap-1.5 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={14} />\n              Change type\n            </button>\n            <span className=\"flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken px-3 py-1 text-xs font-medium\">\n              {typeIcon}\n              {typeLabel}\n            </span>\n          </div>\n\n          {/* Basic info */}\n          <PageSection\n            title=\"Basic Information\"\n            description=\"Core details about your application\"\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label=\"Name\"\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={activeMeta.namePlaceholder}\n                required\n                error={errors.name}\n              />\n              <InputField\n                label=\"Slug\"\n                value={formData.slug}\n                onChange={handleSlugChange}\n                placeholder=\"my-integration\"\n                required\n                error={errors.slug}\n                hint={\n                  slugUserEdited.current\n                    ? \"Only lowercase letters, numbers, and hyphens\"\n                    : \"Auto-generated from name — edit to customise\"\n                }\n              />\n              <MarkdownEditor\n                label=\"Short Description\"\n                value={formData.shortDescription}\n                onChange={(value) => handleChange(\"shortDescription\", value)}\n                placeholder=\"Briefly describe what this does\"\n                required\n                error={errors.shortDescription}\n                hint={`${formData.shortDescription.length}/200 characters`}\n                rows={2}\n                maxLength={200}\n              />\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <SelectField\n                  label=\"Category\"\n                  value={formData.category}\n                  onChange={(e) => handleChange(\"category\", e.target.value)}\n                  options={[...APP_CATEGORY_OPTIONS]}\n                  placeholder=\"Select a category…\"\n                  required\n                  error={errors.category}\n                  hint=\"Helps users discover your item in the store\"\n                />\n                <SelectField\n                  label=\"Visibility\"\n                  value={formData.visibility}\n                  onChange={(e) => handleChange(\"visibility\", e.target.value)}\n                  options={\n                    builderType === \"workflow\"\n                      ? WORKFLOW_VISIBILITY_OPTIONS\n                      : BASE_VISIBILITY_OPTIONS\n                  }\n                  required\n                  hint={\n                    formData.visibility === \"PUBLIC\"\n                      ? \"Listed in the marketplace after review approval — anyone can discover and install it\"\n                      : formData.visibility === \"UNLISTED\"\n                        ? \"Not in the store, but share with anyone via a direct link. You can still submit for marketplace review later\"\n                        : formData.visibility === \"INTERNAL\"\n                          ? \"Visible to all members of your developer organization — no one outside can access it\"\n                          : \"Only you (the creator) can see this — other org members cannot access it\"\n                  }\n                />\n              </div>\n\n              {/* Compatible Products — NODE and WORKFLOW only */}\n              {builderType !== \"app\" && (\n                <div className=\"space-y-2\">\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary\">\n                      Compatible Products\n                      <span className=\"text-status-error-text ml-1\">*</span>\n                    </label>\n                    <p className=\"text-xs text-text-secondary mt-0.5\">\n                      Select which products this {builderType} works with. Users\n                      will see it in those products&apos; node stores.\n                    </p>\n                  </div>\n                  <MultiSelectCombobox\n                    options={platformProducts.map((p) => ({\n                      value: p.slug,\n                      label: p.name,\n                    }))}\n                    selected={compatibleProducts}\n                    onChange={(next) => {\n                      setCompatibleProducts(next);\n                      if (next.length > 0)\n                        setErrors((p) => ({\n                          ...p,\n                          compatibleProducts: undefined,\n                        }));\n                    }}\n                    placeholder=\"Select products…\"\n                    searchPlaceholder=\"Search products…\"\n                    error={!!errors.compatibleProducts}\n                  />\n                  {errors.compatibleProducts && (\n                    <p className=\"text-xs text-status-error-text\">\n                      {errors.compatibleProducts}\n                    </p>\n                  )}\n                </div>\n              )}\n\n              <MarkdownEditor\n                label=\"Full Description\"\n                value={formData.description}\n                onChange={(value) => handleChange(\"description\", value)}\n                placeholder=\"Detailed description, features, and use cases...\"\n                rows={5}\n                hint=\"Markdown supported\"\n              />\n            </div>\n          </PageSection>\n\n          {/* Developer Organization — only needed if user has multiple orgs */}\n          {orgOptions.length > 2 && (\n            <PageSection\n              title=\"Organization\"\n              description=\"Which developer organization owns this?\"\n            >\n              <SelectField\n                label=\"Developer Organization\"\n                value={formData.developerOrganizationId}\n                onChange={(e) =>\n                  handleChange(\"developerOrganizationId\", e.target.value)\n                }\n                options={orgOptions}\n              />\n            </PageSection>\n          )}\n\n          {/* Permissions — App type only */}\n          {builderType === \"app\" && (\n            <PageSection\n              title=\"Permissions\"\n              description=\"Choose what data your app can access. Users will see these permissions when authorizing your app — like GitHub Apps.\"\n            >\n              <PermissionsMatrix\n                permissions={permissions}\n                onChange={handlePermissionChange}\n              />\n              <div className=\"mt-3 flex gap-2 rounded-lg border border-border-subtle bg-bg-sunken/30 p-3 text-xs text-text-secondary\">\n                <Info size={14} className=\"flex-shrink-0 mt-0.5\" />\n                <span>\n                  <strong>Read &amp; Write</strong> implies Read. Select only\n                  what your app genuinely needs — fewer permissions build more\n                  user trust.\n                </span>\n              </div>\n            </PageSection>\n          )}\n\n          {/* Integration Setup — App type only */}\n          {builderType === \"app\" && (\n            <PageSection\n              title=\"Integration Setup\"\n              description=\"Configure the endpoints for your integration. After a user installs, we redirect them to your callback URL so your server can complete the connection.\"\n            >\n              <div className=\"space-y-4\">\n                <InputField\n                  label=\"Post-install Callback URL\"\n                  type=\"url\"\n                  value={formData.oauthAuthUrl}\n                  onChange={(e) => handleChange(\"oauthAuthUrl\", e.target.value)}\n                  placeholder=\"https://yourapp.com/callback\"\n                  hint=\"Users land here after install with ?installation_id=xxx appended\"\n                />\n                <InputField\n                  label=\"Revoke URL\"\n                  type=\"url\"\n                  value={formData.oauthRevokeUrl}\n                  onChange={(e) =>\n                    handleChange(\"oauthRevokeUrl\", e.target.value)\n                  }\n                  placeholder=\"https://yourapp.com/oauth/revoke\"\n                  hint=\"We POST to this URL when a user uninstalls your integration\"\n                />\n              </div>\n            </PageSection>\n          )}\n\n          {/* Node/Workflow file upload note */}\n          {builderType !== \"app\" && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/30 p-4 flex gap-3 text-sm text-text-secondary\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <div>\n                <p className=\"font-medium text-text-primary\">File uploads</p>\n                <p className=\"mt-1\">\n                  {builderType === \"node\"\n                    ? \"After creating your Node, go to the Versions tab to upload your ZIP bundle and manifest.json.\"\n                    : `After creating your ${typeLabel}, go to the Versions tab to upload its manifest JSON.`}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* General submit error */}\n          {errors._submit && (\n            <div className=\"flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg/10 px-4 py-3 text-sm text-status-error-text\">\n              <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n              <span>{errors._submit}</span>\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={() => handleNav(\"/apps\")}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n            >\n              {isSubmitting ? (\n                <>\n                  <Loader2 size={16} className=\"animate-spin\" />\n                  Creating…\n                </>\n              ) : (\n                <>\n                  <Save size={16} />\n                  Create {typeLabel}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkDA,IAAMC,IAA0D;CAC9D,KAAK;EACH,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;CACA,MAAM;EACJ,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;CACA,UAAU;EACR,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;CACA,QAAQ;EACN,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;CACA,QAAQ;EACN,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;CACA,WAAW;EACT,SAAS;EACT,MAAMC;EACN,OAAO;EACP,iBAAiB;EACjB,SACE;EACF,iBAAiB;EACjB,iBACE;EACF,aAAa;GACX;GACA;GACA;GACA;EACF;CACF;AACF,GAIMC,IAAiB;CACrB;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;CACf;CACA;EACE,IAAI;EA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"}

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 /**
  * Create OAuth App page
  *
@@ -7,4 +6,3 @@ import { FC } from 'react';
  * Shows the client secret once after creation.
  */
 export declare const CreateOAuthClientPage: FC;
-//# sourceMappingURL=CreateOAuthClientPage.d.ts.map

package/dist/devportal/pages/CreateOAuthClientPage.js

@@ -1,24 +1,24 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { cn as t } from "../utils/cn.js";
-import { useCreateAuthAppMutation as n } from "../../generated/global-operations.js";
-import { getErrorMessage as r } from "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { nativeCopyText as o, nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
-import { InputField as l, SelectField as u, TextareaField as d } from "../components/FormField.js";
-import { PermissionGuard as f } from "../components/PermissionGuard.js";
+import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
+import { InputField as n, SelectField as r, TextareaField as i } from "../components/FormField.js";
+import { useCreateAuthAppMutation as a } from "../../generated/global-operations.js";
+import { getErrorMessage as o } from "../hooks/useGraphQL.js";
+import { useDevportal as s } from "../providers/DevportalProvider.js";
 import "../components/index.js";
+import { cn as c } from "../utils/cn.js";
+import { PermissionGuard as l } from "../components/PermissionGuard.js";
+import { nativeCopyText as u, nativeImpact as d, nativeNotify as f } from "../../utils/nativeBridge.js";
 import "../hooks/index.js";
 import { useState as p } from "react";
 import { Plus as m, Save as h, Trash2 as g, X as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { OptionalFields as x } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/pages/CreateOAuthClientPage.tsx
+// src/devportal/pages/CreateOAuthClientPage.tsx
 var S = () => {
-	let { navigate: S, basePath: C } = e(), { t: w } = b(), T = (e, t) => {
+	let { navigate: S, basePath: C } = s(), { t: w } = b(), T = (e, t) => {
 		let n = w(e);
 		return n === e ? t : n;
-	}, [E, D] = p(""), [O, k] = p(""), [A, j] = p("CONFIDENTIAL"), [M, N] = p([]), [P, F] = p(""), [I, L] = p([]), [R, z] = p(""), [B, V] = p(null), [H, U] = p(null), [W, { loading: G, error: K }] = n(), q = (e) => {
+	}, [E, D] = p(""), [O, k] = p(""), [A, j] = p("CONFIDENTIAL"), [M, N] = p([]), [P, F] = p(""), [I, L] = p([]), [R, z] = p(""), [B, V] = p(null), [H, U] = p(null), [W, { loading: G, error: K }] = a(), q = (e) => {
 		S?.(`${C}${e}`);
 	}, J = () => {
 		let e = P.trim();
@@ -31,7 +31,7 @@ var S = () => {
 	}, Z = (e) => {
 		L(I.filter((t) => t !== e));
 	};
-	return B ? /* @__PURE__ */ v(i, {
+	return B ? /* @__PURE__ */ v(e, {
 		title: T("devportal.appCreated", "App Created!"),
 		description: T("devportal.appCreatedDescription", "Save the client secret below. It will not be shown again."),
 		backLink: "/oauth",
@@ -55,7 +55,9 @@ var S = () => {
 							children: B
 						}), /* @__PURE__ */ v("button", {
 							onClick: async () => {
-								s("light"), c(await o(B) ? "success" : "error");
+								d("light");
+								let e = await u(B);
+								f(e ? "success" : "error");
 							},
 							className: "rounded bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 							children: T("devportal.copy", "Copy")
@@ -79,9 +81,9 @@ var S = () => {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v(f, {
+	}) : /* @__PURE__ */ v(l, {
 		authOnly: !0,
-		children: /* @__PURE__ */ v(i, {
+		children: /* @__PURE__ */ v(e, {
 			title: T("devportal.createOAuthApp", "Create OAuth App"),
 			description: T("devportal.createOAuthAppDescription", "Register a new OAuth application for authentication"),
 			purpose: T("devportal.createOAuthAppPurpose", "Register an OAuth app so an external service can let users sign in with their account and call the API on their behalf. Set its redirect URIs and request only the scopes it needs — you will receive a client ID and secret to finish the integration."),
@@ -106,26 +108,26 @@ var S = () => {
 						className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-4",
 						children: /* @__PURE__ */ v("p", {
 							className: "text-sm text-status-error-text",
-							children: r(K)
+							children: o(K)
 						})
 					}),
-					/* @__PURE__ */ y(a, {
+					/* @__PURE__ */ y(t, {
 						title: T("devportal.basicInformation", "Basic Information"),
 						children: [
-							/* @__PURE__ */ v(l, {
+							/* @__PURE__ */ v(n, {
 								label: T("devportal.appName", "App Name"),
 								value: E,
 								onChange: (e) => D(e.target.value),
 								placeholder: T("devportal.myOAuthAppPlaceholder", "My OAuth App"),
 								required: !0
 							}),
-							/* @__PURE__ */ v(d, {
+							/* @__PURE__ */ v(i, {
 								label: T("devportal.description", "Description"),
 								value: O,
 								onChange: (e) => k(e.target.value),
 								placeholder: T("devportal.appDescriptionPlaceholder", "Brief description of what this app does...")
 							}),
-							/* @__PURE__ */ v(u, {
+							/* @__PURE__ */ v(r, {
 								label: T("devportal.appType", "App Type"),
 								value: A,
 								onChange: (e) => j(e.target.value),
@@ -157,7 +159,7 @@ var S = () => {
 					/* @__PURE__ */ y(x, {
 						title: T("devportal.advancedOAuthSettings", "Advanced settings"),
 						description: T("devportal.advancedOAuthSettingsDescription", "Advanced grant types, PKCE-required toggles, scope tuning, and redirect URIs."),
-						children: [/* @__PURE__ */ v(a, {
+						children: [/* @__PURE__ */ v(t, {
 							title: T("devportal.scopes", "Scopes"),
 							children: /* @__PURE__ */ y("div", {
 								className: "space-y-3",
@@ -191,7 +193,7 @@ var S = () => {
 									}, e))
 								})]
 							})
-						}), /* @__PURE__ */ v(a, {
+						}), /* @__PURE__ */ v(t, {
 							title: T("devportal.redirectUris", "Redirect URIs"),
 							children: /* @__PURE__ */ y("div", {
 								className: "space-y-3",
@@ -235,7 +237,7 @@ var S = () => {
 						children: [/* @__PURE__ */ y("button", {
 							type: "submit",
 							disabled: G || !E.trim(),
-							className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
+							className: c("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed"),
 							children: [/* @__PURE__ */ v(h, { size: 16 }), G ? T("devportal.creating", "Creating...") : T("devportal.createOAuthApp", "Create OAuth App")]
 						}), /* @__PURE__ */ y("button", {
 							type: "button",
@@ -249,7 +251,6 @@ var S = () => {
 		})
 	});
 };
-//#endregion
 export { S as CreateOAuthClientPage };
 
 //# sourceMappingURL=CreateOAuthClientPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOAuthClientPage.js","names":[],"sources":["../../../src/devportal/pages/CreateOAuthClientPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { Save, X, Plus, Trash2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { OptionalFields } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  SelectField,\n  TextareaField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { cn } from \"../utils/cn\";\nimport {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\nimport { useCreateAuthAppMutation, getErrorMessage } from \"../hooks\";\n\n/**\n * Create OAuth App page\n *\n * Creates a new App in auth-svc (replaces devportal-svc CreateOAuthClient).\n * Shows the client secret once after creation.\n */\nexport const CreateOAuthClientPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const [name, setName] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [type, setType] = useState<string>(\"CONFIDENTIAL\");\n  const [scopes, setScopes] = useState<string[]>([]);\n  const [newScope, setNewScope] = useState(\"\");\n  const [redirectUris, setRedirectUris] = useState<string[]>([]);\n  const [newUri, setNewUri] = useState(\"\");\n\n  const [createdSecret, setCreatedSecret] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n\n  const [createApp, { loading, error }] = useCreateAuthAppMutation();\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleAddScope = () => {\n    const trimmed = newScope.trim();\n    if (trimmed && !scopes.includes(trimmed)) {\n      setScopes([...scopes, trimmed]);\n      setNewScope(\"\");\n    }\n  };\n\n  const handleRemoveScope = (scope: string) => {\n    setScopes(scopes.filter((s) => s !== scope));\n  };\n\n  const handleAddUri = () => {\n    const trimmed = newUri.trim();\n    if (trimmed && !redirectUris.includes(trimmed)) {\n      setRedirectUris([...redirectUris, trimmed]);\n      setNewUri(\"\");\n    }\n  };\n\n  const handleRemoveUri = (uri: string) => {\n    setRedirectUris(redirectUris.filter((u) => u !== uri));\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!name.trim()) return;\n\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: name.trim(),\n            description: description.trim() || undefined,\n            type,\n            scopes,\n            redirectUris,\n          },\n        },\n      });\n\n      const secret = result.data?.createApp?.clientSecret;\n      const appId = result.data?.createApp?.app?.id;\n      if (secret) {\n        setCreatedSecret(secret);\n        setCreatedAppId(appId || null);\n      }\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  // Success — show the secret\n  if (createdSecret) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appCreated\", \"App Created!\")}\n        description={tr(\n          \"devportal.appCreatedDescription\",\n          \"Save the client secret below. It will not be shown again.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n      >\n        <div className=\"rounded-lg border border-border-subtle bg-status-success-bg-subtle p-6\">\n          <h3 className=\"font-medium text-status-success-text\">\n            {tr(\"devportal.oauthAppCreated\", \"Your OAuth App has been created\")}\n          </h3>\n          <div className=\"mt-4 space-y-3\">\n            <div>\n              <label className=\"text-xs font-medium text-status-success-text\">\n                {tr(\"devportal.clientSecret\", \"Client Secret\")}\n              </label>\n              <div className=\"mt-1 flex items-center gap-2\">\n                <code className=\"flex-1 rounded border bg-bg-surface px-3 py-2 text-sm font-mono break-all\">\n                  {createdSecret}\n                </code>\n                <button\n                  onClick={async () => {\n                    void nativeImpact(\"light\");\n                    const ok = await nativeCopyText(createdSecret);\n                    void nativeNotify(ok ? \"success\" : \"error\");\n                  }}\n                  className=\"rounded bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                >\n                  {tr(\"devportal.copy\", \"Copy\")}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-status-success-text\">\n              {tr(\n                \"devportal.storeSecretSecurely\",\n                \"Store this secret securely. You will not be able to see it again.\",\n              )}\n            </p>\n          </div>\n          <div className=\"mt-6 flex gap-3\">\n            {createdAppId && (\n              <button\n                onClick={() => handleNavigate(`/oauth/${createdAppId}`)}\n                className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n              >\n                {tr(\"devportal.viewAppDetails\", \"View App Details\")}\n              </button>\n            )}\n            <button\n              onClick={() => handleNavigate(\"/oauth\")}\n              className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              {tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n            </button>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.createOAuthApp\", \"Create OAuth App\")}\n        description={tr(\n          \"devportal.createOAuthAppDescription\",\n          \"Register a new OAuth application for authentication\",\n        )}\n        purpose={tr(\n          \"devportal.createOAuthAppPurpose\",\n          \"Register an OAuth app so an external service can let users sign in with their account and call the API on their behalf. Set its redirect URIs and request only the scopes it needs — you will receive a client ID and secret to finish the integration.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-6 max-w-2xl\">\n          {error && (\n            <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {getErrorMessage(error)}\n              </p>\n            </div>\n          )}\n\n          <PageSection\n            title={tr(\"devportal.basicInformation\", \"Basic Information\")}\n          >\n            <InputField\n              label={tr(\"devportal.appName\", \"App Name\")}\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={tr(\n                \"devportal.myOAuthAppPlaceholder\",\n                \"My OAuth App\",\n              )}\n              required\n            />\n            <TextareaField\n              label={tr(\"devportal.description\", \"Description\")}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder={tr(\n                \"devportal.appDescriptionPlaceholder\",\n                \"Brief description of what this app does...\",\n              )}\n            />\n            <SelectField\n              label={tr(\"devportal.appType\", \"App Type\")}\n              value={type}\n              onChange={(e) => setType(e.target.value)}\n              options={[\n                {\n                  value: \"SERVICE\",\n                  label: tr(\"devportal.appTypeService\", \"Service (M2M)\"),\n                },\n                {\n                  value: \"INTEGRATION\",\n                  label: tr(\"devportal.appTypeIntegration\", \"Integration\"),\n                },\n                { value: \"BOT\", label: tr(\"devportal.appTypeBot\", \"Bot\") },\n                {\n                  value: \"WEB_APP\",\n                  label: tr(\"devportal.appTypeWebApp\", \"Web App\"),\n                },\n                {\n                  value: \"AUTOMATION\",\n                  label: tr(\"devportal.appTypeAutomation\", \"Automation\"),\n                },\n              ]}\n            />\n          </PageSection>\n\n          {/* Advanced: grant types / PKCE-required toggles / scope tuning / redirect URIs — collapse the long-tail knobs */}\n          <OptionalFields\n            title={tr(\"devportal.advancedOAuthSettings\", \"Advanced settings\")}\n            description={tr(\n              \"devportal.advancedOAuthSettingsDescription\",\n              \"Advanced grant types, PKCE-required toggles, scope tuning, and redirect URIs.\",\n            )}\n          >\n            <PageSection title={tr(\"devportal.scopes\", \"Scopes\")}>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <input\n                    type=\"text\"\n                    value={newScope}\n                    onChange={(e) => setNewScope(e.target.value)}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        handleAddScope();\n                      }\n                    }}\n                    placeholder=\"e.g. workspace:read\"\n                    className=\"flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={handleAddScope}\n                    className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors\"\n                  >\n                    <Plus size={16} />\n                  </button>\n                </div>\n                {scopes.length > 0 && (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {scopes.map((scope) => (\n                      <span\n                        key={scope}\n                        className=\"inline-flex items-center gap-1 rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary\"\n                      >\n                        {scope}\n                        <button\n                          type=\"button\"\n                          onClick={() => handleRemoveScope(scope)}\n                          className=\"hover:text-status-error-text\"\n                        >\n                          <X size={12} />\n                        </button>\n                      </span>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </PageSection>\n\n            <PageSection title={tr(\"devportal.redirectUris\", \"Redirect URIs\")}>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <input\n                    type=\"url\"\n                    value={newUri}\n                    onChange={(e) => setNewUri(e.target.value)}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        handleAddUri();\n                      }\n                    }}\n                    placeholder=\"https://example.com/callback\"\n                    className=\"flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={handleAddUri}\n                    className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors\"\n                  >\n                    <Plus size={16} />\n                  </button>\n                </div>\n                {redirectUris.length > 0 && (\n                  <div className=\"space-y-2\">\n                    {redirectUris.map((uri) => (\n                      <div key={uri} className=\"flex items-center gap-2\">\n                        <code className=\"flex-1 rounded bg-bg-sunken px-3 py-1.5 text-sm font-mono\">\n                          {uri}\n                        </code>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleRemoveUri(uri)}\n                          className=\"rounded p-1 text-text-secondary hover:text-status-error-text transition-colors\"\n                        >\n                          <Trash2 size={14} />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </PageSection>\n          </OptionalFields>\n\n          {/* Actions */}\n          <div className=\"flex items-center gap-3 pt-4 border-t\">\n            <button\n              type=\"submit\"\n              disabled={loading || !name.trim()}\n              className={cn(\n                \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n                \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              )}\n            >\n              <Save size={16} />\n              {loading\n                ? tr(\"devportal.creating\", \"Creating...\")\n                : tr(\"devportal.createOAuthApp\", \"Create OAuth App\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/oauth\")}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreateOAuthClientPage.js","names":["CreateOAuthClientPage","useDevportal","useI18n","tr","value","t","key","fallback","name","setName","useState","description","setDescription","type","setType","scopes","setScopes","newScope","setNewScope","redirectUris","setRedirectUris","newUri","setNewUri","createdSecret","setCreatedSecret","createdAppId","setCreatedAppId","createApp","useCreateAuthAppMutation","handleNavigate","basePath","path","handleAddScope","trimmed","handleRemoveScope","s","scope","handleAddUri","handleRemoveUri","u","uri","PageLayout","ok","nativeCopyText","PermissionGuard","result","secret","appId","error","getErrorMessage","PageSection","InputField","TextareaField","SelectField","OptionalFields","Plus","X","Trash2","loading","cn","Save"],"sources":["../../../src/devportal/pages/CreateOAuthClientPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { Save, X, Plus, Trash2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { OptionalFields } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  SelectField,\n  TextareaField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { cn } from \"../utils/cn\";\nimport {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\nimport { useCreateAuthAppMutation, getErrorMessage } from \"../hooks\";\n\n/**\n * Create OAuth App page\n *\n * Creates a new App in auth-svc (replaces devportal-svc CreateOAuthClient).\n * Shows the client secret once after creation.\n */\nexport const CreateOAuthClientPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const [name, setName] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [type, setType] = useState<string>(\"CONFIDENTIAL\");\n  const [scopes, setScopes] = useState<string[]>([]);\n  const [newScope, setNewScope] = useState(\"\");\n  const [redirectUris, setRedirectUris] = useState<string[]>([]);\n  const [newUri, setNewUri] = useState(\"\");\n\n  const [createdSecret, setCreatedSecret] = useState<string | null>(null);\n  const [createdAppId, setCreatedAppId] = useState<string | null>(null);\n\n  const [createApp, { loading, error }] = useCreateAuthAppMutation();\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleAddScope = () => {\n    const trimmed = newScope.trim();\n    if (trimmed && !scopes.includes(trimmed)) {\n      setScopes([...scopes, trimmed]);\n      setNewScope(\"\");\n    }\n  };\n\n  const handleRemoveScope = (scope: string) => {\n    setScopes(scopes.filter((s) => s !== scope));\n  };\n\n  const handleAddUri = () => {\n    const trimmed = newUri.trim();\n    if (trimmed && !redirectUris.includes(trimmed)) {\n      setRedirectUris([...redirectUris, trimmed]);\n      setNewUri(\"\");\n    }\n  };\n\n  const handleRemoveUri = (uri: string) => {\n    setRedirectUris(redirectUris.filter((u) => u !== uri));\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!name.trim()) return;\n\n    try {\n      const result = await createApp({\n        variables: {\n          input: {\n            name: name.trim(),\n            description: description.trim() || undefined,\n            type,\n            scopes,\n            redirectUris,\n          },\n        },\n      });\n\n      const secret = result.data?.createApp?.clientSecret;\n      const appId = result.data?.createApp?.app?.id;\n      if (secret) {\n        setCreatedSecret(secret);\n        setCreatedAppId(appId || null);\n      }\n    } catch {\n      // error handled by Apollo\n    }\n  };\n\n  // Success — show the secret\n  if (createdSecret) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.appCreated\", \"App Created!\")}\n        description={tr(\n          \"devportal.appCreatedDescription\",\n          \"Save the client secret below. It will not be shown again.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n      >\n        <div className=\"rounded-lg border border-border-subtle bg-status-success-bg-subtle p-6\">\n          <h3 className=\"font-medium text-status-success-text\">\n            {tr(\"devportal.oauthAppCreated\", \"Your OAuth App has been created\")}\n          </h3>\n          <div className=\"mt-4 space-y-3\">\n            <div>\n              <label className=\"text-xs font-medium text-status-success-text\">\n                {tr(\"devportal.clientSecret\", \"Client Secret\")}\n              </label>\n              <div className=\"mt-1 flex items-center gap-2\">\n                <code className=\"flex-1 rounded border bg-bg-surface px-3 py-2 text-sm font-mono break-all\">\n                  {createdSecret}\n                </code>\n                <button\n                  onClick={async () => {\n                    void nativeImpact(\"light\");\n                    const ok = await nativeCopyText(createdSecret);\n                    void nativeNotify(ok ? \"success\" : \"error\");\n                  }}\n                  className=\"rounded bg-status-success-bg-subtle px-3 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                >\n                  {tr(\"devportal.copy\", \"Copy\")}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-status-success-text\">\n              {tr(\n                \"devportal.storeSecretSecurely\",\n                \"Store this secret securely. You will not be able to see it again.\",\n              )}\n            </p>\n          </div>\n          <div className=\"mt-6 flex gap-3\">\n            {createdAppId && (\n              <button\n                onClick={() => handleNavigate(`/oauth/${createdAppId}`)}\n                className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n              >\n                {tr(\"devportal.viewAppDetails\", \"View App Details\")}\n              </button>\n            )}\n            <button\n              onClick={() => handleNavigate(\"/oauth\")}\n              className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              {tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n            </button>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.createOAuthApp\", \"Create OAuth App\")}\n        description={tr(\n          \"devportal.createOAuthAppDescription\",\n          \"Register a new OAuth application for authentication\",\n        )}\n        purpose={tr(\n          \"devportal.createOAuthAppPurpose\",\n          \"Register an OAuth app so an external service can let users sign in with their account and call the API on their behalf. Set its redirect URIs and request only the scopes it needs — you will receive a client ID and secret to finish the integration.\",\n        )}\n        backLink=\"/oauth\"\n        backLabel={tr(\"devportal.backToOAuthApps\", \"Back to OAuth Apps\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-6 max-w-2xl\">\n          {error && (\n            <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-4\">\n              <p className=\"text-sm text-status-error-text\">\n                {getErrorMessage(error)}\n              </p>\n            </div>\n          )}\n\n          <PageSection\n            title={tr(\"devportal.basicInformation\", \"Basic Information\")}\n          >\n            <InputField\n              label={tr(\"devportal.appName\", \"App Name\")}\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={tr(\n                \"devportal.myOAuthAppPlaceholder\",\n                \"My OAuth App\",\n              )}\n              required\n            />\n            <TextareaField\n              label={tr(\"devportal.description\", \"Description\")}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder={tr(\n                \"devportal.appDescriptionPlaceholder\",\n                \"Brief description of what this app does...\",\n              )}\n            />\n            <SelectField\n              label={tr(\"devportal.appType\", \"App Type\")}\n              value={type}\n              onChange={(e) => setType(e.target.value)}\n              options={[\n                {\n                  value: \"SERVICE\",\n                  label: tr(\"devportal.appTypeService\", \"Service (M2M)\"),\n                },\n                {\n                  value: \"INTEGRATION\",\n                  label: tr(\"devportal.appTypeIntegration\", \"Integration\"),\n                },\n                { value: \"BOT\", label: tr(\"devportal.appTypeBot\", \"Bot\") },\n                {\n                  value: \"WEB_APP\",\n                  label: tr(\"devportal.appTypeWebApp\", \"Web App\"),\n                },\n                {\n                  value: \"AUTOMATION\",\n                  label: tr(\"devportal.appTypeAutomation\", \"Automation\"),\n                },\n              ]}\n            />\n          </PageSection>\n\n          {/* Advanced: grant types / PKCE-required toggles / scope tuning / redirect URIs — collapse the long-tail knobs */}\n          <OptionalFields\n            title={tr(\"devportal.advancedOAuthSettings\", \"Advanced settings\")}\n            description={tr(\n              \"devportal.advancedOAuthSettingsDescription\",\n              \"Advanced grant types, PKCE-required toggles, scope tuning, and redirect URIs.\",\n            )}\n          >\n            <PageSection title={tr(\"devportal.scopes\", \"Scopes\")}>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <input\n                    type=\"text\"\n                    value={newScope}\n                    onChange={(e) => setNewScope(e.target.value)}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        handleAddScope();\n                      }\n                    }}\n                    placeholder=\"e.g. workspace:read\"\n                    className=\"flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={handleAddScope}\n                    className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors\"\n                  >\n                    <Plus size={16} />\n                  </button>\n                </div>\n                {scopes.length > 0 && (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {scopes.map((scope) => (\n                      <span\n                        key={scope}\n                        className=\"inline-flex items-center gap-1 rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary\"\n                      >\n                        {scope}\n                        <button\n                          type=\"button\"\n                          onClick={() => handleRemoveScope(scope)}\n                          className=\"hover:text-status-error-text\"\n                        >\n                          <X size={12} />\n                        </button>\n                      </span>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </PageSection>\n\n            <PageSection title={tr(\"devportal.redirectUris\", \"Redirect URIs\")}>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <input\n                    type=\"url\"\n                    value={newUri}\n                    onChange={(e) => setNewUri(e.target.value)}\n                    onKeyDown={(e) => {\n                      if (e.key === \"Enter\") {\n                        e.preventDefault();\n                        handleAddUri();\n                      }\n                    }}\n                    placeholder=\"https://example.com/callback\"\n                    className=\"flex-1 rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n                  />\n                  <button\n                    type=\"button\"\n                    onClick={handleAddUri}\n                    className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary hover:bg-action-primary-bg/20 transition-colors\"\n                  >\n                    <Plus size={16} />\n                  </button>\n                </div>\n                {redirectUris.length > 0 && (\n                  <div className=\"space-y-2\">\n                    {redirectUris.map((uri) => (\n                      <div key={uri} className=\"flex items-center gap-2\">\n                        <code className=\"flex-1 rounded bg-bg-sunken px-3 py-1.5 text-sm font-mono\">\n                          {uri}\n                        </code>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleRemoveUri(uri)}\n                          className=\"rounded p-1 text-text-secondary hover:text-status-error-text transition-colors\"\n                        >\n                          <Trash2 size={14} />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </PageSection>\n          </OptionalFields>\n\n          {/* Actions */}\n          <div className=\"flex items-center gap-3 pt-4 border-t\">\n            <button\n              type=\"submit\"\n              disabled={loading || !name.trim()}\n              className={cn(\n                \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n                \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              )}\n            >\n              <Save size={16} />\n              {loading\n                ? tr(\"devportal.creating\", \"Creating...\")\n                : tr(\"devportal.createOAuthApp\", \"Create OAuth App\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => handleNavigate(\"/oauth\")}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 /**
  * Create new organization page — single step.
  * The user can either have a billing account auto-created and linked, or
@@ -7,4 +6,3 @@ import { FC } from 'react';
  * are completed later from organization settings.
  */
 export declare const CreateOrganizationPage: FC;
-//# sourceMappingURL=CreateOrganizationPage.d.ts.map