@cosmicdrift/kumiko-samples 0.374.0 → 0.378.0

package/samples/apps/marketing-demo/package.json

@@ -11,10 +11,8 @@
   "dependencies": {
     "@cosmicdrift/kumiko-bundled-features": "workspace:*",
     "@cosmicdrift/kumiko-dev-server": "workspace:*",
-    "@cosmicdrift/kumiko-dispatcher-live": "workspace:*",
+    "@cosmicdrift/kumiko-renderer": "workspace:*",
     "@cosmicdrift/kumiko-framework": "workspace:*",
-    "@cosmicdrift/kumiko-headless": "workspace:*",
-    "@cosmicdrift/kumiko-renderer-web": "workspace:*",
     "@cosmicdrift/kumiko-types": "workspace:*",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",

package/samples/apps/marketing-demo/src/app/client.tsx

@@ -2,7 +2,7 @@
 // shared shell, alles aus dem Framework-Default.
 
 import { localeDeClient } from "@cosmicdrift/kumiko-locale-de/web";
-import { createKumikoApp } from "@cosmicdrift/kumiko-renderer-web";
+import { createKumikoApp } from "@cosmicdrift/kumiko-renderer/web";
 import { assetsClient } from "../features/assets/web";
 import { helpdeskClient } from "../features/helpdesk/web";
 import { AppShell } from "./shell";

package/samples/apps/marketing-demo/src/app/shell.tsx

@@ -2,7 +2,7 @@
 // „Kumiko Demo", Light-Mode-default (kein Theme-Toggle für screenshots
 // damit immer der gleiche Look).
 
-import { type AppSchema, DefaultAppShell } from "@cosmicdrift/kumiko-renderer-web";
+import { type AppSchema, DefaultAppShell } from "@cosmicdrift/kumiko-renderer/web";
 import type { ReactNode } from "react";
 
 // Logo-Kachel + Wortmarke — wie SidebarBrand (sidebar-brand.tsx). Die

package/samples/apps/marketing-demo/src/features/assets/web/index.ts

@@ -1,7 +1,7 @@
 // Assets — ClientFeatureDefinition. Pure Schema-driven, keine Custom-
 // Components. Render läuft über Standard-RenderList + RenderEdit.
 
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { assetsTranslations } from "../i18n";
 
 export const assetsClient: ClientFeatureDefinition = {

package/samples/apps/marketing-demo/src/features/helpdesk/web/index.ts

@@ -1,4 +1,4 @@
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { helpdeskTranslations } from "../i18n";
 
 export const helpdeskClient: ClientFeatureDefinition = {

package/samples/apps/showcase/package.json

@@ -11,10 +11,8 @@
   "dependencies": {
     "@cosmicdrift/kumiko-bundled-features": "workspace:*",
     "@cosmicdrift/kumiko-dev-server": "workspace:*",
-    "@cosmicdrift/kumiko-dispatcher-live": "workspace:*",
+    "@cosmicdrift/kumiko-renderer": "workspace:*",
     "@cosmicdrift/kumiko-framework": "workspace:*",
-    "@cosmicdrift/kumiko-headless": "workspace:*",
-    "@cosmicdrift/kumiko-renderer-web": "workspace:*",
     "lucide-react": "^1.14.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",

package/samples/apps/showcase/src/app/client.tsx

@@ -4,7 +4,7 @@
 // via clientFeatures.components.
 
 import { localeDeClient } from "@cosmicdrift/kumiko-locale-de/web";
-import { createKumikoApp } from "@cosmicdrift/kumiko-renderer-web";
+import { createKumikoApp } from "@cosmicdrift/kumiko-renderer/web";
 import { demosClient } from "../features/demos/web";
 import { itemsClient } from "../features/items/web";
 import { AppShell } from "./shell";

package/samples/apps/showcase/src/app/shell.tsx

@@ -9,7 +9,7 @@ import {
   ProfileMenu,
   type ProfileMenuItem,
   ThemeToggle,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { MoonStar, Sun } from "lucide-react";
 import type { ReactNode } from "react";
 

package/samples/apps/showcase/src/features/demos/web/index.ts

@@ -3,7 +3,7 @@
 // merged das in den CustomScreens-Context, KumikoScreen schaut darin
 // nach wenn ein Schema-Screen `type: "custom"` hat.
 
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { demosTranslations } from "../i18n";
 import { BannerDemo } from "./pages/banner";
 import { ButtonsDemo } from "./pages/buttons";

package/samples/apps/showcase/src/features/demos/web/pages/sidebar-panel.tsx

@@ -1,5 +1,5 @@
 import { usePrimitives } from "@cosmicdrift/kumiko-renderer";
-import { SidebarPanel } from "@cosmicdrift/kumiko-renderer-web";
+import { SidebarPanel } from "@cosmicdrift/kumiko-renderer/web";
 import { type ReactNode, useState } from "react";
 import { DemoPage, DemoSection } from "../components/page";
 

package/samples/apps/showcase/src/features/demos/web/pages/toast.tsx

@@ -1,5 +1,5 @@
 import { usePrimitives } from "@cosmicdrift/kumiko-renderer";
-import { useToast } from "@cosmicdrift/kumiko-renderer-web";
+import { useToast } from "@cosmicdrift/kumiko-renderer/web";
 import { type ReactNode, useState } from "react";
 import { DemoPage, DemoSection } from "../components/page";
 

package/samples/apps/showcase/src/features/items/web/index.ts

@@ -6,7 +6,7 @@
 // Native-Plattform würde parallel dazu in features/items/native/
 // liegen — translations werden geteilt, components/UI nicht.
 
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { itemsTranslations } from "../i18n";
 
 export const itemsClient: ClientFeatureDefinition = {

package/samples/apps/styleguide/package.json

@@ -3,10 +3,8 @@
   "dependencies": {
     "@cosmicdrift/kumiko-bundled-features": "workspace:*",
     "@cosmicdrift/kumiko-dev-server": "workspace:*",
-    "@cosmicdrift/kumiko-dispatcher-live": "workspace:*",
+    "@cosmicdrift/kumiko-renderer": "workspace:*",
     "@cosmicdrift/kumiko-framework": "workspace:*",
-    "@cosmicdrift/kumiko-headless": "workspace:*",
-    "@cosmicdrift/kumiko-renderer-web": "workspace:*",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "@cosmicdrift/kumiko-locale-de": "workspace:*"

package/samples/apps/styleguide/src/app/client.tsx

@@ -1,6 +1,6 @@
 import { configClient } from "@cosmicdrift/kumiko-bundled-features/config/web";
 import { localeDeClient } from "@cosmicdrift/kumiko-locale-de/web";
-import { createKumikoApp } from "@cosmicdrift/kumiko-renderer-web";
+import { createKumikoApp } from "@cosmicdrift/kumiko-renderer/web";
 import { aiSettingsClient } from "../features/ai-settings/web";
 import { contentClient } from "../features/content/web";
 import { styleguideClient } from "../features/demo/web";

package/samples/apps/styleguide/src/app/shell.tsx

@@ -1,5 +1,5 @@
 import { useNav } from "@cosmicdrift/kumiko-renderer";
-import type { AppSchema } from "@cosmicdrift/kumiko-renderer-web";
+import type { AppSchema } from "@cosmicdrift/kumiko-renderer/web";
 import {
   DefaultAppShell,
   EditorPanel,
@@ -7,7 +7,7 @@ import {
   SidebarBrand,
   SidebarUser,
   useResolvers,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { GalleryVerticalEnd } from "lucide-react";
 import type { ReactNode } from "react";
 

package/samples/apps/styleguide/src/features/ai-settings/web.ts

@@ -1,7 +1,7 @@
 import type {
   ClientFeatureDefinition,
   TranslationsByLocale,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 
 import { toClientTranslations } from "../shared-i18n";
 import { AI_SETTINGS_I18N } from "./i18n";

package/samples/apps/styleguide/src/features/content/web.tsx

@@ -6,14 +6,14 @@
 // sofort im Sidebar-Tree. Der content:edit-Resolver rendert das Anlege-
 // Formular (leeres target) bzw. die Detail-Ansicht (target mit id).
 
-import { CSRF_HEADER_NAME, readCsrfToken } from "@cosmicdrift/kumiko-dispatcher-live";
 import type {
   TargetRef,
   TreeChildrenSubscribe,
   TreeNode,
 } from "@cosmicdrift/kumiko-framework/engine";
 import { useDispatcher, usePrimitives, useQuery } from "@cosmicdrift/kumiko-renderer";
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import { CSRF_HEADER_NAME, readCsrfToken } from "@cosmicdrift/kumiko-renderer/live";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { type FormEvent, type ReactNode, useEffect, useState } from "react";
 
 type Page = { readonly id: string; readonly slug: string; readonly title: string };

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

@@ -1,7 +1,7 @@
 import type {
   ClientFeatureDefinition,
   TranslationsByLocale,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { toClientTranslations } from "../shared-i18n";
 import { DEMO_I18N } from "./i18n";
 

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

@@ -1,7 +1,7 @@
 import type {
   ClientFeatureDefinition,
   TranslationsByLocale,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 
 import { toClientTranslations } from "../shared-i18n";
 import { EXAMPLES_I18N } from "./i18n";

package/samples/apps/styleguide/src/features/gallery/web/Gallery.tsx

@@ -3,7 +3,7 @@ import {
   PageSection,
   ResultTable,
   usePrimitives,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { Check, ChevronDown, Search, X } from "lucide-react";
 import type { ReactNode } from "react";
 

package/samples/apps/styleguide/src/features/gallery/web/index.ts

@@ -1,7 +1,7 @@
 import type {
   ClientFeatureDefinition,
   TranslationsByLocale,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { Gallery } from "./Gallery";
 
 const labels: Record<string, string> = {

package/samples/apps/styleguide/src/features/widgets/demo-locale.ts

@@ -1,5 +1,5 @@
 // Server-side locale helpers for the dashboard demo queries. Not shared with
-// renderer-web's format.ts: server code must not import renderer-web.
+// renderer/web's format.ts: server code must not import renderer/web.
 
 import { WIDGETS_I18N } from "./i18n";
 

package/samples/apps/styleguide/src/features/widgets/lib/format.ts

@@ -1,4 +1,4 @@
-import { formatMoney } from "@cosmicdrift/kumiko-renderer-web";
+import { formatMoney } from "@cosmicdrift/kumiko-renderer/web";
 
 // `locale` comes from useLocale(), whose default resolver reads it
 // unvalidated from localStorage/navigator.language — a structurally invalid

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

@@ -4,7 +4,7 @@
 // DashboardFilterDefinition in feature.ts).
 
 import { type ExtensionSectionProps, useTranslation } from "@cosmicdrift/kumiko-renderer";
-import { SectionCard } from "@cosmicdrift/kumiko-renderer-web";
+import { SectionCard } from "@cosmicdrift/kumiko-renderer/web";
 import type { ReactNode } from "react";
 
 export function DashboardFilterEcho({ filterParams }: ExtensionSectionProps): ReactNode {

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

@@ -14,7 +14,7 @@ import {
   TextareaField,
   TextField,
   useDraft,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import type { ReactNode } from "react";
 
 export function FormExamples(): ReactNode {

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

@@ -36,7 +36,7 @@ import {
   TextField,
   TimeseriesChart,
   useDraft,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { Wallet } from "lucide-react";
 import { type ReactNode, useEffect, useMemo, useState } from "react";
 import { euro, percent } from "../lib/format";

package/samples/apps/styleguide/src/features/widgets/web/index.ts

@@ -1,5 +1,5 @@
 import type { TranslationsByLocale } from "@cosmicdrift/kumiko-renderer";
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { WIDGETS_I18N } from "../i18n";
 import { DashboardFilterEcho } from "./DashboardFilterEcho";
 import { DashboardKpiIcon } from "./DashboardKpiIcon";

package/samples/apps/styleguide/tsconfig.json

@@ -14,18 +14,6 @@
       "@cosmicdrift/kumiko-dev-server/*": [
         "../../../packages/dev-server/src/*"
       ],
-      "@cosmicdrift/kumiko-renderer-web": [
-        "../../../packages/renderer-web/src/index.ts"
-      ],
-      "@cosmicdrift/kumiko-renderer-web/*": [
-        "../../../packages/renderer-web/src/*"
-      ],
-      "@cosmicdrift/kumiko-dispatcher-live": [
-        "../../../packages/dispatcher-live/src/index.ts"
-      ],
-      "@cosmicdrift/kumiko-headless": [
-        "../../../packages/headless/src/index.ts"
-      ],
       "@cosmicdrift/kumiko-renderer": [
         "../../../packages/renderer/src/index.ts"
       ],

package/samples/apps/ui-walkthrough/package.json

@@ -11,12 +11,10 @@
     "@cosmicdrift/kumiko-bundled-features": "workspace:*",
     "@cosmicdrift/kumiko-dev-server": "workspace:*",
     "@cosmicdrift/kumiko-document-designer": "workspace:*",
-    "@cosmicdrift/kumiko-dispatcher-live": "workspace:*",
+    "@cosmicdrift/kumiko-renderer": "workspace:*",
     "@cosmicdrift/kumiko-framework": "workspace:*",
-    "@cosmicdrift/kumiko-headless": "workspace:*",
     "@cosmicdrift/kumiko-renderer-mail-html": "workspace:*",
     "@cosmicdrift/kumiko-renderer-puppeteer-client": "workspace:*",
-    "@cosmicdrift/kumiko-renderer-web": "workspace:*",
     "@cosmicdrift/kumiko-server-runtime": "workspace:*",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",

package/samples/apps/ui-walkthrough/src/app/client.tsx

@@ -5,7 +5,7 @@ import { emailPasswordClient } from "@cosmicdrift/kumiko-bundled-features/auth-e
 import { textBlocksClient } from "@cosmicdrift/kumiko-bundled-features/template-resolver/web";
 import { documentDesignerClient } from "@cosmicdrift/kumiko-document-designer/web";
 import { localeDeClient } from "@cosmicdrift/kumiko-locale-de/web";
-import { createKumikoApp } from "@cosmicdrift/kumiko-renderer-web";
+import { createKumikoApp } from "@cosmicdrift/kumiko-renderer/web";
 import { billingClient } from "../features/billing/web";
 import { rentalClient } from "../features/rental/web";
 import { tasksClient } from "../features/tasks/web";

package/samples/apps/ui-walkthrough/src/app/help-action.tsx

@@ -0,0 +1,37 @@
+import { useTranslation } from "@cosmicdrift/kumiko-renderer";
+import { Drawer } from "@cosmicdrift/kumiko-renderer/web";
+import { CircleHelp } from "lucide-react";
+import { type ReactNode, useState } from "react";
+
+// A non-modal side panel: the screen behind stays usable and narrows instead of being covered.
+export function HelpAction(): ReactNode {
+  const t = useTranslation();
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <button
+        type="button"
+        data-testid="help-action"
+        aria-label={t("tasks.help.label")}
+        aria-pressed={open}
+        onClick={() => setOpen((current) => !current)}
+        className="inline-flex size-9 items-center justify-center rounded-md border border-border bg-card text-foreground hover:bg-accent"
+      >
+        <CircleHelp className="h-4 w-4" aria-hidden="true" />
+      </button>
+      <Drawer
+        open={open}
+        onOpenChange={setOpen}
+        side="right"
+        modal={false}
+        belowHeader
+        width={360}
+        title={t("tasks.help.label")}
+        description={t("tasks.help.description")}
+        testId="help-drawer"
+      >
+        <p className="py-2 text-sm text-muted-foreground">{t("tasks.help.body")}</p>
+      </Drawer>
+    </>
+  );
+}

package/samples/apps/ui-walkthrough/src/app/seed-templates.ts

@@ -31,6 +31,7 @@ import {
   SYSTEM_INVOICE_DOCUMENTS,
   SYSTEM_INVOICE_ISSUED,
   SYSTEM_PDF_LAYOUT,
+  SYSTEM_PROPERTY_EXPOSE,
   SYSTEM_TENANCY_CERTIFICATE,
   SYSTEM_TERMS_CHANGED,
   TENANT_INVOICE_OVERRIDES,
@@ -168,6 +169,7 @@ export const seedTemplates: SeedFn = async (stack) => {
   await upsertSystem(SYSTEM_INVOICE_ISSUED);
   await upsertSystem(SYSTEM_TERMS_CHANGED);
   for (const document of SYSTEM_INVOICE_DOCUMENTS) await upsertSystem(document);
+  await upsertSystem(SYSTEM_PROPERTY_EXPOSE);
   const certificate = await upsertSystem(SYSTEM_TENANCY_CERTIFICATE);
   await stack.http.writeOk(
     TemplateResolverHandlers.archiveSystem,

package/samples/apps/ui-walkthrough/src/app/shell.tsx

@@ -14,8 +14,9 @@ import {
   SidebarBrand,
   ThemeMenuItem,
   ThemeToggle,
+  useNav,
   useTranslation,
-} from "@cosmicdrift/kumiko-renderer-web";
+} from "@cosmicdrift/kumiko-renderer/web";
 import { MoonStar, Sun } from "lucide-react";
 import type { ReactNode } from "react";
 import { AssistantAction } from "./assistant-action";
@@ -25,8 +26,10 @@ import {
   NORDLICHT_TENANT_ID,
   NORDLICHT_TENANT_NAME,
 } from "./auth-constants";
+import { HelpAction } from "./help-action";
 
 const APP_NAME = "Kumiko Walkthrough";
+const HELP_SCREEN_ID = "vehicle-edit";
 
 const tenantName = (tenantId: string): string => {
   if (tenantId === DEV_TENANT_ID) return "Dev Tenant";
@@ -49,6 +52,7 @@ export function AppShell({
 }): ReactNode {
   const t = useTranslation();
   const session = useSession();
+  const nav = useNav();
   // Without the user the shell hides role-gated navs and KumikoScreen denies role-gated screens.
   const user = session.user !== null ? { id: session.user.id, roles: session.roles } : undefined;
   return (
@@ -58,6 +62,8 @@ export function AppShell({
       {...(user !== undefined && { user })}
       headerActions={
         <>
+          {/* Only here: the editor screens need the header width for their own actions. */}
+          {nav.route?.screenId === HELP_SCREEN_ID && <HelpAction />}
           <AssistantAction />
           <ThemeToggle />
         </>

package/samples/apps/ui-walkthrough/src/app/template-seed-data.ts

@@ -535,6 +535,26 @@ export const SYSTEM_TENANCY_CERTIFICATE: SeedTemplate = {
   },
 };
 
+export const SYSTEM_PROPERTY_EXPOSE: SeedTemplate = {
+  slug: "rental:property-expose",
+  kind: "document-pdf",
+  locale: "de",
+  title: "Exposé",
+  content: [
+    `<h1>Exposé ${v("propertyAddress")}</h1>`,
+    `<p>${v("propertySummary")}</p>`,
+    "<h2>Objektfotos</h2>",
+    '<div data-images="photos"></div>',
+  ].join(""),
+  meta: { layoutSlug: "default", pageFormat: "A4", fileName: "Expose.pdf" },
+  variableSchema: {
+    propertyAddress: { type: "text", required: true },
+    propertySummary: { type: "text", required: true },
+    // The app passes the FileRef ids of the property photos when it renders the PDF.
+    photos: { type: "images", label: "Objektfotos" },
+  },
+};
+
 // Two other tenants customise the invoice for the "Anpassungen der Mandanten" drawer: one
 // published copy with a second save, one draft.
 export type TenantInvoiceOverride = {

package/samples/apps/ui-walkthrough/src/features/billing/web/index.ts

@@ -1,4 +1,4 @@
-import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer-web";
+import type { ClientFeatureDefinition } from "@cosmicdrift/kumiko-renderer/web";
 import { billingTranslations } from "../i18n";
 
 export const billingClient: ClientFeatureDefinition = {

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

@@ -1,12 +1,18 @@
 import type { EventStoreExecutor } from "@cosmicdrift/kumiko-framework/db";
-import { defineFeature, i18nKey } from "@cosmicdrift/kumiko-framework/engine";
+import { defineFeature, defineWriteHandler, i18nKey } from "@cosmicdrift/kumiko-framework/engine";
 import { failNotFound } from "@cosmicdrift/kumiko-framework/errors";
+import {
+  renderPdfBeforeTransaction,
+  storeRenderedPdf,
+} from "@cosmicdrift/kumiko-renderer-puppeteer-client";
 import { z } from "zod";
 import { openToAllSignedIn, toKeyFirst } from "../translations";
 import { leaseEntity, leasePartyEntity, leasePositionEntity } from "./entities";
 import { rentalTranslations } from "./i18n";
+import { receiveInvoicePayloadSchema } from "./invoice-receive";
 import {
   dayBefore,
+  fileRefIdsPayloadSchema,
   formatGermanDate,
   formatGermanMoney,
   germanStatusLabel,
@@ -18,6 +24,7 @@ import {
   positionExecutor,
   positionListRowSchema,
   positionRowSchema,
+  propertyExposePayloadSchema,
   type RecordedPositionItem,
   recordPositionsPayloadSchema,
   rentAdjustPayloadSchema,
@@ -32,8 +39,10 @@ import {
   leaseListScreen,
   leaseListShortScreen,
   leaseSuccessionListScreen,
+  leaseUnterlagenScreen,
   partyEditScreen,
   positionEditScreen,
+  receiveInvoiceScreen,
   recordPositionsScreen,
   rentalDashboardScreen,
 } from "./screens";
@@ -95,6 +104,17 @@ export const rentalFeature = defineFeature("rental", (r) => {
   });
   r.crud("leaseParty", leasePartyEntity, { write: open, read: open });
 
+  r.queryHandler({
+    name: "lease:unterlagen",
+    schema: fileRefIdsPayloadSchema,
+    handler: async (query) => ({
+      id: "unterlagen",
+      titel: "Unterlagen",
+      unterlagen: query.payload.id,
+    }),
+    ...open,
+  });
+
   r.queryHandler({
     name: "lease:akte",
     schema: idPayloadSchema,
@@ -217,6 +237,28 @@ export const rentalFeature = defineFeature("rental", (r) => {
     ...open,
   });
 
+  r.writeHandler({
+    name: "invoice:receive",
+    schema: receiveInvoicePayloadSchema,
+    handler: async (event) => ({ isSuccess: true, data: event.payload }),
+    ...open,
+  });
+
+  r.writeHandler(
+    defineWriteHandler({
+      name: "generate-property-expose",
+      schema: propertyExposePayloadSchema,
+      access: { roles: ["TenantAdmin"] },
+      beforeTransaction: async (event, ctx) =>
+        renderPdfBeforeTransaction(ctx, {
+          slug: "rental:property-expose",
+          locale: "de",
+          variables: event.payload,
+        }),
+      handler: async (event, ctx) => storeRenderedPdf(ctx, event.prepared),
+    }),
+  );
+
   r.writeHandler({
     name: "rent:adjust",
     schema: rentAdjustPayloadSchema,
@@ -270,6 +312,14 @@ export const rentalFeature = defineFeature("rental", (r) => {
   r.screen(rentalDashboardScreen);
   r.screen(adjustRentScreen);
   r.screen(recordPositionsScreen);
+  r.screen(receiveInvoiceScreen);
+  r.screen(leaseUnterlagenScreen);
+  r.screen({
+    id: "upload-standard-layout",
+    type: "custom",
+    renderer: { react: { __component: "upload-standard-layout" } },
+    description: "Receipt upload on the standard form screen layout.",
+  });
 
   r.nav({
     id: "contracts",
@@ -290,4 +340,18 @@ export const rentalFeature = defineFeature("rental", (r) => {
     screen: "rental:screen:rental-dashboard",
     order: 20,
   });
+  r.nav({
+    id: "receive-invoice",
+    label: i18nKey("rental.nav.receiveInvoice"),
+    parent: "rental:nav:contracts",
+    screen: "rental:screen:receive-invoice",
+    order: 40,
+  });
+  r.nav({
+    id: "upload-standard-layout",
+    label: i18nKey("rental.nav.upload"),
+    parent: "rental:nav:contracts",
+    screen: "rental:screen:upload-standard-layout",
+    order: 30,
+  });
 });