@dainamite/billing 0.17.0

package/dist/modules/billing/backend/billing/runs/[id]/page.js

@@ -0,0 +1,293 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import {
+  apiCallOrThrow,
+  readApiResultOrThrow
+} from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { billRunName } from "../../../../lib/billRunLabel.js";
+import {
+  DetailCard,
+  DetailField,
+  Stat,
+  StatCard
+} from "../../../../components/DetailFields.js";
+function formatDate(value) {
+  if (!value) return "\u2014";
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleString();
+}
+function runStatusVariant(status) {
+  switch (status) {
+    case "completed":
+      return "success";
+    case "partial_failure":
+      return "warning";
+    case "failed":
+      return "error";
+    default:
+      return "default";
+  }
+}
+function outcomeStatusVariant(status) {
+  switch (status) {
+    case "success":
+      return "success";
+    case "success_with_warnings":
+      return "warning";
+    case "failed":
+      return "error";
+    case "skipped_existing_draft":
+    default:
+      return "default";
+  }
+}
+function BillRunDetailPage(props) {
+  const t = useT();
+  const urlParams = useParams();
+  const runId = props.params?.id ?? urlParams?.id ?? "";
+  const [run, setRun] = React.useState(null);
+  const [runError, setRunError] = React.useState(null);
+  const [outcomes, setOutcomes] = React.useState([]);
+  const [outcomesPage, setOutcomesPage] = React.useState(1);
+  const [outcomesTotal, setOutcomesTotal] = React.useState(0);
+  const [outcomesTotalPages, setOutcomesTotalPages] = React.useState(1);
+  const [outcomesLoading, setOutcomesLoading] = React.useState(true);
+  const [retrying, setRetrying] = React.useState(false);
+  const loadRun = React.useCallback(async () => {
+    if (!runId) return;
+    setRunError(null);
+    try {
+      const result = await readApiResultOrThrow(
+        `/api/billing/runs?id=${runId}&pageSize=1`
+      );
+      const found = result.items?.[0];
+      if (!found) {
+        setRunError(t("billing.runs.detail.error.not_found", "Run not found"));
+        setRun(null);
+        return;
+      }
+      setRun(found);
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      setRunError(message || t("billing.runs.detail.error.load", "Failed to load run"));
+    }
+  }, [runId, t]);
+  const loadOutcomes = React.useCallback(async () => {
+    if (!runId) return;
+    setOutcomesLoading(true);
+    try {
+      const params = new URLSearchParams({
+        billRunId: runId,
+        page: String(outcomesPage),
+        pageSize: "50"
+      });
+      const result = await readApiResultOrThrow(
+        `/api/billing/run-outcomes?${params.toString()}`
+      );
+      setOutcomes(result.items ?? []);
+      setOutcomesTotal(result.total ?? 0);
+      setOutcomesTotalPages(result.totalPages ?? 1);
+    } finally {
+      setOutcomesLoading(false);
+    }
+  }, [outcomesPage, runId]);
+  React.useEffect(() => {
+    void loadRun();
+  }, [loadRun]);
+  React.useEffect(() => {
+    void loadOutcomes();
+  }, [loadOutcomes]);
+  const failedCount = run?.summary?.accounts_failed ?? 0;
+  const handleRetryFailed = React.useCallback(async () => {
+    if (!run || failedCount === 0) return;
+    setRetrying(true);
+    try {
+      const call = await apiCallOrThrow(
+        "/api/billing/runs/retry-failed",
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ billRunId: run.id })
+        }
+      );
+      const outcomesCount = call.result?.outcomesCount ?? 0;
+      flash(
+        t("billing.runs.retry.success", "Retry run created") + ` (${outcomesCount} accounts)`,
+        "success"
+      );
+      void loadRun();
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.runs.retry.error", "Retry failed"), "error");
+    } finally {
+      setRetrying(false);
+    }
+  }, [failedCount, loadRun, run, t]);
+  const outcomeColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "bill_account_id",
+        header: t("billing.runs.outcomes.columns.account", "Account"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/backend/billing/accounts/${row.original.bill_account_id}`,
+            className: "text-sm text-primary hover:underline",
+            children: row.original.bill_account_name ?? row.original.bill_account_id
+          }
+        )
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.runs.outcomes.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: outcomeStatusVariant(row.original.status), children: row.original.status })
+      },
+      {
+        accessorKey: "draft_invoice_id",
+        header: t("billing.runs.outcomes.columns.invoice", "Invoice"),
+        cell: ({ row }) => row.original.draft_invoice_id ? /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `/backend/billing/invoices/${row.original.draft_invoice_id}`,
+            className: "text-sm text-primary hover:underline",
+            children: row.original.invoice_number ?? row.original.draft_invoice_id
+          }
+        ) : "\u2014"
+      },
+      {
+        accessorKey: "error_message",
+        header: t("billing.runs.outcomes.columns.error", "Error"),
+        cell: ({ row }) => row.original.error_message ?? "\u2014"
+      },
+      {
+        accessorKey: "warnings",
+        header: t("billing.runs.outcomes.columns.warnings", "Warnings"),
+        cell: ({ row }) => {
+          if (!row.original.warnings) return "\u2014";
+          return /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: JSON.stringify(row.original.warnings) });
+        }
+      }
+    ],
+    [t]
+  );
+  if (runError) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.runs.detail.title", "Bill Run") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: runError }) })
+    ] });
+  }
+  if (!run) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.runs.detail.title", "Bill Run") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.runs.detail.loading", "Loading run\u2026") }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/runs",
+        entityTypeLabel: t("billing.runs.detail.title", "Bill Run"),
+        title: billRunName(run.as_of_date),
+        statusBadge: /* @__PURE__ */ jsx(Tag, { variant: runStatusVariant(run.status), children: run.status }),
+        actionsContent: failedCount > 0 ? /* @__PURE__ */ jsxs(Button, { disabled: retrying, onClick: handleRetryFailed, children: [
+          retrying ? t("billing.runs.retry.in_progress", "Retrying\u2026") : t("billing.runs.retry.action", "Retry failed accounts"),
+          ` (${failedCount})`
+        ] }) : null
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(DetailCard, { children: [
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.run_id", "Run ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: run.id }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.triggered_by", "Trigger"), children: run.triggered_by }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.mode", "Mode"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+          run.dry_run ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.runs.mode.dry_run", "Dry-run") }) : run.test_mode ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.runs.mode.test", "Test") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.runs.mode.real", "Real") }),
+          run.catch_up ? /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.runs.mode.catch_up", "Catch-up") }) : null
+        ] }) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.as_of_date", "As-of date"), children: run.as_of_date?.slice(0, 10) ?? "\u2014" }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.started_at", "Started"), children: formatDate(run.started_at) }),
+        /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.finished_at", "Finished"), children: formatDate(run.finished_at) }),
+        run.parent_run_id ? /* @__PURE__ */ jsx(DetailField, { label: t("billing.runs.detail.field.parent_run", "Parent run"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: run.parent_run_id }) }) : null
+      ] }),
+      run.summary ? /* @__PURE__ */ jsxs(StatCard, { title: t("billing.runs.summary.title", "Summary"), children: [
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.accounts", "Accounts"),
+            value: run.summary.accounts_processed ?? 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.drafts", "Drafts"),
+            value: run.summary.drafts_created ?? 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.skipped", "Skipped"),
+            value: run.summary.drafts_skipped_existing ?? 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.warnings", "Warnings"),
+            value: run.summary.accounts_with_warnings ?? 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.failed", "Failed"),
+            value: run.summary.accounts_failed ?? 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Stat,
+          {
+            label: t("billing.runs.summary.usage", "Usage rated"),
+            value: run.summary.usage_records_rated ?? 0
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-2", children: t("billing.runs.outcomes.title", "Per-account outcomes") }),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            columns: outcomeColumns,
+            data: outcomes,
+            isLoading: outcomesLoading,
+            pagination: {
+              page: outcomesPage,
+              pageSize: 50,
+              total: outcomesTotal,
+              totalPages: outcomesTotalPages,
+              onPageChange: setOutcomesPage
+            }
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  BillRunDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/billing/backend/billing/runs/[id]/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/runs/%5Bid%5D/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useParams } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { billRunName } from '../../../../lib/billRunLabel'\nimport {\n  DetailCard,\n  DetailField,\n  Stat,\n  StatCard,\n} from '../../../../components/DetailFields'\n\n/**\n * Bill Run detail \u2014 header card + outcomes list.\n *\n * The \"Retry failed accounts\" button is enabled only when the run\n * has at least one failed outcome. It POSTs the\n * `billing.runs.retry_failed` endpoint, which creates a new run\n * scoped to those accounts (the new run shows up in the list at\n * `/backend/billing/runs`).\n */\n\n// API list rows are snake_case (see `api/runs/route.ts` +\n// `api/run-outcomes/route.ts` `fields`).\ntype BillRun = {\n  id: string\n  triggered_by: 'schedule' | 'manual'\n  parent_run_id: string | null\n  dry_run: boolean\n  test_mode: boolean\n  catch_up: boolean\n  as_of_date: string\n  started_at: string | null\n  finished_at: string | null\n  status: 'running' | 'completed' | 'partial_failure' | 'failed'\n  summary: {\n    accounts_processed?: number\n    drafts_created?: number\n    drafts_skipped_existing?: number\n    accounts_failed?: number\n    accounts_with_warnings?: number\n    usage_records_rated?: number\n  } | null\n  organization_id: string\n  tenant_id: string\n  created_at: string\n  updated_at: string\n}\n\ntype BillRunOutcome = {\n  id: string\n  bill_run_id: string\n  bill_account_id: string\n  bill_account_name: string | null\n  status: 'success' | 'success_with_warnings' | 'skipped_existing_draft' | 'failed'\n  error_message: string | null\n  warnings: Record<string, unknown> | null\n  draft_invoice_id: string | null\n  invoice_number: string | null\n  created_at: string\n}\n\ntype ListResponse<T> = {\n  items: T[]\n  total: number\n  totalPages: number\n}\n\nfunction formatDate(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleString()\n}\n\nfunction runStatusVariant(\n  status: BillRun['status'],\n): 'default' | 'success' | 'warning' | 'error' {\n  switch (status) {\n    case 'completed':\n      return 'success'\n    case 'partial_failure':\n      return 'warning'\n    case 'failed':\n      return 'error'\n    default:\n      return 'default'\n  }\n}\n\nfunction outcomeStatusVariant(\n  status: BillRunOutcome['status'],\n): 'default' | 'success' | 'warning' | 'error' {\n  switch (status) {\n    case 'success':\n      return 'success'\n    case 'success_with_warnings':\n      return 'warning'\n    case 'failed':\n      return 'error'\n    case 'skipped_existing_draft':\n    default:\n      return 'default'\n  }\n}\n\nexport default function BillRunDetailPage(props: { params?: { id?: string } }) {\n  const t = useT()\n  // OM serves backend pages through a catch-all route \u2014 the dynamic\n  // `[id]` segment arrives as a page prop; `useParams()` is the fallback.\n  const urlParams = useParams<{ id: string }>()\n  const runId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [run, setRun] = React.useState<BillRun | null>(null)\n  const [runError, setRunError] = React.useState<string | null>(null)\n  const [outcomes, setOutcomes] = React.useState<BillRunOutcome[]>([])\n  const [outcomesPage, setOutcomesPage] = React.useState(1)\n  const [outcomesTotal, setOutcomesTotal] = React.useState(0)\n  const [outcomesTotalPages, setOutcomesTotalPages] = React.useState(1)\n  const [outcomesLoading, setOutcomesLoading] = React.useState(true)\n  const [retrying, setRetrying] = React.useState(false)\n\n  const loadRun = React.useCallback(async () => {\n    if (!runId) return\n    setRunError(null)\n    try {\n      const result = await readApiResultOrThrow<ListResponse<BillRun>>(\n        `/api/billing/runs?id=${runId}&pageSize=1`,\n      )\n      const found = result.items?.[0]\n      if (!found) {\n        setRunError(t('billing.runs.detail.error.not_found', 'Run not found'))\n        setRun(null)\n        return\n      }\n      setRun(found)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setRunError(message || t('billing.runs.detail.error.load', 'Failed to load run'))\n    }\n  }, [runId, t])\n\n  const loadOutcomes = React.useCallback(async () => {\n    if (!runId) return\n    setOutcomesLoading(true)\n    try {\n      const params = new URLSearchParams({\n        billRunId: runId,\n        page: String(outcomesPage),\n        pageSize: '50',\n      })\n      const result = await readApiResultOrThrow<ListResponse<BillRunOutcome>>(\n        `/api/billing/run-outcomes?${params.toString()}`,\n      )\n      setOutcomes(result.items ?? [])\n      setOutcomesTotal(result.total ?? 0)\n      setOutcomesTotalPages(result.totalPages ?? 1)\n    } finally {\n      setOutcomesLoading(false)\n    }\n  }, [outcomesPage, runId])\n\n  React.useEffect(() => {\n    void loadRun()\n  }, [loadRun])\n  React.useEffect(() => {\n    void loadOutcomes()\n  }, [loadOutcomes])\n\n  const failedCount = run?.summary?.accounts_failed ?? 0\n\n  const handleRetryFailed = React.useCallback(async () => {\n    if (!run || failedCount === 0) return\n    setRetrying(true)\n    try {\n      const call = await apiCallOrThrow<{ billRunId: string; outcomesCount: number }>(\n        '/api/billing/runs/retry-failed',\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ billRunId: run.id }),\n        },\n      )\n      const outcomesCount = call.result?.outcomesCount ?? 0\n      flash(\n        t('billing.runs.retry.success', 'Retry run created') +\n          ` (${outcomesCount} accounts)`,\n        'success',\n      )\n      // Refresh \u2014 the new run shows up in the list view; the current\n      // run's outcomes are immutable so no reload of `loadOutcomes`\n      // needed, but loadRun is cheap.\n      void loadRun()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.runs.retry.error', 'Retry failed'), 'error')\n    } finally {\n      setRetrying(false)\n    }\n  }, [failedCount, loadRun, run, t])\n\n  const outcomeColumns = React.useMemo<ColumnDef<BillRunOutcome>[]>(\n    () => [\n      {\n        accessorKey: 'bill_account_id',\n        header: t('billing.runs.outcomes.columns.account', 'Account'),\n        cell: ({ row }) => (\n          <Link\n            href={`/backend/billing/accounts/${row.original.bill_account_id}`}\n            className=\"text-sm text-primary hover:underline\"\n          >\n            {row.original.bill_account_name ?? row.original.bill_account_id}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.runs.outcomes.columns.status', 'Status'),\n        cell: ({ row }) => (\n          <Tag variant={outcomeStatusVariant(row.original.status)}>\n            {row.original.status}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'draft_invoice_id',\n        header: t('billing.runs.outcomes.columns.invoice', 'Invoice'),\n        cell: ({ row }) =>\n          row.original.draft_invoice_id ? (\n            <Link\n              href={`/backend/billing/invoices/${row.original.draft_invoice_id}`}\n              className=\"text-sm text-primary hover:underline\"\n            >\n              {row.original.invoice_number ?? row.original.draft_invoice_id}\n            </Link>\n          ) : (\n            '\u2014'\n          ),\n      },\n      {\n        accessorKey: 'error_message',\n        header: t('billing.runs.outcomes.columns.error', 'Error'),\n        cell: ({ row }) => row.original.error_message ?? '\u2014',\n      },\n      {\n        accessorKey: 'warnings',\n        header: t('billing.runs.outcomes.columns.warnings', 'Warnings'),\n        cell: ({ row }) => {\n          if (!row.original.warnings) return '\u2014'\n          return (\n            <span className=\"font-mono text-xs\">{JSON.stringify(row.original.warnings)}</span>\n          )\n        },\n      },\n    ],\n    [t],\n  )\n\n  if (runError) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.runs.detail.title', 'Bill Run')} />\n        <PageBody>\n          <ErrorMessage label={runError} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (!run) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.runs.detail.title', 'Bill Run')} />\n        <PageBody>\n          <LoadingMessage label={t('billing.runs.detail.loading', 'Loading run\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/runs\"\n        entityTypeLabel={t('billing.runs.detail.title', 'Bill Run')}\n        title={billRunName(run.as_of_date)}\n        statusBadge={\n          <Tag variant={runStatusVariant(run.status)}>{run.status}</Tag>\n        }\n        actionsContent={\n          failedCount > 0 ? (\n            <Button disabled={retrying} onClick={handleRetryFailed}>\n              {retrying\n                ? t('billing.runs.retry.in_progress', 'Retrying\u2026')\n                : t('billing.runs.retry.action', 'Retry failed accounts')}\n              {` (${failedCount})`}\n            </Button>\n          ) : null\n        }\n      />\n      <PageBody>\n        <div className=\"space-y-6\">\n          <DetailCard>\n            <DetailField label={t('billing.runs.detail.field.run_id', 'Run ID')}>\n              <span className=\"font-mono text-xs\">{run.id}</span>\n            </DetailField>\n            <DetailField label={t('billing.runs.detail.field.triggered_by', 'Trigger')}>\n              {run.triggered_by}\n            </DetailField>\n            <DetailField label={t('billing.runs.detail.field.mode', 'Mode')}>\n              <div className=\"flex flex-wrap gap-1\">\n                {run.dry_run ? (\n                  <Tag variant=\"warning\">{t('billing.runs.mode.dry_run', 'Dry-run')}</Tag>\n                ) : run.test_mode ? (\n                  <Tag variant=\"warning\">{t('billing.runs.mode.test', 'Test')}</Tag>\n                ) : (\n                  <Tag variant=\"default\">{t('billing.runs.mode.real', 'Real')}</Tag>\n                )}\n                {run.catch_up ? (\n                  <Tag variant=\"default\">{t('billing.runs.mode.catch_up', 'Catch-up')}</Tag>\n                ) : null}\n              </div>\n            </DetailField>\n            <DetailField label={t('billing.runs.detail.field.as_of_date', 'As-of date')}>\n              {run.as_of_date?.slice(0, 10) ?? '\u2014'}\n            </DetailField>\n            <DetailField label={t('billing.runs.detail.field.started_at', 'Started')}>\n              {formatDate(run.started_at)}\n            </DetailField>\n            <DetailField label={t('billing.runs.detail.field.finished_at', 'Finished')}>\n              {formatDate(run.finished_at)}\n            </DetailField>\n            {run.parent_run_id ? (\n              <DetailField label={t('billing.runs.detail.field.parent_run', 'Parent run')}>\n                <span className=\"font-mono text-xs\">{run.parent_run_id}</span>\n              </DetailField>\n            ) : null}\n          </DetailCard>\n\n          {run.summary ? (\n            <StatCard title={t('billing.runs.summary.title', 'Summary')}>\n              <Stat\n                label={t('billing.runs.summary.accounts', 'Accounts')}\n                value={run.summary.accounts_processed ?? 0}\n              />\n              <Stat\n                label={t('billing.runs.summary.drafts', 'Drafts')}\n                value={run.summary.drafts_created ?? 0}\n              />\n              <Stat\n                label={t('billing.runs.summary.skipped', 'Skipped')}\n                value={run.summary.drafts_skipped_existing ?? 0}\n              />\n              <Stat\n                label={t('billing.runs.summary.warnings', 'Warnings')}\n                value={run.summary.accounts_with_warnings ?? 0}\n              />\n              <Stat\n                label={t('billing.runs.summary.failed', 'Failed')}\n                value={run.summary.accounts_failed ?? 0}\n              />\n              <Stat\n                label={t('billing.runs.summary.usage', 'Usage rated')}\n                value={run.summary.usage_records_rated ?? 0}\n              />\n            </StatCard>\n          ) : null}\n\n          <div>\n            <h2 className=\"text-base font-semibold mb-2\">\n              {t('billing.runs.outcomes.title', 'Per-account outcomes')}\n            </h2>\n            <DataTable\n              columns={outcomeColumns}\n              data={outcomes}\n              isLoading={outcomesLoading}\n              pagination={{\n                page: outcomesPage,\n                pageSize: 50,\n                total: outcomesTotal,\n                totalPages: outcomesTotalPages,\n                onPageChange: setOutcomesPage,\n              }}\n            />\n          </div>\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/backend/billing/runs/[id]/page.meta.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { PlayCircle } from "lucide-react";
+const runIcon = React.createElement(PlayCircle, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.run.view"],
+  pageTitle: "Bill Run",
+  pageTitleKey: "billing.runs.detail.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  navHidden: true,
+  icon: runIcon,
+  breadcrumb: [
+    { label: "Bill Runs", labelKey: "billing.runs.title", href: "/backend/billing/runs" },
+    { label: "Run", labelKey: "billing.runs.detail.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/billing/backend/billing/runs/[id]/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/runs/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { PlayCircle } from 'lucide-react'\n\nconst runIcon = React.createElement(PlayCircle, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.run.view'],\n  pageTitle: 'Bill Run',\n  pageTitleKey: 'billing.runs.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: runIcon,\n  breadcrumb: [\n    { label: 'Bill Runs', labelKey: 'billing.runs.title', href: '/backend/billing/runs' },\n    { label: 'Run', labelKey: 'billing.runs.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAE3B,MAAM,UAAU,MAAM,cAAc,YAAY,EAAE,MAAM,GAAG,CAAC;AAErD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,kBAAkB;AAAA,EACpC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,aAAa,UAAU,sBAAsB,MAAM,wBAAwB;AAAA,IACpF,EAAE,OAAO,OAAO,UAAU,4BAA4B;AAAA,EACxD;AACF;",
+  "names": []
+}