@burdenoff/microfe-devportal 2026.717.1 → 2026.720.2

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsPage.js","names":[],"sources":["../../../src/devportal/pages/ApplicationsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  AppWindow,\n  Loader2,\n  AlertCircle,\n  Archive,\n  Trash2,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { AppCard, AppListItem } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { SelectionCheckbox } from \"../components/SelectionCheckbox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { Application, AppStatus, AppType } from \"../types\";\nimport { APP_TYPE_LABELS, APP_STATUS_COLORS } from \"../utils/constants\";\nimport {\n  useGetApplicationsQuery,\n  useDeleteApplicationMutation,\n  useDeactivateAppMutation,\n  getErrorMessage,\n  useDevportalPermission,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\ntype BulkAction = \"delete\" | \"deactivate\" | null;\n\nfunction formatBulkResult(\n  action: \"Deleted\" | \"Deactivated\",\n  succeeded: number,\n  failed: number,\n): string {\n  return `${action} ${succeeded} application${succeeded === 1 ? \"\" : \"s\"}${\n    failed > 0 ? ` • ${failed} failed` : \"\"\n  }`;\n}\n\n/**\n * Map GraphQL application to local Application type\n */\nfunction mapApplication(app: ApplicationFieldsFragment): Application {\n  // Convert screenshots array to Record if needed\n  const screenshots = Array.isArray(app.screenshots)\n    ? app.screenshots.length > 0\n      ? (app.screenshots as unknown as Record<string, unknown>)\n      : undefined\n    : (app.screenshots as Record<string, unknown> | undefined);\n\n  // Convert pricingDetails\n  const pricingDetails =\n    app.pricingDetails && typeof app.pricingDetails === \"object\"\n      ? (app.pricingDetails as Record<string, unknown>)\n      : undefined;\n\n  return {\n    id: app.id,\n    name: app.name,\n    slug: app.slug,\n    description: app.description ?? undefined,\n    shortDescription: app.shortDescription ?? undefined,\n    appType: app.appType as AppType,\n    status: app.status as AppStatus,\n    visibility: app.visibility as \"PUBLIC\" | \"PRIVATE\" | \"UNLISTED\",\n    category: app.category ?? undefined,\n    tags: app.tags ?? [],\n    keywords: app.keywords ?? [],\n    iconUrl: app.iconUrl ?? undefined,\n    bannerUrl: app.bannerUrl ?? undefined,\n    screenshots,\n    videoUrl: app.videoUrl ?? undefined,\n    websiteUrl: app.websiteUrl ?? undefined,\n    documentationUrl: app.documentationUrl ?? undefined,\n    supportUrl: app.supportUrl ?? undefined,\n    privacyPolicyUrl: app.privacyPolicyUrl ?? undefined,\n    termsOfServiceUrl: app.termsOfServiceUrl ?? undefined,\n    githubUrl: app.githubUrl ?? undefined,\n    pricingType: app.pricingType ?? undefined,\n    pricingDetails,\n    isVerified: app.isVerified,\n    isFeatured: app.isFeatured,\n    averageRating: app.averageRating ?? undefined,\n    reviewCount: app.reviewCount ?? 0,\n    installCount: app.installCount ?? 0,\n    activeInstallCount: app.activeInstallCount ?? 0,\n    requiresApproval: app.requiresApproval,\n    reviewStatus: app.reviewStatus ?? undefined,\n    reviewNotes: app.reviewNotes ?? undefined,\n    reviewedBy: app.reviewedBy ?? undefined,\n    lastReviewedAt: app.lastReviewedAt ?? undefined,\n    submittedAt: app.submittedAt ?? undefined,\n    publishedAt: app.publishedAt ?? undefined,\n    developerId: app.developerId,\n    developerOrganizationId: app.developerOrganizationId ?? undefined,\n    tenantId: app.tenantId,\n    createdAt: app.createdAt,\n    updatedAt: app.updatedAt,\n  };\n}\n\n/**\n * Applications listing page\n *\n * Displays all applications for the current developer.\n * Uses GraphQL to fetch real data from the DevPortal backend.\n */\nexport const ApplicationsPage: FC = () => {\n  const { navigate, basePath, activeOrgId } = 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 createPerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_CREATE);\n  const deletePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_DELETE);\n  const updatePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_UPDATE);\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<AppStatus | \"\">(\"\");\n  const [typeFilter, setTypeFilter] = useState<AppType | \"\">(\"\");\n  const [selectedAppIds, setSelectedAppIds] = useState<Set<string>>(new Set());\n  const [bulkAction, setBulkAction] = useState<BulkAction>(null);\n  const [feedback, setFeedback] = useState<{\n    type: \"success\" | \"error\";\n    message: string;\n  } | null>(null);\n\n  // Fetch applications from GraphQL API — always scope to active org so\n  // totalCount from the server matches what the user actually owns.\n  const { data, loading, error, refetch } = useGetApplicationsQuery({\n    variables: {\n      limit: 50,\n      offset: 0,\n      status: statusFilter || undefined,\n      organizationId: activeOrgId ?? undefined,\n    },\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const applications: Application[] = useMemo(\n    () =>\n      data?.applications?.edges?.map(\n        (edge: { node: ApplicationFieldsFragment }) =>\n          mapApplication(edge.node),\n      ) ?? [],\n    [data?.applications?.edges],\n  );\n\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Client-side filtering: org scope + search + type (status filtered server-side)\n  const filteredApps = applications.filter((app: Application) => {\n    const matchesOrg =\n      !activeOrgId || app.developerOrganizationId === activeOrgId;\n    const matchesSearch =\n      !searchQuery ||\n      app.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      app.shortDescription?.toLowerCase().includes(searchQuery.toLowerCase());\n    const matchesType = !typeFilter || app.appType === typeFilter;\n    return matchesOrg && matchesSearch && matchesType;\n  });\n\n  const appStats = useMemo(() => {\n    // Use filteredApps (org-scoped) for all counts so stats match what's shown.\n    const total = data?.applications?.totalCount ?? filteredApps.length;\n    const active = filteredApps.filter(\n      (app: Application) => app.status === \"ACTIVE\",\n    ).length;\n    const draft = filteredApps.filter(\n      (app: Application) => app.status === \"DRAFT\",\n    ).length;\n    const published = filteredApps.filter(\n      (app: Application) => app.status === \"PUBLISHED\",\n    ).length;\n    return { total, active, draft, published };\n  }, [filteredApps, data?.applications?.totalCount]);\n\n  const selectedApps = useMemo(\n    () => applications.filter((app: Application) => selectedAppIds.has(app.id)),\n    [applications, selectedAppIds],\n  );\n\n  const deactivatableApps = useMemo(\n    () =>\n      selectedApps.filter(\n        (app: Application) =>\n          app.status !== \"INACTIVE\" && app.status !== \"REVOKED\",\n      ),\n    [selectedApps],\n  );\n\n  const allVisibleSelected =\n    filteredApps.length > 0 &&\n    filteredApps.every((app: Application) => selectedAppIds.has(app.id));\n  const partiallySelected =\n    filteredApps.some((app: Application) => selectedAppIds.has(app.id)) &&\n    !allVisibleSelected;\n\n  const toggleAppSelection = (appId: string, checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(appId);\n      } else {\n        next.delete(appId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisible = (checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      filteredApps.forEach((app: Application) => {\n        if (checked) {\n          next.add(app.id);\n        } else {\n          next.delete(app.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedAppIds(new Set());\n\n  const runBulkDeactivate = async () => {\n    if (deactivatableApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      deactivatableApps.map((app: Application) =>\n        deactivateApp({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deactivated\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const runBulkDelete = async () => {\n    if (selectedApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      selectedApps.map((app: Application) =>\n        deleteApplication({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deleted\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  // Loading state\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingApplications\", \"Loading applications...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\n              \"devportal.failedToLoadApplications\",\n              \"Failed to load applications\",\n            )}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            {getErrorMessage(error)}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.APP_READ}>\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n        purpose={tr(\n          \"devportal.applicationsPurpose\",\n          \"Applications are the integrations you build on the platform — OAuth apps, store listings, and API consumers. Create one here to get client credentials, request scopes, and ship to the marketplace.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/apps/new\")}\n            disabled={!createPerm.allowed}\n            aria-disabled={!createPerm.allowed}\n            title={\n              !createPerm.allowed\n                ? tr(\n                    \"devportal.common.noPermission\",\n                    \"You do not have permission to perform this action\",\n                  )\n                : undefined\n            }\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 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.createApp\", \"Create App\")}\n          </button>\n        }\n      >\n        {/* Filters */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-4\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\n                  \"devportal.searchApplications\",\n                  \"Search applications...\",\n                )}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status Filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as AppStatus | \"\")\n              }\n              className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">\n                {tr(\"devportal.allStatus\", \"All Status\")}\n              </option>\n              {Object.keys(APP_STATUS_COLORS).map((status) => (\n                <option key={status} value={status}>\n                  {status.replace(/_/g, \" \")}\n                </option>\n              ))}\n            </select>\n\n            {/* Type Filter */}\n            <select\n              value={typeFilter}\n              onChange={(e) => setTypeFilter(e.target.value as AppType | \"\")}\n              className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">{tr(\"devportal.allTypes\", \"All Types\")}</option>\n              {Object.entries(APP_TYPE_LABELS).map(([value, label]) => (\n                <option key={value} value={value}>\n                  {label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View Toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 ${viewMode === \"grid\" ? \"bg-bg-sunken\" : \"hover:bg-bg-sunken/50\"}`}\n              title=\"Grid view\"\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 ${viewMode === \"list\" ? \"bg-bg-sunken\" : \"hover:bg-bg-sunken/50\"}`}\n              title=\"List view\"\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Summary Stats — primary emphasis zone */}\n        <EmphasisPanel className=\"mt-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalApps\", \"Total Apps\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.total}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.active\", \"Active\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.active}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.published}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.draft\", \"Draft\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.draft}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {feedback && (\n          <div\n            className={`rounded-lg border px-4 py-3 text-sm ${\n              feedback.type === \"success\"\n                ? \"border-border-subtle bg-status-success-bg-subtle text-status-success-text\"\n                : \"border-status-error-border/40 bg-status-error-bg/10 text-status-error-text\"\n            }`}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <span>{feedback.message}</span>\n              <button\n                onClick={() => setFeedback(null)}\n                className=\"text-xs font-medium underline underline-offset-2\"\n              >\n                Dismiss\n              </button>\n            </div>\n          </div>\n        )}\n\n        {filteredApps.length > 0 && (\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)]\">\n            <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <div className=\"flex items-center gap-2\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllVisible}\n                    ariaLabel=\"Select all visible applications\"\n                  />\n                  <span className=\"text-sm font-medium\">\n                    Select all visible\n                  </span>\n                </div>\n                {selectedAppIds.size > 0 && (\n                  <button\n                    onClick={clearSelection}\n                    className=\"text-sm text-text-secondary hover:text-text-primary\"\n                  >\n                    Clear selection\n                  </button>\n                )}\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                  {selectedAppIds.size} selected\n                </span>\n                <button\n                  onClick={() => setBulkAction(\"deactivate\")}\n                  disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  aria-disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  title={\n                    !updatePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text transition-colors hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Archive size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deactivateSelected\", \"Deactivate Selected\")}\n                  {deactivatableApps.length > 0\n                    ? ` (${deactivatableApps.length})`\n                    : \"\"}\n                </button>\n                <button\n                  onClick={() => setBulkAction(\"delete\")}\n                  disabled={selectedApps.length === 0 || !deletePerm.allowed}\n                  aria-disabled={\n                    selectedApps.length === 0 || !deletePerm.allowed\n                  }\n                  title={\n                    !deletePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Trash2 size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deleteSelected\", \"Delete Selected\")}\n                  {selectedApps.length > 0 ? ` (${selectedApps.length})` : \"\"}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Results count */}\n        <p className=\"text-sm text-text-secondary\">\n          {filteredApps.length} application\n          {filteredApps.length !== 1 ? \"s\" : \"\"} found\n        </p>\n\n        {/* Applications */}\n        {filteredApps.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredApps.map((app: Application) => (\n                <AppCard\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredApps.map((app: Application) => (\n                <AppListItem\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration={\n              searchQuery || statusFilter || typeFilter\n                ? \"empty-search\"\n                : \"empty-data\"\n            }\n            icon={<AppWindow size={32} />}\n            title={tr(\"devportal.noApplicationsFound\", \"No applications found\")}\n            description={\n              searchQuery || statusFilter || typeFilter\n                ? tr(\n                    \"devportal.tryAdjustingFilters\",\n                    \"Try adjusting your filters\",\n                  )\n                : tr(\n                    \"devportal.createFirstApp\",\n                    \"Create your first application to get started\",\n                  )\n            }\n            action={\n              !searchQuery && !statusFilter && !typeFilter ? (\n                <button\n                  onClick={() => handleNavigate(\"/apps/new\")}\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\"\n                >\n                  <Plus size={16} />\n                  {tr(\"devportal.createApp\", \"Create App\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n\n        <ConfirmDialog\n          open={bulkAction === \"deactivate\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDeactivate}\n          title=\"Deactivate selected applications\"\n          description={`Deactivate ${deactivatableApps.length} selected application${deactivatableApps.length === 1 ? \"\" : \"s\"}? Users and integrations may lose access until these apps are re-enabled.`}\n          confirmLabel=\"Deactivate\"\n          cancelLabel=\"Cancel\"\n          variant=\"warning\"\n        />\n\n        <ConfirmDialog\n          open={bulkAction === \"delete\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDelete}\n          title=\"Delete selected applications\"\n          description={`Delete ${selectedApps.length} selected application${selectedApps.length === 1 ? \"\" : \"s\"}? This cannot be undone.`}\n          confirmLabel=\"Delete\"\n          cancelLabel=\"Cancel\"\n          variant=\"danger\"\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ApplicationsPage.js","names":[],"sources":["../../../src/devportal/pages/ApplicationsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Plus,\n  Search,\n  Grid,\n  List,\n  AppWindow,\n  Loader2,\n  AlertCircle,\n  Archive,\n  Trash2,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { AppCard, AppListItem } from \"../components/AppCard\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { ConfirmDialog } from \"../components/ConfirmDialog\";\nimport { SelectionCheckbox } from \"../components/SelectionCheckbox\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport type { Application, AppStatus, AppType } from \"../types\";\nimport { APP_TYPE_LABELS, APP_STATUS_COLORS } from \"../utils/constants\";\nimport {\n  useGetApplicationsQuery,\n  useDeleteApplicationMutation,\n  useDeactivateAppMutation,\n  getErrorMessage,\n  useDevportalPermission,\n  type ApplicationFieldsFragment,\n} from \"../hooks\";\n\ntype BulkAction = \"delete\" | \"deactivate\" | null;\n\nfunction formatBulkResult(\n  action: \"Deleted\" | \"Deactivated\",\n  succeeded: number,\n  failed: number,\n): string {\n  return `${action} ${succeeded} application${succeeded === 1 ? \"\" : \"s\"}${\n    failed > 0 ? ` • ${failed} failed` : \"\"\n  }`;\n}\n\n/**\n * Map GraphQL application to local Application type\n */\nfunction mapApplication(app: ApplicationFieldsFragment): Application {\n  // Convert screenshots array to Record if needed\n  const screenshots = Array.isArray(app.screenshots)\n    ? app.screenshots.length > 0\n      ? (app.screenshots as unknown as Record<string, unknown>)\n      : undefined\n    : (app.screenshots as Record<string, unknown> | undefined);\n\n  // Convert pricingDetails\n  const pricingDetails =\n    app.pricingDetails && typeof app.pricingDetails === \"object\"\n      ? (app.pricingDetails as Record<string, unknown>)\n      : undefined;\n\n  return {\n    id: app.id,\n    name: app.name,\n    slug: app.slug,\n    description: app.description ?? undefined,\n    shortDescription: app.shortDescription ?? undefined,\n    appType: app.appType as AppType,\n    status: app.status as AppStatus,\n    visibility: app.visibility as \"PUBLIC\" | \"PRIVATE\" | \"UNLISTED\",\n    category: app.category ?? undefined,\n    tags: app.tags ?? [],\n    keywords: app.keywords ?? [],\n    iconUrl: app.iconUrl ?? undefined,\n    bannerUrl: app.bannerUrl ?? undefined,\n    screenshots,\n    videoUrl: app.videoUrl ?? undefined,\n    websiteUrl: app.websiteUrl ?? undefined,\n    documentationUrl: app.documentationUrl ?? undefined,\n    supportUrl: app.supportUrl ?? undefined,\n    privacyPolicyUrl: app.privacyPolicyUrl ?? undefined,\n    termsOfServiceUrl: app.termsOfServiceUrl ?? undefined,\n    githubUrl: app.githubUrl ?? undefined,\n    pricingType: app.pricingType ?? undefined,\n    pricingDetails,\n    isVerified: app.isVerified,\n    isFeatured: app.isFeatured,\n    averageRating: app.averageRating ?? undefined,\n    reviewCount: app.reviewCount ?? 0,\n    installCount: app.installCount ?? 0,\n    activeInstallCount: app.activeInstallCount ?? 0,\n    requiresApproval: app.requiresApproval,\n    reviewStatus: app.reviewStatus ?? undefined,\n    reviewNotes: app.reviewNotes ?? undefined,\n    reviewedBy: app.reviewedBy ?? undefined,\n    lastReviewedAt: app.lastReviewedAt ?? undefined,\n    submittedAt: app.submittedAt ?? undefined,\n    publishedAt: app.publishedAt ?? undefined,\n    developerId: app.developerId,\n    developerOrganizationId: app.developerOrganizationId ?? undefined,\n    tenantId: app.tenantId,\n    createdAt: app.createdAt,\n    updatedAt: app.updatedAt,\n  };\n}\n\n/**\n * Applications listing page\n *\n * Displays all applications for the current developer.\n * Uses GraphQL to fetch real data from the DevPortal backend.\n */\nexport const ApplicationsPage: FC = () => {\n  const { navigate, basePath, activeOrgId } = 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 createPerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_CREATE);\n  const deletePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_DELETE);\n  const updatePerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_UPDATE);\n  const [viewMode, setViewMode] = useState<\"grid\" | \"list\">(\"grid\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<AppStatus | \"\">(\"\");\n  const [typeFilter, setTypeFilter] = useState<AppType | \"\">(\"\");\n  const [selectedAppIds, setSelectedAppIds] = useState<Set<string>>(new Set());\n  const [bulkAction, setBulkAction] = useState<BulkAction>(null);\n  const [feedback, setFeedback] = useState<{\n    type: \"success\" | \"error\";\n    message: string;\n  } | null>(null);\n\n  // Fetch applications from GraphQL API — always scope to active org so\n  // totalCount from the server matches what the user actually owns.\n  const { data, loading, error, refetch } = useGetApplicationsQuery({\n    variables: {\n      limit: 50,\n      offset: 0,\n      status: statusFilter || undefined,\n      organizationId: activeOrgId ?? undefined,\n    },\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const applications: Application[] = useMemo(\n    () =>\n      data?.applications?.edges?.map(\n        (edge: { node: ApplicationFieldsFragment }) =>\n          mapApplication(edge.node),\n      ) ?? [],\n    [data?.applications?.edges],\n  );\n\n  const [deleteApplication] = useDeleteApplicationMutation();\n  const [deactivateApp] = useDeactivateAppMutation();\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  // Client-side filtering: org scope + search + type (status filtered server-side)\n  const filteredApps = applications.filter((app: Application) => {\n    const matchesOrg =\n      !activeOrgId || app.developerOrganizationId === activeOrgId;\n    const matchesSearch =\n      !searchQuery ||\n      app.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\n      app.shortDescription?.toLowerCase().includes(searchQuery.toLowerCase());\n    const matchesType = !typeFilter || app.appType === typeFilter;\n    return matchesOrg && matchesSearch && matchesType;\n  });\n\n  const appStats = useMemo(() => {\n    // Use filteredApps (org-scoped) for all counts so stats match what's shown.\n    const total = data?.applications?.totalCount ?? filteredApps.length;\n    const active = filteredApps.filter(\n      (app: Application) => app.status === \"ACTIVE\",\n    ).length;\n    const draft = filteredApps.filter(\n      (app: Application) => app.status === \"DRAFT\",\n    ).length;\n    const published = filteredApps.filter(\n      (app: Application) => app.status === \"PUBLISHED\",\n    ).length;\n    return { total, active, draft, published };\n  }, [filteredApps, data?.applications?.totalCount]);\n\n  const selectedApps = useMemo(\n    () => applications.filter((app: Application) => selectedAppIds.has(app.id)),\n    [applications, selectedAppIds],\n  );\n\n  const deactivatableApps = useMemo(\n    () =>\n      selectedApps.filter(\n        (app: Application) =>\n          app.status !== \"INACTIVE\" && app.status !== \"REVOKED\",\n      ),\n    [selectedApps],\n  );\n\n  const allVisibleSelected =\n    filteredApps.length > 0 &&\n    filteredApps.every((app: Application) => selectedAppIds.has(app.id));\n  const partiallySelected =\n    filteredApps.some((app: Application) => selectedAppIds.has(app.id)) &&\n    !allVisibleSelected;\n\n  const toggleAppSelection = (appId: string, checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(appId);\n      } else {\n        next.delete(appId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisible = (checked: boolean) => {\n    setSelectedAppIds((prev) => {\n      const next = new Set(prev);\n      filteredApps.forEach((app: Application) => {\n        if (checked) {\n          next.add(app.id);\n        } else {\n          next.delete(app.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedAppIds(new Set());\n\n  const runBulkDeactivate = async () => {\n    if (deactivatableApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      deactivatableApps.map((app: Application) =>\n        deactivateApp({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deactivated\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  const runBulkDelete = async () => {\n    if (selectedApps.length === 0) return;\n\n    const results = await Promise.allSettled(\n      selectedApps.map((app: Application) =>\n        deleteApplication({ variables: { id: app.id } }),\n      ),\n    );\n\n    const succeeded = results.filter(\n      (result: PromiseSettledResult<unknown>) => result.status === \"fulfilled\",\n    ).length;\n    const failed = results.length - succeeded;\n\n    setFeedback({\n      type: failed === 0 ? \"success\" : \"error\",\n      message: formatBulkResult(\"Deleted\", succeeded, failed),\n    });\n    clearSelection();\n    setBulkAction(null);\n    await refetch();\n  };\n\n  // Loading state\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          <span className=\"ml-2 text-text-secondary\">\n            {tr(\"devportal.loadingApplications\", \"Loading applications...\")}\n          </span>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n      >\n        <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center\">\n          <AlertCircle className=\"mx-auto h-8 w-8 text-status-error-text\" />\n          <h3 className=\"mt-2 font-medium text-status-error-text\">\n            {tr(\n              \"devportal.failedToLoadApplications\",\n              \"Failed to load applications\",\n            )}\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            {getErrorMessage(error)}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n          >\n            {tr(\"devportal.tryAgain\", \"Try Again\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.myApplications\", \"My Applications\")}\n        description={tr(\n          \"devportal.manageYourApps\",\n          \"Manage your developer applications\",\n        )}\n        purpose={tr(\n          \"devportal.applicationsPurpose\",\n          \"Applications are the integrations you build on the platform — OAuth apps, store listings, and API consumers. Create one here to get client credentials, request scopes, and ship to the marketplace.\",\n        )}\n        actions={\n          <button\n            onClick={() => handleNavigate(\"/apps/new\")}\n            disabled={!createPerm.allowed}\n            aria-disabled={!createPerm.allowed}\n            title={\n              !createPerm.allowed\n                ? tr(\n                    \"devportal.common.noPermission\",\n                    \"You do not have permission to perform this action\",\n                  )\n                : undefined\n            }\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 disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n          >\n            <Plus size={16} aria-hidden=\"true\" />\n            {tr(\"devportal.createApp\", \"Create App\")}\n          </button>\n        }\n      >\n        {/* Filters */}\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex flex-1 items-center gap-4\">\n            {/* Search */}\n            <div className=\"relative flex-1 max-w-md\">\n              <Search\n                size={16}\n                className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n              />\n              <input\n                type=\"text\"\n                placeholder={tr(\n                  \"devportal.searchApplications\",\n                  \"Search applications...\",\n                )}\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n              />\n            </div>\n\n            {/* Status Filter */}\n            <select\n              value={statusFilter}\n              onChange={(e) =>\n                setStatusFilter(e.target.value as AppStatus | \"\")\n              }\n              className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">\n                {tr(\"devportal.allStatus\", \"All Status\")}\n              </option>\n              {Object.keys(APP_STATUS_COLORS).map((status) => (\n                <option key={status} value={status}>\n                  {status.replace(/_/g, \" \")}\n                </option>\n              ))}\n            </select>\n\n            {/* Type Filter */}\n            <select\n              value={typeFilter}\n              onChange={(e) => setTypeFilter(e.target.value as AppType | \"\")}\n              className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n            >\n              <option value=\"\">{tr(\"devportal.allTypes\", \"All Types\")}</option>\n              {Object.entries(APP_TYPE_LABELS).map(([value, label]) => (\n                <option key={value} value={value}>\n                  {label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* View Toggle */}\n          <div className=\"flex items-center gap-1 rounded-md border p-1\">\n            <button\n              onClick={() => setViewMode(\"grid\")}\n              className={`rounded p-1.5 ${viewMode === \"grid\" ? \"bg-bg-sunken\" : \"hover:bg-bg-sunken/50\"}`}\n              title=\"Grid view\"\n            >\n              <Grid size={16} />\n            </button>\n            <button\n              onClick={() => setViewMode(\"list\")}\n              className={`rounded p-1.5 ${viewMode === \"list\" ? \"bg-bg-sunken\" : \"hover:bg-bg-sunken/50\"}`}\n              title=\"List view\"\n            >\n              <List size={16} />\n            </button>\n          </div>\n        </div>\n\n        {/* Summary Stats — primary emphasis zone */}\n        <EmphasisPanel className=\"mt-4\">\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.totalApps\", \"Total Apps\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.total}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-status-success-text\">\n                {tr(\"devportal.active\", \"Active\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.active}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.published\", \"Published\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.published}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.draft\", \"Draft\")}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums\">\n                {appStats.draft}\n              </p>\n            </GlassCard>\n          </div>\n        </EmphasisPanel>\n\n        {feedback && (\n          <div\n            className={`rounded-lg border px-4 py-3 text-sm ${\n              feedback.type === \"success\"\n                ? \"border-border-subtle bg-status-success-bg-subtle text-status-success-text\"\n                : \"border-status-error-border/40 bg-status-error-bg/10 text-status-error-text\"\n            }`}\n          >\n            <div className=\"flex items-center justify-between gap-3\">\n              <span>{feedback.message}</span>\n              <button\n                onClick={() => setFeedback(null)}\n                className=\"text-xs font-medium underline underline-offset-2\"\n              >\n                Dismiss\n              </button>\n            </div>\n          </div>\n        )}\n\n        {filteredApps.length > 0 && (\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)]\">\n            <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <div className=\"flex items-center gap-2\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllVisible}\n                    ariaLabel=\"Select all visible applications\"\n                  />\n                  <span className=\"text-sm font-medium\">\n                    Select all visible\n                  </span>\n                </div>\n                {selectedAppIds.size > 0 && (\n                  <button\n                    onClick={clearSelection}\n                    className=\"text-sm text-text-secondary hover:text-text-primary\"\n                  >\n                    Clear selection\n                  </button>\n                )}\n              </div>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                  {selectedAppIds.size} selected\n                </span>\n                <button\n                  onClick={() => setBulkAction(\"deactivate\")}\n                  disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  aria-disabled={\n                    deactivatableApps.length === 0 || !updatePerm.allowed\n                  }\n                  title={\n                    !updatePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-warning-bg px-3 py-2 text-sm font-medium text-status-warning-text transition-colors hover:bg-status-warning-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Archive size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deactivateSelected\", \"Deactivate Selected\")}\n                  {deactivatableApps.length > 0\n                    ? ` (${deactivatableApps.length})`\n                    : \"\"}\n                </button>\n                <button\n                  onClick={() => setBulkAction(\"delete\")}\n                  disabled={selectedApps.length === 0 || !deletePerm.allowed}\n                  aria-disabled={\n                    selectedApps.length === 0 || !deletePerm.allowed\n                  }\n                  title={\n                    !deletePerm.allowed\n                      ? tr(\n                          \"devportal.common.noPermission\",\n                          \"You do not have permission to perform this action\",\n                        )\n                      : undefined\n                  }\n                  className=\"inline-flex items-center gap-2 rounded-md border border-status-error-bg px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Trash2 size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.deleteSelected\", \"Delete Selected\")}\n                  {selectedApps.length > 0 ? ` (${selectedApps.length})` : \"\"}\n                </button>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Results count */}\n        <p className=\"text-sm text-text-secondary\">\n          {filteredApps.length} application\n          {filteredApps.length !== 1 ? \"s\" : \"\"} found\n        </p>\n\n        {/* Applications */}\n        {filteredApps.length > 0 ? (\n          viewMode === \"grid\" ? (\n            <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\">\n              {filteredApps.map((app: Application) => (\n                <AppCard\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {filteredApps.map((app: Application) => (\n                <AppListItem\n                  key={app.id}\n                  app={app}\n                  selected={selectedAppIds.has(app.id)}\n                  onToggleSelect={(checked) =>\n                    toggleAppSelection(app.id, checked)\n                  }\n                />\n              ))}\n            </div>\n          )\n        ) : (\n          <EmptyState\n            illustration={\n              searchQuery || statusFilter || typeFilter\n                ? \"empty-search\"\n                : \"empty-data\"\n            }\n            icon={<AppWindow size={32} />}\n            title={tr(\"devportal.noApplicationsFound\", \"No applications found\")}\n            description={\n              searchQuery || statusFilter || typeFilter\n                ? tr(\n                    \"devportal.tryAdjustingFilters\",\n                    \"Try adjusting your filters\",\n                  )\n                : tr(\n                    \"devportal.createFirstApp\",\n                    \"Create your first application to get started\",\n                  )\n            }\n            action={\n              !searchQuery && !statusFilter && !typeFilter ? (\n                <button\n                  onClick={() => handleNavigate(\"/apps/new\")}\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\"\n                >\n                  <Plus size={16} />\n                  {tr(\"devportal.createApp\", \"Create App\")}\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n\n        <ConfirmDialog\n          open={bulkAction === \"deactivate\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDeactivate}\n          title=\"Deactivate selected applications\"\n          description={`Deactivate ${deactivatableApps.length} selected application${deactivatableApps.length === 1 ? \"\" : \"s\"}? Users and integrations may lose access until these apps are re-enabled.`}\n          confirmLabel=\"Deactivate\"\n          cancelLabel=\"Cancel\"\n          variant=\"warning\"\n        />\n\n        <ConfirmDialog\n          open={bulkAction === \"delete\"}\n          onOpenChange={(open) => {\n            if (!open) setBulkAction(null);\n          }}\n          onConfirm={runBulkDelete}\n          title=\"Delete selected applications\"\n          description={`Delete ${selectedApps.length} selected application${selectedApps.length === 1 ? \"\" : \"s\"}? This cannot be undone.`}\n          confirmLabel=\"Delete\"\n          cancelLabel=\"Cancel\"\n          variant=\"danger\"\n        />\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/CreateApiKeyPage.js

@@ -7,8 +7,8 @@ import { InputField as s, SelectField as c, TagInput as l } from "../components/
 import { Alert as u } from "../components/ConfirmDialog.js";
 import { PermissionGuard as d } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
 import "../hooks/index.js";
+import { DEVPORTAL_PERMISSIONS as f } from "../constants/permissions.js";
 import { executeRecaptcha as p } from "../utils/recaptcha.js";
 import { useState as m } from "react";
 import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/devportal/pages/CreateOAuthClientPage.js

@@ -7,8 +7,8 @@ import { nativeCopyText as o, nativeImpact as s, nativeNotify as c } from "../..
 import { InputField as l, SelectField as u, TextareaField as d } from "../components/FormField.js";
 import { PermissionGuard as f } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
 import "../hooks/index.js";
+import { DEVPORTAL_PERMISSIONS as p } from "../constants/permissions.js";
 import { useState as m } from "react";
 import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Plus as g, Save as _, Trash2 as v, X as y } from "lucide-react";

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgChC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA2TpC,CAAC"}
+{"version":3,"file":"CreateOrganizationPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+BhC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,EA2TpC,CAAC"}

package/dist/devportal/pages/CreateOrganizationPage.js

@@ -5,83 +5,82 @@ import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
 import { InputField as s, TextareaField as c } from "../components/FormField.js";
 import { PermissionGuard as l } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
 import "../hooks/index.js";
-import { useState as d } from "react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Building2 as p, Info as m, X as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Building2 as f, Info as p, X as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/devportal/pages/CreateOrganizationPage.tsx
-var y = () => {
-	let { navigate: y, basePath: b, currentUser: x } = e(), { t: S } = f(), C = (e, t) => {
-		let n = S(e);
+var v = () => {
+	let { navigate: v, basePath: y, currentUser: b } = e(), { t: x } = d(), S = (e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, [w, T] = d({}), [E, { loading: D }] = r(), [O] = n(), [k] = i(), A = t(), [j, M] = d({
+	}, [C, w] = u({}), [T, { loading: E }] = r(), [D] = n(), [O] = i(), k = t(), [A, j] = u({
 		name: "",
 		slug: "",
 		description: "",
 		websiteUrl: "",
 		contactEmail: "",
 		supportEmail: ""
-	}), N = (e) => {
-		y?.(`${b}${e}`);
-	}, P = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), F = (e) => {
+	}), M = (e) => {
+		v?.(`${y}${e}`);
+	}, N = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""), P = (e) => {
 		let t = e.target.value;
-		M((e) => ({
+		j((e) => ({
 			...e,
 			name: t,
-			slug: e.slug || P(t)
-		})), w.name && T((e) => ({
+			slug: e.slug || N(t)
+		})), C.name && w((e) => ({
 			...e,
 			name: void 0
 		}));
-	}, I = (e, t) => {
-		M((n) => ({
+	}, F = (e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
-		})), w[e] && T((t) => ({
+		})), C[e] && w((t) => ({
 			...t,
 			[e]: void 0
 		}));
-	}, L = () => {
+	}, I = () => {
 		let e = {};
-		return j.name.trim() ? j.name.length < 2 ? e.name = C("devportal.orgNameTooShort", "Name must be at least 2 characters") : j.name.length > 100 && (e.name = C("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = C("devportal.orgNameRequired", "Organization name is required"), j.slug.trim() ? /^[a-z0-9-]+$/.test(j.slug) || (e.slug = C("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = C("devportal.slugRequired", "Slug is required"), j.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(j.contactEmail) && (e.contactEmail = C("devportal.invalidEmailAddress", "Invalid email address")), j.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(j.supportEmail) && (e.supportEmail = C("devportal.invalidEmailAddress", "Invalid email address")), T(e), Object.keys(e).length === 0;
+		return A.name.trim() ? A.name.length < 2 ? e.name = S("devportal.orgNameTooShort", "Name must be at least 2 characters") : A.name.length > 100 && (e.name = S("devportal.nameTooLong", "Name must be less than 100 characters")) : e.name = S("devportal.orgNameRequired", "Organization name is required"), A.slug.trim() ? /^[a-z0-9-]+$/.test(A.slug) || (e.slug = S("devportal.slugInvalid", "Slug can only contain lowercase letters, numbers, and hyphens")) : e.slug = S("devportal.slugRequired", "Slug is required"), A.contactEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.contactEmail) && (e.contactEmail = S("devportal.invalidEmailAddress", "Invalid email address")), A.supportEmail && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(A.supportEmail) && (e.supportEmail = S("devportal.invalidEmailAddress", "Invalid email address")), w(e), Object.keys(e).length === 0;
 	};
-	return /* @__PURE__ */ _(l, {
-		permission: u.ORG_CREATE,
-		children: /* @__PURE__ */ _(a, {
-			title: C("devportal.createOrganization", "Create Organization"),
-			description: C("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
-			purpose: C("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
-			backLink: `${b}/organizations`,
-			backLabel: C("devportal.backToOrganizations", "Back to Organizations"),
-			children: /* @__PURE__ */ v("form", {
+	return /* @__PURE__ */ g(l, {
+		authOnly: !0,
+		children: /* @__PURE__ */ g(a, {
+			title: S("devportal.createOrganization", "Create Organization"),
+			description: S("devportal.createOrganizationDescription", "Set up a developer organization to collaborate with your team"),
+			purpose: S("devportal.createOrganizationPurpose", "An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards."),
+			backLink: `${y}/organizations`,
+			backLabel: S("devportal.backToOrganizations", "Back to Organizations"),
+			children: /* @__PURE__ */ _("form", {
 				onSubmit: async (e) => {
-					if (e.preventDefault(), L()) try {
-						let e = (await E({ variables: { input: {
-							name: j.name,
-							slug: j.slug || void 0,
-							description: j.description || void 0,
-							websiteUrl: j.websiteUrl || void 0,
-							contactEmail: j.contactEmail || void 0,
-							supportEmail: j.supportEmail || void 0
+					if (e.preventDefault(), I()) try {
+						let e = (await T({ variables: { input: {
+							name: A.name,
+							slug: A.slug || void 0,
+							description: A.description || void 0,
+							websiteUrl: A.websiteUrl || void 0,
+							contactEmail: A.contactEmail || void 0,
+							supportEmail: A.supportEmail || void 0
 						} } })).data?.createDeveloperOrganization?.id;
 						if (e) {
-							A.emit("devportal.org.created", {
+							k.emit("devportal.org.created", {
 								organizationId: e,
-								name: j.name
+								name: A.name
 							});
 							try {
-								let t = (await O({ variables: { input: {
-									name: j.name,
-									email: x?.email ?? ""
+								let t = (await D({ variables: { input: {
+									name: A.name,
+									email: b?.email ?? ""
 								} } })).data?.createBillingAccount?.id;
-								t && await k({ variables: {
+								t && await O({ variables: {
 									organizationId: e,
 									billingAccountId: t
 								} });
 							} catch {}
-							N(`/organizations/${e}`);
+							M(`/organizations/${e}`);
 						}
 					} catch (e) {
 						console.error("Failed to create organization:", e);
@@ -89,96 +88,96 @@ var y = () => {
 				},
 				className: "space-y-8 max-w-3xl",
 				children: [
-					/* @__PURE__ */ _(o, {
-						title: C("devportal.organizationDetails", "Organization Details"),
-						description: C("devportal.organizationDetailsDescription", "Basic information about your organization"),
-						children: /* @__PURE__ */ v("div", {
+					/* @__PURE__ */ g(o, {
+						title: S("devportal.organizationDetails", "Organization Details"),
+						description: S("devportal.organizationDetailsDescription", "Basic information about your organization"),
+						children: /* @__PURE__ */ _("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ _(s, {
-									label: C("devportal.organizationName", "Organization Name"),
-									value: j.name,
-									onChange: F,
-									placeholder: C("devportal.organizationNamePlaceholder", "Acme Development"),
+								/* @__PURE__ */ g(s, {
+									label: S("devportal.organizationName", "Organization Name"),
+									value: A.name,
+									onChange: P,
+									placeholder: S("devportal.organizationNamePlaceholder", "Acme Development"),
 									required: !0,
-									error: w.name,
-									hint: C("devportal.organizationNameHint", "Your organization's display name")
+									error: C.name,
+									hint: S("devportal.organizationNameHint", "Your organization's display name")
 								}),
-								/* @__PURE__ */ _(s, {
-									label: C("devportal.slug", "Slug"),
-									value: j.slug,
-									onChange: (e) => I("slug", e.target.value.toLowerCase()),
-									placeholder: C("devportal.orgSlugPlaceholder", "acme-dev"),
+								/* @__PURE__ */ g(s, {
+									label: S("devportal.slug", "Slug"),
+									value: A.slug,
+									onChange: (e) => F("slug", e.target.value.toLowerCase()),
+									placeholder: S("devportal.orgSlugPlaceholder", "acme-dev"),
 									required: !0,
-									error: w.slug,
-									hint: C("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
+									error: C.slug,
+									hint: S("devportal.slugHint", "URL-friendly identifier (auto-generated from name)")
 								}),
-								/* @__PURE__ */ _(c, {
-									label: C("devportal.description", "Description"),
-									value: j.description,
-									onChange: (e) => I("description", e.target.value),
-									placeholder: C("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
+								/* @__PURE__ */ g(c, {
+									label: S("devportal.description", "Description"),
+									value: A.description,
+									onChange: (e) => F("description", e.target.value),
+									placeholder: S("devportal.orgDescriptionPlaceholder", "Tell us about your organization..."),
 									rows: 3
 								}),
-								/* @__PURE__ */ _(s, {
-									label: C("devportal.websiteUrl", "Website URL"),
+								/* @__PURE__ */ g(s, {
+									label: S("devportal.websiteUrl", "Website URL"),
 									type: "url",
-									value: j.websiteUrl,
-									onChange: (e) => I("websiteUrl", e.target.value),
+									value: A.websiteUrl,
+									onChange: (e) => F("websiteUrl", e.target.value),
 									placeholder: "https://example.com"
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ _(s, {
-										label: C("devportal.contactEmail", "Contact Email"),
+									children: [/* @__PURE__ */ g(s, {
+										label: S("devportal.contactEmail", "Contact Email"),
 										type: "email",
-										value: j.contactEmail,
-										onChange: (e) => I("contactEmail", e.target.value),
+										value: A.contactEmail,
+										onChange: (e) => F("contactEmail", e.target.value),
 										placeholder: "contact@example.com",
-										error: w.contactEmail
-									}), /* @__PURE__ */ _(s, {
-										label: C("devportal.supportEmail", "Support Email"),
+										error: C.contactEmail
+									}), /* @__PURE__ */ g(s, {
+										label: S("devportal.supportEmail", "Support Email"),
 										type: "email",
-										value: j.supportEmail,
-										onChange: (e) => I("supportEmail", e.target.value),
+										value: A.supportEmail,
+										onChange: (e) => F("supportEmail", e.target.value),
 										placeholder: "support@example.com",
-										error: w.supportEmail
+										error: C.supportEmail
 									})]
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _("div", {
 						className: "rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3",
-						children: [/* @__PURE__ */ _(m, {
+						children: [/* @__PURE__ */ g(p, {
 							size: 20,
 							className: "text-accent-blue flex-shrink-0 mt-0.5"
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "text-sm text-status-info-text",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "font-medium",
-								children: C("devportal.billingAutoSetup", "A billing account will be automatically set up")
-							}), /* @__PURE__ */ _("p", {
+								children: S("devportal.billingAutoSetup", "A billing account will be automatically set up")
+							}), /* @__PURE__ */ g("p", {
 								className: "mt-1",
-								children: C("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
+								children: S("devportal.billingAutoSetupNote", "Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ _("div", {
 						className: "flex items-center justify-end gap-3 border-t pt-6",
-						children: [/* @__PURE__ */ v("button", {
+						children: [/* @__PURE__ */ _("button", {
 							type: "button",
 							onClick: () => {
-								N("/organizations");
+								M("/organizations");
 							},
-							disabled: D,
+							disabled: E,
 							className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50",
-							children: [/* @__PURE__ */ _(h, { size: 16 }), C("devportal.cancel", "Cancel")]
-						}), /* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ g(m, { size: 16 }), S("devportal.cancel", "Cancel")]
+						}), /* @__PURE__ */ g("button", {
 							type: "submit",
-							disabled: D,
+							disabled: E,
 							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",
-							children: D ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), C("devportal.creating", "Creating...")] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(p, { size: 16 }), C("devportal.createOrganization", "Create Organization")] })
+							children: E ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), S("devportal.creating", "Creating...")] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(f, { size: 16 }), S("devportal.createOrganization", "Create Organization")] })
 						})]
 					})
 				]
@@ -187,6 +186,6 @@ var y = () => {
 	});
 };
 //#endregion
-export { y as CreateOrganizationPage };
+export { v as CreateOrganizationPage };
 
 //# sourceMappingURL=CreateOrganizationPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOrganizationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { X, Info, Building2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, TextareaField } from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport {\n  useCreateOrganizationMutation,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\n\ninterface CreateOrganizationFormData {\n  name: string;\n  slug: string;\n  description: string;\n  websiteUrl: string;\n  contactEmail: string;\n  supportEmail: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  contactEmail?: string;\n  supportEmail?: string;\n}\n\n/**\n * Create new organization page — single step.\n * Billing account is auto-created and linked after org creation.\n * Legal/tax details are completed later from organization settings.\n */\nexport const CreateOrganizationPage: FC = () => {\n  const { navigate, basePath, currentUser } = 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 [errors, setErrors] = useState<FormErrors>({});\n  const [createOrganization, { loading: isSubmitting }] =\n    useCreateOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const bus = useDevportalEventBus();\n\n  const [formData, setFormData] = useState<CreateOrganizationFormData>({\n    name: \"\",\n    slug: \"\",\n    description: \"\",\n    websiteUrl: \"\",\n    contactEmail: \"\",\n    supportEmail: \"\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const generateSlug = (name: string): string => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n  };\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      slug: prev.slug || generateSlug(name),\n    }));\n    if (errors.name) {\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    }\n  };\n\n  const handleChange = (\n    field: keyof CreateOrganizationFormData,\n    value: string,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    } else if (formData.name.length < 2) {\n      newErrors.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.nameTooLong\",\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.slugInvalid\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (\n      formData.contactEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.contactEmail)\n    ) {\n      newErrors.contactEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    if (\n      formData.supportEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.supportEmail)\n    ) {\n      newErrors.supportEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\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 (!validate()) return;\n\n    try {\n      const result = await createOrganization({\n        variables: {\n          input: {\n            name: formData.name,\n            slug: formData.slug || undefined,\n            description: formData.description || undefined,\n            websiteUrl: formData.websiteUrl || undefined,\n            contactEmail: formData.contactEmail || undefined,\n            supportEmail: formData.supportEmail || undefined,\n          },\n        },\n      });\n\n      const orgId = result.data?.createDeveloperOrganization?.id;\n      if (orgId) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: orgId,\n          name: formData.name,\n        });\n\n        // Auto-create and link a billing account for revenue tracking\n        try {\n          const billingResult = await createBillingAccountMutation({\n            variables: {\n              input: {\n                name: formData.name,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          });\n          const billingAccountId = billingResult.data?.createBillingAccount?.id;\n          if (billingAccountId) {\n            await linkBillingAccount({\n              variables: { organizationId: orgId, billingAccountId },\n            });\n          }\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n\n        handleNavigate(`/organizations/${orgId}`);\n      }\n    } catch (error) {\n      console.error(\"Failed to create organization:\", error);\n    }\n  };\n\n  const handleCancel = () => {\n    handleNavigate(\"/organizations\");\n  };\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.ORG_CREATE}>\n      <PageLayout\n        title={tr(\"devportal.createOrganization\", \"Create Organization\")}\n        description={tr(\n          \"devportal.createOrganizationDescription\",\n          \"Set up a developer organization to collaborate with your team\",\n        )}\n        purpose={tr(\n          \"devportal.createOrganizationPurpose\",\n          \"An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards.\",\n        )}\n        backLink={`${basePath}/organizations`}\n        backLabel={tr(\"devportal.backToOrganizations\", \"Back to Organizations\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Organization Details */}\n          <PageSection\n            title={tr(\"devportal.organizationDetails\", \"Organization Details\")}\n            description={tr(\n              \"devportal.organizationDetailsDescription\",\n              \"Basic information about your organization\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={errors.name}\n                hint={tr(\n                  \"devportal.organizationNameHint\",\n                  \"Your organization's display name\",\n                )}\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.orgSlugPlaceholder\", \"acme-dev\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier (auto-generated from name)\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization...\",\n                )}\n                rows={3}\n              />\n\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=\"https://example.com\"\n              />\n\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <InputField\n                  label={tr(\"devportal.contactEmail\", \"Contact Email\")}\n                  type=\"email\"\n                  value={formData.contactEmail}\n                  onChange={(e) => handleChange(\"contactEmail\", e.target.value)}\n                  placeholder=\"contact@example.com\"\n                  error={errors.contactEmail}\n                />\n\n                <InputField\n                  label={tr(\"devportal.supportEmail\", \"Support Email\")}\n                  type=\"email\"\n                  value={formData.supportEmail}\n                  onChange={(e) => handleChange(\"supportEmail\", e.target.value)}\n                  placeholder=\"support@example.com\"\n                  error={errors.supportEmail}\n                />\n              </div>\n            </div>\n          </PageSection>\n\n          {/* Billing info note */}\n          <div className=\"rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3\">\n            <Info size={20} className=\"text-accent-blue flex-shrink-0 mt-0.5\" />\n            <div className=\"text-sm text-status-info-text\">\n              <p className=\"font-medium\">\n                {tr(\n                  \"devportal.billingAutoSetup\",\n                  \"A billing account will be automatically set up\",\n                )}\n              </p>\n              <p className=\"mt-1\">\n                {tr(\n                  \"devportal.billingAutoSetupNote\",\n                  \"Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.\",\n                )}\n              </p>\n            </div>\n          </div>\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n            >\n              {isSubmitting ? (\n                <>\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                  {tr(\"devportal.creating\", \"Creating...\")}\n                </>\n              ) : (\n                <>\n                  <Building2 size={16} />\n                  {tr(\"devportal.createOrganization\", \"Create Organization\")}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CreateOrganizationPage.js","names":[],"sources":["../../../src/devportal/pages/CreateOrganizationPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState } from \"react\";\nimport { X, Info, Building2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField, TextareaField } from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PermissionGuard } from \"../components\";\nimport {\n  useCreateOrganizationMutation,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../../generated/global-operations\";\nimport { useCreateBillingAccountMutation } from \"../hooks\";\nimport { useDevportalEventBus } from \"../events\";\n\ninterface CreateOrganizationFormData {\n  name: string;\n  slug: string;\n  description: string;\n  websiteUrl: string;\n  contactEmail: string;\n  supportEmail: string;\n}\n\ninterface FormErrors {\n  name?: string;\n  slug?: string;\n  contactEmail?: string;\n  supportEmail?: string;\n}\n\n/**\n * Create new organization page — single step.\n * Billing account is auto-created and linked after org creation.\n * Legal/tax details are completed later from organization settings.\n */\nexport const CreateOrganizationPage: FC = () => {\n  const { navigate, basePath, currentUser } = 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 [errors, setErrors] = useState<FormErrors>({});\n  const [createOrganization, { loading: isSubmitting }] =\n    useCreateOrganizationMutation();\n  const [createBillingAccountMutation] = useCreateBillingAccountMutation();\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const bus = useDevportalEventBus();\n\n  const [formData, setFormData] = useState<CreateOrganizationFormData>({\n    name: \"\",\n    slug: \"\",\n    description: \"\",\n    websiteUrl: \"\",\n    contactEmail: \"\",\n    supportEmail: \"\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const generateSlug = (name: string): string => {\n    return name\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-|-$/g, \"\");\n  };\n\n  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setFormData((prev) => ({\n      ...prev,\n      name,\n      slug: prev.slug || generateSlug(name),\n    }));\n    if (errors.name) {\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    }\n  };\n\n  const handleChange = (\n    field: keyof CreateOrganizationFormData,\n    value: string,\n  ) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n    if (errors[field as keyof FormErrors]) {\n      setErrors((prev) => ({ ...prev, [field]: undefined }));\n    }\n  };\n\n  const validate = (): boolean => {\n    const newErrors: FormErrors = {};\n\n    if (!formData.name.trim()) {\n      newErrors.name = tr(\n        \"devportal.orgNameRequired\",\n        \"Organization name is required\",\n      );\n    } else if (formData.name.length < 2) {\n      newErrors.name = tr(\n        \"devportal.orgNameTooShort\",\n        \"Name must be at least 2 characters\",\n      );\n    } else if (formData.name.length > 100) {\n      newErrors.name = tr(\n        \"devportal.nameTooLong\",\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.slugInvalid\",\n        \"Slug can only contain lowercase letters, numbers, and hyphens\",\n      );\n    }\n\n    if (\n      formData.contactEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.contactEmail)\n    ) {\n      newErrors.contactEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\n      );\n    }\n\n    if (\n      formData.supportEmail &&\n      !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.supportEmail)\n    ) {\n      newErrors.supportEmail = tr(\n        \"devportal.invalidEmailAddress\",\n        \"Invalid email address\",\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 (!validate()) return;\n\n    try {\n      const result = await createOrganization({\n        variables: {\n          input: {\n            name: formData.name,\n            slug: formData.slug || undefined,\n            description: formData.description || undefined,\n            websiteUrl: formData.websiteUrl || undefined,\n            contactEmail: formData.contactEmail || undefined,\n            supportEmail: formData.supportEmail || undefined,\n          },\n        },\n      });\n\n      const orgId = result.data?.createDeveloperOrganization?.id;\n      if (orgId) {\n        bus.emit(\"devportal.org.created\", {\n          organizationId: orgId,\n          name: formData.name,\n        });\n\n        // Auto-create and link a billing account for revenue tracking\n        try {\n          const billingResult = await createBillingAccountMutation({\n            variables: {\n              input: {\n                name: formData.name,\n                email: currentUser?.email ?? \"\",\n              },\n            },\n          });\n          const billingAccountId = billingResult.data?.createBillingAccount?.id;\n          if (billingAccountId) {\n            await linkBillingAccount({\n              variables: { organizationId: orgId, billingAccountId },\n            });\n          }\n        } catch {\n          // non-blocking — can be linked later from the Revenue tab\n        }\n\n        handleNavigate(`/organizations/${orgId}`);\n      }\n    } catch (error) {\n      console.error(\"Failed to create organization:\", error);\n    }\n  };\n\n  const handleCancel = () => {\n    handleNavigate(\"/organizations\");\n  };\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.createOrganization\", \"Create Organization\")}\n        description={tr(\n          \"devportal.createOrganizationDescription\",\n          \"Set up a developer organization to collaborate with your team\",\n        )}\n        purpose={tr(\n          \"devportal.createOrganizationPurpose\",\n          \"An organization is the shared owner of your apps, members, and revenue. Create one here so your team works under a single identity — pick a name and tier now; you can invite members and verify it afterwards.\",\n        )}\n        backLink={`${basePath}/organizations`}\n        backLabel={tr(\"devportal.backToOrganizations\", \"Back to Organizations\")}\n      >\n        <form onSubmit={handleSubmit} className=\"space-y-8 max-w-3xl\">\n          {/* Organization Details */}\n          <PageSection\n            title={tr(\"devportal.organizationDetails\", \"Organization Details\")}\n            description={tr(\n              \"devportal.organizationDetailsDescription\",\n              \"Basic information about your organization\",\n            )}\n          >\n            <div className=\"space-y-4\">\n              <InputField\n                label={tr(\"devportal.organizationName\", \"Organization Name\")}\n                value={formData.name}\n                onChange={handleNameChange}\n                placeholder={tr(\n                  \"devportal.organizationNamePlaceholder\",\n                  \"Acme Development\",\n                )}\n                required\n                error={errors.name}\n                hint={tr(\n                  \"devportal.organizationNameHint\",\n                  \"Your organization's display name\",\n                )}\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.orgSlugPlaceholder\", \"acme-dev\")}\n                required\n                error={errors.slug}\n                hint={tr(\n                  \"devportal.slugHint\",\n                  \"URL-friendly identifier (auto-generated from name)\",\n                )}\n              />\n\n              <TextareaField\n                label={tr(\"devportal.description\", \"Description\")}\n                value={formData.description}\n                onChange={(e) => handleChange(\"description\", e.target.value)}\n                placeholder={tr(\n                  \"devportal.orgDescriptionPlaceholder\",\n                  \"Tell us about your organization...\",\n                )}\n                rows={3}\n              />\n\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=\"https://example.com\"\n              />\n\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <InputField\n                  label={tr(\"devportal.contactEmail\", \"Contact Email\")}\n                  type=\"email\"\n                  value={formData.contactEmail}\n                  onChange={(e) => handleChange(\"contactEmail\", e.target.value)}\n                  placeholder=\"contact@example.com\"\n                  error={errors.contactEmail}\n                />\n\n                <InputField\n                  label={tr(\"devportal.supportEmail\", \"Support Email\")}\n                  type=\"email\"\n                  value={formData.supportEmail}\n                  onChange={(e) => handleChange(\"supportEmail\", e.target.value)}\n                  placeholder=\"support@example.com\"\n                  error={errors.supportEmail}\n                />\n              </div>\n            </div>\n          </PageSection>\n\n          {/* Billing info note */}\n          <div className=\"rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 flex gap-3\">\n            <Info size={20} className=\"text-accent-blue flex-shrink-0 mt-0.5\" />\n            <div className=\"text-sm text-status-info-text\">\n              <p className=\"font-medium\">\n                {tr(\n                  \"devportal.billingAutoSetup\",\n                  \"A billing account will be automatically set up\",\n                )}\n              </p>\n              <p className=\"mt-1\">\n                {tr(\n                  \"devportal.billingAutoSetupNote\",\n                  \"Revenue from app sales will be credited to it. You can complete legal and tax details for payouts later in Organization Settings.\",\n                )}\n              </p>\n            </div>\n          </div>\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 border-t pt-6\">\n            <button\n              type=\"button\"\n              onClick={handleCancel}\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-bg-sunken transition-colors disabled:opacity-50\"\n            >\n              <X size={16} />\n              {tr(\"devportal.cancel\", \"Cancel\")}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isSubmitting}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n            >\n              {isSubmitting ? (\n                <>\n                  <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n                  {tr(\"devportal.creating\", \"Creating...\")}\n                </>\n              ) : (\n                <>\n                  <Building2 size={16} />\n                  {tr(\"devportal.createOrganization\", \"Create Organization\")}\n                </>\n              )}\n            </button>\n          </div>\n        </form>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}