@burdenoff/microfe-devportal 2026.830.1 → 2026.830.2

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

@@ -1 +1 @@
-{"version":3,"file":"RevenueDashboardPage.js","names":[],"sources":["../../../src/devportal/pages/RevenueDashboardPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Line,\n  LineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport {\n  AlertCircle,\n  ArrowDownToLine,\n  Building2,\n  Check,\n  CreditCard,\n  DollarSign,\n  Link2,\n  Loader2,\n  Wallet,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { DataTable } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport type { DeveloperOrganization } from \"../types\";\nimport {\n  type GetMyOrganizationsQuery,\n  type GetRevenueDashboardDataQuery,\n  getErrorMessage,\n  useGetBillingAccountsByOrgQuery,\n  useGetMyOrganizationsQuery,\n  useGetRevenueDashboardDataQuery,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ntype TimeRange = \"30d\" | \"90d\" | \"12m\";\n\nconst chartColors = {\n  primary: \"var(--color-chart-1)\",\n  secondary: \"var(--color-chart-2)\",\n  tertiary: \"var(--color-chart-4)\",\n};\n\ntype RevenueSale =\n  GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number][\"node\"];\ntype RevenuePayout =\n  GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number][\"node\"];\n\nconst daysByRange: Record<TimeRange, number> = {\n  \"30d\": 30,\n  \"90d\": 90,\n  \"12m\": 365,\n};\n\nexport const RevenueDashboardPage: FC = () => {\n  const tr = useTr();\n  const { activeOrgId, tenantId } = useDevportal();\n  const [timeRange, setTimeRange] = useState<TimeRange>(\"90d\");\n  const [linkingBilling, setLinkingBilling] = useState(false);\n  const [linkBillingError, setLinkBillingError] = useState<string | null>(null);\n\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const [showBillingPicker, setShowBillingPicker] = useState(false);\n  const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n    string | null\n  >(null);\n  const [searchParams] = useSearchParams();\n  const now = useMemo(() => new Date(), []);\n\n  const { data: billingAccountsData, loading: billingAccountsLoading } =\n    useGetBillingAccountsByOrgQuery({\n      fetchPolicy: \"cache-and-network\",\n      context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n    });\n  // searchParams kept for deep-link compatibility (URL ?org= still works via OrgSwitcher auto-select)\n  void searchParams;\n  const startDate = useMemo(() => {\n    const nextDate = new Date(now);\n    nextDate.setDate(nextDate.getDate() - daysByRange[timeRange]);\n    return nextDate.toISOString();\n  }, [now, timeRange]);\n\n  const {\n    data: organizationsData,\n    loading: organizationsLoading,\n    error: organizationsError,\n  } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n  const { data, loading, error } = useGetRevenueDashboardDataQuery({\n    variables: {\n      organizationId: activeOrgId ?? \"\",\n      period: \"monthly\",\n      startDate,\n      endDate: now.toISOString(),\n      salesLimit: 10,\n      salesOffset: 0,\n      payoutsLimit: 10,\n      payoutsOffset: 0,\n    },\n    skip: !activeOrgId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const organizations: DeveloperOrganization[] = useMemo(\n    () =>\n      organizationsData?.myDeveloperOrganizations?.map(\n        (\n          organization: GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number],\n        ) => organization as unknown as DeveloperOrganization,\n      ) ?? [],\n    [organizationsData?.myDeveloperOrganizations],\n  );\n\n  const selectedOrganization = organizations.find(\n    (organization) => organization.id === activeOrgId,\n  );\n\n  type BillingAccount = NonNullable<\n    typeof billingAccountsData\n  >[\"getBillingAccountsByOrg\"][number];\n  const existingBillingAccounts: BillingAccount[] =\n    billingAccountsData?.getBillingAccountsByOrg ?? [];\n\n  const linkedBillingAccount =\n    existingBillingAccounts.find(\n      (a) => a.id === selectedOrganization?.billingAccountId,\n    ) ?? null;\n\n  const handleOpenBillingPicker = () => {\n    // Pre-select the currently linked account; fall back to default or first\n    setSelectedBillingAccountId(\n      selectedOrganization?.billingAccountId ??\n        existingBillingAccounts.find((a) => a.isDefault)?.id ??\n        existingBillingAccounts[0]?.id ??\n        null,\n    );\n    setShowBillingPicker(true);\n  };\n\n  const handleLinkExisting = async () => {\n    if (!activeOrgId || !selectedBillingAccountId) return;\n    setLinkingBilling(true);\n    setLinkBillingError(null);\n    try {\n      await linkBillingAccount({\n        variables: {\n          organizationId: activeOrgId,\n          billingAccountId: selectedBillingAccountId,\n        },\n        refetchQueries: [\"GetMyOrganizations\"],\n      });\n      setShowBillingPicker(false);\n    } catch (err) {\n      setLinkBillingError(\n        err instanceof Error ? err.message : \"Failed to link billing account\",\n      );\n    } finally {\n      setLinkingBilling(false);\n    }\n  };\n\n  const summary = data?.developerOrgRevenueSummary;\n  const analytics = [...(data?.developerOrgRevenueAnalytics ?? [])].sort(\n    (left, right) =>\n      new Date(left.date).getTime() - new Date(right.date).getTime(),\n  );\n  const sales: RevenueSale[] =\n    data?.developerOrgSales?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n  const payouts: RevenuePayout[] =\n    data?.developerOrgPayouts?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n\n  const chartData = analytics.map((entry) => ({\n    date: new Date(entry.date).toLocaleDateString(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n    }),\n    grossRevenue: entry.grossRevenue,\n    netRevenue: entry.netRevenue,\n    platformFees: entry.platformFees,\n    refunds: entry.refunds,\n    salesCount: entry.salesCount,\n  }));\n\n  if (organizationsLoading && !organizationsData) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (organizationsError) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadOrgs\",\n            \"Unable to load organizations\",\n          )}\n          description={getErrorMessage(organizationsError)}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!activeOrgId) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          illustration=\"empty-people\"\n          icon={<Building2 size={32} className=\"text-text-secondary\" />}\n          title={tr(\n            \"devportal.revenue.selectOrgTitle\",\n            \"Select an organization\",\n          )}\n          description={tr(\n            \"devportal.revenue.selectOrgHint\",\n            \"Use the organization switcher in the nav bar above to choose which organization's revenue to view.\",\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadData\",\n            \"Unable to load revenue data\",\n          )}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.revenue.title\", \"Revenue\")}\n      description={\n        selectedOrganization\n          ? `${tr(\"devportal.revenue.financialPerformanceFor\", \"Financial performance for\")} ${selectedOrganization.name}`\n          : tr(\n              \"devportal.revenue.shortDescription\",\n              \"Track revenue, sales, and payouts\",\n            )\n      }\n      purpose={tr(\n        \"devportal.revenue.purpose\",\n        \"Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges.\",\n      )}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <select\n            value={timeRange}\n            onChange={(event) => setTimeRange(event.target.value as TimeRange)}\n            aria-label={tr(\n              \"devportal.revenue.selectRangeAria\",\n              \"Select time range\",\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=\"30d\">\n              {tr(\"devportal.revenue.range.30d\", \"Last 30 days\")}\n            </option>\n            <option value=\"90d\">\n              {tr(\"devportal.revenue.range.90d\", \"Last 90 days\")}\n            </option>\n            <option value=\"12m\">\n              {tr(\"devportal.revenue.range.12m\", \"Last 12 months\")}\n            </option>\n          </select>\n        </div>\n      }\n    >\n      {/* Billing account link banner for orgs not yet linked */}\n      {selectedOrganization && !selectedOrganization.billingAccountId && (\n        <div className=\"mb-6 rounded-card border border-border-seam bg-status-info-bg-subtle p-4 flex flex-col gap-3\">\n          <div className=\"flex items-start gap-3\">\n            <Link2\n              size={20}\n              className=\"text-accent-blue flex-shrink-0 mt-0.5\"\n            />\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium text-status-info-text\">\n                {tr(\n                  \"devportal.revenue.billingNotLinkedTitle\",\n                  \"Link a billing account to receive store revenue\",\n                )}\n              </p>\n              <p className=\"mt-1 text-sm text-status-info-text\">\n                {tr(\n                  \"devportal.revenue.billingNotLinkedDesc\",\n                  \"Once linked, net earnings from app sales will appear in your billing credits — you can spend them on platform services or withdraw to your bank.\",\n                )}\n              </p>\n              {linkBillingError && (\n                <p className=\"mt-2 text-sm text-status-error-text\">\n                  {linkBillingError}\n                </p>\n              )}\n            </div>\n            <button\n              type=\"button\"\n              onClick={handleOpenBillingPicker}\n              disabled={linkingBilling || billingAccountsLoading}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0\"\n            >\n              {linkingBilling || billingAccountsLoading ? (\n                <Loader2 size={14} className=\"animate-spin\" />\n              ) : (\n                <Link2 size={14} />\n              )}\n              {linkingBilling\n                ? tr(\"devportal.revenue.linking\", \"Linking...\")\n                : tr(\n                    \"devportal.revenue.linkBillingAccount\",\n                    \"Link Billing Account\",\n                  )}\n            </button>\n          </div>\n\n          {/* No billing accounts message */}\n          {showBillingPicker && existingBillingAccounts.length === 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.revenue.noBillingAccounts\",\n                \"You don't have any billing accounts yet. Create one from your account billing settings first.\",\n              )}\n            </div>\n          )}\n\n          {/* Billing account picker — shown when user has existing accounts */}\n          {showBillingPicker && existingBillingAccounts.length > 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n              <p className=\"text-sm font-medium\">\n                {tr(\n                  \"devportal.revenue.chooseBillingAccount\",\n                  \"Choose a billing account to link\",\n                )}\n              </p>\n              <div className=\"space-y-2\">\n                {existingBillingAccounts.map((account) => (\n                  <button\n                    key={account.id}\n                    type=\"button\"\n                    onClick={() =>\n                      setSelectedBillingAccountId(account.id ?? null)\n                    }\n                    className={cn(\n                      \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n                      selectedBillingAccountId === account.id\n                        ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n                        : \"border-border-subtle hover:bg-accent text-text-primary\",\n                    )}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\n                        \"flex-shrink-0\",\n                        selectedBillingAccountId === account.id\n                          ? \"opacity-100 text-primary\"\n                          : \"opacity-0\",\n                      )}\n                    />\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium truncate\">{account.name}</p>\n                      {account.isDefault && (\n                        <p className=\"text-xs text-text-secondary\">\n                          {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n                        </p>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-end gap-2 pt-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowBillingPicker(false);\n                    setLinkBillingError(null);\n                  }}\n                  className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  type=\"button\"\n                  disabled={linkingBilling || !selectedBillingAccountId}\n                  onClick={() => void handleLinkExisting()}\n                  className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n                >\n                  {linkingBilling ? (\n                    <Loader2 size={13} className=\"animate-spin\" />\n                  ) : (\n                    <Link2 size={13} />\n                  )}\n                  {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Linked billing account info — shown when billing is already linked */}\n      {selectedOrganization?.billingAccountId && (\n        <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n          <div className=\"flex items-center gap-3\">\n            <CreditCard\n              size={16}\n              className=\"text-text-secondary flex-shrink-0\"\n            />\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium truncate\">\n                {linkedBillingAccount?.name ??\n                  tr(\"devportal.revenue.billingAccount\", \"Billing account\")}\n              </p>\n              <p className=\"text-xs text-text-secondary truncate\">\n                {linkedBillingAccount\n                  ? `${linkedBillingAccount.currency}${linkedBillingAccount.email ? ` · ${linkedBillingAccount.email}` : \"\"}`\n                  : selectedOrganization.billingAccountId}\n              </p>\n            </div>\n            {!showBillingPicker && (\n              <button\n                type=\"button\"\n                onClick={handleOpenBillingPicker}\n                disabled={billingAccountsLoading}\n                className=\"text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50\"\n              >\n                {tr(\"devportal.revenue.changeBillingAccount\", \"Change\")}\n              </button>\n            )}\n          </div>\n          {/* Picker for changing the linked account */}\n          {showBillingPicker && existingBillingAccounts.length > 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3\">\n              <p className=\"text-sm font-medium\">\n                {tr(\n                  \"devportal.revenue.chooseBillingAccount\",\n                  \"Choose a billing account to link\",\n                )}\n              </p>\n              <div className=\"space-y-2\">\n                {existingBillingAccounts.map((account) => (\n                  <button\n                    key={account.id}\n                    type=\"button\"\n                    onClick={() =>\n                      setSelectedBillingAccountId(account.id ?? null)\n                    }\n                    className={cn(\n                      \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n                      selectedBillingAccountId === account.id\n                        ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n                        : \"border-border-subtle hover:bg-accent text-text-primary\",\n                    )}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\n                        \"flex-shrink-0\",\n                        selectedBillingAccountId === account.id\n                          ? \"opacity-100 text-primary\"\n                          : \"opacity-0\",\n                      )}\n                    />\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium truncate\">{account.name}</p>\n                      {account.isDefault && (\n                        <p className=\"text-xs text-text-secondary\">\n                          {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n                        </p>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-end gap-2 pt-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowBillingPicker(false);\n                    setLinkBillingError(null);\n                  }}\n                  className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  type=\"button\"\n                  disabled={linkingBilling || !selectedBillingAccountId}\n                  onClick={() => void handleLinkExisting()}\n                  className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n                >\n                  {linkingBilling ? (\n                    <Loader2 size={13} className=\"animate-spin\" />\n                  ) : (\n                    <Link2 size={13} />\n                  )}\n                  {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n                </button>\n              </div>\n              {linkBillingError && (\n                <p className=\"text-xs text-status-error-text\">\n                  {linkBillingError}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {loading && !summary ? (\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      ) : summary ? (\n        <>\n          <EmphasisPanel className=\"mb-6\">\n            <StatCardGrid columns={4}>\n              <StatCard\n                title={tr(\"devportal.revenue.grossRevenue\", \"Gross Revenue\")}\n                value={`$${summary.totalGrossRevenue.toLocaleString()}`}\n                icon={<DollarSign size={20} />}\n              />\n              <StatCard\n                title={tr(\"devportal.revenue.netRevenue\", \"Net Revenue\")}\n                value={`$${summary.totalNetRevenue.toLocaleString()}`}\n                icon={<Wallet size={20} />}\n              />\n              <StatCard\n                title={tr(\n                  \"devportal.revenue.pendingBalance\",\n                  \"Pending Balance\",\n                )}\n                value={`$${summary.pendingBalance.toLocaleString()}`}\n                icon={<CreditCard size={20} />}\n                description={\n                  summary.nextPayoutDate\n                    ? `${tr(\"devportal.revenue.nextPayout\", \"Next payout\")} ${new Date(summary.nextPayoutDate).toLocaleDateString()}`\n                    : tr(\n                        \"devportal.revenue.noPayoutScheduled\",\n                        \"No payout scheduled\",\n                      )\n                }\n              />\n              <StatCard\n                title={tr(\"devportal.revenue.platformFees\", \"Platform Fees\")}\n                value={`$${summary.totalPlatformFees.toLocaleString()}`}\n                icon={<ArrowDownToLine size={20} />}\n                description={`${summary.totalRefundsCount} ${tr(\"devportal.revenue.refunds\", \"refunds\")}`}\n              />\n            </StatCardGrid>\n          </EmphasisPanel>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.revenueTrend\", \"Revenue trend\")}\n            >\n              <GlassCard treatment=\"insight\" className=\"p-4\">\n                {chartData.length > 0 ? (\n                  <ResponsiveContainer width=\"100%\" height={300}>\n                    <LineChart data={chartData}>\n                      <CartesianGrid\n                        strokeDasharray=\"3 3\"\n                        stroke=\"var(--color-chart-grid)\"\n                      />\n                      <XAxis\n                        dataKey=\"date\"\n                        stroke=\"var(--color-chart-axis)\"\n                        fontSize={12}\n                      />\n                      <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                      <Tooltip\n                        contentStyle={{\n                          backgroundColor: \"var(--color-card)\",\n                          border: \"1px solid var(--color-border-default)\",\n                          borderRadius: 12,\n                        }}\n                      />\n                      <Line\n                        type=\"monotone\"\n                        dataKey=\"grossRevenue\"\n                        stroke={chartColors.primary}\n                        strokeWidth={2}\n                        dot={false}\n                      />\n                      <Line\n                        type=\"monotone\"\n                        dataKey=\"netRevenue\"\n                        stroke={chartColors.secondary}\n                        strokeWidth={2}\n                        dot={false}\n                      />\n                    </LineChart>\n                  </ResponsiveContainer>\n                ) : (\n                  <div className=\"flex h-[300px] flex-col items-center justify-center gap-2 text-text-secondary\">\n                    <p className=\"text-sm font-medium\">\n                      {tr(\"devportal.revenue.noTrendData\", \"No trend data yet\")}\n                    </p>\n                    <p className=\"text-xs text-text-tertiary\">\n                      {tr(\n                        \"devportal.revenue.noTrendDataHint\",\n                        \"Revenue trend appears once daily analytics have been aggregated.\",\n                      )}\n                    </p>\n                  </div>\n                )}\n              </GlassCard>\n            </PageSection>\n\n            <PageSection\n              title={tr(\n                \"devportal.revenue.topApps\",\n                \"Top applications by revenue\",\n              )}\n            >\n              {summary.topApps.length > 0 ? (\n                <div className=\"space-y-2\">\n                  {summary.topApps.map(\n                    (\n                      application: GetRevenueDashboardDataQuery[\"developerOrgRevenueSummary\"][\"topApps\"][number],\n                    ) => (\n                      <GlassCard\n                        key={application.applicationId}\n                        treatment=\"insight\"\n                        className=\"border-border-seam p-4\"\n                      >\n                        <div className=\"flex items-start justify-between gap-3\">\n                          <div>\n                            <p className=\"font-medium\">\n                              {application.applicationName}\n                            </p>\n                            <p className=\"text-sm text-text-secondary\">\n                              {application.salesCount}{\" \"}\n                              {tr(\"devportal.revenue.sales\", \"sales\")}\n                            </p>\n                          </div>\n                          <div className=\"text-right\">\n                            <p className=\"font-semibold\">\n                              ${application.grossRevenue.toLocaleString()}\n                            </p>\n                            <p className=\"text-sm text-text-secondary\">\n                              {tr(\"devportal.revenue.net\", \"Net\")} $\n                              {application.netRevenue.toLocaleString()}\n                            </p>\n                          </div>\n                        </div>\n                      </GlassCard>\n                    ),\n                  )}\n                </div>\n              ) : (\n                <EmptyState\n                  illustration=\"empty-data\"\n                  icon={<Building2 size={24} />}\n                  title={tr(\n                    \"devportal.revenue.noLeadersTitle\",\n                    \"No revenue leaders yet\",\n                  )}\n                  description={tr(\n                    \"devportal.revenue.noLeadersDescription\",\n                    \"Top-performing applications will appear here once revenue is recorded.\",\n                  )}\n                />\n              )}\n            </PageSection>\n          </div>\n\n          <PageSection\n            title={tr(\"devportal.revenue.salesVolume\", \"Sales volume\")}\n          >\n            <GlassCard treatment=\"insight\" className=\"p-4\">\n              {chartData.length > 0 ? (\n                <ResponsiveContainer width=\"100%\" height={280}>\n                  <BarChart data={chartData}>\n                    <CartesianGrid\n                      strokeDasharray=\"3 3\"\n                      stroke=\"var(--color-chart-grid)\"\n                    />\n                    <XAxis\n                      dataKey=\"date\"\n                      stroke=\"var(--color-chart-axis)\"\n                      fontSize={12}\n                    />\n                    <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                    <Tooltip\n                      contentStyle={{\n                        backgroundColor: \"var(--color-card)\",\n                        border: \"1px solid var(--color-border-default)\",\n                        borderRadius: 12,\n                      }}\n                    />\n                    <Bar\n                      dataKey=\"salesCount\"\n                      fill={chartColors.tertiary}\n                      radius={[6, 6, 0, 0]}\n                    />\n                  </BarChart>\n                </ResponsiveContainer>\n              ) : (\n                <div className=\"flex h-[280px] flex-col items-center justify-center gap-2 text-text-secondary\">\n                  <p className=\"text-sm font-medium\">\n                    {tr(\n                      \"devportal.revenue.noVolumeData\",\n                      \"No sales volume data yet\",\n                    )}\n                  </p>\n                  <p className=\"text-xs text-text-tertiary\">\n                    {tr(\n                      \"devportal.revenue.noVolumeDataHint\",\n                      \"Sales volume by period appears once analytics have been aggregated.\",\n                    )}\n                  </p>\n                </div>\n              )}\n            </GlassCard>\n          </PageSection>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.recentSales\", \"Recent sales\")}\n            >\n              <DataTable\n                data={sales}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"application\",\n                    header: tr(\"devportal.revenue.application\", \"Application\"),\n                    render: (sale) =>\n                      sale.application?.name ||\n                      sale.planName ||\n                      tr(\"devportal.common.unknown\", \"Unknown\"),\n                  },\n                  {\n                    key: \"grossAmount\",\n                    header: tr(\"devportal.revenue.gross\", \"Gross\"),\n                    render: (sale) => `$${sale.grossAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.net\", \"Net\"),\n                    render: (sale) => `$${sale.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (sale) => (\n                      <StatusBadge status={sale.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.revenue.payoutHistory\", \"Payout history\")}\n            >\n              <DataTable\n                data={payouts}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"periodLabel\",\n                    header: tr(\"devportal.revenue.period\", \"Period\"),\n                    render: (payout) => payout.periodLabel,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.netPayout\", \"Net payout\"),\n                    render: (payout) => `$${payout.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (payout) => (\n                      <StatusBadge status={payout.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n          </div>\n        </>\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<DollarSign size={32} />}\n          title={tr(\"devportal.revenue.noDataTitle\", \"No revenue data yet\")}\n          description={tr(\n            \"devportal.revenue.noDataDescription\",\n            \"Revenue metrics will appear after this organization starts recording marketplace sales.\",\n          )}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"RevenueDashboardPage.js","names":[],"sources":["../../../src/devportal/pages/RevenueDashboardPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Line,\n  LineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport {\n  AlertCircle,\n  ArrowDownToLine,\n  Building2,\n  Check,\n  CreditCard,\n  DollarSign,\n  Link2,\n  Loader2,\n  Wallet,\n} from \"lucide-react\";\nimport { EmphasisPanel, GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { DataTable } from \"../components/DataTable\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { StatCard, StatCardGrid } from \"../components/StatCard\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport type { DeveloperOrganization } from \"../types\";\nimport {\n  type GetMyOrganizationsQuery,\n  type GetRevenueDashboardDataQuery,\n  getErrorMessage,\n  useGetBillingAccountsByOrgQuery,\n  useGetMyOrganizationsQuery,\n  useGetRevenueDashboardDataQuery,\n  useLinkDevOrgBillingAccountMutation,\n} from \"../hooks\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\n\ntype TimeRange = \"30d\" | \"90d\" | \"12m\";\n\nconst chartColors = {\n  primary: \"var(--color-chart-1)\",\n  secondary: \"var(--color-chart-2)\",\n  tertiary: \"var(--color-chart-4)\",\n};\n\ntype RevenueSale =\n  GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number][\"node\"];\ntype RevenuePayout =\n  GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number][\"node\"];\n\nconst daysByRange: Record<TimeRange, number> = {\n  \"30d\": 30,\n  \"90d\": 90,\n  \"12m\": 365,\n};\n\nexport const RevenueDashboardPage: FC = () => {\n  const tr = useTr();\n  const { activeOrgId, tenantId } = useDevportal();\n  const [timeRange, setTimeRange] = useState<TimeRange>(\"90d\");\n  const [linkingBilling, setLinkingBilling] = useState(false);\n  const [linkBillingError, setLinkBillingError] = useState<string | null>(null);\n\n  const [linkBillingAccount] = useLinkDevOrgBillingAccountMutation();\n  const [showBillingPicker, setShowBillingPicker] = useState(false);\n  const [selectedBillingAccountId, setSelectedBillingAccountId] = useState<\n    string | null\n  >(null);\n  const [searchParams] = useSearchParams();\n  const now = useMemo(() => new Date(), []);\n\n  const { data: billingAccountsData, loading: billingAccountsLoading } =\n    useGetBillingAccountsByOrgQuery({\n      fetchPolicy: \"cache-and-network\",\n      context: { headers: { \"x-org-id\": tenantId ?? \"\" } },\n    });\n  // searchParams kept for deep-link compatibility (URL ?org= still works via OrgSwitcher auto-select)\n  void searchParams;\n  const startDate = useMemo(() => {\n    const nextDate = new Date(now);\n    nextDate.setDate(nextDate.getDate() - daysByRange[timeRange]);\n    return nextDate.toISOString();\n  }, [now, timeRange]);\n\n  const {\n    data: organizationsData,\n    loading: organizationsLoading,\n    error: organizationsError,\n  } = useGetMyOrganizationsQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n  const { data, loading, error } = useGetRevenueDashboardDataQuery({\n    variables: {\n      organizationId: activeOrgId ?? \"\",\n      period: \"monthly\",\n      startDate,\n      endDate: now.toISOString(),\n      salesLimit: 10,\n      salesOffset: 0,\n      payoutsLimit: 10,\n      payoutsOffset: 0,\n    },\n    skip: !activeOrgId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const organizations: DeveloperOrganization[] = useMemo(\n    () =>\n      organizationsData?.myDeveloperOrganizations?.map(\n        (\n          organization: GetMyOrganizationsQuery[\"myDeveloperOrganizations\"][number],\n        ) => organization as unknown as DeveloperOrganization,\n      ) ?? [],\n    [organizationsData?.myDeveloperOrganizations],\n  );\n\n  const selectedOrganization = organizations.find(\n    (organization) => organization.id === activeOrgId,\n  );\n\n  type BillingAccount = NonNullable<\n    typeof billingAccountsData\n  >[\"getBillingAccountsByOrg\"][number];\n  const existingBillingAccounts: BillingAccount[] =\n    billingAccountsData?.getBillingAccountsByOrg ?? [];\n\n  const linkedBillingAccount =\n    existingBillingAccounts.find(\n      (a) => a.id === selectedOrganization?.billingAccountId,\n    ) ?? null;\n\n  const handleOpenBillingPicker = () => {\n    // Pre-select the currently linked account; fall back to default or first\n    setSelectedBillingAccountId(\n      selectedOrganization?.billingAccountId ??\n        existingBillingAccounts.find((a) => a.isDefault)?.id ??\n        existingBillingAccounts[0]?.id ??\n        null,\n    );\n    setShowBillingPicker(true);\n  };\n\n  const handleLinkExisting = async () => {\n    if (!activeOrgId || !selectedBillingAccountId) return;\n    setLinkingBilling(true);\n    setLinkBillingError(null);\n    try {\n      await linkBillingAccount({\n        variables: {\n          organizationId: activeOrgId,\n          billingAccountId: selectedBillingAccountId,\n        },\n        refetchQueries: [\"GetMyOrganizations\"],\n      });\n      setShowBillingPicker(false);\n    } catch (err) {\n      setLinkBillingError(\n        err instanceof Error ? err.message : \"Failed to link billing account\",\n      );\n    } finally {\n      setLinkingBilling(false);\n    }\n  };\n\n  const summary = data?.developerOrgRevenueSummary;\n  const analytics = [...(data?.developerOrgRevenueAnalytics ?? [])].sort(\n    (left, right) =>\n      new Date(left.date).getTime() - new Date(right.date).getTime(),\n  );\n  const sales: RevenueSale[] =\n    data?.developerOrgSales?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgSales\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n  const payouts: RevenuePayout[] =\n    data?.developerOrgPayouts?.edges?.map(\n      (\n        edge: GetRevenueDashboardDataQuery[\"developerOrgPayouts\"][\"edges\"][number],\n      ) => edge.node,\n    ) ?? [];\n\n  const chartData = analytics.map((entry) => ({\n    date: new Date(entry.date).toLocaleDateString(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n    }),\n    grossRevenue: entry.grossRevenue,\n    netRevenue: entry.netRevenue,\n    platformFees: entry.platformFees,\n    refunds: entry.refunds,\n    salesCount: entry.salesCount,\n  }));\n\n  if (organizationsLoading && !organizationsData) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (organizationsError) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadOrgs\",\n            \"Unable to load organizations\",\n          )}\n          description={getErrorMessage(organizationsError)}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!activeOrgId) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          illustration=\"empty-people\"\n          icon={<Building2 size={32} className=\"text-text-secondary\" />}\n          title={tr(\n            \"devportal.revenue.selectOrgTitle\",\n            \"Select an organization\",\n          )}\n          description={tr(\n            \"devportal.revenue.selectOrgHint\",\n            \"Use the organization switcher in the nav bar above to choose which organization's revenue to view.\",\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.revenue.title\", \"Revenue\")}\n        description={tr(\n          \"devportal.revenue.description\",\n          \"Track real revenue, sales, and payout activity for your developer organizations\",\n        )}\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.revenue.errorLoadData\",\n            \"Unable to load revenue data\",\n          )}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.revenue.title\", \"Revenue\")}\n      description={\n        selectedOrganization\n          ? `${tr(\"devportal.revenue.financialPerformanceFor\", \"Financial performance for\")} ${selectedOrganization.name}`\n          : tr(\n              \"devportal.revenue.shortDescription\",\n              \"Track revenue, sales, and payouts\",\n            )\n      }\n      purpose={tr(\n        \"devportal.revenue.purpose\",\n        \"Revenue tracks the money your paid apps earn — gross sales, platform fees, and what gets paid out to your organization. Link a billing account, then use this to reconcile payouts and watch growth across time ranges.\",\n      )}\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <select\n            value={timeRange}\n            onChange={(event) => setTimeRange(event.target.value as TimeRange)}\n            aria-label={tr(\n              \"devportal.revenue.selectRangeAria\",\n              \"Select time range\",\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=\"30d\">\n              {tr(\"devportal.revenue.range.30d\", \"Last 30 days\")}\n            </option>\n            <option value=\"90d\">\n              {tr(\"devportal.revenue.range.90d\", \"Last 90 days\")}\n            </option>\n            <option value=\"12m\">\n              {tr(\"devportal.revenue.range.12m\", \"Last 12 months\")}\n            </option>\n          </select>\n        </div>\n      }\n    >\n      {/* Billing account link banner for orgs not yet linked */}\n      {selectedOrganization && !selectedOrganization.billingAccountId && (\n        <div className=\"mb-6 rounded-card border border-border-seam bg-status-info-bg-subtle p-4 flex flex-col gap-3\">\n          <div className=\"flex items-start gap-3\">\n            <Link2\n              size={20}\n              className=\"text-accent-blue flex-shrink-0 mt-0.5\"\n            />\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium text-status-info-text\">\n                {tr(\n                  \"devportal.revenue.billingNotLinkedTitle\",\n                  \"Link a billing account to receive store revenue\",\n                )}\n              </p>\n              <p className=\"mt-1 text-sm text-status-info-text\">\n                {tr(\n                  \"devportal.revenue.billingNotLinkedDesc\",\n                  \"Once linked, net earnings from app sales will appear in your billing credits — you can spend them on platform services or withdraw to your bank.\",\n                )}\n              </p>\n              {linkBillingError && (\n                <p className=\"mt-2 text-sm text-status-error-text\">\n                  {linkBillingError}\n                </p>\n              )}\n            </div>\n            <button\n              type=\"button\"\n              onClick={handleOpenBillingPicker}\n              disabled={linkingBilling || billingAccountsLoading}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 flex-shrink-0\"\n            >\n              {linkingBilling || billingAccountsLoading ? (\n                <Loader2 size={14} className=\"animate-spin\" />\n              ) : (\n                <Link2 size={14} />\n              )}\n              {linkingBilling\n                ? tr(\"devportal.revenue.linking\", \"Linking...\")\n                : tr(\n                    \"devportal.revenue.linkBillingAccount\",\n                    \"Link Billing Account\",\n                  )}\n            </button>\n          </div>\n\n          {/* No billing accounts message */}\n          {showBillingPicker && existingBillingAccounts.length === 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 text-sm text-text-secondary\">\n              {tr(\n                \"devportal.revenue.noBillingAccounts\",\n                \"You don't have any billing accounts yet. Create one from your account billing settings first.\",\n              )}\n            </div>\n          )}\n\n          {/* Billing account picker — shown when user has existing accounts */}\n          {showBillingPicker && existingBillingAccounts.length > 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 ml-8 space-y-3\">\n              <p className=\"text-sm font-medium\">\n                {tr(\n                  \"devportal.revenue.chooseBillingAccount\",\n                  \"Choose a billing account to link\",\n                )}\n              </p>\n              <div className=\"space-y-2\">\n                {existingBillingAccounts.map((account) => (\n                  <button\n                    key={account.id}\n                    type=\"button\"\n                    onClick={() =>\n                      setSelectedBillingAccountId(account.id ?? null)\n                    }\n                    className={cn(\n                      \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n                      selectedBillingAccountId === account.id\n                        ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n                        : \"border-border-subtle hover:bg-accent text-text-primary\",\n                    )}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\n                        \"flex-shrink-0\",\n                        selectedBillingAccountId === account.id\n                          ? \"opacity-100 text-primary\"\n                          : \"opacity-0\",\n                      )}\n                    />\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium truncate\">{account.name}</p>\n                      {account.isDefault && (\n                        <p className=\"text-xs text-text-secondary\">\n                          {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n                        </p>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-end gap-2 pt-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowBillingPicker(false);\n                    setLinkBillingError(null);\n                  }}\n                  className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  type=\"button\"\n                  disabled={linkingBilling || !selectedBillingAccountId}\n                  onClick={() => void handleLinkExisting()}\n                  className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n                >\n                  {linkingBilling ? (\n                    <Loader2 size={13} className=\"animate-spin\" />\n                  ) : (\n                    <Link2 size={13} />\n                  )}\n                  {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Linked billing account info — shown when billing is already linked */}\n      {selectedOrganization?.billingAccountId && (\n        <div className=\"mb-6 rounded-lg border border-border-subtle bg-bg-surface p-3 flex flex-col gap-3\">\n          <div className=\"flex items-center gap-3\">\n            <CreditCard\n              size={16}\n              className=\"text-text-secondary flex-shrink-0\"\n            />\n            <div className=\"flex-1 min-w-0\">\n              <p className=\"text-sm font-medium truncate\">\n                {linkedBillingAccount?.name ??\n                  tr(\"devportal.revenue.billingAccount\", \"Billing account\")}\n              </p>\n              <p className=\"text-xs text-text-secondary truncate\">\n                {linkedBillingAccount\n                  ? `${linkedBillingAccount.currency}${linkedBillingAccount.email ? ` · ${linkedBillingAccount.email}` : \"\"}`\n                  : selectedOrganization.billingAccountId}\n              </p>\n            </div>\n            {!showBillingPicker && (\n              <button\n                type=\"button\"\n                onClick={handleOpenBillingPicker}\n                disabled={billingAccountsLoading}\n                className=\"text-xs text-text-secondary hover:text-text-primary transition-colors flex-shrink-0 disabled:opacity-50\"\n              >\n                {tr(\"devportal.revenue.changeBillingAccount\", \"Change\")}\n              </button>\n            )}\n          </div>\n          {/* Picker for changing the linked account */}\n          {showBillingPicker && existingBillingAccounts.length > 0 && (\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 space-y-3\">\n              <p className=\"text-sm font-medium\">\n                {tr(\n                  \"devportal.revenue.chooseBillingAccount\",\n                  \"Choose a billing account to link\",\n                )}\n              </p>\n              <div className=\"space-y-2\">\n                {existingBillingAccounts.map((account) => (\n                  <button\n                    key={account.id}\n                    type=\"button\"\n                    onClick={() =>\n                      setSelectedBillingAccountId(account.id ?? null)\n                    }\n                    className={cn(\n                      \"flex w-full items-center gap-3 rounded-md border px-3 py-2.5 text-sm text-left transition-colors\",\n                      selectedBillingAccountId === account.id\n                        ? \"border-primary bg-action-primary-bg/5 text-text-primary\"\n                        : \"border-border-subtle hover:bg-accent text-text-primary\",\n                    )}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\n                        \"flex-shrink-0\",\n                        selectedBillingAccountId === account.id\n                          ? \"opacity-100 text-primary\"\n                          : \"opacity-0\",\n                      )}\n                    />\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"font-medium truncate\">{account.name}</p>\n                      {account.isDefault && (\n                        <p className=\"text-xs text-text-secondary\">\n                          {tr(\"devportal.revenue.defaultAccount\", \"Default\")}\n                        </p>\n                      )}\n                    </div>\n                  </button>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-end gap-2 pt-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowBillingPicker(false);\n                    setLinkBillingError(null);\n                  }}\n                  className=\"rounded-md px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-accent transition-colors\"\n                >\n                  {tr(\"devportal.cancel\", \"Cancel\")}\n                </button>\n                <button\n                  type=\"button\"\n                  disabled={linkingBilling || !selectedBillingAccountId}\n                  onClick={() => void handleLinkExisting()}\n                  className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50\"\n                >\n                  {linkingBilling ? (\n                    <Loader2 size={13} className=\"animate-spin\" />\n                  ) : (\n                    <Link2 size={13} />\n                  )}\n                  {tr(\"devportal.revenue.confirm\", \"Confirm\")}\n                </button>\n              </div>\n              {linkBillingError && (\n                <p className=\"text-xs text-status-error-text\">\n                  {linkBillingError}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {loading && !summary ? (\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      ) : summary ? (\n        <>\n          <EmphasisPanel className=\"mb-6\">\n            <StatCardGrid columns={4}>\n              <StatCard\n                title={tr(\"devportal.revenue.grossRevenue\", \"Gross Revenue\")}\n                value={`$${summary.totalGrossRevenue.toLocaleString()}`}\n                icon={<DollarSign size={20} />}\n              />\n              <StatCard\n                title={tr(\"devportal.revenue.netRevenue\", \"Net Revenue\")}\n                value={`$${summary.totalNetRevenue.toLocaleString()}`}\n                icon={<Wallet size={20} />}\n              />\n              <StatCard\n                title={tr(\n                  \"devportal.revenue.pendingBalance\",\n                  \"Pending Balance\",\n                )}\n                value={`$${summary.pendingBalance.toLocaleString()}`}\n                icon={<CreditCard size={20} />}\n                description={\n                  summary.nextPayoutDate\n                    ? `${tr(\"devportal.revenue.nextPayout\", \"Next payout\")} ${new Date(summary.nextPayoutDate).toLocaleDateString()}`\n                    : tr(\n                        \"devportal.revenue.noPayoutScheduled\",\n                        \"No payout scheduled\",\n                      )\n                }\n              />\n              <StatCard\n                title={tr(\"devportal.revenue.platformFees\", \"Platform Fees\")}\n                value={`$${summary.totalPlatformFees.toLocaleString()}`}\n                icon={<ArrowDownToLine size={20} />}\n                description={`${summary.totalRefundsCount} ${tr(\"devportal.revenue.refunds\", \"refunds\")}`}\n              />\n            </StatCardGrid>\n          </EmphasisPanel>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.revenueTrend\", \"Revenue trend\")}\n            >\n              <GlassCard treatment=\"insight\" className=\"p-4\">\n                {chartData.length > 0 ? (\n                  <ResponsiveContainer width=\"100%\" height={300}>\n                    <LineChart data={chartData}>\n                      <CartesianGrid\n                        strokeDasharray=\"3 3\"\n                        stroke=\"var(--color-chart-grid)\"\n                      />\n                      <XAxis\n                        dataKey=\"date\"\n                        stroke=\"var(--color-chart-axis)\"\n                        fontSize={12}\n                      />\n                      <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                      <Tooltip\n                        contentStyle={{\n                          backgroundColor: \"var(--color-card)\",\n                          border: \"1px solid var(--color-border-default)\",\n                          borderRadius: 12,\n                        }}\n                      />\n                      <Line\n                        type=\"monotone\"\n                        dataKey=\"grossRevenue\"\n                        stroke={chartColors.primary}\n                        strokeWidth={2}\n                        dot={false}\n                      />\n                      <Line\n                        type=\"monotone\"\n                        dataKey=\"netRevenue\"\n                        stroke={chartColors.secondary}\n                        strokeWidth={2}\n                        dot={false}\n                      />\n                    </LineChart>\n                  </ResponsiveContainer>\n                ) : (\n                  <div className=\"flex h-[300px] flex-col items-center justify-center gap-2 text-text-secondary\">\n                    <p className=\"text-sm font-medium\">\n                      {tr(\"devportal.revenue.noTrendData\", \"No trend data yet\")}\n                    </p>\n                    <p className=\"text-xs text-text-tertiary\">\n                      {tr(\n                        \"devportal.revenue.noTrendDataHint\",\n                        \"Revenue trend appears once daily analytics have been aggregated.\",\n                      )}\n                    </p>\n                  </div>\n                )}\n              </GlassCard>\n            </PageSection>\n\n            <PageSection\n              title={tr(\n                \"devportal.revenue.topApps\",\n                \"Top applications by revenue\",\n              )}\n            >\n              {summary.topApps.length > 0 ? (\n                <div className=\"space-y-2\">\n                  {summary.topApps.map(\n                    (\n                      application: GetRevenueDashboardDataQuery[\"developerOrgRevenueSummary\"][\"topApps\"][number],\n                    ) => (\n                      <GlassCard\n                        key={application.applicationId}\n                        treatment=\"insight\"\n                        className=\"border-border-seam p-4\"\n                      >\n                        <div className=\"flex items-start justify-between gap-3\">\n                          <div>\n                            <p className=\"font-medium\">\n                              {application.applicationName}\n                            </p>\n                            <p className=\"text-sm text-text-secondary\">\n                              {application.salesCount}{\" \"}\n                              {tr(\"devportal.revenue.sales\", \"sales\")}\n                            </p>\n                          </div>\n                          <div className=\"text-right\">\n                            <p className=\"font-semibold\">\n                              ${application.grossRevenue.toLocaleString()}\n                            </p>\n                            <p className=\"text-sm text-text-secondary\">\n                              {tr(\"devportal.revenue.net\", \"Net\")} $\n                              {application.netRevenue.toLocaleString()}\n                            </p>\n                          </div>\n                        </div>\n                      </GlassCard>\n                    ),\n                  )}\n                </div>\n              ) : (\n                <EmptyState\n                  illustration=\"empty-data\"\n                  icon={<Building2 size={24} />}\n                  title={tr(\n                    \"devportal.revenue.noLeadersTitle\",\n                    \"No revenue leaders yet\",\n                  )}\n                  description={tr(\n                    \"devportal.revenue.noLeadersDescription\",\n                    \"Top-performing applications will appear here once revenue is recorded.\",\n                  )}\n                />\n              )}\n            </PageSection>\n          </div>\n\n          <PageSection\n            title={tr(\"devportal.revenue.salesVolume\", \"Sales volume\")}\n          >\n            <GlassCard treatment=\"insight\" className=\"p-4\">\n              {chartData.length > 0 ? (\n                <ResponsiveContainer width=\"100%\" height={280}>\n                  <BarChart data={chartData}>\n                    <CartesianGrid\n                      strokeDasharray=\"3 3\"\n                      stroke=\"var(--color-chart-grid)\"\n                    />\n                    <XAxis\n                      dataKey=\"date\"\n                      stroke=\"var(--color-chart-axis)\"\n                      fontSize={12}\n                    />\n                    <YAxis stroke=\"var(--color-chart-axis)\" fontSize={12} />\n                    <Tooltip\n                      contentStyle={{\n                        backgroundColor: \"var(--color-card)\",\n                        border: \"1px solid var(--color-border-default)\",\n                        borderRadius: 12,\n                      }}\n                    />\n                    <Bar\n                      dataKey=\"salesCount\"\n                      fill={chartColors.tertiary}\n                      radius={[6, 6, 0, 0]}\n                    />\n                  </BarChart>\n                </ResponsiveContainer>\n              ) : (\n                <div className=\"flex h-[280px] flex-col items-center justify-center gap-2 text-text-secondary\">\n                  <p className=\"text-sm font-medium\">\n                    {tr(\n                      \"devportal.revenue.noVolumeData\",\n                      \"No sales volume data yet\",\n                    )}\n                  </p>\n                  <p className=\"text-xs text-text-tertiary\">\n                    {tr(\n                      \"devportal.revenue.noVolumeDataHint\",\n                      \"Sales volume by period appears once analytics have been aggregated.\",\n                    )}\n                  </p>\n                </div>\n              )}\n            </GlassCard>\n          </PageSection>\n\n          <div className=\"grid gap-6 xl:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.revenue.recentSales\", \"Recent sales\")}\n            >\n              <DataTable\n                data={sales}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"application\",\n                    header: tr(\"devportal.revenue.application\", \"Application\"),\n                    render: (sale) =>\n                      sale.application?.name ||\n                      sale.planName ||\n                      tr(\"devportal.common.unknown\", \"Unknown\"),\n                  },\n                  {\n                    key: \"grossAmount\",\n                    header: tr(\"devportal.revenue.gross\", \"Gross\"),\n                    render: (sale) => `$${sale.grossAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.net\", \"Net\"),\n                    render: (sale) => `$${sale.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (sale) => (\n                      <StatusBadge status={sale.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.revenue.payoutHistory\", \"Payout history\")}\n            >\n              <DataTable\n                data={payouts}\n                keyField=\"id\"\n                columns={[\n                  {\n                    key: \"periodLabel\",\n                    header: tr(\"devportal.revenue.period\", \"Period\"),\n                    render: (payout) => payout.periodLabel,\n                  },\n                  {\n                    key: \"netAmount\",\n                    header: tr(\"devportal.revenue.netPayout\", \"Net payout\"),\n                    render: (payout) => `$${payout.netAmount.toLocaleString()}`,\n                  },\n                  {\n                    key: \"status\",\n                    header: tr(\"devportal.revenue.status\", \"Status\"),\n                    render: (payout) => (\n                      <StatusBadge status={payout.status} type=\"app\" />\n                    ),\n                  },\n                ]}\n              />\n            </PageSection>\n          </div>\n        </>\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<DollarSign size={32} />}\n          title={tr(\"devportal.revenue.noDataTitle\", \"No revenue data yet\")}\n          description={tr(\n            \"devportal.revenue.noDataDescription\",\n            \"Revenue metrics will appear after this organization starts recording marketplace sales.\",\n          )}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/SellerDashboardPage.js

@@ -4,9 +4,9 @@ import { PageLayout as n } from "../components/PageLayout.js";
 import { PermissionGuard as r } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { useEffect as i, useState as a } from "react";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowRight as s, Building2 as c, CheckCircle2 as l, Clock as u, DollarSign as d, Download as f, Loader2 as p, Package as m, Plus as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ArrowRight as o, Building2 as s, CheckCircle2 as c, Clock as l, DollarSign as u, Download as d, Loader2 as f, Package as p, Plus as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { GlassCard as y, GradientText as b } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/SellerDashboardPage.tsx
 var x = {
@@ -41,7 +41,7 @@ function S(e, t) {
 	}).format(e)} ${n}`;
 }
 var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n      id\n      name\n      slug\n      logoUrl\n      isVerified\n      publishedApps\n      totalInstalls\n      totalRevenue\n    }\n    myPublisher {\n      id\n    }\n  }\n", w = "\n  query SellerDashboardProducts($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 3, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      icon\n    }\n  }\n", T = () => {
-	let { navigate: d, basePath: f, apiGatewayUrl: y, authToken: x } = e(), { t: S } = o(), T = (e, t) => {
+	let { navigate: u, basePath: d, apiGatewayUrl: y, authToken: x } = e(), { t: S } = v(), T = (e, t) => {
 		let n = S(e);
 		return n === e ? t : n;
 	}, A = y ?? "/global/graphql", [j, M] = a(!0), [N, P] = a(!1), [F, I] = a([]), [L, R] = a(null), [z, B] = a([]);
@@ -107,100 +107,100 @@ var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n
 		x
 	]);
 	let V = j, H = j || N, U = !V && F.length > 0, W = !V && L !== null, G = z.length, K = z.filter((e) => e.status === "PENDING_REVIEW").length, q = z.filter((e) => e.status === "PUBLISHED").length, J = (e) => {
-		d?.(`${f}${e}`);
+		u?.(`${d}${e}`);
 	};
-	return /* @__PURE__ */ _(r, {
+	return /* @__PURE__ */ g(r, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(n, {
-			title: /* @__PURE__ */ v(g, { children: [
+		children: /* @__PURE__ */ g(n, {
+			title: /* @__PURE__ */ _(h, { children: [
 				T("devportal.seller", "Seller"),
 				" ",
-				/* @__PURE__ */ _(b, { children: T("devportal.dashboard", "Dashboard") })
+				/* @__PURE__ */ g(b, { children: T("devportal.dashboard", "Dashboard") })
 			] }),
-			actions: U ? /* @__PURE__ */ v("button", {
+			actions: U ? /* @__PURE__ */ _("button", {
 				onClick: () => J("/seller/items/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 transition-colors",
-				children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.listAnItem", "List an Item")]
-			}) : V ? null : /* @__PURE__ */ v("button", {
+				children: [/* @__PURE__ */ g(m, { size: 16 }), T("devportal.listAnItem", "List an Item")]
+			}) : V ? null : /* @__PURE__ */ _("button", {
 				onClick: () => J("/organizations/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 transition-colors",
-				children: [/* @__PURE__ */ _(h, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
+				children: [/* @__PURE__ */ g(m, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
 			}),
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ _("div", {
 				className: "flex flex-col gap-8",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-6 border-b border-border-seam pb-6",
-						children: H ? /* @__PURE__ */ _(p, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ v(g, { children: [
-							/* @__PURE__ */ _(E, {
-								icon: /* @__PURE__ */ _(m, { size: 14 }),
+						children: H ? /* @__PURE__ */ g(f, { className: "h-4 w-4 animate-spin text-text-secondary" }) : /* @__PURE__ */ _(h, { children: [
+							/* @__PURE__ */ g(E, {
+								icon: /* @__PURE__ */ g(p, { size: 14 }),
 								value: G,
 								label: T("devportal.items", "Items")
 							}),
-							/* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
-							/* @__PURE__ */ _(E, {
-								icon: /* @__PURE__ */ _(u, { size: 14 }),
+							/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border-seam" }),
+							/* @__PURE__ */ g(E, {
+								icon: /* @__PURE__ */ g(l, { size: 14 }),
 								value: K,
 								label: T("devportal.pendingReview", "Pending Review")
 							}),
-							/* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
-							/* @__PURE__ */ _(E, {
-								icon: /* @__PURE__ */ _(l, { size: 14 }),
+							/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border-seam" }),
+							/* @__PURE__ */ g(E, {
+								icon: /* @__PURE__ */ g(c, { size: 14 }),
 								value: q,
 								label: T("devportal.published", "Published")
 							}),
-							/* @__PURE__ */ _("div", { className: "h-4 w-px bg-border-seam" }),
-							/* @__PURE__ */ _(E, {
-								icon: /* @__PURE__ */ _(c, { size: 14 }),
+							/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border-seam" }),
+							/* @__PURE__ */ g(E, {
+								icon: /* @__PURE__ */ g(s, { size: 14 }),
 								value: F.length,
 								label: T("devportal.organizations", "Organizations")
 							})
 						] })
 					}),
-					/* @__PURE__ */ _(D, {
+					/* @__PURE__ */ g(D, {
 						title: T("devportal.recentListings", "Recent Listings"),
-						action: z.length > 0 ? /* @__PURE__ */ v("button", {
+						action: z.length > 0 ? /* @__PURE__ */ _("button", {
 							onClick: () => J("/seller/items"),
 							className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ _(s, { size: 14 })]
+							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ g(o, { size: 14 })]
 						}) : void 0,
-						children: V || N ? /* @__PURE__ */ _("div", {
+						children: V || N ? /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ _(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
-						}) : z.length > 0 ? /* @__PURE__ */ _("div", {
+							children: /* @__PURE__ */ g(f, { className: "h-6 w-6 animate-spin text-text-secondary" })
+						}) : z.length > 0 ? /* @__PURE__ */ g("div", {
 							className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-							children: z.slice(0, 3).map((e) => /* @__PURE__ */ _(O, {
+							children: z.slice(0, 3).map((e) => /* @__PURE__ */ g(O, {
 								product: e,
 								onClick: () => J("/seller/items")
 							}, e.id))
-						}) : /* @__PURE__ */ _(t, {
+						}) : /* @__PURE__ */ g(t, {
 							illustration: "empty-data",
 							title: W ? T("devportal.listYourFirstItem", "List your first item") : T("devportal.registerAsPublisherFirst", "Register as publisher first"),
 							description: W ? T("devportal.addPhysicalProductsToYourStore", "Add physical products to your store and they will appear here") : T("devportal.createOrgToStartSelling", "Create an organization to start selling physical products"),
-							action: U ? /* @__PURE__ */ v("button", {
+							action: U ? /* @__PURE__ */ _("button", {
 								onClick: () => J("/seller/items/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__ */ _(h, { size: 16 }), T("devportal.listAnItem", "List an Item")]
-							}) : /* @__PURE__ */ v("button", {
+								children: [/* @__PURE__ */ g(m, { size: 16 }), T("devportal.listAnItem", "List an Item")]
+							}) : /* @__PURE__ */ _("button", {
 								onClick: () => J("/organizations/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__ */ _(h, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
+								children: [/* @__PURE__ */ g(m, { size: 16 }), T("devportal.createOrganization", "Create Organization")]
 							})
 						})
 					}),
-					(V || F.length > 0) && /* @__PURE__ */ _(D, {
+					(V || F.length > 0) && /* @__PURE__ */ g(D, {
 						title: T("devportal.yourOrganizations", "Your Organizations"),
-						action: F.length > 0 ? /* @__PURE__ */ v("button", {
+						action: F.length > 0 ? /* @__PURE__ */ _("button", {
 							onClick: () => J("/organizations"),
 							className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ _(s, { size: 14 })]
+							children: [T("devportal.viewAll", "View all"), /* @__PURE__ */ g(o, { size: 14 })]
 						}) : void 0,
-						children: V ? /* @__PURE__ */ _("div", {
+						children: V ? /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ _(p, { className: "h-6 w-6 animate-spin text-text-secondary" })
-						}) : /* @__PURE__ */ _("div", {
+							children: /* @__PURE__ */ g(f, { className: "h-6 w-6 animate-spin text-text-secondary" })
+						}) : /* @__PURE__ */ g("div", {
 							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-							children: F.slice(0, 3).map((e) => /* @__PURE__ */ _(k, {
+							children: F.slice(0, 3).map((e) => /* @__PURE__ */ g(k, {
 								org: e,
 								onClick: () => J(`/organizations/${e.id}`)
 							}, e.id))
@@ -210,34 +210,34 @@ var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n
 			})
 		})
 	});
-}, E = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ v("div", {
+}, E = ({ icon: e, value: t, label: n }) => /* @__PURE__ */ _("div", {
 	className: "flex items-center gap-1.5",
 	children: [
-		/* @__PURE__ */ _("span", {
+		/* @__PURE__ */ g("span", {
 			className: "text-text-muted",
 			children: e
 		}),
-		/* @__PURE__ */ _("span", {
+		/* @__PURE__ */ g("span", {
 			className: "text-sm font-semibold tabular-nums",
 			children: t
 		}),
-		/* @__PURE__ */ _("span", {
+		/* @__PURE__ */ g("span", {
 			className: "text-sm text-text-secondary",
 			children: n
 		})
 	]
-}), D = ({ title: e, action: t, children: n }) => /* @__PURE__ */ v("section", {
+}), D = ({ title: e, action: t, children: n }) => /* @__PURE__ */ _("section", {
 	className: "flex flex-col gap-4",
-	children: [/* @__PURE__ */ v("div", {
+	children: [/* @__PURE__ */ _("div", {
 		className: "flex items-center justify-between",
-		children: [/* @__PURE__ */ _("h2", {
+		children: [/* @__PURE__ */ g("h2", {
 			className: "text-sm font-semibold uppercase tracking-wider text-text-secondary",
 			children: e
 		}), t]
 	}), n]
 }), O = ({ product: e, onClick: t }) => {
 	let n = x[e.status] ?? x.DRAFT;
-	return /* @__PURE__ */ v(y, {
+	return /* @__PURE__ */ _(y, {
 		treatment: "insight",
 		role: "button",
 		tabIndex: 0,
@@ -246,49 +246,49 @@ var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		},
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex items-center gap-3 mb-4",
 			children: [
-				e.icon ? /* @__PURE__ */ _("img", {
+				e.icon ? /* @__PURE__ */ g("img", {
 					src: e.icon,
 					alt: e.name,
 					className: "h-10 w-10 rounded-xl object-cover shrink-0"
-				}) : /* @__PURE__ */ _("div", {
+				}) : /* @__PURE__ */ g("div", {
 					className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary shrink-0",
-					children: /* @__PURE__ */ _(m, { size: 20 })
+					children: /* @__PURE__ */ g(p, { size: 20 })
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ g("p", {
 						className: "font-semibold truncate text-text-primary",
 						children: e.name
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ g("p", {
 						className: "text-xs text-text-secondary mt-0.5",
 						children: S(e.price, e.currency)
 					})]
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ g("span", {
 					className: `shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium ${n.className}`,
 					children: n.label
 				})
 			]
-		}), /* @__PURE__ */ v("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "flex items-center gap-2 text-sm",
-			children: [/* @__PURE__ */ _(m, {
+			children: [/* @__PURE__ */ g(p, {
 				size: 12,
 				className: "text-text-muted shrink-0"
-			}), /* @__PURE__ */ _("span", {
+			}), /* @__PURE__ */ g("span", {
 				className: e.stockQuantity === 0 ? "text-status-error-text" : "text-text-secondary",
 				children: e.stockQuantity === 0 ? "Out of stock" : `${e.stockQuantity} in stock`
 			})]
 		})]
 	});
 }, k = ({ org: e, onClick: t }) => {
-	let { t: n } = o(), r = (e, t) => {
+	let { t: n } = v(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
 	}, i = e.name.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase();
-	return /* @__PURE__ */ v(y, {
+	return /* @__PURE__ */ _(y, {
 		treatment: "insight",
 		role: "button",
 		tabIndex: 0,
@@ -297,23 +297,23 @@ var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		},
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex items-center gap-3 mb-4",
 			children: [
-				e.logoUrl ? /* @__PURE__ */ _("img", {
+				e.logoUrl ? /* @__PURE__ */ g("img", {
 					src: e.logoUrl,
 					alt: e.name,
 					className: "h-10 w-10 rounded-xl object-cover"
-				}) : /* @__PURE__ */ _("div", {
+				}) : /* @__PURE__ */ g("div", {
 					className: "flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/15 text-primary text-sm font-bold",
 					children: i
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ g("p", {
 						className: "font-semibold truncate text-text-primary",
 						children: e.name
-					}), /* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ _("p", {
 						className: "text-xs text-text-secondary mt-0.5",
 						children: [
 							e.publishedApps ?? 0,
@@ -322,34 +322,34 @@ var C = "\n  query SellerDashboardBootstrap {\n    myDeveloperOrganizations {\n
 						]
 					})]
 				}),
-				/* @__PURE__ */ _(s, {
+				/* @__PURE__ */ g(o, {
 					size: 15,
 					className: "text-text-muted shrink-0"
 				})
 			]
-		}), /* @__PURE__ */ v("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-2 gap-3",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2",
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ g(d, {
 					size: 12,
 					className: "text-text-muted shrink-0"
-				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 					className: "text-[11px] text-text-secondary leading-none mb-0.5",
 					children: r("devportal.installs", "Installs")
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ g("p", {
 					className: "text-sm font-semibold tabular-nums",
 					children: (e.totalInstalls ?? 0).toLocaleString()
 				})] })]
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2 rounded-lg bg-bg-muted px-3 py-2",
-				children: [/* @__PURE__ */ _(d, {
+				children: [/* @__PURE__ */ g(u, {
 					size: 12,
 					className: "text-text-muted shrink-0"
-				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 					className: "text-[11px] text-text-secondary leading-none mb-0.5",
 					children: r("devportal.revenue", "Revenue")
-				}), /* @__PURE__ */ v("p", {
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm font-semibold tabular-nums",
 					children: ["$", (e.totalRevenue ?? 0).toLocaleString()]
 				})] })]