@cosmicdrift/kumiko-samples 0.387.0 → 0.389.0

package/samples/apps/styleguide/src/features/widgets/feature.ts

@@ -28,13 +28,21 @@ const loanMonthMs = (monthIndex: number): number => Date.UTC(2020, monthIndex, 1
 // screenshots stay stable.
 const growth = (1 + LOAN_MONTHLY_RATE) ** LOAN_MONTHS;
 const annuityMinor = (LOAN_PRINCIPAL_MINOR * LOAN_MONTHLY_RATE * growth) / (growth - 1);
+// Month index -> extra repayment, which shortens the term below LOAN_MONTHS.
+const EXTRA_REPAYMENTS_MINOR: ReadonlyMap<number, number> = new Map([
+  [84, 3_000_000],
+  [150, 2_000_000],
+]);
 let balanceMinor: number = LOAN_PRINCIPAL_MINOR;
 let interestPaidMinor = 0;
+let payoffMonth: number | undefined;
 const LOAN_REMAINING_POINTS = [{ atMs: loanMonthMs(0), value: LOAN_PRINCIPAL_MINOR }];
 const LOAN_INTEREST_POINTS = [{ atMs: loanMonthMs(0), value: 0 }];
 for (let i = 1; i <= LOAN_MONTHS; i++) {
   const interest = balanceMinor * LOAN_MONTHLY_RATE;
-  balanceMinor = Math.max(0, balanceMinor - (annuityMinor - interest));
+  const extraRepayment = EXTRA_REPAYMENTS_MINOR.get(i) ?? 0;
+  balanceMinor = Math.max(0, balanceMinor - (annuityMinor - interest) - extraRepayment);
+  if (balanceMinor === 0) payoffMonth ??= i;
   interestPaidMinor += interest;
   LOAN_REMAINING_POINTS.push({ atMs: loanMonthMs(i), value: Math.round(balanceMinor) });
   LOAN_INTEREST_POINTS.push({ atMs: loanMonthMs(i), value: Math.round(interestPaidMinor) });
@@ -44,10 +52,13 @@ const LOAN_SERIES = [
   { key: "interest", label: "widgets:dashboard:loan-interest", points: LOAN_INTEREST_POINTS },
 ];
 const LOAN_MARKERS = [
-  { atMs: loanMonthMs(84), label: { i18nKey: "widgets:dashboard:marker-extra-1" }, kind: "extra" },
-  { atMs: loanMonthMs(150), label: { i18nKey: "widgets:dashboard:marker-extra-2" }, kind: "extra" },
+  ...[...EXTRA_REPAYMENTS_MINOR.keys()].map((monthIndex, i) => ({
+    atMs: loanMonthMs(monthIndex),
+    label: { i18nKey: `widgets:dashboard:marker-extra-${i + 1}` },
+    kind: "extra",
+  })),
   {
-    atMs: loanMonthMs(LOAN_MONTHS),
+    atMs: loanMonthMs(payoffMonth ?? LOAN_MONTHS),
     label: { i18nKey: "widgets:dashboard:marker-payoff" },
     kind: "payoff",
   },

package/samples/apps/styleguide/src/features/widgets/i18n.ts

@@ -119,6 +119,17 @@ export const WIDGETS_I18N = {
   "widgets:catalog:status-maintenance": { de: "maintenance", en: "maintenance" },
   "widgets:catalog:repayment-model": { de: "Tilgungsmodell", en: "Repayment model" },
   "widgets:catalog:mode-annuity": { de: "Annuität", en: "Annuity" },
+  "widgets:catalog:choice-cards": { de: "Zahlungsanbieter", en: "Payment provider" },
+  "widgets:catalog:choice-direct": { de: "Direkt", en: "Direct" },
+  "widgets:catalog:choice-direct-description": {
+    de: "Rechnung vom Anbieter der App",
+    en: "Invoiced by the app operator",
+  },
+  "widgets:catalog:choice-reseller": { de: "Reseller", en: "Reseller" },
+  "widgets:catalog:choice-reseller-description": {
+    de: "Verkäufer ist der Reseller, inklusive Umsatzsteuer",
+    en: "Sold by the reseller, VAT included",
+  },
   "widgets:catalog:mode-fixed": { de: "Feste Rate", en: "Fixed rate" },
   "widgets:catalog:model": { de: "Modell", en: "Model" },
   "widgets:catalog:nominal-rate": { de: "Sollzins", en: "Nominal rate" },

package/samples/apps/styleguide/src/features/widgets/web/Widgets.tsx

@@ -6,6 +6,7 @@ import {
   AiTextArea,
   AiTextField,
   BooleanField,
+  ChoiceCards,
   CollapsibleSection,
   ComparisonTable,
   DateField,
@@ -50,6 +51,7 @@ export function Widgets(): ReactNode {
   const t = useTranslation();
   const locale = useLocale().locale();
   const [mode, setMode] = useState<"annuity" | "fixed">("annuity");
+  const [provider, setProvider] = useState<"direct" | "reseller">("direct");
   const [drawerOpen, setDrawerOpen] = useState(false);
   const [belowHeaderDrawerOpen, setBelowHeaderDrawerOpen] = useState(false);
   const [floatingPanelOpen, setFloatingPanelOpen] = useState(false);
@@ -181,6 +183,28 @@ export function Widgets(): ReactNode {
         />
       </SectionCard>
 
+      <SectionCard title={t("widgets:catalog:choice-cards")}>
+        <ChoiceCards
+          value={provider}
+          onChange={setProvider}
+          ariaLabel={t("widgets:catalog:choice-cards")}
+          options={[
+            {
+              value: "direct",
+              title: t("widgets:catalog:choice-direct"),
+              description: t("widgets:catalog:choice-direct-description"),
+              aside: "9,00 €",
+            },
+            {
+              value: "reseller",
+              title: t("widgets:catalog:choice-reseller"),
+              description: t("widgets:catalog:choice-reseller-description"),
+              aside: "9,90 €",
+            },
+          ]}
+        />
+      </SectionCard>
+
       <CollapsibleSection title={t("widgets:catalog:advanced-settings")}>
         <EmptyState
           title={t("widgets:catalog:no-extra-repayments-title")}

package/samples/apps/styleguide/src/features/workboard/feature.ts

@@ -0,0 +1,185 @@
+import {
+  createDateField,
+  createEntity,
+  createNumberField,
+  createSelectField,
+  createTextField,
+  defineFeature,
+} from "@cosmicdrift/kumiko-framework/engine";
+
+import { WORKBOARD_I18N } from "./i18n";
+
+export const taskEntity = createEntity({
+  table: "read_workboard_tasks",
+  fields: {
+    title: createTextField({
+      personal: false,
+      reason: "is_business_data",
+      required: true,
+      searchable: true,
+      sortable: true,
+    }),
+    status: createSelectField({
+      options: ["open", "inProgress", "blocked", "done"] as const,
+      default: "open",
+      sortable: true,
+      filterable: true,
+    }),
+    priority: createSelectField({
+      options: ["low", "medium", "high"] as const,
+      default: "medium",
+      sortable: true,
+      filterable: true,
+    }),
+    dueDate: createDateField({ sortable: true }),
+    assignee: createTextField({ personal: false, reason: "is_business_data", sortable: true }),
+    estimateHours: createNumberField({ sortable: true, filterable: true }),
+  },
+});
+
+const open = {
+  access: {
+    openToAll: {
+      reason: "demo app: any signed-in user manages every task; there is no per-user ownership",
+    },
+  },
+} as const;
+
+// All of this round's list options on one screen: remembered state, one reset
+// button, the column picker (estimateHours starts hidden) and the density choice.
+export const workboardFeature = defineFeature("workboard", (r) => {
+  r.translations({ keys: WORKBOARD_I18N });
+  r.crud("task", taskEntity, { write: open, read: open });
+
+  r.screen({
+    id: "task-list",
+    type: "entityList",
+    entity: "task",
+    columns: [
+      "title",
+      "status",
+      "priority",
+      { field: "dueDate", hideOnNarrow: true },
+      { field: "assignee", hideOnNarrow: true },
+      { field: "estimateHours", hidden: true, hideOnNarrow: true },
+    ],
+    pagination: "pages",
+    pageSize: 25,
+    defaultSort: { field: "dueDate", dir: "asc" },
+    searchable: true,
+    facets: { status: { display: "chips" }, priority: {} },
+    table: {
+      rememberState: true,
+      resetAll: true,
+      columnPicker: true,
+      density: { default: "comfortable", userChoice: true },
+      export: { xlsx: true },
+    },
+    rowActions: [
+      { kind: "navigate", id: "edit", label: "Edit", screen: "task-edit", rowClick: true },
+    ],
+  });
+
+  // The same tasks as a spreadsheet-like board: fixed column widths, a pinned title,
+  // keyboard navigation between rows, row checkboxes with a bulk delete.
+  r.screen({
+    id: "task-board",
+    type: "entityList",
+    entity: "task",
+    columns: [
+      { field: "title", pinned: "left", width: 260, minWidth: 140 },
+      { field: "status", width: 180, minWidth: 100 },
+      { field: "priority", width: 180, minWidth: 100 },
+      { field: "dueDate", width: 180, minWidth: 100, hideOnNarrow: true },
+      { field: "assignee", width: 220, minWidth: 100, hideOnNarrow: true },
+      { field: "estimateHours", width: 180, minWidth: 100, hideOnNarrow: true },
+    ],
+    pagination: "pages",
+    pageSize: 25,
+    defaultSort: { field: "dueDate", dir: "asc" },
+    searchable: true,
+    table: {
+      rememberState: true,
+      columnPicker: true,
+      pinning: true,
+      resizing: true,
+      keyboardNavigation: true,
+      density: { default: "comfortable", userChoice: true },
+    },
+    rowActions: [
+      { kind: "navigate", id: "edit", label: "Edit", screen: "task-edit", rowClick: true },
+      {
+        kind: "writeHandler",
+        id: "delete",
+        label: "Delete",
+        handler: "workboard:write:task:delete",
+        style: "danger",
+        visible: { field: "status", ne: "done" },
+      },
+    ],
+    bulkActions: [{ id: "delete", rowAction: "delete" }],
+  });
+
+  // The same tasks grouped by status on the server: each header carries the
+  // group's count and estimate sum, a footer row the sum over all filtered tasks.
+  r.screen({
+    id: "task-estimates",
+    type: "entityList",
+    entity: "task",
+    columns: ["title", "status", "priority", "assignee", "estimateHours"],
+    pagination: "pages",
+    pageSize: 3,
+    defaultSort: { field: "title", dir: "asc" },
+    searchable: true,
+    facets: { estimateHours: { display: "range" } },
+    table: {
+      grouping: { field: "status", collapsedWhen: "done", userChoice: true, fields: ["priority"] },
+      totals: [{ field: "estimateHours", kind: "sum" }],
+    },
+    rowActions: [
+      { kind: "navigate", id: "edit", label: "Edit", screen: "task-edit", rowClick: true },
+    ],
+  });
+
+  r.screen({
+    id: "task-edit",
+    type: "entityEdit",
+    entity: "task",
+    dormant: true,
+    listScreenId: "task-list",
+    layout: {
+      sections: [
+        {
+          columns: 2,
+          fields: ["title", "assignee", "status", "priority", "dueDate", "estimateHours"],
+        },
+      ],
+    },
+  });
+
+  r.nav({ id: "workboard", label: "workboard:nav.workboard", icon: "list", order: 40 });
+  r.nav({
+    id: "task-list",
+    label: "workboard:nav.tasks",
+    parent: "workboard:nav:workboard",
+    screen: "workboard:screen:task-list",
+    icon: "table",
+    order: 10,
+  });
+  r.nav({
+    id: "task-board",
+    label: "workboard:nav.board",
+    parent: "workboard:nav:workboard",
+    screen: "workboard:screen:task-board",
+    icon: "table",
+    order: 20,
+  });
+  r.nav({
+    id: "task-estimates",
+    label: "workboard:nav.estimates",
+    parent: "workboard:nav:workboard",
+    screen: "workboard:screen:task-estimates",
+    icon: "table",
+    order: 30,
+  });
+});

package/samples/apps/styleguide/src/features/workboard/i18n.ts

@@ -0,0 +1,27 @@
+import type { LocalizedString } from "../shared-i18n";
+
+export const WORKBOARD_I18N: Readonly<Record<string, LocalizedString>> = {
+  "workboard:nav.workboard": { de: "Aufgaben", en: "Workboard" },
+  "workboard:nav.tasks": { de: "Alle Aufgaben", en: "All tasks" },
+  "workboard:nav.board": { de: "Aufgaben-Board", en: "Task board" },
+  "workboard:nav.estimates": { de: "Aufwand je Status", en: "Estimates by status" },
+  "screen:task-board.title": { de: "Aufgaben-Board", en: "Task board" },
+  "screen:task-estimates.title": { de: "Aufwand je Status", en: "Estimates by status" },
+  "screen:task-list.title": { de: "Aufgaben", en: "Tasks" },
+  "screen:task-edit.title": { de: "Aufgabe bearbeiten", en: "Edit task" },
+  "screen:task-edit.create.title": { de: "Aufgabe anlegen", en: "Create task" },
+  "screen:task-edit.edit.title": { de: "Aufgabe bearbeiten", en: "Edit task" },
+  "workboard:entity:task:field:title": { de: "Titel", en: "Title" },
+  "workboard:entity:task:field:status": { de: "Status", en: "Status" },
+  "workboard:entity:task:field:status:option:open": { de: "Offen", en: "Open" },
+  "workboard:entity:task:field:status:option:inProgress": { de: "In Arbeit", en: "In progress" },
+  "workboard:entity:task:field:status:option:blocked": { de: "Blockiert", en: "Blocked" },
+  "workboard:entity:task:field:status:option:done": { de: "Erledigt", en: "Done" },
+  "workboard:entity:task:field:priority": { de: "Priorität", en: "Priority" },
+  "workboard:entity:task:field:priority:option:low": { de: "Niedrig", en: "Low" },
+  "workboard:entity:task:field:priority:option:medium": { de: "Mittel", en: "Medium" },
+  "workboard:entity:task:field:priority:option:high": { de: "Hoch", en: "High" },
+  "workboard:entity:task:field:dueDate": { de: "Fällig am", en: "Due date" },
+  "workboard:entity:task:field:assignee": { de: "Zuständig", en: "Assignee" },
+  "workboard:entity:task:field:estimateHours": { de: "Aufwand (Std.)", en: "Estimate (h)" },
+};

package/samples/apps/styleguide/src/features/workboard/seed.ts

@@ -0,0 +1,121 @@
+import type { SeedFn } from "@cosmicdrift/kumiko-dev-server";
+import { TestUsers } from "@cosmicdrift/kumiko-framework/seeding";
+
+type SeedTask = {
+  readonly title: string;
+  readonly status: "open" | "inProgress" | "blocked" | "done";
+  readonly priority: "low" | "medium" | "high";
+  readonly dueDate: string;
+  readonly assignee: string;
+  readonly estimateHours: number;
+};
+
+const TASKS: readonly SeedTask[] = [
+  {
+    title: "Quarterly VAT filing",
+    status: "inProgress",
+    priority: "high",
+    dueDate: "2026-11-10",
+    assignee: "Ines Vogel",
+    estimateHours: 6,
+  },
+  {
+    title: "Renew office lease",
+    status: "open",
+    priority: "medium",
+    dueDate: "2026-12-01",
+    assignee: "Tomas Berg",
+    estimateHours: 3,
+  },
+  {
+    title: "Onboard new support hire",
+    status: "open",
+    priority: "high",
+    dueDate: "2026-11-03",
+    assignee: "Ines Vogel",
+    estimateHours: 12,
+  },
+  {
+    title: "Migrate invoices to new numbering",
+    status: "blocked",
+    priority: "high",
+    dueDate: "2026-11-15",
+    assignee: "Mara Lindqvist",
+    estimateHours: 16,
+  },
+  {
+    title: "Update privacy policy",
+    status: "done",
+    priority: "medium",
+    dueDate: "2026-10-20",
+    assignee: "Tomas Berg",
+    estimateHours: 4,
+  },
+  {
+    title: "Order replacement laptops",
+    status: "inProgress",
+    priority: "low",
+    dueDate: "2026-11-25",
+    assignee: "Mara Lindqvist",
+    estimateHours: 2,
+  },
+  {
+    title: "Prepare annual audit documents",
+    status: "open",
+    priority: "high",
+    dueDate: "2027-01-15",
+    assignee: "Ines Vogel",
+    estimateHours: 24,
+  },
+  {
+    title: "Fix mobile checkout layout",
+    status: "inProgress",
+    priority: "medium",
+    dueDate: "2026-11-05",
+    assignee: "Jonas Keller",
+    estimateHours: 8,
+  },
+  {
+    title: "Review supplier contracts",
+    status: "blocked",
+    priority: "medium",
+    dueDate: "2026-11-30",
+    assignee: "Tomas Berg",
+    estimateHours: 10,
+  },
+  {
+    title: "Archive 2025 customer files",
+    status: "done",
+    priority: "low",
+    dueDate: "2026-10-31",
+    assignee: "Jonas Keller",
+    estimateHours: 5,
+  },
+  {
+    title: "Plan team offsite",
+    status: "open",
+    priority: "low",
+    dueDate: "2027-02-20",
+    assignee: "Mara Lindqvist",
+    estimateHours: 7,
+  },
+  {
+    title: "Set up weekly sales report",
+    status: "inProgress",
+    priority: "medium",
+    dueDate: "2026-11-12",
+    assignee: "Jonas Keller",
+    estimateHours: 9,
+  },
+];
+
+export const seedWorkboardTasks: SeedFn = async (stack) => {
+  for (const task of TASKS) {
+    const res = await stack.http.write("workboard:write:task:create", task, TestUsers.admin);
+    if (!res.ok) {
+      // biome-ignore lint/suspicious/noConsole: dev-seed surfaces failures in the runner log
+      console.error(`[seed] workboard task "${task.title}" failed:`, await res.text());
+      return;
+    }
+  }
+};

package/samples/apps/styleguide/src/features/workboard/web.ts

@@ -0,0 +1,13 @@
+import type {
+  ClientFeatureDefinition,
+  TranslationsByLocale,
+} from "@cosmicdrift/kumiko-renderer/web";
+import { toClientTranslations } from "../shared-i18n";
+import { WORKBOARD_I18N } from "./i18n";
+
+const translations: TranslationsByLocale = toClientTranslations(WORKBOARD_I18N);
+
+export const workboardClient: ClientFeatureDefinition = {
+  name: "workboard",
+  translations,
+};

package/samples/apps/ui-walkthrough/src/features/rental/i18n.ts

@@ -50,6 +50,7 @@ export const rentalTranslations: TranslationsByLocale = {
     "rental.party.role.main": "Hauptmieter",
     "rental.party.role.co": "Mitmieterin",
     "rental.action.addParty": "Partei hinzufügen",
+    "rental.action.showTerminated": "Beendete Verträge",
 
     "rental.tab.parties": "Vertragsparteien",
     "rental.tab.positions": "Positionen",
@@ -214,6 +215,7 @@ export const rentalTranslations: TranslationsByLocale = {
     "rental.party.role.main": "Main tenant",
     "rental.party.role.co": "Co-tenant",
     "rental.action.addParty": "Add party",
+    "rental.action.showTerminated": "Terminated leases",
 
     "rental.tab.parties": "Parties",
     "rental.tab.positions": "Positions",

package/samples/apps/ui-walkthrough/src/features/rental/screens.ts

@@ -52,6 +52,15 @@ export const leaseListScreen: EntityListScreenDefinition = {
   pageSize: 25,
   createLabel: "rental.action.createLease",
   searchPlaceholder: "rental.search.placeholder",
+  toolbarActions: [
+    {
+      kind: "navigate",
+      id: "show-terminated",
+      label: "rental.action.showTerminated",
+      style: "primary",
+      screen: "lease-list-short",
+    },
+  ],
   rowActions: [openLeaseDetail],
   access: OPEN_ACCESS,
 };

package/samples/apps/use-all-bundled/bin/main.ts

@@ -8,6 +8,7 @@ import { InMemoryKmsAdapter } from "@cosmicdrift/kumiko-framework/crypto";
 import type { TenantId } from "@cosmicdrift/kumiko-framework/engine";
 import { composeEnvSchema } from "@cosmicdrift/kumiko-framework/env";
 import { runProdApp } from "@cosmicdrift/kumiko-server-runtime";
+import { BUNDLED_LISTS } from "../src/bundled-lists";
 import {
   APP_FEATURES,
   AUTH_COMPOSE_OPTIONS,
@@ -27,6 +28,7 @@ await runProdApp({
   featureToggles: true,
   envSchema,
   validateBootOptions: VALIDATE_BOOT_OPTIONS,
+  bundledLists: BUNDLED_LISTS,
   // Smoke-only: exercises the hard PII boot gate + blind-index gate with
   // every bundled feature mounted. Real apps wire createPgKmsAdapter(...).
   kms: new InMemoryKmsAdapter(),

package/samples/apps/use-all-bundled/e2e-billing-gallery/gallery-constants.ts

@@ -4,6 +4,7 @@
 // runs in a Playwright worker and must not pull the server import chain).
 
 export const GALLERY_PROVIDER = "gallery-mock-provider";
+export const GALLERY_MOR_PROVIDER = "gallery-mock-mor";
 export const GALLERY_TERMS_SLUG = "gallery-terms";
 export const GALLERY_OPERATOR_EMAIL = "billing@gallery.example";
 export const GALLERY_PLAN_PATH = "/tenant-admin/billing-plans";
@@ -14,3 +15,7 @@ export const GALLERY_TENANT_HOST = "localhost";
 export const GALLERY_APEX_HOST = "127.0.0.1";
 
 export const GALLERY_PRICE_IDS = { starter: "price_gallery_starter", pro: "price_gallery_pro" };
+export const GALLERY_MOR_PRICE_IDS = {
+  starter: "price_gallery_mor_starter",
+  pro: "price_gallery_mor_pro",
+};

package/samples/apps/use-all-bundled/e2e-billing-gallery/gallery-features.ts

@@ -16,9 +16,12 @@ import {
   createChannelEmailFeature,
   createInMemoryTransport,
 } from "@cosmicdrift/kumiko-bundled-features/channel-email";
+import type { ExtraRouteDefinition } from "@cosmicdrift/kumiko-framework/api";
 import type { TenantDb } from "@cosmicdrift/kumiko-framework/db";
 import { defineFeature, type FeatureDefinition } from "@cosmicdrift/kumiko-framework/engine";
 import {
+  GALLERY_MOR_PRICE_IDS,
+  GALLERY_MOR_PROVIDER,
   GALLERY_OPERATOR_EMAIL,
   GALLERY_PLAN_PATH,
   GALLERY_PRICE_IDS,
@@ -28,25 +31,44 @@ import {
 
 export const galleryMailTransport = createInMemoryTransport();
 
-const PRICES: readonly ProviderPrice[] = [
-  {
-    priceId: GALLERY_PRICE_IDS.starter,
-    unitAmount: 900,
-    currency: "eur",
-    interval: "month",
-    intervalCount: 1,
-    active: true,
-    metadata: {},
-  },
-  {
-    priceId: GALLERY_PRICE_IDS.pro,
-    unitAmount: 1900,
+// The merchant-of-record mock is only offered to tenants the spec opts in, so
+// the single-provider flows keep their original screens.
+const morEnabledTenants = new Set<string>();
+
+export const GALLERY_MOR_ENABLE_PATH = "/gallery/mor/:tenantId";
+
+export function createGalleryMorEnableRoute(): ExtraRouteDefinition {
+  return {
+    method: "POST",
+    path: GALLERY_MOR_ENABLE_PATH,
+    entry: "anonymous",
+    handler: (c) => {
+      morEnabledTenants.add(c.req.param("tenantId") ?? "");
+      return c.body(null, 204);
+    },
+  };
+}
+
+function monthlyPrice(priceId: string, unitAmount: number): ProviderPrice {
+  return {
+    priceId,
+    unitAmount,
     currency: "eur",
     interval: "month",
     intervalCount: 1,
     active: true,
     metadata: {},
-  },
+  };
+}
+
+const PRICES: readonly ProviderPrice[] = [
+  monthlyPrice(GALLERY_PRICE_IDS.starter, 900),
+  monthlyPrice(GALLERY_PRICE_IDS.pro, 1900),
+];
+
+const MOR_PRICES: readonly ProviderPrice[] = [
+  monthlyPrice(GALLERY_MOR_PRICE_IDS.starter, 990),
+  monthlyPrice(GALLERY_MOR_PRICE_IDS.pro, 1990),
 ];
 
 async function resolveCurrentTier(db: TenantDb, tenantId: string): Promise<string> {
@@ -74,7 +96,6 @@ export function createGalleryBillingFeature(baseUrl: string): FeatureDefinition
       viewRoles: ["TenantAdmin", "SystemAdmin"],
       successPath: GALLERY_PLAN_PATH,
       cancelPath: GALLERY_PLAN_PATH,
-      providerName: GALLERY_PROVIDER,
       contact: {
         labelKey: "gallery-screens:plan.enterprise.label",
         benefits: [{ labelKey: "gallery-screens:plan.enterprise.benefit" }],
@@ -85,6 +106,24 @@ export function createGalleryBillingFeature(baseUrl: string): FeatureDefinition
     consumerProtection: {
       termsTextBlock: GALLERY_TERMS_SLUG,
       vatNote: { de: "Preise inkl. USt.", en: "Prices include VAT." },
+      providerTexts: {
+        [GALLERY_PROVIDER]: {
+          checkoutNote: {
+            de: "Rechnung von Gallery Beispiel GmbH",
+            en: "Invoiced by Gallery Beispiel GmbH",
+          },
+        },
+        [GALLERY_MOR_PROVIDER]: {
+          checkoutNote: {
+            de: "Verkäufer ist Dodo Payments · Rechnung und USt von Dodo Payments",
+            en: "Sold by Dodo Payments · invoice and VAT from Dodo Payments",
+          },
+          vatNote: {
+            de: "Rechnung und Umsatzsteuer stellt Dodo Payments als Merchant of Record.",
+            en: "Dodo Payments, as merchant of record, issues the invoice and charges the VAT.",
+          },
+        },
+      },
       operatorEmail: GALLERY_OPERATOR_EMAIL,
       terminationScope: "platform",
       legalLinks: {
@@ -105,6 +144,7 @@ export function createGalleryEmailFeature(): FeatureDefinition {
 // The page URL carries the consent id so the spec can echo it on the webhook,
 // exactly as a real provider echoes the checkout metadata.
 const galleryProviderPlugin: SubscriptionProviderPlugin = {
+  displayName: "Stripe",
   verifyAndParseWebhook: async (rawBody) => JSON.parse(rawBody),
   priceToTier: {
     [GALLERY_PRICE_IDS.starter]: "starter",
@@ -119,12 +159,47 @@ const galleryProviderPlugin: SubscriptionProviderPlugin = {
   cancelSubscription: async () => {},
 };
 
+// Merchant-of-record stand-in: switches plans in the app with fixed figures
+// (Starter to Pro: 6.67 EUR due now, 1.06 EUR of it VAT). Applying without a
+// consent id fails, so a successful switch in the spec proves the consent went
+// through.
+const galleryMorProviderPlugin: SubscriptionProviderPlugin = {
+  displayName: "Dodo Payments",
+  isBillingEnabled: async (ctx) => morEnabledTenants.has(ctx.user.tenantId),
+  verifyAndParseWebhook: async (rawBody) => JSON.parse(rawBody),
+  priceToTier: {
+    [GALLERY_MOR_PRICE_IDS.starter]: "starter",
+    [GALLERY_MOR_PRICE_IDS.pro]: "pro",
+  },
+  retrievePrices: async (_ctx, priceIds) => MOR_PRICES.filter((p) => priceIds.includes(p.priceId)),
+  createCheckoutSession: async (_ctx, options) => {
+    const url = new URL(options.successUrl);
+    url.searchParams.set("provider", "mor");
+    if (options.consentId !== undefined) url.searchParams.set("consentId", options.consentId);
+    return { url: url.toString() };
+  },
+  cancelSubscription: async () => {},
+  previewPlanSwitch: async () => ({
+    amountDueNow: 667,
+    tax: 106,
+    currency: "eur",
+    credit: 333,
+    effectiveAt: "2027-01-15T00:00:00Z",
+  }),
+  applyPlanSwitch: async (_ctx, options) => {
+    if (options.consentId === undefined) {
+      throw new Error("gallery MoR mock: plan switch applied without a consent id");
+    }
+  },
+};
+
 export const galleryProviderFeature: FeatureDefinition = defineFeature(
   "gallery-mock-provider",
   (r) => {
     r.describe("E2E-only mock subscription provider for the consent/termination gallery.");
     r.requires({ features: ["billing-foundation"] });
     r.useExtension("subscriptionProvider", GALLERY_PROVIDER, galleryProviderPlugin);
+    r.useExtension("subscriptionProvider", GALLERY_MOR_PROVIDER, galleryMorProviderPlugin);
   },
 );