@dainamite/billing 0.19.0 → 0.21.0

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

@@ -0,0 +1,105 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Send } 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, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+const BATCH_SIZE = 25;
+function PostRunDraftsButton({ runId, onPosted }) {
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [draftCount, setDraftCount] = React.useState(null);
+  const [progress, setProgress] = React.useState(null);
+  const loadCount = React.useCallback(async () => {
+    try {
+      const params = new URLSearchParams({ billRunId: runId, status: "draft", testRun: "false", pageSize: "1" });
+      const result = await readApiResultOrThrow(`/api/billing/invoices?${params.toString()}`);
+      setDraftCount(result.total ?? 0);
+    } catch {
+      setDraftCount(0);
+    }
+  }, [runId]);
+  React.useEffect(() => {
+    void loadCount();
+  }, [loadCount]);
+  const handlePost = React.useCallback(async () => {
+    if (!draftCount) return;
+    const ok = await confirm({
+      title: t("billing.runs.post.confirm.title", "Post the draft invoices of this run?"),
+      text: `${t(
+        "billing.runs.post.confirm.text",
+        "Each draft gets its final number, due date and frozen PDF; invoices set to auto-send are emailed. Posted invoices cannot be edited. Drafts:"
+      )} ${draftCount}`,
+      confirmText: t("billing.runs.post.confirm.button", "Post invoices")
+    });
+    if (!ok) return;
+    const total = draftCount;
+    let done = 0;
+    let posted = 0;
+    const failed = [];
+    let cursor = null;
+    let stoppedReason = null;
+    setProgress({ done, total });
+    try {
+      for (let guard = 0; guard <= Math.ceil(total / BATCH_SIZE) + 1; guard += 1) {
+        const call = await apiCallOrThrow(
+          `/api/billing/runs/${encodeURIComponent(runId)}/post-drafts`,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ limit: BATCH_SIZE, ...cursor ? { afterInvoiceId: cursor } : {} })
+          }
+        );
+        const batch = call.result;
+        if (!batch) break;
+        posted += batch.posted;
+        failed.push(...batch.failed);
+        done += batch.posted + batch.failed.length;
+        setProgress({ done: Math.min(done, total), total });
+        if (batch.stoppedReason) {
+          stoppedReason = batch.stoppedReason;
+          break;
+        }
+        if (batch.remaining === 0 || !batch.nextCursor || batch.nextCursor === cursor) break;
+        cursor = batch.nextCursor;
+      }
+      if (stoppedReason === "billing.settings.incomplete") {
+        flash(
+          t("billing.invoices.post.settings_incomplete", "Fill in the seller details in Settings \u2192 Billing before posting invoices."),
+          "error"
+        );
+      } else if (failed.length > 0) {
+        const sample = failed.slice(0, 3).map((f) => `${f.number}: ${f.error}`).join("; ");
+        flash(
+          `${t("billing.runs.post.partial", "Posted")} ${posted} \xB7 ${t("billing.runs.post.failed", "failed")} ${failed.length} \u2014 ${sample}`,
+          "warning"
+        );
+      } else {
+        flash(`${t("billing.runs.post.success", "Invoices posted")}: ${posted}`, "success");
+      }
+    } catch (err) {
+      const { message } = normalizeCrudServerError(err);
+      flash(message || t("billing.runs.post.error", "Posting failed"), "error");
+    } finally {
+      setProgress(null);
+      void loadCount();
+      onPosted();
+    }
+  }, [confirm, draftCount, onPosted, runId, t]);
+  if (!draftCount && !progress) return ConfirmDialogElement;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handlePost(), disabled: progress !== null, children: [
+      /* @__PURE__ */ jsx(Send, { size: 16 }),
+      progress ? `${t("billing.runs.post.in_progress", "Posting\u2026")} ${progress.done}/${progress.total}` : `${t("billing.runs.post.action", "Post invoices")} (${draftCount})`
+    ] }),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  PostRunDraftsButton
+};
+//# sourceMappingURL=PostRunDraftsButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/PostRunDraftsButton.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Send } 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, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\n\n/**\n * \"Post invoices\" for a REAL Bill Run: posts every draft invoice the run\n * wrote. Batches through `POST /api/billing/runs/{id}/post-drafts` (cursor\n * paging) so large runs never become one long request, showing progress on\n * the button. Renders nothing when the run has no drafts left.\n */\n\ntype BatchResult = {\n  posted: number\n  failed: Array<{ invoiceId: string; number: string; error: string; code: string | null }>\n  nextCursor: string | null\n  remaining: number\n  stoppedReason: string | null\n}\n\nconst BATCH_SIZE = 25\n\nexport function PostRunDraftsButton({ runId, onPosted }: { runId: string; onPosted: () => void }) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [draftCount, setDraftCount] = React.useState<number | null>(null)\n  const [progress, setProgress] = React.useState<{ done: number; total: number } | null>(null)\n\n  const loadCount = React.useCallback(async () => {\n    try {\n      const params = new URLSearchParams({ billRunId: runId, status: 'draft', testRun: 'false', pageSize: '1' })\n      const result = await readApiResultOrThrow<{ total?: number }>(`/api/billing/invoices?${params.toString()}`)\n      setDraftCount(result.total ?? 0)\n    } catch {\n      setDraftCount(0)\n    }\n  }, [runId])\n\n  React.useEffect(() => {\n    void loadCount()\n  }, [loadCount])\n\n  const handlePost = React.useCallback(async () => {\n    if (!draftCount) return\n    const ok = await confirm({\n      title: t('billing.runs.post.confirm.title', 'Post the draft invoices of this run?'),\n      text: `${t(\n        'billing.runs.post.confirm.text',\n        'Each draft gets its final number, due date and frozen PDF; invoices set to auto-send are emailed. Posted invoices cannot be edited. Drafts:',\n      )} ${draftCount}`,\n      confirmText: t('billing.runs.post.confirm.button', 'Post invoices'),\n    })\n    if (!ok) return\n    const total = draftCount\n    let done = 0\n    let posted = 0\n    const failed: BatchResult['failed'] = []\n    let cursor: string | null = null\n    let stoppedReason: string | null = null\n    setProgress({ done, total })\n    try {\n      // Bounded by the draft count: every batch advances the cursor or stops.\n      for (let guard = 0; guard <= Math.ceil(total / BATCH_SIZE) + 1; guard += 1) {\n        const call: { result?: BatchResult | null } = await apiCallOrThrow<BatchResult>(\n          `/api/billing/runs/${encodeURIComponent(runId)}/post-drafts`,\n          {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ limit: BATCH_SIZE, ...(cursor ? { afterInvoiceId: cursor } : {}) }),\n          },\n        )\n        const batch = call.result\n        if (!batch) break\n        posted += batch.posted\n        failed.push(...batch.failed)\n        done += batch.posted + batch.failed.length\n        setProgress({ done: Math.min(done, total), total })\n        if (batch.stoppedReason) {\n          stoppedReason = batch.stoppedReason\n          break\n        }\n        if (batch.remaining === 0 || !batch.nextCursor || batch.nextCursor === cursor) break\n        cursor = batch.nextCursor\n      }\n      if (stoppedReason === 'billing.settings.incomplete') {\n        flash(\n          t('billing.invoices.post.settings_incomplete', 'Fill in the seller details in Settings \u2192 Billing before posting invoices.'),\n          'error',\n        )\n      } else if (failed.length > 0) {\n        const sample = failed\n          .slice(0, 3)\n          .map((f) => `${f.number}: ${f.error}`)\n          .join('; ')\n        flash(\n          `${t('billing.runs.post.partial', 'Posted')} ${posted} \u00B7 ${t('billing.runs.post.failed', 'failed')} ${failed.length} \u2014 ${sample}`,\n          'warning',\n        )\n      } else {\n        flash(`${t('billing.runs.post.success', 'Invoices posted')}: ${posted}`, 'success')\n      }\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.runs.post.error', 'Posting failed'), 'error')\n    } finally {\n      setProgress(null)\n      void loadCount()\n      onPosted()\n    }\n  }, [confirm, draftCount, onPosted, runId, t])\n\n  if (!draftCount && !progress) return ConfirmDialogElement\n  return (\n    <>\n      <Button type=\"button\" onClick={() => void handlePost()} disabled={progress !== null}>\n        <Send size={16} />\n        {progress\n          ? `${t('billing.runs.post.in_progress', 'Posting\u2026')} ${progress.done}/${progress.total}`\n          : `${t('billing.runs.post.action', 'Post invoices')} (${draftCount})`}\n      </Button>\n      {ConfirmDialogElement}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -4,11 +4,11 @@ import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Plus, SlidersHorizontal } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { BillingDataTable as DataTable } from "./BillingDataTable.js";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
-import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { apiCall, apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
 import { StatCard, Stat } from "./DetailFields.js";
 function balanceVariant(status) {
@@ -51,6 +51,16 @@ function PrepaidPanel({
   const [adjAmount, setAdjAmount] = React.useState("");
   const [adjReason, setAdjReason] = React.useState("");
   const [adjSubmitting, setAdjSubmitting] = React.useState(false);
+  const [gatewayTopups, setGatewayTopups] = React.useState(false);
+  React.useEffect(() => {
+    let cancelled = false;
+    void apiCall("/api/billing/settings").then((call) => {
+      if (!cancelled) setGatewayTopups(call.ok && call.result?.capabilities?.gatewayTopups === true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
   const pageSize = 10;
   const loadStatus = React.useCallback(async () => {
     const [bal, cred] = await Promise.all([
@@ -227,10 +237,10 @@ function PrepaidPanel({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
       !topupOpen && !adjustOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => setTopupOpen(true), children: [
+        gatewayTopups ? /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => setTopupOpen(true), children: [
           /* @__PURE__ */ jsx(Plus, { size: 16 }),
           t("billing.prepaid.topup.action", "Top up")
-        ] }),
+        ] }) : null,
         /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setAdjustOpen(true), children: [
           /* @__PURE__ */ jsx(SlidersHorizontal, { size: 16 }),
           t("billing.prepaid.adjust.action", "Adjust")

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/billing/components/PrepaidPanel.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Plus, SlidersHorizontal } from 'lucide-react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\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 { 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 { StatCard, Stat } from './DetailFields'\n\n/**\n * Prepaid panel (SPEC-002 P4) injected into the Billing Account detail page\n * for `billing_mode='prepaid'` accounts: balance + status, credit status,\n * a top-up launcher, and the recent balance transactions.\n */\n\ntype BalanceSnapshot = {\n  balance: string\n  balanceStatus: 'ok' | 'low' | 'exhausted'\n  lowBalanceThreshold: string\n  lastMovementAt: string | null\n}\n\ntype CreditSnapshot = {\n  mode: string\n  creditLimit: string\n  creditUsed: string\n  availableCredit: string\n  creditStatus: 'within_limit' | 'near_limit' | 'over_limit'\n}\n\ntype TransactionRow = {\n  id: string\n  type: string\n  amount: string\n  balance_after: string\n  description: string\n  created_at: string\n}\n\nfunction balanceVariant(status: string): 'success' | 'warning' | 'error' {\n  if (status === 'low') return 'warning'\n  if (status === 'exhausted') return 'error'\n  return 'success'\n}\n\nfunction creditVariant(status: string): 'success' | 'warning' | 'error' {\n  if (status === 'near_limit') return 'warning'\n  if (status === 'over_limit') return 'error'\n  return 'success'\n}\n\nfunction txnVariant(type: string): 'success' | 'info' | 'neutral' {\n  if (type === 'topup' || type === 'adjustment') return 'success'\n  if (type === 'usage') return 'info'\n  return 'neutral'\n}\n\nfunction formatDateTime(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const d = new Date(value)\n  return Number.isNaN(d.getTime()) ? value : d.toLocaleString()\n}\n\nexport function PrepaidPanel({\n  accountId,\n  currencyCode,\n}: {\n  accountId: string\n  currencyCode: string\n}) {\n  const t = useT()\n  const router = useRouter()\n  const [balance, setBalance] = React.useState<BalanceSnapshot | null>(null)\n  const [credit, setCredit] = React.useState<CreditSnapshot | null>(null)\n  const [rows, setRows] = React.useState<TransactionRow[]>([])\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 [topupOpen, setTopupOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState('')\n  const [submitting, setSubmitting] = React.useState(false)\n  const [adjustOpen, setAdjustOpen] = React.useState(false)\n  const [adjAmount, setAdjAmount] = React.useState('')\n  const [adjReason, setAdjReason] = React.useState('')\n  const [adjSubmitting, setAdjSubmitting] = React.useState(false)\n  const pageSize = 10\n\n  const loadStatus = React.useCallback(async () => {\n    const [bal, cred] = await Promise.all([\n      readApiResultOrThrow<BalanceSnapshot>(`/api/billing/accounts/${accountId}/balance`),\n      readApiResultOrThrow<CreditSnapshot>(`/api/billing/accounts/${accountId}/credit-status`),\n    ])\n    setBalance(bal)\n    setCredit(cred)\n  }, [accountId])\n\n  const loadTransactions = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{\n        items: TransactionRow[]\n        total: number\n        totalPages: number\n      }>(\n        `/api/billing/transactions?billAccountId=${accountId}&page=${page}` +\n          `&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 loadStatus().catch(() => undefined)\n  }, [loadStatus])\n  React.useEffect(() => {\n    void loadTransactions()\n  }, [loadTransactions])\n\n  const handleTopup = React.useCallback(async () => {\n    const value = Number.parseFloat(amount)\n    if (!Number.isFinite(value) || value <= 0) {\n      flash(t('billing.prepaid.topup.invalid', 'Enter a positive amount'), 'error')\n      return\n    }\n    setSubmitting(true)\n    try {\n      const res = await apiCallOrThrow<{ redirectUrl?: string | null }>(\n        `/api/billing/accounts/${accountId}/topups`,\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            amount: value,\n            successUrl: typeof window !== 'undefined' ? window.location.href : undefined,\n            cancelUrl: typeof window !== 'undefined' ? window.location.href : undefined,\n          }),\n        },\n      )\n      const redirectUrl = res.result?.redirectUrl\n      if (redirectUrl && typeof window !== 'undefined') {\n        window.location.href = redirectUrl\n        return\n      }\n      flash(t('billing.prepaid.topup.created', 'Top-up session created'), 'success')\n      setTopupOpen(false)\n      setAmount('')\n      void loadStatus().catch(() => undefined)\n      void loadTransactions()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.prepaid.topup.error', 'Top-up failed'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }, [accountId, amount, loadStatus, loadTransactions, t])\n\n  const handleAdjust = React.useCallback(async () => {\n    const value = Number.parseFloat(adjAmount)\n    if (!Number.isFinite(value) || value === 0) {\n      flash(t('billing.prepaid.adjust.invalid_amount', 'Enter a non-zero amount'), 'error')\n      return\n    }\n    if (!adjReason.trim()) {\n      flash(t('billing.prepaid.adjust.invalid_description', 'Enter a reason'), 'error')\n      return\n    }\n    setAdjSubmitting(true)\n    try {\n      await apiCallOrThrow('/api/billing/transactions/adjust', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          billAccountId: accountId,\n          amount: value,\n          description: adjReason.trim(),\n        }),\n      })\n      flash(t('billing.prepaid.adjust.success', 'Balance adjusted'), 'success')\n      setAdjustOpen(false)\n      setAdjAmount('')\n      setAdjReason('')\n      void loadStatus().catch(() => undefined)\n      void loadTransactions()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.prepaid.adjust.error', 'Adjustment failed'), 'error')\n    } finally {\n      setAdjSubmitting(false)\n    }\n  }, [accountId, adjAmount, adjReason, loadStatus, loadTransactions, t])\n\n  const columns = React.useMemo<ColumnDef<TransactionRow>[]>(\n    () => [\n      {\n        accessorKey: 'created_at',\n        header: t('billing.transactions.columns.when', 'When'),\n        cell: ({ row }) => formatDateTime(row.original.created_at),\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.transactions.columns.type', 'Type'),\n        cell: ({ row }) => (\n          <Tag variant={txnVariant(row.original.type)}>\n            {t(`billing.transactions.type.${row.original.type}`, row.original.type)}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'description',\n        header: t('billing.transactions.columns.description', 'Description'),\n        cell: ({ row }) => <span className=\"text-sm\">{row.original.description}</span>,\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.transactions.columns.amount', 'Amount'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.amount}</span>\n        ),\n      },\n      {\n        accessorKey: 'balance_after',\n        header: t('billing.transactions.columns.balance_after', 'Balance'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.balance_after}</span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <div className=\"mt-6 space-y-4\">\n      <StatCard title={t('billing.prepaid.panel.title', 'Prepaid balance')}>\n        <Stat\n          label={t('billing.prepaid.panel.balance', 'Balance')}\n          value={\n            <span className=\"flex items-center gap-2\">\n              <span className=\"font-mono tabular-nums\">\n                {balance?.balance ?? '\u2014'} {currencyCode}\n              </span>\n              {balance ? (\n                <Tag variant={balanceVariant(balance.balanceStatus)}>\n                  {t(`billing.prepaid.status.${balance.balanceStatus}`, balance.balanceStatus)}\n                </Tag>\n              ) : null}\n            </span>\n          }\n        />\n        <Stat\n          label={t('billing.prepaid.panel.threshold', 'Low threshold')}\n          value={\n            <span className=\"font-mono tabular-nums\">{balance?.lowBalanceThreshold ?? '\u2014'}</span>\n          }\n        />\n        {credit ? (\n          <Stat\n            label={t('billing.prepaid.panel.credit', 'Credit')}\n            value={\n              <span className=\"flex items-center gap-2\">\n                <span className=\"font-mono tabular-nums\">\n                  {credit.creditUsed} / {credit.creditLimit}\n                </span>\n                <Tag variant={creditVariant(credit.creditStatus)}>\n                  {t(`billing.prepaid.credit.${credit.creditStatus}`, credit.creditStatus)}\n                </Tag>\n              </span>\n            }\n          />\n        ) : null}\n        <Stat\n          label={t('billing.prepaid.panel.last_movement', 'Last movement')}\n          value={formatDateTime(balance?.lastMovementAt)}\n        />\n      </StatCard>\n\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {!topupOpen && !adjustOpen ? (\n          <>\n            <Button type=\"button\" onClick={() => setTopupOpen(true)}>\n              <Plus size={16} />\n              {t('billing.prepaid.topup.action', 'Top up')}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setAdjustOpen(true)}>\n              <SlidersHorizontal size={16} />\n              {t('billing.prepaid.adjust.action', 'Adjust')}\n            </Button>\n          </>\n        ) : null}\n\n        {topupOpen ? (\n          <div className=\"flex items-center gap-2\">\n            <input\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              autoFocus\n              value={amount}\n              onChange={(e) => setAmount(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleTopup()\n                if (e.key === 'Escape') setTopupOpen(false)\n              }}\n              placeholder={t('billing.prepaid.topup.amount', 'Amount')}\n              className=\"h-9 w-32 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <Button type=\"button\" onClick={handleTopup} disabled={submitting}>\n              {submitting\n                ? t('billing.prepaid.topup.submitting', 'Starting\u2026')\n                : t('billing.prepaid.topup.confirm', 'Start checkout')}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setTopupOpen(false)}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n          </div>\n        ) : null}\n\n        {adjustOpen ? (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <input\n              type=\"number\"\n              step=\"0.01\"\n              autoFocus\n              value={adjAmount}\n              onChange={(e) => setAdjAmount(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleAdjust()\n                if (e.key === 'Escape') setAdjustOpen(false)\n              }}\n              placeholder={t('billing.prepaid.adjust.amount', 'Amount (+credit / \u2212debit)')}\n              className=\"h-9 w-48 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <input\n              type=\"text\"\n              value={adjReason}\n              onChange={(e) => setAdjReason(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleAdjust()\n                if (e.key === 'Escape') setAdjustOpen(false)\n              }}\n              placeholder={t('billing.prepaid.adjust.description', 'Reason')}\n              className=\"h-9 w-64 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <Button type=\"button\" onClick={handleAdjust} disabled={adjSubmitting}>\n              {adjSubmitting\n                ? t('billing.prepaid.adjust.submitting', 'Applying\u2026')\n                : t('billing.prepaid.adjust.confirm', 'Apply adjustment')}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setAdjustOpen(false)}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n\n      <DataTable\n        title={t('billing.prepaid.panel.transactions', 'Balance transactions')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        onRowClick={(row) => router.push(`/backend/billing/transactions/${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.prepaid.panel.no_transactions', 'No balance movements yet.')}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n\nexport default PrepaidPanel\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Plus, SlidersHorizontal } from 'lucide-react'\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 { Button } from '@open-mercato/ui/primitives/button'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { StatCard, Stat } from './DetailFields'\n\n/**\n * Prepaid panel (SPEC-002 P4) injected into the Billing Account detail page\n * for `billing_mode='prepaid'` accounts: balance + status, credit status,\n * a top-up launcher, and the recent balance transactions.\n */\n\ntype BalanceSnapshot = {\n  balance: string\n  balanceStatus: 'ok' | 'low' | 'exhausted'\n  lowBalanceThreshold: string\n  lastMovementAt: string | null\n}\n\ntype CreditSnapshot = {\n  mode: string\n  creditLimit: string\n  creditUsed: string\n  availableCredit: string\n  creditStatus: 'within_limit' | 'near_limit' | 'over_limit'\n}\n\ntype TransactionRow = {\n  id: string\n  type: string\n  amount: string\n  balance_after: string\n  description: string\n  created_at: string\n}\n\nfunction balanceVariant(status: string): 'success' | 'warning' | 'error' {\n  if (status === 'low') return 'warning'\n  if (status === 'exhausted') return 'error'\n  return 'success'\n}\n\nfunction creditVariant(status: string): 'success' | 'warning' | 'error' {\n  if (status === 'near_limit') return 'warning'\n  if (status === 'over_limit') return 'error'\n  return 'success'\n}\n\nfunction txnVariant(type: string): 'success' | 'info' | 'neutral' {\n  if (type === 'topup' || type === 'adjustment') return 'success'\n  if (type === 'usage') return 'info'\n  return 'neutral'\n}\n\nfunction formatDateTime(value: string | null | undefined): string {\n  if (!value) return '\u2014'\n  const d = new Date(value)\n  return Number.isNaN(d.getTime()) ? value : d.toLocaleString()\n}\n\nexport function PrepaidPanel({\n  accountId,\n  currencyCode,\n}: {\n  accountId: string\n  currencyCode: string\n}) {\n  const t = useT()\n  const router = useRouter()\n  const [balance, setBalance] = React.useState<BalanceSnapshot | null>(null)\n  const [credit, setCredit] = React.useState<CreditSnapshot | null>(null)\n  const [rows, setRows] = React.useState<TransactionRow[]>([])\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 [topupOpen, setTopupOpen] = React.useState(false)\n  const [amount, setAmount] = React.useState('')\n  const [submitting, setSubmitting] = React.useState(false)\n  const [adjustOpen, setAdjustOpen] = React.useState(false)\n  const [adjAmount, setAdjAmount] = React.useState('')\n  const [adjReason, setAdjReason] = React.useState('')\n  const [adjSubmitting, setAdjSubmitting] = React.useState(false)\n  // Spec 0 (E-D1): online top-ups need the optional payment gateways module.\n  const [gatewayTopups, setGatewayTopups] = React.useState(false)\n  React.useEffect(() => {\n    let cancelled = false\n    void apiCall<{ capabilities?: { gatewayTopups?: boolean } }>('/api/billing/settings').then((call) => {\n      if (!cancelled) setGatewayTopups(call.ok && call.result?.capabilities?.gatewayTopups === true)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n  const pageSize = 10\n\n  const loadStatus = React.useCallback(async () => {\n    const [bal, cred] = await Promise.all([\n      readApiResultOrThrow<BalanceSnapshot>(`/api/billing/accounts/${accountId}/balance`),\n      readApiResultOrThrow<CreditSnapshot>(`/api/billing/accounts/${accountId}/credit-status`),\n    ])\n    setBalance(bal)\n    setCredit(cred)\n  }, [accountId])\n\n  const loadTransactions = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const result = await readApiResultOrThrow<{\n        items: TransactionRow[]\n        total: number\n        totalPages: number\n      }>(\n        `/api/billing/transactions?billAccountId=${accountId}&page=${page}` +\n          `&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 loadStatus().catch(() => undefined)\n  }, [loadStatus])\n  React.useEffect(() => {\n    void loadTransactions()\n  }, [loadTransactions])\n\n  const handleTopup = React.useCallback(async () => {\n    const value = Number.parseFloat(amount)\n    if (!Number.isFinite(value) || value <= 0) {\n      flash(t('billing.prepaid.topup.invalid', 'Enter a positive amount'), 'error')\n      return\n    }\n    setSubmitting(true)\n    try {\n      const res = await apiCallOrThrow<{ redirectUrl?: string | null }>(\n        `/api/billing/accounts/${accountId}/topups`,\n        {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            amount: value,\n            successUrl: typeof window !== 'undefined' ? window.location.href : undefined,\n            cancelUrl: typeof window !== 'undefined' ? window.location.href : undefined,\n          }),\n        },\n      )\n      const redirectUrl = res.result?.redirectUrl\n      if (redirectUrl && typeof window !== 'undefined') {\n        window.location.href = redirectUrl\n        return\n      }\n      flash(t('billing.prepaid.topup.created', 'Top-up session created'), 'success')\n      setTopupOpen(false)\n      setAmount('')\n      void loadStatus().catch(() => undefined)\n      void loadTransactions()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.prepaid.topup.error', 'Top-up failed'), 'error')\n    } finally {\n      setSubmitting(false)\n    }\n  }, [accountId, amount, loadStatus, loadTransactions, t])\n\n  const handleAdjust = React.useCallback(async () => {\n    const value = Number.parseFloat(adjAmount)\n    if (!Number.isFinite(value) || value === 0) {\n      flash(t('billing.prepaid.adjust.invalid_amount', 'Enter a non-zero amount'), 'error')\n      return\n    }\n    if (!adjReason.trim()) {\n      flash(t('billing.prepaid.adjust.invalid_description', 'Enter a reason'), 'error')\n      return\n    }\n    setAdjSubmitting(true)\n    try {\n      await apiCallOrThrow('/api/billing/transactions/adjust', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          billAccountId: accountId,\n          amount: value,\n          description: adjReason.trim(),\n        }),\n      })\n      flash(t('billing.prepaid.adjust.success', 'Balance adjusted'), 'success')\n      setAdjustOpen(false)\n      setAdjAmount('')\n      setAdjReason('')\n      void loadStatus().catch(() => undefined)\n      void loadTransactions()\n    } catch (err) {\n      const { message } = normalizeCrudServerError(err)\n      flash(message || t('billing.prepaid.adjust.error', 'Adjustment failed'), 'error')\n    } finally {\n      setAdjSubmitting(false)\n    }\n  }, [accountId, adjAmount, adjReason, loadStatus, loadTransactions, t])\n\n  const columns = React.useMemo<ColumnDef<TransactionRow>[]>(\n    () => [\n      {\n        accessorKey: 'created_at',\n        header: t('billing.transactions.columns.when', 'When'),\n        cell: ({ row }) => formatDateTime(row.original.created_at),\n      },\n      {\n        accessorKey: 'type',\n        header: t('billing.transactions.columns.type', 'Type'),\n        cell: ({ row }) => (\n          <Tag variant={txnVariant(row.original.type)}>\n            {t(`billing.transactions.type.${row.original.type}`, row.original.type)}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'description',\n        header: t('billing.transactions.columns.description', 'Description'),\n        cell: ({ row }) => <span className=\"text-sm\">{row.original.description}</span>,\n      },\n      {\n        accessorKey: 'amount',\n        header: t('billing.transactions.columns.amount', 'Amount'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.amount}</span>\n        ),\n      },\n      {\n        accessorKey: 'balance_after',\n        header: t('billing.transactions.columns.balance_after', 'Balance'),\n        cell: ({ row }) => (\n          <span className=\"font-mono tabular-nums\">{row.original.balance_after}</span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <div className=\"mt-6 space-y-4\">\n      <StatCard title={t('billing.prepaid.panel.title', 'Prepaid balance')}>\n        <Stat\n          label={t('billing.prepaid.panel.balance', 'Balance')}\n          value={\n            <span className=\"flex items-center gap-2\">\n              <span className=\"font-mono tabular-nums\">\n                {balance?.balance ?? '\u2014'} {currencyCode}\n              </span>\n              {balance ? (\n                <Tag variant={balanceVariant(balance.balanceStatus)}>\n                  {t(`billing.prepaid.status.${balance.balanceStatus}`, balance.balanceStatus)}\n                </Tag>\n              ) : null}\n            </span>\n          }\n        />\n        <Stat\n          label={t('billing.prepaid.panel.threshold', 'Low threshold')}\n          value={\n            <span className=\"font-mono tabular-nums\">{balance?.lowBalanceThreshold ?? '\u2014'}</span>\n          }\n        />\n        {credit ? (\n          <Stat\n            label={t('billing.prepaid.panel.credit', 'Credit')}\n            value={\n              <span className=\"flex items-center gap-2\">\n                <span className=\"font-mono tabular-nums\">\n                  {credit.creditUsed} / {credit.creditLimit}\n                </span>\n                <Tag variant={creditVariant(credit.creditStatus)}>\n                  {t(`billing.prepaid.credit.${credit.creditStatus}`, credit.creditStatus)}\n                </Tag>\n              </span>\n            }\n          />\n        ) : null}\n        <Stat\n          label={t('billing.prepaid.panel.last_movement', 'Last movement')}\n          value={formatDateTime(balance?.lastMovementAt)}\n        />\n      </StatCard>\n\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {!topupOpen && !adjustOpen ? (\n          <>\n            {gatewayTopups ? (\n              <Button type=\"button\" onClick={() => setTopupOpen(true)}>\n                <Plus size={16} />\n                {t('billing.prepaid.topup.action', 'Top up')}\n              </Button>\n            ) : null}\n            <Button type=\"button\" variant=\"outline\" onClick={() => setAdjustOpen(true)}>\n              <SlidersHorizontal size={16} />\n              {t('billing.prepaid.adjust.action', 'Adjust')}\n            </Button>\n          </>\n        ) : null}\n\n        {topupOpen ? (\n          <div className=\"flex items-center gap-2\">\n            <input\n              type=\"number\"\n              min=\"0\"\n              step=\"0.01\"\n              autoFocus\n              value={amount}\n              onChange={(e) => setAmount(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleTopup()\n                if (e.key === 'Escape') setTopupOpen(false)\n              }}\n              placeholder={t('billing.prepaid.topup.amount', 'Amount')}\n              className=\"h-9 w-32 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <Button type=\"button\" onClick={handleTopup} disabled={submitting}>\n              {submitting\n                ? t('billing.prepaid.topup.submitting', 'Starting\u2026')\n                : t('billing.prepaid.topup.confirm', 'Start checkout')}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setTopupOpen(false)}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n          </div>\n        ) : null}\n\n        {adjustOpen ? (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <input\n              type=\"number\"\n              step=\"0.01\"\n              autoFocus\n              value={adjAmount}\n              onChange={(e) => setAdjAmount(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleAdjust()\n                if (e.key === 'Escape') setAdjustOpen(false)\n              }}\n              placeholder={t('billing.prepaid.adjust.amount', 'Amount (+credit / \u2212debit)')}\n              className=\"h-9 w-48 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <input\n              type=\"text\"\n              value={adjReason}\n              onChange={(e) => setAdjReason(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') void handleAdjust()\n                if (e.key === 'Escape') setAdjustOpen(false)\n              }}\n              placeholder={t('billing.prepaid.adjust.description', 'Reason')}\n              className=\"h-9 w-64 rounded-md border border-border bg-background px-3 text-sm\"\n            />\n            <Button type=\"button\" onClick={handleAdjust} disabled={adjSubmitting}>\n              {adjSubmitting\n                ? t('billing.prepaid.adjust.submitting', 'Applying\u2026')\n                : t('billing.prepaid.adjust.confirm', 'Apply adjustment')}\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => setAdjustOpen(false)}>\n              {t('billing.common.cancel', 'Cancel')}\n            </Button>\n          </div>\n        ) : null}\n      </div>\n\n      <DataTable\n        title={t('billing.prepaid.panel.transactions', 'Balance transactions')}\n        columns={columns}\n        data={rows}\n        isLoading={loading}\n        onRowClick={(row) => router.push(`/backend/billing/transactions/${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.prepaid.panel.no_transactions', 'No balance movements yet.')}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n\nexport default PrepaidPanel\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,209 @@
+"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";
+const PAGE_SIZE = 50;
+function cycleVariant(status) {
+  switch (status) {
+    case "invoiced":
+    case "charged":
+      return "success";
+    case "previewed":
+      return "info";
+    case "skipped_existing":
+      return "warning";
+    default:
+      return "neutral";
+  }
+}
+function usePagedRows(rows) {
+  const [page, setPage] = React.useState(1);
+  const totalPages = Math.max(1, Math.ceil(rows.length / PAGE_SIZE));
+  const safePage = Math.min(page, totalPages);
+  const pageRows = React.useMemo(
+    () => rows.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE),
+    [rows, safePage]
+  );
+  return { page: safePage, setPage, pageRows, totalPages };
+}
+function RunCyclesSection({ outcomes }) {
+  const t = useT();
+  const cycleRows = React.useMemo(
+    () => outcomes.flatMap(
+      (outcome) => (outcome.cycles ?? []).map((cycle) => ({
+        ...cycle,
+        key: `${outcome.bill_account_id}:${cycle.bill_date}`,
+        accountId: outcome.bill_account_id,
+        accountName: outcome.bill_account_name ?? outcome.bill_account_id
+      }))
+    ),
+    [outcomes]
+  );
+  const skippedRows = React.useMemo(
+    () => outcomes.flatMap((outcome) => {
+      const skipped = outcome.warnings?.skipped_items ?? [];
+      return skipped.map((entry, index) => ({
+        key: `${outcome.bill_account_id}:${index}`,
+        accountId: outcome.bill_account_id,
+        accountName: outcome.bill_account_name ?? outcome.bill_account_id,
+        itemId: String(entry.item_id ?? ""),
+        reason: String(entry.reason ?? ""),
+        periodStart: typeof entry.service_period_start === "string" ? entry.service_period_start : null,
+        periodEnd: typeof entry.service_period_end === "string" ? entry.service_period_end : null
+      }));
+    }),
+    [outcomes]
+  );
+  const hasPrepaid = React.useMemo(() => cycleRows.some((row) => row.total_debit !== void 0), [cycleRows]);
+  const statusLabel = React.useCallback(
+    (status) => {
+      switch (status) {
+        case "invoiced":
+          return t("billing.runs.cycles.status.invoiced", "Invoiced");
+        case "charged":
+          return t("billing.runs.cycles.status.charged", "Charged to balance");
+        case "previewed":
+          return t("billing.runs.cycles.status.previewed", "Preview");
+        case "skipped_existing":
+          return t("billing.runs.cycles.status.skipped_existing", "Skipped \u2014 already billed");
+        default:
+          return t("billing.runs.cycles.status.empty", "Nothing to bill");
+      }
+    },
+    [t]
+  );
+  const reasonLabel = React.useCallback(
+    (reason) => {
+      switch (reason) {
+        case "partial-period-not-prorated":
+          return t("billing.runs.skipped.reason.partial_not_prorated", "Partial period, proration off");
+        case "ended-after-billing-no-credit":
+          return t("billing.runs.skipped.reason.ended_no_credit", "Ended after billing, proration off \u2014 no credit");
+        case "period-cap-reached":
+          return t("billing.runs.skipped.reason.period_cap", "Too many periods for one bill date");
+        default:
+          return reason;
+      }
+    },
+    [t]
+  );
+  const cycleColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "accountName",
+        header: t("billing.runs.outcomes.columns.account", "Account"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: `/backend/billing/accounts/${row.original.accountId}`, className: "text-sm text-primary hover:underline", children: row.original.accountName })
+      },
+      {
+        accessorKey: "bill_date",
+        header: t("billing.runs.cycles.columns.bill_date", "Bill date")
+      },
+      {
+        accessorKey: "period_start",
+        header: t("billing.runs.cycles.columns.service_period", "Service period"),
+        cell: ({ row }) => row.original.period_start && row.original.period_end ? `${row.original.period_start} \u2013 ${row.original.period_end}` : "\u2014"
+      },
+      {
+        accessorKey: "status",
+        header: t("billing.runs.outcomes.columns.status", "Status"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Tag, { variant: cycleVariant(row.original.status), children: statusLabel(row.original.status) })
+      },
+      {
+        accessorKey: "line_count",
+        header: t("billing.runs.cycles.columns.lines", "Lines")
+      },
+      {
+        accessorKey: "total_net",
+        header: t("billing.runs.cycles.columns.total_net", "Net total"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.total_net })
+      },
+      ...hasPrepaid ? [
+        {
+          accessorKey: "total_debit",
+          header: t("billing.runs.cycles.columns.total_debit", "Charged to balance"),
+          cell: ({ row }) => row.original.total_debit !== void 0 ? /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums", children: row.original.total_debit }) : "\u2014"
+        }
+      ] : [],
+      {
+        accessorKey: "invoice_id",
+        header: t("billing.runs.cycles.columns.document", "Document"),
+        cell: ({ row }) => row.original.invoice_id ? /* @__PURE__ */ jsx(Link, { href: `/backend/billing/invoices/${row.original.invoice_id}`, className: "text-sm text-primary hover:underline", children: row.original.invoice_number ?? row.original.invoice_id }) : row.original.statement_id ? /* @__PURE__ */ jsx(Link, { href: `/backend/billing/statements/${row.original.statement_id}`, className: "text-sm text-primary hover:underline", children: t("billing.runs.cycles.statement", "Statement") }) : "\u2014"
+      }
+    ],
+    [hasPrepaid, statusLabel, t]
+  );
+  const skippedColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "accountName",
+        header: t("billing.runs.outcomes.columns.account", "Account")
+      },
+      {
+        accessorKey: "itemId",
+        header: t("billing.runs.skipped.columns.item", "Item"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: `/backend/billing/items/${row.original.itemId}`, className: "text-sm text-primary hover:underline", children: row.original.itemId })
+      },
+      {
+        accessorKey: "reason",
+        header: t("billing.runs.skipped.columns.reason", "Reason"),
+        cell: ({ row }) => reasonLabel(row.original.reason)
+      },
+      {
+        accessorKey: "periodStart",
+        header: t("billing.runs.cycles.columns.service_period", "Service period"),
+        cell: ({ row }) => row.original.periodStart ? `${row.original.periodStart} \u2013 ${row.original.periodEnd ?? "\u2026"}` : "\u2014"
+      }
+    ],
+    [reasonLabel, t]
+  );
+  const cyclesPaging = usePagedRows(cycleRows);
+  const skippedPaging = usePagedRows(skippedRows);
+  if (cycleRows.length === 0 && skippedRows.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    cycleRows.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-1", children: t("billing.runs.cycles.title", "Cycles") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: t(
+        "billing.runs.cycles.help",
+        "One row per account and bill date \u2014 a run bills every due cycle up to its as-of date."
+      ) }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          columns: cycleColumns,
+          data: cyclesPaging.pageRows,
+          pagination: {
+            page: cyclesPaging.page,
+            pageSize: PAGE_SIZE,
+            total: cycleRows.length,
+            totalPages: cyclesPaging.totalPages,
+            onPageChange: cyclesPaging.setPage
+          }
+        }
+      )
+    ] }) : null,
+    skippedRows.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold mb-2", children: t("billing.runs.skipped.title", "Skipped items") }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          columns: skippedColumns,
+          data: skippedPaging.pageRows,
+          pagination: {
+            page: skippedPaging.page,
+            pageSize: PAGE_SIZE,
+            total: skippedRows.length,
+            totalPages: skippedPaging.totalPages,
+            onPageChange: skippedPaging.setPage
+          }
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  RunCyclesSection
+};
+//# sourceMappingURL=RunCyclesSection.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/billing/components/RunCyclesSection.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\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'\n\n/**\n * Spec A \u2014 per-bill-date breakdown of a Bill Run.\n *\n * Every run bills all due cycles, so one account outcome can stand for\n * several invoices. These two tables flatten the outcomes currently shown\n * on the run page into:\n *   - Cycles: one row per (account, bill date) with its status and invoice;\n *   - Skipped items: diagnostics such as partial periods not prorated.\n * Both are paginated client-side over the already-loaded outcome page.\n */\n\nexport type RunCycle = {\n  bill_date: string\n  period_start: string | null\n  period_end: string | null\n  /** `charged` = prepaid charges debited from the balance (Spec F). */\n  status: 'invoiced' | 'charged' | 'previewed' | 'empty' | 'skipped_existing'\n  line_count: number\n  total_net: string\n  invoice_id: string | null\n  invoice_number?: string | null\n  /** Prepaid only: what left the balance, and the period's statement. */\n  total_debit?: string\n  statement_id?: string | null\n}\n\nexport type RunCycleOutcome = {\n  bill_account_id: string\n  bill_account_name: string | null\n  cycles?: RunCycle[] | null\n  warnings: Record<string, unknown> | null\n}\n\ntype CycleRow = RunCycle & { key: string; accountId: string; accountName: string }\n\ntype SkippedRow = {\n  key: string\n  accountId: string\n  accountName: string\n  itemId: string\n  reason: string\n  periodStart: string | null\n  periodEnd: string | null\n}\n\nconst PAGE_SIZE = 50\n\nfunction cycleVariant(status: RunCycle['status']): 'success' | 'info' | 'neutral' | 'warning' {\n  switch (status) {\n    case 'invoiced':\n    case 'charged':\n      return 'success'\n    case 'previewed':\n      return 'info'\n    case 'skipped_existing':\n      return 'warning'\n    default:\n      return 'neutral'\n  }\n}\n\nfunction usePagedRows<T>(rows: T[]): { page: number; setPage: (page: number) => void; pageRows: T[]; totalPages: number } {\n  const [page, setPage] = React.useState(1)\n  const totalPages = Math.max(1, Math.ceil(rows.length / PAGE_SIZE))\n  const safePage = Math.min(page, totalPages)\n  const pageRows = React.useMemo(\n    () => rows.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE),\n    [rows, safePage],\n  )\n  return { page: safePage, setPage, pageRows, totalPages }\n}\n\nexport function RunCyclesSection({ outcomes }: { outcomes: RunCycleOutcome[] }) {\n  const t = useT()\n\n  const cycleRows = React.useMemo<CycleRow[]>(\n    () =>\n      outcomes.flatMap((outcome) =>\n        (outcome.cycles ?? []).map((cycle) => ({\n          ...cycle,\n          key: `${outcome.bill_account_id}:${cycle.bill_date}`,\n          accountId: outcome.bill_account_id,\n          accountName: outcome.bill_account_name ?? outcome.bill_account_id,\n        })),\n      ),\n    [outcomes],\n  )\n\n  const skippedRows = React.useMemo<SkippedRow[]>(\n    () =>\n      outcomes.flatMap((outcome) => {\n        const skipped = (outcome.warnings?.skipped_items ?? []) as Array<Record<string, unknown>>\n        return skipped.map((entry, index) => ({\n          key: `${outcome.bill_account_id}:${index}`,\n          accountId: outcome.bill_account_id,\n          accountName: outcome.bill_account_name ?? outcome.bill_account_id,\n          itemId: String(entry.item_id ?? ''),\n          reason: String(entry.reason ?? ''),\n          periodStart: typeof entry.service_period_start === 'string' ? entry.service_period_start : null,\n          periodEnd: typeof entry.service_period_end === 'string' ? entry.service_period_end : null,\n        }))\n      }),\n    [outcomes],\n  )\n\n  const hasPrepaid = React.useMemo(() => cycleRows.some((row) => row.total_debit !== undefined), [cycleRows])\n\n  const statusLabel = React.useCallback(\n    (status: RunCycle['status']) => {\n      switch (status) {\n        case 'invoiced':\n          return t('billing.runs.cycles.status.invoiced', 'Invoiced')\n        case 'charged':\n          return t('billing.runs.cycles.status.charged', 'Charged to balance')\n        case 'previewed':\n          return t('billing.runs.cycles.status.previewed', 'Preview')\n        case 'skipped_existing':\n          return t('billing.runs.cycles.status.skipped_existing', 'Skipped \u2014 already billed')\n        default:\n          return t('billing.runs.cycles.status.empty', 'Nothing to bill')\n      }\n    },\n    [t],\n  )\n\n  const reasonLabel = React.useCallback(\n    (reason: string) => {\n      switch (reason) {\n        case 'partial-period-not-prorated':\n          return t('billing.runs.skipped.reason.partial_not_prorated', 'Partial period, proration off')\n        case 'ended-after-billing-no-credit':\n          return t('billing.runs.skipped.reason.ended_no_credit', 'Ended after billing, proration off \u2014 no credit')\n        case 'period-cap-reached':\n          return t('billing.runs.skipped.reason.period_cap', 'Too many periods for one bill date')\n        default:\n          return reason\n      }\n    },\n    [t],\n  )\n\n  const cycleColumns = React.useMemo<ColumnDef<CycleRow>[]>(\n    () => [\n      {\n        accessorKey: 'accountName',\n        header: t('billing.runs.outcomes.columns.account', 'Account'),\n        cell: ({ row }) => (\n          <Link href={`/backend/billing/accounts/${row.original.accountId}`} className=\"text-sm text-primary hover:underline\">\n            {row.original.accountName}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'bill_date',\n        header: t('billing.runs.cycles.columns.bill_date', 'Bill date'),\n      },\n      {\n        accessorKey: 'period_start',\n        header: t('billing.runs.cycles.columns.service_period', 'Service period'),\n        cell: ({ row }) =>\n          row.original.period_start && row.original.period_end\n            ? `${row.original.period_start} \u2013 ${row.original.period_end}`\n            : '\u2014',\n      },\n      {\n        accessorKey: 'status',\n        header: t('billing.runs.outcomes.columns.status', 'Status'),\n        cell: ({ row }) => <Tag variant={cycleVariant(row.original.status)}>{statusLabel(row.original.status)}</Tag>,\n      },\n      {\n        accessorKey: 'line_count',\n        header: t('billing.runs.cycles.columns.lines', 'Lines'),\n      },\n      {\n        accessorKey: 'total_net',\n        header: t('billing.runs.cycles.columns.total_net', 'Net total'),\n        cell: ({ row }) => <span className=\"font-mono tabular-nums\">{row.original.total_net}</span>,\n      },\n      ...(hasPrepaid\n        ? [\n            {\n              accessorKey: 'total_debit',\n              header: t('billing.runs.cycles.columns.total_debit', 'Charged to balance'),\n              cell: ({ row }: { row: { original: CycleRow } }) =>\n                row.original.total_debit !== undefined ? (\n                  <span className=\"font-mono tabular-nums\">{row.original.total_debit}</span>\n                ) : (\n                  '\u2014'\n                ),\n            } satisfies ColumnDef<CycleRow>,\n          ]\n        : []),\n      {\n        accessorKey: 'invoice_id',\n        header: t('billing.runs.cycles.columns.document', 'Document'),\n        cell: ({ row }) =>\n          row.original.invoice_id ? (\n            <Link href={`/backend/billing/invoices/${row.original.invoice_id}`} className=\"text-sm text-primary hover:underline\">\n              {row.original.invoice_number ?? row.original.invoice_id}\n            </Link>\n          ) : row.original.statement_id ? (\n            <Link href={`/backend/billing/statements/${row.original.statement_id}`} className=\"text-sm text-primary hover:underline\">\n              {t('billing.runs.cycles.statement', 'Statement')}\n            </Link>\n          ) : (\n            '\u2014'\n          ),\n      },\n    ],\n    [hasPrepaid, statusLabel, t],\n  )\n\n  const skippedColumns = React.useMemo<ColumnDef<SkippedRow>[]>(\n    () => [\n      {\n        accessorKey: 'accountName',\n        header: t('billing.runs.outcomes.columns.account', 'Account'),\n      },\n      {\n        accessorKey: 'itemId',\n        header: t('billing.runs.skipped.columns.item', 'Item'),\n        cell: ({ row }) => (\n          <Link href={`/backend/billing/items/${row.original.itemId}`} className=\"text-sm text-primary hover:underline\">\n            {row.original.itemId}\n          </Link>\n        ),\n      },\n      {\n        accessorKey: 'reason',\n        header: t('billing.runs.skipped.columns.reason', 'Reason'),\n        cell: ({ row }) => reasonLabel(row.original.reason),\n      },\n      {\n        accessorKey: 'periodStart',\n        header: t('billing.runs.cycles.columns.service_period', 'Service period'),\n        cell: ({ row }) =>\n          row.original.periodStart ? `${row.original.periodStart} \u2013 ${row.original.periodEnd ?? '\u2026'}` : '\u2014',\n      },\n    ],\n    [reasonLabel, t],\n  )\n\n  const cyclesPaging = usePagedRows(cycleRows)\n  const skippedPaging = usePagedRows(skippedRows)\n\n  if (cycleRows.length === 0 && skippedRows.length === 0) return null\n\n  return (\n    <>\n      {cycleRows.length > 0 ? (\n        <div>\n          <h2 className=\"text-base font-semibold mb-1\">{t('billing.runs.cycles.title', 'Cycles')}</h2>\n          <p className=\"text-sm text-muted-foreground mb-2\">\n            {t(\n              'billing.runs.cycles.help',\n              'One row per account and bill date \u2014 a run bills every due cycle up to its as-of date.',\n            )}\n          </p>\n          <DataTable\n            columns={cycleColumns}\n            data={cyclesPaging.pageRows}\n            pagination={{\n              page: cyclesPaging.page,\n              pageSize: PAGE_SIZE,\n              total: cycleRows.length,\n              totalPages: cyclesPaging.totalPages,\n              onPageChange: cyclesPaging.setPage,\n            }}\n          />\n        </div>\n      ) : null}\n      {skippedRows.length > 0 ? (\n        <div>\n          <h2 className=\"text-base font-semibold mb-2\">{t('billing.runs.skipped.title', 'Skipped items')}</h2>\n          <DataTable\n            columns={skippedColumns}\n            data={skippedPaging.pageRows}\n            pagination={{\n              page: skippedPaging.page,\n              pageSize: PAGE_SIZE,\n              total: skippedRows.length,\n              totalPages: skippedPaging.totalPages,\n              onPageChange: skippedPaging.setPage,\n            }}\n          />\n        </div>\n      ) : null}\n    </>\n  )\n}\n"],
+  "mappings": ";AA2JU,SAqGN,UArGM,KAuGF,YAvGE;AA1JV,YAAY,WAAW;AACvB,OAAO,UAAU;AAEjB,SAAS,YAAY;AACrB,SAAS,oBAAoB,iBAAiB;AAC9C,SAAS,WAAW;AA+CpB,MAAM,YAAY;AAElB,SAAS,aAAa,QAAwE;AAC5F,UAAQ,QAAQ;AAAA,IACd,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,aAAgB,MAAiG;AACxH,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,SAAS,SAAS,CAAC;AACjE,QAAM,WAAW,KAAK,IAAI,MAAM,UAAU;AAC1C,QAAM,WAAW,MAAM;AAAA,IACrB,MAAM,KAAK,OAAO,WAAW,KAAK,WAAW,WAAW,SAAS;AAAA,IACjE,CAAC,MAAM,QAAQ;AAAA,EACjB;AACA,SAAO,EAAE,MAAM,UAAU,SAAS,UAAU,WAAW;AACzD;AAEO,SAAS,iBAAiB,EAAE,SAAS,GAAoC;AAC9E,QAAM,IAAI,KAAK;AAEf,QAAM,YAAY,MAAM;AAAA,IACtB,MACE,SAAS;AAAA,MAAQ,CAAC,aACf,QAAQ,UAAU,CAAC,GAAG,IAAI,CAAC,WAAW;AAAA,QACrC,GAAG;AAAA,QACH,KAAK,GAAG,QAAQ,eAAe,IAAI,MAAM,SAAS;AAAA,QAClD,WAAW,QAAQ;AAAA,QACnB,aAAa,QAAQ,qBAAqB,QAAQ;AAAA,MACpD,EAAE;AAAA,IACJ;AAAA,IACF,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,cAAc,MAAM;AAAA,IACxB,MACE,SAAS,QAAQ,CAAC,YAAY;AAC5B,YAAM,UAAW,QAAQ,UAAU,iBAAiB,CAAC;AACrD,aAAO,QAAQ,IAAI,CAAC,OAAO,WAAW;AAAA,QACpC,KAAK,GAAG,QAAQ,eAAe,IAAI,KAAK;AAAA,QACxC,WAAW,QAAQ;AAAA,QACnB,aAAa,QAAQ,qBAAqB,QAAQ;AAAA,QAClD,QAAQ,OAAO,MAAM,WAAW,EAAE;AAAA,QAClC,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,QACjC,aAAa,OAAO,MAAM,yBAAyB,WAAW,MAAM,uBAAuB;AAAA,QAC3F,WAAW,OAAO,MAAM,uBAAuB,WAAW,MAAM,qBAAqB;AAAA,MACvF,EAAE;AAAA,IACJ,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,QAAQ,MAAM,UAAU,KAAK,CAAC,QAAQ,IAAI,gBAAgB,MAAS,GAAG,CAAC,SAAS,CAAC;AAE1G,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,WAA+B;AAC9B,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,iBAAO,EAAE,uCAAuC,UAAU;AAAA,QAC5D,KAAK;AACH,iBAAO,EAAE,sCAAsC,oBAAoB;AAAA,QACrE,KAAK;AACH,iBAAO,EAAE,wCAAwC,SAAS;AAAA,QAC5D,KAAK;AACH,iBAAO,EAAE,+CAA+C,+BAA0B;AAAA,QACpF;AACE,iBAAO,EAAE,oCAAoC,iBAAiB;AAAA,MAClE;AAAA,IACF;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,WAAmB;AAClB,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,iBAAO,EAAE,oDAAoD,+BAA+B;AAAA,QAC9F,KAAK;AACH,iBAAO,EAAE,+CAA+C,qDAAgD;AAAA,QAC1G,KAAK;AACH,iBAAO,EAAE,0CAA0C,oCAAoC;AAAA,QACzF;AACE,iBAAO;AAAA,MACX;AAAA,IACF;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,QAAM,eAAe,MAAM;AAAA,IACzB,MAAM;AAAA,MACJ;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,yCAAyC,SAAS;AAAA,QAC5D,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,QAAK,MAAM,6BAA6B,IAAI,SAAS,SAAS,IAAI,WAAU,wCAC1E,cAAI,SAAS,aAChB;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,yCAAyC,WAAW;AAAA,MAChE;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,8CAA8C,gBAAgB;AAAA,QACxE,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,gBAAgB,IAAI,SAAS,aACtC,GAAG,IAAI,SAAS,YAAY,WAAM,IAAI,SAAS,UAAU,KACzD;AAAA,MACR;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,wCAAwC,QAAQ;AAAA,QAC1D,MAAM,CAAC,EAAE,IAAI,MAAM,oBAAC,OAAI,SAAS,aAAa,IAAI,SAAS,MAAM,GAAI,sBAAY,IAAI,SAAS,MAAM,GAAE;AAAA,MACxG;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,qCAAqC,OAAO;AAAA,MACxD;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,yCAAyC,WAAW;AAAA,QAC9D,MAAM,CAAC,EAAE,IAAI,MAAM,oBAAC,UAAK,WAAU,0BAA0B,cAAI,SAAS,WAAU;AAAA,MACtF;AAAA,MACA,GAAI,aACA;AAAA,QACE;AAAA,UACE,aAAa;AAAA,UACb,QAAQ,EAAE,2CAA2C,oBAAoB;AAAA,UACzE,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,gBAAgB,SAC3B,oBAAC,UAAK,WAAU,0BAA0B,cAAI,SAAS,aAAY,IAEnE;AAAA,QAEN;AAAA,MACF,IACA,CAAC;AAAA,MACL;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,wCAAwC,UAAU;AAAA,QAC5D,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,aACX,oBAAC,QAAK,MAAM,6BAA6B,IAAI,SAAS,UAAU,IAAI,WAAU,wCAC3E,cAAI,SAAS,kBAAkB,IAAI,SAAS,YAC/C,IACE,IAAI,SAAS,eACf,oBAAC,QAAK,MAAM,+BAA+B,IAAI,SAAS,YAAY,IAAI,WAAU,wCAC/E,YAAE,iCAAiC,WAAW,GACjD,IAEA;AAAA,MAEN;AAAA,IACF;AAAA,IACA,CAAC,YAAY,aAAa,CAAC;AAAA,EAC7B;AAEA,QAAM,iBAAiB,MAAM;AAAA,IAC3B,MAAM;AAAA,MACJ;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,yCAAyC,SAAS;AAAA,MAC9D;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,qCAAqC,MAAM;AAAA,QACrD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,QAAK,MAAM,0BAA0B,IAAI,SAAS,MAAM,IAAI,WAAU,wCACpE,cAAI,SAAS,QAChB;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,uCAAuC,QAAQ;AAAA,QACzD,MAAM,CAAC,EAAE,IAAI,MAAM,YAAY,IAAI,SAAS,MAAM;AAAA,MACpD;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,8CAA8C,gBAAgB;AAAA,QACxE,MAAM,CAAC,EAAE,IAAI,MACX,IAAI,SAAS,cAAc,GAAG,IAAI,SAAS,WAAW,WAAM,IAAI,SAAS,aAAa,QAAG,KAAK;AAAA,MAClG;AAAA,IACF;AAAA,IACA,CAAC,aAAa,CAAC;AAAA,EACjB;AAEA,QAAM,eAAe,aAAa,SAAS;AAC3C,QAAM,gBAAgB,aAAa,WAAW;AAE9C,MAAI,UAAU,WAAW,KAAK,YAAY,WAAW,EAAG,QAAO;AAE/D,SACE,iCACG;AAAA,cAAU,SAAS,IAClB,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,gCAAgC,YAAE,6BAA6B,QAAQ,GAAE;AAAA,MACvF,oBAAC,OAAE,WAAU,sCACV;AAAA,QACC;AAAA,QACA;AAAA,MACF,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,MAAM,aAAa;AAAA,UACnB,YAAY;AAAA,YACV,MAAM,aAAa;AAAA,YACnB,UAAU;AAAA,YACV,OAAO,UAAU;AAAA,YACjB,YAAY,aAAa;AAAA,YACzB,cAAc,aAAa;AAAA,UAC7B;AAAA;AAAA,MACF;AAAA,OACF,IACE;AAAA,IACH,YAAY,SAAS,IACpB,qBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,gCAAgC,YAAE,8BAA8B,eAAe,GAAE;AAAA,MAC/F;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,MAAM,cAAc;AAAA,UACpB,YAAY;AAAA,YACV,MAAM,cAAc;AAAA,YACpB,UAAU;AAAA,YACV,OAAO,YAAY;AAAA,YACnB,YAAY,cAAc;AAAA,YAC1B,cAAc,cAAc;AAAA,UAC9B;AAAA;AAAA,MACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}