@burdenoff/microfe-devportal 2026.510.110

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditApplicationPage.js","names":[],"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-dom\";\nimport {\n  Save,\n  Trash2,\n  AlertTriangle,\n  Archive,\n  Send,\n  AlertCircle,\n  AppWindow,\n  Power,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  TagInput,\n  CheckboxField,\n} from \"../components/FormField\";\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 type { Application, AppType, AppVisibility, AppStatus } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport {\n  useGetApplicationQuery,\n  useUpdateApplicationMutation,\n  useDeleteApplicationMutation,\n  useSubmitApplicationMutation,\n  useDeactivateAppMutation,\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  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 VISIBILITY_OPTIONS = [\n  { value: \"PUBLIC\", label: \"Public - Visible to everyone\" },\n  { value: \"PRIVATE\", label: \"Private - Only visible to you\" },\n  { value: \"UNLISTED\", label: \"Unlisted - Accessible via direct link\" },\n  { value: \"INTERNAL\", label: \"Internal - Only visible within organization\" },\n];\n\nconst CATEGORY_OPTIONS = [\n  { value: \"productivity\", label: \"Productivity\" },\n  { value: \"communication\", label: \"Communication\" },\n  { value: \"analytics\", label: \"Analytics\" },\n  { value: \"automation\", label: \"Automation\" },\n  { value: \"developer-tools\", label: \"Developer Tools\" },\n  { value: \"finance\", label: \"Finance\" },\n  { value: \"hr\", label: \"HR & People\" },\n  { value: \"marketing\", label: \"Marketing\" },\n  { value: \"project-management\", label: \"Project Management\" },\n  { value: \"security\", label: \"Security\" },\n  { value: \"support\", label: \"Support\" },\n  { value: \"other\", label: \"Other\" },\n];\n\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    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 { 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\n  // ---------------------------------------------------------------------------\n  // GraphQL queries & mutations\n  // ---------------------------------------------------------------------------\n  const {\n    data,\n    loading,\n    error: queryError,\n  } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n  });\n\n  const [updateApplication] = useUpdateApplicationMutation();\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [submitApplication] = useSubmitApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n\n  // ---------------------------------------------------------------------------\n  // Derive application from query data\n  // ---------------------------------------------------------------------------\n  const app = mapToApplication(data?.application);\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    requiresApproval: false,\n  });\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        requiresApproval: app.requiresApproval,\n      });\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 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          },\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  const handleSubmitForReview = async () => {\n    if (!app) return;\n    try {\n      setIsSubmitting(true);\n      await submitApplication({\n        variables: { id: app.id },\n      });\n    } catch (err) {\n      console.error(\"Failed to submit for review:\", err);\n    } finally {\n      setIsSubmitting(false);\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-destructive 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-muted-foreground\">{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          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 permission={DEVPORTAL_PERMISSIONS.APP_UPDATE}>\n      <PageLayout\n        title={`${tr(\"devportal.editAppTitlePrefix\", \"Edit:\")} ${app.name}`}\n        description={tr(\n          \"devportal.editAppDescription\",\n          \"Update your application settings\",\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              <TextareaField\n                label={tr(\"devportal.fullDescription\", \"Full Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.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={CATEGORY_OPTIONS}\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={VISIBILITY_OPTIONS}\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          </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          {/* 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          {/* Actions */}\n          <div className=\"flex flex-col gap-4 border-t pt-6\">\n            {/* Primary actions */}\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-2\">\n                {canSubmitForReview && (\n                  <button\n                    type=\"button\"\n                    onClick={handleSubmitForReview}\n                    disabled={isSubmitting || hasChanges}\n                    className=\"inline-flex items-center gap-2 rounded-md border border-primary bg-primary/10 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/20 transition-colors disabled:opacity-50\"\n                  >\n                    <Send size={16} />\n                    {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n                  </button>\n                )}\n              </div>\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-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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-white 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-white 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-white 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        {/* 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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"}

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

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

package/dist/devportal/pages/ListingPreviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListingPreviewPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAyDhC,eAAO,MAAM,kBAAkB,EAAE,EAgZhC,CAAC"}

package/dist/devportal/pages/ListingPreviewPage.js

@@ -0,0 +1,353 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { Alert as r } from "../components/ConfirmDialog.js";
+import { useGetApplicationQuery as i } from "../../generated/global-operations.js";
+import { PermissionGuard as a } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as o } from "../constants/permissions.js";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CheckCircle as c, Download as l, ExternalLink as u, Eye as d, FileText as f, Globe as p, Loader2 as m, Shield as h, Star as g, Tag as _ } from "lucide-react";
+import { useParams as v } from "react-router-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/devportal/pages/ListingPreviewPage.tsx
+var x = {
+	FREE: "Free",
+	FREEMIUM: "Free with in-app purchases",
+	PAID: "Paid",
+	ONE_TIME: "One-time purchase",
+	SUBSCRIPTION: "Subscription",
+	USAGE_BASED: "Usage-based pricing",
+	ENTERPRISE: "Enterprise pricing"
+}, S = {
+	WORKFLOW: "Workflow",
+	WIDGET: "Widget",
+	BOT: "Bot / Chatbot",
+	API_INTEGRATION: "API Integration",
+	INTEGRATION: "Integration",
+	ANALYST: "AI Analyst",
+	ASSISTANT: "AI Assistant",
+	AUTOMATION: "Automation",
+	SPECIALIST: "AI Specialist",
+	WEB_APP: "Web App",
+	MOBILE_APP: "Mobile App",
+	DESKTOP_APP: "Desktop App",
+	CLI_TOOL: "CLI Tool",
+	SERVICE: "Service"
+}, C = () => {
+	let { appId: C } = v(), { navigate: w, basePath: T } = e(), { t: E } = s(), D = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	}, { data: O, loading: k, error: A } = i({
+		variables: { id: C },
+		skip: !C,
+		fetchPolicy: "cache-and-network"
+	}), j = O?.application;
+	if (k) return /* @__PURE__ */ y(t, {
+		title: D("devportal.marketplacePreview", "Marketplace Preview"),
+		description: D("devportal.loading", "Loading..."),
+		backLink: `/apps/${C}`,
+		backLabel: D("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center justify-center py-12",
+			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		})
+	});
+	if (A || !j) return /* @__PURE__ */ y(t, {
+		title: D("devportal.marketplacePreview", "Marketplace Preview"),
+		description: D("devportal.couldNotLoadApplication", "Could not load application"),
+		backLink: `/apps/${C}`,
+		backLabel: D("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ y(r, {
+			variant: "error",
+			title: D("devportal.failedToLoadApplication", "Failed to load application"),
+			children: A?.message ?? D("devportal.applicationNotFound", "Application not found")
+		})
+	});
+	let M = Array.isArray(j.screenshots) ? j.screenshots : [], N = j.status === "PUBLISHED";
+	return /* @__PURE__ */ y(a, {
+		permission: o.APP_READ,
+		children: /* @__PURE__ */ b(t, {
+			title: D("devportal.marketplacePreview", "Marketplace Preview"),
+			description: D("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
+			backLink: `/apps/${C}`,
+			backLabel: D("devportal.backToApplication", "Back to Application"),
+			actions: N ? void 0 : /* @__PURE__ */ b("button", {
+				onClick: () => w?.(`${T}/apps/${C}/publish`),
+				className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+				children: [/* @__PURE__ */ y(d, { size: 16 }), D("devportal.submitForReview", "Submit for Review")]
+			}),
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text",
+					children: [/* @__PURE__ */ y(d, {
+						size: 16,
+						className: "flex-shrink-0"
+					}), /* @__PURE__ */ y("span", { children: D("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "rounded-xl border bg-card overflow-hidden",
+					children: [
+						j.bannerUrl ? /* @__PURE__ */ y("div", {
+							className: "h-48 w-full overflow-hidden",
+							children: /* @__PURE__ */ y("img", {
+								src: j.bannerUrl,
+								alt: D("devportal.appBannerAlt", "App banner"),
+								className: "h-full w-full object-cover"
+							})
+						}) : /* @__PURE__ */ y("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
+						/* @__PURE__ */ y("div", {
+							className: "p-6",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex items-start gap-5",
+								children: [
+									j.iconUrl ? /* @__PURE__ */ y("img", {
+										src: j.iconUrl,
+										alt: j.name,
+										className: "h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm"
+									}) : /* @__PURE__ */ y("div", {
+										className: "h-20 w-20 rounded-2xl border bg-muted flex items-center justify-center flex-shrink-0",
+										children: /* @__PURE__ */ y("span", {
+											className: "text-3xl font-bold text-muted-foreground",
+											"aria-label": D("devportal.appIconFallbackAriaLabel", "App icon"),
+											children: j.name.charAt(0).toUpperCase()
+										})
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ b("div", {
+												className: "flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ y("h1", {
+														className: "text-2xl font-bold",
+														children: j.name
+													}),
+													j.isVerified && /* @__PURE__ */ y(c, {
+														size: 20,
+														className: "text-primary"
+													}),
+													j.isFeatured && /* @__PURE__ */ y("span", {
+														className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
+														children: D("devportal.featured", "Featured")
+													})
+												]
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "mt-1 text-muted-foreground",
+												children: j.shortDescription ?? j.description ?? D("devportal.noDescription", "No description")
+											}),
+											/* @__PURE__ */ b("div", {
+												className: "mt-3 flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
+												children: [
+													j.averageRating != null && /* @__PURE__ */ b("div", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ y(g, {
+																size: 14,
+																className: "text-status-warning-text fill-status-warning-text"
+															}),
+															/* @__PURE__ */ y("span", {
+																className: "font-medium text-foreground",
+																children: j.averageRating.toFixed(1)
+															}),
+															/* @__PURE__ */ b("span", { children: [
+																"(",
+																j.reviewCount ?? 0,
+																" ",
+																D("devportal.reviews", "reviews"),
+																")"
+															] })
+														]
+													}),
+													/* @__PURE__ */ b("div", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ y(l, { size: 14 }), /* @__PURE__ */ b("span", { children: [
+															(j.installCount ?? 0).toLocaleString(),
+															" ",
+															D("devportal.installs", "installs")
+														] })]
+													}),
+													j.category && /* @__PURE__ */ y("span", {
+														className: "rounded-full border px-2 py-0.5 text-xs",
+														children: j.category
+													}),
+													/* @__PURE__ */ y("span", {
+														className: "rounded-full border px-2 py-0.5 text-xs",
+														children: S[j.appType] ?? j.appType
+													})
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "flex-shrink-0 text-right space-y-2",
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "text-lg font-semibold",
+												children: x[j.pricingType ?? "FREE"] ?? "Free"
+											}),
+											/* @__PURE__ */ y("button", {
+												disabled: !0,
+												className: "w-full rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground opacity-60 cursor-not-allowed",
+												title: D("devportal.previewOnly", "Preview only"),
+												children: D("devportal.install", "Install")
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "text-xs text-muted-foreground",
+												children: D("devportal.previewOnly", "Preview only")
+											})
+										]
+									})
+								]
+							})
+						}),
+						M.length > 0 && /* @__PURE__ */ b("div", {
+							className: "border-t px-6 py-5",
+							children: [/* @__PURE__ */ y("h2", {
+								className: "text-base font-semibold mb-3",
+								children: D("devportal.screenshots", "Screenshots")
+							}), /* @__PURE__ */ y("div", {
+								className: "flex gap-3 overflow-x-auto pb-2",
+								children: M.map((e, t) => /* @__PURE__ */ y("img", {
+									src: e,
+									alt: `${D("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
+									className: "h-44 w-auto rounded-lg border object-cover flex-shrink-0"
+								}, t))
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "border-t px-6 py-5",
+							children: [/* @__PURE__ */ y("h2", {
+								className: "text-base font-semibold mb-2",
+								children: D("devportal.about", "About")
+							}), /* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground whitespace-pre-wrap",
+								children: j.description ?? j.shortDescription ?? D("devportal.noDetailedDescription", "No detailed description provided.")
+							})]
+						}),
+						Array.isArray(j.tags) && j.tags.length > 0 && /* @__PURE__ */ y("div", {
+							className: "border-t px-6 py-4",
+							children: /* @__PURE__ */ y("div", {
+								className: "flex flex-wrap gap-2",
+								children: j.tags.map((e) => /* @__PURE__ */ b("span", {
+									className: "inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ y(_, { size: 10 }), e]
+								}, e))
+							})
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
+							children: [
+								j.websiteUrl && /* @__PURE__ */ b("a", {
+									href: j.websiteUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "flex items-center gap-2 text-primary hover:underline",
+									children: [
+										/* @__PURE__ */ y(p, { size: 14 }),
+										D("devportal.website", "Website"),
+										/* @__PURE__ */ y(u, { size: 12 })
+									]
+								}),
+								j.documentationUrl && /* @__PURE__ */ b("a", {
+									href: j.documentationUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "flex items-center gap-2 text-primary hover:underline",
+									children: [
+										/* @__PURE__ */ y(f, { size: 14 }),
+										D("devportal.documentation", "Documentation"),
+										/* @__PURE__ */ y(u, { size: 12 })
+									]
+								}),
+								j.privacyPolicyUrl && /* @__PURE__ */ b("a", {
+									href: j.privacyPolicyUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "flex items-center gap-2 text-primary hover:underline",
+									children: [
+										/* @__PURE__ */ y(h, { size: 14 }),
+										D("devportal.privacyPolicy", "Privacy Policy"),
+										/* @__PURE__ */ y(u, { size: 12 })
+									]
+								}),
+								j.termsOfServiceUrl && /* @__PURE__ */ b("a", {
+									href: j.termsOfServiceUrl,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "flex items-center gap-2 text-primary hover:underline",
+									children: [
+										/* @__PURE__ */ y(f, { size: 14 }),
+										D("devportal.termsOfService", "Terms of Service"),
+										/* @__PURE__ */ y(u, { size: 12 })
+									]
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ b(n, {
+					title: D("devportal.listingCompleteness", "Listing Completeness"),
+					children: [/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [
+							{
+								label: D("devportal.completenessAppIcon", "App icon"),
+								ok: !!j.iconUrl
+							},
+							{
+								label: D("devportal.completenessBannerImage", "Banner image"),
+								ok: !!j.bannerUrl
+							},
+							{
+								label: D("devportal.completenessShortDescription", "Short description"),
+								ok: !!j.shortDescription
+							},
+							{
+								label: D("devportal.completenessFullDescription", "Full description"),
+								ok: !!j.description
+							},
+							{
+								label: D("devportal.completenessScreenshots", "Screenshots (3+)"),
+								ok: M.length >= 3
+							},
+							{
+								label: D("devportal.completenessCategory", "Category"),
+								ok: !!j.category
+							},
+							{
+								label: D("devportal.completenessTags", "Tags"),
+								ok: Array.isArray(j.tags) && j.tags.length > 0
+							},
+							{
+								label: D("devportal.completenessPrivacyPolicy", "Privacy policy URL"),
+								ok: !!j.privacyPolicyUrl
+							},
+							{
+								label: D("devportal.completenessTermsOfService", "Terms of service URL"),
+								ok: !!j.termsOfServiceUrl
+							}
+						].map(({ label: e, ok: t }) => /* @__PURE__ */ b("div", {
+							className: "flex items-center gap-3 text-sm",
+							children: [t ? /* @__PURE__ */ y(c, {
+								size: 16,
+								className: "text-status-success-text flex-shrink-0"
+							}) : /* @__PURE__ */ y("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ y("span", {
+								className: t ? "text-foreground" : "text-muted-foreground",
+								children: e
+							})]
+						}, e))
+					}), !N && /* @__PURE__ */ y("button", {
+						onClick: () => w?.(`${T}/apps/${C}/edit`),
+						className: "mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-muted",
+						children: D("devportal.editToImproveListing", "Edit to improve listing →")
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { C as ListingPreviewPage };
+
+//# sourceMappingURL=ListingPreviewPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingPreviewPage.js","names":[],"sources":["../../../src/devportal/pages/ListingPreviewPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Star,\n  Download,\n  Globe,\n  FileText,\n  Shield,\n  ExternalLink,\n  Tag,\n  CheckCircle,\n  Loader2,\n  Eye,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { Alert } from \"../components/ConfirmDialog\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useGetApplicationQuery } from \"../../generated/global-operations\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst PRICING_LABELS: Record<string, string> = {\n  FREE: \"Free\",\n  FREEMIUM: \"Free with in-app purchases\",\n  PAID: \"Paid\",\n  ONE_TIME: \"One-time purchase\",\n  SUBSCRIPTION: \"Subscription\",\n  USAGE_BASED: \"Usage-based pricing\",\n  ENTERPRISE: \"Enterprise pricing\",\n};\n\nconst APP_TYPE_LABELS: Record<string, string> = {\n  WORKFLOW: \"Workflow\",\n  WIDGET: \"Widget\",\n  BOT: \"Bot / Chatbot\",\n  API_INTEGRATION: \"API Integration\",\n  INTEGRATION: \"Integration\",\n  ANALYST: \"AI Analyst\",\n  ASSISTANT: \"AI Assistant\",\n  AUTOMATION: \"Automation\",\n  SPECIALIST: \"AI Specialist\",\n  WEB_APP: \"Web App\",\n  MOBILE_APP: \"Mobile App\",\n  DESKTOP_APP: \"Desktop App\",\n  CLI_TOOL: \"CLI Tool\",\n  SERVICE: \"Service\",\n};\n\n// ============================================================================\n// Listing Preview Page\n// ============================================================================\n\nexport const ListingPreviewPage: FC = () => {\n  const { appId } = useParams<{ appId: string }>();\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { data, loading, error } = useGetApplicationQuery({\n    variables: { id: appId! },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const app = data?.application;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\"devportal.loading\", \"Loading...\")}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !app) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.couldNotLoadApplication\",\n          \"Could not load application\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n      >\n        <Alert\n          variant=\"error\"\n          title={tr(\n            \"devportal.failedToLoadApplication\",\n            \"Failed to load application\",\n          )}\n        >\n          {error?.message ??\n            tr(\"devportal.applicationNotFound\", \"Application not found\")}\n        </Alert>\n      </PageLayout>\n    );\n  }\n\n  const screenshots = Array.isArray(app.screenshots)\n    ? (app.screenshots as string[])\n    : [];\n\n  const isPublished = app.status === \"PUBLISHED\";\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.marketplacePreview\", \"Marketplace Preview\")}\n        description={tr(\n          \"devportal.marketplacePreviewDescription\",\n          \"Preview how your app will appear in the marketplace\",\n        )}\n        backLink={`/apps/${appId}`}\n        backLabel={tr(\"devportal.backToApplication\", \"Back to Application\")}\n        actions={\n          !isPublished ? (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/publish`)}\n              className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n            >\n              <Eye size={16} />\n              {tr(\"devportal.submitForReview\", \"Submit for Review\")}\n            </button>\n          ) : undefined\n        }\n      >\n        {/* Preview banner */}\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text\">\n          <Eye size={16} className=\"flex-shrink-0\" />\n          <span>\n            {tr(\n              \"devportal.previewBannerText\",\n              \"This is a preview of your marketplace listing. It shows how your app will appear to users after publication.\",\n            )}\n          </span>\n        </div>\n\n        {/* === Simulated marketplace product page === */}\n        <div className=\"rounded-xl border bg-card overflow-hidden\">\n          {/* Banner */}\n          {app.bannerUrl ? (\n            <div className=\"h-48 w-full overflow-hidden\">\n              <img\n                src={app.bannerUrl}\n                alt={tr(\"devportal.appBannerAlt\", \"App banner\")}\n                className=\"h-full w-full object-cover\"\n              />\n            </div>\n          ) : (\n            <div className=\"h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5\" />\n          )}\n\n          {/* Hero */}\n          <div className=\"p-6\">\n            <div className=\"flex items-start gap-5\">\n              {app.iconUrl ? (\n                <img\n                  src={app.iconUrl}\n                  alt={app.name}\n                  className=\"h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm\"\n                />\n              ) : (\n                <div className=\"h-20 w-20 rounded-2xl border bg-muted flex items-center justify-center flex-shrink-0\">\n                  <span\n                    className=\"text-3xl font-bold text-muted-foreground\"\n                    aria-label={tr(\n                      \"devportal.appIconFallbackAriaLabel\",\n                      \"App icon\",\n                    )}\n                  >\n                    {app.name.charAt(0).toUpperCase()}\n                  </span>\n                </div>\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h1 className=\"text-2xl font-bold\">{app.name}</h1>\n                  {app.isVerified && (\n                    <CheckCircle size={20} className=\"text-primary\" />\n                  )}\n                  {app.isFeatured && (\n                    <span className=\"rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text\">\n                      {tr(\"devportal.featured\", \"Featured\")}\n                    </span>\n                  )}\n                </div>\n\n                <p className=\"mt-1 text-muted-foreground\">\n                  {app.shortDescription ??\n                    app.description ??\n                    tr(\"devportal.noDescription\", \"No description\")}\n                </p>\n\n                <div className=\"mt-3 flex flex-wrap items-center gap-4 text-sm text-muted-foreground\">\n                  {app.averageRating != null && (\n                    <div className=\"flex items-center gap-1\">\n                      <Star\n                        size={14}\n                        className=\"text-status-warning-text fill-status-warning-text\"\n                      />\n                      <span className=\"font-medium text-foreground\">\n                        {app.averageRating.toFixed(1)}\n                      </span>\n                      <span>\n                        ({app.reviewCount ?? 0}{\" \"}\n                        {tr(\"devportal.reviews\", \"reviews\")})\n                      </span>\n                    </div>\n                  )}\n                  <div className=\"flex items-center gap-1\">\n                    <Download size={14} />\n                    <span>\n                      {(app.installCount ?? 0).toLocaleString()}{\" \"}\n                      {tr(\"devportal.installs\", \"installs\")}\n                    </span>\n                  </div>\n                  {app.category && (\n                    <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                      {app.category}\n                    </span>\n                  )}\n                  <span className=\"rounded-full border px-2 py-0.5 text-xs\">\n                    {APP_TYPE_LABELS[app.appType] ?? app.appType}\n                  </span>\n                </div>\n              </div>\n\n              {/* Install CTA (simulated) */}\n              <div className=\"flex-shrink-0 text-right space-y-2\">\n                <div className=\"text-lg font-semibold\">\n                  {PRICING_LABELS[app.pricingType ?? \"FREE\"] ?? \"Free\"}\n                </div>\n                <button\n                  disabled\n                  className=\"w-full rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground opacity-60 cursor-not-allowed\"\n                  title={tr(\"devportal.previewOnly\", \"Preview only\")}\n                >\n                  {tr(\"devportal.install\", \"Install\")}\n                </button>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\"devportal.previewOnly\", \"Preview only\")}\n                </p>\n              </div>\n            </div>\n          </div>\n\n          {/* Screenshots */}\n          {screenshots.length > 0 && (\n            <div className=\"border-t px-6 py-5\">\n              <h2 className=\"text-base font-semibold mb-3\">\n                {tr(\"devportal.screenshots\", \"Screenshots\")}\n              </h2>\n              <div className=\"flex gap-3 overflow-x-auto pb-2\">\n                {screenshots.map((url, i) => (\n                  <img\n                    key={i}\n                    src={url}\n                    alt={`${tr(\"devportal.screenshotAlt\", \"Screenshot\")} ${i + 1}`}\n                    className=\"h-44 w-auto rounded-lg border object-cover flex-shrink-0\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Description */}\n          <div className=\"border-t px-6 py-5\">\n            <h2 className=\"text-base font-semibold mb-2\">\n              {tr(\"devportal.about\", \"About\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">\n              {app.description ??\n                app.shortDescription ??\n                tr(\n                  \"devportal.noDetailedDescription\",\n                  \"No detailed description provided.\",\n                )}\n            </p>\n          </div>\n\n          {/* Tags */}\n          {Array.isArray(app.tags) && app.tags.length > 0 && (\n            <div className=\"border-t px-6 py-4\">\n              <div className=\"flex flex-wrap gap-2\">\n                {(app.tags as string[]).map((tag) => (\n                  <span\n                    key={tag}\n                    className=\"inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-muted-foreground\"\n                  >\n                    <Tag size={10} />\n                    {tag}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Links & Compliance */}\n          <div className=\"border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n            {app.websiteUrl && (\n              <a\n                href={app.websiteUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Globe size={14} />\n                {tr(\"devportal.website\", \"Website\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.documentationUrl && (\n              <a\n                href={app.documentationUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.documentation\", \"Documentation\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.privacyPolicyUrl && (\n              <a\n                href={app.privacyPolicyUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <Shield size={14} />\n                {tr(\"devportal.privacyPolicy\", \"Privacy Policy\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n            {app.termsOfServiceUrl && (\n              <a\n                href={app.termsOfServiceUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex items-center gap-2 text-primary hover:underline\"\n              >\n                <FileText size={14} />\n                {tr(\"devportal.termsOfService\", \"Terms of Service\")}\n                <ExternalLink size={12} />\n              </a>\n            )}\n          </div>\n        </div>\n\n        {/* Completeness tips */}\n        <PageSection\n          title={tr(\"devportal.listingCompleteness\", \"Listing Completeness\")}\n        >\n          <div className=\"space-y-2\">\n            {[\n              {\n                label: tr(\"devportal.completenessAppIcon\", \"App icon\"),\n                ok: !!app.iconUrl,\n              },\n              {\n                label: tr(\"devportal.completenessBannerImage\", \"Banner image\"),\n                ok: !!app.bannerUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessShortDescription\",\n                  \"Short description\",\n                ),\n                ok: !!app.shortDescription,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessFullDescription\",\n                  \"Full description\",\n                ),\n                ok: !!app.description,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessScreenshots\",\n                  \"Screenshots (3+)\",\n                ),\n                ok: screenshots.length >= 3,\n              },\n              {\n                label: tr(\"devportal.completenessCategory\", \"Category\"),\n                ok: !!app.category,\n              },\n              {\n                label: tr(\"devportal.completenessTags\", \"Tags\"),\n                ok:\n                  Array.isArray(app.tags) && (app.tags as string[]).length > 0,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessPrivacyPolicy\",\n                  \"Privacy policy URL\",\n                ),\n                ok: !!app.privacyPolicyUrl,\n              },\n              {\n                label: tr(\n                  \"devportal.completenessTermsOfService\",\n                  \"Terms of service URL\",\n                ),\n                ok: !!app.termsOfServiceUrl,\n              },\n            ].map(({ label, ok }) => (\n              <div key={label} className=\"flex items-center gap-3 text-sm\">\n                {ok ? (\n                  <CheckCircle\n                    size={16}\n                    className=\"text-status-success-text flex-shrink-0\"\n                  />\n                ) : (\n                  <div className=\"h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0\" />\n                )}\n                <span\n                  className={ok ? \"text-foreground\" : \"text-muted-foreground\"}\n                >\n                  {label}\n                </span>\n              </div>\n            ))}\n          </div>\n          {!isPublished && (\n            <button\n              onClick={() => navigate?.(`${basePath}/apps/${appId}/edit`)}\n              className=\"mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-muted\"\n            >\n              {tr(\n                \"devportal.editToImproveListing\",\n                \"Edit to improve listing →\",\n              )}\n            </button>\n          )}\n        </PageSection>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+/**
+ * OAuth App Detail page
+ *
+ * Shows details for an auth-svc App (replaces devportal-svc OAuthClient detail).
+ * Supports secret rotation, deactivation, and status toggle.
+ */
+export declare const OAuthClientDetailPage: FC;
+//# sourceMappingURL=OAuthClientDetailPage.d.ts.map

package/dist/devportal/pages/OAuthClientDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthClientDetailPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/OAuthClientDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmChC;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,EA6ZnC,CAAC"}