From 9c2254215edbfd36d0d523624d8ddf5f8d9afe53 Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Wed, 14 Jan 2026 17:19:54 +0100
Subject: [PATCH 1/9] Added front-end flow to make email sending optional

---
 project.inlang/messages/de.json               |  2 +-
 project.inlang/messages/en.json               |  2 +-
 src/lib/client/appointment-crypto.ts          |  5 +-
 .../ui/input-otp/input-otp-separator.svelte   |  3 +-
 .../ui/input-otp/input-otp-slot.svelte        |  2 +-
 .../input-otp-customized.svelte               |  8 +++-
 src/lib/stores/pin-throttle.ts                |  2 +-
 src/lib/types/public.ts                       |  1 +
 .../add-personal-data-form.svelte             | 47 +++++++++++++------
 9 files changed, 48 insertions(+), 24 deletions(-)

diff --git a/project.inlang/messages/de.json b/project.inlang/messages/de.json
index 3d6bbdb..3c0496d 100644
--- a/project.inlang/messages/de.json
+++ b/project.inlang/messages/de.json
@@ -838,7 +838,7 @@
 					"description": "Nur Sie und {name} können diese Informationen sehen. Die Daten sind Ende-zu-Ende verschlüsselt."
 				},
 				"email": {
-					"description": "Wir senden Ihnen eine Bestätigungs-E-Mail mit den Termindetails."
+					"notifyMe": "Benachrichtigen Sie mich über Änderungen per E-Mail"
 				},
 				"phone": {
 					"description": "Format: +491234567890. {name} kontaktiert Sie ggf. telefonisch, falls es Fragen/Änderungen zu Ihrem Termin gibt.",
diff --git a/project.inlang/messages/en.json b/project.inlang/messages/en.json
index 9372fa1..84f46ea 100644
--- a/project.inlang/messages/en.json
+++ b/project.inlang/messages/en.json
@@ -847,7 +847,7 @@
 					"description": "Only you and {name} will be able to access this information. It is end-to-end encrypted."
 				},
 				"email": {
-					"description": "We will use this to send you the appointment details."
+					"notifyMe": "Notify me of changes by email"
 				},
 				"phone": {
 					"description": "Format: +1234567890. {name} may contact you by phone, if there are questions or changes regarding your appointment.",
diff --git a/src/lib/client/appointment-crypto.ts b/src/lib/client/appointment-crypto.ts
index 246d2c9..968a4e5 100644
--- a/src/lib/client/appointment-crypto.ts
+++ b/src/lib/client/appointment-crypto.ts
@@ -71,6 +71,7 @@ interface EncryptedData {
 export interface AppointmentData {
   name: string;
   email: string;
+  shareEmail: boolean;
   phone?: string;
 }
 
@@ -319,7 +320,7 @@ export class UnifiedAppointmentCrypto {
             appointmentDate,
             duration,
             emailHash: this.emailHash,
-            clientEmail: appointmentData.email,
+            clientEmail: appointmentData.shareEmail ? appointmentData.email : undefined,
             clientLanguage,
             clientPublicKey: this.clientKeyPair?.publicKey,
             privateKeyShare: await this.getPrivateKeyShare(),
@@ -336,7 +337,7 @@ export class UnifiedAppointmentCrypto {
             channelId,
             appointmentDate,
             duration,
-            clientEmail: appointmentData.email,
+            clientEmail: appointmentData.shareEmail ? appointmentData.email : undefined,
             clientLanguage,
             encryptedAppointment,
           };
diff --git a/src/lib/components/ui/input-otp/input-otp-separator.svelte b/src/lib/components/ui/input-otp/input-otp-separator.svelte
index 3afee1e..1de932e 100644
--- a/src/lib/components/ui/input-otp/input-otp-separator.svelte
+++ b/src/lib/components/ui/input-otp/input-otp-separator.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import type { HTMLAttributes } from "svelte/elements";
   import type { WithElementRef } from "$lib/utils.js";
-  import DotIcon from "@lucide/svelte/icons/dot";
 
   let {
     ref = $bindable(null),
@@ -14,6 +13,6 @@
   {#if children}
     {@render children?.()}
   {:else}
-    <DotIcon />
+    —
   {/if}
 </div>
diff --git a/src/lib/components/ui/input-otp/input-otp-slot.svelte b/src/lib/components/ui/input-otp/input-otp-slot.svelte
index ce6f6cb..987a0cc 100644
--- a/src/lib/components/ui/input-otp/input-otp-slot.svelte
+++ b/src/lib/components/ui/input-otp/input-otp-slot.svelte
@@ -22,7 +22,7 @@
   )}
   {...restProps}
 >
-  {cell.char}
+  {cell.char ? "*" : null}
   {#if cell.hasFakeCaret}
     <div class="pointer-events-none absolute inset-0 flex items-center justify-center">
       <div class="animate-caret-blink bg-foreground h-4 w-px duration-1000"></div>
diff --git a/src/lib/components/ui/input-top-customized/input-otp-customized.svelte b/src/lib/components/ui/input-top-customized/input-otp-customized.svelte
index a82f89b..b6c448c 100644
--- a/src/lib/components/ui/input-top-customized/input-otp-customized.svelte
+++ b/src/lib/components/ui/input-top-customized/input-otp-customized.svelte
@@ -7,7 +7,13 @@
   let { value = $bindable(), ...restProps }: Props = $props();
 </script>
 
-<InputOTP.Root {...restProps} maxlength={6} bind:value>
+<InputOTP.Root
+  {...restProps}
+  maxlength={6}
+  type="password"
+  pushPasswordManagerStrategy="none"
+  bind:value
+>
   {#snippet children({ cells })}
     <InputOTP.Group>
       {#each cells.slice(0, 3) as cell (cell)}
diff --git a/src/lib/stores/pin-throttle.ts b/src/lib/stores/pin-throttle.ts
index 895317f..de8677e 100644
--- a/src/lib/stores/pin-throttle.ts
+++ b/src/lib/stores/pin-throttle.ts
@@ -24,7 +24,7 @@ const createPinThrottleStore = () => {
     failedAttempts: 0,
   };
 
-  if (!browser) {
+  if (browser) {
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
       try {
diff --git a/src/lib/types/public.ts b/src/lib/types/public.ts
index 9528cfc..9773a1a 100644
--- a/src/lib/types/public.ts
+++ b/src/lib/types/public.ts
@@ -40,6 +40,7 @@ export type TPublicAppointment = {
   };
   data?: {
     name: string;
+    shareEmail: boolean;
     email: string;
     phone?: string;
   };
diff --git a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
index 95120e9..c7e22c0 100644
--- a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
+++ b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
@@ -1,16 +1,17 @@
 <script lang="ts">
   import { m } from "$i18n/messages.js";
   import * as Alert from "$lib/components/ui/alert";
+  import { CheckboxWithLabel } from "$lib/components/ui/checkbox-with-label";
   import * as Form from "$lib/components/ui/form";
   import { Input } from "$lib/components/ui/input";
   import { Text } from "$lib/components/ui/typography";
+  import { publicStore } from "$lib/stores/public";
   import type { TPublicAppointment } from "$lib/types/public";
+  import { Lock } from "@lucide/svelte";
+  import { get } from "svelte/store";
   import { superForm } from "sveltekit-superforms";
   import { zod4Client as zodClient } from "sveltekit-superforms/adapters";
-  import { Lock } from "@lucide/svelte";
-  import { publicStore } from "$lib/stores/public";
   import { createFormSchema } from "./schema";
-  import { get } from "svelte/store";
 
   const { proceed }: { proceed: (a: Partial<TPublicAppointment>) => void } = $props();
   const tenant = $derived($publicStore.tenant);
@@ -19,6 +20,7 @@
   const form = superForm(
     {
       name: "",
+      shareEmail: false,
       email: "",
       phone: get(publicStore).tenant?.requirePhone ? "" : undefined,
     },
@@ -36,6 +38,7 @@
             ...appointment,
             data: {
               name: validation.data.name,
+              shareEmail: validation.data.shareEmail,
               email: validation.data.email,
               phone: validation.data.phone,
             },
@@ -74,18 +77,32 @@
         </Form.Control>
         <Form.FieldErrors />
       </Form.Field>
-      <Form.Field {form} name="email">
-        <Form.Control>
-          {#snippet children({ props })}
-            <Form.Label>{m["form.email"]()}</Form.Label>
-            <Input {...props} bind:value={$formData.email} type="email" />
-          {/snippet}
-        </Form.Control>
-        <Form.FieldErrors />
-        <Form.Description class="mt-1">
-          {m["public.steps.data.email.description"]()}
-        </Form.Description>
-      </Form.Field>
+      <div>
+        <Form.Field {form} name="email">
+          <Form.Control>
+            {#snippet children({ props })}
+              <Form.Label>{m["form.email"]()}</Form.Label>
+              <Input {...props} bind:value={$formData.email} type="email" />
+            {/snippet}
+          </Form.Control>
+          <Form.FieldErrors />
+        </Form.Field>
+        <Form.Field {form} name="shareEmail">
+          <Form.Control>
+            {#snippet children({ props })}
+              <CheckboxWithLabel
+                {...props}
+                bind:value={$formData.shareEmail}
+                label={m["public.steps.data.email.notifyMe"]()}
+                onCheckedChange={(v) => {
+                  $formData.shareEmail = v;
+                }}
+              />
+            {/snippet}
+          </Form.Control>
+          <Form.FieldErrors />
+        </Form.Field>
+      </div>
       <Form.Field {form} name="phone">
         <Form.Control>
           {#snippet children({ props })}

From f663f305c5a53e82d5f8dea589782a359c8f5659 Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Wed, 14 Jan 2026 17:23:02 +0100
Subject: [PATCH 2/9] Change opt separator back to dot

---
 src/lib/components/ui/input-otp/input-otp-separator.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/ui/input-otp/input-otp-separator.svelte b/src/lib/components/ui/input-otp/input-otp-separator.svelte
index 1de932e..3afee1e 100644
--- a/src/lib/components/ui/input-otp/input-otp-separator.svelte
+++ b/src/lib/components/ui/input-otp/input-otp-separator.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { HTMLAttributes } from "svelte/elements";
   import type { WithElementRef } from "$lib/utils.js";
+  import DotIcon from "@lucide/svelte/icons/dot";
 
   let {
     ref = $bindable(null),
@@ -13,6 +14,6 @@
   {#if children}
     {@render children?.()}
   {:else}
-    —
+    <DotIcon />
   {/if}
 </div>

From 082435c1fbd982ecb576c4873f916245dfe1426b Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Fri, 16 Jan 2026 12:59:59 +0100
Subject: [PATCH 3/9] Added Popover to explain why checkbox is there

---
 package-lock.json                             | 61 ++++++++-----------
 package.json                                  |  4 +-
 project.inlang/messages/de.json               |  3 +-
 project.inlang/messages/en.json               |  3 +-
 .../checkbox-with-label.svelte                | 44 +++++++++----
 src/lib/components/ui/popover/index.ts        | 26 ++++----
 .../ui/popover/popover-close.svelte           |  7 +++
 .../ui/popover/popover-content.svelte         | 52 ++++++++--------
 .../ui/popover/popover-portal.svelte          |  7 +++
 .../ui/popover/popover-trigger.svelte         | 22 +++----
 src/lib/components/ui/popover/popover.svelte  |  7 +++
 .../add-personal-data-form.svelte             |  1 +
 src/routes/+layout.svelte                     |  7 ++-
 13 files changed, 144 insertions(+), 100 deletions(-)
 create mode 100644 src/lib/components/ui/popover/popover-close.svelte
 create mode 100644 src/lib/components/ui/popover/popover-portal.svelte
 create mode 100644 src/lib/components/ui/popover/popover.svelte

diff --git a/package-lock.json b/package-lock.json
index 0af3e2c..932a14e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,7 +33,7 @@
         "@eslint/compat": "^1.3.0",
         "@eslint/js": "^9.29.0",
         "@inlang/paraglide-js": "2.3.2",
-        "@internationalized/date": "^3.8.2",
+        "@internationalized/date": "^3.10.1",
         "@lucide/svelte": "^0.544.0",
         "@playwright/test": "^1.56.1",
         "@sveltejs/adapter-auto": "^6.1.0",
@@ -46,7 +46,7 @@
         "@types/dotenv": "^6.1.1",
         "@types/node": "^24",
         "@types/nodemailer": "^6.4.17",
-        "bits-ui": "^2.11.4",
+        "bits-ui": "^2.15.4",
         "clsx": "^2.1.1",
         "drizzle-kit": "^0.31.1",
         "eslint": "^9.29.0",
@@ -1673,9 +1673,9 @@
       }
     },
     "node_modules/@internationalized/date": {
-      "version": "3.8.2",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.2.tgz",
-      "integrity": "sha512-/wENk7CbvLbkUvX1tu0mwq49CVkkWpkXubGel6birjRPyo6uQ4nQpnq5xZu823zRCwwn82zgHrvgF1vZyvmVgA==",
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.10.1.tgz",
+      "integrity": "sha512-oJrXtQiAXLvT9clCf1K4kxp3eKsQhIaZqxEyowkBcsvZDdZkbWrVmnGknxs5flTD0VGsxrxKgBCZty1EzoiMzA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -3674,17 +3674,17 @@
       "license": "MIT"
     },
     "node_modules/bits-ui": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-2.11.4.tgz",
-      "integrity": "sha512-OlVBJhNUMDHbIAf8oDAyPchIrU8b1S5NAMm6enMZSKx5HKcf/QPI485/BL1r4EPlv4O3m45e59hBRCETtYFdxg==",
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-2.15.4.tgz",
+      "integrity": "sha512-7H9YUfp03KOk1LVDh8wPYSRPxlZgG/GRWLNSA8QC73/8Z8ytun+DWJhIuibyFyz7A0cP/RANVcB4iDrbY8q+Og==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@floating-ui/core": "^1.7.1",
         "@floating-ui/dom": "^1.7.1",
         "esm-env": "^1.1.2",
-        "runed": "^0.31.1",
-        "svelte-toolbelt": "^0.10.4",
+        "runed": "^0.35.1",
+        "svelte-toolbelt": "^0.10.6",
         "tabbable": "^6.2.0"
       },
       "engines": {
@@ -3699,9 +3699,9 @@
       }
     },
     "node_modules/bits-ui/node_modules/runed": {
-      "version": "0.31.1",
-      "resolved": "https://registry.npmjs.org/runed/-/runed-0.31.1.tgz",
-      "integrity": "sha512-v3czcTnO+EJjiPvD4dwIqfTdHLZ8oH0zJheKqAHh9QMViY7Qb29UlAMRpX7ZtHh7AFqV60KmfxaJ9QMy+L1igQ==",
+      "version": "0.35.1",
+      "resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
+      "integrity": "sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==",
       "dev": true,
       "funding": [
         "https://github.com/sponsors/huntabyte",
@@ -3709,23 +3709,31 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "esm-env": "^1.0.0"
+        "dequal": "^2.0.3",
+        "esm-env": "^1.0.0",
+        "lz-string": "^1.5.0"
       },
       "peerDependencies": {
+        "@sveltejs/kit": "^2.21.0",
         "svelte": "^5.7.0"
+      },
+      "peerDependenciesMeta": {
+        "@sveltejs/kit": {
+          "optional": true
+        }
       }
     },
     "node_modules/bits-ui/node_modules/svelte-toolbelt": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.10.5.tgz",
-      "integrity": "sha512-8e+eWTgxw1aiLxhDE8Rb1X6AoLitqpJz+WhAul2W7W58C8KoLoJQf1TgQdFPBiCPJ0Jg5y0Zi1uyua9em4VS0w==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.10.6.tgz",
+      "integrity": "sha512-YWuX+RE+CnWYx09yseAe4ZVMM7e7GRFZM6OYWpBKOb++s+SQ8RBIMMe+Bs/CznBMc0QPLjr+vDBxTAkozXsFXQ==",
       "dev": true,
       "funding": [
         "https://github.com/sponsors/huntabyte"
       ],
       "dependencies": {
         "clsx": "^2.1.1",
-        "runed": "^0.29.0",
+        "runed": "^0.35.1",
         "style-to-object": "^1.0.8"
       },
       "engines": {
@@ -3736,23 +3744,6 @@
         "svelte": "^5.30.2"
       }
     },
-    "node_modules/bits-ui/node_modules/svelte-toolbelt/node_modules/runed": {
-      "version": "0.29.2",
-      "resolved": "https://registry.npmjs.org/runed/-/runed-0.29.2.tgz",
-      "integrity": "sha512-0cq6cA6sYGZwl/FvVqjx9YN+1xEBu9sDDyuWdDW1yWX7JF2wmvmVKfH+hVCZs+csW+P3ARH92MjI3H9QTagOQA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte",
-        "https://github.com/sponsors/tglide"
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "esm-env": "^1.0.0"
-      },
-      "peerDependencies": {
-        "svelte": "^5.7.0"
-      }
-    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
diff --git a/package.json b/package.json
index 35895dc..b37f9dd 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "@eslint/compat": "^1.3.0",
     "@eslint/js": "^9.29.0",
     "@inlang/paraglide-js": "2.3.2",
-    "@internationalized/date": "^3.8.2",
+    "@internationalized/date": "^3.10.1",
     "@lucide/svelte": "^0.544.0",
     "@playwright/test": "^1.56.1",
     "@sveltejs/adapter-auto": "^6.1.0",
@@ -54,7 +54,7 @@
     "@types/dotenv": "^6.1.1",
     "@types/node": "^24",
     "@types/nodemailer": "^6.4.17",
-    "bits-ui": "^2.11.4",
+    "bits-ui": "^2.15.4",
     "clsx": "^2.1.1",
     "drizzle-kit": "^0.31.1",
     "eslint": "^9.29.0",
diff --git a/project.inlang/messages/de.json b/project.inlang/messages/de.json
index 3c0496d..1b9fa1d 100644
--- a/project.inlang/messages/de.json
+++ b/project.inlang/messages/de.json
@@ -838,7 +838,8 @@
 					"description": "Nur Sie und {name} können diese Informationen sehen. Die Daten sind Ende-zu-Ende verschlüsselt."
 				},
 				"email": {
-					"notifyMe": "Benachrichtigen Sie mich über Änderungen per E-Mail"
+					"notifyMe": "Benachrichtigen Sie mich über Änderungen per E-Mail",
+					"tooltip": "Wenn aktiviert, wird Ihre Mail vorübergehend im Logbuch des Mailservers auftauchen. Wenn deaktiviert müssen Sie sich auf dieser Seite Einloggen, um Änderungen einzusehen."
 				},
 				"phone": {
 					"description": "Format: +491234567890. {name} kontaktiert Sie ggf. telefonisch, falls es Fragen/Änderungen zu Ihrem Termin gibt.",
diff --git a/project.inlang/messages/en.json b/project.inlang/messages/en.json
index 84f46ea..ddbfc42 100644
--- a/project.inlang/messages/en.json
+++ b/project.inlang/messages/en.json
@@ -847,7 +847,8 @@
 					"description": "Only you and {name} will be able to access this information. It is end-to-end encrypted."
 				},
 				"email": {
-					"notifyMe": "Notify me of changes by email"
+					"notifyMe": "Notify me of changes by e-mail",
+					"tooltip": "If enabled, your e-mail address will appear temporarily in server logs of the mailserver. If disabled, you will have to login on this page to check for updates."
 				},
 				"phone": {
 					"description": "Format: +1234567890. {name} may contact you by phone, if there are questions or changes regarding your appointment.",
diff --git a/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte b/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
index bcc9b61..e43d129 100644
--- a/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
+++ b/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
@@ -1,31 +1,53 @@
 <script lang="ts">
-  import { Checkbox } from "../checkbox";
+  import * as Popover from "$lib/components/ui/popover/index.js";
   import { cn } from "$lib/utils";
   import type { HTMLAttributes } from "svelte/elements";
-  import { Text } from "../typography";
   import type { OnChangeFn } from "vaul-svelte";
+  import { Checkbox } from "../checkbox";
+  import { Text } from "../typography";
+  import { Info } from "@lucide/svelte/icons";
+  import { buttonVariants } from "../button";
 
   let {
     class: className,
     value = $bindable(false),
     label,
+    tooltip,
     onCheckedChange,
     ...restProps
   }: HTMLAttributes<HTMLButtonElement> & {
     value: boolean;
     label: string;
+    tooltip?: string;
     id?: string;
     onCheckedChange?: OnChangeFn<boolean>;
   } = $props();
 </script>
 
-<label class={cn("flex items-start gap-2", className)}>
-  <Checkbox
-    {...restProps}
-    checked={value}
-    value={value ? "true" : "false"}
-    {onCheckedChange}
-    class="mt-0.5"
-  />
-  <Text style="sm" class="font-normal select-none">{label}</Text>
+<label class={cn("flex items-center gap-2", className)}>
+  <div class="flex items-start gap-2">
+    <Checkbox
+      {...restProps}
+      checked={value}
+      value={value ? "true" : "false"}
+      {onCheckedChange}
+      class="mt-0.5"
+    />
+    <Text style="sm" class="font-normal select-none">{label}</Text>
+  </div>
+  {#if tooltip}
+    <Popover.Root>
+      <Popover.Trigger
+        openOnHover={true}
+        class={cn(buttonVariants({ variant: "ghost", size: "xs" }), "p-1!")}
+      >
+        <Info size="sm" />
+      </Popover.Trigger>
+      <Popover.Content class="w-65 leading-1">
+        <Text style="xs">
+          {tooltip}
+        </Text>
+      </Popover.Content>
+    </Popover.Root>
+  {/if}
 </label>
diff --git a/src/lib/components/ui/popover/index.ts b/src/lib/components/ui/popover/index.ts
index 5eba297..b79d12e 100644
--- a/src/lib/components/ui/popover/index.ts
+++ b/src/lib/components/ui/popover/index.ts
@@ -1,17 +1,19 @@
-import { Popover as PopoverPrimitive } from "bits-ui";
+import Root from "./popover.svelte";
+import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
 import Trigger from "./popover-trigger.svelte";
-const Root = PopoverPrimitive.Root;
-const Close = PopoverPrimitive.Close;
+import Portal from "./popover-portal.svelte";
 
 export {
-  Root,
-  Content,
-  Trigger,
-  Close,
-  //
-  Root as Popover,
-  Content as PopoverContent,
-  Trigger as PopoverTrigger,
-  Close as PopoverClose,
+	Root,
+	Content,
+	Trigger,
+	Close,
+	Portal,
+	//
+	Root as Popover,
+	Content as PopoverContent,
+	Trigger as PopoverTrigger,
+	Close as PopoverClose,
+	Portal as PopoverPortal,
 };
diff --git a/src/lib/components/ui/popover/popover-close.svelte b/src/lib/components/ui/popover/popover-close.svelte
new file mode 100644
index 0000000..c360925
--- /dev/null
+++ b/src/lib/components/ui/popover/popover-close.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
+</script>
+
+<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-content.svelte b/src/lib/components/ui/popover/popover-content.svelte
index 815dfd9..3d79f3c 100644
--- a/src/lib/components/ui/popover/popover-content.svelte
+++ b/src/lib/components/ui/popover/popover-content.svelte
@@ -1,29 +1,31 @@
 <script lang="ts">
-  import { cn } from "$lib/utils.js";
-  import { Popover as PopoverPrimitive } from "bits-ui";
+	import { Popover as PopoverPrimitive } from "bits-ui";
+	import PopoverPortal from "./popover-portal.svelte";
+	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+	import type { ComponentProps } from "svelte";
 
-  let {
-    ref = $bindable(null),
-    class: className,
-    sideOffset = 4,
-    align = "center",
-    portalProps,
-    ...restProps
-  }: PopoverPrimitive.ContentProps & {
-    portalProps?: PopoverPrimitive.PortalProps;
-  } = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		align = "center",
+		portalProps,
+		...restProps
+	}: PopoverPrimitive.ContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
+	} = $props();
 </script>
 
-<PopoverPrimitive.Portal {...portalProps}>
-  <PopoverPrimitive.Content
-    bind:ref
-    data-slot="popover-content"
-    {sideOffset}
-    {align}
-    class={cn(
-      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--bits-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-      className,
-    )}
-    {...restProps}
-  />
-</PopoverPrimitive.Portal>
+<PopoverPortal {...portalProps}>
+	<PopoverPrimitive.Content
+		bind:ref
+		data-slot="popover-content"
+		{sideOffset}
+		{align}
+		class={cn(
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--bits-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+			className
+		)}
+		{...restProps}
+	/>
+</PopoverPortal>
diff --git a/src/lib/components/ui/popover/popover-portal.svelte b/src/lib/components/ui/popover/popover-portal.svelte
new file mode 100644
index 0000000..dd8265f
--- /dev/null
+++ b/src/lib/components/ui/popover/popover-portal.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { ...restProps }: PopoverPrimitive.PortalProps = $props();
+</script>
+
+<PopoverPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-trigger.svelte b/src/lib/components/ui/popover/popover-trigger.svelte
index a58180b..586323c 100644
--- a/src/lib/components/ui/popover/popover-trigger.svelte
+++ b/src/lib/components/ui/popover/popover-trigger.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-  import { cn } from "$lib/utils.js";
-  import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+	import { Popover as PopoverPrimitive } from "bits-ui";
 
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: PopoverPrimitive.TriggerProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PopoverPrimitive.TriggerProps = $props();
 </script>
 
 <PopoverPrimitive.Trigger
-  bind:ref
-  data-slot="popover-trigger"
-  class={cn("", className)}
-  {...restProps}
+	bind:ref
+	data-slot="popover-trigger"
+	class={cn("", className)}
+	{...restProps}
 />
diff --git a/src/lib/components/ui/popover/popover.svelte b/src/lib/components/ui/popover/popover.svelte
new file mode 100644
index 0000000..6b1aa5f
--- /dev/null
+++ b/src/lib/components/ui/popover/popover.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
+</script>
+
+<PopoverPrimitive.Root bind:open {...restProps} />
diff --git a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
index c7e22c0..7d8ce6d 100644
--- a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
+++ b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/add-personal-data-form/add-personal-data-form.svelte
@@ -94,6 +94,7 @@
                 {...props}
                 bind:value={$formData.shareEmail}
                 label={m["public.steps.data.email.notifyMe"]()}
+                tooltip={m["public.steps.data.email.tooltip"]()}
                 onCheckedChange={(v) => {
                   $formData.shareEmail = v;
                 }}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1e94dd7..65f8702 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import { browser } from "$app/environment";
+  import { setLocale } from "$i18n/runtime";
   import { Toaster } from "$lib/components/ui/sonner/index.js";
+  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
   import { ModeWatcher, setMode } from "mode-watcher";
   import "../app.css";
-  import { setLocale } from "$i18n/runtime";
 
   let { data, children } = $props();
 
@@ -27,4 +28,6 @@
 
 <ModeWatcher track={false} />
 <Toaster richColors />
-{@render children()}
+<Tooltip.Provider delayDuration={0}>
+  {@render children()}
+</Tooltip.Provider>

From 652380c08c469287433350b8c0666f1794bbfbc4 Mon Sep 17 00:00:00 2001
From: Hendrik Belitz <hendrik@innovation-through-understanding.de>
Date: Wed, 21 Jan 2026 17:29:53 +0100
Subject: [PATCH 4/9] Fixed formatting

---
 src/lib/components/ui/popover/index.ts        | 22 ++++----
 .../ui/popover/popover-close.svelte           |  4 +-
 .../ui/popover/popover-content.svelte         | 50 +++++++++----------
 .../ui/popover/popover-portal.svelte          |  4 +-
 .../ui/popover/popover-trigger.svelte         | 22 ++++----
 src/lib/components/ui/popover/popover.svelte  |  4 +-
 6 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/src/lib/components/ui/popover/index.ts b/src/lib/components/ui/popover/index.ts
index b79d12e..5fb2ee9 100644
--- a/src/lib/components/ui/popover/index.ts
+++ b/src/lib/components/ui/popover/index.ts
@@ -5,15 +5,15 @@ import Trigger from "./popover-trigger.svelte";
 import Portal from "./popover-portal.svelte";
 
 export {
-	Root,
-	Content,
-	Trigger,
-	Close,
-	Portal,
-	//
-	Root as Popover,
-	Content as PopoverContent,
-	Trigger as PopoverTrigger,
-	Close as PopoverClose,
-	Portal as PopoverPortal,
+  Root,
+  Content,
+  Trigger,
+  Close,
+  Portal,
+  //
+  Root as Popover,
+  Content as PopoverContent,
+  Trigger as PopoverTrigger,
+  Close as PopoverClose,
+  Portal as PopoverPortal,
 };
diff --git a/src/lib/components/ui/popover/popover-close.svelte b/src/lib/components/ui/popover/popover-close.svelte
index c360925..fd2c882 100644
--- a/src/lib/components/ui/popover/popover-close.svelte
+++ b/src/lib/components/ui/popover/popover-close.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
+  import { Popover as PopoverPrimitive } from "bits-ui";
 
-	let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
+  let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
 </script>
 
 <PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-content.svelte b/src/lib/components/ui/popover/popover-content.svelte
index 3d79f3c..3d867e2 100644
--- a/src/lib/components/ui/popover/popover-content.svelte
+++ b/src/lib/components/ui/popover/popover-content.svelte
@@ -1,31 +1,31 @@
 <script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
-	import PopoverPortal from "./popover-portal.svelte";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
-	import type { ComponentProps } from "svelte";
+  import { Popover as PopoverPrimitive } from "bits-ui";
+  import PopoverPortal from "./popover-portal.svelte";
+  import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
+  import type { ComponentProps } from "svelte";
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 4,
-		align = "center",
-		portalProps,
-		...restProps
-	}: PopoverPrimitive.ContentProps & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
-	} = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 4,
+    align = "center",
+    portalProps,
+    ...restProps
+  }: PopoverPrimitive.ContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
+  } = $props();
 </script>
 
 <PopoverPortal {...portalProps}>
-	<PopoverPrimitive.Content
-		bind:ref
-		data-slot="popover-content"
-		{sideOffset}
-		{align}
-		class={cn(
-			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--bits-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-			className
-		)}
-		{...restProps}
-	/>
+  <PopoverPrimitive.Content
+    bind:ref
+    data-slot="popover-content"
+    {sideOffset}
+    {align}
+    class={cn(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--bits-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+      className,
+    )}
+    {...restProps}
+  />
 </PopoverPortal>
diff --git a/src/lib/components/ui/popover/popover-portal.svelte b/src/lib/components/ui/popover/popover-portal.svelte
index dd8265f..8115718 100644
--- a/src/lib/components/ui/popover/popover-portal.svelte
+++ b/src/lib/components/ui/popover/popover-portal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
+  import { Popover as PopoverPrimitive } from "bits-ui";
 
-	let { ...restProps }: PopoverPrimitive.PortalProps = $props();
+  let { ...restProps }: PopoverPrimitive.PortalProps = $props();
 </script>
 
 <PopoverPrimitive.Portal {...restProps} />
diff --git a/src/lib/components/ui/popover/popover-trigger.svelte b/src/lib/components/ui/popover/popover-trigger.svelte
index 586323c..a58180b 100644
--- a/src/lib/components/ui/popover/popover-trigger.svelte
+++ b/src/lib/components/ui/popover/popover-trigger.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-	import { cn } from "$lib/utils.js";
-	import { Popover as PopoverPrimitive } from "bits-ui";
+  import { cn } from "$lib/utils.js";
+  import { Popover as PopoverPrimitive } from "bits-ui";
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: PopoverPrimitive.TriggerProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: PopoverPrimitive.TriggerProps = $props();
 </script>
 
 <PopoverPrimitive.Trigger
-	bind:ref
-	data-slot="popover-trigger"
-	class={cn("", className)}
-	{...restProps}
+  bind:ref
+  data-slot="popover-trigger"
+  class={cn("", className)}
+  {...restProps}
 />
diff --git a/src/lib/components/ui/popover/popover.svelte b/src/lib/components/ui/popover/popover.svelte
index 6b1aa5f..b485e41 100644
--- a/src/lib/components/ui/popover/popover.svelte
+++ b/src/lib/components/ui/popover/popover.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Popover as PopoverPrimitive } from "bits-ui";
+  import { Popover as PopoverPrimitive } from "bits-ui";
 
-	let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
+  let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
 </script>
 
 <PopoverPrimitive.Root bind:open {...restProps} />

From 224d4a953982d6400b2770f5ac91621dfbc708a6 Mon Sep 17 00:00:00 2001
From: Hendrik Belitz <hendrik@innovation-through-understanding.de>
Date: Wed, 21 Jan 2026 17:30:00 +0100
Subject: [PATCH 5/9] Fixed test

---
 src/routes/api/auth/invite/__tests__/invite.test.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/api/auth/invite/__tests__/invite.test.ts b/src/routes/api/auth/invite/__tests__/invite.test.ts
index 4e03a78..cddf460 100644
--- a/src/routes/api/auth/invite/__tests__/invite.test.ts
+++ b/src/routes/api/auth/invite/__tests__/invite.test.ts
@@ -140,7 +140,7 @@ describe("POST /api/auth/invite", () => {
       "STAFF",
       "12345678-1234-4234-8234-123456789012",
       "admin-id",
-      "de",
+      "en",
     );
     expect(vi.mocked(sendUserInviteEmail)).toHaveBeenCalled();
   });
@@ -174,7 +174,7 @@ describe("POST /api/auth/invite", () => {
       "STAFF",
       "12345678-1234-4234-8234-123456789012",
       "admin-id",
-      "de",
+      "en",
     );
     expect(vi.mocked(sendUserInviteEmail)).toHaveBeenCalledWith(
       "user@example.com",
@@ -182,7 +182,7 @@ describe("POST /api/auth/invite", () => {
       mockTenant,
       "STAFF",
       expect.stringContaining("invite-code-123"),
-      "de",
+      "en",
     );
   });
 

From 7435f8b6fb18b58327711cfaf7f643467b06bc48 Mon Sep 17 00:00:00 2001
From: Hendrik Belitz <hendrik@innovation-through-understanding.de>
Date: Wed, 21 Jan 2026 17:30:13 +0100
Subject: [PATCH 6/9] Allow client email to be optional

---
 .../server/services/appointment-service.ts    | 28 ++++++------
 .../[appointmentId]/confirm/+server.ts        |  2 +-
 .../appointments/add-to-tunnel/+server.ts     | 45 ++++++++++---------
 .../appointments/create-new-client/+server.ts |  5 +--
 4 files changed, 41 insertions(+), 39 deletions(-)

diff --git a/src/lib/server/services/appointment-service.ts b/src/lib/server/services/appointment-service.ts
index 3e08eb0..530aea2 100644
--- a/src/lib/server/services/appointment-service.ts
+++ b/src/lib/server/services/appointment-service.ts
@@ -20,7 +20,7 @@ export interface ClientTunnelData {
   appointmentDate: string;
   duration: number;
   emailHash: string;
-  clientEmail: string;
+  clientEmail?: string;
   clientLanguage?: string;
   clientPublicKey: string;
   privateKeyShare: string;
@@ -437,19 +437,21 @@ export class AppointmentService {
     });
 
     // Send email notification to client (async, don't wait)
-    this.sendAppointmentNotification(
-      result.appointment.id,
-      clientData.channelId,
-      clientData.clientEmail,
-      clientData.clientLanguage || "de",
-      result.requiresConfirmation,
-    ).catch((error) => {
-      log.error("Failed to send appointment notification", {
-        tunnelId: clientData.tunnelId,
-        appointmentId: result.appointment.id,
-        error: String(error),
+    if (clientData.clientEmail) {
+      this.sendAppointmentNotification(
+        result.appointment.id,
+        clientData.channelId,
+        clientData.clientEmail,
+        clientData.clientLanguage || "de",
+        result.requiresConfirmation,
+      ).catch((error) => {
+        log.error("Failed to send appointment notification", {
+          tunnelId: clientData.tunnelId,
+          appointmentId: result.appointment.id,
+          error: String(error),
+        });
       });
-    });
+    }
 
     return response;
   }
diff --git a/src/routes/api/tenants/[id]/appointments/[appointmentId]/confirm/+server.ts b/src/routes/api/tenants/[id]/appointments/[appointmentId]/confirm/+server.ts
index fb022c7..1e73a27 100644
--- a/src/routes/api/tenants/[id]/appointments/[appointmentId]/confirm/+server.ts
+++ b/src/routes/api/tenants/[id]/appointments/[appointmentId]/confirm/+server.ts
@@ -8,7 +8,7 @@ import logger from "$lib/logger";
 import { checkPermission } from "$lib/server/utils/permissions";
 
 const requestSchema = z.object({
-  clientEmail: z.string().email().optional(),
+  clientEmail: z.email().optional(),
   clientLanguage: z.string().optional().default("en"),
 });
 
diff --git a/src/routes/api/tenants/[id]/appointments/add-to-tunnel/+server.ts b/src/routes/api/tenants/[id]/appointments/add-to-tunnel/+server.ts
index f8ea48e..be51b6a 100644
--- a/src/routes/api/tenants/[id]/appointments/add-to-tunnel/+server.ts
+++ b/src/routes/api/tenants/[id]/appointments/add-to-tunnel/+server.ts
@@ -27,7 +27,7 @@ const requestSchema = z.object({
   agentId: z.string(),
   appointmentDate: z.string(),
   duration: z.number().int().positive(),
-  clientEmail: z.string().email(),
+  clientEmail: z.email().optional(),
   clientLanguage: z.string().optional().default("en"),
   encryptedAppointment: z.object({
     encryptedPayload: z.string(),
@@ -121,7 +121,6 @@ registerOpenAPIRoute("/tenants/{id}/appointments/add-to-tunnel", "POST", {
             "tunnelId",
             "channelId",
             "appointmentDate",
-            "clientEmail",
             "encryptedAppointment",
           ],
         },
@@ -304,12 +303,6 @@ export const POST: RequestHandler = async ({ request, params }) => {
       if (!tenant) {
         logger.warn("Cannot send email: Tenant not found", { tenantId });
       } else {
-        // Create client data object from request
-        const clientData = {
-          email: validatedData.clientEmail,
-          language: validatedData.clientLanguage,
-        };
-
         // Get channel title for the email
         const channelTitle = await getChannelTitle(
           tenantId,
@@ -318,20 +311,28 @@ export const POST: RequestHandler = async ({ request, params }) => {
         );
 
         // Send appropriate email based on whether confirmation is required
-        if (requiresConfirmation) {
-          await sendAppointmentRequestEmail(clientData, tenant, result, channelTitle);
-          logger.info("Appointment request email sent", {
-            tunnelId: validatedData.tunnelId,
-            appointmentId: result.id,
-            tenantId,
-          });
-        } else {
-          await sendAppointmentCreatedEmail(clientData, tenant, result, channelTitle);
-          logger.info("Appointment confirmation email sent", {
-            tunnelId: validatedData.tunnelId,
-            appointmentId: result.id,
-            tenantId,
-          });
+        if (validatedData.clientEmail) {
+          // Create client data object from request
+          const clientData = {
+            email: validatedData.clientEmail,
+            language: validatedData.clientLanguage,
+          };
+
+          if (requiresConfirmation) {
+            await sendAppointmentRequestEmail(clientData, tenant, result, channelTitle);
+            logger.info("Appointment request email sent", {
+              tunnelId: validatedData.tunnelId,
+              appointmentId: result.id,
+              tenantId,
+            });
+          } else {
+            await sendAppointmentCreatedEmail(clientData, tenant, result, channelTitle);
+            logger.info("Appointment confirmation email sent", {
+              tunnelId: validatedData.tunnelId,
+              appointmentId: result.id,
+              tenantId,
+            });
+          }
         }
       }
     } catch (emailError) {
diff --git a/src/routes/api/tenants/[id]/appointments/create-new-client/+server.ts b/src/routes/api/tenants/[id]/appointments/create-new-client/+server.ts
index 953a92b..edee9b6 100644
--- a/src/routes/api/tenants/[id]/appointments/create-new-client/+server.ts
+++ b/src/routes/api/tenants/[id]/appointments/create-new-client/+server.ts
@@ -12,7 +12,7 @@ const requestSchema = z.object({
   appointmentDate: z.string(),
   duration: z.number().int().positive(),
   emailHash: z.string(),
-  clientEmail: z.string().email(),
+  clientEmail: z.email().optional(),
   clientLanguage: z.string().optional().default("en"),
   clientPublicKey: z.string(),
   privateKeyShare: z.string(),
@@ -74,7 +74,7 @@ registerOpenAPIRoute("/tenants/{id}/appointments/create-new-client", "POST", {
             clientEmail: {
               type: "string",
               format: "email",
-              description: "Client email address for sending confirmation",
+              description: "Client email address for sending confirmation. Optional.",
               example: "client@example.com",
             },
             clientLanguage: {
@@ -138,7 +138,6 @@ registerOpenAPIRoute("/tenants/{id}/appointments/create-new-client", "POST", {
             "channelId",
             "appointmentDate",
             "emailHash",
-            "clientEmail",
             "clientPublicKey",
             "privateKeyShare",
             "encryptedAppointment",

From 7504dd2ac187eb986881825275eb5b3212802b7c Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Wed, 21 Jan 2026 19:50:15 +0100
Subject: [PATCH 7/9] Fix types

---
 .../ui/checkbox-with-label/checkbox-with-label.svelte        | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte b/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
index e43d129..86c2920 100644
--- a/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
+++ b/src/lib/components/ui/checkbox-with-label/checkbox-with-label.svelte
@@ -37,10 +37,7 @@
   </div>
   {#if tooltip}
     <Popover.Root>
-      <Popover.Trigger
-        openOnHover={true}
-        class={cn(buttonVariants({ variant: "ghost", size: "xs" }), "p-1!")}
-      >
+      <Popover.Trigger class={cn(buttonVariants({ variant: "ghost", size: "xs" }), "p-1!")}>
         <Info size="sm" />
       </Popover.Trigger>
       <Popover.Content class="w-65 leading-1">

From 5500ea75c0dea624b6d209330340a443d30c76ae Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Wed, 21 Jan 2026 19:58:41 +0100
Subject: [PATCH 8/9] Fix lint

---
 src/routes/(pages)/login/login-form.svelte | 23 ++++++++++------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/routes/(pages)/login/login-form.svelte b/src/routes/(pages)/login/login-form.svelte
index db904e3..de8b126 100644
--- a/src/routes/(pages)/login/login-form.svelte
+++ b/src/routes/(pages)/login/login-form.svelte
@@ -5,20 +5,20 @@
   import * as Form from "$lib/components/ui/form";
   import type { EventReporter } from "$lib/components/ui/form/form-root.svelte";
   import { Input } from "$lib/components/ui/input";
+  import { Label } from "$lib/components/ui/label";
+  import { Passkey } from "$lib/components/ui/passkey";
+  import type { PasskeyState } from "$lib/components/ui/passkey/state.svelte";
+  import { Text } from "$lib/components/ui/typography";
   import { ROUTES } from "$lib/const/routes";
+  import logger from "$lib/logger";
+  import { auth } from "$lib/stores/auth";
+  import { arrayBufferToBase64, fetchChallenge, getCredential } from "$lib/utils/passkey";
+  import { onMount } from "svelte";
   import { toast } from "svelte-sonner";
   import { writable, type Writable } from "svelte/store";
-  import { type Infer, superForm, type SuperValidated } from "sveltekit-superforms";
+  import { superForm } from "sveltekit-superforms";
   import { zod4Client as zodClient } from "sveltekit-superforms/adapters";
-  import { baseSchema, formSchema, type FormSchema } from "./schema";
-  import { onMount } from "svelte";
-  import { Passkey } from "$lib/components/ui/passkey";
-  import { Text } from "$lib/components/ui/typography";
-  import type { PasskeyState } from "$lib/components/ui/passkey/state.svelte";
-  import { arrayBufferToBase64, fetchChallenge, getCredential } from "$lib/utils/passkey";
-  import { Label } from "$lib/components/ui/label";
-  import { auth } from "$lib/stores/auth";
-  import logger from "$lib/logger";
+  import { baseSchema, formSchema } from "./schema";
 
   let { formId, onEvent }: { formId: string; onEvent: EventReporter } = $props();
 
@@ -165,9 +165,6 @@
 
   const { form: formData, enhance } = form;
   const passkeyLoading: Writable<PasskeyState> = writable("initial");
-
-  type FormDataPassphrase = Extract<typeof $formData, { type: "passphrase" }>;
-  type FormDataPasskey = Extract<typeof $formData, { type: "passkey" }>;
 </script>
 
 <Form.Root {formId} {enhance}>

From b1f96bcf0094fe67bed185134032feec498b0176 Mon Sep 17 00:00:00 2001
From: Karl Ludwig Weise <ludwig@ludwigweise.de>
Date: Wed, 21 Jan 2026 19:58:57 +0100
Subject: [PATCH 9/9] Separate github pr checks

---
 .github/workflows/pr-checks.yml | 51 +++++++++++++++++++++++++++++++--
 1 file changed, 48 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/pr-checks.yml b/.github/workflows/pr-checks.yml
index 87fa40e..74bf10b 100644
--- a/.github/workflows/pr-checks.yml
+++ b/.github/workflows/pr-checks.yml
@@ -6,7 +6,24 @@ on:
     types: [opened, synchronize, reopened]
 
 jobs:
-  test-and-build:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+      - name: Run linting
+        run: npm run lint
+  check:
     runs-on: ubuntu-latest
 
     steps:
@@ -24,9 +41,21 @@ jobs:
 
       - name: Run type checking
         run: npm run check
+  tests:
+    runs-on: ubuntu-latest
 
-      - name: Run linting
-        run: npm run lint
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
 
       - name: Run unit tests
         run: npm run test:unit -- --run
@@ -41,6 +70,22 @@ jobs:
           SMTP_FROM_EMAIL: "noreply@example.com"
           JWT_SECRET: "test"
 
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
       - name: Build application
         run: npm run build
         env: