> **Draft / WIP.** Combined-billing **Mode A** (connected self-hosted). Entirely behind `stirling.billing.account-link.enabled` (default **off** → beans absent → 404). Pairs with Stirling-PDF-SaaS PR #313 (twin migration → `v3`). ## What this does A self-hosted instance links a SaaS account in the **Portal**, gets a **device credential**, and authenticates unattended metering/entitlement with it — no long-lived user JWT on the server. The Portal then surfaces the team's **billing** (free trial → metered Processor plan) driven by the live wallet. ```mermaid sequenceDiagram participant Portal as Portal (browser) participant Supa as SaaS Supabase Auth participant Local as Self-hosted backend participant SaaS as SaaS Java (app/saas) Portal->>Supa: signIn / signUp (Supabase JS, short-lived JWT) Supa-->>Portal: JWT (SDK-refreshed, stays in browser) Portal->>Local: hand JWT (same-origin) Local->>SaaS: POST /account-link/register (Bearer JWT, leader) SaaS-->>Local: { device_id, device_secret } (secret once) Note over Local: store device_secret server-side loop unattended Local->>SaaS: /api/v1/instance/** (X-Device-Id + X-Device-Secret) SaaS-->>Local: entitlement / gate decision end ``` **Auth model:** human auth = Supabase JS (ephemeral JWT, kept for attended portal features). Durable instance auth = a team-bound **device_id + secret** (SHA-256 stored, shown once), non-user `ROLE_LINKED_INSTANCE`, path-scoped to `/api/v1/instance/**`. Instance binds to a **team**, never a user. ## Billing surface (Portal · Mode A states) `Usage & billing` is state-driven by the link/subscription dimension and built to the marketing designs, sharing one component layer across states: - **Unlinked** → link-account prompt. - **Linked · Free** — the *Processor trial*: a one-time 500-PDF free grant ("Process 500 PDFs free, then $X/PDF"), the team's free-editor fleet, and a leader-only **Switch on the Processor →** (embedded Stripe Checkout). - **Linked · Subscribed** — the *Processor plan* dashboard: PDFs-processed split (API / Agents / Automation), **spend this month** vs. a **spend limit** meter with a run-rate projection and an **in-place cap editor** (preset buckets + suggested value + guardrail), Stripe **invoices** (with billed PDFs per invoice), and the default **payment method**. Card / subscription changes deep-link to Stripe's hosted portal. Manual PDF editing is always free — only Automation / AI / API is metered; a `$0` cap blocks all metered work (≠ "no cap"). **Shared, not duplicated:** the editor-fleet card, the Enterprise upsell, and the meter (`@shared/billing` `MeterBar`) render in both the free and subscribed views; money/cap math lives once in `@shared/billing`. The page header is a sticky, full-bleed bar. **New SaaS reads** (defensive — degrade to empty/"—" when the Stripe mirror lacks a table, never 500): - `GET /api/v1/payg/payment-method` — default card (brand / last4 / expiry) from `stripe.payment_methods`. - Invoice **PDFs processed** — billed line-item quantity from `stripe.invoice_line_items`. ## Progress - [x] Schema: `V22 linked_instance` (+ Supabase twin in #313) - [x] `AccountLinkController` register / list / revoke (leader-only, team from caller) - [x] Device-credential filter (path-scoped, constant-time, revocation-aware) + `SupabaseSecurityConfig` wiring (conditional) - [x] `GET /api/v1/instance/whoami` + **`/entitlement`** (reuses `EntitlementService`/`TeamBillingService`) + tests - [x] Self-hosted backend (`app/proprietary`): orchestrator + instance gate (dark + **fail-open**) + tests - [x] Portal: in-app Supabase login modal + register hand-off + `LinkContext` (unlinked default) + "Linked instances" view — all `@shared` Storybook components - [x] **Portal billing surface** — free (Processor trial) + subscribed (Processor plan) Usage views to marketing spec; link-state derived from the **live wallet**; in-place cap editor; over-cap banner - [x] **SaaS reads** — payment-method endpoint + invoice billed-units (defensive `stripe.*` mirror DAOs) + tests - [x] Orphan guard: block leaving/accepting away from a team whose departure orphans its linked instances - [ ] Metering Step 2 (lease + reconcile loop) + bounded fail-open cutoff - [ ] Proprietary hardening (SaaS base-url config, secret-at-rest, finer billable classification) + HTTP integration test - [ ] Cross-repo Stripe lifecycle certified end-to-end (subscribe → meter → cancel → 402) - [ ] Admin ⟺ SaaS-leader enforcement (separate portal-team-mgmt workstream) ## Verification — all green | Gate | Result | |---|---| | `STIRLING_FLAVOR=saas :saas:test` | BUILD SUCCESSFUL (account-link + payg, incl. `PaygPaymentMethodControllerTest`, `PaygInvoicesControllerTest`) | | `:proprietary:test` | BUILD SUCCESSFUL (account-link + entitlement cache/interceptor) | | portal | tsc 0 · eslint 0 · **vitest 55** · storybook build (all billing stories) | | frontend post-sync | typecheck shared + portal + editor (saas + desktop): 0 | ## Screenshots — billing UI _Latest Storybook renders (Portal/Billing). Drag each capture below its caption — kept out of the repo._ **Linked · Free — Processor trial** <img width="1648" height="503" alt="01-free-processor-trial" src="https://github.com/user-attachments/assets/afe6238a-d3b4-47fd-8ea2-cbaed8b0a653" /> **Linked · Subscribed — Processor plan dashboard** <img width="1648" height="930" alt="02-subscribed-processor-plan" src="https://github.com/user-attachments/assets/329e6808-a9a9-4e65-99af-5a8a5e6bf4ab" /> **Spend limit — in-place cap editor** <img width="1648" height="411" alt="03-spend-limit-editor" src="https://github.com/user-attachments/assets/acc95096-bf8e-4ab0-a32c-3c20dc94f816" /> ## Review feedback applied Reworked the portal after first-pass feedback: linking signs in via the **shared Supabase login** (SSO + email/password) — no bespoke form; the **device secret is never shown in or sent to the FE** (the local backend registers + stores it server-side); billing copy reads **PDFs**, not "units"; the wallet surface uses **`@shared` components** matching the SaaS Plan page. Re-verified including an assertion the link response carries no `deviceSecret`/`deviceId`. **Synced onto unified auth + in-app login (2026-06-23).** Merged `main` incl. **#6725 unified auth** (`frontend/shared/auth`); the link flow uses a shared `useSupabaseLogin` hook + `SupabaseLoginForm`, a portal `LinkAccountModal`, and `useAccountLink.completeLink(session)` (+ on-mount SSO redirect-return). Config: `VITE_SAAS_SUPABASE_URL` + `VITE_SAAS_SUPABASE_ANON_KEY`. The local `/account-link/link` call carries the Spring admin bearer with the SaaS JWT in the body. **SSO** needs the SaaS Supabase project to allow-list the portal redirect URL (email/password works without it). ## Assumptions / open - **Proprietary remains a scaffold** (placeholder SaaS base-url, plaintext device secret at rest, coarse billable classification). - Payment-method + invoice-quantity render only when `stripe.payment_methods` / `stripe.invoice_line_items` are in the Sync-Engine target (confirm in the Supabase/Sync-Engine config); otherwise they degrade gracefully. - A self-contained local HTML report + manual E2E runbook live in `notes/account-link-report/` (dev artifacts, outside the repo). --------- Co-authored-by: James Brunton <jbrunton96@gmail.com>
103 lines
3.3 KiB
TypeScript
103 lines
3.3 KiB
TypeScript
/**
|
|
* Pure money/meter helpers shared by the editor cloud surface and the admin
|
|
* portal. These carry backend-coupled invariants (the cap→PDF estimate mirrors
|
|
* the server's {@code docCapForMoney}; the meter bands mirror the BE warn/degrade
|
|
* thresholds), so keeping one copy is what stops the FE estimate silently
|
|
* diverging from the backend when a rate encoding changes.
|
|
*/
|
|
|
|
/** Quick-amount cap presets (major currency units) offered everywhere. */
|
|
export const DEFAULT_CAP_PRESETS = [500, 1000, 2500, 5000] as const;
|
|
|
|
/** Compact currency symbol; falls back to the ISO code for anything unmapped. */
|
|
export function currencySymbol(currency: string | null | undefined): string {
|
|
switch ((currency ?? "").toLowerCase()) {
|
|
case "usd":
|
|
case "":
|
|
return "$";
|
|
case "eur":
|
|
return "€";
|
|
case "gbp":
|
|
return "£";
|
|
default:
|
|
return (currency ?? "").toUpperCase() + " ";
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Format minor units as a compact-symbol amount ("$2.24", "£0.40"). Uses the
|
|
* short symbol (not Intl's "US$" currency display) and allows up to 3 fraction
|
|
* digits so sub-cent per-document rates don't round to $0.
|
|
*/
|
|
export function formatMinor(
|
|
minor: number,
|
|
currency: string | null | undefined,
|
|
): string {
|
|
const num = new Intl.NumberFormat(undefined, {
|
|
minimumFractionDigits: 2,
|
|
maximumFractionDigits: 3,
|
|
}).format(minor / 100);
|
|
return `${currencySymbol(currency)}${num}`;
|
|
}
|
|
|
|
/** Format a major-unit amount with the compact symbol ("$1,000", "€500"). */
|
|
export function formatMoneyMajor(
|
|
major: number,
|
|
currency: string | null | undefined,
|
|
): string {
|
|
return `${currencySymbol(currency)}${major.toLocaleString()}`;
|
|
}
|
|
|
|
/**
|
|
* Paid PDFs a monthly cap buys — mirror of the backend's {@code docCapForMoney}:
|
|
* floor(capMinor / rate). The one-time free grant is a separate lifetime pool and
|
|
* is NOT added here. Returns null when there's no cap or no resolvable rate (the
|
|
* caller hides the estimate).
|
|
*/
|
|
export function docCapForMoney(
|
|
capUsdMajor: number | null,
|
|
pricePerDocMinor: number | null | undefined,
|
|
): number | null {
|
|
if (capUsdMajor == null) return null;
|
|
const rate =
|
|
pricePerDocMinor != null && pricePerDocMinor > 0 ? pricePerDocMinor : null;
|
|
return rate != null ? Math.floor((capUsdMajor * 100) / rate) : null;
|
|
}
|
|
|
|
/**
|
|
* Short date for billing labels: "24 Jun" (period meters) or "24 Jun 2026" with
|
|
* {@code year}. Parses the date part of an ISO string as a local date.
|
|
*/
|
|
export function formatPeriodDate(
|
|
iso: string | null,
|
|
opts?: { year?: boolean },
|
|
): string {
|
|
if (!iso) return "";
|
|
const datePart = iso.split("T")[0];
|
|
if (!datePart) return "";
|
|
const [y, m, d] = datePart.split("-").map(Number);
|
|
if (!y || !m || !d) return datePart;
|
|
try {
|
|
return new Intl.DateTimeFormat(undefined, {
|
|
day: "numeric",
|
|
month: "short",
|
|
...(opts?.year ? { year: "numeric" } : {}),
|
|
}).format(new Date(y, m - 1, d));
|
|
} catch {
|
|
return datePart;
|
|
}
|
|
}
|
|
|
|
export type MeterState = "FULL" | "WARNED" | "DEGRADED";
|
|
|
|
/** Warn (≥80%) / degrade (≥100%) band for a usage meter; mirrors the BE thresholds. */
|
|
export function meterState(
|
|
used: number,
|
|
limit: number,
|
|
): { state: MeterState; pct: number } {
|
|
const pct = limit > 0 ? Math.min(100, (used / limit) * 100) : 100;
|
|
const state: MeterState =
|
|
pct >= 100 ? "DEGRADED" : pct >= 80 ? "WARNED" : "FULL";
|
|
return { state, pct };
|
|
}
|