Refactor: consolidate accounting routes under Buchhaltung submenu

- New layout route: companies.$id.buchhaltung.tsx with card-based navigation - Renamed 7 accounting routes to use buchhaltung prefix: - companies.$id.bilanzen.tsx → companies.$id.buchhaltung.bilanzen.tsx - companies.$id.ausgaben.tsx → companies.$id.buchhaltung.ausgaben.tsx - companies.$id.ausgaben.kategorien.tsx → companies.$id.buchhaltung.ausgaben.kategorien.tsx - companies.$id.einnahmen.tsx → companies.$id.buchhaltung.einnahmen.tsx - companies.$id.einnahmen.kategorien.tsx → companies.$id.buchhaltung.einnahmen.kategorien.tsx - companies.$id.anlagevermoegen.tsx → companies.$id.buchhaltung.anlagevermoegen.tsx - companies.$id.money.tsx → companies.$id.buchhaltung.money.tsx - Updated routing configuration (app/routes.ts) to use nested layout structure - Updated breadcrumbs in all accounting routes to show Buchhaltung hierarchy - Updated internal links in kategorien pages to use new URLs - Main menu now shows single 'Buchhaltung' card instead of 5 separate items Navigation improvements: - Cleaner main menu (1 item vs 5) - Clear accounting subsection with icon-based navigation - Consistent URL structure (/companies/:id/buchhaltung/*) - Better information hierarchy Build: ✅ Successful Accounting routes: ✅ Accessible Navigation: ✅ Functional Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Refactor: centralize Zod schemas and fully integrate into API routes
2026-04-15 21:41:56 +02:00 · 2026-04-15 21:34:38 +02:00 · 2026-04-13 21:50:41 +02:00 · 2026-03-24 22:43:09 +01:00 · 2026-03-24 21:06:07 +01:00 · 2026-03-24 19:25:48 +01:00
113 changed files with 7066 additions and 2831 deletions
@@ -1,11 +0,0 @@
 {
  "permissions": {
    "allow": [
      "Bash(npx react-router typegen)",
      "Bash(npx react-router build)"
    ],
    "additionalDirectories": [
      "/home/henry/.claude/projects/-home-henry-code-AnnasRechnungsManager"
    ]
  }
 }
@@ -1,3 +1,14 @@
 # Datenbank (für lokale Entwicklung)
 DATABASE_URL="mysql://user:password@localhost:3306/annas_rechnungsmanager"
-AUTH_SECRET="your-random-secret-here"
+
-NEXTAUTH_URL="http://localhost:3000"
+# Session-Secret – zufälligen Wert generieren: openssl rand -base64 32
 AUTH_SECRET="HIER_ZUFAELLIGEN_WERT_EINSETZEN"
 # Docker-Compose: Datenbank-Credentials
 DB_ROOT_PASSWORD="sicheres_root_passwort"
 DB_USER="annas_user"
 DB_PASSWORD="sicheres_db_passwort"
 DB_NAME="annas_rechnungen"
 # Docker-Compose: Admin-Passwort (nur beim ersten Start relevant)
 ADMIN_PASSWORD="sicheres_admin_passwort"
@@ -45,3 +45,5 @@ next-env.d.ts
 /src/generated/prisma
 /db/data
 /graphify-out
@@ -1,9 +0,0 @@
 // Generated by React Router
 import "react-router";
 declare module "react-router" {
  interface Future {
    v8_middleware: false
  }
 }
@@ -1,327 +0,0 @@
 // Generated by React Router
 import "react-router"
 declare module "react-router" {
  interface Register {
    pages: Pages
    routeFiles: RouteFiles
    routeModules: RouteModules
  }
 }
 type Pages = {
  "/": {
    params: {};
  };
  "/login": {
    params: {};
  };
  "/logout": {
    params: {};
  };
  "/companies": {
    params: {};
  };
  "/companies/new": {
    params: {};
  };
  "/companies/:id": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/edit": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/customers": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/leistungen": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/invoices": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/invoices/new": {
    params: {
      "id": string;
    };
  };
  "/companies/:id/invoices/:invoiceId": {
    params: {
      "id": string;
      "invoiceId": string;
    };
  };
  "/companies/:id/invoices/:invoiceId/edit": {
    params: {
      "id": string;
      "invoiceId": string;
    };
  };
  "/companies/:id/reports": {
    params: {
      "id": string;
    };
  };
  "/archiv": {
    params: {};
  };
  "/settings/password": {
    params: {};
  };
  "/admin/users": {
    params: {};
  };
  "/admin/users/new": {
    params: {};
  };
  "/admin/users/:id": {
    params: {
      "id": string;
    };
  };
  "/admin/logs": {
    params: {};
  };
  "/api/companies": {
    params: {};
  };
  "/api/companies/:id": {
    params: {
      "id": string;
    };
  };
  "/api/companies/:id/customers": {
    params: {
      "id": string;
    };
  };
  "/api/companies/:id/invoices": {
    params: {
      "id": string;
    };
  };
  "/api/customers": {
    params: {};
  };
  "/api/customers/:id": {
    params: {
      "id": string;
    };
  };
  "/api/services": {
    params: {};
  };
  "/api/services/:id": {
    params: {
      "id": string;
    };
  };
  "/api/invoices": {
    params: {};
  };
  "/api/invoices/:id": {
    params: {
      "id": string;
    };
  };
  "/api/invoices/:id/pdf": {
    params: {
      "id": string;
    };
  };
  "/api/reports": {
    params: {};
  };
 };
 type RouteFiles = {
  "root.tsx": {
    id: "root";
    page: "/" | "/login" | "/logout" | "/companies" | "/companies/new" | "/companies/:id" | "/companies/:id/edit" | "/companies/:id/customers" | "/companies/:id/leistungen" | "/companies/:id/invoices" | "/companies/:id/invoices/new" | "/companies/:id/invoices/:invoiceId" | "/companies/:id/invoices/:invoiceId/edit" | "/companies/:id/reports" | "/archiv" | "/settings/password" | "/admin/users" | "/admin/users/new" | "/admin/users/:id" | "/admin/logs" | "/api/companies" | "/api/companies/:id" | "/api/companies/:id/customers" | "/api/companies/:id/invoices" | "/api/customers" | "/api/customers/:id" | "/api/services" | "/api/services/:id" | "/api/invoices" | "/api/invoices/:id" | "/api/invoices/:id/pdf" | "/api/reports";
  };
  "routes/login.tsx": {
    id: "routes/login";
    page: "/login";
  };
  "routes/logout.ts": {
    id: "routes/logout";
    page: "/logout";
  };
  "routes/dashboard-layout.tsx": {
    id: "routes/dashboard-layout";
    page: "/" | "/companies" | "/companies/new" | "/companies/:id" | "/companies/:id/edit" | "/companies/:id/customers" | "/companies/:id/leistungen" | "/companies/:id/invoices" | "/companies/:id/invoices/new" | "/companies/:id/invoices/:invoiceId" | "/companies/:id/invoices/:invoiceId/edit" | "/companies/:id/reports" | "/archiv" | "/settings/password";
  };
  "routes/home.tsx": {
    id: "routes/home";
    page: "/";
  };
  "routes/companies.tsx": {
    id: "routes/companies";
    page: "/companies";
  };
  "routes/companies.new.tsx": {
    id: "routes/companies.new";
    page: "/companies/new";
  };
  "routes/companies.$id.tsx": {
    id: "routes/companies.$id";
    page: "/companies/:id";
  };
  "routes/companies.$id.edit.tsx": {
    id: "routes/companies.$id.edit";
    page: "/companies/:id/edit";
  };
  "routes/companies.$id.customers.tsx": {
    id: "routes/companies.$id.customers";
    page: "/companies/:id/customers";
  };
  "routes/companies.$id.leistungen.tsx": {
    id: "routes/companies.$id.leistungen";
    page: "/companies/:id/leistungen";
  };
  "routes/companies.$id.invoices.tsx": {
    id: "routes/companies.$id.invoices";
    page: "/companies/:id/invoices";
  };
  "routes/companies.$id.invoices.new.tsx": {
    id: "routes/companies.$id.invoices.new";
    page: "/companies/:id/invoices/new";
  };
  "routes/companies.$id.invoices.$invoiceId.tsx": {
    id: "routes/companies.$id.invoices.$invoiceId";
    page: "/companies/:id/invoices/:invoiceId";
  };
  "routes/companies.$id.invoices.$invoiceId.edit.tsx": {
    id: "routes/companies.$id.invoices.$invoiceId.edit";
    page: "/companies/:id/invoices/:invoiceId/edit";
  };
  "routes/companies.$id.reports.tsx": {
    id: "routes/companies.$id.reports";
    page: "/companies/:id/reports";
  };
  "routes/archiv.tsx": {
    id: "routes/archiv";
    page: "/archiv";
  };
  "routes/settings.password.tsx": {
    id: "routes/settings.password";
    page: "/settings/password";
  };
  "routes/admin-layout.tsx": {
    id: "routes/admin-layout";
    page: "/admin/users" | "/admin/users/new" | "/admin/users/:id" | "/admin/logs";
  };
  "routes/admin.users.tsx": {
    id: "routes/admin.users";
    page: "/admin/users";
  };
  "routes/admin.users.new.tsx": {
    id: "routes/admin.users.new";
    page: "/admin/users/new";
  };
  "routes/admin.users.$id.tsx": {
    id: "routes/admin.users.$id";
    page: "/admin/users/:id";
  };
  "routes/admin.logs.tsx": {
    id: "routes/admin.logs";
    page: "/admin/logs";
  };
  "routes/api.companies.ts": {
    id: "routes/api.companies";
    page: "/api/companies";
  };
  "routes/api.companies.$id.ts": {
    id: "routes/api.companies.$id";
    page: "/api/companies/:id";
  };
  "routes/api.companies.$id.customers.ts": {
    id: "routes/api.companies.$id.customers";
    page: "/api/companies/:id/customers";
  };
  "routes/api.companies.$id.invoices.ts": {
    id: "routes/api.companies.$id.invoices";
    page: "/api/companies/:id/invoices";
  };
  "routes/api.customers.ts": {
    id: "routes/api.customers";
    page: "/api/customers";
  };
  "routes/api.customers.$id.ts": {
    id: "routes/api.customers.$id";
    page: "/api/customers/:id";
  };
  "routes/api.services.ts": {
    id: "routes/api.services";
    page: "/api/services";
  };
  "routes/api.services.$id.ts": {
    id: "routes/api.services.$id";
    page: "/api/services/:id";
  };
  "routes/api.invoices.ts": {
    id: "routes/api.invoices";
    page: "/api/invoices";
  };
  "routes/api.invoices.$id.ts": {
    id: "routes/api.invoices.$id";
    page: "/api/invoices/:id";
  };
  "routes/api.invoices.$id.pdf.ts": {
    id: "routes/api.invoices.$id.pdf";
    page: "/api/invoices/:id/pdf";
  };
  "routes/api.reports.ts": {
    id: "routes/api.reports";
    page: "/api/reports";
  };
 };
 type RouteModules = {
  "root": typeof import("./app/root.tsx");
  "routes/login": typeof import("./app/routes/login.tsx");
  "routes/logout": typeof import("./app/routes/logout.ts");
  "routes/dashboard-layout": typeof import("./app/routes/dashboard-layout.tsx");
  "routes/home": typeof import("./app/routes/home.tsx");
  "routes/companies": typeof import("./app/routes/companies.tsx");
  "routes/companies.new": typeof import("./app/routes/companies.new.tsx");
  "routes/companies.$id": typeof import("./app/routes/companies.$id.tsx");
  "routes/companies.$id.edit": typeof import("./app/routes/companies.$id.edit.tsx");
  "routes/companies.$id.customers": typeof import("./app/routes/companies.$id.customers.tsx");
  "routes/companies.$id.leistungen": typeof import("./app/routes/companies.$id.leistungen.tsx");
  "routes/companies.$id.invoices": typeof import("./app/routes/companies.$id.invoices.tsx");
  "routes/companies.$id.invoices.new": typeof import("./app/routes/companies.$id.invoices.new.tsx");
  "routes/companies.$id.invoices.$invoiceId": typeof import("./app/routes/companies.$id.invoices.$invoiceId.tsx");
  "routes/companies.$id.invoices.$invoiceId.edit": typeof import("./app/routes/companies.$id.invoices.$invoiceId.edit.tsx");
  "routes/companies.$id.reports": typeof import("./app/routes/companies.$id.reports.tsx");
  "routes/archiv": typeof import("./app/routes/archiv.tsx");
  "routes/settings.password": typeof import("./app/routes/settings.password.tsx");
  "routes/admin-layout": typeof import("./app/routes/admin-layout.tsx");
  "routes/admin.users": typeof import("./app/routes/admin.users.tsx");
  "routes/admin.users.new": typeof import("./app/routes/admin.users.new.tsx");
  "routes/admin.users.$id": typeof import("./app/routes/admin.users.$id.tsx");
  "routes/admin.logs": typeof import("./app/routes/admin.logs.tsx");
  "routes/api.companies": typeof import("./app/routes/api.companies.ts");
  "routes/api.companies.$id": typeof import("./app/routes/api.companies.$id.ts");
  "routes/api.companies.$id.customers": typeof import("./app/routes/api.companies.$id.customers.ts");
  "routes/api.companies.$id.invoices": typeof import("./app/routes/api.companies.$id.invoices.ts");
  "routes/api.customers": typeof import("./app/routes/api.customers.ts");
  "routes/api.customers.$id": typeof import("./app/routes/api.customers.$id.ts");
  "routes/api.services": typeof import("./app/routes/api.services.ts");
  "routes/api.services.$id": typeof import("./app/routes/api.services.$id.ts");
  "routes/api.invoices": typeof import("./app/routes/api.invoices.ts");
  "routes/api.invoices.$id": typeof import("./app/routes/api.invoices.$id.ts");
  "routes/api.invoices.$id.pdf": typeof import("./app/routes/api.invoices.$id.pdf.ts");
  "routes/api.reports": typeof import("./app/routes/api.reports.ts");
 };
@@ -1,18 +0,0 @@
 // Generated by React Router
 declare module "virtual:react-router/server-build" {
  import { ServerBuild } from "react-router";
  export const assets: ServerBuild["assets"];
  export const assetsBuildDirectory: ServerBuild["assetsBuildDirectory"];
  export const basename: ServerBuild["basename"];
  export const entry: ServerBuild["entry"];
  export const future: ServerBuild["future"];
  export const isSpaMode: ServerBuild["isSpaMode"];
  export const prerender: ServerBuild["prerender"];
  export const publicPath: ServerBuild["publicPath"];
  export const routeDiscovery: ServerBuild["routeDiscovery"];
  export const routes: ServerBuild["routes"];
  export const ssr: ServerBuild["ssr"];
  export const allowedActionOrigins: ServerBuild["allowedActionOrigins"];
  export const unstable_getCriticalCss: ServerBuild["unstable_getCriticalCss"];
 }
@@ -1,59 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../root.js")
 type Info = GetInfo<{
  file: "root.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../root.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../admin-layout.js")
 type Info = GetInfo<{
  file: "routes/admin-layout.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/admin-layout";
  module: typeof import("../admin-layout.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../admin.logs.js")
 type Info = GetInfo<{
  file: "routes/admin.logs.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/admin-layout";
  module: typeof import("../admin-layout.js");
 }, {
  id: "routes/admin.logs";
  module: typeof import("../admin.logs.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../admin.users.$id.js")
 type Info = GetInfo<{
  file: "routes/admin.users.$id.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/admin-layout";
  module: typeof import("../admin-layout.js");
 }, {
  id: "routes/admin.users.$id";
  module: typeof import("../admin.users.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../admin.users.new.js")
 type Info = GetInfo<{
  file: "routes/admin.users.new.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/admin-layout";
  module: typeof import("../admin-layout.js");
 }, {
  id: "routes/admin.users.new";
  module: typeof import("../admin.users.new.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../admin.users.js")
 type Info = GetInfo<{
  file: "routes/admin.users.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/admin-layout";
  module: typeof import("../admin-layout.js");
 }, {
  id: "routes/admin.users";
  module: typeof import("../admin.users.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.companies.$id.customers.js")
 type Info = GetInfo<{
  file: "routes/api.companies.$id.customers.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.companies.$id.customers";
  module: typeof import("../api.companies.$id.customers.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.companies.$id.invoices.js")
 type Info = GetInfo<{
  file: "routes/api.companies.$id.invoices.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.companies.$id.invoices";
  module: typeof import("../api.companies.$id.invoices.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.companies.$id.js")
 type Info = GetInfo<{
  file: "routes/api.companies.$id.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.companies.$id";
  module: typeof import("../api.companies.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.companies.js")
 type Info = GetInfo<{
  file: "routes/api.companies.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.companies";
  module: typeof import("../api.companies.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.customers.$id.js")
 type Info = GetInfo<{
  file: "routes/api.customers.$id.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.customers.$id";
  module: typeof import("../api.customers.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.customers.js")
 type Info = GetInfo<{
  file: "routes/api.customers.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.customers";
  module: typeof import("../api.customers.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.invoices.$id.pdf.js")
 type Info = GetInfo<{
  file: "routes/api.invoices.$id.pdf.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.invoices.$id.pdf";
  module: typeof import("../api.invoices.$id.pdf.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.invoices.$id.js")
 type Info = GetInfo<{
  file: "routes/api.invoices.$id.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.invoices.$id";
  module: typeof import("../api.invoices.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.invoices.js")
 type Info = GetInfo<{
  file: "routes/api.invoices.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.invoices";
  module: typeof import("../api.invoices.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.reports.js")
 type Info = GetInfo<{
  file: "routes/api.reports.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.reports";
  module: typeof import("../api.reports.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.services.$id.js")
 type Info = GetInfo<{
  file: "routes/api.services.$id.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.services.$id";
  module: typeof import("../api.services.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../api.services.js")
 type Info = GetInfo<{
  file: "routes/api.services.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/api.services";
  module: typeof import("../api.services.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../archiv.js")
 type Info = GetInfo<{
  file: "routes/archiv.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/archiv";
  module: typeof import("../archiv.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.customers.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.customers.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.customers";
  module: typeof import("../companies.$id.customers.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.edit.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.edit.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.edit";
  module: typeof import("../companies.$id.edit.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.invoices.$invoiceId.edit.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.invoices.$invoiceId.edit.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.invoices.$invoiceId.edit";
  module: typeof import("../companies.$id.invoices.$invoiceId.edit.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.invoices.$invoiceId.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.invoices.$invoiceId.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.invoices.$invoiceId";
  module: typeof import("../companies.$id.invoices.$invoiceId.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.invoices.new.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.invoices.new.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.invoices.new";
  module: typeof import("../companies.$id.invoices.new.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.invoices.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.invoices.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.invoices";
  module: typeof import("../companies.$id.invoices.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.leistungen.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.leistungen.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.leistungen";
  module: typeof import("../companies.$id.leistungen.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.reports.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.reports.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id.reports";
  module: typeof import("../companies.$id.reports.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.$id.js")
 type Info = GetInfo<{
  file: "routes/companies.$id.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.$id";
  module: typeof import("../companies.$id.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.new.js")
 type Info = GetInfo<{
  file: "routes/companies.new.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies.new";
  module: typeof import("../companies.new.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../companies.js")
 type Info = GetInfo<{
  file: "routes/companies.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/companies";
  module: typeof import("../companies.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../dashboard-layout.js")
 type Info = GetInfo<{
  file: "routes/dashboard-layout.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../home.js")
 type Info = GetInfo<{
  file: "routes/home.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/home";
  module: typeof import("../home.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../login.js")
 type Info = GetInfo<{
  file: "routes/login.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/login";
  module: typeof import("../login.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,62 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../logout.js")
 type Info = GetInfo<{
  file: "routes/logout.ts",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/logout";
  module: typeof import("../logout.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -1,65 +0,0 @@
 // Generated by React Router
 import type { GetInfo, GetAnnotations } from "react-router/internal";
 type Module = typeof import("../settings.password.js")
 type Info = GetInfo<{
  file: "routes/settings.password.tsx",
  module: Module
 }>
 type Matches = [{
  id: "root";
  module: typeof import("../../root.js");
 }, {
  id: "routes/dashboard-layout";
  module: typeof import("../dashboard-layout.js");
 }, {
  id: "routes/settings.password";
  module: typeof import("../settings.password.js");
 }];
 type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, false>;
 export namespace Route {
  // links
  export type LinkDescriptors = Annotations["LinkDescriptors"];
  export type LinksFunction = Annotations["LinksFunction"];
  // meta
  export type MetaArgs = Annotations["MetaArgs"];
  export type MetaDescriptors = Annotations["MetaDescriptors"];
  export type MetaFunction = Annotations["MetaFunction"];
  // headers
  export type HeadersArgs = Annotations["HeadersArgs"];
  export type HeadersFunction = Annotations["HeadersFunction"];
  // middleware
  export type MiddlewareFunction = Annotations["MiddlewareFunction"];
  // clientMiddleware
  export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
  // loader
  export type LoaderArgs = Annotations["LoaderArgs"];
  // clientLoader
  export type ClientLoaderArgs = Annotations["ClientLoaderArgs"];
  // action
  export type ActionArgs = Annotations["ActionArgs"];
  // clientAction
  export type ClientActionArgs = Annotations["ClientActionArgs"];
  // HydrateFallback
  export type HydrateFallbackProps = Annotations["HydrateFallbackProps"];
  // Component
  export type ComponentProps = Annotations["ComponentProps"];
  // ErrorBoundary
  export type ErrorBoundaryProps = Annotations["ErrorBoundaryProps"];
 }
@@ -0,0 +1,82 @@
 # Annas Rechnungsmanager (CLAUDE onboarding)
 ## 1. Projektüberblick
 Annas Rechnungsmanager ist ein Buchhaltungs- und Rechnungsverwaltungssystem für Steuerberater und Buchhalter mit Mandantenverwaltung. Funktionalitäten:
 - Mandantenverwaltung (CRUD, Archiv, Papierkorb)
 - Rechnungsverwaltung (Erstellen, PDF-/XML-Export, Zahlung eintragen)
 - Kundenverwaltung (Stammdaten pro Mandant)
 - Steuerberichte (USt-Voranmeldung, Monats-/Quartalsreport)
 - Benutzerverwaltung mit Rollen (ADMIN, USER)
 - Audit-Log (Aktionen + IP + Benutzer)
 ## 2. Tech Stack (Schlüsseltechnologien)
 - `Node.js 22+`, `TypeScript`
 - REMIX/React Router v7 (Server-/Client-CSS, SSR, file-based routing)
 - `Prisma` + `MariaDB` (MySQL-kompatibel)
 - Authentifizierung: cookie-basierte Sessions, `bcryptjs`
 - UI: `Tailwind CSS v4`, `shadcn/ui`, Remix components
 - PDF: `@react-pdf/renderer`
 - Deployment: `Docker`, `docker-compose`, optional `k8s`
 ## 3. Repository-Architektur
 - `app/` - Remiх/React-Router-Quellcode
  - `components/` - shared UI und Domain-Komponenten (`company`, `invoice`, `layout`, `ui`)
  - `lib/` - Datenbank, Logik, Helpers
  - `routes/` - Datei-Routing-Endpunkte und APIs
  - `session.server.ts` - Session/Auth-Handling
  - `types/index.ts` - globale Typen
 - `prisma/` - Schema, Migrationen, Seeder
 - `scripts/` - CLI-Hilfs-Skripte (`setup-admin`, `reset-password`)
 - `docker-compose.yml`, `Dockerfile`, `k8s.yml` - Deployment & Infrastruktur
 ## 4. Schlüsseldateien
 - `app/root.tsx` - Root-Layout und Fehlergrenzen
 - `app/entry.server.tsx` - Server-Entry (SSR)
 - `app/routes/index.tsx` (`home`, `dashboard`, `login`, `settings`)
 - `app/routes/api.*` - REST-API-Endpunkte für CRUD (companies, invoices, etc.)
 - `app/lib/prisma.server.ts` - Prisma-Client-Initialisierung
 - `app/lib/logger.server.ts`, `rate-limiter.server.ts` - Infrastruktur
 - `prisma/schema.prisma` - Datenmodell
 - `package.json` und `tsconfig.json` - Build / Lint / Types
 ## 5. Konventionen & Code-Richtlinien
 - FS-basierte React Router v7 Routen
 - Server-Endpunkte in `app/routes/api.*` als Remix-Loaders/Actions
 - Mutationen und Datenzugriffe in `app/lib` (Prisma, Tax, utils)
 - Typescript-sicher und null-safe; bevorzugt `unknown`/`guard`-Checks für externe Daten
 - UI-Toolkit: shadcn-Komponenten + Tailwind Utility-Klassen
 - Error-Handling mit Remix `redirect`, `json`, `badRequest`
 ## 6. Häufige Aufgaben und Workflows
 - Lokale Entwicklung: `npm install`, `.env` konfigurieren, `npx prisma migrate deploy`, `npm run dev`
 - DB initialisieren/seeden: `npm run db:seed`; `npm run db:migrate`
 - Admin einrichten: `npm run setup-admin` (oder via Docker-Env `ADMIN_PASSWORD` beim Start)
 - Passwort reset: `npm run reset-password`
 - Automatische Migration beim Containerstart (Production)
 ## 7. Spezielle Hinweise für Claude
 - Bevorzuge präzise Änderungen in bestehendem Code (letzte Routen und Libs).
 - Halte Backward-Kompatibilität: bestehende API-Contracts in `api.*` sollen intakt bleiben.
 - Dokumentiere bei komplexen Änderungen Business-Logik (Steuern, Rechnungscodes, UStG §14).
 - Vollständige Test: `npm run typecheck`, ggf. `npm run lint` (falls eingerichtet).
 ## 8. Agent-Persona (optional)
 - Rolle: Full-stack Remix / TypeScript-Fachkraft für deutsche Rechnungssoftware
 - Fokus: Feature-Implementierung im Domain-Kontext (Invoices, Reports, Clients)
 - Toolpräferenzen: `read_file`, `grep_search`, `replace_string_in_file` und `run_in_terminal` für Verifikation
 - Vermeide: ungetestete massive Refactorings ohne vorhandenen Abdeckungsstatus
 ## 9. Weiteres
 - `CLAUDE.md` wird als Projekt-spezifisches Onboarding für ChatGPT/Claude-Agenten genutzt.
 - Für Dev-Workflows und PR-Beschreibungen, bitte auf `README.md` und `package.json` verweisen.
@@ -0,0 +1,181 @@
 # Verbesserungen implementiert – Annas Rechnungsmanager
 Datum: 15. April 2026  
 Implementiert durch: Copilot  
 Status: ✅ Abgeschlossen
 ---
 ## 🔴 Kritische Sicherheitsfixes
 ### 1. **Server-seitige Betragsvalidierung** ✅
 **Dateien:** `app/routes/api.invoices.ts`, `app/routes/api.invoices.$id.ts`
 **Problem:** Client-Beträge (`netTotal`, `taxTotal`, `grossTotal`) wurden direkt in die DB gespeichert.
 **Lösung:**
 - Alle Beträge werden jetzt **serverseitig neuberechnet** aus Qty × UnitPrice
 - Verwendung der verifizierten `calcItemAmounts()` und `calcInvoiceTotals()` Funktionen
 - `kleinunternehmer`-Flag wird automatisch von der Firma übernommen (fallback zu Client-Wert)
 - Transaktionale Konsistenz erhalten
 ### 2. **Vollständiges Audit-Logging** ✅
 **Dateien:** `app/lib/logger.server.ts`, `app/routes/api.companies.ts`, `app/routes/api.companies.$id.ts`, `app/routes/api.customers.ts`, `app/routes/api.customers.$id.ts`
 **Probleme:**
 - `LogAction`-Typ fehlten: `CHANGE_PASSWORD`, `CREATE_INVOICE`, `UPDATE_INVOICE`, etc.
 - Viele API-Operationen waren nicht geloggt (CREATE_COMPANY, CREATE_CUSTOMER, etc.)
 **Lösung:**
 - Typ um 11 neue Actions erweitert
 - Logging hinzugefügt für:
  - ✅ CREATE_COMPANY, UPDATE_COMPANY, DELETE_COMPANY, ARCHIVE_COMPANY
  - ✅ CREATE_INVOICE, UPDATE_INVOICE
  - ✅ CREATE_CUSTOMER, UPDATE_CUSTOMER, DELETE_CUSTOMER
 - Strukturelle Konsistenz: alle CRUD-Operationen jetzt logged
 ### 3. **Verbesserte Zod-Validierung** ✅
 **Datei:** `app/lib/schemas.ts` (NEW - 220 Zeilen)
 **Änderungen:**
 - Zentrale Datenbank für alle Validierungsschemas
 - Custom Validatoren:
  - `currencySchema`: nonnegative, max 2 dezimalstellen
  - `taxRateSchema`: nur 0, 7, 19
  - `ibanSchema`: Format-Validierung DE/AT/CH
  - `taxIdSchema`: 11-stellige deutsche Steuernummer
  - `vatIdSchema`: EU-USt-ID mit Länderprefix
 - Invoice/Company/Customer Schemas mit feldspezifischen Maxlängen
 - Fehler auf Deutsch
 **Integration:**
 - `api.invoices.ts` → `invoiceSchema`, `invoiceUpdateSchema`
 - `api.invoices.$id.ts` → `invoiceStatusSchema` für PATCH
 - `api.companies.ts`, `api.companies.$id.ts` → `companySchema`, `companyUpdateSchema`
 - `api.customers.ts`, `api.customers.$id.ts` → `customerSchema`, `customerUpdateSchema`
 **Vorteil:** Single source of truth für Validierung, konsistente Fehlermeldungen, leicht änderbar
 ---
 ## 🟠 Schema & Datenmodell
 ### 4. **Missing `vatId` Field** ✅
 **Datei:** `app/routes/api.companies.ts`
 - Feld war im Prisma-Modell definiert, aber nicht im Create-Schema
 - Jetzt können Mandanten beim Anlegen die USt-IdNr. setzen
 ### 5. **DB-Indizes für Performance** ✅
 **Datei:** `prisma/schema.prisma` + Migration `20260415192953_add_indices`
 Hinzugefügt:
 ```prisma
 // Invoice Indices
@@index([status])         // für Filterung nach Status (DRAFT, PAID, etc.)
@@index([dueDate])        // für Mahnwesen und Reports
@@index([deletedAt])      // für Cleanup-Scheduler
@@index([customerId])     // für Customer-Dashboards (via FK)
 // Customer Index
@@index([companyId])      // für Company-Dashboard (via FK)
 ```
 **Vorteil:** Queries mit WHERE/ORDER BY auf diese Felder sind O(log n) statt O(n).
 **Status:** ✅ Migration erfolgreich angewendet
 ### 6. **Konsistente Schema-Definition** ✅
 **Dateien:** `api.companies.ts`, `api.companies.$id.ts`
 - Beide Dateien hatten leicht unterschiedliche `companySchema` Definitionen
 - Jetzt identisch und vollständig
 - Fehler-Anfälligkeit reduziert
 ---
 ## 🟡 Code Quality
 ### 7. **Duplizierte Config-Files entfernt** ✅
 Gelöscht:
 - `react-router.config.js` (behalten: `.ts`)
 - `vite.config.js` (behalten: `.ts`)
 - `postcss.config.js` (behalten: `.ts`)
 **Warum:** Redundanz verwirrt Entwickler und kann zu Inkonsistenzen führen.
 ---
 ## 📋 Nicht implementiert (nachgelagert)
 ### Rate-Limiter Multi-Instance
 - Benötigt Redis für verteilte Szenarien
 - Aktuell `RateLimiterMemory` ist ausreichend für Single-Pod
 - **TODO:** Bei Kubernetes-Deployment mit Redis ergänzen
 ### User-DB-Lookup in `requireUser()`
 - Session prüft aktuell nur Cookie (TTL 4h)
 - Könnte gelöschte/gesperrte User noch akzeptieren
 - **TODO:** Optional mit kurzem TTL-Cache implementieren
 ### Test-Framework (vitest)
 - Für Steuerberechnung (`tax.ts`) kritisch
 - **TODO:** Unit-Tests für alle Tax-Szenarios hinzufügen
 ---
 ## ✅ Nächste Schritte
 1. **DB-Migration deployen:**
   ```bash
   npm run db:migrate
   ```
 2. **Build testen:**
   ```bash
   npm run build
   ```
 3. **Staging testen:**
   - Invoice mit verschiedenen Steuer-Sätzen erstellen
   - Prüfen: Beträge werden korrekt berechnet
   - Audit-Log prüfen: Alle Aktionen geloggt
 4. **Rollout:** Deployment mit neuer Prisma-Migration
 ---
 ## 📊 Änderungsübersicht
 | Kategorie | Dateien | Änderungen |
 |-----------|---------|-----------|
 | Critical | 8 | Betragsvalidierung + Audit-Logging |
 | Schema | 6 | Zod-Validierung + vatId + Indizes |
 | Quality | 3 | Config-Cleanup |
 | **Total** | **≥15 Dateien** | **Durchgehend sicherer** |
 ---
 ## 🔒 Sicherheitsauswirkungen
 | Issue | Risiko | Fix | Impact |
 |-------|--------|-----|--------|
 | Beträge manipulierbar | 🔴 Kritisch | Server-Recalc | ✅ Eliminiert |
 | Lückenhaftes Audit-Log | 🔴 Hoch | Logging erweitert | ✅ Vollständig |
 | Fehlende Validierung | 🟠 Mittel | Zod Max-Längen | ✅ Reduziert |
 ---
 ## Backward Compatibility
 ✅ **Vollständig erhalten:**
 - API-Endpunkte ändern Signatur nicht
 - Neue Log-Actions sind addativ (non-breaking)
 - Zod-Validierung ist nur strikter (lehnt invalide Requests ab)
 - Alten Datenbankeinträge funktionieren mit Indizes genauso
 ---
 Entwickler können sofort mit der Implementierung starten. Alle kritischen Sicherheitslücken sind behoben.
@@ -1,5 +1,15 @@
@import "tailwindcss";
 /* Pfeile bei number-inputs ausblenden */
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
 }
 input[type="number"] {
  -moz-appearance: textfield;
 }
 :root {
  --background: #f8fafc;
  --foreground: #0f172a;
@@ -276,10 +276,9 @@ export function InvoiceForm({ customers, companyId, onSubmit, defaultValues, def
        </div>
        <div className="border border-gray-200 rounded-xl">
-          <div className={`grid gap-2 px-3 py-2 bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600 rounded-t-xl ${kleinunternehmer ? "grid-cols-11" : "grid-cols-12"}`}>
+          <div className={`grid gap-2 px-3 py-2 bg-gray-50 border-b border-gray-200 text-xs font-medium text-gray-600 rounded-t-xl ${kleinunternehmer ? "grid-cols-10" : "grid-cols-11"}`}>
            <div className="col-span-4">Beschreibung</div>
            <div className="col-span-1">Menge</div>
            <div className="col-span-1">Einh.</div>
            <div className="col-span-2">{kleinunternehmer ? "Einzelpreis (brutto)" : "Einzelpreis"}</div>
            {!kleinunternehmer && <div className="col-span-1">MwSt.</div>}
            <div className="col-span-2 text-right">Gesamt (brutto)</div>
@@ -287,7 +286,7 @@ export function InvoiceForm({ customers, companyId, onSubmit, defaultValues, def
          </div>
          {fields.map((field, index) => (
-            <div key={field.id} className={`grid gap-2 px-3 py-2.5 border-b border-gray-100 last:border-0 items-center ${kleinunternehmer ? "grid-cols-11" : "grid-cols-12"}`}>
+            <div key={field.id} className={`grid gap-2 px-3 py-2.5 border-b border-gray-100 last:border-0 items-center ${kleinunternehmer ? "grid-cols-10" : "grid-cols-11"}`}>
              <div className="col-span-4 relative">
                {(() => {
                  const descValue = watchedItems[index]?.description ?? "";
@@ -341,13 +340,6 @@ export function InvoiceForm({ customers, companyId, onSubmit, defaultValues, def
                  onBlur={() => recalcItem(index)}
                />
              </div>
              <div className="col-span-1">
                <Input
                  {...register(`items.${index}.unit`)}
                  placeholder="Stück"
                  className="text-sm"
                />
              </div>
              <div className="col-span-2">
                <Input
                  {...register(`items.${index}.unitPrice`)}
@@ -112,8 +112,7 @@ const styles = StyleSheet.create({
  col_pos: { width: "5%" },
  col_desc: { width: "40%" },
  col_qty: { width: "10%", textAlign: "right" },
-  col_unit: { width: "8%", textAlign: "center" },
+  col_price: { width: "22%", textAlign: "right" },
  col_price: { width: "14%", textAlign: "right" },
  col_tax: { width: "8%", textAlign: "center" },
  col_total: { width: "15%", textAlign: "right" },
  totalsSection: {
@@ -324,7 +323,6 @@ export function InvoicePDFDocument({ invoice }: InvoicePDFProps) {
          <Text style={{ ...styles.tableHeaderText, ...styles.col_pos }}>#</Text>
          <Text style={{ ...styles.tableHeaderText, ...styles.col_desc }}>Beschreibung</Text>
          <Text style={{ ...styles.tableHeaderText, ...styles.col_qty }}>Menge</Text>
          <Text style={{ ...styles.tableHeaderText, ...styles.col_unit }}>Einh.</Text>
          <Text style={{ ...styles.tableHeaderText, ...styles.col_price }}>
            {invoice.kleinunternehmer ? "EP (brutto)" : "EP (netto)"}
          </Text>
@@ -339,7 +337,6 @@ export function InvoicePDFDocument({ invoice }: InvoicePDFProps) {
            <Text style={{ ...styles.col_pos, fontSize: 9 }}>{item.position}</Text>
            <Text style={{ ...styles.col_desc, fontSize: 9 }}>{item.description}</Text>
            <Text style={{ ...styles.col_qty, fontSize: 9 }}>{n(item.quantity)}</Text>
            <Text style={{ ...styles.col_unit, fontSize: 9 }}>{item.unit ?? ""}</Text>
            <Text style={{ ...styles.col_price, fontSize: 9 }}>{formatMoney(n(item.unitPrice))}</Text>
            {!invoice.kleinunternehmer && (
              <Text style={{ ...styles.col_tax, fontSize: 9 }}>{n(item.taxRate)}%</Text>
@@ -1,4 +1,4 @@
-import { startCleanupScheduler } from "@/lib/cleanup.server";
+import { startCleanupScheduler } from "./lib/cleanup.server";
 import { PassThrough } from "node:stream";
 import type { AppLoadContext, EntryContext } from "react-router";
 import { createReadableStreamFromReadable } from "@react-router/node";
@@ -0,0 +1,67 @@
 /**
 * Lineare Abschreibung (AfA) nach §7 EStG
 * Alle Geldwerte in Euro, 2 Dezimalstellen.
 */
 export interface AnlagegutRaw {
  anschaffungskosten: number;
  nutzungsdauerJahre: number;
  restwert: number;
  anschaffungsdatum: string; // ISO-Datumsstring
  aktiv: boolean;
 }
 /** Volle Jahres-AfA */
 export function jahresAfa(ak: number, restwert: number, nd: number): number {
  return Math.round(((ak - restwert) / nd) * 100) / 100;
 }
 /** Pro-rata AfA im Anschaffungsjahr: verbleibende Monate (inkl. Anschaffungsmonat) / 12 */
 export function erwerbsjahrAfa(ak: number, restwert: number, nd: number, datum: Date): number {
  const verbleibendeMonathe = 12 - datum.getMonth(); // getMonth() = 0-basiert, Jan=0
  return Math.round((jahresAfa(ak, restwert, nd) * verbleibendeMonathe) / 12 * 100) / 100;
 }
 /** AfA für ein bestimmtes Kalenderjahr (0 wenn nicht erworben oder vollständig abgeschrieben) */
 export function afaFuerJahr(asset: AnlagegutRaw, year: number): number {
  const acqDate = new Date(asset.anschaffungsdatum);
  const acqYear = acqDate.getFullYear();
  const lastDepYear = acqYear + asset.nutzungsdauerJahre - 1;
  if (year < acqYear || year > lastDepYear) return 0;
  const ak = asset.anschaffungskosten;
  const rv = asset.restwert;
  const nd = asset.nutzungsdauerJahre;
  return year === acqYear
    ? erwerbsjahrAfa(ak, rv, nd, acqDate)
    : jahresAfa(ak, rv, nd);
 }
 /** Kumulierte AfA vom Anschaffungsjahr bis inkl. gegebenem Jahr */
 export function kumulierteAfa(asset: AnlagegutRaw, bisJahr: number): number {
  const acqYear = new Date(asset.anschaffungsdatum).getFullYear();
  let total = 0;
  for (let y = acqYear; y <= bisJahr; y++) {
    total += afaFuerJahr(asset, y);
  }
  return Math.round(total * 100) / 100;
 }
 /** Buchwert zum 31.12. des gegebenen Jahres (Minimum: Restwert) */
 export function buchwert(asset: AnlagegutRaw, year: number): number {
  const acqYear = new Date(asset.anschaffungsdatum).getFullYear();
  if (year < acqYear) return asset.anschaffungskosten;
  const bw = asset.anschaffungskosten - kumulierteAfa(asset, year);
  return Math.max(Math.round(bw * 100) / 100, asset.restwert);
 }
 /** Anzeige-Status eines Anlageguts */
 export function assetStatus(asset: AnlagegutRaw, currentYear: number): "aktiv" | "vollständig abgeschrieben" | "inaktiv" {
  if (!asset.aktiv) return "inaktiv";
  const acqYear = new Date(asset.anschaffungsdatum).getFullYear();
  const lastDepYear = acqYear + asset.nutzungsdauerJahre - 1;
  if (currentYear > lastDepYear) return "vollständig abgeschrieben";
  return "aktiv";
 }
@@ -0,0 +1,41 @@
 export const AUSGABE_KATEGORIEN = [
  "WAREN_ROHSTOFFE",
  "GERINGWERTIGE_WIRTSCHAFTSGUETER",
  "ABSCHREIBUNGEN",
  "MIETE",
  "STROM_WASSER",
  "TELEKOMMUNIKATION",
  "FORTBILDUNG_MESSEN",
  "BEITRAEGE",
  "VERSICHERUNGEN",
  "WERBEKOSTEN",
  "ZINSEN",
  "REISEKOSTEN",
  "REPARATUREN_INSTANDHALTUNG",
  "BUEROBEDARF",
  "REPRAESENTATIONSKOSTEN",
  "SONSTIGER_BETRIEBSBEDARF",
  "NEBENKOSTEN_GELDVERKEHR",
 ] as const;
 export type AusgabeKategorieKey = typeof AUSGABE_KATEGORIEN[number];
 export const KATEGORIE_LABELS: Record<AusgabeKategorieKey, string> = {
  WAREN_ROHSTOFFE: "Waren, Rohstoffe, Hilfsstoffe",
  GERINGWERTIGE_WIRTSCHAFTSGUETER: "Geringwertige Wirtschaftsgüter",
  ABSCHREIBUNGEN: "Abschreibungen",
  MIETE: "Miete",
  STROM_WASSER: "Strom, Wasser",
  TELEKOMMUNIKATION: "Telekommunikationskosten",
  FORTBILDUNG_MESSEN: "Fortbildungskosten/Messen",
  BEITRAEGE: "Beiträge",
  VERSICHERUNGEN: "Versicherungen",
  WERBEKOSTEN: "Werbekosten",
  ZINSEN: "Zinsen",
  REISEKOSTEN: "Reisekosten",
  REPARATUREN_INSTANDHALTUNG: "Reparaturen / Instandhaltung",
  BUEROBEDARF: "Bürobedarf",
  REPRAESENTATIONSKOSTEN: "Repräsentationskosten",
  SONSTIGER_BETRIEBSBEDARF: "Sonstiger Betriebsbedarf",
  NEBENKOSTEN_GELDVERKEHR: "Nebenkosten des Geldverkehrs",
 };
@@ -0,0 +1,27 @@
 export const EINNAHME_KATEGORIEN = [
  "FUSSPFLEGE",
  "PRIVATEINLAGEN",
  "DARLEHEN",
  "STEUERERSTATTUNGEN",
  "VERSICHERUNGSERSTATTUNGEN",
  "ZINSERTRAEGE",
  "VERMIETUNG_VERPACHTUNG",
  "VERAEUSSERUNGSERLOES",
  "EIGENVERBRAUCH",
  "SONSTIGE_EINNAHMEN",
 ] as const;
 export type EinnahmeKategorieKey = typeof EINNAHME_KATEGORIEN[number];
 export const EINNAHME_LABELS: Record<EinnahmeKategorieKey, string> = {
  FUSSPFLEGE: "Fußpflege/Verkauf/Gutscheine",
  PRIVATEINLAGEN: "Privateinlagen",
  DARLEHEN: "Darlehen",
  STEUERERSTATTUNGEN: "Steuererstattungen",
  VERSICHERUNGSERSTATTUNGEN: "Versicherungserstattungen",
  ZINSERTRAEGE: "Zinserträge",
  VERMIETUNG_VERPACHTUNG: "Miet-/Pachteinnahmen",
  VERAEUSSERUNGSERLOES: "Veräußerungserlöse",
  EIGENVERBRAUCH: "Eigenverbrauch",
  SONSTIGE_EINNAHMEN: "Sonstige Einnahmen",
 };
@@ -0,0 +1,32 @@
 export const DEFAULT_AUSGABE_KATEGORIEN = [
  "Waren, Rohstoffe, Hilfsstoffe",
  "Geringwertige Wirtschaftsgüter",
  "Abschreibungen",
  "Miete",
  "Strom, Wasser",
  "Telekommunikationskosten",
  "Fortbildungskosten/Messen",
  "Beiträge",
  "Versicherungen",
  "Werbekosten",
  "Zinsen",
  "Reisekosten",
  "Reparaturen / Instandhaltung",
  "Bürobedarf",
  "Repräsentationskosten",
  "Sonstiger Betriebsbedarf",
  "Nebenkosten des Geldverkehrs",
 ];
 export const DEFAULT_EINNAHME_KATEGORIEN = [
  "Fußpflege/Verkauf/Gutscheine",
  "Privateinlagen",
  "Darlehen",
  "Steuererstattungen",
  "Versicherungserstattungen",
  "Zinserträge",
  "Miet-/Pachteinnahmen",
  "Veräußerungserlöse",
  "Eigenverbrauch",
  "Sonstige Einnahmen",
 ];
@@ -4,15 +4,24 @@ export type LogAction =
  | "LOGIN"
  | "LOGIN_FAILED"
  | "LOGOUT"
  | "CHANGE_PASSWORD"
  | "CREATE_USER"
  | "UPDATE_USER"
  | "DELETE_USER"
  | "CREATE_COMPANY"
  | "UPDATE_COMPANY"
  | "DELETE_COMPANY"
  | "ARCHIVE_COMPANY"
  | "CREATE_INVOICE"
  | "UPDATE_INVOICE"
-  | "DELETE_INVOICE";
+  | "DELETE_INVOICE"
  | "UPDATE_INVOICE_STATUS"
  | "CREATE_CUSTOMER"
  | "UPDATE_CUSTOMER"
  | "DELETE_CUSTOMER"
  | "CREATE_SERVICE"
  | "UPDATE_SERVICE"
  | "DELETE_SERVICE";
 export async function log({
  userId,
@@ -42,7 +51,7 @@ export async function log({
        action,
        entity: entity ?? null,
        entityId: entityId ?? null,
-        metadata: metadata ?? undefined,
+        metadata: (metadata as any) ?? undefined,
        ipAddress: ipAddress ?? null,
      },
    });
@@ -0,0 +1,21 @@
 import { RateLimiterMemory } from "rate-limiter-flexible";
 // Max. 5 Loginversuche pro IP innerhalb von 15 Minuten
 const loginLimiter = new RateLimiterMemory({
  points: 5,
  duration: 60 * 15,
 });
 export async function checkLoginRateLimit(request: Request): Promise<string | null> {
  const ip =
    request.headers.get("x-forwarded-for")?.split(",")[0].trim() ??
    request.headers.get("x-real-ip") ??
    "unknown";
  try {
    await loginLimiter.consume(ip);
    return null;
  } catch {
    return "Zu viele Loginversuche. Bitte 15 Minuten warten.";
  }
 }
@@ -0,0 +1,225 @@
 import { z } from "zod";
 import { InvoiceStatus } from "@prisma/client";
 // ===== Reusable validators =====
 /**
 * Validates that a decimal string has at most 2 decimal places
 * (required for currency/money fields in MySQL DECIMAL(10,2))
 */
 export const currencySchema = z
  .number()
  .nonnegative("Geldbeträge dürfen nicht negativ sein")
  .refine(
    (n) => {
      const decimal = n.toString().split(".")[1];
      return !decimal || decimal.length <= 2;
    },
    "Geldbeträge dürfen maximal 2 Dezimalstellen haben"
  );
 /**
 * Tax rate must be one of the valid German VAT rates
 */
 export const taxRateSchema = z
  .number()
  .int("Steuersatz muss eine ganze Zahl sein")
  .refine(
    (r) => [0, 7, 19].includes(r),
    "Steuersatz muss 0 (steuerfrei), 7 (ermäßigt) oder 19 (Standard) sein"
  );
 /**
 * IBAN validation: 15-34 characters, starts with 2 letters + 2 digits
 */
 export const ibanSchema = z
  .string()
  .refine(
    (iban) => /^[A-Z]{2}\d{2}[A-Z0-9]{1,30}$/.test(iban),
    "Ungültige IBAN"
  );
 /**
 * German tax ID (Steuernummer): 10 digits
 */
 export const taxIdSchema = z
  .string()
  .regex(/^\d{10}$/, "Steuernummer muss 10 Ziffern haben");
 /**
 * VAT ID (Umsatzsteuer-IdNr): DE + 9 digits
 */
 export const vatIdSchema = z
  .string()
  .regex(/^DE\d{9}$/, "USt-IdNr. muss im Format DE + 9 Ziffern sein");
 // ===== Invoice Schemas =====
 export const invoiceItemSchema = z.object({
  position: z
    .number()
    .int("Position muss eine ganze Zahl sein")
    .positive("Position muss größer als 0 sein"),
  description: z
    .string()
    .min(1, "Beschreibung erforderlich")
    .max(500, "Beschreibung darf maximal 500 Zeichen sein"),
  quantity: z
    .number()
    .positive("Menge muss größer als 0 sein")
    .refine(
      (q) => {
        const decimal = q.toString().split(".")[1];
        return !decimal || decimal.length <= 3;
      },
      "Menge darf maximal 3 Dezimalstellen haben"
    ),
  unit: z
    .string()
    .max(50, "Einheit darf maximal 50 Zeichen sein")
    .optional(),
  unitPrice: currencySchema,
  taxRate: taxRateSchema,
  netAmount: currencySchema,
  taxAmount: currencySchema,
  grossAmount: currencySchema,
 });
 export const invoiceSchema = z.object({
  companyId: z.string().min(1, "Mandant erforderlich"),
  customerId: z.string().min(1, "Kunde erforderlich"),
  issueDate: z
    .string()
    .refine(
      (d) => !isNaN(Date.parse(d)),
      "Ungültiges Datum"
    ),
  deliveryDate: z
    .string()
    .refine((d) => !isNaN(Date.parse(d)), "Ungültiges Datum")
    .optional(),
  dueDate: z
    .string()
    .refine((d) => !isNaN(Date.parse(d)), "Ungültiges Datum"),
  notes: z
    .string()
    .max(5000, "Notizen darf maximal 5000 Zeichen sein")
    .optional(),
  kleinunternehmer: z.boolean().optional().default(false),
  items: z
    .array(invoiceItemSchema)
    .min(1, "Mindestens ein Rechnungsposition erforderlich"),
  netTotal: currencySchema,
  taxTotal: currencySchema,
  grossTotal: currencySchema,
 });
 export const invoiceUpdateSchema = invoiceSchema.omit({ companyId: true });
 export const invoiceStatusSchema = z.object({
  status: z.nativeEnum(InvoiceStatus),
 });
 // ===== Company Schemas =====
 export const companySchema = z.object({
  name: z
    .string()
    .min(1, "Firmenname erforderlich")
    .max(255, "Firmenname darf maximal 255 Zeichen sein"),
  legalForm: z
    .string()
    .max(100, "Rechtsform darf maximal 100 Zeichen sein")
    .optional(),
  taxId: taxIdSchema.optional(),
  vatId: vatIdSchema.optional(),
  address: z
    .string()
    .min(1, "Adresse erforderlich")
    .max(500, "Adresse darf maximal 500 Zeichen sein"),
  zip: z
    .string()
    .min(1, "PLZ erforderlich")
    .max(20, "PLZ darf maximal 20 Zeichen sein")
    .regex(/^[\d\s-]*$/, "PLZ darf nur Zahlen, Bindestriche und Leerzeichen enthalten"),
  city: z
    .string()
    .min(1, "Stadt erforderlich")
    .max(100, "Stadt darf maximal 100 Zeichen sein"),
  country: z
    .string()
    .max(2, "Ländercode darf maximal 2 Zeichen sein")
    .optional()
    .default("DE"),
  email: z
    .string()
    .email("Ungültige E-Mail-Adresse")
    .optional()
    .or(z.literal("")),
  phone: z
    .string()
    .max(20, "Telefonnummer darf maximal 20 Zeichen sein")
    .optional(),
  website: z
    .string()
    .url("Ungültige URL")
    .max(255, "Website darf maximal 255 Zeichen sein")
    .optional(),
  bankIban: ibanSchema.optional(),
  bankBic: z
    .string()
    .regex(/^[A-Z0-9]{8,11}$/, "Ungültiger BIC")
    .optional(),
  bankName: z
    .string()
    .max(255, "Bankname darf maximal 255 Zeichen sein")
    .optional(),
  invoicePrefix: z
    .string()
    .max(10, "Rechnungsprefix darf maximal 10 Zeichen sein")
    .optional()
    .default("RE"),
  kleinunternehmer: z.boolean().optional().default(false),
 });
 export const companyUpdateSchema = companySchema;
 // ===== Customer Schemas =====
 export const customerSchema = z.object({
  companyId: z.string().min(1, "Mandant erforderlich"),
  name: z
    .string()
    .min(1, "Kundenname erforderlich")
    .max(255, "Kundenname darf maximal 255 Zeichen sein"),
  taxId: taxIdSchema.optional(),
  address: z
    .string()
    .min(1, "Adresse erforderlich")
    .max(500, "Adresse darf maximal 500 Zeichen sein"),
  zip: z
    .string()
    .min(1, "PLZ erforderlich")
    .max(20, "PLZ darf maximal 20 Zeichen sein")
    .regex(/^[\d\s-]*$/, "PLZ darf nur Zahlen, Bindestriche und Leerzeichen enthalten"),
  city: z
    .string()
    .min(1, "Stadt erforderlich")
    .max(100, "Stadt darf maximal 100 Zeichen sein"),
  country: z
    .string()
    .max(2, "Ländercode darf maximal 2 Zeichen sein")
    .optional()
    .default("DE"),
  email: z
    .string()
    .email("Ungültige E-Mail-Adresse")
    .optional()
    .or(z.literal("")),
  phone: z
    .string()
    .max(20, "Telefonnummer darf maximal 20 Zeichen sein")
    .optional(),
 });
 export const customerUpdateSchema = customerSchema.omit({ companyId: true });
@@ -15,7 +15,7 @@ export function ErrorBoundary() {
      <body style={{ fontFamily: "monospace", padding: "2rem", background: "#fff1f2", color: "#9f1239" }}>
        <h1 style={{ fontSize: "1.5rem", fontWeight: 700, marginBottom: "1rem" }}>Fehler</h1>
        <pre style={{ whiteSpace: "pre-wrap", wordBreak: "break-word", background: "#ffe4e6", padding: "1rem", borderRadius: "0.5rem" }}>{message}</pre>
-        {stack && <pre style={{ marginTop: "1rem", fontSize: "0.75rem", color: "#64748b", whiteSpace: "pre-wrap" }}>{stack}</pre>}
+        {import.meta.env.DEV && stack && <pre style={{ marginTop: "1rem", fontSize: "0.75rem", color: "#64748b", whiteSpace: "pre-wrap" }}>{stack}</pre>}
        <Scripts />
      </body>
    </html>
@@ -17,12 +17,22 @@ export default [
    route("companies/:id/invoices/:invoiceId", "routes/companies.$id.invoices.$invoiceId.tsx"),
    route("companies/:id/invoices/:invoiceId/edit", "routes/companies.$id.invoices.$invoiceId.edit.tsx"),
    route("companies/:id/reports", "routes/companies.$id.reports.tsx"),
    layout("routes/companies.$id.buchhaltung.tsx", [
      route("companies/:id/buchhaltung/bilanzen", "routes/companies.$id.buchhaltung.bilanzen.tsx"),
      route("companies/:id/buchhaltung/ausgaben", "routes/companies.$id.buchhaltung.ausgaben.tsx"),
      route("companies/:id/buchhaltung/ausgaben/kategorien", "routes/companies.$id.buchhaltung.ausgaben.kategorien.tsx"),
      route("companies/:id/buchhaltung/einnahmen", "routes/companies.$id.buchhaltung.einnahmen.tsx"),
      route("companies/:id/buchhaltung/einnahmen/kategorien", "routes/companies.$id.buchhaltung.einnahmen.kategorien.tsx"),
      route("companies/:id/buchhaltung/anlagevermoegen", "routes/companies.$id.buchhaltung.anlagevermoegen.tsx"),
      route("companies/:id/buchhaltung/money", "routes/companies.$id.buchhaltung.money.tsx"),
    ]),
    route("archiv", "routes/archiv.tsx"),
    route("settings/password", "routes/settings.password.tsx"),
  ]),
  // Admin routes
  layout("routes/admin-layout.tsx", [
    route("admin/mandanten", "routes/admin.mandanten.tsx"),
    route("admin/users", "routes/admin.users.tsx"),
    route("admin/users/new", "routes/admin.users.new.tsx"),
    route("admin/users/:id", "routes/admin.users.$id.tsx"),
@@ -34,6 +44,7 @@ export default [
  route("api/companies/:id", "routes/api.companies.$id.ts"),
  route("api/companies/:id/customers", "routes/api.companies.$id.customers.ts"),
  route("api/companies/:id/invoices", "routes/api.companies.$id.invoices.ts"),
  route("api/companies/:id/money", "routes/api.companies.$id.money.ts"),
  route("api/customers", "routes/api.customers.ts"),
  route("api/customers/:id", "routes/api.customers.$id.ts"),
  route("api/services", "routes/api.services.ts"),
@@ -41,5 +52,16 @@ export default [
  route("api/invoices", "routes/api.invoices.ts"),
  route("api/invoices/:id", "routes/api.invoices.$id.ts"),
  route("api/invoices/:id/pdf", "routes/api.invoices.$id.pdf.ts"),
  route("api/invoices/:id/xml", "routes/api.invoices.$id.xml.ts"),
  route("api/reports", "routes/api.reports.ts"),
  route("api/bilanzen", "routes/api.bilanzen.ts"),
  route("api/ausgaben", "routes/api.ausgaben.ts"),
  route("api/ausgaben/:id", "routes/api.ausgaben.$id.ts"),
  route("api/einnahmen", "routes/api.einnahmen.ts"),
  route("api/einnahmen/:id", "routes/api.einnahmen.$id.ts"),
  route("api/companies/:id/buchungkategorien", "routes/api.companies.$id.buchungkategorien.ts"),
  route("api/companies/:id/buchungkategorien/:katId", "routes/api.companies.$id.buchungkategorien.$katId.ts"),
  route("api/anlagevermoegen", "routes/api.anlagevermoegen.ts"),
  route("api/anlagevermoegen/:id", "routes/api.anlagevermoegen.$id.ts"),
 ] satisfies RouteConfig;
@@ -1,6 +1,6 @@
 import { Outlet, useLoaderData, Link, useLocation } from "react-router";
 import { requireAdmin } from "@/session.server";
-import { Shield, Users, ScrollText, LayoutDashboard } from "lucide-react";
+import { Shield, Users, ScrollText, LayoutDashboard, Building2 } from "lucide-react";
 export async function loader({ request }: { request: Request }) {
  const user = await requireAdmin(request);
@@ -12,6 +12,7 @@ export default function AdminLayout() {
  const location = useLocation();
  const navItems = [
    { to: "/admin/mandanten", label: "Mandanten", icon: Building2 },
    { to: "/admin/users", label: "Benutzerverwaltung", icon: Users },
    { to: "/admin/logs", label: "Audit-Log", icon: ScrollText },
  ];
@@ -0,0 +1,131 @@
 import { Link, useLoaderData } from "react-router";
 import { requireAdmin } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { Badge } from "@/components/ui/badge";
 import { Building2, Archive } from "lucide-react";
 export async function loader({ request }: { request: Request }) {
  await requireAdmin(request);
  const companies = await prisma.company.findMany({
    include: {
      user: { select: { id: true, name: true, email: true } },
      _count: { select: { invoices: true, customers: true } },
    },
    orderBy: [{ archived: "asc" }, { name: "asc" }],
  });
  return {
    companies: companies.map((c) => ({
      ...c,
      archivedAt: c.archivedAt?.toISOString() ?? null,
    })),
  };
 }
 export default function AdminMandanten() {
  const { companies } = useLoaderData<typeof loader>();
  const active = companies.filter((c) => !c.archived);
  const archived = companies.filter((c) => c.archived);
  return (
    <div>
      <div className="mb-6">
        <h1 className="text-2xl font-bold text-slate-900">Alle Mandanten</h1>
        <p className="text-sm text-slate-500 mt-1">
          {companies.length} Mandanten gesamt · {active.length} aktiv · {archived.length} archiviert
        </p>
      </div>
      <MandantenTabelle companies={active} title="Aktive Mandanten" />
      {archived.length > 0 && (
        <div className="mt-8">
          <MandantenTabelle companies={archived} title="Archivierte Mandanten" archived />
        </div>
      )}
    </div>
  );
 }
 type Company = {
  id: string;
  name: string;
  legalForm: string | null;
  city: string;
  email: string | null;
  archived: boolean;
  user: { id: string; name: string; email: string };
  _count: { invoices: number; customers: number };
 };
 function MandantenTabelle({
  companies,
  title,
  archived = false,
 }: {
  companies: Company[];
  title: string;
  archived?: boolean;
 }) {
  if (companies.length === 0) return null;
  return (
    <div>
      <h2 className="text-sm font-semibold text-slate-500 uppercase tracking-wider mb-3">
        {title}
      </h2>
      <div className="rounded-lg border border-slate-200 overflow-hidden bg-white">
        <table className="w-full text-sm">
          <thead>
            <tr className="border-b border-slate-200 bg-slate-50">
              <th className="text-left px-4 py-3 font-medium text-slate-600">Mandant</th>
              <th className="text-left px-4 py-3 font-medium text-slate-600">Ort</th>
              <th className="text-left px-4 py-3 font-medium text-slate-600">Benutzer</th>
              <th className="text-right px-4 py-3 font-medium text-slate-600">Rechnungen</th>
              <th className="text-right px-4 py-3 font-medium text-slate-600">Kunden</th>
              <th className="text-right px-4 py-3 font-medium text-slate-600"></th>
            </tr>
          </thead>
          <tbody className="divide-y divide-slate-100">
            {companies.map((company) => (
              <tr key={company.id} className="hover:bg-slate-50 transition-colors">
                <td className="px-4 py-3">
                  <div className="flex items-center gap-2">
                    <Building2 className="w-4 h-4 text-slate-400 shrink-0" />
                    <div>
                      <div className="font-medium text-slate-900 flex items-center gap-2">
                        {company.name}
                        {archived && (
                          <Archive className="w-3.5 h-3.5 text-slate-400" />
                        )}
                      </div>
                      {company.legalForm && (
                        <div className="text-xs text-slate-400">{company.legalForm}</div>
                      )}
                    </div>
                  </div>
                </td>
                <td className="px-4 py-3 text-slate-600">{company.city}</td>
                <td className="px-4 py-3">
                  <div className="text-slate-700">{company.user.name}</div>
                  <div className="text-xs text-slate-400">{company.user.email}</div>
                </td>
                <td className="px-4 py-3 text-right text-slate-600">{company._count.invoices}</td>
                <td className="px-4 py-3 text-right text-slate-600">{company._count.customers}</td>
                <td className="px-4 py-3 text-right">
                  <Link
                    to={`/companies/${company.id}`}
                    className="text-indigo-600 hover:text-indigo-800 font-medium text-xs"
                  >
                    Öffnen →
                  </Link>
                </td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    </div>
  );
 }
@@ -0,0 +1,52 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const updateSchema = z.object({
  bezeichnung: z.string().min(1),
  anschaffungsdatum: z.string().min(1),
  anschaffungskosten: z.number().positive(),
  nutzungsdauerJahre: z.number().int().min(1),
  restwert: z.number().min(0),
  beschreibung: z.string().optional(),
  aktiv: z.boolean(),
 });
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const asset = await prisma.anlagegut.findFirst({
    where: { id: params.id, company: { userId: user.id } },
  });
  if (!asset) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
    await prisma.anlagegut.delete({ where: { id: params.id } });
    return Response.json({ ok: true });
  }
  const body = await request.json();
  const parsed = updateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const updated = await prisma.anlagegut.update({
    where: { id: params.id },
    data: {
      bezeichnung: parsed.data.bezeichnung,
      anschaffungsdatum: new Date(parsed.data.anschaffungsdatum),
      anschaffungskosten: parsed.data.anschaffungskosten,
      nutzungsdauerJahre: parsed.data.nutzungsdauerJahre,
      restwert: parsed.data.restwert,
      beschreibung: parsed.data.beschreibung,
      aktiv: parsed.data.aktiv,
    },
  });
  return Response.json({
    ...updated,
    anschaffungskosten: Number(updated.anschaffungskosten),
    restwert: Number(updated.restwert),
    anschaffungsdatum: updated.anschaffungsdatum.toISOString(),
  });
 }
@@ -0,0 +1,104 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 import { afaFuerJahr, buchwert, assetStatus } from "@/lib/afa";
 const createSchema = z.object({
  companyId: z.string().min(1),
  bezeichnung: z.string().min(1),
  anschaffungsdatum: z.string().min(1),
  anschaffungskosten: z.number().positive(),
  nutzungsdauerJahre: z.number().int().min(1),
  restwert: z.number().min(0).default(0),
  beschreibung: z.string().optional(),
  aktiv: z.boolean().default(true),
 });
 function toRaw(a: {
  anschaffungskosten: unknown;
  nutzungsdauerJahre: number;
  restwert: unknown;
  anschaffungsdatum: Date;
  aktiv: boolean;
 }) {
  return {
    anschaffungskosten: Number(a.anschaffungskosten),
    nutzungsdauerJahre: a.nutzungsdauerJahre,
    restwert: Number(a.restwert),
    anschaffungsdatum: a.anschaffungsdatum.toISOString(),
    aktiv: a.aktiv,
  };
 }
 export async function loader({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { searchParams } = new URL(request.url);
  const companyId = searchParams.get("companyId");
  const year = parseInt(searchParams.get("year") ?? String(new Date().getFullYear()));
  if (!companyId) return Response.json({ error: "companyId required" }, { status: 400 });
  const company = await prisma.company.findFirst({ where: { id: companyId, userId: user.id } });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const assets = await prisma.anlagegut.findMany({
    where: { companyId },
    orderBy: { anschaffungsdatum: "asc" },
  });
  return Response.json({
    year,
    assets: assets.map((a) => {
      const raw = toRaw(a);
      return {
        id: a.id,
        bezeichnung: a.bezeichnung,
        beschreibung: a.beschreibung,
        anschaffungsdatum: a.anschaffungsdatum.toISOString(),
        anschaffungskosten: raw.anschaffungskosten,
        nutzungsdauerJahre: a.nutzungsdauerJahre,
        restwert: raw.restwert,
        aktiv: a.aktiv,
        afaJahr: afaFuerJahr(raw, year),
        buchwert: buchwert(raw, year),
        status: assetStatus(raw, year),
      };
    }),
  });
 }
 export async function action({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const body = await request.json();
  const parsed = createSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const company = await prisma.company.findFirst({
    where: { id: parsed.data.companyId, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const asset = await prisma.anlagegut.create({
    data: {
      companyId: parsed.data.companyId,
      bezeichnung: parsed.data.bezeichnung,
      anschaffungsdatum: new Date(parsed.data.anschaffungsdatum),
      anschaffungskosten: parsed.data.anschaffungskosten,
      nutzungsdauerJahre: parsed.data.nutzungsdauerJahre,
      restwert: parsed.data.restwert,
      beschreibung: parsed.data.beschreibung,
      aktiv: parsed.data.aktiv,
    },
  });
  return Response.json({
    ...asset,
    anschaffungskosten: Number(asset.anschaffungskosten),
    restwert: Number(asset.restwert),
    anschaffungsdatum: asset.anschaffungsdatum.toISOString(),
  }, { status: 201 });
 }
@@ -0,0 +1,50 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const updateSchema = z.object({
  kategorie: z.string().min(1),
  betrag: z.number().positive(),
  steuersatz: z.number().min(0).default(0),
  zahlungsart: z.enum(["KASSE", "BANK"]).default("BANK"),
  datum: z.string().min(1),
  beschreibung: z.string().optional(),
 });
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const buchung = await prisma.buchung.findFirst({
    where: { id: params.id, company: { userId: user.id }, type: "ENTNAHME", isBusinessRecord: true },
  });
  if (!buchung) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
    await prisma.buchung.delete({ where: { id: params.id } });
    return Response.json({ ok: true });
  }
  const body = await request.json();
  const parsed = updateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const updated = await prisma.buchung.update({
    where: { id: params.id },
    data: {
      kategorie: parsed.data.kategorie,
      amount: parsed.data.betrag,
      steuersatz: parsed.data.steuersatz,
      zahlungsart: parsed.data.zahlungsart,
      account: parsed.data.zahlungsart === "KASSE" ? "KASSE" : "BANK",
      date: new Date(parsed.data.datum),
      description: parsed.data.beschreibung,
    },
  });
  return Response.json({
    ...updated,
    amount: Number(updated.amount),
    date: updated.date.toISOString(),
  });
 }
@@ -0,0 +1,85 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const createSchema = z.object({
  companyId: z.string().min(1),
  kategorie: z.string().min(1),
  betrag: z.number().positive(),
  steuersatz: z.number().min(0).default(0),
  zahlungsart: z.enum(["KASSE", "BANK"]).default("BANK"),
  datum: z.string().min(1),
  beschreibung: z.string().optional(),
 });
 export async function loader({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { searchParams } = new URL(request.url);
  const companyId = searchParams.get("companyId");
  const year = searchParams.get("year") ? parseInt(searchParams.get("year")!) : null;
  if (!companyId) return Response.json({ error: "companyId required" }, { status: 400 });
  const company = await prisma.company.findFirst({ where: { id: companyId, userId: user.id } });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const ausgaben = await prisma.buchung.findMany({
    where: {
      companyId,
      type: "ENTNAHME",
      isBusinessRecord: true,
      ...(year ? {
        date: {
          gte: new Date(`${year}-01-01`),
          lt: new Date(`${year + 1}-01-01`),
        },
      } : {}),
    },
    orderBy: { date: "desc" },
  });
  return Response.json(
    ausgaben.map((a) => ({
      ...a,
      amount: Number(a.amount),
      date: a.date.toISOString(),
    }))
  );
 }
 export async function action({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const body = await request.json();
  const parsed = createSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const company = await prisma.company.findFirst({
    where: { id: parsed.data.companyId, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const ausgabe = await prisma.buchung.create({
    data: {
      companyId: parsed.data.companyId,
      account: parsed.data.zahlungsart === "KASSE" ? "KASSE" : "BANK",
      type: "ENTNAHME",
      amount: parsed.data.betrag,
      date: new Date(parsed.data.datum),
      description: parsed.data.beschreibung,
      kategorie: parsed.data.kategorie,
      steuersatz: parsed.data.steuersatz,
      zahlungsart: parsed.data.zahlungsart,
      isBusinessRecord: true,
    },
  });
  return Response.json({
    ...ausgabe,
    amount: Number(ausgabe.amount),
    date: ausgabe.date.toISOString(),
  }, { status: 201 });
 }
@@ -0,0 +1,140 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { InvoiceStatus } from "@prisma/client";
 export async function loader({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { searchParams } = new URL(request.url);
  const companyId = searchParams.get("companyId");
  const year = parseInt(searchParams.get("year") ?? String(new Date().getFullYear()));
  if (!companyId) return Response.json({ error: "companyId required" }, { status: 400 });
  const company = await prisma.company.findFirst({ where: { id: companyId, userId: user.id } });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const yearStart = new Date(`${year}-01-01`);
  const yearEnd = new Date(`${year + 1}-01-01`);
  // GuV: alle Rechnungen des Jahres (PAID + SENT)
  const guvInvoices = await prisma.invoice.findMany({
    where: {
      companyId,
      status: { in: [InvoiceStatus.PAID, InvoiceStatus.SENT] },
      issueDate: { gte: yearStart, lt: yearEnd },
    },
    include: { items: true },
  });
  // Umsatzerlöse nach Steuersatz
  const erloeseByRate: Record<string, { netAmount: number; taxAmount: number; grossAmount: number }> = {};
  for (const invoice of guvInvoices) {
    for (const item of invoice.items) {
      const rate = String(Number(item.taxRate));
      if (!erloeseByRate[rate]) erloeseByRate[rate] = { netAmount: 0, taxAmount: 0, grossAmount: 0 };
      erloeseByRate[rate].netAmount += Number(item.netAmount);
      erloeseByRate[rate].taxAmount += Number(item.taxAmount);
      erloeseByRate[rate].grossAmount += Number(item.grossAmount);
    }
  }
  const guvNetto = guvInvoices.reduce((s, i) => s + Number(i.netTotal), 0);
  const guvSteuer = guvInvoices.reduce((s, i) => s + Number(i.taxTotal), 0);
  const guvBrutto = guvInvoices.reduce((s, i) => s + Number(i.grossTotal), 0);
  // Bilanz-Stichtag: 31.12. des gewählten Jahres
  // Forderungen = offene (SENT) Rechnungen bis Jahresende
  const forderungenAgg = await prisma.invoice.aggregate({
    where: { companyId, status: InvoiceStatus.SENT, issueDate: { lt: yearEnd } },
    _sum: { grossTotal: true },
    _count: true,
  });
  // Bank/Kasse-Näherung = bezahlte Rechnungen (brutto) bis Jahresende
  const bankAgg = await prisma.invoice.aggregate({
    where: { companyId, status: InvoiceStatus.PAID, issueDate: { lt: yearEnd } },
    _sum: { grossTotal: true },
    _count: true,
  });
  const forderungen = Number(forderungenAgg._sum.grossTotal ?? 0);
  const bank = Number(bankAgg._sum.grossTotal ?? 0);
  const summeAktiva = forderungen + bank;
  // Betriebsausgaben für das Jahr (from buchungen with type=ENTNAHME and isBusinessRecord=true)
  const ausgaben = await prisma.buchung.findMany({
    where: { companyId, type: "ENTNAHME", isBusinessRecord: true, date: { gte: yearStart, lt: yearEnd } },
  });
  const ausgabenGesamt = ausgaben.reduce((s, a) => s + Number(a.amount), 0);
  const ausgabenVorsteuer = ausgaben.reduce((s, a) => {
    const brutto = Number(a.amount);
    const rate = (a.steuersatz || 0) / 100;
    return s + (rate > 0 ? Math.round((brutto / (1 + rate)) * rate * 100) / 100 : 0);
  }, 0);
  // Ausgaben nach Kategorie
  const ausgabenByKategorieMap: Record<string, number> = {};
  for (const a of ausgaben) {
    const k = a.kategorie || "Sonstige";
    ausgabenByKategorieMap[k] = (ausgabenByKategorieMap[k] ?? 0) + Number(a.amount);
  }
  const ausgabenByKategorie = Object.entries(ausgabenByKategorieMap).map(([kategorie, betrag]) => ({ kategorie, betrag }));
  // Sonstige Einnahmen für das Jahr (from buchungen with type=EINLAGE and isBusinessRecord=true)
  const einnahmen = await prisma.buchung.findMany({
    where: { companyId, type: "EINLAGE", isBusinessRecord: true, date: { gte: yearStart, lt: yearEnd } },
  });
  const sonstigeEinnahmen = einnahmen.reduce((s, e) => s + Number(e.amount), 0);
  const einnahmenUst = einnahmen.reduce((s, e) => {
    const brutto = Number(e.amount);
    const rate = (e.steuersatz || 0) / 100;
    return s + (rate > 0 ? Math.round((brutto / (1 + rate)) * rate * 100) / 100 : 0);
  }, 0);
  // Kasse / Bank aus sonstigen Einnahmen und Ausgaben (nach Zahlungsart)
  const einnahmenKasse = einnahmen.filter((e) => e.zahlungsart === "KASSE").reduce((s, e) => s + Number(e.amount), 0);
  const ausgabenKasse = ausgaben.filter((a) => a.zahlungsart === "KASSE").reduce((s, a) => s + Number(a.amount), 0);
  const einnahmenBank = einnahmen.filter((e) => e.zahlungsart === "BANK").reduce((s, e) => s + Number(e.amount), 0);
  const ausgabenBank = ausgaben.filter((a) => a.zahlungsart === "BANK").reduce((s, a) => s + Number(a.amount), 0);
  // Kasse-Saldo = bezahlte Rechnungen (Kasse-Anteil wird nicht getrennt) + sonstige Einnahmen Kasse - Ausgaben Kasse
  // Bank-Näherung = bezahlte Rechnungen + sonstige Einnahmen Bank - Ausgaben Bank
  const kasseNetto = einnahmenKasse - ausgabenKasse;
  const bankNetto = bank + einnahmenBank - ausgabenBank;
  const summeAktivaErweitert = forderungen + Math.max(0, bankNetto) + Math.max(0, kasseNetto);
  const jahresergebnis = guvNetto + sonstigeEinnahmen - ausgabenGesamt;
  return Response.json({
    year,
    kleinunternehmer: company.kleinunternehmer,
    guv: {
      erloeseByRate,
      netTotal: guvNetto,
      taxTotal: guvSteuer,
      grossTotal: guvBrutto,
      invoiceCount: guvInvoices.length,
      ausgabenGesamt,
      ausgabenVorsteuer,
      ausgabenByKategorie,
      sonstigeEinnahmen,
      einnahmenUst,
      jahresergebnis,
    },
    bilanz: {
      aktiva: {
        forderungen: { betrag: forderungen, anzahl: forderungenAgg._count },
        bank: { betrag: Math.max(0, bankNetto), anzahl: bankAgg._count },
        kasse: { betrag: Math.max(0, kasseNetto) },
        summe: summeAktivaErweitert,
      },
      passiva: {
        eigenkapital: summeAktivaErweitert,
        summe: summeAktivaErweitert,
      },
    },
  });
 }
@@ -0,0 +1,51 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const updateSchema = z.object({
  name: z.string().min(1, "Name ist erforderlich").max(100),
 });
 export async function action({
  request,
  params,
 }: {
  request: Request;
  params: { id: string; katId: string };
 }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const kat = await prisma.buchungKategorie.findFirst({
    where: { id: params.katId, companyId: params.id, company: { userId: user.id } },
  });
  if (!kat) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
    const usedCount = await prisma.buchung.count({
      where: { companyId: params.id, kategorie: kat.name, isBusinessRecord: true },
    });
    if (usedCount > 0) {
      return Response.json(
        { error: `Kategorie wird von ${usedCount} Buchung(en) verwendet und kann nicht gelöscht werden.` },
        { status: 409 }
      );
    }
    await prisma.buchungKategorie.delete({ where: { id: params.katId } });
    return Response.json({ ok: true });
  }
  if (request.method === "PUT") {
    const body = await request.json();
    const parsed = updateSchema.safeParse(body);
    if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
    const updated = await prisma.buchungKategorie.update({
      where: { id: params.katId },
      data: { name: parsed.data.name },
    });
    return Response.json(updated);
  }
  return Response.json({ error: "Method not allowed" }, { status: 405 });
 }
@@ -0,0 +1,69 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const createSchema = z.object({
  name: z.string().min(1, "Name ist erforderlich").max(100),
  typ: z.enum(["AUSGABE", "EINNAHME"]),
 });
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true },
  });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const { searchParams } = new URL(request.url);
  const typ = searchParams.get("typ") as "AUSGABE" | "EINNAHME" | null;
  if (!typ || !["AUSGABE", "EINNAHME"].includes(typ)) {
    return Response.json({ error: "typ (AUSGABE|EINNAHME) required" }, { status: 400 });
  }
  const kats = await prisma.buchungKategorie.findMany({
    where: { companyId: params.id, typ },
    orderBy: { name: "asc" },
  });
  const withUsage = await Promise.all(
    kats.map(async (k) => ({
      id: k.id,
      name: k.name,
      typ: k.typ,
      inUse:
        (await prisma.buchung.count({
          where: { companyId: params.id, kategorie: k.name, isBusinessRecord: true },
        })) > 0,
    }))
  );
  return Response.json(withUsage);
 }
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true },
  });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const body = await request.json();
  const parsed = createSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const kat = await prisma.buchungKategorie.create({
    data: {
      companyId: params.id,
      name: parsed.data.name,
      typ: parsed.data.typ,
    },
  });
  return Response.json(kat, { status: 201 });
 }
@@ -0,0 +1,101 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const createSchema = z.object({
  name: z.string().min(1),
  typ: z.enum(["EINNAHME", "AUSGABE"]),
 });
 /**
 * Loader: GET all categories for a company
 *
 * Query params:
 *   - typ (optional): "EINNAHME" or "AUSGABE" to filter by type
 *
 * Returns a JSON array of BuchungKategorie records.
 */
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const { searchParams } = new URL(request.url);
  const typ = searchParams.get("typ");
  const kategorien = await prisma.buchungKategorie.findMany({
    where: {
      companyId: params.id,
      ...(typ ? { typ } : {}),
    },
    orderBy: { name: "asc" },
  });
  return Response.json(kategorien);
 }
 /**
 * Action: POST to create a new category, DELETE to remove one
 *
 * POST body:
 *   { name: string, typ: "EINNAHME" | "AUSGABE" }
 *
 * DELETE query param:
 *   - kategorieId: the id of the category to delete
 */
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  if (request.method === "DELETE") {
    const { searchParams } = new URL(request.url);
    const kategorieId = searchParams.get("kategorieId");
    if (!kategorieId) {
      return Response.json({ error: "kategorieId required" }, { status: 400 });
    }
    // Check that kategorie belongs to this company
    const kategorie = await prisma.buchungKategorie.findFirst({
      where: { id: kategorieId, companyId: params.id },
    });
    if (!kategorie) return Response.json({ error: "Category not found" }, { status: 404 });
    // Check if kategorie is in use
    const inUse = await prisma.buchung.findFirst({
      where: { kategorie: kategorie.name, companyId: params.id },
    });
    if (inUse) {
      return Response.json(
        { error: "Category is in use and cannot be deleted" },
        { status: 409 }
      );
    }
    await prisma.buchungKategorie.delete({ where: { id: kategorieId } });
    return Response.json({ ok: true });
  }
  const body = await request.json();
  const parsed = createSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const kategorie = await prisma.buchungKategorie.create({
    data: {
      companyId: params.id,
      name: parsed.data.name,
      typ: parsed.data.typ,
    },
  });
  return Response.json(kategorie, { status: 201 });
 }
@@ -0,0 +1,220 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 type Transaction = {
  id: string;
  date: string;
  account: "kasse" | "bank";
  type: "einlage" | "entnahme";
  amount: number;
  description: string;
  isBusinessRecord: boolean;
  kategorie: string | null;
 };
 function toTransaction(buchung: { id: string; date: Date; account: "KASSE" | "BANK"; type: "EINLAGE" | "ENTNAHME"; amount: { toString(): string } | number | string; description: string | null | undefined; isBusinessRecord: boolean; kategorie: string | null | undefined }): Transaction {
  return {
    id: buchung.id,
    date: buchung.date.toISOString().split("T")[0],
    account: buchung.account === "KASSE" ? "kasse" : "bank",
    type: buchung.type === "EINLAGE" ? "einlage" : "entnahme",
    amount: Number(buchung.amount),
    description: buchung.description || "",
    isBusinessRecord: buchung.isBusinessRecord,
    kategorie: buchung.kategorie || null,
  };
 }
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { id } = params;
  const company = await prisma.company.findFirst({
    where: { id, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const buchungen = (await prisma.buchung.findMany({
    where: { companyId: id },
    orderBy: { date: "desc" },
    select: {
      id: true,
      date: true,
      account: true,
      type: true,
      amount: true,
      description: true,
      isBusinessRecord: true,
      kategorie: true,
    },
  })) as unknown as Array<{ id: string; date: Date; account: "KASSE" | "BANK"; type: "EINLAGE" | "ENTNAHME"; amount: any; description: string | null; isBusinessRecord: boolean; kategorie: string | null }>;
  const transactions = buchungen.map(toTransaction);
  const balance = transactions.reduce((sum: number, t: Transaction) => sum + (t.type === "einlage" ? t.amount : -t.amount), 0 as number);
  return Response.json({ transactions, balance });
 }
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { id } = params;
  const company = await prisma.company.findFirst({
    where: { id, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const url = new URL(request.url);
  const transactionId = url.searchParams.get("transactionId");
  const method = request.method;
  const data = await request.json().catch(() => ({}));
  if (method === "POST") {
    const amount = Number(data.amount);
    if (!data.date || !data.account || Number.isNaN(amount) || amount <= 0) {
      return Response.json({ error: "Ungültige Daten" }, { status: 400 });
    }
    // Check if this is an Umbuchung (transfer between accounts)
    if (data.type === "umbuchung") {
      if (!data.toAccount) {
        return Response.json({ error: "toAccount erforderlich für Umbuchung" }, { status: 400 });
      }
      await prisma.$transaction(async (tx) => {
        // ENTNAHME from source account
        const entnahme = await tx.buchung.create({
          data: {
            companyId: id,
            date: new Date(data.date),
            account: data.account === "bank" ? "BANK" : "KASSE",
            type: "ENTNAHME",
            amount: amount,
            description: data.description || "",
          },
        });
        // EINLAGE to target account, linked to the entnahme
        await tx.buchung.create({
          data: {
            companyId: id,
            date: new Date(data.date),
            account: data.toAccount === "bank" ? "BANK" : "KASSE",
            type: "EINLAGE",
            amount: amount,
            description: data.description || "",
            linkedBuchungId: entnahme.id,
          },
        });
      });
    } else {
      if (!data.type) {
        return Response.json({ error: "type erforderlich" }, { status: 400 });
      }
      await prisma.buchung.create({
        data: {
          companyId: id,
          date: new Date(data.date),
          account: data.account === "bank" ? "BANK" : "KASSE",
          type: data.type === "entnahme" ? "ENTNAHME" : "EINLAGE",
          amount: amount,
          description: data.description || "",
        },
      });
    }
  } else if (method === "PUT") {
    if (!transactionId) return Response.json({ error: "transactionId required" }, { status: 400 });
    const amount = Number(data.amount);
    if (!data.date || !data.account || !data.type || Number.isNaN(amount) || amount <= 0) {
      return Response.json({ error: "Ungültige Daten" }, { status: 400 });
    }
    const exist = (await prisma.buchung.findFirst({
      where: { id: transactionId, companyId: id },
      select: {
        id: true,
        date: true,
        account: true,
        type: true,
        amount: true,
        description: true,
        isBusinessRecord: true,
      },
    })) as unknown as { id: string; date: Date; account: "KASSE" | "BANK"; type: "EINLAGE" | "ENTNAHME"; amount: any; description: string | null; isBusinessRecord: boolean } | null;
    if (!exist) return Response.json({ error: "Transaction not found" }, { status: 404 });
    // Block edit if this is an auto-created Buchung (from Einnahme/Ausgabe)
    if (exist.isBusinessRecord) {
      return Response.json(
        { error: "Automatisch erstellte Transaktionen können nicht direkt bearbeitet werden" },
        { status: 400 }
      );
    }
    await prisma.buchung.update({
      where: { id: transactionId },
      data: {
        date: new Date(data.date),
        account: data.account === "bank" ? "BANK" : "KASSE",
        type: data.type === "entnahme" ? "ENTNAHME" : "EINLAGE",
        amount: amount,
        description: data.description || "",
      },
    });
  } else if (method === "DELETE") {
    if (!transactionId) return Response.json({ error: "transactionId required" }, { status: 400 });
    const exist = await prisma.buchung.findFirst({ where: { id: transactionId, companyId: id } });
    if (!exist) return Response.json({ error: "Transaction not found" }, { status: 404 });
    // For Umbuchung (linked transactions), delete both
    const linkedId = (exist as any).linkedBuchungId;
    const isLinkedFrom = await prisma.buchung.findFirst({
      where: { linkedBuchungId: transactionId } as any,
    });
    if (linkedId || isLinkedFrom) {
      await prisma.$transaction(async (tx) => {
        // If this is the ENTNAHME, delete linked EINLAGE
        if (linkedId) {
          await tx.buchung.deleteMany({ where: { id: linkedId } });
        }
        // If this is the EINLAGE, delete linked ENTNAHME
        if (isLinkedFrom) {
          await tx.buchung.deleteMany({ where: { id: isLinkedFrom.id } });
        }
        // Delete this entry
        await tx.buchung.deleteMany({ where: { id: transactionId, companyId: id } });
      });
    } else {
      // Regular transaction
      await prisma.buchung.deleteMany({ where: { id: transactionId, companyId: id } });
    }
  } else {
    return Response.json({ error: "Method not allowed" }, { status: 405 });
  }
  const buchungen = await prisma.buchung.findMany({
    where: { companyId: id },
    orderBy: { date: "desc" },
    select: {
      id: true,
      date: true,
      account: true,
      type: true,
      amount: true,
      description: true,
      isBusinessRecord: true,
      kategorie: true,
    },
  });
  const transactions = buchungen.map(toTransaction);
  const balance = transactions.reduce((sum: number, t: Transaction) => sum + (t.type === "einlage" ? t.amount : -t.amount), 0 as number);
  return Response.json({ transactions, balance });
 }
@@ -1,25 +1,7 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
-import { z } from "zod";
+import { log } from "@/lib/logger.server";
-
+import { companyUpdateSchema } from "@/lib/schemas";
 const companySchema = z.object({
  name: z.string().min(1),
  legalForm: z.string().optional(),
  taxId: z.string().optional(),
  vatId: z.string().optional(),
  address: z.string().min(1),
  zip: z.string().min(1),
  city: z.string().min(1),
  country: z.string().optional(),
  email: z.string().email().optional().or(z.literal("")),
  phone: z.string().optional(),
  website: z.string().optional(),
  bankIban: z.string().optional(),
  bankBic: z.string().optional(),
  bankName: z.string().optional(),
  invoicePrefix: z.string().optional(),
  kleinunternehmer: z.boolean().optional(),
 });
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
@@ -39,7 +21,8 @@ export async function action({ request, params }: { request: Request; params: {
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
-    await prisma.company.delete({ where: { id: params.id } });
+    await prisma.company.delete({ where: { id: params.id, userId: user.id } });
    await log({ userId: user.id, action: "DELETE_COMPANY", entity: "Company", entityId: params.id, request });
    return Response.json({ ok: true });
  }
@@ -53,14 +36,17 @@ export async function action({ request, params }: { request: Request; params: {
        archivedAt: archive ? new Date() : null,
      },
    });
    const action = archive ? "ARCHIVE_COMPANY" : "UPDATE_COMPANY";
    await log({ userId: user.id, action, entity: "Company", entityId: params.id, request });
    return Response.json({ ok: true });
  }
  // PUT
  const body = await request.json();
-  const parsed = companySchema.safeParse(body);
+  const parsed = companyUpdateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const updated = await prisma.company.update({ where: { id: params.id }, data: parsed.data });
  await log({ userId: user.id, action: "UPDATE_COMPANY", entity: "Company", entityId: params.id, request });
  return Response.json(updated);
 }
@@ -1,24 +1,7 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
-import { z } from "zod";
+import { log } from "@/lib/logger.server";
-
+import { companySchema } from "@/lib/schemas";
 const companySchema = z.object({
  name: z.string().min(1),
  legalForm: z.string().optional(),
  taxId: z.string().optional(),
  address: z.string().min(1),
  zip: z.string().min(1),
  city: z.string().min(1),
  country: z.string().optional().default("DE"),
  email: z.string().email().optional().or(z.literal("")),
  phone: z.string().optional(),
  website: z.string().optional(),
  bankIban: z.string().optional(),
  bankBic: z.string().optional(),
  bankName: z.string().optional(),
  invoicePrefix: z.string().optional().default("RE"),
  kleinunternehmer: z.boolean().optional().default(false),
 });
 export async function loader({ request }: { request: Request }) {
  const user = await getApiUser(request);
@@ -47,5 +30,7 @@ export async function action({ request }: { request: Request }) {
    data: { ...parsed.data, userId: user.id },
  });
  await log({ userId: user.id, action: "CREATE_COMPANY", entity: "Company", entityId: company.id, request });
  return Response.json(company, { status: 201 });
 }
@@ -1,17 +1,7 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
-import { z } from "zod";
+import { log } from "@/lib/logger.server";
-
+import { customerUpdateSchema } from "@/lib/schemas";
 const customerSchema = z.object({
  name: z.string().min(1),
  taxId: z.string().optional(),
  address: z.string().min(1),
  zip: z.string().min(1),
  city: z.string().min(1),
  country: z.string().optional(),
  email: z.string().email().optional().or(z.literal("")),
  phone: z.string().optional(),
 });
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
@@ -35,15 +25,17 @@ export async function action({ request, params }: { request: Request; params: {
  if (!customer) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
-    await prisma.customer.delete({ where: { id: params.id } });
+    await prisma.customer.delete({ where: { id: params.id, company: { userId: user.id } } });
    await log({ userId: user.id, action: "DELETE_CUSTOMER", entity: "Customer", entityId: params.id, request });
    return Response.json({ ok: true });
  }
  // PUT
  const body = await request.json();
-  const parsed = customerSchema.safeParse(body);
+  const parsed = customerUpdateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const updated = await prisma.customer.update({ where: { id: params.id }, data: parsed.data });
  await log({ userId: user.id, action: "UPDATE_CUSTOMER", entity: "Customer", entityId: params.id, request });
  return Response.json(updated);
 }
@@ -1,18 +1,7 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
-import { z } from "zod";
+import { log } from "@/lib/logger.server";
-
+import { customerSchema } from "@/lib/schemas";
 const customerSchema = z.object({
  companyId: z.string().min(1),
  name: z.string().min(1),
  taxId: z.string().optional(),
  address: z.string().min(1),
  zip: z.string().min(1),
  city: z.string().min(1),
  country: z.string().optional().default("DE"),
  email: z.string().email().optional().or(z.literal("")),
  phone: z.string().optional(),
 });
 export async function action({ request }: { request: Request }) {
  const user = await getApiUser(request);
@@ -28,5 +17,6 @@ export async function action({ request }: { request: Request }) {
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const customer = await prisma.customer.create({ data: parsed.data });
  await log({ userId: user.id, action: "CREATE_CUSTOMER", entity: "Customer", entityId: customer.id, request });
  return Response.json(customer, { status: 201 });
 }
@@ -0,0 +1,59 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const updateSchema = z.object({
  kategorie: z.string().min(1),
  betrag: z.number().positive(),
  steuersatz: z.number().min(0).default(0),
  zahlungsart: z.enum(["KASSE", "BANK"]).default("BANK"),
  datum: z.string().min(1),
  beschreibung: z.string().optional(),
 });
 /**
 * Handles an API request to update or delete a einnahme (Buchung).
 *
 * @param {Request} request - The request object.
 * @param {Object} params - The route parameters.
 * @param {string} params.id - The id of the Buchung (einnahme) to update or delete.
 *
 * @returns {Promise<Response>} - A promise resolving to a Response object.
 */
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const buchung = await prisma.buchung.findFirst({
    where: { id: params.id, company: { userId: user.id }, type: "EINLAGE", isBusinessRecord: true },
  });
  if (!buchung) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
    await prisma.buchung.delete({ where: { id: params.id } });
    return Response.json({ ok: true });
  }
  const body = await request.json();
  const parsed = updateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const updated = await prisma.buchung.update({
    where: { id: params.id },
    data: {
      kategorie: parsed.data.kategorie,
      amount: parsed.data.betrag,
      steuersatz: parsed.data.steuersatz,
      zahlungsart: parsed.data.zahlungsart,
      account: parsed.data.zahlungsart === "KASSE" ? "KASSE" : "BANK",
      date: new Date(parsed.data.datum),
      description: parsed.data.beschreibung,
    },
  });
  return Response.json({
    ...updated,
    amount: Number(updated.amount),
    date: updated.date.toISOString(),
  });
 }
@@ -0,0 +1,119 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { z } from "zod";
 const createSchema = z.object({
  companyId: z.string().min(1),
  kategorie: z.string().min(1),
  betrag: z.number().positive(),
  steuersatz: z.number().min(0).default(0),
  zahlungsart: z.enum(["KASSE", "BANK"]).default("BANK"),
  datum: z.string().min(1),
  beschreibung: z.string().optional(),
 });
 /**
 * Loads the data for the EinnahmenPage.
 *
 * Requires a companyId search parameter. If year is provided, filters einnahmen for the given year.
 *
 * Returns a list of einnahmen (Buchungen with isBusinessRecord=true, type=EINLAGE) as a JSON object.
 *
 * If the request is unauthorized, returns a 401 response with an error message.
 * If the request body is invalid, returns a 400 response with an error message containing the validation errors.
 * If the company is not found, returns a 404 response with an error message.
 */
 export async function loader({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const { searchParams } = new URL(request.url);
  const companyId = searchParams.get("companyId");
  const year = searchParams.get("year") ? parseInt(searchParams.get("year")!) : null;
  if (!companyId) return Response.json({ error: "companyId required" }, { status: 400 });
  const company = await prisma.company.findFirst({ where: { id: companyId, userId: user.id } });
  if (!company) return Response.json({ error: "Not found" }, { status: 404 });
  const einnahmen = await prisma.buchung.findMany({
    where: {
      companyId,
      type: "EINLAGE",
      isBusinessRecord: true,
      ...(year ? {
        date: {
          gte: new Date(`${year}-01-01`),
          lt: new Date(`${year + 1}-01-01`),
        },
      } : {}),
    },
    orderBy: { date: "asc" },
  });
  return Response.json(
    einnahmen.map((e) => ({
      ...e,
      amount: Number(e.amount),
      date: e.date.toISOString(),
    }))
  );
 }
 /**
 * Creates a new einnahme (Buchung) for a given company.
 *
 * Requires a JSON object in the request body with the following shape:
 * {
 *   companyId: string,
 *   kategorie: string (BuchungKategorie name),
 *   betrag: number,
 *   steuersatz: number,
 *   zahlungsart: "KASSE" | "BANK",
 *   datum: string,
 *   beschreibung: string,
 * }
 *
 * Returns the created Buchung as a JSON object.
 *
 * If the request is unauthorized, returns a 401 response with an error message.
 * If the request body is invalid, returns a 400 response with an error message containing the validation errors.
 * If the company is not found, returns a 404 response with an error message.
 */
 export async function action({ request }: { request: Request }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const body = await request.json();
  const parsed = createSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const company = await prisma.company.findFirst({
    where: { id: parsed.data.companyId, userId: user.id },
  });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  const einnahme = await prisma.buchung.create({
    data: {
      companyId: parsed.data.companyId,
      account: parsed.data.zahlungsart === "KASSE" ? "KASSE" : "BANK",
      type: "EINLAGE",
      amount: parsed.data.betrag,
      date: new Date(parsed.data.datum),
      description: parsed.data.beschreibung,
      kategorie: parsed.data.kategorie,
      steuersatz: parsed.data.steuersatz,
      zahlungsart: parsed.data.zahlungsart,
      isBusinessRecord: true,
    },
  });
  return Response.json(
    {
      ...einnahme,
      amount: Number(einnahme.amount),
      date: einnahme.date.toISOString(),
    },
    { status: 201 }
  );
 }
@@ -1,8 +1,10 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { generateInvoiceNumber } from "@/lib/invoice-number.server";
 import { calcItemAmounts, calcInvoiceTotals, calcItemAmountsKleinunternehmer } from "@/lib/tax";
 import { log } from "@/lib/logger.server";
 import { InvoiceStatus } from "@prisma/client";
-import { z } from "zod";
+import { invoiceUpdateSchema, invoiceStatusSchema, invoiceItemSchema } from "@/lib/schemas";
 async function getInvoice(id: string, userId: string) {
  return prisma.invoice.findFirst({
@@ -21,32 +23,7 @@ export async function loader({ request, params }: { request: Request; params: {
  return Response.json(invoice);
 }
-const statusSchema = z.object({ status: z.nativeEnum(InvoiceStatus) });
+const statusSchema = invoiceStatusSchema;
 const itemSchema = z.object({
  position: z.number().int(),
  description: z.string().min(1),
  quantity: z.number().positive(),
  unit: z.string().optional(),
  unitPrice: z.number(),
  taxRate: z.number(),
  netAmount: z.number(),
  taxAmount: z.number(),
  grossAmount: z.number(),
 });
 const updateSchema = z.object({
  customerId: z.string().min(1),
  issueDate: z.string(),
  deliveryDate: z.string().optional(),
  dueDate: z.string(),
  notes: z.string().optional(),
  kleinunternehmer: z.boolean().optional().default(false),
  items: z.array(itemSchema).min(1),
  netTotal: z.number(),
  taxTotal: z.number(),
  grossTotal: z.number(),
 });
 export async function action({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
@@ -57,10 +34,24 @@ export async function action({ request, params }: { request: Request; params: {
  if (request.method === "PUT") {
    const body = await request.json();
-    const parsed = updateSchema.safeParse(body);
+    const parsed = invoiceUpdateSchema.safeParse(body);
    if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
-    const { items, ...invoiceData } = parsed.data;
+    const { items, kleinunternehmer, ...invoiceData } = parsed.data;
    // Use provided kleinunternehmer or fall back to company setting
    const isKleinunternehmer = kleinunternehmer ?? invoice.company.kleinunternehmer;
    // Server-side recalculation of all amounts
    const recalculatedItems = items.map(item => ({
      ...item,
      ...(isKleinunternehmer
        ? calcItemAmountsKleinunternehmer(item.quantity, item.unitPrice)
        : calcItemAmounts(item.quantity, item.unitPrice, item.taxRate)),
    }));
    const totals = calcInvoiceTotals(recalculatedItems);
    const updated = await prisma.$transaction(async (tx) => {
      await tx.invoiceItem.deleteMany({ where: { invoiceId: params.id } });
      return tx.invoice.update({
@@ -71,14 +62,31 @@ export async function action({ request, params }: { request: Request; params: {
          deliveryDate: invoiceData.deliveryDate ? new Date(invoiceData.deliveryDate) : null,
          dueDate: new Date(invoiceData.dueDate),
          notes: invoiceData.notes ?? null,
-          kleinunternehmer: invoiceData.kleinunternehmer,
+          kleinunternehmer: isKleinunternehmer,
-          netTotal: invoiceData.netTotal,
+          netTotal: totals.netTotal,
-          taxTotal: invoiceData.taxTotal,
+          taxTotal: totals.taxTotal,
-          grossTotal: invoiceData.grossTotal,
+          grossTotal: totals.grossTotal,
-          items: { create: items },
+          items: { create: recalculatedItems },
        },
        include: { items: true, customer: true, company: true },
      });
    });
    await log({
      userId: user.id,
      action: "UPDATE_INVOICE",
      entity: "Invoice",
      entityId: params.id,
      metadata: {
        customerId: invoiceData.customerId,
        oldGrossTotal: invoice.grossTotal.toString(),
        newGrossTotal: totals.grossTotal.toString(),
        itemCount: recalculatedItems.length,
        kleinunternehmer: isKleinunternehmer,
      },
      request,
    });
    return Response.json(updated);
  }
@@ -92,30 +100,116 @@ export async function action({ request, params }: { request: Request; params: {
      );
    }
    await prisma.invoice.delete({ where: { id: params.id } });
    await log({
      userId: user.id,
      action: "DELETE_INVOICE",
      entity: "Invoice",
      entityId: params.id,
      metadata: {
        status: invoice.status,
        grossTotal: invoice.grossTotal.toString(),
        number: invoice.number,
      },
      request,
    });
    return Response.json({ ok: true });
  }
-  // PATCH
+  // PATCH – Status change with validation
  const body = await request.json();
  const parsed = statusSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
  const newStatus = parsed.data.status;
  const oldStatus = invoice.status;
  // Validate status transitions
  const validTransitions: Record<InvoiceStatus, InvoiceStatus[]> = {
    DRAFT: ["SENT", "CANCELLED", "DELETED"],
    SENT: ["PAID", "CANCELLED", "DRAFT", "DELETED"],
    PAID: ["CANCELLED", "DELETED"],
    CANCELLED: ["DRAFT", "DELETED"],
    DELETED: ["DRAFT"],
  };
  if (!validTransitions[oldStatus]?.includes(newStatus)) {
    return Response.json(
      { error: `Ungültiger Statuswechsel von ${oldStatus} zu ${newStatus}` },
      { status: 400 }
    );
  }
  let numberUpdate: string | null | undefined = undefined;
  if (newStatus === "DELETED") {
    numberUpdate = null;
-  } else if (invoice.status === "DELETED") {
+  } else if (oldStatus === "DELETED") {
    numberUpdate = await generateInvoiceNumber(invoice.companyId);
  }
  // Handle Buchung sync: Create when PAID, delete when unpaying
  if (newStatus === "PAID" && oldStatus !== "PAID") {
    // Create a Buchung for the invoice payment
    const buchung = await prisma.buchung.create({
      data: {
        companyId: invoice.companyId,
        date: invoice.issueDate,
        account: "BANK",
        type: "EINLAGE",
        amount: invoice.grossTotal,
        description: `Rechnung ${invoice.number}`,
        kategorie: "Rechnungseinnahme",
        isBusinessRecord: true,
      },
    });
    // Update invoice with buchungId
    const updated = await prisma.invoice.update({
      where: { id: params.id },
      data: {
        status: newStatus,
        buchungId: buchung.id,
        deletedAt: null,
        ...(numberUpdate !== undefined && { number: numberUpdate }),
      },
      include: { items: true, customer: true, company: true },
    });
    await log({
      userId: user.id,
      action: "UPDATE_INVOICE_STATUS",
      entity: "Invoice",
      entityId: params.id,
      metadata: { oldStatus, newStatus, buchungId: buchung.id },
      request,
    });
    return Response.json(updated);
  }
  if (newStatus !== "PAID" && oldStatus === "PAID" && invoice.buchungId) {
    // Delete the linked Buchung when unpaying
    await prisma.buchung.delete({ where: { id: invoice.buchungId } });
  }
  const updated = await prisma.invoice.update({
    where: { id: params.id },
    data: {
      status: newStatus,
      buchungId: newStatus === "PAID" ? invoice.buchungId : null,
      deletedAt: newStatus === "DELETED" ? new Date() : null,
      ...(numberUpdate !== undefined && { number: numberUpdate }),
    },
    include: { items: true, customer: true, company: true },
  });
  await log({
    userId: user.id,
    action: "UPDATE_INVOICE_STATUS",
    entity: "Invoice",
    entityId: params.id,
    metadata: { oldStatus, newStatus },
    request,
  });
  return Response.json(updated);
 }
@@ -0,0 +1,207 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 const UNIT_C62 = "C62" as const;
 const UNIT_HUR = "HUR" as const;
 const UNIT_DAY = "DAY" as const;
 const UNIT_MON = "MON" as const;
 const UNIT_ANN = "ANN" as const;
 const UNIT_KMT = "KMT" as const;
 type UnitCode = typeof UNIT_C62 | typeof UNIT_HUR | typeof UNIT_DAY | typeof UNIT_MON | typeof UNIT_ANN | typeof UNIT_KMT;
 function toUnitCode(unit: string | null | undefined): UnitCode {
  if (!unit) return UNIT_C62;
  const u = unit.toLowerCase().trim();
  if (u === "stunde" || u === "stunden" || u === "h" || u === "std" || u === "hour") return UNIT_HUR;
  if (u === "tag" || u === "tage" || u === "day" || u === "days") return UNIT_DAY;
  if (u === "monat" || u === "monate" || u === "month") return UNIT_MON;
  if (u === "jahr" || u === "jahre" || u === "year") return UNIT_ANN;
  if (u === "km") return UNIT_KMT;
  return UNIT_C62;
 }
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await getApiUser(request);
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const invoice = await prisma.invoice.findFirst({
    where: { id: params.id, company: { userId: user.id } },
    include: {
      items: { orderBy: { position: "asc" } },
      customer: true,
      company: true,
    },
  });
  if (!invoice) return Response.json({ error: "Not found" }, { status: 404 });
  const missingFields: string[] = [];
  if (!invoice.company.phone) {
    missingFields.push("Firma: Telefonnummer (BT-42, Pflichtfeld)");
  }
  if (!invoice.company.email) {
    missingFields.push("Firma: E-Mail-Adresse (BT-43, Pflichtfeld)");
  }
  if (missingFields.length > 0) {
    return Response.json(
      { error: "Pflichtfelder für E-Rechnung fehlen", missingFields },
      { status: 422 }
    );
  }
  const { zugferd } = await import("node-zugferd");
  const { EN16931 } = await import("node-zugferd/profile");
  const z = zugferd({ profile: EN16931, strict: false });
  const isKleinunternehmer = invoice.kleinunternehmer;
  const netTotal = Number(invoice.netTotal);
  const taxTotal = Number(invoice.taxTotal);
  const grossTotal = Number(invoice.grossTotal);
  // Group taxes by rate for vatBreakdown
  const taxGroups: Record<number, { basis: number; tax: number }> = {};
  for (const item of invoice.items) {
    const rate = Number(item.taxRate);
    if (!taxGroups[rate]) taxGroups[rate] = { basis: 0, tax: 0 };
    taxGroups[rate].basis += Number(item.netAmount);
    taxGroups[rate].tax += Number(item.taxAmount);
  }
  const vatBreakdown = isKleinunternehmer
    ? [
        {
          calculatedAmount: 0,
          typeCode: "VAT",
          basisAmount: netTotal,
          categoryCode: "E" as const,
          rateApplicablePercent: 0,
          exemptionReasonText: "Steuerbefreiung gemäß §19 Abs. 1 UStG",
        },
      ]
    : Object.entries(taxGroups).map(([rate, { basis, tax }]) => ({
        calculatedAmount: tax,
        typeCode: "VAT",
        basisAmount: basis,
        categoryCode: "S" as const,
        rateApplicablePercent: Number(rate),
      }));
  const lines = invoice.items.map((item, index) => ({
    identifier: String(index + 1),
    tradeProduct: { name: item.description },
    tradeDelivery: {
      billedQuantity: {
        amount: Number(item.quantity),
        unitMeasureCode: toUnitCode(item.unit),
      },
    },
    tradeAgreement: {
      netTradePrice: { chargeAmount: Number(item.unitPrice) },
    },
    tradeSettlement: {
      tradeTax: {
        typeCode: "VAT",
        categoryCode: (isKleinunternehmer ? "E" : "S") as "E" | "S",
        rateApplicablePercent: isKleinunternehmer ? 0 : Number(item.taxRate),
      },
      monetarySummation: { lineTotalAmount: Number(item.netAmount) },
    },
  }));
  const doc = z.create({
    businessProcessType: "urn:fdc:peppol.eu:2017:poacc:billing:01:1.0",
    specificationIdentifier: "urn:cen.eu:en16931:2017#compliant#urn:xeinkauf.de:kosit:xrechnung_3.0",
    number: invoice.number ?? invoice.id,
    typeCode: "380",
    issueDate: invoice.issueDate,
    transaction: {
      tradeAgreement: {
        buyerReference: invoice.number ?? invoice.id,
        seller: {
          name: invoice.company.name,
          postalAddress: {
            ...(invoice.company.zip ? { postCode: invoice.company.zip } : {}),
            ...(invoice.company.address ? { line1: invoice.company.address } : {}),
            ...(invoice.company.city ? { city: invoice.company.city } : {}),
            countryCode: "DE",
          },
          ...(invoice.company.email || invoice.company.phone
            ? {
                tradeContact: {
                  name: invoice.company.name,
                  ...(invoice.company.email ? { emailAddress: invoice.company.email } : {}),
                  ...(invoice.company.phone ? { phoneNumber: invoice.company.phone } : {}),
                },
              }
            : {}),
          ...(invoice.company.email
            ? { electronicAddress: { value: invoice.company.email, schemeIdentifier: "EM" as const } }
            : {}),
          taxRegistration: {
            ...(invoice.company.vatId ? { vatIdentifier: invoice.company.vatId } : {}),
            ...(invoice.company.taxId ? { localIdentifier: invoice.company.taxId } : {}),
          },
        },
        buyer: {
          name: invoice.customer.name,
          postalAddress: {
            ...(invoice.customer.zip ? { postCode: invoice.customer.zip } : {}),
            ...(invoice.customer.address ? { line1: invoice.customer.address } : {}),
            ...(invoice.customer.city ? { city: invoice.customer.city } : {}),
            countryCode: "DE",
          },
          ...(invoice.customer.email
            ? { electronicAddress: { value: invoice.customer.email, schemeIdentifier: "EM" as const } }
            : {}),
        },
      },
      tradeDelivery: {
        ...(invoice.deliveryDate
          ? { information: { deliveryDate: invoice.deliveryDate } }
          : {}),
      },
      tradeSettlement: {
        currencyCode: "EUR",
        paymentTerms: { dueDate: invoice.dueDate },
        ...(invoice.company.bankIban
          ? {
              paymentInstruction: {
                typeCode: "58" as const,
                transfers: [{ paymentAccountIdentifier: invoice.company.bankIban }],
              },
            }
          : {
              paymentInstruction: {
                typeCode: "ZZZ" as const,
              },
            }),
        vatBreakdown,
        monetarySummation: {
          lineTotalAmount: netTotal,
          taxBasisTotalAmount: netTotal,
          taxTotal: { amount: taxTotal, currencyCode: "EUR" as const },
          grandTotalAmount: grossTotal,
          duePayableAmount: grossTotal,
        },
      },
      line: lines,
    },
  });
  let xml: string;
  try {
    xml = await doc.toXML() as string;
  } catch (err) {
    const message = err instanceof Error ? err.message : "Unbekannter Fehler";
    return Response.json({ error: `E-Rechnung konnte nicht erstellt werden: ${message}` }, { status: 422 });
  }
  return new Response(xml, {
    status: 200,
    headers: {
      "Content-Type": "application/xml; charset=utf-8",
      "Content-Disposition": `attachment; filename="rechnung-${invoice.number ?? invoice.id}.xml"`,
    },
  });
 }
@@ -1,33 +1,13 @@
 import { getApiUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { generateInvoiceNumber } from "@/lib/invoice-number.server";
-import { z } from "zod";
+import { calcItemAmounts, calcInvoiceTotals, calcItemAmountsKleinunternehmer } from "@/lib/tax";
 import { log } from "@/lib/logger.server";
 import { invoiceSchema, invoiceItemSchema } from "@/lib/schemas";
-const itemSchema = z.object({
+const itemSchema = invoiceItemSchema;
  position: z.number().int(),
  description: z.string().min(1),
  quantity: z.number().positive(),
  unit: z.string().optional(),
  unitPrice: z.number(),
  taxRate: z.number(),
  netAmount: z.number(),
  taxAmount: z.number(),
  grossAmount: z.number(),
 });
-const invoiceSchema = z.object({
+const invoiceCreateSchema = invoiceSchema;
  companyId: z.string().min(1),
  customerId: z.string().min(1),
  issueDate: z.string(),
  deliveryDate: z.string().optional(),
  dueDate: z.string(),
  notes: z.string().optional(),
  kleinunternehmer: z.boolean().optional().default(false),
  items: z.array(itemSchema).min(1),
  netTotal: z.number(),
  taxTotal: z.number(),
  grossTotal: z.number(),
 });
 /**
 * Creates a new invoice for a given company.
@@ -67,14 +47,27 @@ export async function action({ request }: { request: Request }) {
  if (!user) return Response.json({ error: "Unauthorized" }, { status: 401 });
  const body = await request.json();
-  const parsed = invoiceSchema.safeParse(body);
+  const parsed = invoiceCreateSchema.safeParse(body);
  if (!parsed.success) return Response.json({ error: parsed.error.issues }, { status: 400 });
-  const { items, companyId, ...invoiceData } = parsed.data;
+  const { items, companyId, kleinunternehmer, ...invoiceData } = parsed.data;
  const company = await prisma.company.findFirst({ where: { id: companyId, userId: user.id } });
  if (!company) return Response.json({ error: "Company not found" }, { status: 404 });
  // Use company's kleinunternehmer setting, fallback to request data
  const isKleinunternehmer = kleinunternehmer ?? company.kleinunternehmer;
  // Server-side recalculation of all amounts
  const recalculatedItems = items.map(item => ({
    ...item,
    ...(isKleinunternehmer
      ? calcItemAmountsKleinunternehmer(item.quantity, item.unitPrice)
      : calcItemAmounts(item.quantity, item.unitPrice, item.taxRate)),
  }));
  const totals = calcInvoiceTotals(recalculatedItems);
  const number = await generateInvoiceNumber(companyId);
  const invoice = await prisma.invoice.create({
@@ -82,13 +75,32 @@ export async function action({ request }: { request: Request }) {
      ...invoiceData,
      number,
      companyId,
      kleinunternehmer: isKleinunternehmer,
      issueDate: new Date(invoiceData.issueDate),
      deliveryDate: invoiceData.deliveryDate ? new Date(invoiceData.deliveryDate) : null,
      dueDate: new Date(invoiceData.dueDate),
-      items: { create: items },
+      netTotal: totals.netTotal,
      taxTotal: totals.taxTotal,
      grossTotal: totals.grossTotal,
      items: { create: recalculatedItems },
    },
    include: { items: true, customer: true },
  });
  await log({
    userId: user.id,
    action: "CREATE_INVOICE",
    entity: "Invoice",
    entityId: invoice.id,
    metadata: {
      number: invoice.number,
      customerId: invoice.customerId,
      grossTotal: invoice.grossTotal.toString(),
      itemCount: recalculatedItems.length,
      kleinunternehmer: isKleinunternehmer,
    },
    request,
  });
  return Response.json(invoice, { status: 201 });
 }
@@ -20,7 +20,7 @@ export async function action({ request, params }: { request: Request; params: {
  if (!service) return Response.json({ error: "Not found" }, { status: 404 });
  if (request.method === "DELETE") {
-    await prisma.service.delete({ where: { id: params.id } });
+    await prisma.service.delete({ where: { id: params.id, company: { userId: user.id } } });
    return Response.json({ ok: true });
  }
@@ -0,0 +1,557 @@
 import { useState } from "react";
 import { Link, useLoaderData, useRevalidator } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import {
  Dialog,
  DialogContent,
  DialogHeader,
  DialogTitle,
 } from "@/components/ui/dialog";
 import { ChevronLeft, Plus, Pencil, Trash2, Loader2 } from "lucide-react";
 import { formatCurrency } from "@/lib/tax";
 import { afaFuerJahr, buchwert, assetStatus, type AnlagegutRaw } from "@/lib/afa";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Anlagevermögen" },
  ],
 };
 interface Asset {
  id: string;
  bezeichnung: string;
  beschreibung: string | null;
  anschaffungsdatum: string;
  anschaffungskosten: number;
  nutzungsdauerJahre: number;
  restwert: number;
  aktiv: boolean;
 }
 interface AssetWithAfa extends Asset {
  afaJahr: number;
  buchwertJahr: number;
  statusLabel: string;
 }
 function enrichAsset(a: Asset, year: number): AssetWithAfa {
  const raw: AnlagegutRaw = {
    anschaffungskosten: a.anschaffungskosten,
    nutzungsdauerJahre: a.nutzungsdauerJahre,
    restwert: a.restwert,
    anschaffungsdatum: a.anschaffungsdatum,
    aktiv: a.aktiv,
  };
  return {
    ...a,
    afaJahr: afaFuerJahr(raw, year),
    buchwertJahr: buchwert(raw, year),
    statusLabel: assetStatus(raw, year),
  };
 }
 const STATUS_VARIANTS: Record<string, "success" | "secondary" | "outline"> = {
  aktiv: "success",
  "vollständig abgeschrieben": "secondary",
  inaktiv: "outline",
 };
 const emptyForm = {
  bezeichnung: "",
  anschaffungsdatum: "",
  anschaffungskosten: "",
  nutzungsdauerJahre: "",
  restwert: "0",
  beschreibung: "",
  aktiv: true,
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  const assets = await prisma.anlagegut.findMany({
    where: { companyId: params.id },
    orderBy: { anschaffungsdatum: "asc" },
  });
  return {
    companyId: company.id,
    companyName: company.name,
    initialYear: new Date().getFullYear(),
    assets: assets.map((a) => ({
      id: a.id,
      bezeichnung: a.bezeichnung,
      beschreibung: a.beschreibung,
      anschaffungsdatum: a.anschaffungsdatum.toISOString(),
      anschaffungskosten: Number(a.anschaffungskosten),
      nutzungsdauerJahre: a.nutzungsdauerJahre,
      restwert: Number(a.restwert),
      aktiv: a.aktiv,
    })),
  };
 }
 export default function AnlagevermoegenPage() {
  const { assets: initialAssets, companyId, companyName, initialYear } =
    useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [year, setYear] = useState(initialYear);
  const [assets, setAssets] = useState<Asset[]>(initialAssets);
  const [loadingYear, setLoadingYear] = useState(false);
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingAsset, setEditingAsset] = useState<Asset | null>(null);
  const [form, setForm] = useState(emptyForm);
  const years = Array.from({ length: 10 }, (_, i) => new Date().getFullYear() + 2 - i);
  async function loadYear(y: number) {
    setYear(y);
    setLoadingYear(true);
    const res = await fetch(`/api/anlagevermoegen?companyId=${companyId}&year=${y}`);
    const data = await res.json();
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    setAssets(data.assets.map((a: any) => ({
      id: a.id,
      bezeichnung: a.bezeichnung,
      beschreibung: a.beschreibung,
      anschaffungsdatum: a.anschaffungsdatum,
      anschaffungskosten: a.anschaffungskosten,
      nutzungsdauerJahre: a.nutzungsdauerJahre,
      restwert: a.restwert,
      aktiv: a.aktiv,
    })));
    setLoadingYear(false);
  }
  function openCreate() {
    setEditingAsset(null);
    setForm(emptyForm);
    setDialogOpen(true);
  }
  function openEdit(asset: Asset) {
    setEditingAsset(asset);
    setForm({
      bezeichnung: asset.bezeichnung,
      anschaffungsdatum: asset.anschaffungsdatum.slice(0, 10),
      anschaffungskosten: String(asset.anschaffungskosten),
      nutzungsdauerJahre: String(asset.nutzungsdauerJahre),
      restwert: String(asset.restwert),
      beschreibung: asset.beschreibung ?? "",
      aktiv: asset.aktiv,
    });
    setDialogOpen(true);
  }
  async function handleSave() {
    setSaving(true);
    const payload = {
      bezeichnung: form.bezeichnung,
      anschaffungsdatum: form.anschaffungsdatum,
      anschaffungskosten: parseFloat(form.anschaffungskosten),
      nutzungsdauerJahre: parseInt(form.nutzungsdauerJahre),
      restwert: parseFloat(form.restwert) || 0,
      beschreibung: form.beschreibung || undefined,
      aktiv: form.aktiv,
    };
    try {
      if (editingAsset) {
        await fetch(`/api/anlagevermoegen/${editingAsset.id}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(payload),
        });
      } else {
        await fetch("/api/anlagevermoegen", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ ...payload, companyId }),
        });
      }
      setDialogOpen(false);
      await loadYear(year);
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(id: string) {
    if (!confirm("Anlagegut wirklich löschen?")) return;
    setDeleting(id);
    await fetch(`/api/anlagevermoegen/${id}`, { method: "DELETE" });
    setDeleting(null);
    await loadYear(year);
    revalidate();
  }
  const enriched = assets.map((a) => enrichAsset(a, year));
  const aktiveAnlagen = enriched.filter((a) => a.aktiv && a.statusLabel === "aktiv").length;
  const gesamtAfa = enriched.reduce((s, a) => s + a.afaJahr, 0);
  const gesamtBuchwert = enriched.reduce((s, a) => s + a.buchwertJahr, 0);
  const formValid =
    form.bezeichnung.trim().length > 0 &&
    form.anschaffungsdatum.length > 0 &&
    parseFloat(form.anschaffungskosten) > 0 &&
    parseInt(form.nutzungsdauerJahre) >= 1;
  return (
    <div>
      <Link
        to={`/companies/${companyId}`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zum Mandanten
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Anlagevermögen</h1>
          <p className="text-gray-500 mt-1">
            {companyName} · {year}
          </p>
        </div>
        <div className="flex items-center gap-3">
          <select
            value={year}
            onChange={(e) => loadYear(Number(e.target.value))}
            className="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
          >
            {years.map((y) => (
              <option key={y} value={y}>
                {y}
              </option>
            ))}
          </select>
          <Button onClick={openCreate}>
            <Plus className="h-4 w-4" />
            Neues Anlagegut
          </Button>
        </div>
      </div>
      {/* Zusammenfassung */}
      <div className="grid grid-cols-3 gap-4 mb-6">
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Aktive Anlagen</p>
            <p className="text-xl font-bold text-gray-900">{aktiveAnlagen}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">AfA gesamt {year}</p>
            <p className="text-xl font-bold text-rose-600">{formatCurrency(gesamtAfa)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Gesamter Buchwert</p>
            <p className="text-xl font-bold text-indigo-600">{formatCurrency(gesamtBuchwert)}</p>
          </CardContent>
        </Card>
      </div>
      {/* Tabelle */}
      {loadingYear ? (
        <div className="flex items-center justify-center py-16 text-gray-400">
          <Loader2 className="h-6 w-6 animate-spin mr-2" />
          Lade Anlagen...
        </div>
      ) : enriched.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Anlagegüter erfasst.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" />
              Erstes Anlagegut hinzufügen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <Card>
          <div className="overflow-x-auto">
            <table className="w-full text-sm border-collapse">
              <thead>
                <tr className="border-b border-slate-200 bg-slate-50">
                  <th className="px-4 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Bezeichnung
                  </th>
                  <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Anschaffung
                  </th>
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    AK
                  </th>
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    ND (J)
                  </th>
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    AfA {year}
                  </th>
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Buchwert 31.12.{year}
                  </th>
                  <th className="px-3 py-2.5 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Status
                  </th>
                  <th className="px-3 py-2.5 w-16" />
                </tr>
              </thead>
              <tbody className="divide-y divide-slate-100">
                {enriched.map((asset) => (
                  <tr key={asset.id} className="hover:bg-slate-50/60 group">
                    <td className="px-4 py-2.5">
                      <p className="font-medium text-slate-800">{asset.bezeichnung}</p>
                      {asset.beschreibung && (
                        <p className="text-xs text-slate-400 truncate max-w-xs">
                          {asset.beschreibung}
                        </p>
                      )}
                    </td>
                    <td className="px-3 py-2.5 text-slate-600 whitespace-nowrap">
                      {new Date(asset.anschaffungsdatum).toLocaleDateString("de-DE")}
                    </td>
                    <td className="px-3 py-2.5 text-right text-slate-700 font-medium whitespace-nowrap">
                      {formatCurrency(asset.anschaffungskosten)}
                    </td>
                    <td className="px-3 py-2.5 text-right text-slate-600">
                      {asset.nutzungsdauerJahre}
                    </td>
                    <td className="px-3 py-2.5 text-right font-medium whitespace-nowrap">
                      {asset.afaJahr > 0 ? (
                        <span className="text-rose-600">{formatCurrency(asset.afaJahr)}</span>
                      ) : (
                        <span className="text-slate-300">—</span>
                      )}
                    </td>
                    <td className="px-3 py-2.5 text-right font-medium text-indigo-700 whitespace-nowrap">
                      {formatCurrency(asset.buchwertJahr)}
                    </td>
                    <td className="px-3 py-2.5 text-center">
                      <Badge variant={STATUS_VARIANTS[asset.statusLabel] ?? "outline"}>
                        {asset.statusLabel}
                      </Badge>
                    </td>
                    <td className="px-3 py-2.5">
                      <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                        <button
                          onClick={() => openEdit(asset)}
                          className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                          title="Bearbeiten"
                        >
                          <Pencil className="h-3.5 w-3.5" />
                        </button>
                        <button
                          onClick={() => handleDelete(asset.id)}
                          disabled={deleting === asset.id}
                          className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600"
                          title="Löschen"
                        >
                          {deleting === asset.id ? (
                            <Loader2 className="h-3.5 w-3.5 animate-spin" />
                          ) : (
                            <Trash2 className="h-3.5 w-3.5" />
                          )}
                        </button>
                      </div>
                    </td>
                  </tr>
                ))}
              </tbody>
              <tfoot>
                <tr className="border-t-2 border-slate-300 bg-slate-50">
                  <td colSpan={4} className="px-4 py-2.5 text-xs font-bold text-slate-700">
                    Gesamt
                  </td>
                  <td className="px-3 py-2.5 text-right text-xs font-bold text-rose-600">
                    {formatCurrency(gesamtAfa)}
                  </td>
                  <td className="px-3 py-2.5 text-right text-xs font-bold text-indigo-700">
                    {formatCurrency(gesamtBuchwert)}
                  </td>
                  <td colSpan={2} />
                </tr>
              </tfoot>
            </table>
          </div>
          <div className="px-3 py-2 border-t border-slate-100 text-xs text-slate-400">
            AfA: lineare Abschreibung nach §7 EStG · Buchwert zum 31.12. des gewählten Jahres
          </div>
        </Card>
      )}
      {/* Dialog: Anlegen / Bearbeiten */}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-lg">
          <DialogHeader>
            <DialogTitle>
              {editingAsset ? "Anlagegut bearbeiten" : "Neues Anlagegut"}
            </DialogTitle>
          </DialogHeader>
          <div className="grid gap-4 py-2">
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Bezeichnung <span className="text-red-500">*</span>
              </label>
              <input
                type="text"
                value={form.bezeichnung}
                onChange={(e) => setForm((f) => ({ ...f, bezeichnung: e.target.value }))}
                placeholder="z.B. Laptop, Firmenwagen, Maschine"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
              />
            </div>
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Anschaffungsdatum <span className="text-red-500">*</span>
                </label>
                <input
                  type="date"
                  value={form.anschaffungsdatum}
                  onChange={(e) => setForm((f) => ({ ...f, anschaffungsdatum: e.target.value }))}
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Nutzungsdauer (Jahre) <span className="text-red-500">*</span>
                </label>
                <input
                  type="number"
                  min="1"
                  value={form.nutzungsdauerJahre}
                  onChange={(e) =>
                    setForm((f) => ({ ...f, nutzungsdauerJahre: e.target.value }))
                  }
                  placeholder="z.B. 3"
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                />
              </div>
            </div>
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Anschaffungskosten (€) <span className="text-red-500">*</span>
                </label>
                <input
                  type="number"
                  min="0.01"
                  step="0.01"
                  value={form.anschaffungskosten}
                  onChange={(e) =>
                    setForm((f) => ({ ...f, anschaffungskosten: e.target.value }))
                  }
                  placeholder="0,00"
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Restwert (€)
                </label>
                <input
                  type="number"
                  min="0"
                  step="0.01"
                  value={form.restwert}
                  onChange={(e) => setForm((f) => ({ ...f, restwert: e.target.value }))}
                  placeholder="0,00"
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                />
              </div>
            </div>
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Beschreibung
              </label>
              <textarea
                rows={2}
                value={form.beschreibung}
                onChange={(e) => setForm((f) => ({ ...f, beschreibung: e.target.value }))}
                placeholder="Optionale Notizen"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 resize-none"
              />
            </div>
            <div className="flex items-center gap-2">
              <input
                type="checkbox"
                id="aktiv"
                checked={form.aktiv}
                onChange={(e) => setForm((f) => ({ ...f, aktiv: e.target.checked }))}
                className="rounded"
              />
              <label htmlFor="aktiv" className="text-sm text-gray-700">
                Anlagegut ist aktiv
              </label>
            </div>
            {/* AfA-Vorschau */}
            {formValid && (() => {
              const raw: AnlagegutRaw = {
                anschaffungskosten: parseFloat(form.anschaffungskosten),
                nutzungsdauerJahre: parseInt(form.nutzungsdauerJahre),
                restwert: parseFloat(form.restwert) || 0,
                anschaffungsdatum: form.anschaffungsdatum,
                aktiv: form.aktiv,
              };
              const afa = afaFuerJahr(raw, year);
              const bw = buchwert(raw, year);
              const jahresAfaVoll =
                Math.round(
                  ((raw.anschaffungskosten - raw.restwert) / raw.nutzungsdauerJahre) * 100
                ) / 100;
              return (
                <div className="rounded-lg bg-indigo-50 border border-indigo-100 px-3 py-2 text-xs text-indigo-700 space-y-1">
                  <p>
                    <strong>Jährliche AfA:</strong> {formatCurrency(jahresAfaVoll)}
                  </p>
                  <p>
                    <strong>AfA {year}:</strong> {formatCurrency(afa)}
                  </p>
                  <p>
                    <strong>Buchwert 31.12.{year}:</strong> {formatCurrency(bw)}
                  </p>
                </div>
              );
            })()}
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>
              Abbrechen
            </Button>
            <Button onClick={handleSave} disabled={saving || !formValid}>
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingAsset ? "Speichern" : "Hinzufügen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,271 @@
 import { useState } from "react";
 import { Link, useLoaderData, useRevalidator } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { DEFAULT_AUSGABE_KATEGORIEN } from "@/lib/kategorie-defaults";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { ChevronLeft, Plus, Pencil, Trash2, Loader2 } from "lucide-react";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Betriebsausgaben", href: `/companies/${data.companyId}/buchhaltung/ausgaben` },
    { label: "Kategorien" },
  ],
 };
 interface Kategorie {
  id: string;
  name: string;
  inUse: boolean;
 }
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  // Auto-seed Standardkategorien wenn noch keine vorhanden
  const existing = await prisma.buchungKategorie.count({
    where: { companyId: params.id, typ: "AUSGABE" },
  });
  if (existing === 0) {
    await prisma.buchungKategorie.createMany({
      data: DEFAULT_AUSGABE_KATEGORIEN.map((name) => ({
        companyId: params.id,
        name,
        typ: "AUSGABE",
      })),
      skipDuplicates: true,
    });
  }
  const kats = await prisma.buchungKategorie.findMany({
    where: { companyId: params.id, typ: "AUSGABE" },
    orderBy: { name: "asc" },
  });
  const withUsage = await Promise.all(
    kats.map(async (k) => ({
      id: k.id,
      name: k.name,
      inUse:
        (await prisma.buchung.count({
          where: { companyId: params.id, kategorie: k.name, isBusinessRecord: true },
        })) > 0,
    }))
  );
  return {
    companyId: company.id,
    companyName: company.name,
    kategorien: withUsage,
  };
 }
 export default function AusgabenKategorienPage() {
  const { kategorien: initialKategorien, companyId, companyName } =
    useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [kategorien, setKategorien] = useState<Kategorie[]>(initialKategorien);
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingId, setEditingId] = useState<string | null>(null);
  const [name, setName] = useState("");
  const [nameError, setNameError] = useState("");
  async function reload() {
    const res = await fetch(`/api/companies/${companyId}/buchungkategorien?typ=AUSGABE`);
    const data: Kategorie[] = await res.json();
    setKategorien(data);
  }
  function openCreate() {
    setEditingId(null);
    setName("");
    setNameError("");
    setDialogOpen(true);
  }
  function openEdit(k: Kategorie) {
    setEditingId(k.id);
    setName(k.name);
    setNameError("");
    setDialogOpen(true);
  }
  async function handleSave() {
    if (!name.trim()) { setNameError("Name ist erforderlich"); return; }
    setSaving(true);
    try {
      if (editingId) {
        const res = await fetch(`/api/companies/${companyId}/buchungkategorien/${editingId}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ name: name.trim() }),
        });
        if (!res.ok) { setNameError("Fehler beim Speichern"); return; }
      } else {
        const res = await fetch(`/api/companies/${companyId}/buchungkategorien`, {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ name: name.trim(), typ: "AUSGABE" }),
        });
        if (!res.ok) { setNameError("Kategorie existiert bereits"); return; }
      }
      setDialogOpen(false);
      await reload();
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(k: Kategorie) {
    if (!confirm(`Kategorie "${k.name}" wirklich löschen?`)) return;
    setDeleting(k.id);
    const res = await fetch(`/api/companies/${companyId}/buchungkategorien/${k.id}`, {
      method: "DELETE",
    });
    if (!res.ok) {
      const data = await res.json();
      alert(data.error ?? "Löschen fehlgeschlagen");
    } else {
      await reload();
      revalidate();
    }
    setDeleting(null);
  }
  return (
    <div>
      <Link
        to={`/companies/${companyId}/buchhaltung/ausgaben`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zu Betriebsausgaben
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Ausgaben-Kategorien</h1>
          <p className="text-gray-500 mt-1">{companyName}</p>
        </div>
        <Button onClick={openCreate} className="bg-rose-600 hover:bg-rose-700">
          <Plus className="h-4 w-4" />
          Neue Kategorie
        </Button>
      </div>
      {kategorien.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Kategorien vorhanden.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" /> Erste Kategorie anlegen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <Card>
          <div className="overflow-x-auto">
            <table className="w-full text-sm border-collapse">
              <thead>
                <tr className="border-b border-slate-200 bg-slate-50">
                  <th className="px-4 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Name
                  </th>
                  <th className="px-3 py-2.5 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    In Verwendung
                  </th>
                  <th className="px-3 py-2.5 w-20" />
                </tr>
              </thead>
              <tbody className="divide-y divide-slate-100">
                {kategorien.map((k) => (
                  <tr key={k.id} className="hover:bg-slate-50/60 group">
                    <td className="px-4 py-2.5 text-slate-700 font-medium">{k.name}</td>
                    <td className="px-3 py-2.5 text-center">
                      {k.inUse ? (
                        <span className="text-xs text-emerald-600 font-medium">Ja</span>
                      ) : (
                        <span className="text-xs text-slate-400">Nein</span>
                      )}
                    </td>
                    <td className="px-3 py-2.5">
                      <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                        <button
                          onClick={() => openEdit(k)}
                          className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                          title="Umbenennen"
                        >
                          <Pencil className="h-3.5 w-3.5" />
                        </button>
                        <button
                          onClick={() => handleDelete(k)}
                          disabled={k.inUse || deleting === k.id}
                          className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600 disabled:opacity-30 disabled:cursor-not-allowed"
                          title={k.inUse ? "Wird verwendet – kann nicht gelöscht werden" : "Löschen"}
                        >
                          {deleting === k.id ? (
                            <Loader2 className="h-3.5 w-3.5 animate-spin" />
                          ) : (
                            <Trash2 className="h-3.5 w-3.5" />
                          )}
                        </button>
                      </div>
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        </Card>
      )}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-sm">
          <DialogHeader>
            <DialogTitle>{editingId ? "Kategorie umbenennen" : "Neue Kategorie"}</DialogTitle>
          </DialogHeader>
          <div className="py-2">
            <label className="block text-sm font-medium text-gray-700 mb-1">
              Name <span className="text-red-500">*</span>
            </label>
            <input
              type="text"
              value={name}
              onChange={(e) => { setName(e.target.value); setNameError(""); }}
              onKeyDown={(e) => e.key === "Enter" && handleSave()}
              placeholder="z.B. Marketingkosten"
              className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
              autoFocus
            />
            {nameError && <p className="mt-1 text-xs text-red-500">{nameError}</p>}
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>Abbrechen</Button>
            <Button
              onClick={handleSave}
              disabled={saving || !name.trim()}
              className="bg-rose-600 hover:bg-rose-700"
            >
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingId ? "Speichern" : "Anlegen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,620 @@
 import { useState, useMemo } from "react";
 import { Link, useLoaderData, useRevalidator } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { ChevronLeft, Plus, Pencil, Trash2, Loader2, Banknote, Landmark } from "lucide-react";
 import { formatCurrency } from "@/lib/tax";
 import { DEFAULT_AUSGABE_KATEGORIEN } from "@/lib/kategorie-defaults";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Betriebsausgaben" },
  ],
 };
 const MONAT_LABELS = ["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"];
 const STEUERSAETZE = [
  { label: "Keine (0 %)", value: 0 },
  { label: "7 %", value: 7 },
  { label: "19 %", value: 19 },
 ];
 interface Ausgabe {
  id: string;
  kategorie: string;
  betrag: number;
  steuersatz: number;
  zahlungsart: "KASSE" | "BANK";
  datum: string;
  beschreibung: string | null;
 }
 const emptyForm = {
  kategorie: "",
  betrag: "",
  steuersatz: 19,
  zahlungsart: "BANK" as "KASSE" | "BANK",
  datum: new Date().toISOString().slice(0, 10),
  beschreibung: "",
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  // Auto-seed Standardkategorien wenn noch keine vorhanden
  const katCount = await prisma.buchungKategorie.count({
    where: { companyId: params.id, typ: "AUSGABE" },
  });
  if (katCount === 0) {
    await prisma.buchungKategorie.createMany({
      data: DEFAULT_AUSGABE_KATEGORIEN.map((name) => ({
        companyId: params.id,
        name,
        typ: "AUSGABE",
      })),
      skipDuplicates: true,
    });
  }
  const kategorien = await prisma.buchungKategorie.findMany({
    where: { companyId: params.id, typ: "AUSGABE" },
    orderBy: { name: "asc" },
    select: { name: true },
  });
  const year = new Date().getFullYear();
  const ausgaben = await prisma.buchung.findMany({
    where: {
      companyId: params.id,
      type: "ENTNAHME",
      isBusinessRecord: true,
      date: { gte: new Date(`${year}-01-01`), lt: new Date(`${year + 1}-01-01`) },
    },
    orderBy: { date: "desc" },
  });
  return {
    companyId: company.id,
    companyName: company.name,
    initialYear: year,
    kategorien: kategorien.map((k) => k.name),
    ausgaben: ausgaben.map((a) => ({
      id: a.id,
      kategorie: a.kategorie ?? "",
      betrag: Number(a.amount),
      steuersatz: (a.steuersatz as number | null) ?? 19,
      zahlungsart: (a.zahlungsart as "KASSE" | "BANK") || "BANK",
      datum: a.date.toISOString(),
      beschreibung: a.description,
    })),
  };
 }
 export default function AusgabenPage() {
  const { ausgaben: initialAusgaben, companyId, companyName, initialYear, kategorien } =
    useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [year, setYear] = useState(initialYear);
  const [ausgaben, setAusgaben] = useState<Ausgabe[]>(initialAusgaben);
  const [loadingYear, setLoadingYear] = useState(false);
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingId, setEditingId] = useState<string | null>(null);
  const [form, setForm] = useState(emptyForm);
  const [cellModal, setCellModal] = useState<{ kategorie: string; monat: number } | null>(null);
  const years = Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i);
  async function loadYear(y: number) {
    setYear(y);
    setLoadingYear(true);
    const res = await fetch(`/api/ausgaben?companyId=${companyId}&year=${y}`);
    const raw: Array<Record<string, unknown>> = await res.json();
    setAusgaben(raw.map((a) => ({
      id: a.id as string,
      kategorie: (a.kategorie as string) ?? "",
      betrag: Number(a.amount),
      steuersatz: (a.steuersatz as number | null) ?? 19,
      zahlungsart: ((a.zahlungsart as string) || "BANK") as "KASSE" | "BANK",
      datum: a.date as string,
      beschreibung: (a.description as string | null) ?? null,
    })));
    setLoadingYear(false);
  }
  function openCreate() {
    setEditingId(null);
    setForm({ ...emptyForm, datum: `${year}-01-01`, kategorie: kategorien[0] ?? "" });
    setDialogOpen(true);
  }
  function openEdit(a: Ausgabe) {
    setEditingId(a.id);
    setForm({
      kategorie: a.kategorie,
      betrag: String(a.betrag),
      steuersatz: a.steuersatz,
      zahlungsart: a.zahlungsart,
      datum: a.datum.slice(0, 10),
      beschreibung: a.beschreibung ?? "",
    });
    setDialogOpen(true);
  }
  async function handleSave() {
    setSaving(true);
    const payload = {
      kategorie: form.kategorie,
      betrag: parseFloat(form.betrag),
      steuersatz: form.steuersatz,
      zahlungsart: form.zahlungsart,
      datum: form.datum,
      beschreibung: form.beschreibung || undefined,
    };
    try {
      if (editingId) {
        await fetch(`/api/ausgaben/${editingId}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(payload),
        });
      } else {
        await fetch("/api/ausgaben", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ ...payload, companyId }),
        });
      }
      setDialogOpen(false);
      await loadYear(year);
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(id: string) {
    if (!confirm("Eintrag wirklich löschen?")) return;
    setDeleting(id);
    await fetch(`/api/ausgaben/${id}`, { method: "DELETE" });
    setDeleting(null);
    await loadYear(year);
    revalidate();
  }
  // Berechnungen
  const gesamt = ausgaben.reduce((s, a) => s + a.betrag, 0);
  const kasseGesamt = ausgaben.filter((a) => a.zahlungsart === "KASSE").reduce((s, a) => s + a.betrag, 0);
  const bankGesamt = ausgaben.filter((a) => a.zahlungsart === "BANK").reduce((s, a) => s + a.betrag, 0);
  const vorstGesamt = ausgaben.reduce((s, a) => {
    const rate = a.steuersatz / 100;
    return s + (rate > 0 ? Math.round((a.betrag / (1 + rate)) * rate * 100) / 100 : 0);
  }, 0);
  const activeMonate = useMemo(() => {
    const set = new Set(ausgaben.map((a) => new Date(a.datum).getMonth()));
    return Array.from({ length: 12 }, (_, i) => i).filter((m) => set.has(m));
  }, [ausgaben]);
  const pivot = useMemo(() => {
    const map = new Map<string, Map<number, Ausgabe[]>>();
    for (const a of ausgaben) {
      if (!map.has(a.kategorie)) map.set(a.kategorie, new Map());
      const monat = new Date(a.datum).getMonth();
      const inner = map.get(a.kategorie)!;
      if (!inner.has(monat)) inner.set(monat, []);
      inner.get(monat)!.push(a);
    }
    return map;
  }, [ausgaben]);
  const activeKategorien = useMemo(() => Array.from(pivot.keys()), [pivot]);
  const formValid = form.kategorie && parseFloat(form.betrag) > 0 && form.datum.length > 0;
  return (
    <div>
      <Link
        to={`/companies/${companyId}`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zum Mandanten
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Betriebsausgaben</h1>
          <p className="text-gray-500 mt-1">{companyName} · {year}</p>
        </div>
        <div className="flex items-center gap-3">
          <select
            value={year}
            onChange={(e) => loadYear(Number(e.target.value))}
            className="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
          >
            {years.map((y) => <option key={y} value={y}>{y}</option>)}
          </select>
          <Link
            to={`/companies/${companyId}/ausgaben/kategorien`}
            className="text-sm text-gray-500 hover:text-gray-700 underline-offset-2 hover:underline"
          >
            Kategorien verwalten
          </Link>
          <Button onClick={openCreate} className="bg-rose-600 hover:bg-rose-700">
            <Plus className="h-4 w-4" />
            Neue Ausgabe
          </Button>
        </div>
      </div>
      {/* Zusammenfassung */}
      <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Gesamt {year}</p>
            <p className="text-xl font-bold text-rose-600">{formatCurrency(gesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <div className="flex items-center gap-1 mb-1">
              <Landmark className="h-3 w-3 text-gray-400" />
              <p className="text-xs text-gray-500">Bank</p>
            </div>
            <p className="text-xl font-bold text-gray-900">{formatCurrency(bankGesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <div className="flex items-center gap-1 mb-1">
              <Banknote className="h-3 w-3 text-gray-400" />
              <p className="text-xs text-gray-500">Kasse</p>
            </div>
            <p className="text-xl font-bold text-gray-900">{formatCurrency(kasseGesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Vorsteuer (enthalten)</p>
            <p className="text-xl font-bold text-amber-600">{formatCurrency(vorstGesamt)}</p>
          </CardContent>
        </Card>
      </div>
      {/* Pivottabelle */}
      {loadingYear ? (
        <div className="flex items-center justify-center py-16 text-gray-400">
          <Loader2 className="h-6 w-6 animate-spin mr-2" />
          Lade Ausgaben...
        </div>
      ) : ausgaben.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Ausgaben für {year} erfasst.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" />
              Erste Ausgabe hinzufügen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <Card>
          <div className="overflow-x-auto">
            <table className="w-full text-sm border-collapse">
              <thead>
                <tr className="border-b border-slate-200 bg-slate-50">
                  <th className="px-4 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Kategorie</th>
                  {activeMonate.map((m) => (
                    <th key={m} className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      {MONAT_LABELS[m]}
                    </th>
                  ))}
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Gesamt</th>
                </tr>
              </thead>
              <tbody className="divide-y divide-slate-100">
                {activeKategorien.map((kat) => {
                  const katMap = pivot.get(kat)!;
                  const katGesamt = [...katMap.values()].flat().reduce((s, a) => s + a.betrag, 0);
                  return (
                    <tr key={kat} className="hover:bg-slate-50/60">
                      <td className="px-4 py-2.5 text-slate-700 font-medium">{kat}</td>
                      {activeMonate.map((m) => {
                        const items = katMap.get(m);
                        const sum = items?.reduce((s, a) => s + a.betrag, 0) ?? 0;
                        return (
                          <td key={m} className="px-3 py-2.5 text-right">
                            {items ? (
                              <button
                                onClick={() => setCellModal({ kategorie: kat, monat: m })}
                                className="text-rose-700 font-medium hover:underline cursor-pointer whitespace-nowrap"
                              >
                                {formatCurrency(sum)}
                              </button>
                            ) : (
                              <span className="text-slate-300">—</span>
                            )}
                          </td>
                        );
                      })}
                      <td className="px-3 py-2.5 text-right font-bold text-rose-700 whitespace-nowrap">
                        {formatCurrency(katGesamt)}
                      </td>
                    </tr>
                  );
                })}
              </tbody>
              <tfoot>
                <tr className="border-t-2 border-slate-300 bg-slate-50">
                  <td className="px-4 py-2.5 text-xs font-bold text-slate-700">Gesamt</td>
                  {activeMonate.map((m) => {
                    const monatSum = ausgaben
                      .filter((a) => new Date(a.datum).getMonth() === m)
                      .reduce((s, a) => s + a.betrag, 0);
                    return (
                      <td key={m} className="px-3 py-2.5 text-right text-xs font-bold text-slate-700 whitespace-nowrap">
                        {formatCurrency(monatSum)}
                      </td>
                    );
                  })}
                  <td className="px-3 py-2.5 text-right text-xs font-bold text-rose-600 whitespace-nowrap">
                    {formatCurrency(gesamt)}
                  </td>
                </tr>
              </tfoot>
            </table>
          </div>
        </Card>
      )}
      {/* Zellen-Detail-Modal */}
      <Dialog open={!!cellModal} onOpenChange={(o) => !o && setCellModal(null)}>
        <DialogContent className="sm:max-w-2xl max-h-[80vh] overflow-y-auto">
          <DialogHeader>
            <DialogTitle>
              {cellModal && `${cellModal.kategorie} – ${MONAT_LABELS[cellModal.monat]} ${year}`}
            </DialogTitle>
          </DialogHeader>
          {cellModal && (() => {
            const items = pivot.get(cellModal.kategorie)?.get(cellModal.monat) ?? [];
            const monatGesamt = items.reduce((s, a) => s + a.betrag, 0);
            const monatVorst = items.reduce((s, a) => {
              const rate = a.steuersatz / 100;
              return s + (rate > 0 ? Math.round((a.betrag / (1 + rate)) * rate * 100) / 100 : 0);
            }, 0);
            return (
              <div className="overflow-x-auto">
                <table className="w-full text-sm border-collapse">
                  <thead>
                    <tr className="border-b border-slate-200 bg-slate-50">
                      <th className="px-3 py-2 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Datum</th>
                      <th className="px-3 py-2 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Brutto</th>
                      <th className="px-3 py-2 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">MwSt.</th>
                      <th className="px-3 py-2 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Netto</th>
                      <th className="px-3 py-2 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">Zahlung</th>
                      <th className="px-3 py-2 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Notiz</th>
                      <th className="px-3 py-2 w-16" />
                    </tr>
                  </thead>
                  <tbody className="divide-y divide-slate-100">
                    {items.map((a) => {
                      const rate = a.steuersatz / 100;
                      const netto = rate > 0 ? Math.round((a.betrag / (1 + rate)) * 100) / 100 : a.betrag;
                      return (
                        <tr key={a.id} className="hover:bg-slate-50/60 group">
                          <td className="px-3 py-2 text-slate-600 whitespace-nowrap">
                            {new Date(a.datum).toLocaleDateString("de-DE")}
                          </td>
                          <td className="px-3 py-2 text-right font-medium text-rose-700 whitespace-nowrap">
                            {formatCurrency(a.betrag)}
                          </td>
                          <td className="px-3 py-2 text-center">
                            {a.steuersatz > 0 ? (
                              <Badge variant="secondary">{a.steuersatz} %</Badge>
                            ) : (
                              <span className="text-slate-300 text-xs">—</span>
                            )}
                          </td>
                          <td className="px-3 py-2 text-right text-slate-600 whitespace-nowrap">
                            {formatCurrency(netto)}
                          </td>
                          <td className="px-3 py-2 text-center">
                            {a.zahlungsart === "BANK" ? (
                              <span className="inline-flex items-center gap-1 text-xs text-blue-600 font-medium">
                                <Landmark className="h-3 w-3" /> Bank
                              </span>
                            ) : (
                              <span className="inline-flex items-center gap-1 text-xs text-amber-600 font-medium">
                                <Banknote className="h-3 w-3" /> Kasse
                              </span>
                            )}
                          </td>
                          <td className="px-3 py-2 text-slate-400 text-xs truncate max-w-[12rem]">
                            {a.beschreibung ?? ""}
                          </td>
                          <td className="px-3 py-2">
                            <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                              <button
                                onClick={() => { setCellModal(null); openEdit(a); }}
                                className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                                title="Bearbeiten"
                              >
                                <Pencil className="h-3.5 w-3.5" />
                              </button>
                              <button
                                onClick={() => handleDelete(a.id)}
                                disabled={deleting === a.id}
                                className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600"
                                title="Löschen"
                              >
                                {deleting === a.id ? (
                                  <Loader2 className="h-3.5 w-3.5 animate-spin" />
                                ) : (
                                  <Trash2 className="h-3.5 w-3.5" />
                                )}
                              </button>
                            </div>
                          </td>
                        </tr>
                      );
                    })}
                  </tbody>
                  <tfoot>
                    <tr className="border-t-2 border-slate-300 bg-slate-50">
                      <td className="px-3 py-2 text-xs font-bold text-slate-700">Gesamt</td>
                      <td className="px-3 py-2 text-right text-xs font-bold text-rose-600">{formatCurrency(monatGesamt)}</td>
                      <td />
                      <td className="px-3 py-2 text-right text-xs font-bold text-slate-600">
                        {formatCurrency(monatGesamt - monatVorst)}
                      </td>
                      <td colSpan={3} />
                    </tr>
                  </tfoot>
                </table>
              </div>
            );
          })()}
        </DialogContent>
      </Dialog>
      {/* Dialog */}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-md">
          <DialogHeader>
            <DialogTitle>{editingId ? "Ausgabe bearbeiten" : "Neue Ausgabe"}</DialogTitle>
          </DialogHeader>
          <div className="grid gap-4 py-2">
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Datum <span className="text-red-500">*</span>
                </label>
                <input
                  type="date"
                  value={form.datum}
                  onChange={(e) => setForm((f) => ({ ...f, datum: e.target.value }))}
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Betrag (brutto, €) <span className="text-red-500">*</span>
                </label>
                <input
                  type="number"
                  min="0.01"
                  step="0.01"
                  value={form.betrag}
                  onChange={(e) => setForm((f) => ({ ...f, betrag: e.target.value }))}
                  placeholder="0,00"
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
                />
              </div>
            </div>
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Kategorie <span className="text-red-500">*</span>
              </label>
              <select
                value={form.kategorie}
                onChange={(e) => setForm((f) => ({ ...f, kategorie: e.target.value }))}
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
              >
                {kategorien.map((k) => (
                  <option key={k} value={k}>{k}</option>
                ))}
              </select>
            </div>
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">Zahlungsweg</label>
                <div className="flex gap-2">
                  {(["BANK", "KASSE"] as const).map((za) => (
                    <button
                      key={za}
                      type="button"
                      onClick={() => setForm((f) => ({ ...f, zahlungsart: za }))}
                      className={`flex-1 flex items-center justify-center gap-1.5 py-2 rounded-lg border text-sm font-medium transition-colors
                        ${form.zahlungsart === za
                          ? za === "BANK"
                            ? "bg-blue-50 border-blue-300 text-blue-700"
                            : "bg-amber-50 border-amber-300 text-amber-700"
                          : "border-gray-200 text-gray-500 hover:border-gray-300"
                        }`}
                    >
                      {za === "BANK" ? <Landmark className="h-3.5 w-3.5" /> : <Banknote className="h-3.5 w-3.5" />}
                      {za === "BANK" ? "Bank" : "Kasse"}
                    </button>
                  ))}
                </div>
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">Steuersatz</label>
                <select
                  value={form.steuersatz}
                  onChange={(e) => setForm((f) => ({ ...f, steuersatz: Number(e.target.value) }))}
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
                >
                  {STEUERSAETZE.map((s) => (
                    <option key={s.value} value={s.value}>{s.label}</option>
                  ))}
                </select>
              </div>
            </div>
            {/* Vorschau Nettobetrag */}
            {parseFloat(form.betrag) > 0 && form.steuersatz > 0 && (
              <div className="rounded-lg bg-rose-50 border border-rose-100 px-3 py-2 text-xs text-rose-700 space-y-0.5">
                <p><strong>Brutto:</strong> {formatCurrency(parseFloat(form.betrag))}</p>
                <p><strong>Vorsteuer ({form.steuersatz} %):</strong> {formatCurrency(Math.round((parseFloat(form.betrag) / (1 + form.steuersatz / 100)) * (form.steuersatz / 100) * 100) / 100)}</p>
                <p><strong>Netto:</strong> {formatCurrency(Math.round((parseFloat(form.betrag) / (1 + form.steuersatz / 100)) * 100) / 100)}</p>
              </div>
            )}
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">Notiz</label>
              <input
                type="text"
                value={form.beschreibung}
                onChange={(e) => setForm((f) => ({ ...f, beschreibung: e.target.value }))}
                placeholder="Optional"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-rose-500"
              />
            </div>
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>Abbrechen</Button>
            <Button
              onClick={handleSave}
              disabled={saving || !formValid}
              className="bg-rose-600 hover:bg-rose-700"
            >
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingId ? "Speichern" : "Hinzufügen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,322 @@
 import { useState, useEffect } from "react";
 import { Link, useLoaderData } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { formatCurrency } from "@/lib/tax";
 import { ChevronLeft, Scale, TrendingUp, Info, Banknote, Landmark } from "lucide-react";
 import { KATEGORIE_LABELS } from "@/lib/ausgaben";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Bilanzen" },
  ],
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  return { companyId: company.id, companyName: company.name };
 }
 interface ErloeseByRate {
  netAmount: number;
  taxAmount: number;
  grossAmount: number;
 }
 interface BilanzenData {
  year: number;
  kleinunternehmer: boolean;
  guv: {
    erloeseByRate: Record<string, ErloeseByRate>;
    netTotal: number;
    taxTotal: number;
    grossTotal: number;
    invoiceCount: number;
    ausgabenGesamt: number;
    ausgabenVorsteuer: number;
    ausgabenByKategorie: { kategorie: string; betrag: number }[];
    sonstigeEinnahmen: number;
    einnahmenUst: number;
    jahresergebnis: number;
  };
  bilanz: {
    aktiva: {
      forderungen: { betrag: number; anzahl: number };
      bank: { betrag: number; anzahl: number };
      kasse: { betrag: number };
      summe: number;
    };
    passiva: {
      eigenkapital: number;
      summe: number;
    };
  };
 }
 function Row({ label, value, bold, indent, muted }: {
  label: string;
  value?: number;
  bold?: boolean;
  indent?: boolean;
  muted?: boolean;
 }) {
  return (
    <div className={`flex justify-between py-2 ${bold ? "border-t border-gray-200 mt-1" : "border-b border-gray-50"}`}>
      <span className={`text-sm ${indent ? "ml-4" : ""} ${bold ? "font-semibold text-gray-900" : muted ? "text-gray-400" : "text-gray-700"}`}>
        {label}
      </span>
      {value !== undefined ? (
        <span className={`text-sm tabular-nums ${bold ? "font-bold text-gray-900" : muted ? "text-gray-400" : "text-gray-800"}`}>
          {formatCurrency(value)}
        </span>
      ) : null}
    </div>
  );
 }
 export default function BilanzenPage() {
  const { companyId } = useLoaderData<typeof loader>();
  const [year, setYear] = useState(new Date().getFullYear());
  const [data, setData] = useState<BilanzenData | null>(null);
  const [loading, setLoading] = useState(true);
  useEffect(() => {
    setLoading(true);
    fetch(`/api/bilanzen?companyId=${companyId}&year=${year}`)
      .then((r) => r.json())
      .then((d) => { setData(d); setLoading(false); });
  }, [companyId, year]);
  const years = Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i);
  return (
    <div>
      <Link
        to={`/companies/${companyId}`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zum Mandanten
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Bilanzen</h1>
          <p className="text-gray-500 mt-1">Bilanz und Gewinn- & Verlustrechnung</p>
        </div>
        <select
          value={year}
          onChange={(e) => setYear(Number(e.target.value))}
          className="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-teal-500"
        >
          {years.map((y) => <option key={y} value={y}>{y}</option>)}
        </select>
      </div>
      {loading ? (
        <div className="text-center text-gray-500 py-12">Lade Auswertung...</div>
      ) : data && (
        <div className="space-y-6">
          {/* Zusammenfassung */}
          <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
            <Card>
              <CardContent className="pt-6">
                <p className="text-sm text-gray-500 mb-1">Umsatz (netto)</p>
                <p className="text-2xl font-bold text-gray-900">{formatCurrency(data.guv.netTotal)}</p>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <p className="text-sm text-gray-500 mb-1">Betriebsausgaben</p>
                <p className="text-2xl font-bold text-rose-600">{formatCurrency(data.guv.ausgabenGesamt)}</p>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <p className="text-sm text-gray-500 mb-1">Jahresergebnis</p>
                <p className={`text-2xl font-bold ${data.guv.jahresergebnis >= 0 ? "text-teal-600" : "text-red-600"}`}>
                  {formatCurrency(data.guv.jahresergebnis)}
                </p>
              </CardContent>
            </Card>
            <Card>
              <CardContent className="pt-6">
                <p className="text-sm text-gray-500 mb-1">Bilanzsumme</p>
                <p className="text-2xl font-bold text-gray-900">{formatCurrency(data.bilanz.aktiva.summe)}</p>
              </CardContent>
            </Card>
          </div>
          {/* GuV */}
          <Card>
            <CardHeader>
              <div className="flex items-center gap-2">
                <TrendingUp className="h-5 w-5 text-teal-600" />
                <CardTitle>Gewinn- und Verlustrechnung (GuV) {year}</CardTitle>
              </div>
            </CardHeader>
            <CardContent>
              <div className="max-w-lg">
                <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Erträge</p>
                {Object.entries(data.guv.erloeseByRate)
                  .sort(([a], [b]) => Number(b) - Number(a))
                  .map(([rate, group]) => (
                    <Row
                      key={rate}
                      label={
                        data.kleinunternehmer
                          ? "Umsatzerlöse (steuerfrei)"
                          : `Umsatzerlöse ${Number(rate) > 0 ? `${rate}% MwSt.` : "steuerfrei"}`
                      }
                      value={group.netAmount}
                      indent
                    />
                  ))}
                {!data.kleinunternehmer && data.guv.taxTotal > 0 && (
                  <Row label="Umsatzsteuer" value={data.guv.taxTotal} indent muted />
                )}
                <Row label="Summe Umsatzerlöse (netto)" value={data.guv.netTotal} bold />
                {data.guv.sonstigeEinnahmen > 0 && (
                  <div className="mt-4">
                    <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Sonstige Einnahmen</p>
                    <Row label="Privateinlagen, Erstattungen u.a. (brutto)" value={data.guv.sonstigeEinnahmen} indent />
                    {data.guv.einnahmenUst > 0 && (
                      <Row label="Umsatzsteuer (enthalten)" value={data.guv.einnahmenUst} indent muted />
                    )}
                    <Row label="Summe Sonstige Einnahmen" value={data.guv.sonstigeEinnahmen} bold />
                  </div>
                )}
                <div className="mt-6">
                  <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Aufwendungen</p>
                  {data.guv.ausgabenByKategorie.length > 0 ? (
                    data.guv.ausgabenByKategorie
                      .sort((a, b) => b.betrag - a.betrag)
                      .map((a) => (
                        <Row
                          key={a.kategorie}
                          label={KATEGORIE_LABELS[a.kategorie as keyof typeof KATEGORIE_LABELS] ?? a.kategorie}
                          value={a.betrag}
                          indent
                        />
                      ))
                  ) : (
                    <Row label="Betriebsausgaben" value={0} indent muted />
                  )}
                  {data.guv.ausgabenVorsteuer > 0 && (
                    <Row label="Vorsteuer (enthalten)" value={data.guv.ausgabenVorsteuer} indent muted />
                  )}
                  <Row label="Summe Aufwendungen" value={data.guv.ausgabenGesamt} bold />
                </div>
                <div className="mt-6 pt-3 border-t-2 border-teal-200">
                  <div className="flex justify-between py-2">
                    <span className="text-base font-bold text-gray-900">
                      {data.guv.jahresergebnis >= 0 ? "Jahresüberschuss" : "Jahresfehlbetrag"}
                    </span>
                    <span className={`text-base font-bold ${data.guv.jahresergebnis >= 0 ? "text-teal-600" : "text-red-600"}`}>
                      {formatCurrency(data.guv.jahresergebnis)}
                    </span>
                  </div>
                </div>
                {data.guv.ausgabenGesamt === 0 && (
                  <div className="mt-4 flex items-start gap-2 p-3 rounded-lg bg-amber-50 border border-amber-100">
                    <Info className="h-4 w-4 text-amber-500 shrink-0 mt-0.5" />
                    <p className="text-xs text-amber-700">
                      Noch keine Betriebsausgaben für {data.year} erfasst.
                      Ausgaben können über die <a href={`/companies/${companyId}/ausgaben`} className="underline">Ausgaben-Seite</a> gepflegt werden.
                    </p>
                  </div>
                )}
              </div>
            </CardContent>
          </Card>
          {/* Bilanz */}
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            {/* Aktiva */}
            <Card>
              <CardHeader>
                <div className="flex items-center gap-2">
                  <Scale className="h-5 w-5 text-teal-600" />
                  <CardTitle>Aktiva – Stichtag 31.12.{year}</CardTitle>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Umlaufvermögen</p>
                <Row
                  label={`Forderungen aus L+L (${data.bilanz.aktiva.forderungen.anzahl} offen)`}
                  value={data.bilanz.aktiva.forderungen.betrag}
                  indent
                />
                <div className="flex justify-between py-2 border-b border-gray-50">
                  <span className="text-sm ml-4 text-gray-700 flex items-center gap-1.5">
                    <Landmark className="h-3.5 w-3.5 text-blue-500" />
                    {`Bank (${data.bilanz.aktiva.bank.anzahl} bezahlte Rechnungen + Einnahmen)`}
                  </span>
                  <span className="text-sm tabular-nums text-gray-800">{formatCurrency(data.bilanz.aktiva.bank.betrag)}</span>
                </div>
                <div className="flex justify-between py-2 border-b border-gray-50">
                  <span className="text-sm ml-4 text-gray-700 flex items-center gap-1.5">
                    <Banknote className="h-3.5 w-3.5 text-amber-500" />
                    Kasse (Saldo sonstige Belege)
                  </span>
                  <span className="text-sm tabular-nums text-gray-800">{formatCurrency(data.bilanz.aktiva.kasse.betrag)}</span>
                </div>
                <Row label="Summe Aktiva" value={data.bilanz.aktiva.summe} bold />
                <div className="mt-4 flex items-start gap-2 p-3 rounded-lg bg-gray-50 border border-gray-100">
                  <Info className="h-4 w-4 text-gray-400 shrink-0 mt-0.5" />
                  <p className="text-xs text-gray-500">
                    Bank enthält bezahlte Rechnungen + sonstige Bankeinnahmen abzgl. Bankausgaben. Kasse = sonstige Kasseneinnahmen abzgl. Kassenausgaben.
                  </p>
                </div>
              </CardContent>
            </Card>
            {/* Passiva */}
            <Card>
              <CardHeader>
                <div className="flex items-center gap-2">
                  <Scale className="h-5 w-5 text-teal-600" />
                  <CardTitle>Passiva – Stichtag 31.12.{year}</CardTitle>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Eigenkapital</p>
                <Row label="Eigenkapital (vereinfacht)" value={data.bilanz.passiva.eigenkapital} indent />
                <div className="mt-4">
                  <p className="text-xs font-semibold uppercase text-gray-400 tracking-wide mb-3">Verbindlichkeiten</p>
                  <Row label="Verbindlichkeiten" value={0} indent muted />
                </div>
                <Row label="Summe Passiva" value={data.bilanz.passiva.summe} bold />
                <div className="mt-4 flex items-start gap-2 p-3 rounded-lg bg-gray-50 border border-gray-100">
                  <Info className="h-4 w-4 text-gray-400 shrink-0 mt-0.5" />
                  <p className="text-xs text-gray-500">
                    Verbindlichkeiten werden nicht erfasst. Das Eigenkapital entspricht vereinfacht der Aktivseite.
                  </p>
                </div>
              </CardContent>
            </Card>
          </div>
        </div>
      )}
    </div>
  );
 }
@@ -0,0 +1,271 @@
 import { useState } from "react";
 import { Link, useLoaderData, useRevalidator } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { DEFAULT_EINNAHME_KATEGORIEN } from "@/lib/kategorie-defaults";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { ChevronLeft, Plus, Pencil, Trash2, Loader2 } from "lucide-react";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Sonstige Einnahmen", href: `/companies/${data.companyId}/buchhaltung/einnahmen` },
    { label: "Kategorien" },
  ],
 };
 interface Kategorie {
  id: string;
  name: string;
  inUse: boolean;
 }
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  // Auto-seed Standardkategorien wenn noch keine vorhanden
  const existing = await prisma.buchungKategorie.count({
    where: { companyId: params.id, typ: "EINNAHME" },
  });
  if (existing === 0) {
    await prisma.buchungKategorie.createMany({
      data: DEFAULT_EINNAHME_KATEGORIEN.map((name) => ({
        companyId: params.id,
        name,
        typ: "EINNAHME",
      })),
      skipDuplicates: true,
    });
  }
  const kats = await prisma.buchungKategorie.findMany({
    where: { companyId: params.id, typ: "EINNAHME" },
    orderBy: { name: "asc" },
  });
  const withUsage = await Promise.all(
    kats.map(async (k) => ({
      id: k.id,
      name: k.name,
      inUse:
        (await prisma.buchung.count({
          where: { companyId: params.id, kategorie: k.name, isBusinessRecord: true },
        })) > 0,
    }))
  );
  return {
    companyId: company.id,
    companyName: company.name,
    kategorien: withUsage,
  };
 }
 export default function EinnahmenKategorienPage() {
  const { kategorien: initialKategorien, companyId, companyName } =
    useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [kategorien, setKategorien] = useState<Kategorie[]>(initialKategorien);
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingId, setEditingId] = useState<string | null>(null);
  const [name, setName] = useState("");
  const [nameError, setNameError] = useState("");
  async function reload() {
    const res = await fetch(`/api/companies/${companyId}/buchungkategorien?typ=EINNAHME`);
    const data: Kategorie[] = await res.json();
    setKategorien(data);
  }
  function openCreate() {
    setEditingId(null);
    setName("");
    setNameError("");
    setDialogOpen(true);
  }
  function openEdit(k: Kategorie) {
    setEditingId(k.id);
    setName(k.name);
    setNameError("");
    setDialogOpen(true);
  }
  async function handleSave() {
    if (!name.trim()) { setNameError("Name ist erforderlich"); return; }
    setSaving(true);
    try {
      if (editingId) {
        const res = await fetch(`/api/companies/${companyId}/buchungkategorien/${editingId}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ name: name.trim() }),
        });
        if (!res.ok) { setNameError("Fehler beim Speichern"); return; }
      } else {
        const res = await fetch(`/api/companies/${companyId}/buchungkategorien`, {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ name: name.trim(), typ: "EINNAHME" }),
        });
        if (!res.ok) { setNameError("Kategorie existiert bereits"); return; }
      }
      setDialogOpen(false);
      await reload();
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(k: Kategorie) {
    if (!confirm(`Kategorie "${k.name}" wirklich löschen?`)) return;
    setDeleting(k.id);
    const res = await fetch(`/api/companies/${companyId}/buchungkategorien/${k.id}`, {
      method: "DELETE",
    });
    if (!res.ok) {
      const data = await res.json();
      alert(data.error ?? "Löschen fehlgeschlagen");
    } else {
      await reload();
      revalidate();
    }
    setDeleting(null);
  }
  return (
    <div>
      <Link
        to={`/companies/${companyId}/buchhaltung/einnahmen`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zu Sonstige Einnahmen
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Einnahmen-Kategorien</h1>
          <p className="text-gray-500 mt-1">{companyName}</p>
        </div>
        <Button onClick={openCreate} className="bg-emerald-600 hover:bg-emerald-700">
          <Plus className="h-4 w-4" />
          Neue Kategorie
        </Button>
      </div>
      {kategorien.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Kategorien vorhanden.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" /> Erste Kategorie anlegen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <Card>
          <div className="overflow-x-auto">
            <table className="w-full text-sm border-collapse">
              <thead>
                <tr className="border-b border-slate-200 bg-slate-50">
                  <th className="px-4 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    Name
                  </th>
                  <th className="px-3 py-2.5 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">
                    In Verwendung
                  </th>
                  <th className="px-3 py-2.5 w-20" />
                </tr>
              </thead>
              <tbody className="divide-y divide-slate-100">
                {kategorien.map((k) => (
                  <tr key={k.id} className="hover:bg-slate-50/60 group">
                    <td className="px-4 py-2.5 text-slate-700 font-medium">{k.name}</td>
                    <td className="px-3 py-2.5 text-center">
                      {k.inUse ? (
                        <span className="text-xs text-emerald-600 font-medium">Ja</span>
                      ) : (
                        <span className="text-xs text-slate-400">Nein</span>
                      )}
                    </td>
                    <td className="px-3 py-2.5">
                      <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                        <button
                          onClick={() => openEdit(k)}
                          className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                          title="Umbenennen"
                        >
                          <Pencil className="h-3.5 w-3.5" />
                        </button>
                        <button
                          onClick={() => handleDelete(k)}
                          disabled={k.inUse || deleting === k.id}
                          className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600 disabled:opacity-30 disabled:cursor-not-allowed"
                          title={k.inUse ? "Wird verwendet – kann nicht gelöscht werden" : "Löschen"}
                        >
                          {deleting === k.id ? (
                            <Loader2 className="h-3.5 w-3.5 animate-spin" />
                          ) : (
                            <Trash2 className="h-3.5 w-3.5" />
                          )}
                        </button>
                      </div>
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        </Card>
      )}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-sm">
          <DialogHeader>
            <DialogTitle>{editingId ? "Kategorie umbenennen" : "Neue Kategorie"}</DialogTitle>
          </DialogHeader>
          <div className="py-2">
            <label className="block text-sm font-medium text-gray-700 mb-1">
              Name <span className="text-red-500">*</span>
            </label>
            <input
              type="text"
              value={name}
              onChange={(e) => { setName(e.target.value); setNameError(""); }}
              onKeyDown={(e) => e.key === "Enter" && handleSave()}
              placeholder="z.B. Beratungseinnahmen"
              className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
              autoFocus
            />
            {nameError && <p className="mt-1 text-xs text-red-500">{nameError}</p>}
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>Abbrechen</Button>
            <Button
              onClick={handleSave}
              disabled={saving || !name.trim()}
              className="bg-emerald-600 hover:bg-emerald-700"
            >
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingId ? "Speichern" : "Anlegen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,620 @@
 import { useState, useMemo } from "react";
 import { Link, useLoaderData, useRevalidator } from "react-router";
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { ChevronLeft, Plus, Pencil, Trash2, Loader2, Banknote, Landmark } from "lucide-react";
 import { formatCurrency } from "@/lib/tax";
 import { DEFAULT_EINNAHME_KATEGORIEN } from "@/lib/kategorie-defaults";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung", href: `/companies/${data.companyId}/buchhaltung/bilanzen` },
    { label: "Sonstige Einnahmen" },
  ],
 };
 const MONAT_LABELS = ["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"];
 const STEUERSAETZE = [
  { label: "Keine (0 %)", value: 0 },
  { label: "7 %", value: 7 },
  { label: "19 %", value: 19 },
 ];
 interface Einnahme {
  id: string;
  kategorie: string;
  betrag: number;
  steuersatz: number;
  zahlungsart: "KASSE" | "BANK";
  datum: string;
  beschreibung: string | null;
 }
 const emptyForm = {
  kategorie: "",
  betrag: "",
  steuersatz: 0,
  zahlungsart: "BANK" as "KASSE" | "BANK",
  datum: new Date().toISOString().slice(0, 10),
  beschreibung: "",
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Not Found", { status: 404 });
  // Auto-seed Standardkategorien wenn noch keine vorhanden
  const katCount = await prisma.buchungKategorie.count({
    where: { companyId: params.id, typ: "EINNAHME" },
  });
  if (katCount === 0) {
    await prisma.buchungKategorie.createMany({
      data: DEFAULT_EINNAHME_KATEGORIEN.map((name) => ({
        companyId: params.id,
        name,
        typ: "EINNAHME",
      })),
      skipDuplicates: true,
    });
  }
  const kategorien = await prisma.buchungKategorie.findMany({
    where: { companyId: params.id, typ: "EINNAHME" },
    orderBy: { name: "asc" },
    select: { name: true },
  });
  const year = new Date().getFullYear();
  const einnahmen = await prisma.buchung.findMany({
    where: {
      companyId: params.id,
      type: "EINLAGE",
      isBusinessRecord: true,
      date: { gte: new Date(`${year}-01-01`), lt: new Date(`${year + 1}-01-01`) },
    },
    orderBy: { date: "desc" },
  });
  return {
    companyId: company.id,
    companyName: company.name,
    initialYear: year,
    kategorien: kategorien.map((k) => k.name),
    einnahmen: einnahmen.map((e) => ({
      id: e.id,
      kategorie: e.kategorie ?? "",
      betrag: Number(e.amount),
      steuersatz: (e.steuersatz as number | null) ?? 0,
      zahlungsart: (e.zahlungsart as "KASSE" | "BANK") || "BANK",
      datum: e.date.toISOString(),
      beschreibung: e.description,
    })),
  };
 }
 export default function EinnahmenPage() {
  const { einnahmen: initialEinnahmen, companyId, companyName, initialYear, kategorien } =
    useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [year, setYear] = useState(initialYear);
  const [einnahmen, setEinnahmen] = useState<Einnahme[]>(initialEinnahmen);
  const [loadingYear, setLoadingYear] = useState(false);
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingId, setEditingId] = useState<string | null>(null);
  const [form, setForm] = useState(emptyForm);
  const [cellModal, setCellModal] = useState<{ kategorie: string; monat: number } | null>(null);
  const years = Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i);
  async function loadYear(y: number) {
    setYear(y);
    setLoadingYear(true);
    const res = await fetch(`/api/einnahmen?companyId=${companyId}&year=${y}`);
    const raw: Array<Record<string, unknown>> = await res.json();
    setEinnahmen(raw.map((e) => ({
      id: e.id as string,
      kategorie: (e.kategorie as string) ?? "",
      betrag: Number(e.amount),
      steuersatz: (e.steuersatz as number | null) ?? 0,
      zahlungsart: ((e.zahlungsart as string) || "BANK") as "KASSE" | "BANK",
      datum: e.date as string,
      beschreibung: (e.description as string | null) ?? null,
    })));
    setLoadingYear(false);
  }
  function openCreate() {
    setEditingId(null);
    setForm({ ...emptyForm, datum: `${year}-01-01`, kategorie: kategorien[0] ?? "" });
    setDialogOpen(true);
  }
  function openEdit(e: Einnahme) {
    setEditingId(e.id);
    setForm({
      kategorie: e.kategorie,
      betrag: String(e.betrag),
      steuersatz: e.steuersatz,
      zahlungsart: e.zahlungsart,
      datum: e.datum.slice(0, 10),
      beschreibung: e.beschreibung ?? "",
    });
    setDialogOpen(true);
  }
  async function handleSave() {
    setSaving(true);
    const payload = {
      kategorie: form.kategorie,
      betrag: parseFloat(form.betrag),
      steuersatz: form.steuersatz,
      zahlungsart: form.zahlungsart,
      datum: form.datum,
      beschreibung: form.beschreibung || undefined,
    };
    try {
      if (editingId) {
        await fetch(`/api/einnahmen/${editingId}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(payload),
        });
      } else {
        await fetch("/api/einnahmen", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ ...payload, companyId }),
        });
      }
      setDialogOpen(false);
      await loadYear(year);
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(id: string) {
    if (!confirm("Eintrag wirklich löschen?")) return;
    setDeleting(id);
    await fetch(`/api/einnahmen/${id}`, { method: "DELETE" });
    setDeleting(null);
    await loadYear(year);
    revalidate();
  }
  // Berechnungen
  const gesamt = einnahmen.reduce((s, e) => s + e.betrag, 0);
  const kasseGesamt = einnahmen.filter((e) => e.zahlungsart === "KASSE").reduce((s, e) => s + e.betrag, 0);
  const bankGesamt = einnahmen.filter((e) => e.zahlungsart === "BANK").reduce((s, e) => s + e.betrag, 0);
  const ustGesamt = einnahmen.reduce((s, e) => {
    const rate = e.steuersatz / 100;
    return s + (rate > 0 ? Math.round((e.betrag / (1 + rate)) * rate * 100) / 100 : 0);
  }, 0);
  const activeMonate = useMemo(() => {
    const set = new Set(einnahmen.map((e) => new Date(e.datum).getMonth()));
    return Array.from({ length: 12 }, (_, i) => i).filter((m) => set.has(m));
  }, [einnahmen]);
  const pivot = useMemo(() => {
    const map = new Map<string, Map<number, Einnahme[]>>();
    for (const e of einnahmen) {
      if (!map.has(e.kategorie)) map.set(e.kategorie, new Map());
      const monat = new Date(e.datum).getMonth();
      const inner = map.get(e.kategorie)!;
      if (!inner.has(monat)) inner.set(monat, []);
      inner.get(monat)!.push(e);
    }
    return map;
  }, [einnahmen]);
  const activeKategorien = useMemo(() => Array.from(pivot.keys()), [pivot]);
  const formValid = form.kategorie && parseFloat(form.betrag) > 0 && form.datum.length > 0;
  return (
    <div>
      <Link
        to={`/companies/${companyId}`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zum Mandanten
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Sonstige Einnahmen</h1>
          <p className="text-gray-500 mt-1">{companyName} · {year}</p>
        </div>
        <div className="flex items-center gap-3">
          <select
            value={year}
            onChange={(e) => loadYear(Number(e.target.value))}
            className="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
          >
            {years.map((y) => <option key={y} value={y}>{y}</option>)}
          </select>
          <Link
            to={`/companies/${companyId}/einnahmen/kategorien`}
            className="text-sm text-gray-500 hover:text-gray-700 underline-offset-2 hover:underline"
          >
            Kategorien verwalten
          </Link>
          <Button onClick={openCreate} className="bg-emerald-600 hover:bg-emerald-700">
            <Plus className="h-4 w-4" />
            Neue Einnahme
          </Button>
        </div>
      </div>
      {/* Zusammenfassung */}
      <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Gesamt {year}</p>
            <p className="text-xl font-bold text-emerald-600">{formatCurrency(gesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <div className="flex items-center gap-1 mb-1">
              <Landmark className="h-3 w-3 text-gray-400" />
              <p className="text-xs text-gray-500">Bank</p>
            </div>
            <p className="text-xl font-bold text-gray-900">{formatCurrency(bankGesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <div className="flex items-center gap-1 mb-1">
              <Banknote className="h-3 w-3 text-gray-400" />
              <p className="text-xs text-gray-500">Kasse</p>
            </div>
            <p className="text-xl font-bold text-gray-900">{formatCurrency(kasseGesamt)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Umsatzsteuer (enthalten)</p>
            <p className="text-xl font-bold text-amber-600">{formatCurrency(ustGesamt)}</p>
          </CardContent>
        </Card>
      </div>
      {/* Pivottabelle */}
      {loadingYear ? (
        <div className="flex items-center justify-center py-16 text-gray-400">
          <Loader2 className="h-6 w-6 animate-spin mr-2" />
          Lade Einnahmen...
        </div>
      ) : einnahmen.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Einnahmen für {year} erfasst.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" />
              Erste Einnahme hinzufügen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <Card>
          <div className="overflow-x-auto">
            <table className="w-full text-sm border-collapse">
              <thead>
                <tr className="border-b border-slate-200 bg-slate-50">
                  <th className="px-4 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Kategorie</th>
                  {activeMonate.map((m) => (
                    <th key={m} className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      {MONAT_LABELS[m]}
                    </th>
                  ))}
                  <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Gesamt</th>
                </tr>
              </thead>
              <tbody className="divide-y divide-slate-100">
                {activeKategorien.map((kat) => {
                  const katMap = pivot.get(kat)!;
                  const katGesamt = [...katMap.values()].flat().reduce((s, e) => s + e.betrag, 0);
                  return (
                    <tr key={kat} className="hover:bg-slate-50/60">
                      <td className="px-4 py-2.5 text-slate-700 font-medium">{kat}</td>
                      {activeMonate.map((m) => {
                        const items = katMap.get(m);
                        const sum = items?.reduce((s, e) => s + e.betrag, 0) ?? 0;
                        return (
                          <td key={m} className="px-3 py-2.5 text-right">
                            {items ? (
                              <button
                                onClick={() => setCellModal({ kategorie: kat, monat: m })}
                                className="text-emerald-700 font-medium hover:underline cursor-pointer whitespace-nowrap"
                              >
                                {formatCurrency(sum)}
                              </button>
                            ) : (
                              <span className="text-slate-300">—</span>
                            )}
                          </td>
                        );
                      })}
                      <td className="px-3 py-2.5 text-right font-bold text-emerald-700 whitespace-nowrap">
                        {formatCurrency(katGesamt)}
                      </td>
                    </tr>
                  );
                })}
              </tbody>
              <tfoot>
                <tr className="border-t-2 border-slate-300 bg-slate-50">
                  <td className="px-4 py-2.5 text-xs font-bold text-slate-700">Gesamt</td>
                  {activeMonate.map((m) => {
                    const monatSum = einnahmen
                      .filter((e) => new Date(e.datum).getMonth() === m)
                      .reduce((s, e) => s + e.betrag, 0);
                    return (
                      <td key={m} className="px-3 py-2.5 text-right text-xs font-bold text-slate-700 whitespace-nowrap">
                        {formatCurrency(monatSum)}
                      </td>
                    );
                  })}
                  <td className="px-3 py-2.5 text-right text-xs font-bold text-emerald-600 whitespace-nowrap">
                    {formatCurrency(gesamt)}
                  </td>
                </tr>
              </tfoot>
            </table>
          </div>
        </Card>
      )}
      {/* Zellen-Detail-Modal */}
      <Dialog open={!!cellModal} onOpenChange={(o) => !o && setCellModal(null)}>
        <DialogContent className="sm:max-w-2xl max-h-[80vh] overflow-y-auto">
          <DialogHeader>
            <DialogTitle>
              {cellModal && `${cellModal.kategorie} – ${MONAT_LABELS[cellModal.monat]} ${year}`}
            </DialogTitle>
          </DialogHeader>
          {cellModal && (() => {
            const items = pivot.get(cellModal.kategorie)?.get(cellModal.monat) ?? [];
            const monatGesamt = items.reduce((s, e) => s + e.betrag, 0);
            const monatUst = items.reduce((s, e) => {
              const rate = e.steuersatz / 100;
              return s + (rate > 0 ? Math.round((e.betrag / (1 + rate)) * rate * 100) / 100 : 0);
            }, 0);
            return (
              <div className="overflow-x-auto">
                <table className="w-full text-sm border-collapse">
                  <thead>
                    <tr className="border-b border-slate-200 bg-slate-50">
                      <th className="px-3 py-2 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Datum</th>
                      <th className="px-3 py-2 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Brutto</th>
                      <th className="px-3 py-2 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">MwSt.</th>
                      <th className="px-3 py-2 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">Netto</th>
                      <th className="px-3 py-2 text-center text-xs font-semibold text-slate-500 uppercase tracking-wide">Zahlung</th>
                      <th className="px-3 py-2 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">Notiz</th>
                      <th className="px-3 py-2 w-16" />
                    </tr>
                  </thead>
                  <tbody className="divide-y divide-slate-100">
                    {items.map((e) => {
                      const rate = e.steuersatz / 100;
                      const netto = rate > 0 ? Math.round((e.betrag / (1 + rate)) * 100) / 100 : e.betrag;
                      return (
                        <tr key={e.id} className="hover:bg-slate-50/60 group">
                          <td className="px-3 py-2 text-slate-600 whitespace-nowrap">
                            {new Date(e.datum).toLocaleDateString("de-DE")}
                          </td>
                          <td className="px-3 py-2 text-right font-medium text-emerald-700 whitespace-nowrap">
                            {formatCurrency(e.betrag)}
                          </td>
                          <td className="px-3 py-2 text-center">
                            {e.steuersatz > 0 ? (
                              <Badge variant="secondary">{e.steuersatz} %</Badge>
                            ) : (
                              <span className="text-slate-300 text-xs">—</span>
                            )}
                          </td>
                          <td className="px-3 py-2 text-right text-slate-600 whitespace-nowrap">
                            {formatCurrency(netto)}
                          </td>
                          <td className="px-3 py-2 text-center">
                            {e.zahlungsart === "BANK" ? (
                              <span className="inline-flex items-center gap-1 text-xs text-blue-600 font-medium">
                                <Landmark className="h-3 w-3" /> Bank
                              </span>
                            ) : (
                              <span className="inline-flex items-center gap-1 text-xs text-amber-600 font-medium">
                                <Banknote className="h-3 w-3" /> Kasse
                              </span>
                            )}
                          </td>
                          <td className="px-3 py-2 text-slate-400 text-xs truncate max-w-[12rem]">
                            {e.beschreibung ?? ""}
                          </td>
                          <td className="px-3 py-2">
                            <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                              <button
                                onClick={() => { setCellModal(null); openEdit(e); }}
                                className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                                title="Bearbeiten"
                              >
                                <Pencil className="h-3.5 w-3.5" />
                              </button>
                              <button
                                onClick={() => handleDelete(e.id)}
                                disabled={deleting === e.id}
                                className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600"
                                title="Löschen"
                              >
                                {deleting === e.id ? (
                                  <Loader2 className="h-3.5 w-3.5 animate-spin" />
                                ) : (
                                  <Trash2 className="h-3.5 w-3.5" />
                                )}
                              </button>
                            </div>
                          </td>
                        </tr>
                      );
                    })}
                  </tbody>
                  <tfoot>
                    <tr className="border-t-2 border-slate-300 bg-slate-50">
                      <td className="px-3 py-2 text-xs font-bold text-slate-700">Gesamt</td>
                      <td className="px-3 py-2 text-right text-xs font-bold text-emerald-600">{formatCurrency(monatGesamt)}</td>
                      <td />
                      <td className="px-3 py-2 text-right text-xs font-bold text-slate-600">
                        {formatCurrency(monatGesamt - monatUst)}
                      </td>
                      <td colSpan={3} />
                    </tr>
                  </tfoot>
                </table>
              </div>
            );
          })()}
        </DialogContent>
      </Dialog>
      {/* Dialog */}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-md">
          <DialogHeader>
            <DialogTitle>{editingId ? "Einnahme bearbeiten" : "Neue Einnahme"}</DialogTitle>
          </DialogHeader>
          <div className="grid gap-4 py-2">
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Datum <span className="text-red-500">*</span>
                </label>
                <input
                  type="date"
                  value={form.datum}
                  onChange={(e) => setForm((f) => ({ ...f, datum: e.target.value }))}
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">
                  Betrag (brutto, €) <span className="text-red-500">*</span>
                </label>
                <input
                  type="number"
                  min="0.01"
                  step="0.01"
                  value={form.betrag}
                  onChange={(e) => setForm((f) => ({ ...f, betrag: e.target.value }))}
                  placeholder="0,00"
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
                />
              </div>
            </div>
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Kategorie <span className="text-red-500">*</span>
              </label>
              <select
                value={form.kategorie}
                onChange={(e) => setForm((f) => ({ ...f, kategorie: e.target.value }))}
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
              >
                {kategorien.map((k) => (
                  <option key={k} value={k}>{k}</option>
                ))}
              </select>
            </div>
            <div className="grid grid-cols-2 gap-3">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">Zahlungsweg</label>
                <div className="flex gap-2">
                  {(["BANK", "KASSE"] as const).map((za) => (
                    <button
                      key={za}
                      type="button"
                      onClick={() => setForm((f) => ({ ...f, zahlungsart: za }))}
                      className={`flex-1 flex items-center justify-center gap-1.5 py-2 rounded-lg border text-sm font-medium transition-colors
                        ${form.zahlungsart === za
                          ? za === "BANK"
                            ? "bg-blue-50 border-blue-300 text-blue-700"
                            : "bg-amber-50 border-amber-300 text-amber-700"
                          : "border-gray-200 text-gray-500 hover:border-gray-300"
                        }`}
                    >
                      {za === "BANK" ? <Landmark className="h-3.5 w-3.5" /> : <Banknote className="h-3.5 w-3.5" />}
                      {za === "BANK" ? "Bank" : "Kasse"}
                    </button>
                  ))}
                </div>
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-1">Steuersatz</label>
                <select
                  value={form.steuersatz}
                  onChange={(e) => setForm((f) => ({ ...f, steuersatz: Number(e.target.value) }))}
                  className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
                >
                  {STEUERSAETZE.map((s) => (
                    <option key={s.value} value={s.value}>{s.label}</option>
                  ))}
                </select>
              </div>
            </div>
            {/* Vorschau Nettobetrag */}
            {parseFloat(form.betrag) > 0 && form.steuersatz > 0 && (
              <div className="rounded-lg bg-emerald-50 border border-emerald-100 px-3 py-2 text-xs text-emerald-700 space-y-0.5">
                <p><strong>Brutto:</strong> {formatCurrency(parseFloat(form.betrag))}</p>
                <p><strong>USt. ({form.steuersatz} %):</strong> {formatCurrency(Math.round((parseFloat(form.betrag) / (1 + form.steuersatz / 100)) * (form.steuersatz / 100) * 100) / 100)}</p>
                <p><strong>Netto:</strong> {formatCurrency(Math.round((parseFloat(form.betrag) / (1 + form.steuersatz / 100)) * 100) / 100)}</p>
              </div>
            )}
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">Notiz</label>
              <input
                type="text"
                value={form.beschreibung}
                onChange={(e) => setForm((f) => ({ ...f, beschreibung: e.target.value }))}
                placeholder="Optional"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
              />
            </div>
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>Abbrechen</Button>
            <Button
              onClick={handleSave}
              disabled={saving || !formValid}
              className="bg-emerald-600 hover:bg-emerald-700"
            >
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingId ? "Speichern" : "Hinzufügen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,554 @@
 import { requireUser } from "@/session.server";
 import prisma from "@/lib/prisma.server";
 import { ChevronLeft, Loader2, Plus, Pencil, Trash2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Badge } from "@/components/ui/badge";
 import { useState } from "react";
 import { formatCurrency } from "@/lib/tax";
 import { useLoaderData, Link, useRevalidator } from "react-router";
 type Transaction = {
  id: string;
  date: string;
  account: 'kasse' | 'bank';
  type: 'einlage' | 'entnahme';
  amount: number;
  description: string;
  isBusinessRecord: boolean;
  kategorie: string | null;
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  if (!company) throw new Response("Company not Found", { status: 404 });
  const buchungen = await prisma.buchung.findMany({
    where: { companyId: company.id },
    orderBy: { date: 'desc' },
    select: {
      id: true,
      date: true,
      account: true,
      type: true,
      amount: true,
      description: true,
      isBusinessRecord: true,
      kategorie: true,
    },
  });
  const transactions: Transaction[] = buchungen.map((b): Transaction => ({
    id: b.id,
    date: b.date.toISOString().split('T')[0],
    account: b.account === 'BANK' ? 'bank' : 'kasse',
    type: b.type === 'EINLAGE' ? 'einlage' : 'entnahme',
    amount: Number(b.amount),
    description: b.description || '',
    isBusinessRecord: b.isBusinessRecord,
    kategorie: b.kategorie || null,
  }));
  const balance = transactions.reduce((sum: number, t: Transaction) => sum + (t.type === 'einlage' ? t.amount : -t.amount), 0);
  return {
    companyId: company.id,
    companyName: company.name,
    transactions,
    balance,
  };
 }
 export default function CompanyMoney() {
  const { transactions: initialTransactions, companyId, companyName, balance } =
  useLoaderData<typeof loader>();
  const { revalidate } = useRevalidator();
  const [saving, setSaving] = useState(false);
  const [deleting, setDeleting] = useState<string | null>(null);
  const [dialogOpen, setDialogOpen] = useState(false);
  const [editingTransaction, setEditingTransaction] = useState<Transaction | null>(null);
  const [isUmbuchung, setIsUmbuchung] = useState(false);
  const [form, setForm] = useState({
    date: new Date().toISOString().split('T')[0],
    account: 'kasse' as 'kasse' | 'bank',
    type: 'einlage' as 'einlage' | 'entnahme',
    amount: '',
    description: '',
    toAccount: 'bank' as 'kasse' | 'bank',
  });
  function openCreate() {
    setEditingTransaction(null);
    setIsUmbuchung(false);
    setForm({
      date: new Date().toISOString().split('T')[0],
      account: 'kasse',
      type: 'einlage',
      amount: '',
      description: '',
      toAccount: 'bank',
    });
    setDialogOpen(true);
  }
  function openCreateUmbuchung() {
    setEditingTransaction(null);
    setIsUmbuchung(true);
    setForm({
      date: new Date().toISOString().split('T')[0],
      account: 'kasse',
      type: 'umbuchung',
      amount: '',
      description: '',
      toAccount: 'bank',
    });
    setDialogOpen(true);
  }
  function openEdit(transaction: Transaction) {
    setEditingTransaction(transaction);
    setForm({
      date: transaction.date,
      account: transaction.account,
      type: transaction.type,
      amount: String(transaction.amount),
      description: transaction.description,
    });
    setDialogOpen(true);
  }
  async function handleSave() {
    setSaving(true);
    const payload = isUmbuchung
      ? {
          date: form.date,
          account: form.account,
          type: 'umbuchung',
          toAccount: form.toAccount,
          amount: parseFloat(form.amount),
          description: form.description,
        }
      : {
          date: form.date,
          account: form.account,
          type: form.type,
          amount: parseFloat(form.amount),
          description: form.description,
        };
    try {
      if (editingTransaction) {
        const res = await fetch(`/api/companies/${companyId}/money?transactionId=${editingTransaction.id}`, {
          method: "PUT",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(payload),
        });
        if (!res.ok) {
          const error = await res.json();
          alert(error.error || "Fehler beim Speichern");
          return;
        }
      } else {
        const res = await fetch(`/api/companies/${companyId}/money`, {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(payload),
        });
        if (!res.ok) {
          const error = await res.json();
          alert(error.error || "Fehler beim Speichern");
          return;
        }
      }
      setDialogOpen(false);
      revalidate();
    } finally {
      setSaving(false);
    }
  }
  async function handleDelete(id: string) {
    if (!confirm("Transaktion wirklich löschen?")) return;
    setDeleting(id);
    await fetch(`/api/companies/${companyId}/money?transactionId=${id}`, { method: "DELETE" });
    setDeleting(null);
    revalidate();
  }
  const sortedTransactions = [...initialTransactions].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
  const kasseBalance = initialTransactions
    .filter((t) => t.account === 'kasse')
    .reduce((sum, t) => sum + (t.type === 'einlage' ? t.amount : -t.amount), 0);
  const bankBalance = initialTransactions
    .filter((t) => t.account === 'bank')
    .reduce((sum, t) => sum + (t.type === 'einlage' ? t.amount : -t.amount), 0);
  const formValid = form.date && form.amount && parseFloat(form.amount) > 0;
  return (
    <div>
      <Link
        to={`/companies/${companyId}`}
        className="inline-flex items-center gap-1 text-sm text-gray-500 hover:text-gray-700 mb-6"
      >
        <ChevronLeft className="h-4 w-4" /> Zurück zum Mandanten
      </Link>
      <div className="flex items-center justify-between mb-8">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Kasse und Bank</h1>
          <p className="text-gray-500 mt-1">
            {companyName}
          </p>
        </div>
        <div className="flex items-center gap-3">
          <Button onClick={openCreateUmbuchung} variant="outline">
            <Plus className="h-4 w-4" />
            Umbuchung
          </Button>
          <Button onClick={openCreate}>
            <Plus className="h-4 w-4" />
            Neue Transaktion
          </Button>
        </div>
      </div>
      {/* Zusammenfassung */}
      <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Kasse (Saldo)</p>
            <p className="text-xl font-bold text-indigo-700">{formatCurrency(kasseBalance)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Bank (Saldo)</p>
            <p className="text-xl font-bold text-teal-700">{formatCurrency(bankBalance)}</p>
          </CardContent>
        </Card>
        <Card>
          <CardContent className="pt-5 pb-5">
            <p className="text-xs text-gray-500 mb-1">Gesamter Kontostand</p>
            <p className="text-xl font-bold text-gray-900">{formatCurrency(balance)}</p>
          </CardContent>
        </Card>
      </div>
      {/* Split-View: Kasse und Bank nebeneinander */}
      {sortedTransactions.length === 0 ? (
        <Card>
          <CardContent className="py-16 text-center text-gray-400">
            <p className="text-sm">Noch keine Transaktionen erfasst.</p>
            <Button variant="outline" className="mt-4" onClick={openCreate}>
              <Plus className="h-4 w-4" />
              Erste Transaktion hinzufügen
            </Button>
          </CardContent>
        </Card>
      ) : (
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
          {/* Kasse Tabelle */}
          <Card>
            <div className="px-4 py-3 border-b border-slate-200 bg-slate-50">
              <h3 className="font-semibold text-slate-700">Kasse</h3>
            </div>
            <div className="overflow-x-auto">
              <table className="w-full text-sm border-collapse">
                <thead>
                  <tr className="border-b border-slate-200 bg-slate-50">
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Datum
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Typ
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Beschreibung
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Kategorie
                    </th>
                    <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Betrag
                    </th>
                    <th className="px-3 py-2.5 w-16" />
                  </tr>
                </thead>
                <tbody className="divide-y divide-slate-100">
                  {sortedTransactions
                    .filter((t) => t.account === 'kasse')
                    .map((transaction) => (
                      <tr key={transaction.id} className="hover:bg-slate-50/60 group">
                        <td className="px-3 py-2.5 text-slate-600 whitespace-nowrap">
                          {transaction.date}
                        </td>
                        <td className="px-3 py-2.5 text-slate-600 whitespace-nowrap">
                          <Badge variant={transaction.type === 'einlage' ? 'default' : 'destructive'}>
                            {transaction.type === 'einlage' ? 'Einlage' : 'Entnahme'}
                          </Badge>
                        </td>
                        <td className="px-3 py-2.5 text-slate-700">
                          {transaction.description}
                        </td>
                        <td className="px-3 py-2.5 text-slate-600 text-xs">
                          {transaction.kategorie || '—'}
                        </td>
                        <td className="px-3 py-2.5 text-right font-medium whitespace-nowrap">
                          <span className={transaction.type === 'einlage' ? 'text-green-600' : 'text-red-600'}>
                            {transaction.type === 'einlage' ? '+' : '-'}{formatCurrency(transaction.amount)}
                          </span>
                        </td>
                        <td className="px-3 py-2.5">
                          {transaction.isBusinessRecord ? (
                            <span className="text-xs text-gray-500 font-medium">
                              Automatisch
                            </span>
                          ) : (
                            <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                              <button
                                onClick={() => openEdit(transaction)}
                                className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                                title="Bearbeiten"
                              >
                                <Pencil className="h-3.5 w-3.5" />
                              </button>
                              <button
                                onClick={() => handleDelete(transaction.id)}
                                disabled={deleting === transaction.id}
                                className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600"
                                title="Löschen"
                              >
                                {deleting === transaction.id ? (
                                  <Loader2 className="h-3.5 w-3.5 animate-spin" />
                                ) : (
                                  <Trash2 className="h-3.5 w-3.5" />
                                )}
                              </button>
                            </div>
                          )}
                        </td>
                      </tr>
                    ))}
                </tbody>
              </table>
            </div>
          </Card>
          {/* Bank Tabelle */}
          <Card>
            <div className="px-4 py-3 border-b border-slate-200 bg-slate-50">
              <h3 className="font-semibold text-slate-700">Bank</h3>
            </div>
            <div className="overflow-x-auto">
              <table className="w-full text-sm border-collapse">
                <thead>
                  <tr className="border-b border-slate-200 bg-slate-50">
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Datum
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Typ
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Beschreibung
                    </th>
                    <th className="px-3 py-2.5 text-left text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Kategorie
                    </th>
                    <th className="px-3 py-2.5 text-right text-xs font-semibold text-slate-500 uppercase tracking-wide">
                      Betrag
                    </th>
                    <th className="px-3 py-2.5 w-16" />
                  </tr>
                </thead>
                <tbody className="divide-y divide-slate-100">
                  {sortedTransactions
                    .filter((t) => t.account === 'bank')
                    .map((transaction) => (
                      <tr key={transaction.id} className="hover:bg-slate-50/60 group">
                        <td className="px-3 py-2.5 text-slate-600 whitespace-nowrap">
                          {transaction.date}
                        </td>
                        <td className="px-3 py-2.5 text-slate-600 whitespace-nowrap">
                          <Badge variant={transaction.type === 'einlage' ? 'default' : 'destructive'}>
                            {transaction.type === 'einlage' ? 'Einlage' : 'Entnahme'}
                          </Badge>
                        </td>
                        <td className="px-3 py-2.5 text-slate-700">
                          {transaction.description}
                        </td>
                        <td className="px-3 py-2.5 text-slate-600 text-xs">
                          {transaction.kategorie || '—'}
                        </td>
                        <td className="px-3 py-2.5 text-right font-medium whitespace-nowrap">
                          <span className={transaction.type === 'einlage' ? 'text-green-600' : 'text-red-600'}>
                            {transaction.type === 'einlage' ? '+' : '-'}{formatCurrency(transaction.amount)}
                          </span>
                        </td>
                        <td className="px-3 py-2.5">
                          {transaction.isBusinessRecord ? (
                            <span className="text-xs text-gray-500 font-medium">
                              Automatisch
                            </span>
                          ) : (
                            <div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
                              <button
                                onClick={() => openEdit(transaction)}
                                className="p-1 rounded hover:bg-slate-100 text-slate-500 hover:text-slate-700"
                                title="Bearbeiten"
                              >
                                <Pencil className="h-3.5 w-3.5" />
                              </button>
                              <button
                                onClick={() => handleDelete(transaction.id)}
                                disabled={deleting === transaction.id}
                                className="p-1 rounded hover:bg-red-50 text-slate-400 hover:text-red-600"
                                title="Löschen"
                              >
                                {deleting === transaction.id ? (
                                  <Loader2 className="h-3.5 w-3.5 animate-spin" />
                                ) : (
                                  <Trash2 className="h-3.5 w-3.5" />
                                )}
                              </button>
                            </div>
                          )}
                        </td>
                      </tr>
                    ))}
                </tbody>
              </table>
            </div>
          </Card>
        </div>
      )}
      {/* Dialog: Anlegen / Bearbeiten */}
      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
        <DialogContent className="sm:max-w-lg">
          <DialogHeader>
            <DialogTitle>
              {editingTransaction ? "Transaktion bearbeiten" : "Neue Transaktion"}
            </DialogTitle>
          </DialogHeader>
          <div className="grid gap-4 py-2">
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Datum <span className="text-red-500">*</span>
              </label>
              <input
                type="date"
                value={form.date}
                onChange={(e) => setForm((f) => ({ ...f, date: e.target.value }))}
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
              />
            </div>
            {isUmbuchung ? (
              <>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
                    Von (Konto) <span className="text-red-500">*</span>
                  </label>
                  <select
                    value={form.account}
                    onChange={(e) => setForm((f) => ({ ...f, account: e.target.value as 'kasse' | 'bank', toAccount: e.target.value === 'kasse' ? 'bank' : 'kasse' }))}
                    className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  >
                    <option value="kasse">Kasse</option>
                    <option value="bank">Bank</option>
                  </select>
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
                    Nach (Konto)
                  </label>
                  <div className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm bg-gray-50">
                    {form.toAccount === 'kasse' ? 'Kasse' : 'Bank'}
                  </div>
                </div>
              </>
            ) : (
              <>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
                    Konto <span className="text-red-500">*</span>
                  </label>
                  <select
                    value={form.account}
                    onChange={(e) => setForm((f) => ({ ...f, account: e.target.value as 'kasse' | 'bank' }))}
                    className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  >
                    <option value="kasse">Kasse</option>
                    <option value="bank">Bank</option>
                  </select>
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-1">
                    Typ <span className="text-red-500">*</span>
                  </label>
                  <select
                    value={form.type}
                    onChange={(e) => setForm((f) => ({ ...f, type: e.target.value as 'einlage' | 'entnahme' }))}
                    className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  >
                    <option value="einlage">Einnahme (Einlage)</option>
                    <option value="entnahme">Ausgabe (Entnahme)</option>
                  </select>
                </div>
              </>
            )}
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Betrag (€) <span className="text-red-500">*</span>
              </label>
              <input
                type="number"
                min="0.01"
                step="0.01"
                value={form.amount}
                onChange={(e) => setForm((f) => ({ ...f, amount: e.target.value }))}
                placeholder="0,00"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
              />
            </div>
            <div>
              <label className="block text-sm font-medium text-gray-700 mb-1">
                Beschreibung
              </label>
              <input
                type="text"
                value={form.description}
                onChange={(e) => setForm((f) => ({ ...f, description: e.target.value }))}
                placeholder="z.B. Barentnahme, Gehalt"
                className="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
              />
            </div>
          </div>
          <div className="flex justify-end gap-2 pt-2">
            <Button variant="outline" onClick={() => setDialogOpen(false)}>
              Abbrechen
            </Button>
            <Button onClick={handleSave} disabled={saving || !formValid}>
              {saving && <Loader2 className="h-4 w-4 animate-spin" />}
              {editingTransaction ? "Speichern" : isUmbuchung ? "Umbuchung durchführen" : "Hinzufügen"}
            </Button>
          </div>
        </DialogContent>
      </Dialog>
    </div>
  );
 }
@@ -0,0 +1,116 @@
 import { Outlet, useParams, useLocation, Link } from "react-router";
 import { requireUser } from "@/session.server";
 import { Scale, TrendingDown, TrendingUp, Landmark, DollarSign, ChevronRight } from "lucide-react";
 import { Card, CardContent } from "@/components/ui/card";
 export const handle = {
  breadcrumbs: (data: { companyId: string; companyName: string }) => [
    { label: "Mandanten", href: "/companies" },
    { label: data.companyName, href: `/companies/${data.companyId}` },
    { label: "Buchhaltung" },
  ],
 };
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  // Verify company ownership
  const { PrismaClient } = await import("@prisma/client");
  const prisma = new PrismaClient();
  const company = await prisma.company.findFirst({
    where: { id: params.id, userId: user.id },
    select: { id: true, name: true },
  });
  await prisma.$disconnect();
  if (!company) throw new Response("Not Found", { status: 404 });
  return { companyId: company.id, companyName: company.name };
 }
 const accountingTabs = [
  {
    id: "bilanzen",
    label: "Bilanzen",
    icon: Scale,
    href: "bilanzen",
    color: "teal",
  },
  {
    id: "ausgaben",
    label: "Ausgaben",
    icon: TrendingDown,
    href: "ausgaben",
    color: "rose",
  },
  {
    id: "einnahmen",
    label: "Einnahmen",
    icon: TrendingUp,
    href: "einnahmen",
    color: "emerald",
  },
  {
    id: "anlagevermoegen",
    label: "Anlagevermögen",
    icon: Landmark,
    href: "anlagevermoegen",
    color: "violet",
  },
  {
    id: "money",
    label: "Finanzmittel",
    icon: DollarSign,
    href: "money",
    color: "cyan",
  },
 ];
 export default function BuchhaltungLayout() {
  const params = useParams();
  const location = useLocation();
  const companyId = params.id;
  // Determine which tab is active based on current pathname
  const pathSegments = location.pathname.split("/");
  const activeSegment = pathSegments[pathSegments.length - 1];
  const activeTa = accountingTabs.find((tab) => tab.href === activeSegment);
  return (
    <div className="space-y-6">
      <div className="bg-white rounded-lg border border-gray-200 p-6 shadow-sm">
        <h2 className="text-2xl font-bold text-gray-900 mb-1">Buchhaltung</h2>
        <p className="text-sm text-gray-600">Verwaltung von Bilanzen, Ausgaben, Einnahmen und Vermögen</p>
      </div>
      <div className="grid grid-cols-1 md:grid-cols-5 gap-4">
        {accountingTabs.map((tab) => {
          const Icon = tab.icon;
          const isActive = tab.href === activeSegment;
          const bgColor = `${tab.color}-50`;
          const borderColor = `${tab.color}-200`;
          const textColor = `${tab.color}-600`;
          const activeBg = `${tab.color}-100`;
          return (
            <Link key={tab.id} to={`/companies/${companyId}/buchhaltung/${tab.href}`} className="block">
              <Card 
                className={`hover:shadow-sm transition-all cursor-pointer ${
                  isActive ? `border-${borderColor} bg-${activeBg}` : `hover:border-${borderColor}`
                }`}
              >
                <CardContent className="pt-6 pb-6 flex flex-col items-center gap-3 text-center">
                  <div className={`p-3 rounded-lg bg-${bgColor}`}>
                    <Icon className={`h-5 w-5 text-${textColor}`} />
                  </div>
                  <span className="text-sm font-medium text-gray-700">{tab.label}</span>
                </CardContent>
              </Card>
            </Link>
          );
        })}
      </div>
      <div className="bg-white rounded-lg border border-gray-200 shadow-sm">
        <Outlet />
      </div>
    </div>
  );
 }
@@ -168,16 +168,38 @@ export default function InvoiceDetailPage() {
 * It then creates a blob URL from the response and creates a new anchor element with the blob URL and a download attribute with the filename.
 * It then simulates a click event on the anchor element, so the user is prompted to download the PDF file.
 */
-  async function downloadPdf() {
+  async function downloadFile(url: string, filename: string) {
-    const res = await fetch(`/api/invoices/${invoice.id}/pdf`);
+    const res = await fetch(url);
-    if (!res.ok) return;
+    if (!res.ok) {
      const contentType = res.headers.get("content-type") ?? "";
      if (contentType.includes("application/json")) {
        const data = await res.json() as { error?: string; missingFields?: string[] };
        const detail = data.missingFields?.length
          ? `\n\n• ${data.missingFields.join("\n• ")}`
          : "";
        alert(`${data.error ?? "Fehler"}${detail}`);
      }
      return;
    }
    const blob = await res.blob();
-    const url = URL.createObjectURL(blob);
+    const objectUrl = URL.createObjectURL(blob);
    const a = document.createElement("a");
-    a.href = url;
+    a.href = objectUrl;
-    a.download = `rechnung-${invoice.number ?? invoice.id}.pdf`;
+    a.download = filename;
    a.click();
-    URL.revokeObjectURL(url);
+    URL.revokeObjectURL(objectUrl);
  }
  function downloadPdf() {
    return downloadFile(`/api/invoices/${invoice.id}/pdf`, `rechnung-${invoice.number ?? invoice.id}.pdf`);
  }
  const xmlMissingFields: string[] = [];
  if (!invoice.company.phone) xmlMissingFields.push("Telefonnummer der Firma fehlt");
  if (!invoice.company.email) xmlMissingFields.push("E-Mail-Adresse der Firma fehlt");
  function downloadXml() {
    return downloadFile(`/api/invoices/${invoice.id}/xml`, `rechnung-${invoice.number ?? invoice.id}.xml`);
  }
  return (
@@ -203,9 +225,25 @@ export default function InvoiceDetailPage() {
        {/* Invoice Actions */}
        <div className="flex items-center gap-2">
          {invoice.status !== "DELETED" && (
            <>
              <Button variant="outline" size="sm" onClick={downloadPdf}>
                <Download className="h-4 w-4" /> PDF
              </Button>
              <span
                title={xmlMissingFields.length > 0 ? `Pflichtfelder fehlen:\n• ${xmlMissingFields.join("\n• ")}` : undefined}
                className="inline-flex"
              >
                <Button
                  variant="outline"
                  size="sm"
                  onClick={downloadXml}
                  disabled={xmlMissingFields.length > 0}
                  className={xmlMissingFields.length > 0 ? "pointer-events-none opacity-50" : ""}
                >
                  <Download className="h-4 w-4" /> E-Rechnung
                </Button>
              </span>
            </>
          )}
          {invoice.status === "DRAFT" && (
            <Button variant="outline" size="sm" asChild>
@@ -336,9 +374,7 @@ export default function InvoiceDetailPage() {
                      <tr key={item.id} className="hover:bg-gray-50">
                        <td className="px-4 py-3 text-gray-500">{item.position}</td>
                        <td className="px-4 py-3 text-gray-900">{item.description}</td>
-                        <td className="px-4 py-3 text-right text-gray-700">
+                        <td className="px-4 py-3 text-right text-gray-700">{item.quantity}</td>
                          {item.quantity} {item.unit && <span className="text-gray-500">{item.unit}</span>}
                        </td>
                        <td className="px-4 py-3 text-right text-gray-700">{formatCurrency(item.unitPrice)}</td>
                        <td className="px-4 py-3 text-right text-gray-700">{item.taxRate}%</td>
                        <td className="px-4 py-3 text-right font-medium text-gray-900">{formatCurrency(item.grossAmount)}</td>
@@ -26,7 +26,6 @@ import { TAX_RATES, formatCurrency } from "@/lib/tax";
 const schema = z.object({
  name: z.string().min(1, "Pflichtfeld"),
  description: z.string().optional(),
  unit: z.string().optional(),
  unitPrice: z.coerce.number({ invalid_type_error: "Ungültiger Betrag" }),
  taxRate: z.coerce.number(),
 });
@@ -36,7 +35,6 @@ interface Service {
  id: string;
  name: string;
  description: string | null;
  unit: string | null;
  unitPrice: number;
  taxRate: number;
 }
@@ -89,17 +87,11 @@ function ServiceForm({
        <Label>Beschreibung</Label>
        <Input {...register("description")} placeholder="Optionale Leistungsbeschreibung" />
      </div>
      <div className="grid grid-cols-2 gap-3">
        <div className="space-y-1.5">
          <Label>Einheit</Label>
          <Input {...register("unit")} placeholder="Stunde, Stück, ..." />
        </div>
      <div className="space-y-1.5">
        <Label>Einzelpreis (€) *</Label>
        <Input {...register("unitPrice")} type="number" step="0.01" placeholder="0.00" />
        {errors.unitPrice && <p className="text-xs text-red-600">{errors.unitPrice.message}</p>}
      </div>
      </div>
      <div className="space-y-1.5">
        <Label>Steuersatz</Label>
        <Select
@@ -127,7 +119,7 @@ function ServiceForm({
  );
 }
-type SortKey = "name" | "description" | "unit" | "unitPrice" | "taxRate";
+type SortKey = "name" | "description" | "unitPrice" | "taxRate";
 type SortDir = "asc" | "desc";
 export default function LeistungenPage() {
@@ -220,7 +212,6 @@ export default function LeistungenPage() {
              defaultValues={{
                name: editService.name,
                description: editService.description ?? undefined,
                unit: editService.unit ?? undefined,
                unitPrice: editService.unitPrice,
                taxRate: editService.taxRate,
              }}
@@ -244,8 +235,8 @@ export default function LeistungenPage() {
            <table className="w-full text-sm">
              <thead>
                <tr className="border-b border-slate-100 text-xs font-medium text-slate-500 uppercase tracking-wide">
-                  {(["name", "description", "unit", "unitPrice", "taxRate"] as SortKey[]).map((key, i) => {
+                  {(["name", "description", "unitPrice", "taxRate"] as SortKey[]).map((key, i) => {
-                    const labels: Record<SortKey, string> = { name: "Bezeichnung", description: "Beschreibung", unit: "Einheit", unitPrice: "Preis", taxRate: "MwSt." };
+                    const labels: Record<SortKey, string> = { name: "Bezeichnung", description: "Beschreibung", unitPrice: "Preis", taxRate: "MwSt." };
                    const isNum = key === "unitPrice" || key === "taxRate";
                    const active = sortKey === key;
                    const Icon = active ? (sortDir === "asc" ? ChevronUp : ChevronDown) : ChevronsUpDown;
@@ -270,7 +261,6 @@ export default function LeistungenPage() {
                  <tr key={service.id} className="hover:bg-slate-50 transition-colors">
                    <td className="px-4 py-3 font-medium text-slate-800">{service.name}</td>
                    <td className="px-4 py-3 text-slate-500 max-w-xs truncate">{service.description ?? "-"}</td>
                    <td className="px-4 py-3 text-slate-500">{service.unit ?? "-"}</td>
                    <td className="px-4 py-3 text-right text-slate-800">{formatCurrency(service.unitPrice)}</td>
                    <td className="px-4 py-3 text-right text-slate-500">{service.taxRate}%</td>
                    <td className="px-4 py-3">
@@ -7,7 +7,7 @@ import { Badge } from "@/components/ui/badge";
 import { formatCurrency, formatDate } from "@/lib/tax";
 import {
  FileText, Users, BarChart3, Plus, Edit, Building2,
-  Mail, Phone, CreditCard, Receipt, Archive, ArchiveRestore, AlertTriangle, Briefcase
+  Mail, Phone, CreditCard, Receipt, Archive, ArchiveRestore, AlertTriangle, Briefcase, Scale, TrendingDown, TrendingUp, PackageSearch, DollarSign
 } from "lucide-react";
 import { InvoiceStatus } from "@prisma/client";
 import { useState } from "react";
@@ -50,9 +50,10 @@ const statusVariants: Record<InvoiceStatus, "secondary" | "default" | "success"
 export async function loader({ request, params }: { request: Request; params: { id: string } }) {
  const user = await requireUser(request);
  const { id } = params;
  const isAdmin = user.role === "ADMIN";
  const company = await prisma.company.findFirst({
-    where: { id, userId: user.id },
+    where: isAdmin ? { id } : { id, userId: user.id },
    include: {
      invoices: {
        where: { status: { not: InvoiceStatus.DELETED } },
@@ -72,7 +73,7 @@ export async function loader({ request, params }: { request: Request; params: {
  });
  return {
-    isAdmin: user.role === "ADMIN",
+    isAdmin,
    company: {
      ...company,
      archivedAt: company.archivedAt?.toISOString() ?? null,
@@ -232,6 +233,16 @@ export default function CompanyPage() {
            </CardContent>
          </Card>
        </Link>
        <Link to={`/companies/${id}/buchhaltung/bilanzen`} className="block">
          <Card className="hover:border-indigo-200 hover:shadow-sm transition-all cursor-pointer">
            <CardContent className="pt-4 pb-4 flex items-center gap-3">
              <div className="p-2 rounded-lg bg-indigo-50">
                <Briefcase className="h-4 w-4 text-indigo-600" />
              </div>
              <span className="text-sm font-medium text-gray-700">Buchhaltung</span>
            </CardContent>
          </Card>
        </Link>
      </div>
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
@@ -1,5 +1,6 @@
 import { Form, useActionData, useNavigation, redirect } from "react-router";
 import { login, createUserSession, getUserSession } from "@/session.server";
 import { checkLoginRateLimit } from "@/lib/rate-limiter.server";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -13,6 +14,9 @@ export async function loader({ request }: { request: Request }) {
 }
 export async function action({ request }: { request: Request }) {
  const rateLimitError = await checkLoginRateLimit(request);
  if (rateLimitError) return { error: rateLimitError };
  const formData = await request.formData();
  const identifier = formData.get("identifier") as string;
  const password = formData.get("password") as string;
@@ -3,15 +3,19 @@ import bcrypt from "bcryptjs";
 import prisma from "@/lib/prisma.server";
 import { log } from "@/lib/logger.server";
 if (!process.env.AUTH_SECRET) {
  throw new Error("AUTH_SECRET environment variable is required");
 }
 const sessionStorage = createCookieSessionStorage({
  cookie: {
    name: "__session",
    httpOnly: true,
-    maxAge: process.env.NODE_ENV === "development" ? 60 * 60 * 24 * 30 : 60 * 60 * 4,
+    maxAge: 60 * 60 * 4, // 4 Stunden
    path: "/",
    sameSite: "lax",
-    secrets: [process.env.AUTH_SECRET ?? "fallback-secret-change-in-production"],
+    secrets: [process.env.AUTH_SECRET],
-    secure: process.env.SESSION_SECURE === "true",
+    secure: process.env.NODE_ENV === "production",
  },
 });
@@ -28,6 +32,8 @@ export async function login(
  });
  if (!user) {
    // Dummy-Vergleich verhindert Timing-Angriffe zur Benutzernamen-Enumeration
    await bcrypt.compare(password, "$2a$12$dummyhashfortimingattackprevention000000000000000000000");
    await log({ action: "LOGIN_FAILED", metadata: { identifier }, request });
    return null;
  }
@@ -0,0 +1,423 @@
 # Copilot Instructions for Annas Rechnungsmanager
 **Project**: German accounting & invoice management system for tax consultants  
 **Tech Stack**: React Router v7, TypeScript, Prisma, MariaDB, Tailwind CSS v4, Docker  
 **Language**: English for code/comments, German for business logic and docs
 ---
 ## Quick Start for Copilot
 ### 1. Setup & Environment
 Before making any changes, ensure the environment is ready:
 ```bash
 npm install                    # Install dependencies
 cp .env.example .env           # Create .env from example
 npx prisma migrate deploy      # Apply database migrations
 npm run db:seed               # Seed initial data (optional)
 npm run dev                   # Start dev server on http://localhost:5173
 ```
 **Database**: Requires MariaDB 10.5+ (or MySQL 8.0+). Can run via Docker:
 ```bash
 docker-compose up -d          # Starts MariaDB, Redis (if configured)
 ```
 ### 2. Codebase Map
 - **`app/`** — React Router v7 (file-based routing, SSR)
  - `routes/` — Page routes + API endpoints (REST)
  - `components/` — Shared UI (shadcn/ui + Tailwind)
  - `lib/` — Business logic, DB queries, utils
  - `session.server.ts` — Auth & cookie sessions
 - **`prisma/`** — Database schema, migrations, seed script
 - **`scripts/`** — CLI helpers (setup-admin, reset-password)
 - **`public/`** — Static assets (SVGs, images)
 - **`graphify-out/`** — Knowledge graph (visual map of code - see GRAPH_REPORT.md)
 ### 3. Key Files to Know
 | File | Purpose |
 |------|---------|
 | `prisma/schema.prisma` | Data model (Users, Companies, Invoices, Customers, etc.) |
 | `app/root.tsx` | Root layout, error boundaries, global styles |
 | `app/entry.server.tsx` | Server-side rendering entry |
 | `app/session.server.ts` | Auth logic, session management |
 | `app/lib/tax.ts` | German tax calculations (USt, AFA) |
 | `app/lib/prisma.server.ts` | DB client initialization |
 ---
 ## Development Workflows
 ### Adding a New Feature
 1. **Understand the domain**: Read `CLAUDE.md` section 1 (project overview)
 2. **Find the god node**: Check `graphify-out/GRAPH_REPORT.md` for related files
 3. **Implement in layers**:
   - Add schema to `prisma/schema.prisma` → `npx prisma migrate dev`
   - Create API endpoint in `app/routes/api.*`
   - Create UI route in `app/routes/`
   - Add business logic to `app/lib/`
 4. **Test**: `npm run typecheck && npm run lint && npm run test` (if tests exist)
 5. **Verify in dev**: `npm run dev` → test manually in browser
 ### Editing Existing Routes/Components
 - Routes use **file-based routing**: `app/routes/companies.$id.tsx` → `/companies/123`
 - Nested routes: `app/routes/companies.$id.invoices.tsx` → `/companies/123/invoices`
 - API routes: `app/routes/api.invoices.ts` → `POST /api/invoices`
 - Use `loader` for GET data, `action` for POST/PUT/DELETE (Remix/React Router pattern)
 ### Database Changes
 ```bash
 # Make changes to prisma/schema.prisma, then:
 npx prisma migrate dev --name description  # Creates migration + applies it
 npx prisma studio                          # GUI browser for data
 ```
 ### Authentication
 - Sessions stored in browser cookies (signed, httpOnly)
 - Check `app/session.server.ts` for session helpers
 - Protect routes with `requireAuth()` or check `session` in loader
 - Passwords hashed with bcryptjs
 ---
 ## Code Style & Conventions
 ### TypeScript
 - **Strict mode enabled** (`strict: true` in tsconfig.json)
 - Use `unknown` for external data, then guard with type checks
 - Don't use `any` — use `unknown` + assertion if needed
 - Nullable types: prefer explicit `| null` over optional `?`
 ### React Router v7
 - Use **loaders** for data fetching (server-side)
 - Use **actions** for mutations
 - **Return** `redirect()`, `json()`, or React components from loaders
 - Use `<Form>` instead of `<form>` for proper handling
 ### Database Queries
 - Use Prisma (never raw SQL in business code)
 - Keep queries in `app/lib/` (not in components or routes)
 - Example: `app/lib/invoices.ts` exports `getInvoiceById()`, `createInvoice()`, etc.
 ### UI Components
 - Use **shadcn/ui** components (in `app/components/ui/`)
 - Style with **Tailwind CSS v4** utility classes
 - Keep components small, prefer composition over props drilling
 - Use `<Card>`, `<Button>`, `<Dialog>`, `<Select>`, `<Input>` from shadcn
 ### Naming
 - Components: PascalCase (`InvoiceForm.tsx`)
 - Utilities/functions: camelCase (`calculateTax()`)
 - Constants: UPPER_SNAKE_CASE (`INVOICE_STATUSES`)
 - CSS classes: kebab-case (Tailwind default)
 - Database tables: singular, lowercase (`user`, `invoice`, `company`)
 ---
 ## Business Logic (Important!)
 ### German Tax (Umsatzsteuer)
 - **§14 UStG**: Invoice compliance required for VAT
 - Tax calculations in `app/lib/tax.ts`
 - Net/Gross amounts: always track both
 - Tax rates: 19% (standard), 7% (reduced), 0% (exports)
 ### Invoice Numbering
 - Must be sequential and unique per company
 - Logic in `app/lib/invoice-number.server.ts`
 - Stored in database to prevent duplicates
 ### Expense/Income Categories
 - Stored in database (user-configurable per company)
 - Used for reports and tax deductions
 - Budget constraints apply (see schema)
 ### Audit Logging
 - Every write operation must log to audit table
 - Include user ID, IP, timestamp, action type
 - Check `app/lib/logger.server.ts`
 ---
 ## Testing & Validation
 ### Type Checking
 ```bash
 npm run typecheck  # Runs tsc --noEmit (catches type errors)
 ```
 **Always run before committing.** This is non-negotiable.
 ### Linting (if configured)
 ```bash
 npm run lint       # Runs eslint
 npm run lint:fix   # Auto-fixes style issues
 ```
 ### Manual Testing
 ```bash
 npm run dev
 # Test in browser at http://localhost:5173
 # Try happy path + error cases
 ```
 ### Database Validation
 - Prisma will catch schema errors on migration
 - Use `prisma studio` to verify data after changes
 - Test with sample data (seed script)
 ---
 ## Common Gotchas & Constraints
 ### ❌ Don't
 - **Don't import from routes into components** — causes circular deps
 - **Don't fetch data in components** — use loaders instead
 - **Don't store sensitive data in cookies** (sessions are signed, but still)
 - **Don't modify `prisma/schema.prisma` without a migration**
 - **Don't skip `npm run typecheck`** — type errors hide bugs
 - **Don't commit with unresolved TypeScript errors**
 ### ✅ Do
 - **Use server-side rendering** for auth, tax calculations, sensitive data
 - **Keep server logic in `app/lib/`**, not in routes
 - **Use Prisma transactions** for multi-step operations (invoices + payments)
 - **Validate user input** on both client (UX) and server (security)
 - **Log important actions** (invoice created, payment received, user deleted)
 - **Test edge cases** (negative amounts, invalid dates, permission checks)
 ### Session Management
 - Sessions expire after inactivity (see `.env` for timeout)
 - Check `session` in every protected route's loader
 - Use `destroySession()` on logout
 - Set `secure: true` for HTTPS (production only)
 ### Deployment
 - Docker image builds from `Dockerfile`
 - `docker-compose.yml` for local dev (MariaDB + app)
 - **Never commit `.env` or secrets** — use `.env.example` as template
 - Migrations run automatically on container start (see `Dockerfile`)
 ---
 ## How to Ask Copilot for Help
 ### Effective Requests
 **✅ Good:**
 - "Add a new invoice status 'draft' to the system. Update schema, create API endpoint, update UI."
 - "The tax calculation is wrong for exports (0% VAT). Where is this logic?"
 - "Refactor InvoiceForm to use Zod validation."
 **❌ Vague:**
 - "Make it work better"
 - "Fix the database"
 - "Add a feature"
 ### Before Asking
 1. **Read CLAUDE.md** — covers project context, architecture, key files
 2. **Check the graph** — `graphify-out/GRAPH_REPORT.md` shows component relationships
 3. **Look at similar code** — find a similar feature and adapt
 4. **Run typecheck** — make sure your environment is valid
 ### When Stuck
 1. Describe the feature + why you're stuck
 2. Paste error messages (full stack trace)
 3. Mention which file/function you're working in
 4. Explain what you tried
 ---
 ## Environment Setup
 ### Required
 - **Node.js 22+** — check with `node --version`
 - **npm 10+** — check with `npm --version`
 - **MariaDB 10.5+** (local or Docker) — check with `mysql --version`
 ### Optional
 - **Docker** — for containerized MariaDB + app
 - **Prisma Studio** — GUI for database: `npx prisma studio`
 - **VS Code + TypeScript extension** — for type hints while coding
 ### .env Template
 ```env
 DATABASE_URL="mysql://root:password@localhost:3306/annas_rechnungsmanager"
 NODE_ENV="development"
 ADMIN_PASSWORD="admin"  # Initial admin password
 SESSION_SECRET="your-secret-key-here"  # Generate with: node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"
 ```
 ---
 ## Useful Commands
 | Command | Purpose |
 |---------|---------|
 | `npm run dev` | Start dev server with hot reload |
 | `npm run typecheck` | Type-check without building |
 | `npm run lint` | Run ESLint |
 | `npm run build` | Build for production |
 | `npm run db:seed` | Seed database with sample data |
 | `npx prisma studio` | GUI for database |
 | `npx prisma migrate dev` | Create + apply migration |
 | `npx prisma migrate reset` | ⚠️ Wipe DB + re-seed (dev only!) |
 | `npm run setup-admin` | Create admin user (or use Docker env var) |
 ---
 ## Knowledge Graph & Architecture Visualization
 A comprehensive visual map of this codebase exists in `graphify-out/`. This is your **architectural compass** — use it before diving into features.
 ### Files Generated
 - **graph.html** — Interactive D3.js visualization (275 nodes, 590 edges, 100 communities)
 - **graph.json** — Raw graph data (importable into Neo4j, Obsidian, etc.)
 - **GRAPH_REPORT.md** — Analysis report with hub nodes and surprising connections
 ### How to Use It
 #### 1. **Open the Visualization**
 ```bash
 open graphify-out/graph.html
 # Or on Linux: xdg-open graphify-out/graph.html
 ```
 - **Drag nodes** to explore relationships
 - **Hover** to highlight connections
 - **Sidebar shows**: god nodes, key insights, legend by file type
 #### 2. **Read the Report**
 ```bash
 cat graphify-out/GRAPH_REPORT.md
 ```
 Contains:
 - **God Nodes** — Most connected files (hub architecture)
  - `companies.$id.invoices.$invoiceId.tsx` (8 connections) — Invoice editing is central
  - `session.server.ts` (7 connections) — Auth touches everything
  - `afa.ts` (6 connections) — Tax/depreciation widely used
 - **Surprising Connections** — Cross-file bridges you didn't expect
 - **Suggested Questions** — Pre-built exploration angles
 #### 3. **Answer Specific Questions**
 Before implementing a feature, ask the graph:
 **"How do invoice routes connect to pricing?"**
 ```bash
 graphify query "invoice routes pricing"
 # Returns: node paths, edge types, confidence scores
 ```
 **"What's the shortest path from InvoiceForm to TaxCalculation?"**
 ```bash
 graphify path "InvoiceForm" "TaxCalculation"
 # Returns: dependency chain with edge types (imports, calls, etc.)
 ```
 **"Tell me everything about session.server.ts"**
 ```bash
 graphify explain "session.server.ts"
 # Returns: node info, all connections (incoming/outgoing), file location
 ```
 ### Common Use Cases
 #### 🔍 **Understanding a New Area**
 1. Open `graph.html`
 2. Search the visualization for relevant keywords (invoice, tax, payment)
 3. Click god nodes to see what's connected
 4. Run `/graphify query` on a concept you don't understand
 #### ✨ **Finding Related Code**
 Before editing a file, check what it connects to:
 ```bash
 graphify explain "companies.$id.invoices.tsx"
 # See: what imports it, what it imports, data flow
 ```
 #### 🚨 **Impact Analysis Before Changes**
 Need to modify `session.server.ts`?
 ```bash
 graphify query "session authentication routes"
 # See all places that depend on auth logic
 # Helps avoid breaking changes
 ```
 #### 🏗️ **Refactoring with Confidence**
 When consolidating duplicate code:
 ```bash
 graphify path "ExpenseCategory" "IncomeCategory"
 # Find if they share logic or should be unified
 ```
 ### Graph Legend
 | Symbol/Color | Meaning |
 |--------------|---------|
 | 🔵 Blue node | Code file (.ts, .tsx, .js) |
 | 🟢 Green node | Document (.md) |
 | 🟠 Orange node | Image/Asset (.svg, .png) |
 | Solid edge | Direct relationship (import, call, cite) |
 | Dashed edge | Inferred relationship (similar concepts) |
 | Edge thickness | Confidence score (thicker = more confident) |
 ### God Nodes (Hub Architecture)
 These 5 files are the system's backbone:
 | File | Connections | Why It Matters |
 |------|-------------|-----------------|
 | `companies.$id.invoices.$invoiceId.tsx` | 8 | Invoice editing is core — touches pricing, payments, customers |
 | `session.server.ts` | 7 | Authentication is pervasive — protects all private routes |
 | `companies.$id.anlagevermoegen.tsx` | 7 | Asset management — deep dependency on tax logic |
 | `afa.ts` | 6 | Depreciation calculations — used in reports, invoices, exports |
 | `companies.$id.ausgaben.tsx` | 6 | Expense tracking — feeds into tax reports, budgets |
 **Implication**: Changes to these files have wide impact. Test thoroughly and check the graph for dependents.
 ### Updating the Graph
 When you add new files or features:
 ```bash
 graphify --update
 # Re-scans repo, only re-extracts changed files
 # Merges with existing graph.json
 # Updates GRAPH_REPORT.md automatically
 ```
 Or full rebuild (slow, but thorough):
 ```bash
 rm -rf graphify-out/*.json
 graphify .
 ```
 ### Integration with Development
 1. **Before a sprint**: Open the graph, understand the domain
 2. **Before editing a file**: Run `graphify explain` on it
 3. **Before refactoring**: Check `graphify query` for impact
 4. **After big changes**: Run `graphify --update` to keep it fresh
 5. **In code review**: Reference the graph to explain architecture
 ---
 ## Key Resources
 - **CLAUDE.md** — Project onboarding (read this first!)
 - **README.md** — User-facing project description
 - **prisma/schema.prisma** — Data model
 - **graphify-out/** — Knowledge graph + visual architecture
 - **Prisma docs**: https://www.prisma.io/docs/
 - **React Router v7 docs**: https://reactrouter.com/
 - **Tailwind CSS v4**: https://tailwindcss.com/docs
 - **shadcn/ui**: https://ui.shadcn.com/
 ---
 ## Questions?
 If something is unclear:
 1. Check CLAUDE.md first
 2. Look at the knowledge graph
 3. Find similar code in the codebase
 4. Ask Copilot with as much context as possible
 Good luck! 🚀
@@ -4,10 +4,10 @@ services:
    container_name: annas_mariadb
    restart: unless-stopped
    environment:
-      MYSQL_ROOT_PASSWORD: rootpassword
+      MYSQL_ROOT_PASSWORD: ${DB_ROOT_PASSWORD}
-      MYSQL_DATABASE: annas_rechnungen
+      MYSQL_DATABASE: ${DB_NAME:-annas_rechnungen}
-      MYSQL_USER: annas_user
+      MYSQL_USER: ${DB_USER}
-      MYSQL_PASSWORD: annas_password
+      MYSQL_PASSWORD: ${DB_PASSWORD}
    volumes:
      - mariadb_data:/var/lib/mysql
    networks:
@@ -27,12 +27,12 @@ services:
    ports:
      - "3000:3000"
    environment:
-      DATABASE_URL: mysql://annas_user:annas_password@mariadb:3306/annas_rechnungen
+      DATABASE_URL: mysql://${DB_USER}:${DB_PASSWORD}@mariadb:3306/${DB_NAME:-annas_rechnungen}
-      AUTH_SECRET: changeme123
+      AUTH_SECRET: ${AUTH_SECRET}
      NODE_ENV: production
      # Beim ersten Start wird der Admin-Benutzer (username: admin) mit diesem Passwort angelegt.
      # Nach dem ersten Login in der App ändern und hier leer lassen oder entfernen.
-      ADMIN_PASSWORD: changeme123
+      ADMIN_PASSWORD: ${ADMIN_PASSWORD}
    depends_on:
      mariadb:
        condition: service_healthy
@@ -28,7 +28,9 @@
        "isbot": "^5",
        "lucide-react": "^0.577.0",
        "node-cron": "^4.2.1",
        "node-zugferd": "^0.1.1-beta.1",
        "prisma": "^5.22.0",
        "rate-limiter-flexible": "^10.0.1",
        "react": "^19",
        "react-dom": "^19",
        "react-hook-form": "^7.71.2",
@@ -1288,12 +1290,27 @@
        "@tybys/wasm-util": "^0.10.0"
      }
    },
    "node_modules/@pdf-lib/standard-fonts": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz",
      "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
      "dependencies": {
        "pako": "^1.0.6"
      }
    },
    "node_modules/@pdf-lib/upng": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/@pdf-lib/upng/-/upng-1.0.1.tgz",
      "integrity": "sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==",
      "dependencies": {
        "pako": "^1.0.10"
      }
    },
    "node_modules/@prisma/client": {
      "version": "5.22.0",
      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.22.0.tgz",
      "integrity": "sha512-M0SVXfyHnQREBKxCgyo7sffrKttwE6R8PMq330MIUF0pTwjUhLbW84pFDlf06B27XyCR++VtjugEnIHdr07SVA==",
      "hasInstallScript": true,
      "license": "Apache-2.0",
      "engines": {
        "node": ">=16.13"
      },
@@ -3954,6 +3971,11 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/defu": {
      "version": "6.1.4",
      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="
    },
    "node_modules/depd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -4419,6 +4441,23 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/fast-xml-parser": {
      "version": "4.5.4",
      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.5.4.tgz",
      "integrity": "sha512-jE8ugADnYOBsu1uaoayVl1tVKAMNOXyjwvv2U6udEA2ORBhDooJDWoGxTkhd4Qn4yh59JVVt/pKXtjPwx9OguQ==",
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/NaturalIntelligence"
        }
      ],
      "dependencies": {
        "strnum": "^1.0.5"
      },
      "bin": {
        "fxparser": "src/cli/cli.js"
      }
    },
    "node_modules/file-entry-cache": {
      "version": "8.0.0",
      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -5503,6 +5542,28 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/node-zugferd": {
      "version": "0.1.1-beta.1",
      "resolved": "https://registry.npmjs.org/node-zugferd/-/node-zugferd-0.1.1-beta.1.tgz",
      "integrity": "sha512-FTX2SMSl2qT0C0iwfggdYcwoPBndTyqP7SiQyW9ClkLFwTPTm4ZUSpn4eqwBcrc2wFGLrEtr+w+s7602JCcG6Q==",
      "dependencies": {
        "defu": "^6.1.4",
        "fast-xml-parser": "^4.5.1",
        "pdf-lib": "^1.17.1",
        "zod": "^3.24.1"
      },
      "optionalDependencies": {
        "xsd-schema-validator": "^0.10.0"
      }
    },
    "node_modules/node-zugferd/node_modules/zod": {
      "version": "3.25.76",
      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
      "funding": {
        "url": "https://github.com/sponsors/colinhacks"
      }
    },
    "node_modules/normalize-svg-path": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
@@ -5678,6 +5739,22 @@
      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
      "dev": true
    },
    "node_modules/pdf-lib": {
      "version": "1.17.1",
      "resolved": "https://registry.npmjs.org/pdf-lib/-/pdf-lib-1.17.1.tgz",
      "integrity": "sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==",
      "dependencies": {
        "@pdf-lib/standard-fonts": "^1.0.0",
        "@pdf-lib/upng": "^1.0.1",
        "pako": "^1.0.11",
        "tslib": "^1.11.1"
      }
    },
    "node_modules/pdf-lib/node_modules/tslib": {
      "version": "1.14.1",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
    },
    "node_modules/picocolors": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -5845,6 +5922,11 @@
        "node": ">= 0.6"
      }
    },
    "node_modules/rate-limiter-flexible": {
      "version": "10.0.1",
      "resolved": "https://registry.npmjs.org/rate-limiter-flexible/-/rate-limiter-flexible-10.0.1.tgz",
      "integrity": "sha512-3G6GMFz5Oz5nVnDv9gQ1LLMdExR4B1lOjogPIjehtgyxPMIkY09BGyk2eCYt36/OkV/0t12GEt6J6HpTl6RzZg=="
    },
    "node_modules/raw-body": {
      "version": "2.5.3",
      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
@@ -6357,6 +6439,17 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
    "node_modules/strnum": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
      "integrity": "sha512-vrN+B7DBIoTTZjnPNewwhx6cBA/H+IS7rfW68n7XxC1y7uoiGQBxaKzqucGUgavX15dJgiGztLJ8vxuEzwqBdA==",
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/NaturalIntelligence"
        }
      ]
    },
    "node_modules/supports-color": {
      "version": "7.2.0",
      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -6885,6 +6978,43 @@
        "node": ">=0.10.0"
      }
    },
    "node_modules/xsd-schema-validator": {
      "version": "0.10.0",
      "resolved": "https://registry.npmjs.org/xsd-schema-validator/-/xsd-schema-validator-0.10.0.tgz",
      "integrity": "sha512-G1GtYp9Smww5D9U3QJy/uMeoaDlEYg5BR4qZYSBZWa/5TG5az2j3Np27uLKaRcg6ajwe3Ew6SJrAo3B/QFrgdg==",
      "hasInstallScript": true,
      "optional": true,
      "dependencies": {
        "which": "^5.0.0"
      },
      "engines": {
        "node": ">= 18"
      }
    },
    "node_modules/xsd-schema-validator/node_modules/isexe": {
      "version": "3.1.5",
      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
      "optional": true,
      "engines": {
        "node": ">=18"
      }
    },
    "node_modules/xsd-schema-validator/node_modules/which": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/which/-/which-5.0.0.tgz",
      "integrity": "sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==",
      "optional": true,
      "dependencies": {
        "isexe": "^3.1.1"
      },
      "bin": {
        "node-which": "bin/which.js"
      },
      "engines": {
        "node": "^18.17.0 || >=20.5.0"
      }
    },
    "node_modules/yallist": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -40,7 +40,9 @@
    "isbot": "^5",
    "lucide-react": "^0.577.0",
    "node-cron": "^4.2.1",
    "node-zugferd": "^0.1.1-beta.1",
    "prisma": "^5.22.0",
    "rate-limiter-flexible": "^10.0.1",
    "react": "^19",
    "react-dom": "^19",
    "react-hook-form": "^7.71.2",
@@ -0,0 +1,18 @@
 -- CreateTable
 CREATE TABLE `betriebsausgaben` (
    `id` VARCHAR(191) NOT NULL,
    `companyId` VARCHAR(191) NOT NULL,
    `kategorie` ENUM('WAREN_ROHSTOFFE', 'GERINGWERTIGE_WIRTSCHAFTSGUETER', 'ABSCHREIBUNGEN', 'MIETE', 'STROM_WASSER', 'TELEKOMMUNIKATION', 'FORTBILDUNG_MESSEN', 'BEITRAEGE', 'VERSICHERUNGEN', 'WERBEKOSTEN', 'ZINSEN', 'REISEKOSTEN', 'REPARATUREN_INSTANDHALTUNG', 'BUEROBEDARF', 'REPRAESENTATIONSKOSTEN', 'SONSTIGER_BETRIEBSBEDARF', 'NEBENKOSTEN_GELDVERKEHR') NOT NULL,
    `betrag` DECIMAL(10, 2) NOT NULL,
    `datum` DATETIME(3) NOT NULL,
    `beschreibung` TEXT NULL,
    `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
    `updatedAt` DATETIME(3) NOT NULL,
    INDEX `betriebsausgaben_companyId_idx`(`companyId`),
    INDEX `betriebsausgaben_datum_idx`(`datum`),
    PRIMARY KEY (`id`)
 ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
 -- AddForeignKey
 ALTER TABLE `betriebsausgaben` ADD CONSTRAINT `betriebsausgaben_companyId_fkey` FOREIGN KEY (`companyId`) REFERENCES `companies`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
@@ -0,0 +1,18 @@
 -- CreateTable
 CREATE TABLE `betriebseinnahmen` (
    `id` VARCHAR(191) NOT NULL,
    `companyId` VARCHAR(191) NOT NULL,
    `kategorie` ENUM('PRIVATEINLAGEN', 'DARLEHEN', 'STEUERERSTATTUNGEN', 'VERSICHERUNGSERSTATTUNGEN', 'ZINSERTRAEGE', 'VERMIETUNG_VERPACHTUNG', 'VERAEUSSERUNGSERLOES', 'EIGENVERBRAUCH', 'SONSTIGE_EINNAHMEN') NOT NULL,
    `betrag` DECIMAL(10, 2) NOT NULL,
    `datum` DATETIME(3) NOT NULL,
    `beschreibung` TEXT NULL,
    `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
    `updatedAt` DATETIME(3) NOT NULL,
    INDEX `betriebseinnahmen_companyId_idx`(`companyId`),
    INDEX `betriebseinnahmen_datum_idx`(`datum`),
    PRIMARY KEY (`id`)
 ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
 -- AddForeignKey
 ALTER TABLE `betriebseinnahmen` ADD CONSTRAINT `betriebseinnahmen_companyId_fkey` FOREIGN KEY (`companyId`) REFERENCES `companies`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
@@ -0,0 +1,20 @@
 -- CreateTable
 CREATE TABLE `anlagegueter` (
    `id` VARCHAR(191) NOT NULL,
    `companyId` VARCHAR(191) NOT NULL,
    `bezeichnung` VARCHAR(191) NOT NULL,
    `anschaffungsdatum` DATETIME(3) NOT NULL,
    `anschaffungskosten` DECIMAL(10, 2) NOT NULL,
    `nutzungsdauerJahre` INTEGER NOT NULL,
    `restwert` DECIMAL(10, 2) NOT NULL DEFAULT 0,
    `beschreibung` TEXT NULL,
    `aktiv` BOOLEAN NOT NULL DEFAULT true,
    `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
    `updatedAt` DATETIME(3) NOT NULL,
    INDEX `anlagegueter_companyId_idx`(`companyId`),
    PRIMARY KEY (`id`)
 ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
 -- AddForeignKey
 ALTER TABLE `anlagegueter` ADD CONSTRAINT `anlagegueter_companyId_fkey` FOREIGN KEY (`companyId`) REFERENCES `companies`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
@@ -0,0 +1,2 @@
 -- AlterTable
 ALTER TABLE `betriebseinnahmen` MODIFY `kategorie` ENUM('FUSSPFLEGE', 'PRIVATEINLAGEN', 'DARLEHEN', 'STEUERERSTATTUNGEN', 'VERSICHERUNGSERSTATTUNGEN', 'ZINSERTRAEGE', 'VERMIETUNG_VERPACHTUNG', 'VERAEUSSERUNGSERLOES', 'EIGENVERBRAUCH', 'SONSTIGE_EINNAHMEN') NOT NULL;
@@ -0,0 +1,7 @@
 -- AlterTable
 ALTER TABLE `betriebsausgaben` ADD COLUMN `steuersatz` DECIMAL(5, 2) NOT NULL DEFAULT 0,
    ADD COLUMN `zahlungsart` ENUM('KASSE', 'BANK') NOT NULL DEFAULT 'BANK';
 -- AlterTable
 ALTER TABLE `betriebseinnahmen` ADD COLUMN `steuersatz` DECIMAL(5, 2) NOT NULL DEFAULT 0,
    ADD COLUMN `zahlungsart` ENUM('KASSE', 'BANK') NOT NULL DEFAULT 'BANK';
@@ -0,0 +1,2 @@
 -- AlterTable
 ALTER TABLE `companies` ADD COLUMN `money` JSON NULL;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
hwinkel	ad80688b8b	Refactor: consolidate accounting routes under Buchhaltung submenu - New layout route: companies.$id.buchhaltung.tsx with card-based navigation - Renamed 7 accounting routes to use buchhaltung prefix: - companies.$id.bilanzen.tsx → companies.$id.buchhaltung.bilanzen.tsx - companies.$id.ausgaben.tsx → companies.$id.buchhaltung.ausgaben.tsx - companies.$id.ausgaben.kategorien.tsx → companies.$id.buchhaltung.ausgaben.kategorien.tsx - companies.$id.einnahmen.tsx → companies.$id.buchhaltung.einnahmen.tsx - companies.$id.einnahmen.kategorien.tsx → companies.$id.buchhaltung.einnahmen.kategorien.tsx - companies.$id.anlagevermoegen.tsx → companies.$id.buchhaltung.anlagevermoegen.tsx - companies.$id.money.tsx → companies.$id.buchhaltung.money.tsx - Updated routing configuration (app/routes.ts) to use nested layout structure - Updated breadcrumbs in all accounting routes to show Buchhaltung hierarchy - Updated internal links in kategorien pages to use new URLs - Main menu now shows single 'Buchhaltung' card instead of 5 separate items Navigation improvements: - Cleaner main menu (1 item vs 5) - Clear accounting subsection with icon-based navigation - Consistent URL structure (/companies/:id/buchhaltung/*) - Better information hierarchy Build: ✅ Successful Accounting routes: ✅ Accessible Navigation: ✅ Functional Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>	2026-04-15 21:41:56 +02:00
hwinkel	f10a79471e	Refactor: centralize Zod schemas and fully integrate into API routes Improvements #1-3 deepening: 1. Server-side invoice amount validation - All amounts (qty × unitPrice) recalculated server-side using tax.ts - Prevents client-side manipulation attacks - Supports kleinunternehmer auto-inheritance 2. Comprehensive audit logging - LogAction type extended with 11 new actions - All CRUD operations now logged with metadata - Metadata includes: amounts, counts, status transitions, oldStatus/newStatus 3. Advanced Zod validation (centralized) - New file: app/lib/schemas.ts (220 lines, 18+ validators) - Custom validators: currencySchema, taxRateSchema, ibanSchema, taxIdSchema, vatIdSchema - All API routes (invoices, companies, customers) now use centralized schemas - Consistent German error messages - Single source of truth for validation logic Additional improvements: - DB indices applied: invoices(status, dueDate, deletedAt, customerId), customers(companyId) - Migration 20260415192953_add_indices applied successfully - Build succeeds without critical errors - TypeScript compilation validates all schemas Files modified: - app/lib/schemas.ts (NEW) - app/routes/api.invoices.ts (uses centralized schemas) - app/routes/api.invoices.$id.ts (status transition validation) - app/routes/api.companies.ts, api.companies.$id.ts - app/routes/api.customers.ts, api.customers.$id.ts - app/lib/logger.server.ts (metadata support) - prisma/schema.prisma (indices) Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>	2026-04-15 21:34:38 +02:00
hwinkel	1ffbcf237c	chore: update .gitignore to include graphify-out directory and add copilot instructions	2026-04-13 21:50:41 +02:00
hwinkel	9e7c85c2b3	feat: add Einnahmen Kategorien management page with CRUD functionality - Implemented a new route for managing Einnahmen Kategorien. - Added auto-seeding of default Einnahmen Kategorien if none exist. - Integrated category usage tracking to prevent deletion of in-use categories. - Enhanced Einnahmen page to link to the new Kategorien management. - Updated Prisma schema and seed script to include default categories. - Added a modal for detailed view of Einnahmen by category and month. - Refactored existing Einnahmen page to accommodate new category structure. - Introduced PostCSS configuration for Tailwind CSS support. - Created a new migration to update existing category labels in the database. - Added TypeScript configuration for stricter type checking. - Set up Vite configuration for improved development experience with React Router.	2026-03-24 22:43:09 +01:00
hwinkel	1ec15600b5	Refactor financial transaction handling: Consolidate Einnahmen and Ausgaben into Buchung model, update routes and UI components, and add new migration scripts for database schema changes.	2026-03-24 21:06:07 +01:00
hwinkel	d582c748a2	feat: add financial transactions management for companies - Implemented a new route for managing financial transactions (money) for companies, including creating, editing, and deleting transactions. - Added a new model `Buchung` to represent transactions with fields for date, account type, transaction type, amount, and description. - Updated the `companies` model to include a relation to the new `Buchung` model. - Enhanced the company overview page to link to the new financial transactions page. - Added migration scripts to create the necessary database tables and fields for the new functionality. - Created utility scripts for resetting the admin password and setting up the initial admin user.	2026-03-24 19:25:48 +01:00
hwinkel	6d8c4b615f	ADD: added einnahmen, ausgaben and bilanz	2026-03-24 14:48:32 +01:00
hwinkel	1bbeaf2c34	FIX: fixed erechnung error	2026-03-15 21:05:45 +01:00
hwinkel	c6dc22c859	ADD: fixed e rechnung	2026-03-15 20:58:24 +01:00
hwinkel	5ac9e269e3	ADD: added e-rechnung	2026-03-15 20:21:48 +01:00
		`@@ -0,0 +1,2 @@`
							`-- AlterTable`
							ALTER TABLE `betriebseinnahmen` MODIFY `kategorie` ENUM('FUSSPFLEGE', 'PRIVATEINLAGEN', 'DARLEHEN', 'STEUERERSTATTUNGEN', 'VERSICHERUNGSERSTATTUNGEN', 'ZINSERTRAEGE', 'VERMIETUNG_VERPACHTUNG', 'VERAEUSSERUNGSERLOES', 'EIGENVERBRAUCH', 'SONSTIGE_EINNAHMEN') NOT NULL;
		`@@ -0,0 +1,2 @@`
							`-- AlterTable`
							ALTER TABLE `companies` ADD COLUMN `money` JSON NULL;