@dainamite/billing 0.19.0 → 0.21.0

package/dist/modules/billing/components/TestRunActions.js

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Eraser, Trash2 } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+function billRunMode(run) {
+  if (run.dry_run) return "dry";
+  if (run.test_mode) return "test";
+  return "real";
+}
+function useTestRunCleanup() {
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [busy, setBusy] = React.useState(null);
+  const wipe = React.useCallback(
+    async (runId) => {
+      const ok = await confirm({
+        title: t("billing.runs.wipe.confirm.title", "Wipe test invoices?"),
+        text: t(
+          "billing.runs.wipe.confirm.text",
+          "Every test invoice from this Bill Run will be permanently deleted. The run itself stays. This cannot be undone."
+        ),
+        confirmText: t("billing.runs.wipe.confirm.button", "Delete test invoices"),
+        variant: "destructive"
+      });
+      if (!ok) return null;
+      setBusy("wipe");
+      try {
+        const call = await apiCallOrThrow("/api/billing/test-invoices/wipe", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ billRunId: runId })
+        });
+        const removed = call.result?.invoicesRemoved ?? 0;
+        flash(`${t("billing.runs.wipe.success", "Test invoices removed")} (${removed})`, "success");
+        return removed;
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(message || t("billing.runs.wipe.error", "Wipe failed"), "error");
+        return null;
+      } finally {
+        setBusy(null);
+      }
+    },
+    [confirm, t]
+  );
+  const remove = React.useCallback(
+    async (params) => {
+      const text = params.mode === "test" && typeof params.draftsCount === "number" && params.draftsCount > 0 ? `${t("billing.runs.delete.confirm.text_with_invoices", "The run, its results and its test invoices will be permanently deleted. Test invoices:")} ${params.draftsCount}` : t("billing.runs.delete.confirm.text", "The run and its results will be permanently deleted.");
+      const ok = await confirm({
+        title: t("billing.runs.delete.confirm.title", "Delete this run?"),
+        text,
+        confirmText: t("billing.runs.delete.confirm.button", "Delete run"),
+        variant: "destructive"
+      });
+      if (!ok) return null;
+      setBusy("delete");
+      try {
+        const call = await apiCallOrThrow(
+          `/api/billing/runs/${encodeURIComponent(params.runId)}`,
+          { method: "DELETE" }
+        );
+        flash(t("billing.runs.delete.success", "Run deleted"), "success");
+        return call.result?.invoicesRemoved ?? 0;
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(message || t("billing.runs.delete.error", "Delete failed"), "error");
+        return null;
+      } finally {
+        setBusy(null);
+      }
+    },
+    [confirm, t]
+  );
+  return { wipe, remove, busy, ConfirmDialogElement };
+}
+function TestRunActions({ runId, mode, draftsCount, onWiped, onDeleted }) {
+  const t = useT();
+  const { wipe, remove, busy, ConfirmDialogElement } = useTestRunCleanup();
+  if (mode === "real") return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    mode === "test" ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        disabled: busy !== null,
+        onClick: async () => {
+          const removed = await wipe(runId);
+          if (removed !== null) onWiped?.(removed);
+        },
+        children: [
+          /* @__PURE__ */ jsx(Eraser, { size: 16 }),
+          busy === "wipe" ? t("billing.runs.wipe.in_progress", "Wiping\u2026") : t("billing.runs.wipe.action", "Wipe test invoices")
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "destructive",
+        disabled: busy !== null,
+        onClick: async () => {
+          const removed = await remove({ runId, mode, draftsCount });
+          if (removed !== null) onDeleted?.(removed);
+        },
+        children: [
+          /* @__PURE__ */ jsx(Trash2, { size: 16 }),
+          busy === "delete" ? t("billing.runs.delete.in_progress", "Deleting\u2026") : t("billing.runs.delete.action", "Delete run")
+        ]
+      }
+    ),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  TestRunActions,
+  billRunMode,
+  useTestRunCleanup
+};
+//# sourceMappingURL=TestRunActions.js.map

package/dist/modules/billing/components/TestRunActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/TestRunActions.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Eraser, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\n\nexport type BillRunMode = 'real' | 'test' | 'dry'\n\nexport function billRunMode(run: { dry_run?: boolean | null; test_mode?: boolean | null }): BillRunMode {\n  if (run.dry_run) return 'dry'\n  if (run.test_mode) return 'test'\n  return 'real'\n}\n\nexport type TestRunActionsProps = {\n  runId: string\n  mode: BillRunMode\n  /** Test drafts the run wrote (from the run summary), for the confirm text. */\n  draftsCount?: number\n  onWiped?: (invoicesRemoved: number) => void\n  onDeleted?: (invoicesRemoved: number) => void\n}\n\n/**\n * Confirm-then-call cleanup flows for a test / dry Bill Run (Spec F, F1),\n * shared by the run detail page, the runs list row action and the account\n * \"Run billing\" dialog. Each call resolves to the removed invoice count, or\n * `null` when the operator cancelled or the call failed (already flashed).\n */\nexport function useTestRunCleanup() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [busy, setBusy] = React.useState<'wipe' | 'delete' | null>(null)\n\n  const wipe = React.useCallback(\n    async (runId: string): Promise<number | null> => {\n      const ok = await confirm({\n        title: t('billing.runs.wipe.confirm.title', 'Wipe test invoices?'),\n        text: t(\n          'billing.runs.wipe.confirm.text',\n          'Every test invoice from this Bill Run will be permanently deleted. The run itself stays. This cannot be undone.',\n        ),\n        confirmText: t('billing.runs.wipe.confirm.button', 'Delete test invoices'),\n        variant: 'destructive',\n      })\n      if (!ok) return null\n      setBusy('wipe')\n      try {\n        const call = await apiCallOrThrow<{ invoicesRemoved: number }>('/api/billing/test-invoices/wipe', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ billRunId: runId }),\n        })\n        const removed = call.result?.invoicesRemoved ?? 0\n        flash(`${t('billing.runs.wipe.success', 'Test invoices removed')} (${removed})`, 'success')\n        return removed\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.runs.wipe.error', 'Wipe failed'), 'error')\n        return null\n      } finally {\n        setBusy(null)\n      }\n    },\n    [confirm, t],\n  )\n\n  const remove = React.useCallback(\n    async (params: { runId: string; mode: BillRunMode; draftsCount?: number }): Promise<number | null> => {\n      const text =\n        params.mode === 'test' && typeof params.draftsCount === 'number' && params.draftsCount > 0\n          ? `${t('billing.runs.delete.confirm.text_with_invoices', 'The run, its results and its test invoices will be permanently deleted. Test invoices:')} ${params.draftsCount}`\n          : t('billing.runs.delete.confirm.text', 'The run and its results will be permanently deleted.')\n      const ok = await confirm({\n        title: t('billing.runs.delete.confirm.title', 'Delete this run?'),\n        text,\n        confirmText: t('billing.runs.delete.confirm.button', 'Delete run'),\n        variant: 'destructive',\n      })\n      if (!ok) return null\n      setBusy('delete')\n      try {\n        const call = await apiCallOrThrow<{ invoicesRemoved: number }>(\n          `/api/billing/runs/${encodeURIComponent(params.runId)}`,\n          { method: 'DELETE' },\n        )\n        flash(t('billing.runs.delete.success', 'Run deleted'), 'success')\n        return call.result?.invoicesRemoved ?? 0\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.runs.delete.error', 'Delete failed'), 'error')\n        return null\n      } finally {\n        setBusy(null)\n      }\n    },\n    [confirm, t],\n  )\n\n  return { wipe, remove, busy, ConfirmDialogElement }\n}\n\n/**\n * Cleanup buttons for a test / dry Bill Run: \"Wipe test invoices\" keeps the\n * run, \"Delete run\" removes it with its test invoices. Renders nothing for\n * real runs (they are never deleted).\n */\nexport function TestRunActions({ runId, mode, draftsCount, onWiped, onDeleted }: TestRunActionsProps) {\n  const t = useT()\n  const { wipe, remove, busy, ConfirmDialogElement } = useTestRunCleanup()\n\n  if (mode === 'real') return null\n  return (\n    <>\n      {mode === 'test' ? (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={busy !== null}\n          onClick={async () => {\n            const removed = await wipe(runId)\n            if (removed !== null) onWiped?.(removed)\n          }}\n        >\n          <Eraser size={16} />\n          {busy === 'wipe'\n            ? t('billing.runs.wipe.in_progress', 'Wiping\u2026')\n            : t('billing.runs.wipe.action', 'Wipe test invoices')}\n        </Button>\n      ) : null}\n      <Button\n        type=\"button\"\n        variant=\"destructive\"\n        disabled={busy !== null}\n        onClick={async () => {\n          const removed = await remove({ runId, mode, draftsCount })\n          if (removed !== null) onDeleted?.(removed)\n        }}\n      >\n        <Trash2 size={16} />\n        {busy === 'delete'\n          ? t('billing.runs.delete.in_progress', 'Deleting\u2026')\n          : t('billing.runs.delete.action', 'Delete run')}\n      </Button>\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountItemsTab.js

@@ -0,0 +1,157 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BillingDataTable as DataTable } from "../BillingDataTable.js";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { itemBillingState } from "../../lib/itemBillingState.js";
+import { formatDate } from "./accountRow.js";
+function localToday() {
+  const now = /* @__PURE__ */ new Date();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const date = String(now.getDate()).padStart(2, "0");
+  return `${now.getFullYear()}-${month}-${date}`;
+}
+function stateVariant(state) {
+  switch (state.status) {
+    case "billed":
+    case "current":
+    case "fully_billed":
+      return "success";
+    case "awaiting_run":
+    case "due":
+      return "warning";
+    case "metered":
+      return "info";
+    default:
+      return "neutral";
+  }
+}
+function AccountItemsTab({ accountId, currencyCode }) {
+  const t = useT();
+  const router = useRouter();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const pageSize = 25;
+  const today = React.useMemo(() => localToday(), []);
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    try {
+      const result = await readApiResultOrThrow(
+        `/api/billing/items?billAccountId=${accountId}&page=${page}&pageSize=${pageSize}&sortField=createdAt&sortDir=desc`
+      );
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } finally {
+      setLoading(false);
+    }
+  }, [accountId, page]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const typeLabel = React.useCallback(
+    (row) => {
+      if (row.type === "one_time") return t("billing.items.form.type.one_time", "One-time charge");
+      if (row.type === "usage") return t("billing.items.form.type.usage", "Usage (metered)");
+      return row.charge_timing === "in_arrears" ? t("billing.accounts.items.recurring_arrears", "Recurring \xB7 in arrears") : t("billing.accounts.items.recurring_advance", "Recurring \xB7 in advance");
+    },
+    [t]
+  );
+  const rateLabel = React.useCallback(
+    (row) => {
+      const rate = row.rate_json ?? {};
+      const amount = typeof rate.amount === "number" ? rate.amount : typeof rate.unit_price === "number" ? rate.unit_price : null;
+      if (amount === null) {
+        return "model" in rate ? `${t("billing.accounts.items.tiered", "Tiered")} (${String(rate.model)})` : "\u2014";
+      }
+      const perUnit = row.type === "usage" && row.uom_code ? ` / ${row.uom_code}` : "";
+      const basis = row.price_basis === "gross" ? t("billing.items.price_basis.gross", "Gross") : t("billing.items.price_basis.net", "Net");
+      return `${amount}${currencyCode ? ` ${currencyCode}` : ""}${perUnit} \xB7 ${basis}`;
+    },
+    [currencyCode, t]
+  );
+  const stateLabel = React.useCallback(
+    (state) => {
+      const date = state.date ? formatDate(state.date) : "";
+      switch (state.status) {
+        case "inactive":
+          return t("billing.common.inactive", "Inactive");
+        case "metered":
+          return t("billing.accounts.items.state.metered", "Billed from usage");
+        case "scheduled":
+          return `${t("billing.accounts.items.state.scheduled", "Starts")} ${date}`;
+        case "awaiting_run":
+          return t("billing.accounts.items.state.awaiting_run", "Not billed yet");
+        case "billed":
+          return t("billing.accounts.items.state.billed", "Billed");
+        case "current":
+          return `${t("billing.accounts.items.state.current", "Billed through")} ${date}`;
+        case "due":
+          return `${t("billing.accounts.items.state.due", "Due since")} ${date}`;
+        case "fully_billed":
+          return t("billing.accounts.items.state.fully_billed", "Fully billed");
+      }
+    },
+    [t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "description",
+        header: t("billing.items.columns.description", "Description"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: row.original.description })
+      },
+      {
+        accessorKey: "type",
+        header: t("billing.items.columns.type", "Type"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: typeLabel(row.original) })
+      },
+      {
+        accessorKey: "rate_json",
+        header: t("billing.items.form.rate.title", "Rate"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums", children: rateLabel(row.original) })
+      },
+      {
+        accessorKey: "bill_start_date",
+        header: t("billing.accounts.items.term", "Term"),
+        cell: ({ row }) => `${formatDate(row.original.bill_start_date)} \u2013 ${row.original.bill_end_date ? formatDate(row.original.bill_end_date) : t("billing.accounts.items.open_ended", "open-ended")}`
+      },
+      {
+        accessorKey: "billed_to_date",
+        header: t("billing.accounts.items.billed_through", "Billed through"),
+        cell: ({ row }) => row.original.type === "recurring" && row.original.billed_to_date ? formatDate(row.original.billed_to_date) : "\u2014"
+      },
+      {
+        id: "billing_state",
+        header: t("billing.accounts.items.state", "Billing"),
+        cell: ({ row }) => {
+          const state = itemBillingState(row.original, today);
+          return /* @__PURE__ */ jsx(Tag, { variant: stateVariant(state), children: stateLabel(state) });
+        }
+      }
+    ],
+    [rateLabel, stateLabel, t, today, typeLabel]
+  );
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      title: t("billing.accounts.detail.items.title", "Items"),
+      columns,
+      data: rows,
+      isLoading: loading,
+      onRowClick: (row) => router.push(`/backend/billing/items/${row.id}`),
+      pagination: { page, pageSize, total, totalPages, onPageChange: setPage },
+      emptyState: /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("billing.accounts.detail.items.empty", "No items for this account yet.") })
+    }
+  );
+}
+export {
+  AccountItemsTab
+};
+//# sourceMappingURL=AccountItemsTab.js.map

package/dist/modules/billing/components/account/AccountItemsTab.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountItemsTab.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { BillingDataTable as DataTable } from '../BillingDataTable'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { itemBillingState, type ItemBillingState } from '../../lib/itemBillingState'\nimport { formatDate } from './accountRow'\n\n// Snake_case projection of `GET /api/billing/items` (see its `fields`).\ntype AccountItemRow = {\n  id: string\n  description: string\n  type: 'one_time' | 'recurring' | 'usage'\n  bill_start_date: string\n  bill_end_date: string | null\n  billed_to_date: string | null\n  rate_json: Record<string, unknown> | null\n  charge_timing: 'in_advance' | 'in_arrears'\n  price_basis?: 'net' | 'gross'\n  uom_code: string | null\n  is_active: boolean\n}\n\nfunction localToday(): string {\n  const now = new Date()\n  const month = String(now.getMonth() + 1).padStart(2, '0')\n  const date = String(now.getDate()).padStart(2, '0')\n  return `${now.getFullYear()}-${month}-${date}`\n}\n\nfunction stateVariant(state: ItemBillingState): 'success' | 'warning' | 'neutral' | 'info' {\n  switch (state.status) {\n    case 'billed':\n    case 'current':\n    case 'fully_billed':\n      return 'success'\n    case 'awaiting_run':\n    case 'due':\n      return 'warning'\n    case 'metered':\n      return 'info'\n    default:\n      return 'neutral'\n  }\n}\n\n/**\n * The account's billing items (workspace Items tab): what each item costs,\n * its term, how far it has been billed and \u2014 against today \u2014 whether a Bill\n * Run still has to charge it.\n */\nexport function AccountItemsTab({ accountId, currencyCode }: { accountId: string; currencyCode?: string }) {\n  const t = useT()\n  const router = useRouter()\n  const [rows, setRows] = React.useState<AccountItemRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [loading, setLoading] = React.useState(true)\n  const pageSize = 25\n  const today = React.useMemo(() => localToday(), [])\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{ items: AccountItemRow[]; total: number; totalPages: number }>(\n        `/api/billing/items?billAccountId=${accountId}&page=${page}` + `&pageSize=${pageSize}&sortField=createdAt&sortDir=desc`,\n      )\n      setRows(result.items ?? [])\n      setTotal(result.total ?? 0)\n      setTotalPages(result.totalPages ?? 1)\n    } finally {\n      setLoading(false)\n    }\n  }, [accountId, page])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  const typeLabel = React.useCallback(\n    (row: AccountItemRow) => {\n      if (row.type === 'one_time') return t('billing.items.form.type.one_time', 'One-time charge')\n      if (row.type === 'usage') return t('billing.items.form.type.usage', 'Usage (metered)')\n      return row.charge_timing === 'in_arrears'\n        ? t('billing.accounts.items.recurring_arrears', 'Recurring \u00B7 in arrears')\n        : t('billing.accounts.items.recurring_advance', 'Recurring \u00B7 in advance')\n    },\n    [t],\n  )\n\n  const rateLabel = React.useCallback(\n    (row: AccountItemRow) => {\n      const rate = row.rate_json ?? {}\n      const amount = typeof rate.amount === 'number' ? rate.amount : typeof rate.unit_price === 'number' ? rate.unit_price : null\n      if (amount === null) {\n        return 'model' in rate ? `${t('billing.accounts.items.tiered', 'Tiered')} (${String(rate.model)})` : '\u2014'\n      }\n      const perUnit = row.type === 'usage' && row.uom_code ? ` / ${row.uom_code}` : ''\n      const basis = row.price_basis === 'gross' ? t('billing.items.price_basis.gross', 'Gross') : t('billing.items.price_basis.net', 'Net')\n      return `${amount}${currencyCode ? ` ${currencyCode}` : ''}${perUnit} \u00B7 ${basis}`\n    },\n    [currencyCode, t],\n  )\n\n  const stateLabel = React.useCallback(\n    (state: ItemBillingState) => {\n      const date = state.date ? formatDate(state.date) : ''\n      switch (state.status) {\n        case 'inactive':\n          return t('billing.common.inactive', 'Inactive')\n        case 'metered':\n          return t('billing.accounts.items.state.metered', 'Billed from usage')\n        case 'scheduled':\n          return `${t('billing.accounts.items.state.scheduled', 'Starts')} ${date}`\n        case 'awaiting_run':\n          return t('billing.accounts.items.state.awaiting_run', 'Not billed yet')\n        case 'billed':\n          return t('billing.accounts.items.state.billed', 'Billed')\n        case 'current':\n          return `${t('billing.accounts.items.state.current', 'Billed through')} ${date}`\n        case 'due':\n          return `${t('billing.accounts.items.state.due', 'Due since')} ${date}`\n        case 'fully_billed':\n          return t('billing.accounts.items.state.fully_billed', 'Fully billed')\n      }\n    },\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<AccountItemRow>[]>(\n    () => [\n      {\n        accessorKey: 'description',\n        header: t('billing.items.columns.description', 'Description'),\n        cell: ({ row }) => <span className=\"text-sm font-medium text-primary\">{row.original.description}</span>,\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.items.columns.type', 'Type'),\n        cell: ({ row }) => <span className=\"text-sm\">{typeLabel(row.original)}</span>,\n      },\n      {\n        accessorKey: 'rate_json',\n        header: t('billing.items.form.rate.title', 'Rate'),\n        cell: ({ row }) => <span className=\"text-sm tabular-nums\">{rateLabel(row.original)}</span>,\n      },\n      {\n        accessorKey: 'bill_start_date',\n        header: t('billing.accounts.items.term', 'Term'),\n        cell: ({ row }) =>\n          `${formatDate(row.original.bill_start_date)} \u2013 ${\n            row.original.bill_end_date ? formatDate(row.original.bill_end_date) : t('billing.accounts.items.open_ended', 'open-ended')\n          }`,\n      },\n      {\n        accessorKey: 'billed_to_date',\n        header: t('billing.accounts.items.billed_through', 'Billed through'),\n        cell: ({ row }) =>\n          row.original.type === 'recurring' && row.original.billed_to_date ? formatDate(row.original.billed_to_date) : '\u2014',\n      },\n      {\n        id: 'billing_state',\n        header: t('billing.accounts.items.state', 'Billing'),\n        cell: ({ row }) => {\n          const state = itemBillingState(row.original, today)\n          return <Tag variant={stateVariant(state)}>{stateLabel(state)}</Tag>\n        },\n      },\n    ],\n    [rateLabel, stateLabel, t, today, typeLabel],\n  )\n\n  return (\n    <DataTable\n      title={t('billing.accounts.detail.items.title', 'Items')}\n      columns={columns}\n      data={rows}\n      isLoading={loading}\n      onRowClick={(row) => router.push(`/backend/billing/items/${row.id}`)}\n      pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('billing.accounts.detail.items.empty', 'No items for this account yet.')}\n        </div>\n      }\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountRunBillingDialog.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Play } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Kbd, KbdShortcut } from "@open-mercato/ui/primitives/kbd";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+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";
+function todayIso() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function AccountRunBillingDialog({ accountId, open, onOpenChange, onCompleted }) {
+  const t = useT();
+  const [mode, setMode] = React.useState("test");
+  const [asOfDate, setAsOfDate] = React.useState(todayIso());
+  const [running, setRunning] = React.useState(false);
+  React.useEffect(() => {
+    if (open) {
+      setMode("test");
+      setAsOfDate(todayIso());
+    }
+  }, [open]);
+  const handleRun = React.useCallback(async () => {
+    setRunning(true);
+    try {
+      const call = await apiCallOrThrow("/api/billing/runs", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ mode, asOfDate, scopedAccountIds: [accountId] })
+      });
+      const billRunId = call.result?.billRunId;
+      if (!billRunId) throw new Error(t("billing.runs.trigger.error", "Failed to trigger run"));
+      const outcomes = await readApiResultOrThrow(
+        `/api/billing/run-outcomes?billRunId=${encodeURIComponent(billRunId)}&pageSize=1`
+      );
+      const outcome = outcomes.items?.[0];
+      if (!outcome) {
+        flash(t("billing.accounts.run.nothing_due", "Nothing is due up to this date \u2014 the next bill date is later."), "info");
+      } else if (outcome.status === "failed") {
+        flash(`${t("billing.accounts.run.failed", "Bill run failed")}: ${outcome.error_message ?? ""}`, "error");
+      } else {
+        const cycles = (outcome.cycles ?? []).filter((cycle) => cycle.status !== "empty").length;
+        flash(`${t("billing.accounts.run.done", "Bill run completed \u2014 bill dates with charges:")} ${cycles}`, "success");
+      }
+      onCompleted(billRunId);
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.runs.trigger.error", "Failed to trigger run"), "error");
+    } finally {
+      setRunning(false);
+    }
+  }, [accountId, asOfDate, mode, onCompleted, t]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        if (!running) void handleRun();
+      }
+    },
+    [handleRun, running]
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !running ? onOpenChange(next) : void 0, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("billing.accounts.run.title", "Run billing for this account") }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t(
+        "billing.accounts.run.description",
+        "Bills every due cycle of this account up to the as-of date. Test and dry runs change nothing on the account."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.runs.trigger.dialog.mode", "Mode") }),
+        /* @__PURE__ */ jsxs(Select, { value: mode, onValueChange: (next) => setMode(next === "real" || next === "dry" ? next : "test"), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "test", children: t("billing.runs.trigger.dialog.mode.test", "Test \u2014 drafts tagged for cleanup") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "dry", children: t("billing.runs.trigger.dialog.mode.dry", "Dry-run \u2014 no rows written") }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "real", children: t("billing.runs.trigger.dialog.mode.real", "Real \u2014 create draft invoices") })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("billing.runs.trigger.dialog.as_of_date", "As-of date") }),
+        /* @__PURE__ */ jsx(Input, { type: "date", value: asOfDate, onChange: (event) => setAsOfDate(event.currentTarget.value) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "flex items-center justify-between gap-3 sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(KbdShortcut, { keys: ["Ctrl/\u2318", "Enter"] }),
+        " ",
+        t("billing.accounts.run.submit_hint", "to run,"),
+        " ",
+        /* @__PURE__ */ jsx(Kbd, { children: "Esc" }),
+        " ",
+        t("billing.accounts.run.close_hint", "to close")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: running, children: t("billing.common.cancel", "Cancel") }),
+        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handleRun(), disabled: running, children: [
+          /* @__PURE__ */ jsx(Play, { size: 16 }),
+          running ? t("billing.accounts.run.running", "Running\u2026") : t("billing.accounts.run.action", "Run billing")
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  AccountRunBillingDialog
+};
+//# sourceMappingURL=AccountRunBillingDialog.js.map

package/dist/modules/billing/components/account/AccountRunBillingDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/billing/components/account/AccountRunBillingDialog.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Play } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Kbd, KbdShortcut } from '@open-mercato/ui/primitives/kbd'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport type { BillRunMode } from '../TestRunActions'\n\n/**\n * \"Run billing\" for one account (Spec E, E2-D3 / Spec F, F8): mode (Test by\n * default) + as-of date \u2192 `POST /api/billing/runs` with\n * `scopedAccountIds: [id]`. On success the dialog closes with a one-line\n * summary; the workspace switches to its Bill runs tab, where the run (with\n * its mode, documents and cleanup actions) is listed.\n */\n\ntype OutcomeRow = { status: string; error_message: string | null; cycles: Array<{ status: string }> | null }\n\nfunction todayIso(): string {\n  return new Date().toISOString().slice(0, 10)\n}\n\nexport type AccountRunBillingDialogProps = {\n  accountId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Called after a run finished \u2014 the workspace closes the dialog and refreshes. */\n  onCompleted: (billRunId: string) => void\n}\n\nexport function AccountRunBillingDialog({ accountId, open, onOpenChange, onCompleted }: AccountRunBillingDialogProps) {\n  const t = useT()\n  const [mode, setMode] = React.useState<BillRunMode>('test')\n  const [asOfDate, setAsOfDate] = React.useState<string>(todayIso())\n  const [running, setRunning] = React.useState(false)\n\n  React.useEffect(() => {\n    if (open) {\n      setMode('test')\n      setAsOfDate(todayIso())\n    }\n  }, [open])\n\n  const handleRun = React.useCallback(async () => {\n    setRunning(true)\n    try {\n      const call = await apiCallOrThrow<{ billRunId: string | null }>('/api/billing/runs', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ mode, asOfDate, scopedAccountIds: [accountId] }),\n      })\n      const billRunId = call.result?.billRunId\n      if (!billRunId) throw new Error(t('billing.runs.trigger.error', 'Failed to trigger run'))\n      const outcomes = await readApiResultOrThrow<{ items: OutcomeRow[] }>(\n        `/api/billing/run-outcomes?billRunId=${encodeURIComponent(billRunId)}&pageSize=1`,\n      )\n      const outcome = outcomes.items?.[0]\n      if (!outcome) {\n        flash(t('billing.accounts.run.nothing_due', 'Nothing is due up to this date \u2014 the next bill date is later.'), 'info')\n      } else if (outcome.status === 'failed') {\n        flash(`${t('billing.accounts.run.failed', 'Bill run failed')}: ${outcome.error_message ?? ''}`, 'error')\n      } else {\n        const cycles = (outcome.cycles ?? []).filter((cycle) => cycle.status !== 'empty').length\n        flash(`${t('billing.accounts.run.done', 'Bill run completed \u2014 bill dates with charges:')} ${cycles}`, 'success')\n      }\n      onCompleted(billRunId)\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.runs.trigger.error', 'Failed to trigger run'), 'error')\n    } finally {\n      setRunning(false)\n    }\n  }, [accountId, asOfDate, mode, onCompleted, t])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        if (!running) void handleRun()\n      }\n    },\n    [handleRun, running],\n  )\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!running ? onOpenChange(next) : undefined)}>\n      <DialogContent onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('billing.accounts.run.title', 'Run billing for this account')}</DialogTitle>\n          <DialogDescription>\n            {t(\n              'billing.accounts.run.description',\n              'Bills every due cycle of this account up to the as-of date. Test and dry runs change nothing on the account.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">{t('billing.runs.trigger.dialog.mode', 'Mode')}</span>\n            <Select value={mode} onValueChange={(next) => setMode(next === 'real' || next === 'dry' ? next : 'test')}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"test\">{t('billing.runs.trigger.dialog.mode.test', 'Test \u2014 drafts tagged for cleanup')}</SelectItem>\n                <SelectItem value=\"dry\">{t('billing.runs.trigger.dialog.mode.dry', 'Dry-run \u2014 no rows written')}</SelectItem>\n                <SelectItem value=\"real\">{t('billing.runs.trigger.dialog.mode.real', 'Real \u2014 create draft invoices')}</SelectItem>\n              </SelectContent>\n            </Select>\n          </label>\n          <label className=\"flex flex-col gap-1 text-sm\">\n            <span className=\"text-muted-foreground\">{t('billing.runs.trigger.dialog.as_of_date', 'As-of date')}</span>\n            <Input type=\"date\" value={asOfDate} onChange={(event) => setAsOfDate(event.currentTarget.value)} />\n          </label>\n        </div>\n        <DialogFooter className=\"flex items-center justify-between gap-3 sm:justify-between\">\n          <span className=\"text-xs text-muted-foreground\">\n            <KbdShortcut keys={['Ctrl/\u2318', 'Enter']} /> {t('billing.accounts.run.submit_hint', 'to run,')} <Kbd>Esc</Kbd>{' '}\n            {t('billing.accounts.run.close_hint', 'to close')}\n          </span>\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)} disabled={running}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" onClick={() => void handleRun()} disabled={running}>\n              <Play size={16} />\n              {running ? t('billing.accounts.run.running', 'Running\u2026') : t('billing.accounts.run.action', 'Run billing')}\n            </Button>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/billing/components/account/AccountRunsTab.js

@@ -0,0 +1,152 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BillingDataTable as DataTable } from "../BillingDataTable.js";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { useTestRunCleanup } from "../TestRunActions.js";
+const PAGE_SIZE = 20;
+function statusVariant(status) {
+  if (status === "success") return "success";
+  if (status === "failed") return "error";
+  if (status === "success_with_warnings" || status.startsWith("skipped")) return "warning";
+  return "neutral";
+}
+function AccountRunsTab({ accountId, refreshKey = 0 }) {
+  const t = useT();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const cleanup = useTestRunCleanup();
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams({
+        billAccountId: accountId,
+        page: String(page),
+        pageSize: String(PAGE_SIZE),
+        sortField: "createdAt",
+        sortDir: "desc"
+      });
+      const result = await readApiResultOrThrow(`/api/billing/run-outcomes?${params.toString()}`);
+      setRows(result.items ?? []);
+      setTotal(result.total ?? 0);
+      setTotalPages(result.totalPages ?? 1);
+    } catch {
+      setError(t("billing.accounts.runs.error", "Failed to load bill runs"));
+    } finally {
+      setLoading(false);
+    }
+  }, [accountId, page, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load, refreshKey]);
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "created_at",
+        header: t("billing.accounts.runs.columns.when", "Run at"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: `/backend/billing/runs/${row.original.bill_run_id}`, className: "text-primary hover:underline", children: new Date(row.original.created_at).toLocaleString() })
+      },
+      {
+        accessorKey: "run_mode",
+        header: t("billing.runs.detail.field.mode", "Mode"),
+        cell: ({ row }) => row.original.run_mode === "dry" ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.runs.mode.dry_run", "Dry-run") }) : row.original.run_mode === "test" ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("billing.runs.mode.test", "Test") }) : /* @__PURE__ */ jsx(Tag, { variant: "default", children: t("billing.runs.mode.real", "Real") })
+      },
+      {
+        accessorKey: "run_as_of_date",
+        header: t("billing.runs.columns.as_of_date", "As-of date"),
+        cell: ({ row }) => row.original.run_as_of_date ?? "\u2014"
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.runs.outcomes.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: statusVariant(row.original.status), children: row.original.status })
+      },
+      {
+        id: "cycles",
+        header: t("billing.accounts.runs.columns.cycles", "Bill dates"),
+        cell: ({ row }) => {
+          const cycles = row.original.cycles ?? [];
+          if (cycles.length === 0) return "\u2014";
+          return cycles.map((cycle) => cycle.bill_date).join(", ");
+        }
+      },
+      {
+        id: "documents",
+        header: t("billing.accounts.runs.columns.documents", "Documents"),
+        cell: ({ row }) => {
+          const cycles = row.original.cycles ?? [];
+          const links = cycles.flatMap(
+            (cycle) => cycle.invoice_id ? [
+              /* @__PURE__ */ jsx(Link, { href: `/backend/billing/invoices/${cycle.invoice_id}`, className: "text-primary hover:underline", children: cycle.invoice_number ?? cycle.invoice_id.slice(0, 8) }, cycle.invoice_id)
+            ] : cycle.statement_id ? [
+              /* @__PURE__ */ jsxs(Link, { href: `/backend/billing/statements/${cycle.statement_id}`, className: "text-primary hover:underline", children: [
+                t("billing.runs.cycles.statement", "Statement"),
+                " ",
+                cycle.bill_date
+              ] }, cycle.statement_id)
+            ] : []
+          );
+          if (links.length === 0) return row.original.error_message ?? "\u2014";
+          return /* @__PURE__ */ jsx("span", { className: "flex flex-wrap gap-x-3 gap-y-1", children: links });
+        }
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: t("billing.accounts.tabs.runs", "Bill runs"),
+        columns,
+        data: rows,
+        isLoading: loading,
+        error,
+        pagination: { page, pageSize: PAGE_SIZE, total, totalPages, onPageChange: setPage },
+        emptyState: t("billing.accounts.runs.empty", "No bill runs for this account yet."),
+        rowActions: (row) => /* @__PURE__ */ jsx(
+          RowActions,
+          {
+            items: [
+              { id: "open", label: t("billing.runs.actions.open", "Open"), href: `/backend/billing/runs/${row.bill_run_id}` },
+              ...row.run_mode === "test" ? [
+                {
+                  id: "wipe",
+                  label: t("billing.runs.wipe.action", "Wipe test invoices"),
+                  onSelect: async () => {
+                    if (await cleanup.wipe(row.bill_run_id) !== null) void load();
+                  }
+                }
+              ] : [],
+              ...row.run_mode === "test" || row.run_mode === "dry" ? [
+                {
+                  id: "delete",
+                  label: t("billing.runs.delete.action", "Delete run"),
+                  destructive: true,
+                  onSelect: async () => {
+                    const removed = await cleanup.remove({ runId: row.bill_run_id, mode: row.run_mode ?? "test" });
+                    if (removed !== null) void load();
+                  }
+                }
+              ] : []
+            ]
+          }
+        )
+      }
+    ),
+    cleanup.ConfirmDialogElement
+  ] });
+}
+export {
+  AccountRunsTab
+};
+//# sourceMappingURL=AccountRunsTab.js.map