@dainamite/billing 0.17.0

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

@@ -0,0 +1,500 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { Pencil, Plus, Trash2 } from "lucide-react";
+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 { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import {
+  apiCallOrThrow,
+  readApiResultOrThrow
+} from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { LineFormDialog } from "../../../../components/LineFormDialog.js";
+import {
+  DetailCard,
+  DetailField,
+  Stat,
+  StatCard
+} from "../../../../components/DetailFields.js";
+import { billRunName } from "../../../../lib/billRunLabel.js";
+function statusVariant(status) {
+  switch (status) {
+    case "paid":
+      return "success";
+    case "posted":
+      return "warning";
+    case "void":
+      return "error";
+    case "draft":
+    default:
+      return "default";
+  }
+}
+function lineKindVariant(type) {
+  switch (type) {
+    case "one_time":
+      return "warning";
+    case "recurring":
+      return "success";
+    case "usage":
+      return "default";
+    default:
+      return "default";
+  }
+}
+function formatMoney(value, currency) {
+  const n = Number.parseFloat(value);
+  if (!Number.isFinite(n)) return value;
+  try {
+    return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
+  } catch {
+    return `${value} ${currency}`;
+  }
+}
+function BillingInvoiceDetailPage(props) {
+  const t = useT();
+  const urlParams = useParams();
+  const invoiceId = props.params?.id ?? urlParams?.id ?? "";
+  const [invoice, setInvoice] = React.useState(null);
+  const [lines, setLines] = React.useState([]);
+  const [accountName, setAccountName] = React.useState(null);
+  const [runName, setRunName] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [posting, setPosting] = React.useState(false);
+  const [wiping, setWiping] = React.useState(false);
+  const [linesPage, setLinesPage] = React.useState(1);
+  const linesPageSize = 100;
+  const visibleLines = React.useMemo(
+    () => lines.slice((linesPage - 1) * linesPageSize, linesPage * linesPageSize),
+    [lines, linesPage]
+  );
+  const linesTotalPages = Math.max(1, Math.ceil(lines.length / linesPageSize));
+  const [dialogMode, setDialogMode] = React.useState(null);
+  const [dialogTargetLine, setDialogTargetLine] = React.useState(null);
+  const [dialogSubmitting, setDialogSubmitting] = React.useState(false);
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const load = React.useCallback(async () => {
+    if (!invoiceId) return;
+    setError(null);
+    setLoading(true);
+    try {
+      const data = await readApiResultOrThrow(
+        `/api/billing/invoices/${invoiceId}`
+      );
+      setInvoice(data.invoice);
+      setLines(data.lines ?? []);
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      setError(message || t("billing.invoices.detail.error.load", "Failed to load invoice"));
+    } finally {
+      setLoading(false);
+    }
+  }, [invoiceId, t]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const billRunId = invoice?.metadata?.bill_run_id;
+  const billAccountId = invoice?.metadata?.bill_account_id;
+  React.useEffect(() => {
+    if (billAccountId) {
+      readApiResultOrThrow(
+        `/api/billing/accounts?id=${billAccountId}&pageSize=1`
+      ).then((r) => setAccountName(r.items?.[0]?.name ?? null)).catch(() => setAccountName(null));
+    }
+    if (billRunId) {
+      readApiResultOrThrow(
+        `/api/billing/runs?id=${billRunId}&pageSize=1`
+      ).then((r) => {
+        const asOf = r.items?.[0]?.as_of_date;
+        setRunName(asOf ? billRunName(asOf) : null);
+      }).catch(() => setRunName(null));
+    }
+  }, [billAccountId, billRunId]);
+  const handlePost = React.useCallback(async () => {
+    if (!invoice) return;
+    setPosting(true);
+    try {
+      const call = await apiCallOrThrow(
+        "/api/billing/invoices/post",
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ invoiceId: invoice.id })
+        }
+      );
+      flash(
+        t("billing.invoices.post.success", "Invoice posted") + ` (${call.result?.invoiceNumber ?? invoice.invoice_number})`,
+        "success"
+      );
+      void load();
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.invoices.post.error", "Post failed"), "error");
+    } finally {
+      setPosting(false);
+    }
+  }, [invoice, load, t]);
+  const handleWipeTest = React.useCallback(async () => {
+    if (!invoice) return;
+    const ok = await confirm({
+      title: t("billing.invoices.wipe.confirm.title", "Wipe test invoices?"),
+      text: t(
+        "billing.invoices.wipe.confirm.text",
+        "Every test invoice from this Bill Run will be permanently deleted. This cannot be undone."
+      ),
+      confirmText: t("billing.invoices.wipe.confirm.button", "Delete test invoices"),
+      variant: "destructive"
+    });
+    if (!ok) return;
+    setWiping(true);
+    try {
+      const billRunId2 = invoice.metadata?.bill_run_id;
+      const call = await apiCallOrThrow(
+        "/api/billing/test-invoices/wipe",
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(billRunId2 ? { billRunId: billRunId2 } : {})
+        }
+      );
+      flash(
+        t("billing.invoices.wipe.success", "Test invoices removed") + ` (${call.result?.invoicesRemoved ?? 0})`,
+        "success"
+      );
+      void load();
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.invoices.wipe.error", "Wipe failed"), "error");
+    } finally {
+      setWiping(false);
+    }
+  }, [confirm, invoice, load, t]);
+  const handleSubmitLine = React.useCallback(
+    async (values) => {
+      if (!invoice) return;
+      setDialogSubmitting(true);
+      try {
+        if (dialogMode === "add") {
+          await apiCallOrThrow("/api/billing/invoices/add-line", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              invoiceId: invoice.id,
+              description: values.description,
+              quantity: values.quantity,
+              unitPriceNet: values.unitPriceNet
+            })
+          });
+          flash(t("billing.invoices.lines.add.success", "Line added"), "success");
+        } else if (dialogMode === "edit" && dialogTargetLine) {
+          await apiCallOrThrow("/api/billing/invoices/edit-line", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              invoiceId: invoice.id,
+              invoiceLineId: dialogTargetLine.id,
+              changes: {
+                description: values.description,
+                quantity: values.quantity,
+                unitPriceNet: values.unitPriceNet,
+                ...values.totalNetAmount !== void 0 ? { totalNetAmount: values.totalNetAmount } : {}
+              }
+            })
+          });
+          flash(t("billing.invoices.lines.edit.success", "Line updated"), "success");
+        }
+        setDialogMode(null);
+        setDialogTargetLine(null);
+        void load();
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(message || t("billing.invoices.lines.save.error", "Save failed"), "error");
+      } finally {
+        setDialogSubmitting(false);
+      }
+    },
+    [dialogMode, dialogTargetLine, invoice, load, t]
+  );
+  const handleRemoveLine = React.useCallback(
+    async (line) => {
+      if (!invoice) return;
+      const ok = await confirm({
+        title: t("billing.invoices.lines.remove.confirm.title", "Remove line?"),
+        text: t(
+          "billing.invoices.lines.remove.confirm.text",
+          "The line will be deleted and recorded in the draft-edit audit log."
+        ),
+        confirmText: t("billing.invoices.lines.remove.confirm.button", "Remove line"),
+        variant: "destructive"
+      });
+      if (!ok) return;
+      try {
+        await apiCallOrThrow("/api/billing/invoices/remove-line", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            invoiceId: invoice.id,
+            invoiceLineId: line.id
+          })
+        });
+        flash(t("billing.invoices.lines.remove.success", "Line removed"), "success");
+        void load();
+      } catch (err) {
+        const { message } = normalizeCrudServerError(err);
+        flash(message || t("billing.invoices.lines.remove.error", "Remove failed"), "error");
+      }
+    },
+    [confirm, invoice, load, t]
+  );
+  const canEditLines = invoice?.status === "draft";
+  const lineColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "line_number",
+        header: "#"
+      },
+      {
+        accessorKey: "description",
+        header: t("billing.invoices.lines.columns.description", "Description"),
+        cell: ({ row }) => {
+          const type = row.original.metadata?.billing_type;
+          const operatorAdded = row.original.metadata?.operator_added === true;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { children: row.original.description ?? "\u2014" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
+              type ? /* @__PURE__ */ jsx(Tag, { variant: lineKindVariant(type), children: type }) : null,
+              operatorAdded ? /* @__PURE__ */ jsx(Tag, { variant: "info", children: t("billing.invoices.lines.operator_added", "Operator-added") }) : null
+            ] })
+          ] });
+        }
+      },
+      {
+        accessorKey: "quantity",
+        header: t("billing.invoices.lines.columns.quantity", "Qty")
+      },
+      {
+        accessorKey: "unit_price_net",
+        header: t("billing.invoices.lines.columns.unit_price", "Unit price"),
+        cell: ({ row }) => formatMoney(row.original.unit_price_net, row.original.currency_code)
+      },
+      {
+        accessorKey: "total_net_amount",
+        header: t("billing.invoices.lines.columns.total", "Total net"),
+        cell: ({ row }) => formatMoney(row.original.total_net_amount, row.original.currency_code)
+      },
+      {
+        id: "actions",
+        header: "",
+        cell: ({ row }) => {
+          if (!canEditLines) return null;
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                "aria-label": t("billing.invoices.lines.actions.edit", "Edit line"),
+                onClick: () => {
+                  setDialogTargetLine(row.original);
+                  setDialogMode("edit");
+                },
+                children: /* @__PURE__ */ jsx(Pencil, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                "aria-label": t("billing.invoices.lines.actions.remove", "Remove line"),
+                onClick: () => void handleRemoveLine(row.original),
+                children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+              }
+            )
+          ] });
+        }
+      }
+    ],
+    [canEditLines, handleRemoveLine, t]
+  );
+  const dialogInitial = React.useMemo(() => {
+    if (dialogMode !== "edit" || !dialogTargetLine) return void 0;
+    return {
+      description: dialogTargetLine.description ?? "",
+      quantity: Number.parseFloat(dialogTargetLine.quantity),
+      unitPriceNet: Number.parseFloat(dialogTargetLine.unit_price_net)
+    };
+  }, [dialogMode, dialogTargetLine]);
+  if (error) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.invoices.detail.title", "Billing Invoice") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error }) })
+    ] });
+  }
+  if (loading || !invoice) {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("billing.invoices.detail.title", "Billing Invoice") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("billing.invoices.detail.loading", "Loading invoice\u2026") }) })
+    ] });
+  }
+  const isTest = invoice.metadata?.test_run === true;
+  const isDraft = invoice.status === "draft";
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/billing/invoices",
+        entityTypeLabel: t("billing.invoices.detail.title", "Billing Invoice"),
+        title: invoice.invoice_number,
+        statusBadge: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          /* @__PURE__ */ jsx(Tag, { variant: statusVariant(invoice.status), children: invoice.status ?? "\u2014" }),
+          isTest ? /* @__PURE__ */ jsx(Tag, { variant: "warning", children: "TEST" }) : null
+        ] }),
+        actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+          isDraft && !isTest ? /* @__PURE__ */ jsx(Button, { onClick: handlePost, disabled: posting, children: posting ? t("billing.invoices.post.in_progress", "Posting\u2026") : t("billing.invoices.post.action", "Post invoice") }) : null,
+          isTest ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: handleWipeTest,
+              disabled: wiping,
+              children: wiping ? t("billing.invoices.wipe.in_progress", "Wiping\u2026") : t("billing.invoices.wipe.action", "Wipe test invoices for this run")
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs(DetailCard, { children: [
+          /* @__PURE__ */ jsxs(DetailField, { label: t("billing.invoices.detail.field.period", "Bill period"), children: [
+            invoice.metadata?.bill_period_start ?? "\u2014",
+            " \u2192",
+            " ",
+            invoice.metadata?.bill_period_end ?? "\u2014"
+          ] }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.bill_run", "Bill Run"), children: invoice.metadata?.bill_run_id ? /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/billing/runs/${invoice.metadata.bill_run_id}`,
+              className: "text-primary hover:underline",
+              children: runName ?? invoice.metadata.bill_run_id
+            }
+          ) : "\u2014" }),
+          /* @__PURE__ */ jsx(
+            DetailField,
+            {
+              label: t("billing.invoices.detail.field.account", "Billing Account"),
+              children: invoice.metadata?.bill_account_id ? /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: `/backend/billing/accounts/${invoice.metadata.bill_account_id}`,
+                  className: "text-primary hover:underline",
+                  children: accountName ?? invoice.metadata.bill_account_id
+                }
+              ) : "\u2014"
+            }
+          ),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.invoices.detail.field.issued", "Issued"), children: invoice.issue_date?.slice(0, 10) ?? "\u2014" }),
+          /* @__PURE__ */ jsx(DetailField, { label: t("billing.common.id", "ID"), children: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: invoice.id }) })
+        ] }),
+        /* @__PURE__ */ jsxs(StatCard, { children: [
+          /* @__PURE__ */ jsx(
+            Stat,
+            {
+              label: t("billing.invoices.detail.subtotal", "Subtotal net"),
+              value: formatMoney(invoice.subtotal_net_amount, invoice.currency_code)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Stat,
+            {
+              label: t("billing.invoices.detail.total", "Grand total"),
+              value: formatMoney(invoice.grand_total_gross_amount, invoice.currency_code)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Stat,
+            {
+              label: t("billing.invoices.detail.paid", "Paid"),
+              value: formatMoney(invoice.paid_total_amount, invoice.currency_code)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Stat,
+            {
+              label: t("billing.invoices.detail.outstanding", "Outstanding"),
+              value: formatMoney(invoice.outstanding_amount, invoice.currency_code)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("billing.invoices.lines.title", "Lines") }),
+            canEditLines ? /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => {
+                  setDialogTargetLine(null);
+                  setDialogMode("add");
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { size: 16 }),
+                  t("billing.invoices.lines.add.action", "Add line")
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            DataTable,
+            {
+              columns: lineColumns,
+              data: visibleLines,
+              isLoading: false,
+              pagination: {
+                page: linesPage,
+                pageSize: linesPageSize,
+                total: lines.length,
+                totalPages: linesTotalPages,
+                onPageChange: setLinesPage
+              }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        LineFormDialog,
+        {
+          open: dialogMode !== null,
+          mode: dialogMode ?? "add",
+          initial: dialogInitial,
+          submitting: dialogSubmitting,
+          onCancel: () => {
+            setDialogMode(null);
+            setDialogTargetLine(null);
+          },
+          onSubmit: handleSubmitLine
+        }
+      ),
+      ConfirmDialogElement
+    ] })
+  ] });
+}
+export {
+  BillingInvoiceDetailPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/invoices/%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 { Pencil, Plus, Trash2 } from 'lucide-react'\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 { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport {\n  apiCallOrThrow,\n  readApiResultOrThrow,\n} from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { LineFormDialog, type LineFormValues } from '../../../../components/LineFormDialog'\nimport {\n  DetailCard,\n  DetailField,\n  Stat,\n  StatCard,\n} from '../../../../components/DetailFields'\nimport { billRunName } from '../../../../lib/billRunLabel'\n\ntype BillingInvoice = {\n  id: string\n  invoice_number: string\n  status: 'draft' | 'posted' | 'paid' | 'void' | null\n  currency_code: string\n  issue_date: string | null\n  due_date: string | null\n  subtotal_net_amount: string\n  grand_total_net_amount: string\n  grand_total_gross_amount: string\n  paid_total_amount: string\n  outstanding_amount: string\n  metadata: {\n    bill_run_id?: string\n    bill_account_id?: string\n    bill_period_start?: string\n    bill_period_end?: string\n    test_run?: boolean\n  } | null\n  created_at: string\n  updated_at: string\n}\n\ntype InvoiceLine = {\n  id: string\n  line_number: number\n  kind: string\n  description: string | null\n  quantity: string\n  currency_code: string\n  unit_price_net: string\n  total_net_amount: string\n  total_gross_amount: string\n  metadata: {\n    billing_item_id?: string\n    billing_type?: 'one_time' | 'recurring' | 'usage'\n    operator_added?: boolean\n    usage_tier_breakdown?: unknown\n  } | null\n}\n\ntype DetailResponse = {\n  invoice: BillingInvoice\n  lines: InvoiceLine[]\n}\n\nfunction statusVariant(\n  status: BillingInvoice['status'],\n): 'default' | 'success' | 'warning' | 'error' {\n  switch (status) {\n    case 'paid':\n      return 'success'\n    case 'posted':\n      return 'warning'\n    case 'void':\n      return 'error'\n    case 'draft':\n    default:\n      return 'default'\n  }\n}\n\nfunction lineKindVariant(\n  type: InvoiceLine['metadata'] extends infer M\n    ? M extends { billing_type?: infer T }\n      ? T\n      : never\n    : never,\n): 'default' | 'success' | 'warning' | 'error' {\n  switch (type) {\n    case 'one_time':\n      return 'warning'\n    case 'recurring':\n      return 'success'\n    case 'usage':\n      return 'default'\n    default:\n      return 'default'\n  }\n}\n\nfunction formatMoney(value: string, currency: string): string {\n  const n = Number.parseFloat(value)\n  if (!Number.isFinite(n)) return value\n  try {\n    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n  } catch {\n    return `${value} ${currency}`\n  }\n}\n\nexport default function BillingInvoiceDetailPage(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 invoiceId = (props.params?.id ?? urlParams?.id ?? '') as string\n\n  const [invoice, setInvoice] = React.useState<BillingInvoice | null>(null)\n  const [lines, setLines] = React.useState<InvoiceLine[]>([])\n  // Bill Run + Billing Account are stored as FK ids in invoice metadata;\n  // resolve their human names so the detail card shows names, not UUIDs.\n  const [accountName, setAccountName] = React.useState<string | null>(null)\n  const [runName, setRunName] = React.useState<string | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [posting, setPosting] = React.useState(false)\n  const [wiping, setWiping] = React.useState(false)\n\n  // Client-side pagination for invoice lines. Caps the table at 100 rows\n  // per page (per the OM DataTable convention) \u2014 invoices typically have\n  // <20 lines, but bulk import or a long-running usage-rated subscription\n  // can exceed that.\n  const [linesPage, setLinesPage] = React.useState(1)\n  const linesPageSize = 100\n  const visibleLines = React.useMemo(\n    () => lines.slice((linesPage - 1) * linesPageSize, linesPage * linesPageSize),\n    [lines, linesPage],\n  )\n  const linesTotalPages = Math.max(1, Math.ceil(lines.length / linesPageSize))\n\n  // Inline line-edit dialog state. `dialogMode === null` \u2192 closed.\n  const [dialogMode, setDialogMode] = React.useState<'add' | 'edit' | null>(null)\n  const [dialogTargetLine, setDialogTargetLine] = React.useState<InvoiceLine | null>(null)\n  const [dialogSubmitting, setDialogSubmitting] = React.useState(false)\n\n  // Confirm flows: wipe-test + remove-line both use ConfirmDialog\n  // (per UI AGENTS.md: NEVER `window.confirm`).\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const load = React.useCallback(async () => {\n    if (!invoiceId) return\n    setError(null)\n    setLoading(true)\n    try {\n      const data = await readApiResultOrThrow<DetailResponse>(\n        `/api/billing/invoices/${invoiceId}`,\n      )\n      setInvoice(data.invoice)\n      setLines(data.lines ?? [])\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      setError(message || t('billing.invoices.detail.error.load', 'Failed to load invoice'))\n    } finally {\n      setLoading(false)\n    }\n  }, [invoiceId, t])\n\n  React.useEffect(() => {\n    void load()\n  }, [load])\n\n  // Resolve the FK names once the invoice is loaded (one bounded\n  // request each \u2014 Bill Run name is derived from its as-of date).\n  const billRunId = invoice?.metadata?.bill_run_id\n  const billAccountId = invoice?.metadata?.bill_account_id\n  React.useEffect(() => {\n    if (billAccountId) {\n      readApiResultOrThrow<{ items: Array<{ name: string }> }>(\n        `/api/billing/accounts?id=${billAccountId}&pageSize=1`,\n      )\n        .then((r) => setAccountName(r.items?.[0]?.name ?? null))\n        .catch(() => setAccountName(null))\n    }\n    if (billRunId) {\n      readApiResultOrThrow<{ items: Array<{ as_of_date: string }> }>(\n        `/api/billing/runs?id=${billRunId}&pageSize=1`,\n      )\n        .then((r) => {\n          const asOf = r.items?.[0]?.as_of_date\n          setRunName(asOf ? billRunName(asOf) : null)\n        })\n        .catch(() => setRunName(null))\n    }\n  }, [billAccountId, billRunId])\n\n  const handlePost = React.useCallback(async () => {\n    if (!invoice) return\n    setPosting(true)\n    try {\n      const call = await apiCallOrThrow<{ status: string; invoiceNumber: string }>(\n        '/api/billing/invoices/post',\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ invoiceId: invoice.id }),\n        },\n      )\n      flash(\n        t('billing.invoices.post.success', 'Invoice posted') +\n          ` (${call.result?.invoiceNumber ?? invoice.invoice_number})`,\n        'success',\n      )\n      void load()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.invoices.post.error', 'Post failed'), 'error')\n    } finally {\n      setPosting(false)\n    }\n  }, [invoice, load, t])\n\n  const handleWipeTest = React.useCallback(async () => {\n    if (!invoice) return\n    const ok = await confirm({\n      title: t('billing.invoices.wipe.confirm.title', 'Wipe test invoices?'),\n      text: t(\n        'billing.invoices.wipe.confirm.text',\n        'Every test invoice from this Bill Run will be permanently deleted. This cannot be undone.',\n      ),\n      confirmText: t('billing.invoices.wipe.confirm.button', 'Delete test invoices'),\n      variant: 'destructive',\n    })\n    if (!ok) return\n    setWiping(true)\n    try {\n      const billRunId = invoice.metadata?.bill_run_id\n      const call = await apiCallOrThrow<{ invoicesRemoved: number }>(\n        '/api/billing/test-invoices/wipe',\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify(billRunId ? { billRunId } : {}),\n        },\n      )\n      flash(\n        t('billing.invoices.wipe.success', 'Test invoices removed') +\n          ` (${call.result?.invoicesRemoved ?? 0})`,\n        'success',\n      )\n      // The invoice we were looking at is hard-deleted \u2014 navigate away\n      // on success by reloading; the detail load will 404 and the\n      // user clicks back.\n      void load()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.invoices.wipe.error', 'Wipe failed'), 'error')\n    } finally {\n      setWiping(false)\n    }\n  }, [confirm, invoice, load, t])\n\n  // \u2500\u2500\u2500 Line add / edit / remove \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n  const handleSubmitLine = React.useCallback(\n    async (values: LineFormValues) => {\n      if (!invoice) return\n      setDialogSubmitting(true)\n      try {\n        if (dialogMode === 'add') {\n          await apiCallOrThrow('/api/billing/invoices/add-line', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              invoiceId: invoice.id,\n              description: values.description,\n              quantity: values.quantity,\n              unitPriceNet: values.unitPriceNet,\n            }),\n          })\n          flash(t('billing.invoices.lines.add.success', 'Line added'), 'success')\n        } else if (dialogMode === 'edit' && dialogTargetLine) {\n          await apiCallOrThrow('/api/billing/invoices/edit-line', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({\n              invoiceId: invoice.id,\n              invoiceLineId: dialogTargetLine.id,\n              changes: {\n                description: values.description,\n                quantity: values.quantity,\n                unitPriceNet: values.unitPriceNet,\n                ...(values.totalNetAmount !== undefined\n                  ? { totalNetAmount: values.totalNetAmount }\n                  : {}),\n              },\n            }),\n          })\n          flash(t('billing.invoices.lines.edit.success', 'Line updated'), 'success')\n        }\n        setDialogMode(null)\n        setDialogTargetLine(null)\n        void load()\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.invoices.lines.save.error', 'Save failed'), 'error')\n      } finally {\n        setDialogSubmitting(false)\n      }\n    },\n    [dialogMode, dialogTargetLine, invoice, load, t],\n  )\n\n  const handleRemoveLine = React.useCallback(\n    async (line: InvoiceLine) => {\n      if (!invoice) return\n      const ok = await confirm({\n        title: t('billing.invoices.lines.remove.confirm.title', 'Remove line?'),\n        text: t(\n          'billing.invoices.lines.remove.confirm.text',\n          'The line will be deleted and recorded in the draft-edit audit log.',\n        ),\n        confirmText: t('billing.invoices.lines.remove.confirm.button', 'Remove line'),\n        variant: 'destructive',\n      })\n      if (!ok) return\n      try {\n        await apiCallOrThrow('/api/billing/invoices/remove-line', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            invoiceId: invoice.id,\n            invoiceLineId: line.id,\n          }),\n        })\n        flash(t('billing.invoices.lines.remove.success', 'Line removed'), 'success')\n        void load()\n      } catch (err) {\n        const { message } = normalizeCrudServerError(err)\n        flash(message || t('billing.invoices.lines.remove.error', 'Remove failed'), 'error')\n      }\n    },\n    [confirm, invoice, load, t],\n  )\n\n  const canEditLines = invoice?.status === 'draft'\n\n  const lineColumns = React.useMemo<ColumnDef<InvoiceLine>[]>(\n    () => [\n      {\n        accessorKey: 'line_number',\n        header: '#',\n      },\n      {\n        accessorKey: 'description',\n        header: t('billing.invoices.lines.columns.description', 'Description'),\n        cell: ({ row }) => {\n          const type = row.original.metadata?.billing_type\n          const operatorAdded = row.original.metadata?.operator_added === true\n          return (\n            <div className=\"flex flex-col gap-1\">\n              <span>{row.original.description ?? '\u2014'}</span>\n              <div className=\"flex items-center gap-1 flex-wrap\">\n                {type ? <Tag variant={lineKindVariant(type)}>{type}</Tag> : null}\n                {operatorAdded ? (\n                  <Tag variant=\"info\">\n                    {t('billing.invoices.lines.operator_added', 'Operator-added')}\n                  </Tag>\n                ) : null}\n              </div>\n            </div>\n          )\n        },\n      },\n      {\n        accessorKey: 'quantity',\n        header: t('billing.invoices.lines.columns.quantity', 'Qty'),\n      },\n      {\n        accessorKey: 'unit_price_net',\n        header: t('billing.invoices.lines.columns.unit_price', 'Unit price'),\n        cell: ({ row }) =>\n          formatMoney(row.original.unit_price_net, row.original.currency_code),\n      },\n      {\n        accessorKey: 'total_net_amount',\n        header: t('billing.invoices.lines.columns.total', 'Total net'),\n        cell: ({ row }) =>\n          formatMoney(row.original.total_net_amount, row.original.currency_code),\n      },\n      {\n        id: 'actions',\n        header: '',\n        cell: ({ row }) => {\n          if (!canEditLines) return null\n          return (\n            <div className=\"flex items-center justify-end gap-1\">\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                aria-label={t('billing.invoices.lines.actions.edit', 'Edit line')}\n                onClick={() => {\n                  setDialogTargetLine(row.original)\n                  setDialogMode('edit')\n                }}\n              >\n                <Pencil size={16} />\n              </IconButton>\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                aria-label={t('billing.invoices.lines.actions.remove', 'Remove line')}\n                onClick={() => void handleRemoveLine(row.original)}\n              >\n                <Trash2 size={16} />\n              </IconButton>\n            </div>\n          )\n        },\n      },\n    ],\n    [canEditLines, handleRemoveLine, t],\n  )\n\n  const dialogInitial = React.useMemo<Partial<LineFormValues> | undefined>(() => {\n    if (dialogMode !== 'edit' || !dialogTargetLine) return undefined\n    return {\n      description: dialogTargetLine.description ?? '',\n      quantity: Number.parseFloat(dialogTargetLine.quantity),\n      unitPriceNet: Number.parseFloat(dialogTargetLine.unit_price_net),\n    }\n  }, [dialogMode, dialogTargetLine])\n\n  if (error) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.invoices.detail.title', 'Billing Invoice')} />\n        <PageBody>\n          <ErrorMessage label={error} />\n        </PageBody>\n      </Page>\n    )\n  }\n  if (loading || !invoice) {\n    return (\n      <Page>\n        <PageHeader title={t('billing.invoices.detail.title', 'Billing Invoice')} />\n        <PageBody>\n          <LoadingMessage label={t('billing.invoices.detail.loading', 'Loading invoice\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const isTest = invoice.metadata?.test_run === true\n  const isDraft = invoice.status === 'draft'\n\n  return (\n    <Page>\n      <FormHeader\n        mode=\"detail\"\n        backHref=\"/backend/billing/invoices\"\n        entityTypeLabel={t('billing.invoices.detail.title', 'Billing Invoice')}\n        title={invoice.invoice_number}\n        statusBadge={\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            <Tag variant={statusVariant(invoice.status)}>{invoice.status ?? '\u2014'}</Tag>\n            {isTest ? <Tag variant=\"warning\">TEST</Tag> : null}\n          </div>\n        }\n        actionsContent={\n          <>\n            {isDraft && !isTest ? (\n              <Button onClick={handlePost} disabled={posting}>\n                {posting\n                  ? t('billing.invoices.post.in_progress', 'Posting\u2026')\n                  : t('billing.invoices.post.action', 'Post invoice')}\n              </Button>\n            ) : null}\n            {isTest ? (\n              <Button\n                variant=\"outline\"\n                onClick={handleWipeTest}\n                disabled={wiping}\n              >\n                {wiping\n                  ? t('billing.invoices.wipe.in_progress', 'Wiping\u2026')\n                  : t('billing.invoices.wipe.action', 'Wipe test invoices for this run')}\n              </Button>\n            ) : null}\n          </>\n        }\n      />\n      <PageBody>\n        <div className=\"space-y-6\">\n          <DetailCard>\n            <DetailField label={t('billing.invoices.detail.field.period', 'Bill period')}>\n              {invoice.metadata?.bill_period_start ?? '\u2014'} \u2192{' '}\n              {invoice.metadata?.bill_period_end ?? '\u2014'}\n            </DetailField>\n            <DetailField label={t('billing.invoices.detail.field.bill_run', 'Bill Run')}>\n              {invoice.metadata?.bill_run_id ? (\n                <Link\n                  href={`/backend/billing/runs/${invoice.metadata.bill_run_id}`}\n                  className=\"text-primary hover:underline\"\n                >\n                  {runName ?? invoice.metadata.bill_run_id}\n                </Link>\n              ) : (\n                '\u2014'\n              )}\n            </DetailField>\n            <DetailField\n              label={t('billing.invoices.detail.field.account', 'Billing Account')}\n            >\n              {invoice.metadata?.bill_account_id ? (\n                <Link\n                  href={`/backend/billing/accounts/${invoice.metadata.bill_account_id}`}\n                  className=\"text-primary hover:underline\"\n                >\n                  {accountName ?? invoice.metadata.bill_account_id}\n                </Link>\n              ) : (\n                '\u2014'\n              )}\n            </DetailField>\n            <DetailField label={t('billing.invoices.detail.field.issued', 'Issued')}>\n              {invoice.issue_date?.slice(0, 10) ?? '\u2014'}\n            </DetailField>\n            <DetailField label={t('billing.common.id', 'ID')}>\n              <span className=\"font-mono text-xs\">{invoice.id}</span>\n            </DetailField>\n          </DetailCard>\n\n          <StatCard>\n            <Stat\n              label={t('billing.invoices.detail.subtotal', 'Subtotal net')}\n              value={formatMoney(invoice.subtotal_net_amount, invoice.currency_code)}\n            />\n            <Stat\n              label={t('billing.invoices.detail.total', 'Grand total')}\n              value={formatMoney(invoice.grand_total_gross_amount, invoice.currency_code)}\n            />\n            <Stat\n              label={t('billing.invoices.detail.paid', 'Paid')}\n              value={formatMoney(invoice.paid_total_amount, invoice.currency_code)}\n            />\n            <Stat\n              label={t('billing.invoices.detail.outstanding', 'Outstanding')}\n              value={formatMoney(invoice.outstanding_amount, invoice.currency_code)}\n            />\n          </StatCard>\n\n          <div>\n            <div className=\"flex items-center justify-between mb-2\">\n              <h2 className=\"text-base font-semibold\">\n                {t('billing.invoices.lines.title', 'Lines')}\n              </h2>\n              {canEditLines ? (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => {\n                    setDialogTargetLine(null)\n                    setDialogMode('add')\n                  }}\n                >\n                  <Plus size={16} />\n                  {t('billing.invoices.lines.add.action', 'Add line')}\n                </Button>\n              ) : null}\n            </div>\n            <DataTable\n              columns={lineColumns}\n              data={visibleLines}\n              isLoading={false}\n              pagination={{\n                page: linesPage,\n                pageSize: linesPageSize,\n                total: lines.length,\n                totalPages: linesTotalPages,\n                onPageChange: setLinesPage,\n              }}\n            />\n          </div>\n        </div>\n\n        <LineFormDialog\n          open={dialogMode !== null}\n          mode={dialogMode ?? 'add'}\n          initial={dialogInitial}\n          submitting={dialogSubmitting}\n          onCancel={() => {\n            setDialogMode(null)\n            setDialogTargetLine(null)\n          }}\n          onSubmit={handleSubmitLine}\n        />\n        {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["billRunId"]
+}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { FileText } from "lucide-react";
+const invoiceIcon = React.createElement(FileText, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["billing.invoice.view"],
+  pageTitle: "Billing Invoice",
+  pageTitleKey: "billing.invoices.detail.title",
+  pageGroup: "Billing",
+  pageGroupKey: "billing.nav.group",
+  navHidden: true,
+  icon: invoiceIcon,
+  breadcrumb: [
+    {
+      label: "Billing Invoices",
+      labelKey: "billing.invoices.title",
+      href: "/backend/billing/invoices"
+    },
+    { label: "Invoice", labelKey: "billing.invoices.detail.title" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/billing/backend/billing/invoices/%5Bid%5D/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { FileText } from 'lucide-react'\n\nconst invoiceIcon = React.createElement(FileText, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['billing.invoice.view'],\n  pageTitle: 'Billing Invoice',\n  pageTitleKey: 'billing.invoices.detail.title',\n  pageGroup: 'Billing',\n  pageGroupKey: 'billing.nav.group',\n  navHidden: true,\n  icon: invoiceIcon,\n  breadcrumb: [\n    {\n      label: 'Billing Invoices',\n      labelKey: 'billing.invoices.title',\n      href: '/backend/billing/invoices',\n    },\n    { label: 'Invoice', labelKey: 'billing.invoices.detail.title' },\n  ],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,MAAM,cAAc,MAAM,cAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAEvD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,sBAAsB;AAAA,EACxC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,MACE,OAAO;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,EAAE,OAAO,WAAW,UAAU,gCAAgC;AAAA,EAChE;AACF;",
+  "names": []
+}