@burdenoff/microfe-devportal 2026.1113.1 → 2026.1113.2

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.js","names":["EmptyState","EmptyState$1","formatDate","value","neverLabel","parsed","SettingsPage","useDevportal","tr","useTr","useGetDeveloperPortalSettingsOverviewQuery","handleNavigate","basePath","path","title","description","loading","data","PageLayout","Loader2","error","AlertCircle","getErrorMessage","profile","organizations","org","apiKeys","totalApiKeyCount","latestApiKey","totalRevenue","sum","organization","PageSection","EmphasisPanel","UserCircle2","VerifiedBadge","Settings","KeyRound","Workflow","Building2","ExternalLink","Webhook","Shield","Mail"],"sources":["../../../src/devportal/pages/SettingsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  Building2,\n  ExternalLink,\n  KeyRound,\n  Mail,\n  Settings,\n  Shield,\n  UserCircle2,\n  Webhook,\n  Workflow,\n  Loader2,\n  AlertCircle,\n} from \"lucide-react\";\nimport { EmphasisPanel } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { VerifiedBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  getErrorMessage,\n  useGetDeveloperPortalSettingsOverviewQuery,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nconst formatDate = (\n  value: string | null | undefined,\n  neverLabel: string,\n): string => {\n  if (!value) return neverLabel;\n\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return neverLabel;\n\n  return parsed.toLocaleDateString();\n};\n\nexport const SettingsPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const { data, loading, error } = useGetDeveloperPortalSettingsOverviewQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const neverLabel = tr(\"devportal.settings.never\", \"Never\");\n  const title = tr(\"devportal.settings.title\", \"Settings\");\n  const description = tr(\n    \"devportal.settings.description\",\n    \"Review your developer portal account, credentials, and support options\",\n  );\n\n  if (loading && !data) {\n    return (\n      <PageLayout title={title} description={description}>\n        <div\n          className=\"flex items-center justify-center py-16 text-text-secondary\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={tr(\"devportal.common.loading\", \"Loading\")}\n        >\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title={title} description={description}>\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.settings.errorTitle\", \"Unable to load settings\")}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  const profile = data?.myDeveloperProfile;\n  // This overview is scoped to the regular (digital) devportal — exclude\n  // PHYSICAL orgs so seller-portal orgs don't inflate the \"Developer\n  // organizations\" count/revenue shown here. See DeveloperOrgKind (BOFF-7285).\n  type SettingsOrganization = NonNullable<\n    typeof data\n  >[\"myDeveloperOrganizations\"][number];\n  const organizations = (data?.myDeveloperOrganizations ?? []).filter(\n    (org: SettingsOrganization) => org.kind !== \"PHYSICAL\",\n  );\n  const apiKeys = data?.myApiKeys?.apiKeys ?? [];\n  const totalApiKeyCount = data?.myApiKeys?.totalCount ?? apiKeys.length;\n  const latestApiKey = apiKeys[0];\n  const totalRevenue = organizations.reduce(\n    (sum: number, organization: (typeof organizations)[number]) =>\n      sum + (organization.totalRevenue ?? 0),\n    0,\n  );\n\n  return (\n    <PageLayout\n      title={title}\n      description={description}\n      purpose={tr(\n        \"devportal.settings.purpose\",\n        \"A quick health-check of your developer account — your profile, how many API keys and organizations you have, and where to get support. Use it to spot missing setup before it blocks publishing or billing.\",\n      )}\n    >\n      <div className=\"grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]\">\n        <div className=\"space-y-6\">\n          <PageSection title={tr(\"devportal.settings.profile\", \"Profile\")}>\n            <EmphasisPanel>\n              <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <UserCircle2\n                      className=\"h-5 w-5 text-primary\"\n                      aria-hidden=\"true\"\n                    />\n                    <h2 className=\"text-lg font-semibold\">\n                      {tr(\n                        \"devportal.settings.developerProfile\",\n                        \"Developer profile\",\n                      )}\n                    </h2>\n                    {profile?.isVerified && <VerifiedBadge verified />}\n                  </div>\n                  <p className=\"text-sm text-text-secondary\">\n                    {profile?.companyName ||\n                      tr(\n                        \"devportal.settings.noCompanyName\",\n                        \"No company name set yet\",\n                      )}\n                  </p>\n                  {profile?.bio && (\n                    <p className=\"max-w-2xl text-sm text-text-secondary\">\n                      {profile.bio}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-2 pt-1 text-xs text-text-secondary\">\n                    <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                      {profile?.applicationCount ?? 0}{\" \"}\n                      {tr(\n                        \"devportal.settings.publishedAssetsTracked\",\n                        \"published assets tracked\",\n                      )}\n                    </span>\n                    <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                      {profile?.totalInstalls ?? 0}{\" \"}\n                      {tr(\"devportal.settings.installs\", \"installs\")}\n                    </span>\n                    <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                      {tr(\"devportal.settings.emailUpdates\", \"Email updates\")}{\" \"}\n                      {profile?.emailNotifications\n                        ? tr(\"devportal.common.enabled\", \"enabled\")\n                        : tr(\"devportal.common.disabled\", \"disabled\")}\n                    </span>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/publisher/profile\")}\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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Settings size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.settings.manageProfile\", \"Manage profile\")}\n                </button>\n              </div>\n            </EmphasisPanel>\n          </PageSection>\n\n          <div className=\"grid gap-6 lg:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.settings.credentials\", \"Credentials\")}\n            >\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/api-keys\")}\n                    className=\"rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    <div className=\"flex items-center gap-2 text-primary\">\n                      <KeyRound size={16} aria-hidden=\"true\" />\n                      <span className=\"font-medium\">\n                        {tr(\"devportal.apiKeys\", \"API Keys\")}\n                      </span>\n                    </div>\n                    <p className=\"mt-2 text-2xl font-semibold\">\n                      {totalApiKeyCount}\n                    </p>\n                    <p className=\"mt-1 text-sm text-text-secondary\">\n                      {latestApiKey\n                        ? `${tr(\"devportal.settings.lastUsed\", \"Last used\")} ${formatDate(latestApiKey.lastUsedAt, neverLabel)}`\n                        : tr(\n                            \"devportal.settings.noApiKeys\",\n                            \"No API keys created yet\",\n                          )}\n                    </p>\n                  </button>\n\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/oauth\")}\n                    className=\"rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    <div className=\"flex items-center gap-2 text-primary\">\n                      <Workflow size={16} aria-hidden=\"true\" />\n                      <span className=\"font-medium\">\n                        {tr(\"devportal.settings.oauthApps\", \"OAuth Apps\")}\n                      </span>\n                    </div>\n                    <p className=\"mt-2 text-2xl font-semibold\">\n                      {tr(\"devportal.common.open\", \"Open\")}\n                    </p>\n                    <p className=\"mt-1 text-sm text-text-secondary\">\n                      {tr(\n                        \"devportal.settings.oauthDescription\",\n                        \"Manage OAuth clients on the dedicated credentials page.\",\n                      )}\n                    </p>\n                  </button>\n                </div>\n              </div>\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.settings.organizations\", \"Organizations\")}\n            >\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                <div className=\"flex items-center gap-2 text-primary\">\n                  <Building2 size={16} aria-hidden=\"true\" />\n                  <span className=\"font-medium\">\n                    {tr(\n                      \"devportal.settings.developerOrganizations\",\n                      \"Developer organizations\",\n                    )}\n                  </span>\n                </div>\n                <p className=\"mt-2 text-2xl font-semibold\">\n                  {organizations.length}\n                </p>\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  ${totalRevenue.toLocaleString()}{\" \"}\n                  {tr(\n                    \"devportal.settings.lifetimeRevenue\",\n                    \"lifetime revenue across all teams\",\n                  )}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/organizations\")}\n                  className=\"mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  {tr(\n                    \"devportal.settings.viewOrganizations\",\n                    \"View organizations\",\n                  )}\n                  <ExternalLink size={14} aria-hidden=\"true\" />\n                </button>\n              </div>\n            </PageSection>\n          </div>\n\n          <PageSection\n            title={tr(\n              \"devportal.settings.deliveryAutomation\",\n              \"Delivery & automation\",\n            )}\n          >\n            <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n              <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                <div>\n                  <div className=\"flex items-center gap-2 text-primary\">\n                    <Webhook size={16} aria-hidden=\"true\" />\n                    <span className=\"font-medium\">\n                      {tr(\n                        \"devportal.settings.webhookOperations\",\n                        \"Webhook operations\",\n                      )}\n                    </span>\n                  </div>\n                  <p className=\"mt-2 text-sm text-text-secondary\">\n                    {tr(\n                      \"devportal.settings.webhookOperationsDescription\",\n                      \"Configure application webhooks from each application detail page. Delivery history and retry status are available per app.\",\n                    )}\n                  </p>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/webhooks\")}\n                  className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  {tr(\"devportal.settings.openWebhooks\", \"Open webhooks\")}\n                  <ExternalLink size={14} aria-hidden=\"true\" />\n                </button>\n              </div>\n            </div>\n          </PageSection>\n        </div>\n\n        <div className=\"space-y-6\">\n          <PageSection\n            title={tr(\n              \"devportal.settings.securitySupport\",\n              \"Security & support\",\n            )}\n          >\n            <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n              <div className=\"flex items-center gap-2 text-primary\">\n                <Shield size={16} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr(\"devportal.settings.securityPosture\", \"Security posture\")}\n                </span>\n              </div>\n              <ul className=\"mt-4 space-y-3 text-sm text-text-secondary\">\n                <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote1\",\n                    \"API keys and OAuth apps are managed through the public global gateway.\",\n                  )}\n                </li>\n                <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote2\",\n                    \"Webhook testing and delivery history are available per application.\",\n                  )}\n                </li>\n                <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote3\",\n                    \"Profile verification status is reflected directly from your developer profile.\",\n                  )}\n                </li>\n              </ul>\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.settings.recentCredentialActivity\",\n              \"Recent credential activity\",\n            )}\n          >\n            <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n              {latestApiKey ? (\n                <div className=\"space-y-4 text-sm\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <div>\n                      <p className=\"font-medium\">{latestApiKey.name}</p>\n                      <p className=\"text-text-secondary\">\n                        {latestApiKey.prefix}\n                      </p>\n                    </div>\n                    <span className=\"inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n                      {tr(\"devportal.common.active\", \"Active\")}\n                    </span>\n                  </div>\n                  <dl className=\"grid gap-3 text-text-secondary\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.common.created\", \"Created\")}</dt>\n                      <dd>{formatDate(latestApiKey.createdAt, neverLabel)}</dd>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.common.expires\", \"Expires\")}</dt>\n                      <dd>{formatDate(latestApiKey.expiresAt, neverLabel)}</dd>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.settings.lastUsed\", \"Last used\")}</dt>\n                      <dd>{formatDate(latestApiKey.lastUsedAt, neverLabel)}</dd>\n                    </div>\n                  </dl>\n                </div>\n              ) : (\n                <EmptyState\n                  illustration=\"empty-notifications\"\n                  icon={<KeyRound size={24} />}\n                  title={tr(\n                    \"devportal.settings.noCredentialActivity\",\n                    \"No credential activity yet\",\n                  )}\n                  description={tr(\n                    \"devportal.settings.noCredentialActivityDescription\",\n                    \"Create an API key or OAuth app to manage credentials from here.\",\n                  )}\n                />\n              )}\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\"devportal.settings.accountActions\", \"Account actions\")}\n          >\n            <div className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6\">\n              <h2 className=\"font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.settings.needHelpTitle\",\n                  \"Need help with account changes?\",\n                )}\n              </h2>\n              <p className=\"mt-2 text-sm text-status-warning-text\">\n                {tr(\n                  \"devportal.settings.needHelpDescription\",\n                  \"Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.\",\n                )}\n              </p>\n              <a\n                href=\"mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support\"\n                className=\"mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n              >\n                <Mail size={16} aria-hidden=\"true\" />\n                {tr(\"devportal.settings.contactSupport\", \"Contact support\")}\n              </a>\n            </div>\n          </PageSection>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SettingsPage.js","names":["_Fragment","EmptyState","EmptyState$1","formatDate","value","neverLabel","parsed","HealthCheckFold","tr","useTr","fold","OptionalFields","Fragment","SettingsPage","useDevportal","isFluidgrids","useIsFluidgridsVariant","useGetDeveloperPortalSettingsOverviewQuery","handleNavigate","basePath","path","title","description","hub","DeveloperSettingsHub","loading","data","PageLayout","Loader2","error","AlertCircle","getErrorMessage","profile","organizations","org","apiKeys","totalApiKeyCount","latestApiKey","totalRevenue","sum","organization","PageSection","EmphasisPanel","UserCircle2","VerifiedBadge","Settings","KeyRound","Workflow","Building2","ExternalLink","Webhook","Shield","Mail"],"sources":["../../../src/devportal/pages/SettingsPage.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport {\n  Building2,\n  ExternalLink,\n  KeyRound,\n  Mail,\n  Settings,\n  Shield,\n  UserCircle2,\n  Webhook,\n  Workflow,\n  Loader2,\n  AlertCircle,\n} from \"lucide-react\";\nimport { EmphasisPanel, OptionalFields } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { VerifiedBadge } from \"../components/StatusBadge\";\nimport { DeveloperSettingsHub } from \"../components/DeveloperSettingsHub\";\nimport {\n  useDevportal,\n  useIsFluidgridsVariant,\n} from \"../providers/DevportalProvider\";\nimport {\n  getErrorMessage,\n  useGetDeveloperPortalSettingsOverviewQuery,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nconst formatDate = (\n  value: string | null | undefined,\n  neverLabel: string,\n): string => {\n  if (!value) return neverLabel;\n\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return neverLabel;\n\n  return parsed.toLocaleDateString();\n};\n\n/** FluidGrids: the health check sits one click deeper, remembered once opened. */\nconst HealthCheckFold: FC<{ fold: boolean; children: ReactNode }> = ({\n  fold,\n  children,\n}) => {\n  const tr = useTr();\n  if (!fold) return <>{children}</>;\n  return (\n    <OptionalFields\n      storageKey=\"devportal.settings.healthCheck\"\n      title={tr(\"devportal.developerSettings.healthTitle\", \"Account check\")}\n      description={tr(\n        \"devportal.developerSettings.healthDescription\",\n        \"Your developer profile, credentials, organizations and support options.\",\n      )}\n    >\n      {children}\n    </OptionalFields>\n  );\n};\n\nexport const SettingsPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const isFluidgrids = useIsFluidgridsVariant();\n  const { data, loading, error } = useGetDeveloperPortalSettingsOverviewQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const neverLabel = tr(\"devportal.settings.never\", \"Never\");\n  // FluidGrids: this page is the Developer settings hub (links first, the\n  // account health check one click deeper). Other apps keep the old page.\n  const title = isFluidgrids\n    ? tr(\"devportal.developerSettings.title\", \"Developer settings\")\n    : tr(\"devportal.settings.title\", \"Settings\");\n  const description = isFluidgrids\n    ? tr(\n        \"devportal.developerSettings.description\",\n        \"API keys, OAuth apps, webhooks, apps acting for you, app logs, analytics and docs in one place\",\n      )\n    : tr(\n        \"devportal.settings.description\",\n        \"Review your developer portal account, credentials, and support options\",\n      );\n  const hub = isFluidgrids ? (\n    <div className=\"mb-6\">\n      <DeveloperSettingsHub />\n    </div>\n  ) : null;\n\n  if (loading && !data) {\n    return (\n      <PageLayout title={title} description={description}>\n        {hub}\n        <div\n          className=\"flex items-center justify-center py-16 text-text-secondary\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={tr(\"devportal.common.loading\", \"Loading\")}\n        >\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title={title} description={description}>\n        {hub}\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.settings.errorTitle\", \"Unable to load settings\")}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  const profile = data?.myDeveloperProfile;\n  // This overview is scoped to the regular (digital) devportal — exclude\n  // PHYSICAL orgs so seller-portal orgs don't inflate the \"Developer\n  // organizations\" count/revenue shown here. See DeveloperOrgKind (BOFF-7285).\n  type SettingsOrganization = NonNullable<\n    typeof data\n  >[\"myDeveloperOrganizations\"][number];\n  const organizations = (data?.myDeveloperOrganizations ?? []).filter(\n    (org: SettingsOrganization) => org.kind !== \"PHYSICAL\",\n  );\n  const apiKeys = data?.myApiKeys?.apiKeys ?? [];\n  const totalApiKeyCount = data?.myApiKeys?.totalCount ?? apiKeys.length;\n  const latestApiKey = apiKeys[0];\n  const totalRevenue = organizations.reduce(\n    (sum: number, organization: (typeof organizations)[number]) =>\n      sum + (organization.totalRevenue ?? 0),\n    0,\n  );\n\n  return (\n    <PageLayout\n      title={title}\n      description={description}\n      purpose={tr(\n        \"devportal.settings.purpose\",\n        \"A quick health-check of your developer account — your profile, how many API keys and organizations you have, and where to get support. Use it to spot missing setup before it blocks publishing or billing.\",\n      )}\n    >\n      {hub}\n      <HealthCheckFold fold={isFluidgrids}>\n        <div className=\"grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]\">\n          <div className=\"space-y-6\">\n            <PageSection title={tr(\"devportal.settings.profile\", \"Profile\")}>\n              <EmphasisPanel>\n                <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                  <div className=\"space-y-2\">\n                    <div className=\"flex items-center gap-2\">\n                      <UserCircle2\n                        className=\"h-5 w-5 text-primary\"\n                        aria-hidden=\"true\"\n                      />\n                      <h2 className=\"text-lg font-semibold\">\n                        {tr(\n                          \"devportal.settings.developerProfile\",\n                          \"Developer profile\",\n                        )}\n                      </h2>\n                      {profile?.isVerified && <VerifiedBadge verified />}\n                    </div>\n                    <p className=\"text-sm text-text-secondary\">\n                      {profile?.companyName ||\n                        tr(\n                          \"devportal.settings.noCompanyName\",\n                          \"No company name set yet\",\n                        )}\n                    </p>\n                    {profile?.bio && (\n                      <p className=\"max-w-2xl text-sm text-text-secondary\">\n                        {profile.bio}\n                      </p>\n                    )}\n                    <div className=\"flex flex-wrap gap-2 pt-1 text-xs text-text-secondary\">\n                      <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                        {profile?.applicationCount ?? 0}{\" \"}\n                        {tr(\n                          \"devportal.settings.publishedAssetsTracked\",\n                          \"published assets tracked\",\n                        )}\n                      </span>\n                      <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                        {profile?.totalInstalls ?? 0}{\" \"}\n                        {tr(\"devportal.settings.installs\", \"installs\")}\n                      </span>\n                      <span className=\"rounded-full bg-bg-sunken px-2.5 py-1\">\n                        {tr(\"devportal.settings.emailUpdates\", \"Email updates\")}{\" \"}\n                        {profile?.emailNotifications\n                          ? tr(\"devportal.common.enabled\", \"enabled\")\n                          : tr(\"devportal.common.disabled\", \"disabled\")}\n                      </span>\n                    </div>\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/publisher/profile\")}\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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    <Settings size={16} aria-hidden=\"true\" />\n                    {tr(\"devportal.settings.manageProfile\", \"Manage profile\")}\n                  </button>\n                </div>\n              </EmphasisPanel>\n            </PageSection>\n\n            <div className=\"grid gap-6 lg:grid-cols-2\">\n              <PageSection\n                title={tr(\"devportal.settings.credentials\", \"Credentials\")}\n              >\n                <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                  <div className=\"grid gap-4 sm:grid-cols-2\">\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigate(\"/api-keys\")}\n                      className=\"rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                    >\n                      <div className=\"flex items-center gap-2 text-primary\">\n                        <KeyRound size={16} aria-hidden=\"true\" />\n                        <span className=\"font-medium\">\n                          {tr(\"devportal.apiKeys\", \"API Keys\")}\n                        </span>\n                      </div>\n                      <p className=\"mt-2 text-2xl font-semibold\">\n                        {totalApiKeyCount}\n                      </p>\n                      <p className=\"mt-1 text-sm text-text-secondary\">\n                        {latestApiKey\n                          ? `${tr(\"devportal.settings.lastUsed\", \"Last used\")} ${formatDate(latestApiKey.lastUsedAt, neverLabel)}`\n                          : tr(\n                              \"devportal.settings.noApiKeys\",\n                              \"No API keys created yet\",\n                            )}\n                      </p>\n                    </button>\n\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigate(\"/oauth\")}\n                      className=\"rounded-card border border-border-seam bg-bg-surface p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                    >\n                      <div className=\"flex items-center gap-2 text-primary\">\n                        <Workflow size={16} aria-hidden=\"true\" />\n                        <span className=\"font-medium\">\n                          {tr(\"devportal.settings.oauthApps\", \"OAuth Apps\")}\n                        </span>\n                      </div>\n                      <p className=\"mt-2 text-2xl font-semibold\">\n                        {tr(\"devportal.common.open\", \"Open\")}\n                      </p>\n                      <p className=\"mt-1 text-sm text-text-secondary\">\n                        {tr(\n                          \"devportal.settings.oauthDescription\",\n                          \"Manage OAuth clients on the dedicated credentials page.\",\n                        )}\n                      </p>\n                    </button>\n                  </div>\n                </div>\n              </PageSection>\n\n              <PageSection\n                title={tr(\"devportal.settings.organizations\", \"Organizations\")}\n              >\n                <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                  <div className=\"flex items-center gap-2 text-primary\">\n                    <Building2 size={16} aria-hidden=\"true\" />\n                    <span className=\"font-medium\">\n                      {tr(\n                        \"devportal.settings.developerOrganizations\",\n                        \"Developer organizations\",\n                      )}\n                    </span>\n                  </div>\n                  <p className=\"mt-2 text-2xl font-semibold\">\n                    {organizations.length}\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-secondary\">\n                    ${totalRevenue.toLocaleString()}{\" \"}\n                    {tr(\n                      \"devportal.settings.lifetimeRevenue\",\n                      \"lifetime revenue across all teams\",\n                    )}\n                  </p>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/organizations\")}\n                    className=\"mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    {tr(\n                      \"devportal.settings.viewOrganizations\",\n                      \"View organizations\",\n                    )}\n                    <ExternalLink size={14} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              </PageSection>\n            </div>\n\n            <PageSection\n              title={tr(\n                \"devportal.settings.deliveryAutomation\",\n                \"Delivery & automation\",\n              )}\n            >\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                  <div>\n                    <div className=\"flex items-center gap-2 text-primary\">\n                      <Webhook size={16} aria-hidden=\"true\" />\n                      <span className=\"font-medium\">\n                        {tr(\n                          \"devportal.settings.webhookOperations\",\n                          \"Webhook operations\",\n                        )}\n                      </span>\n                    </div>\n                    <p className=\"mt-2 text-sm text-text-secondary\">\n                      {tr(\n                        \"devportal.settings.webhookOperationsDescription\",\n                        \"Configure application webhooks from each application detail page. Delivery history and retry status are available per app.\",\n                      )}\n                    </p>\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/webhooks\")}\n                    className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    {tr(\"devportal.settings.openWebhooks\", \"Open webhooks\")}\n                    <ExternalLink size={14} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              </div>\n            </PageSection>\n          </div>\n\n          <div className=\"space-y-6\">\n            <PageSection\n              title={tr(\n                \"devportal.settings.securitySupport\",\n                \"Security & support\",\n              )}\n            >\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                <div className=\"flex items-center gap-2 text-primary\">\n                  <Shield size={16} aria-hidden=\"true\" />\n                  <span className=\"font-medium\">\n                    {tr(\n                      \"devportal.settings.securityPosture\",\n                      \"Security posture\",\n                    )}\n                  </span>\n                </div>\n                <ul className=\"mt-4 space-y-3 text-sm text-text-secondary\">\n                  <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                    {tr(\n                      \"devportal.settings.securityNote1\",\n                      \"API keys and OAuth apps are managed through the public global gateway.\",\n                    )}\n                  </li>\n                  <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                    {tr(\n                      \"devportal.settings.securityNote2\",\n                      \"Webhook testing and delivery history are available per application.\",\n                    )}\n                  </li>\n                  <li className=\"rounded-md bg-bg-sunken px-3 py-2\">\n                    {tr(\n                      \"devportal.settings.securityNote3\",\n                      \"Profile verification status is reflected directly from your developer profile.\",\n                    )}\n                  </li>\n                </ul>\n              </div>\n            </PageSection>\n\n            <PageSection\n              title={tr(\n                \"devportal.settings.recentCredentialActivity\",\n                \"Recent credential activity\",\n              )}\n            >\n              <div className=\"rounded-card border border-border-seam bg-bg-surface p-6\">\n                {latestApiKey ? (\n                  <div className=\"space-y-4 text-sm\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div>\n                        <p className=\"font-medium\">{latestApiKey.name}</p>\n                        <p className=\"text-text-secondary\">\n                          {latestApiKey.prefix}\n                        </p>\n                      </div>\n                      <span className=\"inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n                        {tr(\"devportal.common.active\", \"Active\")}\n                      </span>\n                    </div>\n                    <dl className=\"grid gap-3 text-text-secondary\">\n                      <div className=\"flex items-center justify-between gap-3\">\n                        <dt>{tr(\"devportal.common.created\", \"Created\")}</dt>\n                        <dd>\n                          {formatDate(latestApiKey.createdAt, neverLabel)}\n                        </dd>\n                      </div>\n                      <div className=\"flex items-center justify-between gap-3\">\n                        <dt>{tr(\"devportal.common.expires\", \"Expires\")}</dt>\n                        <dd>\n                          {formatDate(latestApiKey.expiresAt, neverLabel)}\n                        </dd>\n                      </div>\n                      <div className=\"flex items-center justify-between gap-3\">\n                        <dt>\n                          {tr(\"devportal.settings.lastUsed\", \"Last used\")}\n                        </dt>\n                        <dd>\n                          {formatDate(latestApiKey.lastUsedAt, neverLabel)}\n                        </dd>\n                      </div>\n                    </dl>\n                  </div>\n                ) : (\n                  <EmptyState\n                    illustration=\"empty-notifications\"\n                    icon={<KeyRound size={24} />}\n                    title={tr(\n                      \"devportal.settings.noCredentialActivity\",\n                      \"No credential activity yet\",\n                    )}\n                    description={tr(\n                      \"devportal.settings.noCredentialActivityDescription\",\n                      \"Create an API key or OAuth app to manage credentials from here.\",\n                    )}\n                  />\n                )}\n              </div>\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.settings.accountActions\", \"Account actions\")}\n            >\n              <div className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6\">\n                <h2 className=\"font-semibold text-status-warning-text\">\n                  {tr(\n                    \"devportal.settings.needHelpTitle\",\n                    \"Need help with account changes?\",\n                  )}\n                </h2>\n                <p className=\"mt-2 text-sm text-status-warning-text\">\n                  {tr(\n                    \"devportal.settings.needHelpDescription\",\n                    \"Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.\",\n                  )}\n                </p>\n                <a\n                  href=\"mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support\"\n                  className=\"mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Mail size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.settings.contactSupport\", \"Contact support\")}\n                </a>\n              </div>\n            </PageSection>\n          </div>\n        </div>\n      </HealthCheckFold>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/SetupPage.js

@@ -11,8 +11,8 @@ import { ELIGIBILITY_RULES as c, reviewRequirementsFor as oe } from "../utils/de
 import { useState as l } from "react";
 import { AppWindow as u, ArrowRight as se, BookOpen as ce, Box as le, Building2 as d, Check as f, ChevronRight as p, GitFork as ue, Key as de, ListChecks as m, Puzzle as h, Rocket as g, ShieldCheck as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Illustration as pe, PagePurpose as me } from "@burdenoff/fe-libs/ui";
+import { Illustration as fe, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
+import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/SetupPage.tsx
 function b(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
@@ -61,7 +61,7 @@ var S = [
 		})
 	});
 }, C = () => {
-	let { navigate: a, basePath: c, currentUser: _ } = i(), { t: S } = fe(), C = ee(), E = (e, t) => {
+	let { navigate: a, basePath: c, currentUser: _ } = i(), { t: S } = me(), C = ee(), E = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
 	}, D = (e) => a?.(`${c}${e}`), [O, k] = l("org"), [A, _e] = l(null), [j, ve] = l(null), [ye, be] = l(null), [M, xe] = l(""), [N, P] = l(""), [F, Se] = l(""), [I, L] = l({}), [R, Ce] = l(!1), [z, B] = l(null), [we, { loading: Te }] = ie(), [Ee, { loading: De }] = re(), V = Te || De, [Oe] = ne(), ke = () => {
@@ -170,11 +170,11 @@ var S = [
 				}),
 				O === "org" && /* @__PURE__ */ y("div", {
 					className: "mb-8 flex flex-col items-center gap-3 text-center",
-					children: [/* @__PURE__ */ v(pe, {
+					children: [/* @__PURE__ */ v(fe, {
 						name: "onboarding",
 						alt: E("devportal.setup.illustrationAlt", "Getting started with the developer portal"),
 						size: "md"
-					}), /* @__PURE__ */ v(me, {
+					}), /* @__PURE__ */ v(pe, {
 						className: "justify-center",
 						children: E("devportal.setup.purposeWithReview", "Three quick steps to start building: create the organization that owns your apps, register your first app, then submit it for review. Your developer profile is created with your organization. You can change everything later.")
 					})]

package/dist/devportal/pages/WebhookDetailPage.js

@@ -17,11 +17,11 @@ import { useEffect as v, useMemo as ae, useState as y } from "react";
 import { AlertCircle as oe, CheckCircle as b, Clock as se, ExternalLink as ce, Loader2 as le, Pause as x, Play as S, Send as C, Trash2 as ue, Webhook as de, XCircle as fe } from "lucide-react";
 import { useParams as w } from "react-router";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CTAOverflowMenu as O, EmphasisPanel as k, NextSteps as A } from "@burdenoff/fe-libs/ui";
+import { CTAOverflowMenu as D, EmphasisPanel as O, NextSteps as k } from "@burdenoff/fe-libs/ui";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/WebhookDetailPage.tsx
 var j = (t) => t ? e(new Date(t), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
-	let { appId: M, webhookId: N } = w(), { navigate: P, basePath: F } = p(), { t: I } = D(), L = (e, t) => {
+	let { appId: M, webhookId: N } = w(), { navigate: P, basePath: F } = p(), { t: I } = A(), L = (e, t) => {
 		let n = I(e);
 		return n === e ? t : n;
 	}, { allowed: R } = _(g.WEBHOOK_UPDATE), { allowed: z } = _(g.WEBHOOK_DELETE), [B, V] = y(!1), [pe, H] = y(!1), [U, W] = y(null), [me, G] = y(!1), { data: K } = ee({
@@ -106,7 +106,7 @@ var j = (t) => t ? e(new Date(t), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 		purpose: L("devportal.webhookDetailPurpose", "This endpoint receives the events you subscribed to, signed with your secret. Check the delivery history to confirm your server is responding with 2xx, send a test event, and pause it if your endpoint is down so deliveries are not lost to repeated failures."),
 		backLink: `/apps/${Q}/webhooks`,
 		backLabel: L("devportal.backToWebhooks", "Back to Webhooks"),
-		actions: /* @__PURE__ */ T(O, {
+		actions: /* @__PURE__ */ T(D, {
 			primary: {
 				label: L("devportal.test", "Test"),
 				icon: /* @__PURE__ */ T(C, { size: 16 }),
@@ -128,7 +128,7 @@ var j = (t) => t ? e(new Date(t), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ T(k, { children: /* @__PURE__ */ E(c, {
+			/* @__PURE__ */ T(O, { children: /* @__PURE__ */ E(c, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ T(s, {
@@ -153,7 +153,7 @@ var j = (t) => t ? e(new Date(t), "MMM d, yyyy HH:mm:ss") : "Never", M = () => {
 					})
 				]
 			}) }),
-			/* @__PURE__ */ T(A, {
+			/* @__PURE__ */ T(k, {
 				storageKey: `devportal-webhook-${X.id}`,
 				steps: [{
 					id: "test",

package/dist/devportal/pages/WebhooksPage.js

@@ -4,22 +4,22 @@ import { StatusBadge as n } from "../components/StatusBadge.js";
 import { useGetApplicationQuery as r, useGetApplicationsQuery as i, useGetWebhooksQuery as a } from "../../generated/global-operations.js";
 import { getErrorMessage as o } from "../hooks/useGraphQL.js";
 import { EmptyState as s } from "../components/EmptyState.js";
-import { AppListItem as c } from "../components/AppCard.js";
+import { AppListItem as ee } from "../components/AppCard.js";
 import "../components/index.js";
-import { useDevportal as l } from "../providers/DevportalProvider.js";
-import { PermissionGuard as u } from "../components/PermissionGuard.js";
-import { DEVPORTAL_PERMISSIONS as d } from "../constants/permissions.js";
-import { useDevportalPermission as ee } from "../hooks/usePermission.js";
+import { useDevportal as c } from "../providers/DevportalProvider.js";
+import { PermissionGuard as l } from "../components/PermissionGuard.js";
+import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
+import { useDevportalPermission as d } from "../hooks/usePermission.js";
 import { cn as f } from "../utils/cn.js";
 import "../hooks/index.js";
-import { useEffect as te, useState as p } from "react";
-import { AlertCircle as m, AlertTriangle as h, AppWindow as ne, CheckCircle as g, Loader2 as _, PauseCircle as v, Plus as y, Search as b, Webhook as x, XCircle as S } from "lucide-react";
+import { useEffect as p, useState as m } from "react";
+import { AlertCircle as h, AlertTriangle as te, AppWindow as ne, CheckCircle as g, Loader2 as _, PauseCircle as v, Plus as y, Search as b, Webhook as x, XCircle as S } from "lucide-react";
 import { useParams as C } from "react-router";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as E, GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/WebhooksPage.tsx
-function O(e) {
+function k(e) {
 	return {
 		id: e.id,
 		applicationId: e.applicationId,
@@ -43,31 +43,31 @@ function O(e) {
 		updatedAt: e.updatedAt
 	};
 }
-var k = () => {
-	let { appId: k } = C(), { navigate: j, basePath: ie, activeOrgId: M } = l(), { t: ae } = re(), N = (e, t) => {
+var A = () => {
+	let { appId: A } = C(), { navigate: re, basePath: ie, activeOrgId: M } = c(), { t: ae } = O(), N = (e, t) => {
 		let n = ae(e);
 		return n === e ? t : n;
-	}, P = ee(d.WEBHOOK_CREATE), [F, I] = p(""), [L, R] = p(""), { data: z } = r({
-		variables: { id: k ?? "" },
-		skip: !k,
+	}, P = d(u.WEBHOOK_CREATE), [F, I] = m(""), [L, R] = m(""), { data: z } = r({
+		variables: { id: A ?? "" },
+		skip: !A,
 		fetchPolicy: "cache-first"
 	});
-	te(() => {
+	p(() => {
 		let e = z?.application?.name;
-		if (!k || !e) return;
+		if (!A || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(k, e), () => t?.unregister(k);
-	}, [k, z?.application?.name]);
+		return t?.register(A, e), () => t?.unregister(A);
+	}, [A, z?.application?.name]);
 	let { data: B, loading: V, error: H, refetch: U } = i({
 		variables: { limit: 100 },
-		skip: !!k,
+		skip: !!A,
 		fetchPolicy: "cache-and-network"
 	}), { data: W, loading: G, error: K, refetch: q } = a({
-		variables: { applicationId: k || "" },
-		skip: !k,
+		variables: { applicationId: A || "" },
+		skip: !A,
 		fetchPolicy: "cache-and-network"
-	}), J = W?.webhooks?.map(O) ?? [], Y = B?.applications?.edges?.map((e) => e.node) ?? [], X = M ? Y.filter((e) => e.developerOrganizationId === M) : Y, Z = (e) => {
-		j?.(`${ie}${e}`);
+	}), J = W?.webhooks?.map(k) ?? [], Y = B?.applications?.edges?.map((e) => e.node) ?? [], X = M ? Y.filter((e) => e.developerOrganizationId === M) : Y, Z = (e) => {
+		re?.(`${ie}${e}`);
 	}, Q = J.filter((e) => {
 		let t = !F || e.name.toLowerCase().includes(F.toLowerCase()) || e.url.toLowerCase().includes(F.toLowerCase()), n = !L || e.status === L;
 		return t && n;
@@ -85,7 +85,7 @@ var k = () => {
 				size: 16,
 				className: "text-status-error-text"
 			});
-			case "DISABLED": return /* @__PURE__ */ w(h, {
+			case "DISABLED": return /* @__PURE__ */ w(te, {
 				size: 16,
 				className: "text-text-tertiary"
 			});
@@ -95,13 +95,13 @@ var k = () => {
 		let t = e.successCount + e.failureCount;
 		return t === 0 ? 100 : Math.round(e.successCount / t * 100);
 	};
-	if (!k) {
+	if (!A) {
 		let t = X.filter((e) => {
 			if (!F) return !0;
 			let t = F.toLowerCase();
 			return e.name.toLowerCase().includes(t) || (e.slug ?? "").toLowerCase().includes(t);
 		});
-		return /* @__PURE__ */ w(u, {
+		return /* @__PURE__ */ w(l, {
 			authOnly: !0,
 			children: /* @__PURE__ */ w(e, {
 				title: N("devportal.webhooks", "Webhooks"),
@@ -136,7 +136,7 @@ var k = () => {
 						}) : H ? /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 							children: [
-								/* @__PURE__ */ w(m, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+								/* @__PURE__ */ w(h, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 								/* @__PURE__ */ w("h3", {
 									className: "mt-2 font-medium text-status-error-text",
 									children: "Failed to load applications"
@@ -153,7 +153,7 @@ var k = () => {
 							]
 						}) : t.length > 0 ? /* @__PURE__ */ w("div", {
 							className: "space-y-2",
-							children: t.map((e) => /* @__PURE__ */ w(c, {
+							children: t.map((e) => /* @__PURE__ */ w(ee, {
 								app: e,
 								onClick: () => Z(`/apps/${e.id}/webhooks`)
 							}, e.id))
@@ -176,7 +176,7 @@ var k = () => {
 	if (G && !W) return /* @__PURE__ */ w(e, {
 		title: N("devportal.webhooks", "Webhooks"),
 		description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
-		backLink: `/apps/${k}`,
+		backLink: `/apps/${A}`,
 		backLabel: N("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ T("div", {
 			className: "flex items-center justify-center py-12",
@@ -189,12 +189,12 @@ var k = () => {
 	if (K) return /* @__PURE__ */ w(e, {
 		title: N("devportal.webhooks", "Webhooks"),
 		description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
-		backLink: `/apps/${k}`,
+		backLink: `/apps/${A}`,
 		backLabel: N("devportal.backToApplication", "Back to Application"),
 		children: /* @__PURE__ */ T("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ w(m, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ w(h, { className: "mx-auto h-8 w-8 text-status-error-text" }),
 				/* @__PURE__ */ w("h3", {
 					className: "mt-2 font-medium text-status-error-text",
 					children: N("devportal.failedToLoadWebhooks", "Failed to load webhooks")
@@ -307,7 +307,7 @@ var k = () => {
 			header: "Last Triggered",
 			render: (e) => /* @__PURE__ */ w("span", {
 				className: "text-sm text-text-secondary",
-				children: e.lastTriggeredAt ? A(e.lastTriggeredAt) : "Never"
+				children: e.lastTriggeredAt ? j(e.lastTriggeredAt) : "Never"
 			})
 		}
 	], $ = {
@@ -316,16 +316,16 @@ var k = () => {
 		failed: J.filter((e) => e.status === "FAILED").length,
 		paused: J.filter((e) => e.status === "PAUSED").length
 	};
-	return /* @__PURE__ */ w(u, {
+	return /* @__PURE__ */ w(l, {
 		authOnly: !0,
 		children: /* @__PURE__ */ T(e, {
 			title: N("devportal.webhooks", "Webhooks"),
 			description: N("devportal.manageWebhooksApp", "Manage webhooks for this application"),
 			purpose: N("devportal.webhooksAppPurpose", "These webhooks deliver this application's events to your endpoints. Add a URL, choose which events to subscribe to, and send a test delivery to confirm your server receives and verifies the signed payload."),
-			backLink: `/apps/${k}`,
+			backLink: `/apps/${A}`,
 			backLabel: N("devportal.backToApplication", "Back to Application"),
 			actions: /* @__PURE__ */ T("button", {
-				onClick: () => Z(`/apps/${k}/webhooks/new`),
+				onClick: () => Z(`/apps/${A}/webhooks/new`),
 				disabled: !P.allowed,
 				"aria-disabled": !P.allowed,
 				title: P.allowed ? void 0 : N("devportal.common.noPermission", "You do not have permission to perform this action"),
@@ -455,13 +455,13 @@ var k = () => {
 					data: Q,
 					columns: ce,
 					keyField: "id",
-					onRowClick: (e) => Z(`/apps/${k}/webhooks/${e.id}`)
+					onRowClick: (e) => Z(`/apps/${A}/webhooks/${e.id}`)
 				}) : /* @__PURE__ */ w(s, {
 					illustration: "empty-notifications",
 					title: N("devportal.noWebhooksFound", "No webhooks found"),
 					description: F || L ? N("devportal.tryAdjustingFilters", "Try adjusting your filters") : N("devportal.createFirstWebhook", "Create your first webhook to receive real-time event notifications"),
 					action: !F && !L ? /* @__PURE__ */ T("button", {
-						onClick: () => Z(`/apps/${k}/webhooks/new`),
+						onClick: () => Z(`/apps/${A}/webhooks/new`),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
 						children: [/* @__PURE__ */ w(y, { size: 16 }), N("devportal.createWebhook", "Create Webhook")]
 					}) : void 0
@@ -470,10 +470,10 @@ var k = () => {
 		})
 	});
 };
-function A(e) {
+function j(e) {
 	let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4), i = Math.floor(r / 60), a = Math.floor(i / 24);
 	return r < 1 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : t.toLocaleDateString();
 }
-export { k as WebhooksPage };
+export { A as WebhooksPage };
 
 //# sourceMappingURL=WebhooksPage.js.map