@burdenoff/microfe-devportal 2026.1113.1 → 2026.1113.2

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

@@ -1 +1 @@
-{"version":3,"file":"EditApplicationPage.js","names":["_Fragment","APP_TYPE_OPTIONS","APP_TYPE_LABELS","value","label","BASE_VISIBILITY_OPTIONS","WORKFLOW_VISIBILITY_OPTIONS","mapToApplication","data","EditApplicationPage","useDevportal","useParams","useI18n","platformProducts","useProducts","canUpdate","useDevportalPermission","DEVPORTAL_PERMISSIONS","canDelete","tr","t","key","fallback","isSubmitting","setIsSubmitting","useState","errors","setErrors","showDeleteDialog","setShowDeleteDialog","showDeprecateDialog","setShowDeprecateDialog","showDeactivateDialog","setShowDeactivateDialog","hasChanges","setHasChanges","showSecret","setShowSecret","isRotating","setIsRotating","rotatedSecret","setRotatedSecret","copiedSecret","setCopiedSecret","queryError","useGetApplicationQuery","appId","updateApplication","useUpdateApplicationMutation","deleteApplication","useDeleteApplicationMutation","deactivateApp","useDeactivateAppMutation","rotateSigningSecret","useRotateApplicationSigningSecretMutation","showRotateDialog","setShowRotateDialog","app","name","reg","formData","setFormData","compatibleProducts","setCompatibleProducts","compatibility","products","handleNavigate","basePath","path","handleChange","prev","field","handleRotateSecret","newSecret","handleCopySecret","secret","validateForm","newErrors","handleSubmit","err","handleDelete","nativeNotify","handleDeprecate","handleDeactivate","loading","LoadingState","PageLayout","AlertCircle","EmptyState","AppWindow","canSubmitForReview","canDeprecate","canDeactivate","PermissionGuard","StatusBadge","AlertTriangle","PageSection","InputField","TextareaField","MarkdownEditor","SelectField","appCategoryOptionsFor","TagInput","tags","keywords","MultiSelectCombobox","p","next","displaySecret","masked","v","jsx","EyeOff","Eye","Check","Copy","RefreshCw","CheckboxField","Send","item","Fragment","Save","Archive","Power","Trash2","ConfirmDialog"],"sources":["../../../src/devportal/pages/EditApplicationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useParams } from \"react-router\";\nimport {\n  Save,\n  Trash2,\n  AlertTriangle,\n  Archive,\n  Send,\n  AlertCircle,\n  AppWindow,\n  Power,\n  Check,\n  Copy,\n  Eye,\n  EyeOff,\n  RefreshCw,\n} from \"lucide-react\";\nimport { appCategoryOptionsFor } from \"../constants/appCategories\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  TagInput,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { MarkdownEditor } from \"../components/MarkdownEditor\";\nimport { MultiSelectCombobox } from \"../components/MultiSelectCombobox\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { LoadingState } from \"../components/LoadingState\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useProducts } from \"../hooks\";\nimport type { Application, AppType, AppVisibility, AppStatus } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport {\n  useGetApplicationQuery,\n  useUpdateApplicationMutation,\n  useDeleteApplicationMutation,\n  useDeactivateAppMutation,\n  useRotateApplicationSigningSecretMutation,\n} from \"../../generated/global-operations\";\n\ninterface EditApplicationFormData {\n  name: string;\n  slug: string;\n  shortDescription: string;\n  description: string;\n  appType: AppType;\n  visibility: AppVisibility;\n  category: string;\n  tags: string[];\n  keywords: string[];\n  websiteUrl: string;\n  documentationUrl: string;\n  supportUrl: string;\n  privacyPolicyUrl: string;\n  termsOfServiceUrl: string;\n  githubUrl: string;\n  oauthAuthUrl: string;\n  oauthRevokeUrl: string;\n  requiresApproval: boolean;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  shortDescription?: string;\n  appType?: string;\n  category?: string;\n}\n\nconst APP_TYPE_OPTIONS = Object.entries(APP_TYPE_LABELS).map(\n  ([value, label]) => ({\n    value,\n    label,\n  }),\n);\n\nconst 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/**\n * Helper to safely map GraphQL response to Application type\n */\nfunction mapToApplication(\n  data: NonNullable<\n    ReturnType<typeof useGetApplicationQuery>[\"data\"]\n  >[\"application\"],\n): Application | null {\n  if (!data) return null;\n  return {\n    id: data.id,\n    name: data.name,\n    slug: data.slug,\n    shortDescription: data.shortDescription || undefined,\n    description: data.description || undefined,\n    appType: data.appType,\n    status: data.status,\n    visibility: data.visibility,\n    tenantId: data.tenantId,\n    developerId: data.developerId,\n    developerOrganizationId: data.developerOrganizationId || undefined,\n    category: data.category || undefined,\n    tags: data.tags || [],\n    keywords: data.keywords || [],\n    iconUrl: data.iconUrl || undefined,\n    websiteUrl: data.websiteUrl || undefined,\n    documentationUrl: data.documentationUrl || undefined,\n    supportUrl: data.supportUrl || undefined,\n    privacyPolicyUrl: data.privacyPolicyUrl || undefined,\n    termsOfServiceUrl: data.termsOfServiceUrl || undefined,\n    githubUrl: data.githubUrl || undefined,\n    pricingType: data.pricingType || undefined,\n    installCount: data.installCount,\n    activeInstallCount: data.activeInstallCount,\n    averageRating: data.averageRating ?? undefined,\n    reviewCount: data.reviewCount,\n    submittedAt: data.submittedAt || undefined,\n    publishedAt: data.publishedAt || undefined,\n    lastReviewedAt: data.lastReviewedAt || undefined,\n    reviewStatus: data.reviewStatus,\n    reviewNotes: data.reviewNotes || undefined,\n    reviewedBy: data.reviewedBy || undefined,\n    isFeatured: data.isFeatured,\n    isVerified: data.isVerified,\n    requiresApproval: data.requiresApproval,\n    oauthAuthUrl: data.oauthAuthUrl || undefined,\n    oauthRevokeUrl: data.oauthRevokeUrl || undefined,\n    createdAt: data.createdAt,\n    updatedAt: data.updatedAt,\n  };\n}\n\n/**\n * Edit application page — wired to real GraphQL mutations.\n */\nexport const EditApplicationPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { appId } = useParams<{ appId: string }>();\n  const { t } = useI18n();\n  const { products: platformProducts } = useProducts();\n  const { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.APP_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.APP_DELETE,\n  );\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showDeprecateDialog, setShowDeprecateDialog] = useState(false);\n  const [showDeactivateDialog, setShowDeactivateDialog] = useState(false);\n  const [hasChanges, setHasChanges] = useState(false);\n  const [showSecret, setShowSecret] = useState(false);\n  const [isRotating, setIsRotating] = useState(false);\n  const [rotatedSecret, setRotatedSecret] = useState<string | null>(null);\n  const [copiedSecret, setCopiedSecret] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // GraphQL queries & mutations\n  // ---------------------------------------------------------------------------\n  const {\n    data,\n    loading,\n    error: queryError,\n    refetch,\n  } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n  });\n\n  const [updateApplication] = useUpdateApplicationMutation();\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n  const [rotateSigningSecret] = useRotateApplicationSigningSecretMutation();\n  // Rotating breaks every integration using the current secret, so it confirms first.\n  const [showRotateDialog, setShowRotateDialog] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // Derive application from query data\n  // ---------------------------------------------------------------------------\n  const app = mapToApplication(data?.application);\n\n  useEffect(() => {\n    const name = app?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, app?.name]);\n\n  // ---------------------------------------------------------------------------\n  // Form state — initialised from fetched app once available\n  // ---------------------------------------------------------------------------\n  const [formData, setFormData] = useState<EditApplicationFormData>({\n    name: \"\",\n    slug: \"\",\n    shortDescription: \"\",\n    description: \"\",\n    appType: \"WEB_APP\",\n    visibility: \"PUBLIC\",\n    category: \"\",\n    tags: [],\n    keywords: [],\n    websiteUrl: \"\",\n    documentationUrl: \"\",\n    supportUrl: \"\",\n    privacyPolicyUrl: \"\",\n    termsOfServiceUrl: \"\",\n    githubUrl: \"\",\n    oauthAuthUrl: \"\",\n    oauthRevokeUrl: \"\",\n    requiresApproval: false,\n  });\n  const [compatibleProducts, setCompatibleProducts] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (app) {\n      setFormData({\n        name: app.name,\n        slug: app.slug,\n        shortDescription: app.shortDescription || \"\",\n        description: app.description || \"\",\n        appType: app.appType,\n        visibility: app.visibility,\n        category: app.category || \"\",\n        tags: app.tags,\n        keywords: app.keywords,\n        websiteUrl: app.websiteUrl || \"\",\n        documentationUrl: app.documentationUrl || \"\",\n        supportUrl: app.supportUrl || \"\",\n        privacyPolicyUrl: app.privacyPolicyUrl || \"\",\n        termsOfServiceUrl: app.termsOfServiceUrl || \"\",\n        githubUrl: app.githubUrl || \"\",\n        oauthAuthUrl: app.oauthAuthUrl || \"\",\n        oauthRevokeUrl: app.oauthRevokeUrl || \"\",\n        requiresApproval: app.requiresApproval,\n      });\n      // Load compatibleProducts from manifest.compatibility.products\n      // Note: mapToApplication doesn't copy manifest, so read from raw query data directly.\n      const manifest = data?.application?.manifest as\n        Record<string, unknown> | null | undefined;\n      const compatibility = manifest?.compatibility as\n        Record<string, unknown> | undefined;\n      const products = Array.isArray(compatibility?.products)\n        ? (compatibility.products as string[])\n        : [];\n      setCompatibleProducts(products);\n      setHasChanges(false);\n    }\n    // Re-sync form when the underlying application data changes (e.g. after\n    // a refetch triggered by a mutation). We intentionally depend on\n    // `data?.application` rather than the derived `app` object so that the\n    // effect fires when the query cache updates.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data?.application]);\n\n  // ---------------------------------------------------------------------------\n  // Handlers\n  // ---------------------------------------------------------------------------\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleChange = (\n    field: keyof EditApplicationFormData,\n    value: string | string[] | boolean,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    setHasChanges(true);\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const handleRotateSecret = async () => {\n    if (!appId) return;\n    setIsRotating(true);\n    try {\n      const result = await rotateSigningSecret({ variables: { id: appId } });\n      const newSecret =\n        result.data?.rotateApplicationSigningSecret?.signingSecret;\n      if (newSecret) {\n        setRotatedSecret(newSecret);\n        setShowSecret(true);\n      }\n    } catch {\n      nativeNotify(\"error\");\n    } finally {\n      setIsRotating(false);\n    }\n  };\n\n  const handleCopySecret = async (secret: string) => {\n    await navigator.clipboard.writeText(secret);\n    setCopiedSecret(true);\n    setTimeout(() => setCopiedSecret(false), 2000);\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    } else if (formData.name.length < 3) {\n      newErrors.name = tr(\n        \"devportal.appNameMinLength\",\n        \"Name must be at least 3 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.appNameMaxLength\",\n        \"Name must be less than 100 characters\",\n      );\n    }\n\n    if (!formData.slug.trim()) {\n      newErrors.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug = tr(\n        \"devportal.slugInvalidChars\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (!formData.shortDescription.trim()) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    } else if (formData.shortDescription.length > 200) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionMaxLength\",\n        \"Short description must be less than 200 characters\",\n      );\n    }\n\n    if (!formData.appType) {\n      newErrors.appType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    }\n\n    if (!formData.category) {\n      newErrors.category = tr(\n        \"devportal.categoryRequired\",\n        \"Category is required\",\n      );\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validateForm() || !app) {\n      return;\n    }\n\n    setIsSubmitting(true);\n\n    try {\n      await updateApplication({\n        variables: {\n          id: app.id,\n          input: {\n            name: formData.name,\n            shortDescription: formData.shortDescription,\n            description: formData.description,\n            appType: formData.appType,\n            visibility: formData.visibility,\n            category: formData.category,\n            tags: formData.tags,\n            keywords: formData.keywords,\n            websiteUrl: formData.websiteUrl || null,\n            documentationUrl: formData.documentationUrl || null,\n            supportUrl: formData.supportUrl || null,\n            privacyPolicyUrl: formData.privacyPolicyUrl || null,\n            termsOfServiceUrl: formData.termsOfServiceUrl || null,\n            githubUrl: formData.githubUrl || null,\n            oauthAuthUrl: formData.oauthAuthUrl || null,\n            oauthRevokeUrl: formData.oauthRevokeUrl || null,\n            compatibleProducts,\n          },\n        },\n      });\n      setHasChanges(false);\n    } catch (err) {\n      console.error(\"Failed to update application:\", err);\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!app) return;\n    void nativeImpact(\"medium\");\n    try {\n      await deleteApplication({\n        variables: { id: app.id },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(\"/apps\");\n    } catch (err) {\n      void nativeNotify(\"error\");\n      console.error(\"Failed to delete application:\", err);\n    }\n  };\n\n  const handleDeprecate = async () => {\n    if (!app) return;\n    try {\n      // Deprecate is modelled as a status transition via update. The backend\n      // treats a visibility change to PRIVATE + status mutation or a dedicated\n      // deprecation endpoint. Here we use submitApplication with a status note\n      // as the deprecate action since there is no separate `deprecateApplication`\n      // mutation. If a dedicated mutation is added later, swap it in here.\n      await updateApplication({\n        variables: {\n          id: app.id,\n          input: {\n            visibility: \"PRIVATE\",\n          },\n        },\n      });\n      setShowDeprecateDialog(false);\n    } catch (err) {\n      console.error(\"Failed to deprecate application:\", err);\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!app) return;\n    try {\n      await deactivateApp({\n        variables: { id: app.id },\n      });\n      setShowDeactivateDialog(false);\n      handleNavigate(\"/apps\");\n    } catch (err) {\n      console.error(\"Failed to deactivate application:\", err);\n    }\n  };\n\n  // ---------------------------------------------------------------------------\n  // Loading / Error / Not-found states\n  // ---------------------------------------------------------------------------\n  if (loading) {\n    return (\n      <LoadingState\n        message={tr(\"devportal.loadingApplication\", \"Loading application...\")}\n      />\n    );\n  }\n\n  if (queryError) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.error\", \"Error\")}\n        backLink={`${basePath}/apps`}\n        backLabel={tr(\"devportal.backToApplications\", \"Back to Applications\")}\n      >\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <AlertCircle size={48} className=\"text-status-error-text mb-4\" />\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tr(\n              \"devportal.failedToLoadApplication\",\n              \"Failed to load application\",\n            )}\n          </h3>\n          <p className=\"text-sm text-text-secondary\">{queryError.message}</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.notFound\", \"Not Found\")}\n        backLink={`${basePath}/apps`}\n        backLabel={tr(\"devportal.backToApplications\", \"Back to Applications\")}\n      >\n        <EmptyState\n          illustration=\"empty-generic\"\n          icon={<AppWindow size={48} />}\n          title={tr(\"devportal.applicationNotFound\", \"Application not found\")}\n          description={tr(\n            \"devportal.applicationNotFoundDescription\",\n            \"The application you're looking for doesn't exist or you don't have access to it.\",\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  // ---------------------------------------------------------------------------\n  // Derived flags\n  // ---------------------------------------------------------------------------\n  const canSubmitForReview =\n    app.status === \"DRAFT\" || app.status === \"REJECTED\";\n  const canDeprecate = app.status === \"PUBLISHED\";\n  const canDeactivate = app.status === \"ACTIVE\" || app.status === \"PUBLISHED\";\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={`${tr(\"devportal.editAppTitlePrefix\", \"Edit:\")} ${app.name}`}\n        description={tr(\n          \"devportal.editAppDescription\",\n          \"Update your application settings\",\n        )}\n        purpose={tr(\n          \"devportal.editAppPurpose\",\n          \"Change how this app appears and behaves — its name, description, classification, links, and lifecycle settings. Use the danger zone at the bottom to deprecate or delete it when it is retired.\",\n        )}\n        backLink={`${basePath}/apps/${app.id}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <StatusBadge status={app.status} type=\"app\" />\n          </div>\n        }\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Status banner for published apps */}\n          {app.status === \"PUBLISHED\" && (\n            <div className=\"rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3\">\n              <AlertTriangle\n                size={20}\n                className=\"text-status-warning-text flex-shrink-0 mt-0.5\"\n              />\n              <div className=\"text-sm text-status-warning-text\">\n                <p className=\"font-medium\">\n                  {tr(\n                    \"devportal.appIsPublished\",\n                    \"This application is published\",\n                  )}\n                </p>\n                <p className=\"mt-1 text-status-warning-text\">\n                  {tr(\n                    \"devportal.publishedAppChangesWarning\",\n                    \"Changes to published apps may require re-review. Major changes will put the app back into review status.\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* Basic Information */}\n          <PageSection\n            title={tr(\"devportal.basicInformation\", \"Basic Information\")}\n            description={tr(\n              \"devportal.basicInformationDescription\",\n              \"Core details about your application\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={formData.name}\n                onChange={(e) => handleChange(\"name\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={errors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={formData.slug}\n                onChange={(e) =>\n                  handleChange(\"slug\", e.target.value.toLowerCase())\n                }\n                placeholder={tr(\"devportal.slugPlaceholder\", \"my-awesome-app\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugChangeWarning\",\n                  \"Changing the slug may break existing integrations\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={formData.shortDescription}\n                onChange={(e) =>\n                  handleChange(\"shortDescription\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={errors.shortDescription}\n                hint={`${formData.shortDescription.length}/200 ${tr(\"devportal.characters\", \"characters\")}`}\n                rows={2}\n              />\n\n              <MarkdownEditor\n                label={tr(\"devportal.fullDescription\", \"Full Description\")}\n                value={formData.description}\n                onChange={(value) => handleChange(\"description\", value)}\n                placeholder={tr(\n                  \"devportal.fullDescriptionPlaceholder\",\n                  \"Detailed description of your application, features, and use cases...\",\n                )}\n                rows={6}\n                hint={tr(\n                  \"devportal.markdownSupported\",\n                  \"Markdown formatting is supported\",\n                )}\n              />\n            </div>\n          </PageSection>\n\n          {/* Classification */}\n          <PageSection\n            title={tr(\"devportal.classification\", \"Classification\")}\n            description={tr(\n              \"devportal.classificationDescription\",\n              \"Categorize your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <SelectField\n                label={tr(\"devportal.applicationType\", \"Application Type\")}\n                value={formData.appType}\n                onChange={(e) => handleChange(\"appType\", e.target.value)}\n                options={APP_TYPE_OPTIONS}\n                required\n                error={errors.appType}\n              />\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={formData.category}\n                onChange={(e) => handleChange(\"category\", e.target.value)}\n                options={appCategoryOptionsFor(app?.category)}\n                required\n                error={errors.category}\n              />\n\n              <SelectField\n                label={tr(\"devportal.visibility\", \"Visibility\")}\n                value={formData.visibility}\n                onChange={(e) =>\n                  handleChange(\"visibility\", e.target.value as AppVisibility)\n                }\n                options={\n                  app?.appType === \"WORKFLOW\"\n                    ? WORKFLOW_VISIBILITY_OPTIONS\n                    : BASE_VISIBILITY_OPTIONS\n                }\n                hint={\n                  formData.visibility === \"PUBLIC\"\n                    ? tr(\n                        \"devportal.visibilityHintPublic\",\n                        \"Listed in the marketplace after review approval — anyone can discover and install it\",\n                      )\n                    : formData.visibility === \"UNLISTED\"\n                      ? tr(\n                          \"devportal.visibilityHintUnlisted\",\n                          \"Not in the store, but accessible via a direct link. You can still submit for marketplace review\",\n                        )\n                      : formData.visibility === \"INTERNAL\"\n                        ? tr(\n                            \"devportal.visibilityHintInternal\",\n                            \"Visible to all members of your developer organization — no one outside can access it\",\n                          )\n                        : tr(\n                            \"devportal.visibilityHintPrivate\",\n                            \"Only you (the creator) can see this — other org members cannot access it\",\n                          )\n                }\n              />\n            </div>\n\n            <TagInput\n              label={tr(\"devportal.tags\", \"Tags\")}\n              value={formData.tags}\n              onChange={(tags) => handleChange(\"tags\", tags)}\n              placeholder={tr(\n                \"devportal.addTagsPlaceholder\",\n                \"Add tags (press Enter)\",\n              )}\n            />\n\n            <TagInput\n              label={tr(\"devportal.keywords\", \"Keywords\")}\n              value={formData.keywords}\n              onChange={(keywords) => handleChange(\"keywords\", keywords)}\n              placeholder={tr(\n                \"devportal.addKeywordsPlaceholder\",\n                \"Add keywords (press Enter)\",\n              )}\n            />\n\n            {/* Compatible Products — NODE and WORKFLOW only */}\n            {(formData.appType === \"NODE\" ||\n              formData.appType === \"WORKFLOW\") && (\n              <div className=\"space-y-2\">\n                <label className=\"block text-sm font-medium text-text-primary\">\n                  Compatible Products\n                </label>\n                <p className=\"text-xs text-text-secondary\">\n                  Select which products this {formData.appType.toLowerCase()}{\" \"}\n                  works with. Users will see it in those products&apos; node\n                  stores.\n                </p>\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                    setHasChanges(true);\n                  }}\n                  placeholder=\"Select products…\"\n                  searchPlaceholder=\"Search products…\"\n                />\n              </div>\n            )}\n          </PageSection>\n\n          {/* URLs */}\n          <PageSection\n            title={tr(\"devportal.links\", \"Links\")}\n            description={tr(\n              \"devportal.linksDescription\",\n              \"External resources for your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <InputField\n                label={tr(\"devportal.websiteUrl\", \"Website URL\")}\n                type=\"url\"\n                value={formData.websiteUrl}\n                onChange={(e) => handleChange(\"websiteUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.websiteUrlPlaceholder\",\n                  \"https://example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.documentationUrl\", \"Documentation URL\")}\n                type=\"url\"\n                value={formData.documentationUrl}\n                onChange={(e) =>\n                  handleChange(\"documentationUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.documentationUrlPlaceholder\",\n                  \"https://docs.example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.supportUrl\", \"Support URL\")}\n                type=\"url\"\n                value={formData.supportUrl}\n                onChange={(e) => handleChange(\"supportUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.supportUrlPlaceholder\",\n                  \"https://support.example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.githubUrl\", \"GitHub URL\")}\n                type=\"url\"\n                value={formData.githubUrl}\n                onChange={(e) => handleChange(\"githubUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.githubUrlPlaceholder\",\n                  \"https://github.com/org/repo\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.privacyPolicyUrl\", \"Privacy Policy URL\")}\n                type=\"url\"\n                value={formData.privacyPolicyUrl}\n                onChange={(e) =>\n                  handleChange(\"privacyPolicyUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.privacyPolicyUrlPlaceholder\",\n                  \"https://example.com/privacy\",\n                )}\n              />\n\n              <InputField\n                label={tr(\n                  \"devportal.termsOfServiceUrl\",\n                  \"Terms of Service URL\",\n                )}\n                type=\"url\"\n                value={formData.termsOfServiceUrl}\n                onChange={(e) =>\n                  handleChange(\"termsOfServiceUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.termsOfServiceUrlPlaceholder\",\n                  \"https://example.com/terms\",\n                )}\n              />\n            </div>\n          </PageSection>\n\n          {/* Integration Setup — INTEGRATION / API_INTEGRATION only */}\n          {(formData.appType === \"INTEGRATION\" ||\n            formData.appType === \"API_INTEGRATION\") && (\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                {/* Signing secret — read-only, rotate-only */}\n                {(() => {\n                  const displaySecret =\n                    rotatedSecret ?? data?.application?.signingSecret;\n                  const masked = \"boff_sk_\" + \"•\".repeat(32);\n                  return (\n                    <div className=\"space-y-1.5\">\n                      <label className=\"block text-sm font-medium text-text-primary\">\n                        Signing Secret\n                      </label>\n                      <p className=\"text-xs text-text-secondary\">\n                        Use this secret to authenticate{\" \"}\n                        <code className=\"font-mono text-xs bg-bg-sunken px-1 py-0.5 rounded\">\n                          verifyInstallation\n                        </code>{\" \"}\n                        calls from your integration server. Store it securely —\n                        it is only shown immediately after generation or\n                        rotation.\n                      </p>\n                      {displaySecret ? (\n                        <div className=\"flex items-center gap-2\">\n                          <div className=\"flex-1 flex items-center gap-0 rounded-md border border-border-default bg-bg-sunken overflow-hidden\">\n                            <code className=\"flex-1 px-3 py-2 text-xs font-mono text-text-primary truncate\">\n                              {showSecret ? displaySecret : masked}\n                            </code>\n                            <button\n                              type=\"button\"\n                              onClick={() => setShowSecret((v) => !v)}\n                              className=\"px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default\"\n                              title={showSecret ? \"Hide\" : \"Reveal\"}\n                            >\n                              {showSecret ? (\n                                <EyeOff size={14} />\n                              ) : (\n                                <Eye size={14} />\n                              )}\n                            </button>\n                            <button\n                              type=\"button\"\n                              onClick={() => handleCopySecret(displaySecret)}\n                              className=\"px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default\"\n                              title=\"Copy to clipboard\"\n                            >\n                              {copiedSecret ? (\n                                <Check size={14} className=\"text-green-500\" />\n                              ) : (\n                                <Copy size={14} />\n                              )}\n                            </button>\n                          </div>\n                          <button\n                            type=\"button\"\n                            onClick={() => setShowRotateDialog(true)}\n                            disabled={isRotating}\n                            className=\"flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                            title=\"Rotate signing secret\"\n                          >\n                            <RefreshCw\n                              size={12}\n                              className={isRotating ? \"animate-spin\" : \"\"}\n                            />\n                            Rotate\n                          </button>\n                        </div>\n                      ) : (\n                        <button\n                          type=\"button\"\n                          onClick={handleRotateSecret}\n                          disabled={isRotating}\n                          className=\"flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                        >\n                          <RefreshCw\n                            size={12}\n                            className={isRotating ? \"animate-spin\" : \"\"}\n                          />\n                          Generate Signing Secret\n                        </button>\n                      )}\n                      {rotatedSecret && (\n                        <p className=\"text-xs text-amber-600 dark:text-amber-400\">\n                          New secret generated. Copy it now — the old secret is\n                          already invalidated.\n                        </p>\n                      )}\n                    </div>\n                  );\n                })()}\n              </div>\n            </PageSection>\n          )}\n\n          {/* Settings */}\n          <PageSection\n            title={tr(\"devportal.settings\", \"Settings\")}\n            description={tr(\n              \"devportal.settingsDescription\",\n              \"Additional configuration options\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <CheckboxField\n                label={tr(\n                  \"devportal.requireWorkspaceAdminApproval\",\n                  \"Require workspace admin approval\",\n                )}\n                description={tr(\n                  \"devportal.requireWorkspaceAdminApprovalDescription\",\n                  \"When enabled, workspace admins must approve installations before users can access this app\",\n                )}\n                checked={formData.requiresApproval}\n                onChange={(e) =>\n                  handleChange(\"requiresApproval\", e.target.checked)\n                }\n              />\n            </div>\n          </PageSection>\n\n          {/* Submission readiness checklist */}\n          {canSubmitForReview && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2\">\n              <p className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n                <Send size={14} />\n                {tr(\"devportal.submissionChecklist\", \"Submission Checklist\")}\n              </p>\n              {[\n                {\n                  label: tr(\"devportal.checkName\", \"Name set\"),\n                  ok: !!formData.name.trim(),\n                },\n                {\n                  label: tr(\n                    \"devportal.checkShortDesc\",\n                    \"Short description set\",\n                  ),\n                  ok: !!formData.shortDescription.trim(),\n                },\n                {\n                  label: tr(\n                    \"devportal.checkFullDesc\",\n                    \"Full description added\",\n                  ),\n                  ok: !!formData.description.trim(),\n                },\n                {\n                  label: tr(\"devportal.checkCategory\", \"Category selected\"),\n                  ok: !!formData.category,\n                },\n                {\n                  label: tr(\n                    \"devportal.checkVisibility\",\n                    \"Visibility set to Public or Unlisted\",\n                  ),\n                  ok:\n                    !!formData.visibility && formData.visibility !== \"PRIVATE\",\n                },\n                {\n                  label: tr(\"devportal.checkSaved\", \"All changes saved\"),\n                  ok: !hasChanges,\n                },\n                ...(app?.appType === \"NODE\" || app?.appType === \"WORKFLOW\"\n                  ? [\n                      {\n                        label: tr(\n                          \"devportal.checkVersion\",\n                          \"At least one version uploaded\",\n                        ),\n                        ok: (data?.application?.versions?.totalCount ?? 0) > 0,\n                      },\n                    ]\n                  : []),\n              ].map((item) => (\n                <div\n                  key={item.label}\n                  className=\"flex items-center gap-2 text-sm\"\n                >\n                  {item.ok ? (\n                    <span className=\"text-status-success-text\">✓</span>\n                  ) : (\n                    <span className=\"text-status-error-text\">✗</span>\n                  )}\n                  <span\n                    className={\n                      item.ok\n                        ? \"text-text-secondary line-through\"\n                        : \"text-text-primary\"\n                    }\n                  >\n                    {item.label}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex flex-col gap-4 border-t pt-6\">\n            {/* Primary actions */}\n            <div className=\"flex items-center justify-end\">\n              <button\n                type=\"submit\"\n                disabled={isSubmitting || !hasChanges || !canUpdate}\n                aria-disabled={!canUpdate}\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                    <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                    {tr(\"devportal.saving\", \"Saving...\")}\n                  </>\n                ) : (\n                  <>\n                    <Save size={16} />\n                    {tr(\"devportal.saveChanges\", \"Save Changes\")}\n                  </>\n                )}\n              </button>\n            </div>\n\n            {/* Danger zone */}\n            <div className=\"rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4\">\n              <h3 className=\"text-sm font-medium text-status-error-text\">\n                {tr(\"devportal.dangerZone\", \"Danger Zone\")}\n              </h3>\n              <p className=\"mt-1 text-sm text-status-error-text\">\n                {tr(\n                  \"devportal.dangerZoneWarning\",\n                  \"These actions are irreversible. Please proceed with caution.\",\n                )}\n              </p>\n              <div className=\"mt-4 flex gap-3\">\n                {canDeprecate && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowDeprecateDialog(true)}\n                    className=\"inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors\"\n                  >\n                    <Archive size={14} />\n                    {tr(\"devportal.deprecateApp\", \"Deprecate App\")}\n                  </button>\n                )}\n                {canDeactivate && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowDeactivateDialog(true)}\n                    className=\"inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors\"\n                  >\n                    <Power size={14} />\n                    {tr(\"devportal.deactivateApp\", \"Deactivate App\")}\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  onClick={() => setShowDeleteDialog(true)}\n                  disabled={!canDelete}\n                  aria-disabled={!canDelete}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-error-bg bg-bg-surface px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n                >\n                  <Trash2 size={14} />\n                  {tr(\"devportal.deleteApp\", \"Delete App\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n\n        {/* Rotate signing secret confirmation dialog */}\n        <ConfirmDialog\n          open={showRotateDialog}\n          onOpenChange={setShowRotateDialog}\n          title={tr(\"devportal.rotateSigningSecret\", \"Rotate signing secret\")}\n          description={tr(\n            \"devportal.rotateSigningSecretConfirm\",\n            \"A new signing secret is created and the current one stops working straight away. Update every integration that verifies this app's signatures first, or they will start failing.\",\n          )}\n          confirmLabel={tr(\"devportal.rotateSecret\", \"Rotate secret\")}\n          variant=\"warning\"\n          onConfirm={async () => {\n            await handleRotateSecret();\n            setShowRotateDialog(false);\n          }}\n        />\n\n        {/* Delete confirmation dialog */}\n        <ConfirmDialog\n          open={showDeleteDialog}\n          onOpenChange={setShowDeleteDialog}\n          title={tr(\"devportal.deleteApplication\", \"Delete Application\")}\n          description={tr(\n            \"devportal.deleteApplicationConfirm\",\n            `Are you sure you want to delete \"${app.name}\"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`,\n          )}\n          confirmLabel={tr(\"devportal.deleteApplication\", \"Delete Application\")}\n          variant=\"destructive\"\n          onConfirm={handleDelete}\n        />\n\n        {/* Deprecate confirmation dialog */}\n        <ConfirmDialog\n          open={showDeprecateDialog}\n          onOpenChange={setShowDeprecateDialog}\n          title={tr(\"devportal.deprecateApplication\", \"Deprecate Application\")}\n          description={tr(\n            \"devportal.deprecateApplicationConfirm\",\n            `Are you sure you want to deprecate \"${app.name}\"? Existing users will still be able to use the app, but it will no longer be visible in the marketplace and new installations will be disabled.`,\n          )}\n          confirmLabel={tr(\n            \"devportal.deprecateApplication\",\n            \"Deprecate Application\",\n          )}\n          variant=\"warning\"\n          onConfirm={handleDeprecate}\n        />\n\n        {/* Deactivate confirmation dialog */}\n        <ConfirmDialog\n          open={showDeactivateDialog}\n          onOpenChange={setShowDeactivateDialog}\n          title={tr(\n            \"devportal.deactivateApplication\",\n            \"Deactivate Application\",\n          )}\n          description={tr(\n            \"devportal.deactivateApplicationConfirm\",\n            `Are you sure you want to deactivate \"${app.name}\"? This will revoke all active tokens and disable the app from the auth-svc layer. The app will no longer be able to authenticate or act on behalf of users.`,\n          )}\n          confirmLabel={tr(\n            \"devportal.deactivateApplication\",\n            \"Deactivate Application\",\n          )}\n          variant=\"destructive\"\n          onConfirm={handleDeactivate}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"EditApplicationPage.js","names":["_Fragment","APP_TYPE_OPTIONS","APP_TYPE_LABELS","value","label","BASE_VISIBILITY_OPTIONS","WORKFLOW_VISIBILITY_OPTIONS","mapToApplication","data","EditApplicationPage","useDevportal","useParams","useI18n","platformProducts","useProducts","canUpdate","useDevportalPermission","DEVPORTAL_PERMISSIONS","canDelete","tr","t","key","fallback","isSubmitting","setIsSubmitting","useState","errors","setErrors","showDeleteDialog","setShowDeleteDialog","showDeprecateDialog","setShowDeprecateDialog","showDeactivateDialog","setShowDeactivateDialog","hasChanges","setHasChanges","showSecret","setShowSecret","isRotating","setIsRotating","rotatedSecret","setRotatedSecret","copiedSecret","setCopiedSecret","queryError","useGetApplicationQuery","appId","updateApplication","useUpdateApplicationMutation","deleteApplication","useDeleteApplicationMutation","deactivateApp","useDeactivateAppMutation","deactivateApplication","useDeactivateApplicationMutation","isFluidgrids","useIsFluidgridsVariant","trParams","useTr","rotateSigningSecret","useRotateApplicationSigningSecretMutation","showRotateDialog","setShowRotateDialog","app","name","reg","formData","setFormData","compatibleProducts","setCompatibleProducts","compatibility","products","handleNavigate","basePath","path","handleChange","prev","field","handleRotateSecret","newSecret","handleCopySecret","secret","validateForm","newErrors","handleSubmit","err","handleDelete","nativeNotify","handleDeprecate","handleDeactivate","loading","LoadingState","PageLayout","AlertCircle","EmptyState","AppWindow","canSubmitForReview","canDeprecate","canDeactivate","PermissionGuard","StatusBadge","AlertTriangle","PageSection","InputField","TextareaField","MarkdownEditor","SelectField","appCategoryOptionsFor","TagInput","tags","keywords","MultiSelectCombobox","p","next","displaySecret","masked","v","jsx","EyeOff","Eye","Check","Copy","RefreshCw","CheckboxField","Send","item","Fragment","Save","DEACTIVATE_COPY","Archive","Power","Trash2","ConfirmDialog"],"sources":["../../../src/devportal/pages/EditApplicationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useParams } from \"react-router\";\nimport {\n  Save,\n  Trash2,\n  AlertTriangle,\n  Archive,\n  Send,\n  AlertCircle,\n  AppWindow,\n  Power,\n  Check,\n  Copy,\n  Eye,\n  EyeOff,\n  RefreshCw,\n} from \"lucide-react\";\nimport { appCategoryOptionsFor } from \"../constants/appCategories\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  TagInput,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { MarkdownEditor } from \"../components/MarkdownEditor\";\nimport { MultiSelectCombobox } from \"../components/MultiSelectCombobox\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { LoadingState } from \"../components/LoadingState\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport {\n  useDevportal,\n  useIsFluidgridsVariant,\n} from \"../providers/DevportalProvider\";\nimport { useTr } from \"../utils/i18n\";\nimport { DEACTIVATE_COPY } from \"../utils/appDetailTabs\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useProducts } from \"../hooks\";\nimport type { Application, AppType, AppVisibility, AppStatus } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport {\n  useGetApplicationQuery,\n  useUpdateApplicationMutation,\n  useDeleteApplicationMutation,\n  useDeactivateAppMutation,\n  useDeactivateApplicationMutation,\n  useRotateApplicationSigningSecretMutation,\n} from \"../../generated/global-operations\";\n\ninterface EditApplicationFormData {\n  name: string;\n  slug: string;\n  shortDescription: string;\n  description: string;\n  appType: AppType;\n  visibility: AppVisibility;\n  category: string;\n  tags: string[];\n  keywords: string[];\n  websiteUrl: string;\n  documentationUrl: string;\n  supportUrl: string;\n  privacyPolicyUrl: string;\n  termsOfServiceUrl: string;\n  githubUrl: string;\n  oauthAuthUrl: string;\n  oauthRevokeUrl: string;\n  requiresApproval: boolean;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  shortDescription?: string;\n  appType?: string;\n  category?: string;\n}\n\nconst APP_TYPE_OPTIONS = Object.entries(APP_TYPE_LABELS).map(\n  ([value, label]) => ({\n    value,\n    label,\n  }),\n);\n\nconst 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/**\n * Helper to safely map GraphQL response to Application type\n */\nfunction mapToApplication(\n  data: NonNullable<\n    ReturnType<typeof useGetApplicationQuery>[\"data\"]\n  >[\"application\"],\n): Application | null {\n  if (!data) return null;\n  return {\n    id: data.id,\n    name: data.name,\n    slug: data.slug,\n    shortDescription: data.shortDescription || undefined,\n    description: data.description || undefined,\n    appType: data.appType,\n    status: data.status,\n    visibility: data.visibility,\n    tenantId: data.tenantId,\n    developerId: data.developerId,\n    developerOrganizationId: data.developerOrganizationId || undefined,\n    category: data.category || undefined,\n    tags: data.tags || [],\n    keywords: data.keywords || [],\n    iconUrl: data.iconUrl || undefined,\n    websiteUrl: data.websiteUrl || undefined,\n    documentationUrl: data.documentationUrl || undefined,\n    supportUrl: data.supportUrl || undefined,\n    privacyPolicyUrl: data.privacyPolicyUrl || undefined,\n    termsOfServiceUrl: data.termsOfServiceUrl || undefined,\n    githubUrl: data.githubUrl || undefined,\n    pricingType: data.pricingType || undefined,\n    installCount: data.installCount,\n    activeInstallCount: data.activeInstallCount,\n    averageRating: data.averageRating ?? undefined,\n    reviewCount: data.reviewCount,\n    submittedAt: data.submittedAt || undefined,\n    publishedAt: data.publishedAt || undefined,\n    lastReviewedAt: data.lastReviewedAt || undefined,\n    reviewStatus: data.reviewStatus,\n    reviewNotes: data.reviewNotes || undefined,\n    reviewedBy: data.reviewedBy || undefined,\n    isFeatured: data.isFeatured,\n    isVerified: data.isVerified,\n    requiresApproval: data.requiresApproval,\n    oauthAuthUrl: data.oauthAuthUrl || undefined,\n    oauthRevokeUrl: data.oauthRevokeUrl || undefined,\n    createdAt: data.createdAt,\n    updatedAt: data.updatedAt,\n  };\n}\n\n/**\n * Edit application page — wired to real GraphQL mutations.\n */\nexport const EditApplicationPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const { appId } = useParams<{ appId: string }>();\n  const { t } = useI18n();\n  const { products: platformProducts } = useProducts();\n  const { allowed: canUpdate } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.APP_UPDATE,\n  );\n  const { allowed: canDelete } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.APP_DELETE,\n  );\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showDeprecateDialog, setShowDeprecateDialog] = useState(false);\n  const [showDeactivateDialog, setShowDeactivateDialog] = useState(false);\n  const [hasChanges, setHasChanges] = useState(false);\n  const [showSecret, setShowSecret] = useState(false);\n  const [isRotating, setIsRotating] = useState(false);\n  const [rotatedSecret, setRotatedSecret] = useState<string | null>(null);\n  const [copiedSecret, setCopiedSecret] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // GraphQL queries & mutations\n  // ---------------------------------------------------------------------------\n  const {\n    data,\n    loading,\n    error: queryError,\n    refetch,\n  } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n  });\n\n  const [updateApplication] = useUpdateApplicationMutation();\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n  const [deactivateApplication] = useDeactivateApplicationMutation();\n  const isFluidgrids = useIsFluidgridsVariant();\n  const trParams = useTr();\n  const [rotateSigningSecret] = useRotateApplicationSigningSecretMutation();\n  // Rotating breaks every integration using the current secret, so it confirms first.\n  const [showRotateDialog, setShowRotateDialog] = useState(false);\n\n  // ---------------------------------------------------------------------------\n  // Derive application from query data\n  // ---------------------------------------------------------------------------\n  const app = mapToApplication(data?.application);\n\n  useEffect(() => {\n    const name = app?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, app?.name]);\n\n  // ---------------------------------------------------------------------------\n  // Form state — initialised from fetched app once available\n  // ---------------------------------------------------------------------------\n  const [formData, setFormData] = useState<EditApplicationFormData>({\n    name: \"\",\n    slug: \"\",\n    shortDescription: \"\",\n    description: \"\",\n    appType: \"WEB_APP\",\n    visibility: \"PUBLIC\",\n    category: \"\",\n    tags: [],\n    keywords: [],\n    websiteUrl: \"\",\n    documentationUrl: \"\",\n    supportUrl: \"\",\n    privacyPolicyUrl: \"\",\n    termsOfServiceUrl: \"\",\n    githubUrl: \"\",\n    oauthAuthUrl: \"\",\n    oauthRevokeUrl: \"\",\n    requiresApproval: false,\n  });\n  const [compatibleProducts, setCompatibleProducts] = useState<string[]>([]);\n\n  useEffect(() => {\n    if (app) {\n      setFormData({\n        name: app.name,\n        slug: app.slug,\n        shortDescription: app.shortDescription || \"\",\n        description: app.description || \"\",\n        appType: app.appType,\n        visibility: app.visibility,\n        category: app.category || \"\",\n        tags: app.tags,\n        keywords: app.keywords,\n        websiteUrl: app.websiteUrl || \"\",\n        documentationUrl: app.documentationUrl || \"\",\n        supportUrl: app.supportUrl || \"\",\n        privacyPolicyUrl: app.privacyPolicyUrl || \"\",\n        termsOfServiceUrl: app.termsOfServiceUrl || \"\",\n        githubUrl: app.githubUrl || \"\",\n        oauthAuthUrl: app.oauthAuthUrl || \"\",\n        oauthRevokeUrl: app.oauthRevokeUrl || \"\",\n        requiresApproval: app.requiresApproval,\n      });\n      // Load compatibleProducts from manifest.compatibility.products\n      // Note: mapToApplication doesn't copy manifest, so read from raw query data directly.\n      const manifest = data?.application?.manifest as\n        Record<string, unknown> | null | undefined;\n      const compatibility = manifest?.compatibility as\n        Record<string, unknown> | undefined;\n      const products = Array.isArray(compatibility?.products)\n        ? (compatibility.products as string[])\n        : [];\n      setCompatibleProducts(products);\n      setHasChanges(false);\n    }\n    // Re-sync form when the underlying application data changes (e.g. after\n    // a refetch triggered by a mutation). We intentionally depend on\n    // `data?.application` rather than the derived `app` object so that the\n    // effect fires when the query cache updates.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data?.application]);\n\n  // ---------------------------------------------------------------------------\n  // Handlers\n  // ---------------------------------------------------------------------------\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const handleChange = (\n    field: keyof EditApplicationFormData,\n    value: string | string[] | boolean,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    setHasChanges(true);\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const handleRotateSecret = async () => {\n    if (!appId) return;\n    setIsRotating(true);\n    try {\n      const result = await rotateSigningSecret({ variables: { id: appId } });\n      const newSecret =\n        result.data?.rotateApplicationSigningSecret?.signingSecret;\n      if (newSecret) {\n        setRotatedSecret(newSecret);\n        setShowSecret(true);\n      }\n    } catch {\n      nativeNotify(\"error\");\n    } finally {\n      setIsRotating(false);\n    }\n  };\n\n  const handleCopySecret = async (secret: string) => {\n    await navigator.clipboard.writeText(secret);\n    setCopiedSecret(true);\n    setTimeout(() => setCopiedSecret(false), 2000);\n  };\n\n  const validateForm = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.appNameRequired\",\n        \"Application name is required\",\n      );\n    } else if (formData.name.length < 3) {\n      newErrors.name = tr(\n        \"devportal.appNameMinLength\",\n        \"Name must be at least 3 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.appNameMaxLength\",\n        \"Name must be less than 100 characters\",\n      );\n    }\n\n    if (!formData.slug.trim()) {\n      newErrors.slug = tr(\"devportal.slugRequired\", \"Slug is required\");\n    } else if (!/^[a-z0-9-]+$/.test(formData.slug)) {\n      newErrors.slug = tr(\n        \"devportal.slugInvalidChars\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (!formData.shortDescription.trim()) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionRequired\",\n        \"Short description is required\",\n      );\n    } else if (formData.shortDescription.length > 200) {\n      newErrors.shortDescription = tr(\n        \"devportal.shortDescriptionMaxLength\",\n        \"Short description must be less than 200 characters\",\n      );\n    }\n\n    if (!formData.appType) {\n      newErrors.appType = tr(\n        \"devportal.appTypeRequired\",\n        \"Application type is required\",\n      );\n    }\n\n    if (!formData.category) {\n      newErrors.category = tr(\n        \"devportal.categoryRequired\",\n        \"Category is required\",\n      );\n    }\n\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!validateForm() || !app) {\n      return;\n    }\n\n    setIsSubmitting(true);\n\n    try {\n      await updateApplication({\n        variables: {\n          id: app.id,\n          input: {\n            name: formData.name,\n            shortDescription: formData.shortDescription,\n            description: formData.description,\n            appType: formData.appType,\n            visibility: formData.visibility,\n            category: formData.category,\n            tags: formData.tags,\n            keywords: formData.keywords,\n            websiteUrl: formData.websiteUrl || null,\n            documentationUrl: formData.documentationUrl || null,\n            supportUrl: formData.supportUrl || null,\n            privacyPolicyUrl: formData.privacyPolicyUrl || null,\n            termsOfServiceUrl: formData.termsOfServiceUrl || null,\n            githubUrl: formData.githubUrl || null,\n            oauthAuthUrl: formData.oauthAuthUrl || null,\n            oauthRevokeUrl: formData.oauthRevokeUrl || null,\n            compatibleProducts,\n          },\n        },\n      });\n      setHasChanges(false);\n    } catch (err) {\n      console.error(\"Failed to update application:\", err);\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (!app) return;\n    void nativeImpact(\"medium\");\n    try {\n      await deleteApplication({\n        variables: { id: app.id },\n      });\n      void nativeNotify(\"success\");\n      handleNavigate(\"/apps\");\n    } catch (err) {\n      void nativeNotify(\"error\");\n      console.error(\"Failed to delete application:\", err);\n    }\n  };\n\n  const handleDeprecate = async () => {\n    if (!app) return;\n    try {\n      // Deprecate is modelled as a status transition via update. The backend\n      // treats a visibility change to PRIVATE + status mutation or a dedicated\n      // deprecation endpoint. Here we use submitApplication with a status note\n      // as the deprecate action since there is no separate `deprecateApplication`\n      // mutation. If a dedicated mutation is added later, swap it in here.\n      await updateApplication({\n        variables: {\n          id: app.id,\n          input: {\n            visibility: \"PRIVATE\",\n          },\n        },\n      });\n      setShowDeprecateDialog(false);\n    } catch (err) {\n      console.error(\"Failed to deprecate application:\", err);\n    }\n  };\n\n  const handleDeactivate = async () => {\n    if (!app) return;\n    try {\n      if (isFluidgrids) {\n        // Same mutation as App detail: marks the app INACTIVE, switches off its\n        // auth app and delists it. (deactivateApp is the auth-svc mutation and\n        // takes the auth app id, not this application's id.)\n        await deactivateApplication({ variables: { id: app.id } });\n      } else {\n        await deactivateApp({\n          variables: { id: app.id },\n        });\n      }\n      setShowDeactivateDialog(false);\n      handleNavigate(\"/apps\");\n    } catch (err) {\n      console.error(\"Failed to deactivate application:\", err);\n    }\n  };\n\n  // ---------------------------------------------------------------------------\n  // Loading / Error / Not-found states\n  // ---------------------------------------------------------------------------\n  if (loading) {\n    return (\n      <LoadingState\n        message={tr(\"devportal.loadingApplication\", \"Loading application...\")}\n      />\n    );\n  }\n\n  if (queryError) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.error\", \"Error\")}\n        backLink={`${basePath}/apps`}\n        backLabel={tr(\"devportal.backToApplications\", \"Back to Applications\")}\n      >\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <AlertCircle size={48} className=\"text-status-error-text mb-4\" />\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tr(\n              \"devportal.failedToLoadApplication\",\n              \"Failed to load application\",\n            )}\n          </h3>\n          <p className=\"text-sm text-text-secondary\">{queryError.message}</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (!app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.notFound\", \"Not Found\")}\n        backLink={`${basePath}/apps`}\n        backLabel={tr(\"devportal.backToApplications\", \"Back to Applications\")}\n      >\n        <EmptyState\n          illustration=\"empty-generic\"\n          icon={<AppWindow size={48} />}\n          title={tr(\"devportal.applicationNotFound\", \"Application not found\")}\n          description={tr(\n            \"devportal.applicationNotFoundDescription\",\n            \"The application you're looking for doesn't exist or you don't have access to it.\",\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  // ---------------------------------------------------------------------------\n  // Derived flags\n  // ---------------------------------------------------------------------------\n  const canSubmitForReview =\n    app.status === \"DRAFT\" || app.status === \"REJECTED\";\n  const canDeprecate = app.status === \"PUBLISHED\";\n  const canDeactivate = app.status === \"ACTIVE\" || app.status === \"PUBLISHED\";\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={`${tr(\"devportal.editAppTitlePrefix\", \"Edit:\")} ${app.name}`}\n        description={tr(\n          \"devportal.editAppDescription\",\n          \"Update your application settings\",\n        )}\n        purpose={tr(\n          \"devportal.editAppPurpose\",\n          \"Change how this app appears and behaves — its name, description, classification, links, and lifecycle settings. Use the danger zone at the bottom to deprecate or delete it when it is retired.\",\n        )}\n        backLink={`${basePath}/apps/${app.id}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <StatusBadge status={app.status} type=\"app\" />\n          </div>\n        }\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Status banner for published apps */}\n          {app.status === \"PUBLISHED\" && (\n            <div className=\"rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4 flex gap-3\">\n              <AlertTriangle\n                size={20}\n                className=\"text-status-warning-text flex-shrink-0 mt-0.5\"\n              />\n              <div className=\"text-sm text-status-warning-text\">\n                <p className=\"font-medium\">\n                  {tr(\n                    \"devportal.appIsPublished\",\n                    \"This application is published\",\n                  )}\n                </p>\n                <p className=\"mt-1 text-status-warning-text\">\n                  {tr(\n                    \"devportal.publishedAppChangesWarning\",\n                    \"Changes to published apps may require re-review. Major changes will put the app back into review status.\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n\n          {/* Basic Information */}\n          <PageSection\n            title={tr(\"devportal.basicInformation\", \"Basic Information\")}\n            description={tr(\n              \"devportal.basicInformationDescription\",\n              \"Core details about your application\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.applicationName\", \"Application Name\")}\n                value={formData.name}\n                onChange={(e) => handleChange(\"name\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.applicationNamePlaceholder\",\n                  \"My Awesome App\",\n                )}\n                required\n                error={errors.name}\n              />\n\n              <InputField\n                label={tr(\"devportal.slug\", \"Slug\")}\n                value={formData.slug}\n                onChange={(e) =>\n                  handleChange(\"slug\", e.target.value.toLowerCase())\n                }\n                placeholder={tr(\"devportal.slugPlaceholder\", \"my-awesome-app\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugChangeWarning\",\n                  \"Changing the slug may break existing integrations\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.shortDescription\", \"Short Description\")}\n                value={formData.shortDescription}\n                onChange={(e) =>\n                  handleChange(\"shortDescription\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.shortDescriptionPlaceholder\",\n                  \"A brief description of what your app does\",\n                )}\n                required\n                error={errors.shortDescription}\n                hint={`${formData.shortDescription.length}/200 ${tr(\"devportal.characters\", \"characters\")}`}\n                rows={2}\n              />\n\n              <MarkdownEditor\n                label={tr(\"devportal.fullDescription\", \"Full Description\")}\n                value={formData.description}\n                onChange={(value) => handleChange(\"description\", value)}\n                placeholder={tr(\n                  \"devportal.fullDescriptionPlaceholder\",\n                  \"Detailed description of your application, features, and use cases...\",\n                )}\n                rows={6}\n                hint={tr(\n                  \"devportal.markdownSupported\",\n                  \"Markdown formatting is supported\",\n                )}\n              />\n            </div>\n          </PageSection>\n\n          {/* Classification */}\n          <PageSection\n            title={tr(\"devportal.classification\", \"Classification\")}\n            description={tr(\n              \"devportal.classificationDescription\",\n              \"Categorize your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <SelectField\n                label={tr(\"devportal.applicationType\", \"Application Type\")}\n                value={formData.appType}\n                onChange={(e) => handleChange(\"appType\", e.target.value)}\n                options={APP_TYPE_OPTIONS}\n                required\n                error={errors.appType}\n              />\n\n              <SelectField\n                label={tr(\"devportal.category\", \"Category\")}\n                value={formData.category}\n                onChange={(e) => handleChange(\"category\", e.target.value)}\n                options={appCategoryOptionsFor(app?.category)}\n                required\n                error={errors.category}\n              />\n\n              <SelectField\n                label={tr(\"devportal.visibility\", \"Visibility\")}\n                value={formData.visibility}\n                onChange={(e) =>\n                  handleChange(\"visibility\", e.target.value as AppVisibility)\n                }\n                options={\n                  app?.appType === \"WORKFLOW\"\n                    ? WORKFLOW_VISIBILITY_OPTIONS\n                    : BASE_VISIBILITY_OPTIONS\n                }\n                hint={\n                  formData.visibility === \"PUBLIC\"\n                    ? tr(\n                        \"devportal.visibilityHintPublic\",\n                        \"Listed in the marketplace after review approval — anyone can discover and install it\",\n                      )\n                    : formData.visibility === \"UNLISTED\"\n                      ? tr(\n                          \"devportal.visibilityHintUnlisted\",\n                          \"Not in the store, but accessible via a direct link. You can still submit for marketplace review\",\n                        )\n                      : formData.visibility === \"INTERNAL\"\n                        ? tr(\n                            \"devportal.visibilityHintInternal\",\n                            \"Visible to all members of your developer organization — no one outside can access it\",\n                          )\n                        : tr(\n                            \"devportal.visibilityHintPrivate\",\n                            \"Only you (the creator) can see this — other org members cannot access it\",\n                          )\n                }\n              />\n            </div>\n\n            <TagInput\n              label={tr(\"devportal.tags\", \"Tags\")}\n              value={formData.tags}\n              onChange={(tags) => handleChange(\"tags\", tags)}\n              placeholder={tr(\n                \"devportal.addTagsPlaceholder\",\n                \"Add tags (press Enter)\",\n              )}\n            />\n\n            <TagInput\n              label={tr(\"devportal.keywords\", \"Keywords\")}\n              value={formData.keywords}\n              onChange={(keywords) => handleChange(\"keywords\", keywords)}\n              placeholder={tr(\n                \"devportal.addKeywordsPlaceholder\",\n                \"Add keywords (press Enter)\",\n              )}\n            />\n\n            {/* Compatible Products — NODE and WORKFLOW only */}\n            {(formData.appType === \"NODE\" ||\n              formData.appType === \"WORKFLOW\") && (\n              <div className=\"space-y-2\">\n                <label className=\"block text-sm font-medium text-text-primary\">\n                  Compatible Products\n                </label>\n                <p className=\"text-xs text-text-secondary\">\n                  Select which products this {formData.appType.toLowerCase()}{\" \"}\n                  works with. Users will see it in those products&apos; node\n                  stores.\n                </p>\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                    setHasChanges(true);\n                  }}\n                  placeholder=\"Select products…\"\n                  searchPlaceholder=\"Search products…\"\n                />\n              </div>\n            )}\n          </PageSection>\n\n          {/* URLs */}\n          <PageSection\n            title={tr(\"devportal.links\", \"Links\")}\n            description={tr(\n              \"devportal.linksDescription\",\n              \"External resources for your application\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <InputField\n                label={tr(\"devportal.websiteUrl\", \"Website URL\")}\n                type=\"url\"\n                value={formData.websiteUrl}\n                onChange={(e) => handleChange(\"websiteUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.websiteUrlPlaceholder\",\n                  \"https://example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.documentationUrl\", \"Documentation URL\")}\n                type=\"url\"\n                value={formData.documentationUrl}\n                onChange={(e) =>\n                  handleChange(\"documentationUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.documentationUrlPlaceholder\",\n                  \"https://docs.example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.supportUrl\", \"Support URL\")}\n                type=\"url\"\n                value={formData.supportUrl}\n                onChange={(e) => handleChange(\"supportUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.supportUrlPlaceholder\",\n                  \"https://support.example.com\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.githubUrl\", \"GitHub URL\")}\n                type=\"url\"\n                value={formData.githubUrl}\n                onChange={(e) => handleChange(\"githubUrl\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.githubUrlPlaceholder\",\n                  \"https://github.com/org/repo\",\n                )}\n              />\n\n              <InputField\n                label={tr(\"devportal.privacyPolicyUrl\", \"Privacy Policy URL\")}\n                type=\"url\"\n                value={formData.privacyPolicyUrl}\n                onChange={(e) =>\n                  handleChange(\"privacyPolicyUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.privacyPolicyUrlPlaceholder\",\n                  \"https://example.com/privacy\",\n                )}\n              />\n\n              <InputField\n                label={tr(\n                  \"devportal.termsOfServiceUrl\",\n                  \"Terms of Service URL\",\n                )}\n                type=\"url\"\n                value={formData.termsOfServiceUrl}\n                onChange={(e) =>\n                  handleChange(\"termsOfServiceUrl\", e.target.value)\n                }\n                placeholder={tr(\n                  \"devportal.termsOfServiceUrlPlaceholder\",\n                  \"https://example.com/terms\",\n                )}\n              />\n            </div>\n          </PageSection>\n\n          {/* Integration Setup — INTEGRATION / API_INTEGRATION only */}\n          {(formData.appType === \"INTEGRATION\" ||\n            formData.appType === \"API_INTEGRATION\") && (\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                {/* Signing secret — read-only, rotate-only */}\n                {(() => {\n                  const displaySecret =\n                    rotatedSecret ?? data?.application?.signingSecret;\n                  const masked = \"boff_sk_\" + \"•\".repeat(32);\n                  return (\n                    <div className=\"space-y-1.5\">\n                      <label className=\"block text-sm font-medium text-text-primary\">\n                        Signing Secret\n                      </label>\n                      <p className=\"text-xs text-text-secondary\">\n                        Use this secret to authenticate{\" \"}\n                        <code className=\"font-mono text-xs bg-bg-sunken px-1 py-0.5 rounded\">\n                          verifyInstallation\n                        </code>{\" \"}\n                        calls from your integration server. Store it securely —\n                        it is only shown immediately after generation or\n                        rotation.\n                      </p>\n                      {displaySecret ? (\n                        <div className=\"flex items-center gap-2\">\n                          <div className=\"flex-1 flex items-center gap-0 rounded-md border border-border-default bg-bg-sunken overflow-hidden\">\n                            <code className=\"flex-1 px-3 py-2 text-xs font-mono text-text-primary truncate\">\n                              {showSecret ? displaySecret : masked}\n                            </code>\n                            <button\n                              type=\"button\"\n                              onClick={() => setShowSecret((v) => !v)}\n                              className=\"px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default\"\n                              title={showSecret ? \"Hide\" : \"Reveal\"}\n                            >\n                              {showSecret ? (\n                                <EyeOff size={14} />\n                              ) : (\n                                <Eye size={14} />\n                              )}\n                            </button>\n                            <button\n                              type=\"button\"\n                              onClick={() => handleCopySecret(displaySecret)}\n                              className=\"px-2 py-2 text-text-secondary hover:text-text-primary border-l border-border-default\"\n                              title=\"Copy to clipboard\"\n                            >\n                              {copiedSecret ? (\n                                <Check size={14} className=\"text-green-500\" />\n                              ) : (\n                                <Copy size={14} />\n                              )}\n                            </button>\n                          </div>\n                          <button\n                            type=\"button\"\n                            onClick={() => setShowRotateDialog(true)}\n                            disabled={isRotating}\n                            className=\"flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                            title=\"Rotate signing secret\"\n                          >\n                            <RefreshCw\n                              size={12}\n                              className={isRotating ? \"animate-spin\" : \"\"}\n                            />\n                            Rotate\n                          </button>\n                        </div>\n                      ) : (\n                        <button\n                          type=\"button\"\n                          onClick={handleRotateSecret}\n                          disabled={isRotating}\n                          className=\"flex items-center gap-1.5 px-3 py-2 text-xs rounded-md border border-border-default bg-bg-default text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                        >\n                          <RefreshCw\n                            size={12}\n                            className={isRotating ? \"animate-spin\" : \"\"}\n                          />\n                          Generate Signing Secret\n                        </button>\n                      )}\n                      {rotatedSecret && (\n                        <p className=\"text-xs text-amber-600 dark:text-amber-400\">\n                          New secret generated. Copy it now — the old secret is\n                          already invalidated.\n                        </p>\n                      )}\n                    </div>\n                  );\n                })()}\n              </div>\n            </PageSection>\n          )}\n\n          {/* Settings */}\n          <PageSection\n            title={tr(\"devportal.settings\", \"Settings\")}\n            description={tr(\n              \"devportal.settingsDescription\",\n              \"Additional configuration options\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <CheckboxField\n                label={tr(\n                  \"devportal.requireWorkspaceAdminApproval\",\n                  \"Require workspace admin approval\",\n                )}\n                description={tr(\n                  \"devportal.requireWorkspaceAdminApprovalDescription\",\n                  \"When enabled, workspace admins must approve installations before users can access this app\",\n                )}\n                checked={formData.requiresApproval}\n                onChange={(e) =>\n                  handleChange(\"requiresApproval\", e.target.checked)\n                }\n              />\n            </div>\n          </PageSection>\n\n          {/* Submission readiness checklist */}\n          {canSubmitForReview && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4 space-y-2\">\n              <p className=\"text-sm font-medium text-text-primary flex items-center gap-2\">\n                <Send size={14} />\n                {tr(\"devportal.submissionChecklist\", \"Submission Checklist\")}\n              </p>\n              {[\n                {\n                  label: tr(\"devportal.checkName\", \"Name set\"),\n                  ok: !!formData.name.trim(),\n                },\n                {\n                  label: tr(\n                    \"devportal.checkShortDesc\",\n                    \"Short description set\",\n                  ),\n                  ok: !!formData.shortDescription.trim(),\n                },\n                {\n                  label: tr(\n                    \"devportal.checkFullDesc\",\n                    \"Full description added\",\n                  ),\n                  ok: !!formData.description.trim(),\n                },\n                {\n                  label: tr(\"devportal.checkCategory\", \"Category selected\"),\n                  ok: !!formData.category,\n                },\n                {\n                  label: tr(\n                    \"devportal.checkVisibility\",\n                    \"Visibility set to Public or Unlisted\",\n                  ),\n                  ok:\n                    !!formData.visibility && formData.visibility !== \"PRIVATE\",\n                },\n                {\n                  label: tr(\"devportal.checkSaved\", \"All changes saved\"),\n                  ok: !hasChanges,\n                },\n                ...(app?.appType === \"NODE\" || app?.appType === \"WORKFLOW\"\n                  ? [\n                      {\n                        label: tr(\n                          \"devportal.checkVersion\",\n                          \"At least one version uploaded\",\n                        ),\n                        ok: (data?.application?.versions?.totalCount ?? 0) > 0,\n                      },\n                    ]\n                  : []),\n              ].map((item) => (\n                <div\n                  key={item.label}\n                  className=\"flex items-center gap-2 text-sm\"\n                >\n                  {item.ok ? (\n                    <span className=\"text-status-success-text\">✓</span>\n                  ) : (\n                    <span className=\"text-status-error-text\">✗</span>\n                  )}\n                  <span\n                    className={\n                      item.ok\n                        ? \"text-text-secondary line-through\"\n                        : \"text-text-primary\"\n                    }\n                  >\n                    {item.label}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n\n          {/* Actions */}\n          <div className=\"flex flex-col gap-4 border-t pt-6\">\n            {/* Primary actions */}\n            <div className=\"flex items-center justify-end\">\n              <button\n                type=\"submit\"\n                disabled={isSubmitting || !hasChanges || !canUpdate}\n                aria-disabled={!canUpdate}\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                    <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                    {tr(\"devportal.saving\", \"Saving...\")}\n                  </>\n                ) : (\n                  <>\n                    <Save size={16} />\n                    {tr(\"devportal.saveChanges\", \"Save Changes\")}\n                  </>\n                )}\n              </button>\n            </div>\n\n            {/* Danger zone */}\n            <div className=\"rounded-lg border border-border-subtle bg-status-error-bg-subtle p-4\">\n              <h3 className=\"text-sm font-medium text-status-error-text\">\n                {tr(\"devportal.dangerZone\", \"Danger Zone\")}\n              </h3>\n              <p className=\"mt-1 text-sm text-status-error-text\">\n                {isFluidgrids\n                  ? trParams(\n                      DEACTIVATE_COPY.dangerZone.key,\n                      DEACTIVATE_COPY.dangerZone.fallback,\n                    )\n                  : tr(\n                      \"devportal.dangerZoneWarning\",\n                      \"These actions are irreversible. Please proceed with caution.\",\n                    )}\n              </p>\n              <div className=\"mt-4 flex gap-3\">\n                {canDeprecate && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowDeprecateDialog(true)}\n                    className=\"inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors\"\n                  >\n                    <Archive size={14} />\n                    {tr(\"devportal.deprecateApp\", \"Deprecate App\")}\n                  </button>\n                )}\n                {canDeactivate && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowDeactivateDialog(true)}\n                    className=\"inline-flex items-center gap-2 rounded-md border border-accent-orange bg-bg-surface px-3 py-1.5 text-sm font-medium text-accent-orange hover:bg-accent-orange-subtle transition-colors\"\n                  >\n                    <Power size={14} />\n                    {isFluidgrids\n                      ? trParams(\n                          DEACTIVATE_COPY.action.key,\n                          DEACTIVATE_COPY.action.fallback,\n                        )\n                      : tr(\"devportal.deactivateApp\", \"Deactivate App\")}\n                  </button>\n                )}\n                <button\n                  type=\"button\"\n                  onClick={() => setShowDeleteDialog(true)}\n                  disabled={!canDelete}\n                  aria-disabled={!canDelete}\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-error-bg bg-bg-surface px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50\"\n                >\n                  <Trash2 size={14} />\n                  {tr(\"devportal.deleteApp\", \"Delete App\")}\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n\n        {/* Rotate signing secret confirmation dialog */}\n        <ConfirmDialog\n          open={showRotateDialog}\n          onOpenChange={setShowRotateDialog}\n          title={tr(\"devportal.rotateSigningSecret\", \"Rotate signing secret\")}\n          description={tr(\n            \"devportal.rotateSigningSecretConfirm\",\n            \"A new signing secret is created and the current one stops working straight away. Update every integration that verifies this app's signatures first, or they will start failing.\",\n          )}\n          confirmLabel={tr(\"devportal.rotateSecret\", \"Rotate secret\")}\n          variant=\"warning\"\n          onConfirm={async () => {\n            await handleRotateSecret();\n            setShowRotateDialog(false);\n          }}\n        />\n\n        {/* Delete confirmation dialog */}\n        <ConfirmDialog\n          open={showDeleteDialog}\n          onOpenChange={setShowDeleteDialog}\n          title={tr(\"devportal.deleteApplication\", \"Delete Application\")}\n          description={tr(\n            \"devportal.deleteApplicationConfirm\",\n            `Are you sure you want to delete \"${app.name}\"? This action cannot be undone. All OAuth clients, API keys, webhooks, and analytics data will be permanently deleted.`,\n          )}\n          confirmLabel={tr(\"devportal.deleteApplication\", \"Delete Application\")}\n          variant=\"destructive\"\n          onConfirm={handleDelete}\n        />\n\n        {/* Deprecate confirmation dialog */}\n        <ConfirmDialog\n          open={showDeprecateDialog}\n          onOpenChange={setShowDeprecateDialog}\n          title={tr(\"devportal.deprecateApplication\", \"Deprecate Application\")}\n          description={tr(\n            \"devportal.deprecateApplicationConfirm\",\n            `Are you sure you want to deprecate \"${app.name}\"? Existing users will still be able to use the app, but it will no longer be visible in the marketplace and new installations will be disabled.`,\n          )}\n          confirmLabel={tr(\n            \"devportal.deprecateApplication\",\n            \"Deprecate Application\",\n          )}\n          variant=\"warning\"\n          onConfirm={handleDeprecate}\n        />\n\n        {/* Deactivate confirmation dialog */}\n        <ConfirmDialog\n          open={showDeactivateDialog}\n          onOpenChange={setShowDeactivateDialog}\n          title={\n            isFluidgrids\n              ? trParams(\n                  DEACTIVATE_COPY.title.key,\n                  DEACTIVATE_COPY.title.fallback,\n                )\n              : tr(\"devportal.deactivateApplication\", \"Deactivate Application\")\n          }\n          description={\n            isFluidgrids\n              ? trParams(\n                  DEACTIVATE_COPY.description.key,\n                  DEACTIVATE_COPY.description.fallback,\n                  { name: app.name },\n                )\n              : tr(\n                  \"devportal.deactivateApplicationConfirm\",\n                  `Are you sure you want to deactivate \"${app.name}\"? This will revoke all active tokens and disable the app from the auth-svc layer. The app will no longer be able to authenticate or act on behalf of users.`,\n                )\n          }\n          confirmLabel={\n            isFluidgrids\n              ? trParams(\n                  DEACTIVATE_COPY.action.key,\n                  DEACTIVATE_COPY.action.fallback,\n                )\n              : tr(\"devportal.deactivateApplication\", \"Deactivate Application\")\n          }\n          variant=\"destructive\"\n          onConfirm={handleDeactivate}\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/InvitationDecisionPage.js

@@ -1,141 +1,145 @@
 import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
 import { EmptyState as n } from "../components/EmptyState.js";
-import { useAcceptInvitationMutation as r, useGetInvitationByTokenQuery as i, useRejectInvitationMutation as a } from "../../generated/global-operations.js";
-import { useDevportal as o } from "../providers/DevportalProvider.js";
+import { useDevportal as r } from "../providers/DevportalProvider.js";
+import { useAcceptInvitationMutation as i, useGetInvitationByTokenQuery as a, useRejectInvitationMutation as o } from "../../generated/global-operations.js";
 import "../hooks/index.js";
-import { CheckCircle as s, Loader2 as c, Mail as l, Shield as u, XCircle as d } from "lucide-react";
-import { useParams as f } from "react-router";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useTr as s } from "../utils/i18n.js";
+import { CheckCircle as c, Loader2 as l, Mail as u, Shield as d, XCircle as f } from "lucide-react";
+import { useParams as p } from "react-router";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 // src/devportal/pages/InvitationDecisionPage.tsx
-var h = () => {
-	let { token: h } = f(), { navigate: g, basePath: _ } = o(), { data: v, loading: y, error: b } = i({
-		variables: { token: h ?? "" },
-		skip: !h,
+var g = () => {
+	let { token: g } = p(), _ = s(), { navigate: v, basePath: y } = r(), { data: b, loading: x, error: S } = a({
+		variables: { token: g ?? "" },
+		skip: !g,
 		fetchPolicy: "cache-and-network"
-	}), [x, { loading: S, data: C }] = r(), [w, { loading: T, data: E }] = a(), D = v?.developerOrgInvitationByToken, O = C?.acceptDeveloperOrgInvitation, k = E?.rejectDeveloperOrgInvitation, A = async () => {
-		h && await x({ variables: { token: h } });
-	}, j = async () => {
-		h && await w({ variables: { token: h } });
-	};
-	return y && !D ? /* @__PURE__ */ p(e, {
-		title: "Developer Team Invitation",
-		children: /* @__PURE__ */ p("div", {
+	}), [C, { loading: w, data: T }] = i(), [E, { loading: D, data: O }] = o(), k = b?.developerOrgInvitationByToken, A = T?.acceptDeveloperOrgInvitation, j = O?.rejectDeveloperOrgInvitation, M = async () => {
+		g && await C({ variables: { token: g } });
+	}, N = async () => {
+		g && await E({ variables: { token: g } });
+	}, P = _("devportal.invitation.title", "Developer Team Invitation");
+	return x && !k ? /* @__PURE__ */ m(e, {
+		title: P,
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ p(c, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ m(l, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : b || !D ? /* @__PURE__ */ p(e, {
-		title: "Developer Team Invitation",
-		children: /* @__PURE__ */ p(n, {
-			icon: /* @__PURE__ */ p(d, {
+	}) : S || !k ? /* @__PURE__ */ m(e, {
+		title: P,
+		children: /* @__PURE__ */ m(n, {
+			icon: /* @__PURE__ */ m(f, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: "Invitation not available",
-			description: b?.message || "This invitation is invalid, expired, or not available to your signed-in account."
+			title: _("devportal.invitation.unavailableTitle", "Invitation not available"),
+			description: S?.message || _("devportal.invitation.unavailableDescription", "This invitation is invalid, expired, or not available to your signed-in account.")
 		})
-	}) : O ? /* @__PURE__ */ p(e, {
-		title: "Invitation accepted",
-		children: /* @__PURE__ */ p(n, {
-			icon: /* @__PURE__ */ p(s, {
+	}) : A ? /* @__PURE__ */ m(e, {
+		title: _("devportal.invitation.acceptedTitle", "Invitation accepted"),
+		children: /* @__PURE__ */ m(n, {
+			icon: /* @__PURE__ */ m(c, {
 				size: 32,
 				className: "text-status-success-text"
 			}),
-			title: "You joined the developer organization",
-			description: `You now have ${D.role.toLowerCase()} access to ${D.organization.name}.`,
-			action: /* @__PURE__ */ p("button", {
+			title: _("devportal.invitation.joinedTitle", "You joined the developer organization"),
+			description: _("devportal.invitation.joinedDescription", "You now have {{role}} access to {{organization}}.", {
+				role: k.role.toLowerCase(),
+				organization: k.organization.name
+			}),
+			action: /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => g?.(`${_}/organizations/${D.organization.id}`),
+				onClick: () => v?.(`${y}/organizations/${k.organization.id}`),
 				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",
-				children: "Open organization"
+				children: _("devportal.invitation.openOrganization", "Open organization")
 			})
 		})
-	}) : k ? /* @__PURE__ */ p(e, {
-		title: "Invitation declined",
-		children: /* @__PURE__ */ p(n, {
-			icon: /* @__PURE__ */ p(d, {
+	}) : j ? /* @__PURE__ */ m(e, {
+		title: _("devportal.invitation.declinedTitle", "Invitation declined"),
+		children: /* @__PURE__ */ m(n, {
+			icon: /* @__PURE__ */ m(f, {
 				size: 32,
 				className: "text-status-warning-text"
 			}),
-			title: "Invitation declined",
-			description: `You declined the invitation to join ${D.organization.name}.`,
-			action: /* @__PURE__ */ p("button", {
+			title: _("devportal.invitation.declinedTitle", "Invitation declined"),
+			description: _("devportal.invitation.declinedDescription", "You declined the invitation to join {{organization}}.", { organization: k.organization.name }),
+			action: /* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: () => g?.(`${_}`),
+				onClick: () => v?.(`${y}`),
 				className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken",
-				children: "Return to Devportal"
+				children: _("devportal.invitation.returnToDevportal", "Return to Devportal")
 			})
 		})
-	}) : /* @__PURE__ */ p(e, {
-		title: "Developer Team Invitation",
-		description: "Review your invitation to join a developer organization",
-		children: /* @__PURE__ */ m("div", {
+	}) : /* @__PURE__ */ m(e, {
+		title: P,
+		description: _("devportal.invitation.reviewDescription", "Review your invitation to join a developer organization"),
+		children: /* @__PURE__ */ h("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ p(t, {
-				title: "Invitation details",
-				children: /* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ m(t, {
+				title: _("devportal.invitation.detailsTitle", "Invitation details"),
+				children: /* @__PURE__ */ h("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
 					children: [
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 							className: "text-sm text-text-secondary",
-							children: "Organization"
-						}), /* @__PURE__ */ p("p", {
+							children: _("devportal.invitation.organization", "Organization")
+						}), /* @__PURE__ */ m("p", {
 							className: "text-lg font-semibold text-text-primary",
-							children: D.organization.name
+							children: k.organization.name
 						})] }),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ h("div", {
 							className: "grid gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-sm text-text-secondary",
-								children: "Invited email"
-							}), /* @__PURE__ */ m("p", {
+								children: _("devportal.invitation.invitedEmail", "Invited email")
+							}), /* @__PURE__ */ h("p", {
 								className: "flex items-center gap-2 text-text-primary",
-								children: [/* @__PURE__ */ p(l, { size: 14 }), D.invitedEmail]
-							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ m(u, { size: 14 }), k.invitedEmail]
+							})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "text-sm text-text-secondary",
-								children: "Role"
-							}), /* @__PURE__ */ m("p", {
+								children: _("devportal.invitation.role", "Role")
+							}), /* @__PURE__ */ h("p", {
 								className: "flex items-center gap-2 text-text-primary",
-								children: [/* @__PURE__ */ p(u, { size: 14 }), D.role]
+								children: [/* @__PURE__ */ m(d, { size: 14 }), k.role]
 							})] })]
 						}),
-						D.message ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						k.message ? /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 							className: "text-sm text-text-secondary",
-							children: "Message"
-						}), /* @__PURE__ */ p("p", {
+							children: _("devportal.invitation.message", "Message")
+						}), /* @__PURE__ */ m("p", {
 							className: "rounded-md bg-bg-sunken px-3 py-2 text-sm text-text-primary whitespace-pre-line",
-							children: D.message
+							children: k.message
 						})] }) : null,
 						/* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
-							children: ["Expires on ", new Date(D.expiresAt).toLocaleString()]
+							children: _("devportal.invitation.expiresOn", "Expires on {{date}}", { date: new Date(k.expiresAt).toLocaleString() })
 						})
 					]
 				})
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ h("div", {
 				className: "flex flex-wrap gap-3 justify-end",
-				children: [/* @__PURE__ */ m("button", {
+				children: [/* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => void j(),
-					disabled: S || T,
+					onClick: () => void N(),
+					disabled: w || D,
 					className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50",
-					children: [T ? /* @__PURE__ */ p(c, {
+					children: [D ? /* @__PURE__ */ m(l, {
 						size: 14,
 						className: "animate-spin"
-					}) : null, "Decline"]
-				}), /* @__PURE__ */ m("button", {
+					}) : null, _("devportal.invitation.decline", "Decline")]
+				}), /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => void A(),
-					disabled: S || T,
+					onClick: () => void M(),
+					disabled: w || D,
 					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 disabled:opacity-50",
-					children: [S ? /* @__PURE__ */ p(c, {
+					children: [w ? /* @__PURE__ */ m(l, {
 						size: 14,
 						className: "animate-spin"
-					}) : null, "Accept invitation"]
+					}) : null, _("devportal.invitation.accept", "Accept invitation")]
 				})]
 			})]
 		})
 	});
 };
-export { h as InvitationDecisionPage };
+export { g as InvitationDecisionPage };
 
 //# sourceMappingURL=InvitationDecisionPage.js.map