From b6cb62c62729194a758f4635ae39fe17f1d998ac Mon Sep 17 00:00:00 2001
From: Ediminator <211899731+Ediminator@users.noreply.github.com>
Date: Sat, 7 Nov 2026 02:53:06 +0100
Subject: [PATCH 1/2] feat(contracts): contract templates studio settings UI
 with live merge preview (TASK-0065)

Signed-off-by: Ediminator <211899731+Ediminator@users.noreply.github.com>
---
 messages/de.json                              |  207 +++
 messages/en.json                              |  207 +++
 src/app/[locale]/settings/contracts/page.tsx  |   32 +
 src/app/[locale]/settings/page.tsx            |   30 +-
 .../settings/contract-template-modal.tsx      |  480 ++++++
 .../settings/contract-templates-list.tsx      |  391 +++++
 src/components/settings/contracts-helpers.ts  | 1140 ++++++++++++++
 .../settings/contracts-settings-view.tsx      |  194 +++
 src/components/settings/settings-nav.tsx      |   11 +-
 .../settings/studio-signing-settings-card.tsx |  399 +++++
 src/server/contracts/actions.ts               |  310 ++++
 src/server/contracts/schema.ts                |   93 +-
 tests/e2e/contracts-settings.spec.ts          |  437 ++++++
 .../contract-template-actions.test.ts         |  644 ++++++++
 .../contract-template-form-schema.test.ts     | 1307 +++++++++++++++++
 ...tract-templates-components-render.test.tsx |  582 ++++++++
 tests/unit/contracts-schema.test.ts           |   21 +
 17 files changed, 6475 insertions(+), 10 deletions(-)
 create mode 100644 src/app/[locale]/settings/contracts/page.tsx
 create mode 100644 src/components/settings/contract-template-modal.tsx
 create mode 100644 src/components/settings/contract-templates-list.tsx
 create mode 100644 src/components/settings/contracts-helpers.ts
 create mode 100644 src/components/settings/contracts-settings-view.tsx
 create mode 100644 src/components/settings/studio-signing-settings-card.tsx
 create mode 100644 src/server/contracts/actions.ts
 create mode 100644 tests/e2e/contracts-settings.spec.ts
 create mode 100644 tests/integration/contract-template-actions.test.ts
 create mode 100644 tests/unit/contract-template-form-schema.test.ts
 create mode 100644 tests/unit/contract-templates-components-render.test.tsx

diff --git a/messages/de.json b/messages/de.json
index ec9b268..0733402 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -970,6 +970,213 @@
         "defaultTaxRateInvalid": "Standard-Steuersatz muss zwischen 0% und 100% liegen",
         "noticeTooLong": "Hinweistext darf maximal 1000 Zeichen lang sein"
       }
+    },
+    "contracts": {
+      "title": "Vertragsvorlagen & Studio-Signatur",
+      "description": "Verwalten Sie rechtssichere Vertragsvorlagen, zweisprachige Klauseln, dynamische Platzhalter und Studio-Signaturdaten.",
+      "navLabel": "Verträge & Signatur",
+      "manage": "Vertragsvorlagen & Signatur verwalten",
+      "breadcrumbs": {
+        "settings": "Studio-Einstellungen",
+        "contracts": "Verträge & Signatur"
+      },
+      "tabs": {
+        "tablistAria": "Vertragseinstellungen-Tabs",
+        "templates": "Vertragsvorlagen",
+        "signing": "Studio-Signaturprofil"
+      },
+      "list": {
+        "title": "Vertragsvorlagen",
+        "description": "Wiederverwendbare Vertragsvorlagen mit dynamischen Platzhaltern für Kundenvereinbarungen.",
+        "createButton": "Neue Vorlage",
+        "filterAll": "Alle Projekttypen",
+        "filterByType": "Nach Projekttyp filtern",
+        "filterSearchPlaceholder": "Vorlagen durchsuchen...",
+        "activeCount": "{count, plural, =1 {1 aktive Vorlage} other {# aktive Vorlagen}}",
+        "archivedCount": "{count, plural, =1 {1 archivierte Vorlage} other {# archivierte Vorlagen}}",
+        "showArchived": "Archivierte anzeigen ({count})",
+        "hideArchived": "Archivierte ausblenden",
+        "emptyActive": "Noch keine aktiven Vertragsvorlagen vorhanden. Erstellen Sie Ihre erste Vertragsvorlage, um Angebote und Verträge schneller zu verfassen.",
+        "emptyArchived": "Keine archivierten Vertragsvorlagen.",
+        "table": {
+          "name": "Vorlagenname",
+          "slug": "Slug",
+          "projectType": "Projekttyp",
+          "status": "Status",
+          "actions": "Aktionen"
+        },
+        "projectTypeNone": "Allgemein / Alle",
+        "projectTypes": {
+          "wedding": "Hochzeit",
+          "portrait": "Porträt",
+          "commercial": "Kommerziell",
+          "event": "Event",
+          "video": "Video",
+          "engagement": "Verlobung",
+          "editorial": "Editorial"
+        },
+        "defaultBadge": "Standard",
+        "activeBadge": "Aktiv",
+        "archivedBadge": "Archiviert",
+        "editAction": "Vorlage bearbeiten",
+        "duplicateAction": "Duplizieren",
+        "archiveAction": "Vorlage archivieren",
+        "restoreAction": "Vorlage wiederherstellen",
+        "archiveDialog": {
+          "title": "Vertragsvorlage archivieren",
+          "description": "Sind Sie sicher, dass Sie '{name}' archivieren möchten? Bereits abgeschlossene Verträge bleiben unberührt, diese Vorlage steht jedoch für neue Verträge nicht mehr zur Verfügung.",
+          "confirmButton": "Vorlage archivieren",
+          "cancelButton": "Abbrechen"
+        }
+      },
+      "modal": {
+        "createTitle": "Vertragsvorlage erstellen",
+        "editTitle": "Vertragsvorlage bearbeiten",
+        "duplicateTitle": "Vertragsvorlage duplizieren",
+        "description": "Legen Sie Vorlagendetails, Projekttyp-Zuordnung und zweisprachige Klauseln mit dynamischen Platzhaltern fest.",
+        "nameLabel": "Vorlagenname",
+        "namePlaceholder": "z. B. Vertrag über Hochzeitsfotografie",
+        "slugLabel": "Slug",
+        "slugPlaceholder": "z. B. vertrag-hochzeitsfotografie",
+        "slugHelp": "Nur Kleinbuchstaben, Ziffern und Bindestriche",
+        "projectTypeLabel": "Projekttyp",
+        "projectTypePlaceholder": "Projekttyp auswählen (optional)",
+        "projectTypeNone": "Keine (Allgemein)",
+        "descriptionLabel": "Beschreibung",
+        "descriptionPlaceholder": "Interne Beschreibung des Anwendungsbereichs",
+        "defaultToggleLabel": "Standardvorlage für diesen Projekttyp",
+        "defaultToggleHelp": "Wird bei der Vertragserstellung für diesen Projekttyp automatisch vorausgewählt",
+        "clauseEditorTitle": "Vertragsklauseln",
+        "clauseEditorHelp": "Klicken Sie auf einen Platzhalter unten, um ihn an der Cursorposition einzufügen.",
+        "tabEnglish": "Englische Klauseln (en)",
+        "tabGerman": "Deutsche Klauseln (de)",
+        "contentEnLabel": "Englische Vertragsklauseln",
+        "contentEnPlaceholder": "Vertragsklauseln auf Englisch eingeben (Markdown unterstützt)...",
+        "contentDeLabel": "Deutsche Vertragsklauseln",
+        "contentDePlaceholder": "Vertragsklauseln auf Deutsch eingeben (Markdown unterstützt)...",
+        "tokenInsertedAnnouncement": "Platzhalter {token} eingefügt",
+        "tokenPaletteTitle": "Platzhalter einfügen",
+        "previewTitle": "Live-Vorschau",
+        "previewBadge": "Beispieldaten-Vorschau",
+        "previewEmpty": "Noch keine Vertragsklauseln eingegeben. Geben Sie oben Text ein, um eine Live-Vorschau mit Beispieldaten zu sehen.",
+        "saveButton": "Vorlage speichern",
+        "savingButton": "Speichern...",
+        "cancelButton": "Abbrechen",
+        "errors": {
+          "nameRequired": "Vorlagenname ist erforderlich",
+          "nameTooLong": "Vorlagenname darf maximal 150 Zeichen lang sein",
+          "slugRequired": "Slug ist erforderlich",
+          "slugInvalid": "Slug darf nur aus Kleinbuchstaben und Ziffern mit einfachen Bindestrichen bestehen",
+          "slugTooLong": "Slug darf maximal 100 Zeichen lang sein",
+          "descriptionTooLong": "Beschreibung darf maximal 1.000 Zeichen lang sein",
+          "contentEnRequired": "Englische Vertragsklauseln sind erforderlich",
+          "contentDeRequired": "Deutsche Vertragsklauseln sind erforderlich"
+        }
+      },
+      "signing": {
+        "title": "Studio-Signatur & Gegenzeichnungsprofil",
+        "description": "Konfigurieren Sie die zeichnungsberechtigte Person des Studios, offizielle Berufsbezeichnung, Anschrift und den Gegenzeichnungsprozess.",
+        "signatorySectionTitle": "Signaturprofil des Studios",
+        "signatoryNameLabel": "Rechtlicher Name des Unterzeichners",
+        "signatoryNamePlaceholder": "z. B. Elena Rostova",
+        "signatoryNameHelp": "Vollständiger Name auf Verträgen und in der elektronischen Signaturzeile",
+        "signatoryTitleLabel": "Berufsbezeichnung / Funktion",
+        "signatoryTitlePlaceholder": "z. B. Studioinhaberin & leitende Fotografin",
+        "signatoryTitleHelp": "Gesetzliche Funktionsbezeichnung unter der Unterschrift des Studios",
+        "modeSectionTitle": "Gegenzeichnungs-Modus",
+        "modeSectionHelp": "Legen Sie fest, wie Verträge vom Studio gegengezeichnet werden.",
+        "modes": {
+          "preSigned": {
+            "label": "Automatisch (Vorab gegengezeichnet)",
+            "description": "Die Signatur des Studios wird beim Versand oder bei Kundenunterzeichnung automatisch angebracht."
+          },
+          "explicit": {
+            "label": "Explizit (Manuelle Gegenzeichnung)",
+            "description": "Der Studioinhaber muss nach der Unterschrift des Kunden manuell gegenzeichnen, um den Vertrag abzuschließen."
+          }
+        },
+        "addressSectionTitle": "Studio-Geschäftsadresse & gesetzliche Kontaktdaten",
+        "addressSectionHelp": "Physische Geschäftsadresse und Kontaktdaten für gesetzliche Pflichtangaben (BGB § 126b, DDG § 5).",
+        "addressLine1Label": "Straße und Hausnummer",
+        "addressLine1Placeholder": "z. B. Kastanienallee 71",
+        "addressLine2Label": "Adresszusatz",
+        "addressLine2Placeholder": "z. B. Studio 4B (optional)",
+        "postalCodeLabel": "Postleitzahl",
+        "postalCodePlaceholder": "z. B. 10435",
+        "cityLabel": "Stadt",
+        "cityPlaceholder": "z. B. Berlin",
+        "countryCodeLabel": "Ländercode (ISO 3166-1 Alpha-2)",
+        "countryCodePlaceholder": "DE",
+        "phoneLabel": "Telefonnummer des Studios",
+        "phonePlaceholder": "z. B. +49 30 12345678",
+        "emailLabel": "Offizielle E-Mail-Adresse des Studios",
+        "emailPlaceholder": "z. B. studio@example.com",
+        "saveButton": "Signatur-Einstellungen speichern",
+        "savingButton": "Speichern...",
+        "successNotification": "Studio-Signatur-Einstellungen wurden erfolgreich aktualisiert.",
+        "errors": {
+          "signatoryNameTooLong": "Unterzeichnername darf maximal 200 Zeichen lang sein",
+          "signatoryTitleTooLong": "Berufsbezeichnung darf maximal 100 Zeichen lang sein",
+          "countryCodeInvalid": "Ländercode muss genau 2 Zeichen lang sein (z. B. DE)",
+          "emailInvalid": "Bitte geben Sie eine gültige E-Mail-Adresse ein"
+        }
+      },
+      "tokens": {
+        "categories": {
+          "client": "Kundendaten",
+          "project": "Projekt & Auftrag",
+          "shoot": "Termin- & Eventlogistik",
+          "package": "Paket & Vergütung",
+          "studio": "Studio & Rechtsträger",
+          "contract": "Vertragsdaten"
+        },
+        "client": {
+          "name": "Vollständiger Kundenname",
+          "company": "Kunden-Unternehmensname",
+          "email": "Kunden-E-Mail-Adresse",
+          "phone": "Kunden-Telefonnummer",
+          "address": "Kunden-Straße & Hausnummer",
+          "city": "Kunden-Stadt",
+          "postal_code": "Kunden-Postleitzahl",
+          "country": "Kunden-Land"
+        },
+        "project": {
+          "title": "Projekttitel",
+          "type": "Projekttyp",
+          "price": "Projektpreis",
+          "currency": "Währung",
+          "notes": "Projektnotizen"
+        },
+        "shoot": {
+          "date": "Shooting- / Eventdatum",
+          "time": "Shooting-Uhrzeit (Start & Ende)",
+          "timezone": "Zeitzone",
+          "location": "Shooting-Ort / Location",
+          "address": "Physische Adresse der Location"
+        },
+        "package": {
+          "name": "Name des Leistungspakets",
+          "deliverables": "Übersicht enthaltener Leistungen",
+          "total": "Gesamtbetrag (inkl. Steuern)",
+          "subtotal": "Netto-Zwischensumme",
+          "tax": "Anfallender Steuerbetrag",
+          "addons": "Ausgewählte Zusatzleistungen"
+        },
+        "studio": {
+          "name": "Name des Fotostudios",
+          "owner_name": "Name des Studioinhabers",
+          "email": "Offizielle E-Mail des Studios",
+          "phone": "Telefonnummer des Studios",
+          "address": "Physische Adresse des Studios",
+          "tax_number": "Steuernummer des Studios",
+          "vat_id": "USt-IdNr. des Studios"
+        },
+        "contract": {
+          "number": "Vertragsnummer (CTR-YYYY-NNNN)",
+          "issue_date": "Vertragsausstellungsdatum",
+          "valid_until": "Vertragsgültigkeitsdatum"
+        }
+      }
     }
   },
   "clients": {
diff --git a/messages/en.json b/messages/en.json
index bd05945..fb495ef 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -970,6 +970,213 @@
         "defaultTaxRateInvalid": "Default tax rate must be between 0% and 100%",
         "noticeTooLong": "Notice text cannot exceed 1000 characters"
       }
+    },
+    "contracts": {
+      "title": "Contract Templates & Studio Signing",
+      "description": "Manage legally binding contract agreements, localized bilingual clauses, merge tokens, and studio signatory credentials.",
+      "navLabel": "Contracts & Signing",
+      "manage": "Manage Contract Templates & Signing",
+      "breadcrumbs": {
+        "settings": "Studio Settings",
+        "contracts": "Contracts & Signing"
+      },
+      "tabs": {
+        "tablistAria": "Contract settings tabs",
+        "templates": "Contract Templates",
+        "signing": "Studio Signatory Profile"
+      },
+      "list": {
+        "title": "Contract Templates",
+        "description": "Reusable contract agreements with dynamic merge tokens for client agreements.",
+        "createButton": "New Template",
+        "filterAll": "All Project Types",
+        "filterByType": "Filter by project type",
+        "filterSearchPlaceholder": "Search templates...",
+        "activeCount": "{count, plural, =1 {1 Active Template} other {# Active Templates}}",
+        "archivedCount": "{count, plural, =1 {1 Archived Template} other {# Archived Templates}}",
+        "showArchived": "Show Archived ({count})",
+        "hideArchived": "Hide Archived",
+        "emptyActive": "No active contract templates configured yet. Create your first contract template to speed up proposal and contract drafting.",
+        "emptyArchived": "No archived contract templates.",
+        "table": {
+          "name": "Template Name",
+          "slug": "Slug",
+          "projectType": "Project Type",
+          "status": "Status",
+          "actions": "Actions"
+        },
+        "projectTypeNone": "General / All",
+        "projectTypes": {
+          "wedding": "Wedding",
+          "portrait": "Portrait",
+          "commercial": "Commercial",
+          "event": "Event",
+          "video": "Video",
+          "engagement": "Engagement",
+          "editorial": "Editorial"
+        },
+        "defaultBadge": "Default",
+        "activeBadge": "Active",
+        "archivedBadge": "Archived",
+        "editAction": "Edit Template",
+        "duplicateAction": "Duplicate",
+        "archiveAction": "Archive Template",
+        "restoreAction": "Restore Template",
+        "archiveDialog": {
+          "title": "Archive Contract Template",
+          "description": "Are you sure you want to archive '{name}'? Existing executed contracts will remain untouched, but this template will no longer be available for new contract drafting.",
+          "confirmButton": "Archive Template",
+          "cancelButton": "Cancel"
+        }
+      },
+      "modal": {
+        "createTitle": "Create Contract Template",
+        "editTitle": "Edit Contract Template",
+        "duplicateTitle": "Duplicate Contract Template",
+        "description": "Define template details, project type assignment, and localized clauses with dynamic merge tokens.",
+        "nameLabel": "Template Name",
+        "namePlaceholder": "e.g. Wedding Photography Agreement",
+        "slugLabel": "Slug",
+        "slugPlaceholder": "e.g. wedding-photography-agreement",
+        "slugHelp": "Lowercase letters, numbers, and hyphens only",
+        "projectTypeLabel": "Project Type",
+        "projectTypePlaceholder": "Select project type (optional)",
+        "projectTypeNone": "None (General)",
+        "descriptionLabel": "Description",
+        "descriptionPlaceholder": "Internal description of the agreement's scope or purpose",
+        "defaultToggleLabel": "Default template for this project type",
+        "defaultToggleHelp": "Automatically pre-selected when composing contracts for this project type",
+        "clauseEditorTitle": "Contract Clauses",
+        "clauseEditorHelp": "Click any merge token below to insert it at your cursor position.",
+        "tabEnglish": "English Clauses (en)",
+        "tabGerman": "German Clauses (de)",
+        "contentEnLabel": "English Contract Clauses",
+        "contentEnPlaceholder": "Enter contract agreement clauses in English (Markdown supported)...",
+        "contentDeLabel": "German Contract Clauses",
+        "contentDePlaceholder": "Vertragsklauseln auf Deutsch eingeben (Markdown wird unterstützt)...",
+        "tokenInsertedAnnouncement": "Token {token} inserted",
+        "tokenPaletteTitle": "Insert Merge Tokens",
+        "previewTitle": "Live Merge Preview",
+        "previewBadge": "Sample Data Preview",
+        "previewEmpty": "No contract clauses entered yet. Type clauses above to see a live preview interpolated with sample commission data.",
+        "saveButton": "Save Template",
+        "savingButton": "Saving...",
+        "cancelButton": "Cancel",
+        "errors": {
+          "nameRequired": "Template name is required",
+          "nameTooLong": "Template name must not exceed 150 characters",
+          "slugRequired": "Slug is required",
+          "slugInvalid": "Slug must consist of lowercase alphanumeric words separated by single hyphens",
+          "slugTooLong": "Slug must not exceed 100 characters",
+          "descriptionTooLong": "Description must not exceed 1,000 characters",
+          "contentEnRequired": "English contract clauses are required",
+          "contentDeRequired": "German contract clauses are required"
+        }
+      },
+      "signing": {
+        "title": "Studio Signatory & Countersignature Profile",
+        "description": "Configure the studio's legal signatory, official business title, physical contact address, and countersignature workflow.",
+        "signatorySectionTitle": "Legal Signatory Profile",
+        "signatoryNameLabel": "Signatory Legal Name",
+        "signatoryNamePlaceholder": "e.g. Elena Rostova",
+        "signatoryNameHelp": "Full legal name displayed on contracts and electronic signature blocks",
+        "signatoryTitleLabel": "Professional Title / Role",
+        "signatoryTitlePlaceholder": "e.g. Studio Owner & Lead Photographer",
+        "signatoryTitleHelp": "Statutory role shown under studio signature line",
+        "modeSectionTitle": "Countersignature Mode",
+        "modeSectionHelp": "Choose how the studio countersigns contracts when issuing them to clients.",
+        "modes": {
+          "preSigned": {
+            "label": "Automatic (Pre-signed)",
+            "description": "Studio countersignature is automatically applied when the contract is issued or signed by the client."
+          },
+          "explicit": {
+            "label": "Explicit (Manual Countersignature)",
+            "description": "Studio owner must manually sign after the client has signed to finalize execution."
+          }
+        },
+        "addressSectionTitle": "Studio Business Address & Statutory Contact",
+        "addressSectionHelp": "Physical studio premises and contact information rendered in contract legal notices (BGB § 126b, DDG § 5).",
+        "addressLine1Label": "Street Address Line 1",
+        "addressLine1Placeholder": "e.g. Kastanienallee 71",
+        "addressLine2Label": "Street Address Line 2",
+        "addressLine2Placeholder": "e.g. Studio 4B (Optional)",
+        "postalCodeLabel": "Postal Code",
+        "postalCodePlaceholder": "e.g. 10435",
+        "cityLabel": "City",
+        "cityPlaceholder": "e.g. Berlin",
+        "countryCodeLabel": "Country Code (ISO 3166-1 alpha-2)",
+        "countryCodePlaceholder": "DE",
+        "phoneLabel": "Studio Telephone",
+        "phonePlaceholder": "e.g. +49 30 12345678",
+        "emailLabel": "Studio Official Email",
+        "emailPlaceholder": "e.g. studio@example.com",
+        "saveButton": "Save Signing Settings",
+        "savingButton": "Saving...",
+        "successNotification": "Studio signing settings updated successfully.",
+        "errors": {
+          "signatoryNameTooLong": "Signatory name must not exceed 200 characters",
+          "signatoryTitleTooLong": "Signatory title must not exceed 100 characters",
+          "countryCodeInvalid": "Country code must be exactly 2 characters (e.g. DE)",
+          "emailInvalid": "Please enter a valid email address"
+        }
+      },
+      "tokens": {
+        "categories": {
+          "client": "Client Information",
+          "project": "Project & Commission",
+          "shoot": "Event & Shoot Logistics",
+          "package": "Package & Pricing",
+          "studio": "Studio & Legal Entity",
+          "contract": "Contract Metadata"
+        },
+        "client": {
+          "name": "Full Client Name",
+          "company": "Client Company Name",
+          "email": "Client Email Address",
+          "phone": "Client Phone Number",
+          "address": "Client Street Address",
+          "city": "Client City",
+          "postal_code": "Client Postal Code",
+          "country": "Client Country"
+        },
+        "project": {
+          "title": "Project Title",
+          "type": "Project Type",
+          "price": "Project Price",
+          "currency": "Currency",
+          "notes": "Project Scope Notes"
+        },
+        "shoot": {
+          "date": "Shoot / Event Date",
+          "time": "Shoot Start & End Time",
+          "timezone": "Timezone",
+          "location": "Shoot Location / Venue",
+          "address": "Venue Physical Address"
+        },
+        "package": {
+          "name": "Service Package Name",
+          "deliverables": "Included Deliverables Summary",
+          "total": "Package Total Price (incl. Tax)",
+          "subtotal": "Package Net Subtotal",
+          "tax": "Applicable VAT / Tax Amount",
+          "addons": "Selected Add-ons Summary"
+        },
+        "studio": {
+          "name": "Studio Business Name",
+          "owner_name": "Studio Owner Name",
+          "email": "Studio Official Email",
+          "phone": "Studio Telephone",
+          "address": "Studio Physical Address",
+          "tax_number": "Studio Tax Number (Steuernummer)",
+          "vat_id": "Studio VAT ID (USt-IdNr.)"
+        },
+        "contract": {
+          "number": "Contract Number (CTR-YYYY-NNNN)",
+          "issue_date": "Contract Issue Date",
+          "valid_until": "Contract Validity Expiry Date"
+        }
+      }
     }
   },
   "clients": {
diff --git a/src/app/[locale]/settings/contracts/page.tsx b/src/app/[locale]/settings/contracts/page.tsx
new file mode 100644
index 0000000..7e5ef78
--- /dev/null
+++ b/src/app/[locale]/settings/contracts/page.tsx
@@ -0,0 +1,32 @@
+import { redirect } from 'next/navigation';
+import { requireOwner } from '@/server/auth/guards';
+import { listContractTemplates } from '@/server/contracts/template-repo';
+import { getStudioSigningProfile } from '@/server/studio/signing-settings';
+import { SettingsNav } from '@/components/settings/settings-nav';
+import { ContractsSettingsView } from '@/components/settings/contracts-settings-view';
+
+export default async function ContractsSettingsPage({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
+
+  try {
+    await requireOwner();
+  } catch {
+    redirect(`/${locale}/sign-in?callbackUrl=/${locale}/settings/contracts`);
+  }
+
+  const [templates, signingProfile] = await Promise.all([
+    listContractTemplates(),
+    getStudioSigningProfile(),
+  ]);
+
+  return (
+    <div className="container mx-auto px-4 py-6">
+      <SettingsNav />
+      <ContractsSettingsView initialTemplates={templates} initialSigningSettings={signingProfile} />
+    </div>
+  );
+}
diff --git a/src/app/[locale]/settings/page.tsx b/src/app/[locale]/settings/page.tsx
index ce59ebf..ab5c8f2 100644
--- a/src/app/[locale]/settings/page.tsx
+++ b/src/app/[locale]/settings/page.tsx
@@ -1,6 +1,14 @@
 import { useTranslations } from 'next-intl';
 import { Link } from '@/i18n/navigation';
-import { Shield, Cloud, ClipboardList, CalendarClock, CalendarSync, Package } from 'lucide-react';
+import {
+  Shield,
+  Cloud,
+  ClipboardList,
+  CalendarClock,
+  CalendarSync,
+  Package,
+  FileText,
+} from 'lucide-react';
 
 export default function SettingsPage() {
   const t = useTranslations('pages.settings');
@@ -9,6 +17,7 @@ export default function SettingsPage() {
   const tInq = useTranslations('settings.inquiryForms');
   const tAvail = useTranslations('settings.availability');
   const tPkg = useTranslations('settings.packages');
+  const tContract = useTranslations('settings.contracts');
 
   return (
     <div className="space-y-6">
@@ -35,6 +44,25 @@ export default function SettingsPage() {
             </Link>
           </div>
         </div>
+
+        <div className="rounded-lg border bg-card p-6 text-card-foreground shadow-sm space-y-4">
+          <div className="flex items-center gap-3">
+            <FileText className="h-6 w-6 text-primary shrink-0" aria-hidden="true" />
+            <div>
+              <h2 className="text-lg font-semibold">{tContract('title')}</h2>
+              <p className="text-sm text-muted-foreground">{tContract('description')}</p>
+            </div>
+          </div>
+          <div>
+            <Link
+              href="/settings/contracts"
+              data-testid="settings-card-contracts"
+              className="inline-flex items-center justify-center rounded-md text-sm font-medium bg-primary text-primary-foreground hover:bg-primary/90 min-h-[36px] py-2 px-4 shadow-sm"
+            >
+              {tContract('manage')}
+            </Link>
+          </div>
+        </div>
         <div className="rounded-lg border bg-card p-6 text-card-foreground shadow-sm space-y-4">
           <div className="flex items-center gap-3">
             <CalendarClock className="h-6 w-6 text-primary shrink-0" aria-hidden="true" />
diff --git a/src/components/settings/contract-template-modal.tsx b/src/components/settings/contract-template-modal.tsx
new file mode 100644
index 0000000..7439c6f
--- /dev/null
+++ b/src/components/settings/contract-template-modal.tsx
@@ -0,0 +1,480 @@
+'use client';
+
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Sparkles } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import {
+  createContractTemplateModalController,
+  createModalDialogHandlers,
+  initialTemplateFormData,
+  interpolateContractPreview,
+  TOKEN_CATEGORIES,
+  SAMPLE_COMMISSION_DATA,
+  SAMPLE_COMMISSION_DATA_DE,
+  type ContractTemplateFormData,
+  type ContractTemplateFormErrors,
+} from './contracts-helpers';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+
+export interface ContractTemplateModalProps {
+  template: ContractTemplate | null;
+  isOpen: boolean;
+  isSubmitting: boolean;
+  triggerRef?: React.RefObject<HTMLButtonElement | null>;
+  isDuplicate?: boolean;
+  initialErrors?: ContractTemplateFormErrors;
+  initialClauseTab?: 'en' | 'de';
+  onClose: () => void;
+  onSave: (payload: ContractTemplateFormData) => Promise<boolean>;
+}
+
+const PROJECT_TYPE_OPTIONS = [
+  { value: '', labelKey: 'modal.projectTypeNone' },
+  { value: 'wedding', labelKey: 'list.projectTypes.wedding' },
+  { value: 'portrait', labelKey: 'list.projectTypes.portrait' },
+  { value: 'commercial', labelKey: 'list.projectTypes.commercial' },
+  { value: 'event', labelKey: 'list.projectTypes.event' },
+  { value: 'video', labelKey: 'list.projectTypes.video' },
+  { value: 'engagement', labelKey: 'list.projectTypes.engagement' },
+  { value: 'editorial', labelKey: 'list.projectTypes.editorial' },
+];
+
+interface ContractTemplateModalFormProps {
+  template: ContractTemplate | null;
+  isSubmitting: boolean;
+  isDuplicate: boolean;
+  initialErrors?: ContractTemplateFormErrors;
+  initialClauseTab?: 'en' | 'de';
+  onClose: () => void;
+  onSave: (payload: ContractTemplateFormData) => Promise<boolean>;
+}
+
+function ContractTemplateModalForm({
+  template,
+  isSubmitting,
+  isDuplicate,
+  initialErrors,
+  initialClauseTab = 'en',
+  onClose,
+  onSave,
+}: ContractTemplateModalFormProps) {
+  const t = useTranslations('settings.contracts');
+
+  const [formData, setFormData] = React.useState<ContractTemplateFormData>(() =>
+    initialTemplateFormData(template, isDuplicate),
+  );
+  const [errors, setErrors] = React.useState<ContractTemplateFormErrors>(initialErrors ?? {});
+  const [activeClauseTab, setActiveClauseTab] = React.useState<'en' | 'de'>(initialClauseTab);
+  const [announcement, setAnnouncement] = React.useState('');
+
+  const controller = createContractTemplateModalController({
+    formData,
+    setFormData,
+    setErrors,
+    activeClauseTab,
+    setActiveClauseTab,
+    setLiveAnnouncement: setAnnouncement,
+    onClose,
+    onSave,
+    t,
+  });
+
+  const activeText = activeClauseTab === 'en' ? formData.contentEn : formData.contentDe;
+  const sampleData = activeClauseTab === 'de' ? SAMPLE_COMMISSION_DATA_DE : SAMPLE_COMMISSION_DATA;
+  const previewText = interpolateContractPreview(activeText, sampleData);
+
+  const modalTitle = isDuplicate
+    ? t('modal.duplicateTitle')
+    : template
+      ? t('modal.editTitle')
+      : t('modal.createTitle');
+
+  return (
+    <>
+      <DialogHeader>
+        <DialogTitle className="text-xl font-bold">{modalTitle}</DialogTitle>
+        <DialogDescription className="text-sm text-muted-foreground">
+          {t('modal.description')}
+        </DialogDescription>
+      </DialogHeader>
+
+      {/* Screen Reader Live Region for Token Insertion */}
+      <div
+        aria-live="polite"
+        aria-atomic="true"
+        className="sr-only"
+        data-testid="token-announcement"
+      >
+        {announcement}
+      </div>
+
+      <form onSubmit={controller.handleSubmit} className="space-y-6 mt-2">
+        {/* Top Metadata Fields */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+          {/* Name */}
+          <div>
+            <label
+              htmlFor="template-name-input"
+              className="block text-sm font-medium text-foreground mb-1"
+            >
+              {t('modal.nameLabel')} <span className="text-destructive">*</span>
+            </label>
+            <input
+              id="template-name-input"
+              type="text"
+              required
+              data-testid="contract-template-name-input"
+              value={formData.name}
+              onChange={controller.handleNameChange}
+              placeholder={t('modal.namePlaceholder')}
+              aria-invalid={Boolean(errors.name)}
+              aria-describedby={errors.name ? 'template-name-error' : undefined}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+            />
+            {errors.name && (
+              <p id="template-name-error" role="alert" className="text-xs text-destructive mt-1">
+                {errors.name}
+              </p>
+            )}
+          </div>
+
+          {/* Slug */}
+          <div>
+            <label
+              htmlFor="template-slug-input"
+              className="block text-sm font-medium text-foreground mb-1"
+            >
+              {t('modal.slugLabel')} <span className="text-destructive">*</span>
+            </label>
+            <input
+              id="template-slug-input"
+              type="text"
+              required
+              data-testid="contract-template-slug-input"
+              value={formData.slug}
+              onChange={controller.handleSlugChange}
+              placeholder={t('modal.slugPlaceholder')}
+              aria-invalid={Boolean(errors.slug)}
+              aria-describedby={errors.slug ? 'template-slug-error' : 'template-slug-help'}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+            />
+            {errors.slug ? (
+              <p id="template-slug-error" role="alert" className="text-xs text-destructive mt-1">
+                {errors.slug}
+              </p>
+            ) : (
+              <p id="template-slug-help" className="text-xs text-muted-foreground mt-1">
+                {t('modal.slugHelp')}
+              </p>
+            )}
+          </div>
+
+          {/* Project Type */}
+          <div>
+            <label
+              htmlFor="template-project-type-select"
+              className="block text-sm font-medium text-foreground mb-1"
+            >
+              {t('modal.projectTypeLabel')}
+            </label>
+            <select
+              id="template-project-type-select"
+              data-testid="contract-template-project-type-select"
+              value={formData.projectTypeKey}
+              onChange={controller.handleProjectTypeChange}
+              className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+            >
+              {PROJECT_TYPE_OPTIONS.map((opt) => (
+                <option key={opt.value} value={opt.value}>
+                  {t(opt.labelKey)}
+                </option>
+              ))}
+            </select>
+          </div>
+
+          {/* Default template toggle */}
+          <div className="flex items-center space-x-3 pt-6">
+            <input
+              type="checkbox"
+              id="template-default-toggle"
+              data-testid="contract-template-default-toggle"
+              checked={formData.isDefault}
+              onChange={controller.handleDefaultChange}
+              className="h-4 w-4 rounded border-input text-primary focus-visible:ring-2 focus-visible:ring-ring"
+            />
+            <label
+              htmlFor="template-default-toggle"
+              className="text-sm font-medium text-foreground cursor-pointer select-none"
+            >
+              {t('modal.defaultToggleLabel')}
+            </label>
+          </div>
+        </div>
+
+        {/* Description */}
+        <div>
+          <label
+            htmlFor="template-description-input"
+            className="block text-sm font-medium text-foreground mb-1"
+          >
+            {t('modal.descriptionLabel')}
+          </label>
+          <input
+            id="template-description-input"
+            type="text"
+            data-testid="contract-template-description-input"
+            value={formData.description}
+            onChange={controller.handleDescriptionChange}
+            placeholder={t('modal.descriptionPlaceholder')}
+            aria-invalid={Boolean(errors.description)}
+            aria-describedby={errors.description ? 'template-desc-error' : undefined}
+            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+          />
+          {errors.description && (
+            <p id="template-desc-error" role="alert" className="text-xs text-destructive mt-1">
+              {errors.description}
+            </p>
+          )}
+        </div>
+
+        {/* Bilingual Clause Editor and Live Preview */}
+        <div className="space-y-4 border-t pt-4">
+          <div>
+            <h3 className="text-base font-semibold text-foreground">
+              {t('modal.clauseEditorTitle')}
+            </h3>
+            <p className="text-xs text-muted-foreground">{t('modal.clauseEditorHelp')}</p>
+          </div>
+
+          {/* Language Switcher Tabs */}
+          <div
+            role="tablist"
+            aria-label={t('modal.clauseEditorTitle')}
+            className="flex border-b border-border space-x-2"
+          >
+            <button
+              type="button"
+              id="clause-tab-en"
+              role="tab"
+              aria-selected={activeClauseTab === 'en'}
+              aria-controls="clause-panel-en"
+              tabIndex={activeClauseTab === 'en' ? 0 : -1}
+              data-testid="tab-clause-en"
+              onClick={controller.handleSelectEnClauseTab}
+              className={cn(
+                'px-3 py-2 text-sm font-medium border-b-2 transition-colors min-h-[36px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+                activeClauseTab === 'en'
+                  ? 'border-primary text-primary font-semibold'
+                  : 'border-transparent text-muted-foreground hover:text-foreground',
+              )}
+            >
+              {t('modal.tabEnglish')}
+            </button>
+            <button
+              type="button"
+              id="clause-tab-de"
+              role="tab"
+              aria-selected={activeClauseTab === 'de'}
+              aria-controls="clause-panel-de"
+              tabIndex={activeClauseTab === 'de' ? 0 : -1}
+              data-testid="tab-clause-de"
+              onClick={controller.handleSelectDeClauseTab}
+              className={cn(
+                'px-3 py-2 text-sm font-medium border-b-2 transition-colors min-h-[36px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+                activeClauseTab === 'de'
+                  ? 'border-primary text-primary font-semibold'
+                  : 'border-transparent text-muted-foreground hover:text-foreground',
+              )}
+            >
+              {t('modal.tabGerman')}
+            </button>
+          </div>
+
+          {/* Side-by-side or stacked editor and live preview */}
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
+            {/* Textarea Editor */}
+            <div className="space-y-2">
+              {activeClauseTab === 'en' ? (
+                <div id="clause-panel-en" role="tabpanel" aria-labelledby="clause-tab-en">
+                  <label
+                    htmlFor="content-en-textarea"
+                    className="block text-xs font-medium text-muted-foreground mb-1"
+                  >
+                    {t('modal.contentEnLabel')} <span className="text-destructive">*</span>
+                  </label>
+                  <textarea
+                    id="content-en-textarea"
+                    required
+                    rows={12}
+                    data-testid="contract-template-content-en-input"
+                    value={formData.contentEn}
+                    onChange={controller.handleContentEnChange}
+                    placeholder={t('modal.contentEnPlaceholder')}
+                    aria-invalid={Boolean(errors.contentEn)}
+                    aria-describedby={errors.contentEn ? 'content-en-error' : undefined}
+                    className="w-full font-mono text-xs sm:text-sm rounded-md border border-input bg-background p-3 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring leading-relaxed"
+                  />
+                  {errors.contentEn && (
+                    <p id="content-en-error" role="alert" className="text-xs text-destructive mt-1">
+                      {errors.contentEn}
+                    </p>
+                  )}
+                </div>
+              ) : (
+                <div id="clause-panel-de" role="tabpanel" aria-labelledby="clause-tab-de">
+                  <label
+                    htmlFor="content-de-textarea"
+                    className="block text-xs font-medium text-muted-foreground mb-1"
+                  >
+                    {t('modal.contentDeLabel')} <span className="text-destructive">*</span>
+                  </label>
+                  <textarea
+                    id="content-de-textarea"
+                    required
+                    rows={12}
+                    data-testid="contract-template-content-de-input"
+                    value={formData.contentDe}
+                    onChange={controller.handleContentDeChange}
+                    placeholder={t('modal.contentDePlaceholder')}
+                    aria-invalid={Boolean(errors.contentDe)}
+                    aria-describedby={errors.contentDe ? 'content-de-error' : undefined}
+                    className="w-full font-mono text-xs sm:text-sm rounded-md border border-input bg-background p-3 text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring leading-relaxed"
+                  />
+                  {errors.contentDe && (
+                    <p id="content-de-error" role="alert" className="text-xs text-destructive mt-1">
+                      {errors.contentDe}
+                    </p>
+                  )}
+                </div>
+              )}
+            </div>
+
+            {/* Embedded MergeFieldPreviewCard */}
+            <div
+              data-testid="merge-field-preview-card"
+              className="flex flex-col rounded-md border bg-muted/30 p-3 sm:p-4 space-y-2 h-full"
+            >
+              <div className="flex items-center justify-between pb-2 border-b">
+                <div className="flex items-center gap-1.5 text-xs font-semibold text-foreground">
+                  <Sparkles className="h-3.5 w-3.5 text-primary" aria-hidden="true" />
+                  <span>{t('modal.previewTitle')}</span>
+                </div>
+                <span className="inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider bg-secondary text-secondary-foreground border border-border">
+                  {t('modal.previewBadge')}
+                </span>
+              </div>
+              <div className="flex-1 overflow-y-auto max-h-[300px] text-xs sm:text-sm whitespace-pre-wrap font-sans text-foreground leading-relaxed">
+                {previewText ? (
+                  previewText
+                ) : (
+                  <span className="text-muted-foreground italic text-xs">
+                    {t('modal.previewEmpty')}
+                  </span>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* Merge Token Palette */}
+          <div data-testid="token-palette" className="space-y-2 pt-2 border-t">
+            <span className="block text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+              {t('modal.tokenPaletteTitle')}
+            </span>
+            <div className="space-y-3">
+              {TOKEN_CATEGORIES.map((cat) => (
+                <div key={cat.id} className="space-y-1">
+                  <span className="block text-[11px] font-medium text-muted-foreground">
+                    {t(cat.nameKey)}
+                  </span>
+                  <div className="flex flex-wrap gap-1.5">
+                    {cat.tokens.map((tokenItem) => (
+                      <button
+                        key={tokenItem.token}
+                        type="button"
+                        data-testid={`token-chip-${tokenItem.token.replace('.', '-')}`}
+                        data-token={tokenItem.token}
+                        onClick={controller.handleTokenButtonClick}
+                        className="inline-flex items-center rounded-md border border-input bg-background/80 hover:bg-secondary px-2 py-1 text-xs font-mono text-foreground transition-colors hover:text-secondary-foreground shadow-2xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[28px]"
+                      >
+                        {tokenItem.chipText}
+                      </button>
+                    ))}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        {/* Form Actions Footer */}
+        <DialogFooter className="flex flex-col-reverse sm:flex-row items-stretch sm:items-center justify-end gap-2 pt-4 border-t">
+          <Button
+            type="button"
+            variant="outline"
+            data-testid="template-modal-cancel-btn"
+            onClick={onClose}
+            disabled={isSubmitting}
+            className="w-full sm:w-auto"
+          >
+            {t('modal.cancelButton')}
+          </Button>
+          <Button
+            type="submit"
+            data-testid="save-template-btn"
+            disabled={isSubmitting}
+            className="w-full sm:w-auto bg-primary text-primary-foreground shadow-sm"
+          >
+            {isSubmitting ? t('modal.savingButton') : t('modal.saveButton')}
+          </Button>
+        </DialogFooter>
+      </form>
+    </>
+  );
+}
+
+export function ContractTemplateModal({
+  template,
+  isOpen,
+  isSubmitting,
+  triggerRef,
+  isDuplicate = false,
+  initialErrors,
+  initialClauseTab,
+  onClose,
+  onSave,
+}: ContractTemplateModalProps) {
+  const dialogHandlers = createModalDialogHandlers(onClose, triggerRef);
+
+  return (
+    <Dialog open={isOpen} onOpenChange={dialogHandlers.onOpenChange}>
+      <DialogContent
+        data-testid="contract-template-modal"
+        className="max-w-4xl max-h-[92vh] overflow-y-auto p-4 sm:p-6"
+        onCloseAutoFocus={dialogHandlers.onCloseAutoFocus}
+      >
+        {isOpen && (
+          <ContractTemplateModalForm
+            key={`${template?.id ?? 'new'}-${isDuplicate ? 'dup' : 'edit'}`}
+            template={template}
+            isSubmitting={isSubmitting}
+            isDuplicate={isDuplicate}
+            initialErrors={initialErrors}
+            initialClauseTab={initialClauseTab}
+            onClose={onClose}
+            onSave={onSave}
+          />
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/settings/contract-templates-list.tsx b/src/components/settings/contract-templates-list.tsx
new file mode 100644
index 0000000..3c84056
--- /dev/null
+++ b/src/components/settings/contract-templates-list.tsx
@@ -0,0 +1,391 @@
+'use client';
+
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from '@/components/ui/dialog';
+import { Plus, Pencil, Copy, Archive, RotateCcw, Search, FileCheck2 } from 'lucide-react';
+import {
+  filterContractTemplates,
+  createContractTemplatesListController,
+  getProjectTypeLabelKey,
+} from './contracts-helpers';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+
+export interface ContractTemplatesListProps {
+  templates: ContractTemplate[];
+  onNewTemplate: () => void;
+  onEditTemplate: (template: ContractTemplate) => void;
+  onDuplicateTemplate: (template: ContractTemplate) => void;
+  onArchiveTemplate: (template: ContractTemplate) => Promise<boolean>;
+  onRestoreTemplate: (template: ContractTemplate) => Promise<boolean>;
+  initialProjectTypeKey?: string;
+  initialShowArchived?: boolean;
+  initialSearchQuery?: string;
+  initialTemplateToArchive?: ContractTemplate | null;
+}
+
+const PROJECT_TYPE_FILTER_OPTIONS = [
+  { value: '', labelKey: 'list.filterAll' },
+  { value: 'wedding', labelKey: 'list.projectTypes.wedding' },
+  { value: 'portrait', labelKey: 'list.projectTypes.portrait' },
+  { value: 'commercial', labelKey: 'list.projectTypes.commercial' },
+  { value: 'event', labelKey: 'list.projectTypes.event' },
+  { value: 'video', labelKey: 'list.projectTypes.video' },
+  { value: 'engagement', labelKey: 'list.projectTypes.engagement' },
+  { value: 'editorial', labelKey: 'list.projectTypes.editorial' },
+] as const;
+
+export function ContractTemplatesList({
+  templates,
+  onNewTemplate,
+  onEditTemplate,
+  onDuplicateTemplate,
+  onArchiveTemplate,
+  onRestoreTemplate,
+  initialProjectTypeKey = '',
+  initialShowArchived = false,
+  initialSearchQuery = '',
+  initialTemplateToArchive = null,
+}: ContractTemplatesListProps) {
+  const t = useTranslations('settings.contracts');
+
+  const [projectTypeKey, setProjectTypeKey] = React.useState(initialProjectTypeKey);
+  const [showArchived, setShowArchived] = React.useState(initialShowArchived);
+  const [searchQuery, setSearchQuery] = React.useState(initialSearchQuery);
+
+  // Archive confirmation modal state
+  const [templateToArchive, setTemplateToArchive] = React.useState<ContractTemplate | null>(
+    initialTemplateToArchive,
+  );
+  const [isArchiving, setIsArchiving] = React.useState(false);
+
+  const controller = createContractTemplatesListController({
+    templates,
+    onEditTemplate,
+    onDuplicateTemplate,
+    setProjectTypeKey,
+    setSearchQuery,
+    showArchived,
+    setShowArchived,
+    templateToArchive,
+    setTemplateToArchive,
+    setIsArchiving,
+    onArchiveTemplate,
+    onRestoreTemplate,
+  });
+
+  const archivedCount = templates.filter((t) => !t.isActive).length;
+
+  const filtered = filterContractTemplates(templates, {
+    projectTypeKey,
+    showArchived,
+    searchQuery,
+  });
+
+  return (
+    <div className="space-y-6" data-testid="contract-templates-list-container">
+      {/* List Header & Action Button */}
+      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+        <div>
+          <h2 className="text-lg font-semibold tracking-tight text-foreground">
+            {t('list.title')}
+          </h2>
+          <p className="text-sm text-muted-foreground">{t('list.description')}</p>
+        </div>
+        <Button
+          type="button"
+          onClick={onNewTemplate}
+          data-testid="create-template-button"
+          className="inline-flex items-center gap-2 bg-primary text-primary-foreground min-h-[38px] w-full sm:w-auto shadow-sm"
+        >
+          <Plus className="h-4 w-4" aria-hidden="true" />
+          <span>{t('list.createButton')}</span>
+        </Button>
+      </div>
+
+      {/* Filter and Search Bar */}
+      <div className="flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3 bg-muted/20 p-3 rounded-lg border">
+        <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-2.5 flex-1">
+          {/* Project Type Filter */}
+          <div className="relative min-w-[180px]">
+            <select
+              aria-label={t('list.filterByType')}
+              data-testid="template-project-type-filter"
+              value={projectTypeKey}
+              onChange={controller.handleProjectTypeChange}
+              className="w-full rounded-md border border-input bg-background px-3 py-1.5 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[36px]"
+            >
+              {PROJECT_TYPE_FILTER_OPTIONS.map((opt) => (
+                <option key={opt.value} value={opt.value}>
+                  {t(opt.labelKey)}
+                </option>
+              ))}
+            </select>
+          </div>
+
+          {/* Search Input */}
+          <div className="relative flex-1 max-w-sm">
+            <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground pointer-events-none" />
+            <input
+              type="text"
+              aria-label={t('list.filterSearchPlaceholder')}
+              data-testid="template-search-input"
+              value={searchQuery}
+              onChange={controller.handleSearchChange}
+              placeholder={t('list.filterSearchPlaceholder')}
+              className="w-full rounded-md border border-input bg-background pl-8 pr-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[36px]"
+            />
+          </div>
+        </div>
+
+        {/* Toggle Archived */}
+        <div>
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            data-testid="toggle-archived-templates-btn"
+            onClick={controller.handleToggleArchived}
+            className="w-full sm:w-auto min-h-[36px]"
+          >
+            {showArchived
+              ? t('list.hideArchived')
+              : t('list.showArchived', { count: archivedCount })}
+          </Button>
+        </div>
+      </div>
+
+      {/* Templates List Table / Cards */}
+      {filtered.length === 0 ? (
+        <div
+          data-testid="templates-empty-state"
+          className="rounded-lg border border-dashed p-8 text-center bg-card text-card-foreground"
+        >
+          <FileCheck2 className="mx-auto h-10 w-10 text-muted-foreground/60 mb-3" />
+          <p className="text-sm text-muted-foreground max-w-md mx-auto">
+            {showArchived ? t('list.emptyArchived') : t('list.emptyActive')}
+          </p>
+        </div>
+      ) : (
+        <div className="overflow-x-auto rounded-lg border bg-card text-card-foreground shadow-xs">
+          <table className="w-full text-left text-sm">
+            <thead className="bg-muted/50 border-b text-xs font-semibold uppercase text-muted-foreground">
+              <tr>
+                <th scope="col" className="px-4 py-3">
+                  {t('list.table.name')}
+                </th>
+                <th scope="col" className="px-4 py-3 hidden sm:table-cell">
+                  {t('list.table.slug')}
+                </th>
+                <th scope="col" className="px-4 py-3">
+                  {t('list.table.projectType')}
+                </th>
+                <th scope="col" className="px-4 py-3">
+                  {t('list.table.status')}
+                </th>
+                <th scope="col" className="px-4 py-3 text-right">
+                  {t('list.table.actions')}
+                </th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-border">
+              {filtered.map((item) => (
+                <tr
+                  key={item.id}
+                  data-testid={`contract-template-row-${item.slug}`}
+                  className="hover:bg-muted/30 transition-colors"
+                >
+                  {/* Name & Description & Default Badge */}
+                  <td className="px-4 py-3.5">
+                    <div className="flex items-center gap-2 flex-wrap">
+                      <span
+                        data-testid={`template-name-${item.slug}`}
+                        className="font-medium text-foreground"
+                      >
+                        {item.name}
+                      </span>
+                      {item.isDefault && (
+                        <span
+                          data-testid={`template-default-badge-${item.slug}`}
+                          className="inline-flex items-center rounded px-1.5 py-0.5 text-[11px] font-semibold bg-primary/10 text-primary border border-primary/20"
+                        >
+                          {t('list.defaultBadge')}
+                        </span>
+                      )}
+                    </div>
+                    {item.description && (
+                      <p className="text-xs text-muted-foreground mt-0.5 line-clamp-1 max-w-md">
+                        {item.description}
+                      </p>
+                    )}
+                  </td>
+
+                  {/* Slug */}
+                  <td className="px-4 py-3.5 hidden sm:table-cell">
+                    <code
+                      data-testid={`template-slug-${item.slug}`}
+                      className="text-xs font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded"
+                    >
+                      {item.slug}
+                    </code>
+                  </td>
+
+                  {/* Project Type */}
+                  <td className="px-4 py-3.5">
+                    <span
+                      data-testid={`template-type-${item.slug}`}
+                      className="inline-flex items-center rounded-md border border-input px-2 py-0.5 text-xs capitalize text-foreground bg-background"
+                    >
+                      {t(getProjectTypeLabelKey(item.projectTypeKey))}
+                    </span>
+                  </td>
+
+                  {/* Status */}
+                  <td className="px-4 py-3.5">
+                    {item.isActive ? (
+                      <span
+                        data-testid={`template-active-badge-${item.slug}`}
+                        className="inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium bg-emerald-500/10 text-emerald-700 dark:text-emerald-400 border border-emerald-500/20"
+                      >
+                        {t('list.activeBadge')}
+                      </span>
+                    ) : (
+                      <span
+                        data-testid={`template-archived-badge-${item.slug}`}
+                        className="inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium text-muted-foreground border border-muted"
+                      >
+                        {t('list.archivedBadge')}
+                      </span>
+                    )}
+                  </td>
+
+                  {/* Quick Actions */}
+                  <td className="px-4 py-3.5 text-right whitespace-nowrap">
+                    <div className="flex items-center justify-end gap-1">
+                      {/* Edit */}
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        data-testid={`edit-template-${item.slug}`}
+                        data-slug={item.slug}
+                        onClick={controller.handleEditRowClick}
+                        className="h-8 px-2 text-foreground hover:bg-muted"
+                      >
+                        <Pencil className="h-3.5 w-3.5 mr-1" aria-hidden="true" />
+                        <span className="sr-only md:not-sr-only md:inline">
+                          {t('list.editAction')}
+                        </span>
+                      </Button>
+
+                      {/* Duplicate */}
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        size="sm"
+                        data-testid={`duplicate-template-${item.slug}`}
+                        data-slug={item.slug}
+                        onClick={controller.handleDuplicateRowClick}
+                        className="h-8 px-2 text-foreground hover:bg-muted"
+                      >
+                        <Copy className="h-3.5 w-3.5 mr-1" aria-hidden="true" />
+                        <span className="sr-only md:not-sr-only md:inline">
+                          {t('list.duplicateAction')}
+                        </span>
+                      </Button>
+
+                      {/* Archive / Restore */}
+                      {item.isActive ? (
+                        <Button
+                          type="button"
+                          variant="ghost"
+                          size="sm"
+                          data-testid={`archive-template-${item.slug}`}
+                          data-slug={item.slug}
+                          onClick={controller.handleArchiveRowClick}
+                          className="h-8 px-2 text-red-600 dark:text-red-400 hover:bg-destructive/10"
+                        >
+                          <Archive className="h-3.5 w-3.5 mr-1" aria-hidden="true" />
+                          <span className="sr-only md:not-sr-only md:inline">
+                            {t('list.archiveAction')}
+                          </span>
+                        </Button>
+                      ) : (
+                        <Button
+                          type="button"
+                          variant="ghost"
+                          size="sm"
+                          data-testid={`restore-template-${item.slug}`}
+                          data-slug={item.slug}
+                          onClick={controller.handleRestoreRowClick}
+                          className="h-8 px-2 text-primary hover:bg-primary/10"
+                        >
+                          <RotateCcw className="h-3.5 w-3.5 mr-1" aria-hidden="true" />
+                          <span className="sr-only md:not-sr-only md:inline">
+                            {t('list.restoreAction')}
+                          </span>
+                        </Button>
+                      )}
+                    </div>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+
+      {/* Archive Confirmation Dialog */}
+      <Dialog
+        open={Boolean(templateToArchive)}
+        onOpenChange={controller.handleArchiveDialogOpenChange}
+      >
+        <DialogContent
+          data-testid="contract-template-archive-dialog"
+          className="max-w-md p-4 sm:p-6"
+          onCloseAutoFocus={controller.handleArchiveDialogCloseAutoFocus}
+        >
+          <DialogHeader>
+            <DialogTitle className="text-lg font-bold">{t('list.archiveDialog.title')}</DialogTitle>
+            <DialogDescription className="text-sm text-muted-foreground mt-2">
+              {t('list.archiveDialog.description', {
+                name: templateToArchive?.name ?? '',
+              })}
+            </DialogDescription>
+          </DialogHeader>
+
+          <DialogFooter className="flex flex-col-reverse sm:flex-row items-stretch sm:items-center justify-end gap-2 pt-4 border-t mt-4">
+            <Button
+              type="button"
+              variant="outline"
+              data-testid="cancel-archive-btn"
+              onClick={controller.handleCloseArchiveDialog}
+              disabled={isArchiving}
+              className="w-full sm:w-auto"
+            >
+              {t('list.archiveDialog.cancelButton')}
+            </Button>
+            <Button
+              type="button"
+              variant="destructive"
+              data-testid="confirm-archive-btn"
+              onClick={controller.handleConfirmArchiveClick}
+              disabled={isArchiving}
+              className="w-full sm:w-auto"
+            >
+              {t('list.archiveDialog.confirmButton')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
diff --git a/src/components/settings/contracts-helpers.ts b/src/components/settings/contracts-helpers.ts
new file mode 100644
index 0000000..e1f6556
--- /dev/null
+++ b/src/components/settings/contracts-helpers.ts
@@ -0,0 +1,1140 @@
+import type * as React from 'react';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+import type {
+  ContractCountersignatureMode,
+  StudioSettings,
+} from '@/server/db/schema/studio-settings';
+import type {
+  CreateContractTemplateInput,
+  UpdateContractTemplateActionInput,
+  ArchiveContractTemplateActionInput,
+  UpdateStudioSigningProfileInput,
+  ContractActionResult,
+} from '@/server/contracts/actions';
+
+/**
+ * Realistic synthetic commission data for live template merge preview (AC-3).
+ * Fixed synthetic values (no real personal data).
+ */
+export const SAMPLE_COMMISSION_DATA: Record<string, string> = {
+  // client namespace
+  'client.name': 'Sarah & Michael Jenkins',
+  'client.company': 'Jenkins Design Studio',
+  'client.email': 'sarah.jenkins@example.com',
+  'client.phone': '+49 30 12345678',
+  'client.address': 'Musterstraße 42',
+  'client.city': 'Berlin',
+  'client.postal_code': '10115',
+  'client.country': 'Germany',
+
+  // project namespace
+  'project.title': 'Jenkins Wedding & Celebration',
+  'project.type': 'Wedding',
+  'project.price': '€2,800.00',
+  'project.currency': 'EUR',
+  'project.notes': 'Full-day coverage including ceremony, reception, and couple portraits',
+
+  // shoot namespace
+  'shoot.date': 'August 15, 2026',
+  'shoot.time': '14:00 - 22:00',
+  'shoot.timezone': 'Europe/Berlin',
+  'shoot.location': 'Schloss Charlottenburg Orangery',
+  'shoot.address': 'Spandauer Damm 10-22, 14059 Berlin',
+
+  // package namespace
+  'package.name': 'Full Day Wedding Collection',
+  'package.deliverables': '8 Hours Coverage, 400+ Edited High-Res Images, Online Gallery',
+  'package.total': '€2,800.00',
+  'package.subtotal': '€2,352.94',
+  'package.tax': '€447.06',
+  'package.addons': 'Handcrafted Fine Art Album (30x30cm)',
+
+  // studio namespace
+  'studio.name': 'Lumière Photography Studio',
+  'studio.owner_name': 'Elena Rostova',
+  'studio.email': 'hello@lumiere-studio.example.com',
+  'studio.phone': '+49 30 98765432',
+  'studio.address': 'Kastanienallee 71, 10435 Berlin',
+  'studio.tax_number': '34/567/89012',
+  'studio.vat_id': 'DE123456789',
+
+  // contract namespace
+  'contract.number': 'CTR-2026-0042',
+  'contract.issue_date': 'June 1, 2026',
+  'contract.valid_until': 'June 15, 2026',
+};
+
+/**
+ * German synthetic commission data for German live merge preview.
+ */
+export const SAMPLE_COMMISSION_DATA_DE: Record<string, string> = {
+  ...SAMPLE_COMMISSION_DATA,
+  'shoot.date': '15. August 2026',
+  'contract.issue_date': '1. Juni 2026',
+  'contract.valid_until': '15. Juni 2026',
+  'project.type': 'Hochzeit',
+  'client.country': 'Deutschland',
+};
+
+export interface TokenItem {
+  token: string;
+  chipText: string;
+  labelKey: string;
+}
+
+export interface TokenCategory {
+  id: string;
+  nameKey: string;
+  tokens: TokenItem[];
+}
+
+/**
+ * Categorized merge tokens palette definition.
+ */
+export const TOKEN_CATEGORIES: TokenCategory[] = [
+  {
+    id: 'client',
+    nameKey: 'tokens.categories.client',
+    tokens: [
+      { token: 'client.name', chipText: '{{client.name}}', labelKey: 'tokens.client.name' },
+      {
+        token: 'client.company',
+        chipText: '{{client.company}}',
+        labelKey: 'tokens.client.company',
+      },
+      { token: 'client.email', chipText: '{{client.email}}', labelKey: 'tokens.client.email' },
+      { token: 'client.phone', chipText: '{{client.phone}}', labelKey: 'tokens.client.phone' },
+      {
+        token: 'client.address',
+        chipText: '{{client.address}}',
+        labelKey: 'tokens.client.address',
+      },
+      { token: 'client.city', chipText: '{{client.city}}', labelKey: 'tokens.client.city' },
+      {
+        token: 'client.postal_code',
+        chipText: '{{client.postal_code}}',
+        labelKey: 'tokens.client.postal_code',
+      },
+      {
+        token: 'client.country',
+        chipText: '{{client.country}}',
+        labelKey: 'tokens.client.country',
+      },
+    ],
+  },
+  {
+    id: 'project',
+    nameKey: 'tokens.categories.project',
+    tokens: [
+      { token: 'project.title', chipText: '{{project.title}}', labelKey: 'tokens.project.title' },
+      { token: 'project.type', chipText: '{{project.type}}', labelKey: 'tokens.project.type' },
+      { token: 'project.price', chipText: '{{project.price}}', labelKey: 'tokens.project.price' },
+      {
+        token: 'project.currency',
+        chipText: '{{project.currency}}',
+        labelKey: 'tokens.project.currency',
+      },
+      { token: 'project.notes', chipText: '{{project.notes}}', labelKey: 'tokens.project.notes' },
+    ],
+  },
+  {
+    id: 'shoot',
+    nameKey: 'tokens.categories.shoot',
+    tokens: [
+      { token: 'shoot.date', chipText: '{{shoot.date}}', labelKey: 'tokens.shoot.date' },
+      { token: 'shoot.time', chipText: '{{shoot.time}}', labelKey: 'tokens.shoot.time' },
+      {
+        token: 'shoot.timezone',
+        chipText: '{{shoot.timezone}}',
+        labelKey: 'tokens.shoot.timezone',
+      },
+      {
+        token: 'shoot.location',
+        chipText: '{{shoot.location}}',
+        labelKey: 'tokens.shoot.location',
+      },
+      { token: 'shoot.address', chipText: '{{shoot.address}}', labelKey: 'tokens.shoot.address' },
+    ],
+  },
+  {
+    id: 'package',
+    nameKey: 'tokens.categories.package',
+    tokens: [
+      { token: 'package.name', chipText: '{{package.name}}', labelKey: 'tokens.package.name' },
+      {
+        token: 'package.deliverables',
+        chipText: '{{package.deliverables}}',
+        labelKey: 'tokens.package.deliverables',
+      },
+      { token: 'package.total', chipText: '{{package.total}}', labelKey: 'tokens.package.total' },
+      {
+        token: 'package.subtotal',
+        chipText: '{{package.subtotal}}',
+        labelKey: 'tokens.package.subtotal',
+      },
+      { token: 'package.tax', chipText: '{{package.tax}}', labelKey: 'tokens.package.tax' },
+      {
+        token: 'package.addons',
+        chipText: '{{package.addons}}',
+        labelKey: 'tokens.package.addons',
+      },
+    ],
+  },
+  {
+    id: 'studio',
+    nameKey: 'tokens.categories.studio',
+    tokens: [
+      { token: 'studio.name', chipText: '{{studio.name}}', labelKey: 'tokens.studio.name' },
+      {
+        token: 'studio.owner_name',
+        chipText: '{{studio.owner_name}}',
+        labelKey: 'tokens.studio.owner_name',
+      },
+      { token: 'studio.email', chipText: '{{studio.email}}', labelKey: 'tokens.studio.email' },
+      { token: 'studio.phone', chipText: '{{studio.phone}}', labelKey: 'tokens.studio.phone' },
+      {
+        token: 'studio.address',
+        chipText: '{{studio.address}}',
+        labelKey: 'tokens.studio.address',
+      },
+      {
+        token: 'studio.tax_number',
+        chipText: '{{studio.tax_number}}',
+        labelKey: 'tokens.studio.tax_number',
+      },
+      { token: 'studio.vat_id', chipText: '{{studio.vat_id}}', labelKey: 'tokens.studio.vat_id' },
+    ],
+  },
+  {
+    id: 'contract',
+    nameKey: 'tokens.categories.contract',
+    tokens: [
+      {
+        token: 'contract.number',
+        chipText: '{{contract.number}}',
+        labelKey: 'tokens.contract.number',
+      },
+      {
+        token: 'contract.issue_date',
+        chipText: '{{contract.issue_date}}',
+        labelKey: 'tokens.contract.issue_date',
+      },
+      {
+        token: 'contract.valid_until',
+        chipText: '{{contract.valid_until}}',
+        labelKey: 'tokens.contract.valid_until',
+      },
+    ],
+  },
+];
+
+/**
+ * Automatically converts human-readable template name into kebab-case slug.
+ */
+export function generateTemplateSlug(name: string): string {
+  return name
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '') // strip diacritics
+    .replace(/[^a-z0-9]+/g, '-') // non-alphanumeric to hyphens
+    .replace(/^-+|-+$/g, ''); // strip leading/trailing hyphens
+}
+
+/**
+ * Inserts token chip into text at current cursor/selection and computes new cursor offset.
+ */
+export function insertTokenAtCursor(
+  text: string,
+  token: string,
+  selectionStart?: number,
+  selectionEnd?: number,
+): { newText: string; newCursorPos: number } {
+  const tokenFormatted = `{{${token}}}`;
+  const start = selectionStart ?? text.length;
+  const end = selectionEnd ?? text.length;
+
+  const before = text.slice(0, start);
+  const after = text.slice(end);
+
+  const newText = `${before}${tokenFormatted}${after}`;
+  const newCursorPos = start + tokenFormatted.length;
+
+  return { newText, newCursorPos };
+}
+
+/**
+ * Interpolates template text against synthetic sample commission data for live preview (AC-3).
+ * Sanitizes input and clears unmapped tokens safely.
+ */
+export function interpolateContractPreview(
+  templateText: string,
+  sampleData: Record<string, string> = SAMPLE_COMMISSION_DATA,
+): string {
+  if (!templateText) {
+    return '';
+  }
+
+  const sampleMap = new Map<string, string>(Object.entries(sampleData));
+
+  return templateText.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (_, rawToken: string) => {
+    const token = rawToken.trim();
+    return sampleMap.get(token) ?? '';
+  });
+}
+
+export interface ContractTemplateFilterOptions {
+  projectTypeKey?: string;
+  showArchived?: boolean;
+  searchQuery?: string;
+}
+
+/**
+ * Filters contract templates by project type, active/archived state, and search query.
+ */
+export function filterContractTemplates(
+  templates: ContractTemplate[],
+  options: ContractTemplateFilterOptions = {},
+): ContractTemplate[] {
+  const { projectTypeKey = '', showArchived = false, searchQuery = '' } = options;
+  const query = searchQuery.trim().toLowerCase();
+
+  return templates
+    .filter((template) => {
+      // 1. Active vs Archived filter
+      if (!showArchived && !template.isActive) {
+        return false;
+      }
+      if (showArchived && template.isActive) {
+        return false;
+      }
+
+      // 2. Project type key filter
+      if (projectTypeKey && template.projectTypeKey !== projectTypeKey) {
+        return false;
+      }
+
+      // 3. Search query filter
+      if (query) {
+        const matchesName = template.name.toLowerCase().includes(query);
+        const matchesSlug = template.slug.toLowerCase().includes(query);
+        const matchesDesc = (template.description ?? '').toLowerCase().includes(query);
+        if (!matchesName && !matchesSlug && !matchesDesc) {
+          return false;
+        }
+      }
+
+      return true;
+    })
+    .sort((a, b) => {
+      // Default templates first, then alphabetical by name
+      if (a.isDefault && !b.isDefault) return -1;
+      if (!a.isDefault && b.isDefault) return 1;
+      return a.name.localeCompare(b.name);
+    });
+}
+
+export interface ContractTemplateFormData {
+  id?: string;
+  name: string;
+  slug: string;
+  description: string;
+  projectTypeKey: string;
+  contentEn: string;
+  contentDe: string;
+  isDefault: boolean;
+  isActive: boolean;
+}
+
+export type ContractTemplateFormErrors = Record<string, string>;
+
+/**
+ * Validates contract template modal form inputs with localized error messages.
+ */
+export function validateContractTemplateForm(
+  data: ContractTemplateFormData,
+  t: (key: string) => string,
+): ContractTemplateFormErrors {
+  const errors: ContractTemplateFormErrors = {};
+
+  const trimmedName = data.name.trim();
+  if (!trimmedName) {
+    errors.name = t('modal.errors.nameRequired');
+  } else if (trimmedName.length > 150) {
+    errors.name = t('modal.errors.nameTooLong');
+  }
+
+  const trimmedSlug = data.slug.trim();
+  const isValidSlug =
+    /^[a-z0-9-]+$/.test(trimmedSlug) &&
+    !trimmedSlug.startsWith('-') &&
+    !trimmedSlug.endsWith('-') &&
+    !trimmedSlug.includes('--');
+  if (!trimmedSlug) {
+    errors.slug = t('modal.errors.slugRequired');
+  } else if (!isValidSlug) {
+    errors.slug = t('modal.errors.slugInvalid');
+  } else if (trimmedSlug.length > 100) {
+    errors.slug = t('modal.errors.slugTooLong');
+  }
+
+  if (data.description && data.description.length > 1000) {
+    errors.description = t('modal.errors.descriptionTooLong');
+  }
+
+  if (!data.contentEn.trim()) {
+    errors.contentEn = t('modal.errors.contentEnRequired');
+  }
+
+  if (!data.contentDe.trim()) {
+    errors.contentDe = t('modal.errors.contentDeRequired');
+  }
+
+  return errors;
+}
+
+export function initialTemplateFormData(
+  template?: ContractTemplate | null,
+  isDuplicate?: boolean,
+): ContractTemplateFormData {
+  if (template) {
+    if (isDuplicate) {
+      return {
+        id: undefined,
+        name: `${template.name} (Copy)`,
+        slug: `${template.slug}-copy`,
+        description: template.description ?? '',
+        projectTypeKey: template.projectTypeKey ?? '',
+        isDefault: false,
+        contentEn: template.contentEn,
+        contentDe: template.contentDe,
+        isActive: true,
+      };
+    }
+    return {
+      id: template.id,
+      name: template.name,
+      slug: template.slug,
+      description: template.description ?? '',
+      projectTypeKey: template.projectTypeKey ?? '',
+      isDefault: template.isDefault,
+      contentEn: template.contentEn,
+      contentDe: template.contentDe,
+      isActive: template.isActive,
+    };
+  }
+  return {
+    name: '',
+    slug: '',
+    description: '',
+    projectTypeKey: '',
+    isDefault: false,
+    contentEn: '',
+    contentDe: '',
+    isActive: true,
+  };
+}
+
+export interface StudioSigningFormData {
+  contractSignatoryName: string;
+  contractSignatoryTitle: string;
+  contractCountersignatureMode: ContractCountersignatureMode;
+  studioAddressLine1: string;
+  studioAddressLine2: string;
+  studioPostalCode: string;
+  studioCity: string;
+  studioCountryCode: string;
+  studioPhone: string;
+  studioEmail: string;
+}
+
+export type StudioSigningFormErrors = Record<string, string>;
+
+/**
+ * Validates studio signing profile form fields.
+ */
+export function validateStudioSigningForm(
+  data: StudioSigningFormData,
+  t: (key: string) => string,
+): StudioSigningFormErrors {
+  const errors: StudioSigningFormErrors = {};
+
+  if (data.contractSignatoryName && data.contractSignatoryName.trim().length > 200) {
+    errors.contractSignatoryName = t('signing.errors.signatoryNameTooLong');
+  }
+
+  if (data.contractSignatoryTitle && data.contractSignatoryTitle.trim().length > 100) {
+    errors.contractSignatoryTitle = t('signing.errors.signatoryTitleTooLong');
+  }
+
+  if (data.studioCountryCode) {
+    const code = data.studioCountryCode.trim().toUpperCase();
+    if (code.length !== 2) {
+      errors.studioCountryCode = t('signing.errors.countryCodeInvalid');
+    }
+  }
+
+  if (data.studioEmail.trim()) {
+    const email = data.studioEmail.trim();
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      errors.studioEmail = t('signing.errors.emailInvalid');
+    }
+  }
+
+  return errors;
+}
+
+export const EMPTY_TEMPLATE_FORM_DATA: ContractTemplateFormData = {
+  name: '',
+  slug: '',
+  description: '',
+  projectTypeKey: '',
+  contentEn: '',
+  contentDe: '',
+  isDefault: false,
+  isActive: true,
+};
+
+export const EMPTY_SIGNING_FORM_DATA: StudioSigningFormData = {
+  contractSignatoryName: '',
+  contractSignatoryTitle: '',
+  contractCountersignatureMode: 'pre_signed',
+  studioAddressLine1: '',
+  studioAddressLine2: '',
+  studioPostalCode: '',
+  studioCity: '',
+  studioCountryCode: 'DE',
+  studioPhone: '',
+  studioEmail: '',
+};
+
+export function initialSigningFormDataFromSettings(
+  settings?: StudioSettings | null,
+): StudioSigningFormData {
+  if (!settings) {
+    return { ...EMPTY_SIGNING_FORM_DATA };
+  }
+
+  return {
+    contractSignatoryName: settings.contract_signatory_name ?? '',
+    contractSignatoryTitle: settings.contract_signatory_title ?? '',
+    contractCountersignatureMode: settings.contract_countersignature_mode,
+    studioAddressLine1: settings.studio_address_line1 ?? '',
+    studioAddressLine2: settings.studio_address_line2 ?? '',
+    studioPostalCode: settings.studio_postal_code ?? '',
+    studioCity: settings.studio_city ?? '',
+    studioCountryCode: settings.studio_country_code,
+    studioPhone: settings.studio_phone ?? '',
+    studioEmail: settings.studio_email ?? '',
+  };
+}
+
+const PROJECT_TYPE_MAP = new Map<string, string>([
+  ['wedding', 'list.projectTypes.wedding'],
+  ['portrait', 'list.projectTypes.portrait'],
+  ['commercial', 'list.projectTypes.commercial'],
+  ['event', 'list.projectTypes.event'],
+  ['video', 'list.projectTypes.video'],
+  ['engagement', 'list.projectTypes.engagement'],
+  ['editorial', 'list.projectTypes.editorial'],
+]);
+
+export const PROJECT_TYPE_LABELS: Record<string, string> = Object.fromEntries(PROJECT_TYPE_MAP);
+
+export function getProjectTypeLabelKey(projectTypeKey: string | null | undefined): string {
+  return (
+    (projectTypeKey ? PROJECT_TYPE_MAP.get(projectTypeKey) : undefined) ?? 'list.projectTypeNone'
+  );
+}
+
+export function createModalDialogHandlers(
+  onClose: () => void,
+  triggerRef?: React.RefObject<HTMLButtonElement | null>,
+) {
+  return {
+    onOpenChange: (open: boolean) => {
+      if (!open) {
+        onClose();
+      }
+    },
+    onCloseAutoFocus: (e: Event) => {
+      e.preventDefault();
+      triggerRef?.current?.focus();
+    },
+  };
+}
+
+export type TranslationFunction = (
+  key: string,
+  values?: Record<string, string | number | Date>,
+) => string;
+
+export interface StudioSigningControllerParams {
+  formData: StudioSigningFormData;
+  setFormData: React.Dispatch<React.SetStateAction<StudioSigningFormData>>;
+  setErrors: React.Dispatch<React.SetStateAction<StudioSigningFormErrors>>;
+  setIsSubmitting: (val: boolean) => void;
+  setShowSuccess: (val: boolean) => void;
+  onSave: (payload: StudioSigningFormData) => Promise<boolean>;
+  t: TranslationFunction;
+}
+
+export function createStudioSigningController(params: StudioSigningControllerParams) {
+  const { formData, setFormData, setErrors, setIsSubmitting, setShowSuccess, onSave, t } = params;
+
+  const handleFieldChange = (field: keyof StudioSigningFormData, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+    setShowSuccess(false);
+  };
+
+  const handleSignatoryNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('contractSignatoryName', e.target.value);
+  };
+
+  const handleSignatoryTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('contractSignatoryTitle', e.target.value);
+  };
+
+  const handleAddressLine1Change = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioAddressLine1', e.target.value);
+  };
+
+  const handleAddressLine2Change = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioAddressLine2', e.target.value);
+  };
+
+  const handlePostalCodeChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioPostalCode', e.target.value);
+  };
+
+  const handleCityChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioCity', e.target.value);
+  };
+
+  const handleCountryCodeChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
+    handleFieldChange('studioCountryCode', e.target.value);
+  };
+
+  const handlePhoneChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioPhone', e.target.value);
+  };
+
+  const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('studioEmail', e.target.value);
+  };
+
+  const handleSelectPreSigned = () => {
+    setFormData((prev) => ({ ...prev, contractCountersignatureMode: 'pre_signed' }));
+    setShowSuccess(false);
+  };
+
+  const handleSelectExplicit = () => {
+    setFormData((prev) => ({ ...prev, contractCountersignatureMode: 'explicit' }));
+    setShowSuccess(false);
+  };
+
+  const handleSubmit = (e: React.SyntheticEvent) => {
+    e.preventDefault();
+    void (async () => {
+      const validationErrors = validateStudioSigningForm(formData, t);
+      if (Object.keys(validationErrors).length > 0) {
+        setErrors(validationErrors);
+        return;
+      }
+      setErrors({});
+      setIsSubmitting(true);
+      try {
+        const success = await onSave(formData);
+        if (success) {
+          setShowSuccess(true);
+        }
+      } finally {
+        setIsSubmitting(false);
+      }
+    })();
+  };
+
+  return {
+    handleFieldChange,
+    handleSignatoryNameChange,
+    handleSignatoryTitleChange,
+    handleAddressLine1Change,
+    handleAddressLine2Change,
+    handlePostalCodeChange,
+    handleCityChange,
+    handleCountryCodeChange,
+    handlePhoneChange,
+    handleEmailChange,
+    handleSelectPreSigned,
+    handleSelectExplicit,
+    handleSubmit,
+  };
+}
+
+export interface ContractTemplateModalControllerParams {
+  formData: ContractTemplateFormData;
+  setFormData: React.Dispatch<React.SetStateAction<ContractTemplateFormData>>;
+  setErrors: React.Dispatch<React.SetStateAction<ContractTemplateFormErrors>>;
+  activeClauseTab: 'en' | 'de';
+  setActiveClauseTab: (tab: 'en' | 'de') => void;
+  setLiveAnnouncement: (msg: string) => void;
+  onClose: () => void;
+  onSave: (payload: ContractTemplateFormData) => Promise<boolean>;
+  t: TranslationFunction;
+}
+
+export function createContractTemplateModalController(
+  params: ContractTemplateModalControllerParams,
+) {
+  const {
+    formData,
+    setFormData,
+    setErrors,
+    activeClauseTab,
+    setActiveClauseTab,
+    setLiveAnnouncement,
+    onClose,
+    onSave,
+    t,
+  } = params;
+
+  const handleFieldChange = (field: keyof ContractTemplateFormData, value: unknown) => {
+    setFormData((prev) => {
+      const updated = { ...prev, [field]: value };
+      if (field === 'name' && (!prev.id || prev.slug === '')) {
+        updated.slug = generateTemplateSlug(String(value));
+      }
+      return updated;
+    });
+    setErrors((prev) => {
+      const errorKey = field as keyof ContractTemplateFormErrors;
+      if (!(errorKey in prev)) return prev;
+      const next: ContractTemplateFormErrors = { ...prev };
+      Reflect.deleteProperty(next, errorKey);
+      return next;
+    });
+  };
+
+  const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('name', e.target.value);
+  };
+
+  const handleSlugChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('slug', e.target.value);
+  };
+
+  const handleDescriptionChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
+    handleFieldChange('description', e.target.value);
+  };
+
+  const handleProjectTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    handleFieldChange('projectTypeKey', e.target.value);
+  };
+
+  const handleDefaultChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    handleFieldChange('isDefault', e.target.checked);
+  };
+
+  const handleContentEnChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    handleFieldChange('contentEn', e.target.value);
+  };
+
+  const handleContentDeChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    handleFieldChange('contentDe', e.target.value);
+  };
+
+  const handleSelectEnClauseTab = () => {
+    setActiveClauseTab('en');
+  };
+  const handleSelectDeClauseTab = () => {
+    setActiveClauseTab('de');
+  };
+
+  const handleInsertToken = (token: string) => {
+    const textarea =
+      typeof document !== 'undefined'
+        ? (document.getElementById(
+            activeClauseTab === 'en' ? 'content-en-textarea' : 'content-de-textarea',
+          ) as HTMLTextAreaElement | null)
+        : null;
+    const currentText = activeClauseTab === 'en' ? formData.contentEn : formData.contentDe;
+
+    const start = textarea?.selectionStart ?? currentText.length;
+    const end = textarea?.selectionEnd ?? currentText.length;
+
+    const { newText, newCursorPos } = insertTokenAtCursor(currentText, token, start, end);
+
+    if (activeClauseTab === 'en') {
+      handleFieldChange('contentEn', newText);
+    } else {
+      handleFieldChange('contentDe', newText);
+    }
+
+    setLiveAnnouncement(t('modal.tokenInsertedAnnouncement', { token }));
+
+    if (textarea) {
+      setTimeout(() => {
+        textarea.focus();
+        textarea.setSelectionRange(newCursorPos, newCursorPos);
+      }, 0);
+    }
+  };
+
+  const handleTokenButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const token = e.currentTarget.getAttribute('data-token');
+    if (token) {
+      handleInsertToken(token);
+    }
+  };
+
+  const handleSubmit = (e: React.SyntheticEvent) => {
+    e.preventDefault();
+    void (async () => {
+      const validationErrors = validateContractTemplateForm(formData, t);
+      if (Object.keys(validationErrors).length > 0) {
+        setErrors(validationErrors);
+        return;
+      }
+      setErrors({});
+      try {
+        const success = await onSave(formData);
+        if (success) {
+          onClose();
+        }
+      } catch {
+        // Handled by onSave
+      }
+    })();
+  };
+
+  return {
+    handleFieldChange,
+    handleNameChange,
+    handleSlugChange,
+    handleDescriptionChange,
+    handleProjectTypeChange,
+    handleDefaultChange,
+    handleContentEnChange,
+    handleContentDeChange,
+    handleSelectEnClauseTab,
+    handleSelectDeClauseTab,
+    handleInsertToken,
+    handleTokenButtonClick,
+    handleSubmit,
+  };
+}
+
+export interface ContractTemplatesListControllerParams {
+  templates?: ContractTemplate[];
+  onEditTemplate?: (template: ContractTemplate) => void;
+  onDuplicateTemplate?: (template: ContractTemplate) => void;
+  setProjectTypeKey: (val: string) => void;
+  setSearchQuery: (val: string) => void;
+  showArchived: boolean;
+  setShowArchived: React.Dispatch<React.SetStateAction<boolean>>;
+  templateToArchive?: ContractTemplate | null;
+  setTemplateToArchive: (val: ContractTemplate | null) => void;
+  setIsArchiving: (val: boolean) => void;
+  onArchiveTemplate: (template: ContractTemplate) => Promise<boolean>;
+  onRestoreTemplate: (template: ContractTemplate) => Promise<boolean>;
+}
+
+export function createContractTemplatesListController(
+  params: ContractTemplatesListControllerParams,
+) {
+  const {
+    templates = [],
+    onEditTemplate,
+    onDuplicateTemplate,
+    setProjectTypeKey,
+    setSearchQuery,
+    showArchived,
+    setShowArchived,
+    templateToArchive = null,
+    setTemplateToArchive,
+    setIsArchiving,
+    onArchiveTemplate,
+    onRestoreTemplate,
+  } = params;
+
+  const handleProjectTypeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    setProjectTypeKey(e.target.value);
+  };
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchQuery(e.target.value);
+  };
+
+  const handleToggleArchived = () => {
+    setShowArchived(!showArchived);
+  };
+
+  const handleOpenArchiveDialog = (template: ContractTemplate) => {
+    setTemplateToArchive(template);
+  };
+
+  const handleCloseArchiveDialog = () => {
+    setTemplateToArchive(null);
+  };
+
+  const handleConfirmArchiveOrRestore = async (targetTemplate: ContractTemplate | null) => {
+    if (!targetTemplate) return;
+    setIsArchiving(true);
+    try {
+      const success = targetTemplate.isActive
+        ? await onArchiveTemplate(targetTemplate)
+        : await onRestoreTemplate(targetTemplate);
+      if (success) {
+        setTemplateToArchive(null);
+      }
+    } finally {
+      setIsArchiving(false);
+    }
+  };
+
+  const handleEditRowClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const slug = e.currentTarget.getAttribute('data-slug');
+    const target = templates.find((t) => t.slug === slug);
+    if (target && onEditTemplate) onEditTemplate(target);
+  };
+
+  const handleDuplicateRowClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const slug = e.currentTarget.getAttribute('data-slug');
+    const target = templates.find((t) => t.slug === slug);
+    if (target && onDuplicateTemplate) onDuplicateTemplate(target);
+  };
+
+  const handleArchiveRowClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const slug = e.currentTarget.getAttribute('data-slug');
+    const target = templates.find((t) => t.slug === slug);
+    if (target) handleOpenArchiveDialog(target);
+  };
+
+  const handleRestoreRowClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    const slug = e.currentTarget.getAttribute('data-slug');
+    const target = templates.find((t) => t.slug === slug);
+    if (target) void onRestoreTemplate(target);
+  };
+
+  const handleArchiveDialogOpenChange = (open: boolean) => {
+    if (!open) {
+      handleCloseArchiveDialog();
+    }
+  };
+
+  const handleArchiveDialogCloseAutoFocus = (e: Event) => {
+    e.preventDefault();
+    if (typeof document !== 'undefined' && templateToArchive?.slug) {
+      const triggerBtn = document.querySelector<HTMLButtonElement>(
+        `[data-testid="archive-template-${templateToArchive.slug}"]`,
+      );
+      triggerBtn?.focus();
+    }
+  };
+
+  const handleConfirmArchiveClick = () => {
+    void handleConfirmArchiveOrRestore(templateToArchive);
+  };
+
+  return {
+    handleProjectTypeChange,
+    handleSearchChange,
+    handleToggleArchived,
+    handleOpenArchiveDialog,
+    handleCloseArchiveDialog,
+    handleConfirmArchiveOrRestore,
+    handleEditRowClick,
+    handleDuplicateRowClick,
+    handleArchiveRowClick,
+    handleRestoreRowClick,
+    handleArchiveDialogOpenChange,
+    handleArchiveDialogCloseAutoFocus,
+    handleConfirmArchiveClick,
+  };
+}
+
+export interface ContractsSettingsViewControllerParams {
+  setActiveTab: (tab: 'templates' | 'signing') => void;
+  setEditingTemplate: (t: ContractTemplate | null) => void;
+  setIsDuplicate: (val: boolean) => void;
+  setIsModalOpen: (val: boolean) => void;
+  setIsSubmittingTemplate: (val: boolean) => void;
+  setTemplates: React.Dispatch<React.SetStateAction<ContractTemplate[]>>;
+  setSigningSettings: React.Dispatch<React.SetStateAction<StudioSettings>>;
+  router: { refresh: () => void };
+  updateContractAction?: (
+    input: UpdateContractTemplateActionInput,
+  ) => Promise<ContractActionResult<ContractTemplate>>;
+  createContractAction?: (
+    input: CreateContractTemplateInput,
+  ) => Promise<ContractActionResult<ContractTemplate>>;
+  archiveContractAction?: (
+    input: ArchiveContractTemplateActionInput,
+  ) => Promise<ContractActionResult<{ id: string; isActive: boolean }>>;
+  updateSigningAction?: (
+    input: UpdateStudioSigningProfileInput,
+  ) => Promise<ContractActionResult<StudioSettings>>;
+}
+
+export function createContractsSettingsViewController(
+  params: ContractsSettingsViewControllerParams,
+) {
+  const {
+    setActiveTab,
+    setEditingTemplate,
+    setIsDuplicate,
+    setIsModalOpen,
+    setIsSubmittingTemplate,
+    setTemplates,
+    setSigningSettings,
+    router,
+    updateContractAction,
+    createContractAction,
+    archiveContractAction,
+    updateSigningAction,
+  } = params;
+
+  const handleSelectTemplatesTab = () => {
+    setActiveTab('templates');
+  };
+  const handleSelectSigningTab = () => {
+    setActiveTab('signing');
+  };
+
+  const handleTabKeyDown = (e: React.KeyboardEvent, currentTab: 'templates' | 'signing') => {
+    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
+      e.preventDefault();
+      const nextTab = currentTab === 'templates' ? 'signing' : 'templates';
+      setActiveTab(nextTab);
+      if (typeof document !== 'undefined') {
+        const nextTabEl = document.getElementById(`contracts-tab-${nextTab}`);
+        nextTabEl?.focus();
+      }
+    } else if (e.key === 'Home') {
+      e.preventDefault();
+      setActiveTab('templates');
+      if (typeof document !== 'undefined') {
+        document.getElementById('contracts-tab-templates')?.focus();
+      }
+    } else if (e.key === 'End') {
+      e.preventDefault();
+      setActiveTab('signing');
+      if (typeof document !== 'undefined') {
+        document.getElementById('contracts-tab-signing')?.focus();
+      }
+    }
+  };
+
+  const handleNewTemplate = () => {
+    setEditingTemplate(null);
+    setIsDuplicate(false);
+    setIsModalOpen(true);
+  };
+
+  const handleEditTemplate = (template: ContractTemplate) => {
+    setEditingTemplate(template);
+    setIsDuplicate(false);
+    setIsModalOpen(true);
+  };
+
+  const handleDuplicateTemplate = (template: ContractTemplate) => {
+    setEditingTemplate(template);
+    setIsDuplicate(true);
+    setIsModalOpen(true);
+  };
+
+  const handleCloseModal = () => {
+    setIsModalOpen(false);
+    setEditingTemplate(null);
+    setIsDuplicate(false);
+  };
+
+  const handleSaveTemplate = async (data: ContractTemplateFormData): Promise<boolean> => {
+    setIsSubmittingTemplate(true);
+    try {
+      if (data.id) {
+        if (!updateContractAction) return false;
+        const result = await updateContractAction({ ...data, id: data.id });
+        if (result.success) {
+          setTemplates((prev) =>
+            prev.map((item) => (item.id === result.data.id ? result.data : item)),
+          );
+          router.refresh();
+          return true;
+        }
+      } else {
+        if (!createContractAction) return false;
+        const result = await createContractAction(data);
+        if (result.success) {
+          setTemplates((prev) => [result.data, ...prev]);
+          router.refresh();
+          return true;
+        }
+      }
+      return false;
+    } finally {
+      setIsSubmittingTemplate(false);
+    }
+  };
+
+  const handleArchiveTemplate = async (template: ContractTemplate): Promise<boolean> => {
+    if (!archiveContractAction) return false;
+    const result = await archiveContractAction({ id: template.id, isActive: false });
+    if (result.success) {
+      setTemplates((prev) =>
+        prev.map((item) => (item.id === template.id ? { ...item, isActive: false } : item)),
+      );
+      router.refresh();
+      return true;
+    }
+    return false;
+  };
+
+  const handleRestoreTemplate = async (template: ContractTemplate): Promise<boolean> => {
+    if (!archiveContractAction) return false;
+    const result = await archiveContractAction({ id: template.id, isActive: true });
+    if (result.success) {
+      setTemplates((prev) =>
+        prev.map((item) => (item.id === template.id ? { ...item, isActive: true } : item)),
+      );
+      router.refresh();
+      return true;
+    }
+    return false;
+  };
+
+  const handleSaveSigningSettings = async (data: StudioSigningFormData): Promise<boolean> => {
+    if (!updateSigningAction) return false;
+    const result = await updateSigningAction(data);
+    if (result.success) {
+      setSigningSettings(result.data);
+      router.refresh();
+      return true;
+    }
+    return false;
+  };
+
+  const handleTemplatesTabKeyDown = (e: React.KeyboardEvent) => {
+    handleTabKeyDown(e, 'templates');
+  };
+  const handleSigningTabKeyDown = (e: React.KeyboardEvent) => {
+    handleTabKeyDown(e, 'signing');
+  };
+
+  return {
+    handleSelectTemplatesTab,
+    handleSelectSigningTab,
+    handleTabKeyDown,
+    handleTemplatesTabKeyDown,
+    handleSigningTabKeyDown,
+    handleNewTemplate,
+    handleEditTemplate,
+    handleDuplicateTemplate,
+    handleCloseModal,
+    handleSaveTemplate,
+    handleArchiveTemplate,
+    handleRestoreTemplate,
+    handleSaveSigningSettings,
+  };
+}
diff --git a/src/components/settings/contracts-settings-view.tsx b/src/components/settings/contracts-settings-view.tsx
new file mode 100644
index 0000000..219ecb0
--- /dev/null
+++ b/src/components/settings/contracts-settings-view.tsx
@@ -0,0 +1,194 @@
+'use client';
+
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { Link, useRouter } from '@/i18n/navigation';
+import { ChevronRight, FileText, PenTool } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { ContractTemplatesList } from './contract-templates-list';
+import { ContractTemplateModal } from './contract-template-modal';
+import { StudioSigningSettingsCard } from './studio-signing-settings-card';
+import {
+  createContractTemplateAction,
+  updateContractTemplateAction,
+  archiveContractTemplateAction,
+  updateStudioSigningSettingsAction,
+} from '@/server/contracts/actions';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+import type { StudioSettings } from '@/server/db/schema/studio-settings';
+import { createContractsSettingsViewController } from './contracts-helpers';
+
+export type ContractsTab = 'templates' | 'signing';
+
+export interface ContractsSettingsViewProps {
+  initialTemplates: ContractTemplate[];
+  initialSigningSettings: StudioSettings;
+  defaultTab?: ContractsTab;
+}
+
+export function ContractsSettingsView({
+  initialTemplates,
+  initialSigningSettings,
+  defaultTab = 'templates',
+}: ContractsSettingsViewProps) {
+  const t = useTranslations('settings.contracts');
+  const router = useRouter();
+
+  const [activeTab, setActiveTab] = React.useState<ContractsTab>(defaultTab);
+  const [templates, setTemplates] = React.useState<ContractTemplate[]>(initialTemplates);
+  const [signingSettings, setSigningSettings] =
+    React.useState<StudioSettings>(initialSigningSettings);
+
+  // Modal State
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [editingTemplate, setEditingTemplate] = React.useState<ContractTemplate | null>(null);
+  const [isDuplicate, setIsDuplicate] = React.useState(false);
+  const [isSubmittingTemplate, setIsSubmittingTemplate] = React.useState(false);
+  const modalTriggerRef = React.useRef<HTMLButtonElement | null>(null);
+
+  const controller = createContractsSettingsViewController({
+    setActiveTab,
+    setEditingTemplate,
+    setIsDuplicate,
+    setIsModalOpen,
+    setIsSubmittingTemplate,
+    setTemplates,
+    setSigningSettings,
+    router,
+    createContractAction: createContractTemplateAction,
+    updateContractAction: updateContractTemplateAction,
+    archiveContractAction: archiveContractTemplateAction,
+    updateSigningAction: updateStudioSigningSettingsAction,
+  });
+
+  const tabs = [
+    {
+      id: 'templates' as const,
+      testId: 'tab-templates',
+      label: t('tabs.templates'),
+      icon: FileText,
+      onSelect: controller.handleSelectTemplatesTab,
+      onKeyDown: controller.handleTemplatesTabKeyDown,
+    },
+    {
+      id: 'signing' as const,
+      testId: 'tab-signing',
+      label: t('tabs.signing'),
+      icon: PenTool,
+      onSelect: controller.handleSelectSigningTab,
+      onKeyDown: controller.handleSigningTabKeyDown,
+    },
+  ];
+
+  return (
+    <div className="space-y-6 max-w-5xl mx-auto" data-testid="contracts-settings-view">
+      {/* Breadcrumbs */}
+      <nav
+        aria-label="Breadcrumb"
+        className="flex items-center gap-2 text-sm text-muted-foreground"
+      >
+        <Link
+          href="/settings"
+          className="hover:text-foreground transition-colors"
+          data-testid="breadcrumb-settings"
+        >
+          {t('breadcrumbs.settings')}
+        </Link>
+        <ChevronRight className="h-4 w-4 shrink-0 text-muted-foreground/50" aria-hidden="true" />
+        <span className="font-medium text-foreground select-none" aria-current="page">
+          {t('breadcrumbs.contracts')}
+        </span>
+      </nav>
+
+      {/* Page Header */}
+      <div className="space-y-1">
+        <h1 className="text-2xl font-bold tracking-tight text-foreground sm:text-3xl">
+          {t('title')}
+        </h1>
+        <p className="text-sm text-muted-foreground max-w-3xl">{t('description')}</p>
+      </div>
+
+      {/* Tabs */}
+      <div
+        role="tablist"
+        aria-label={t('tabs.tablistAria')}
+        className="flex border-b border-border space-x-2"
+      >
+        {tabs.map((tab) => {
+          const Icon = tab.icon;
+          const isSelected = activeTab === tab.id;
+
+          return (
+            <button
+              key={tab.id}
+              id={`contracts-tab-${tab.id}`}
+              role="tab"
+              type="button"
+              aria-selected={isSelected}
+              aria-controls={`contracts-tabpanel-${tab.id}`}
+              tabIndex={isSelected ? 0 : -1}
+              data-testid={tab.testId}
+              onClick={tab.onSelect}
+              onKeyDown={tab.onKeyDown}
+              className={cn(
+                'inline-flex items-center gap-2 px-4 py-2.5 text-sm font-medium border-b-2 transition-colors min-h-[40px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',
+                isSelected
+                  ? 'border-primary text-primary font-semibold'
+                  : 'border-transparent text-muted-foreground hover:text-foreground hover:border-muted-foreground/30',
+              )}
+            >
+              <Icon className="h-4 w-4 shrink-0" aria-hidden="true" />
+              <span>{tab.label}</span>
+            </button>
+          );
+        })}
+      </div>
+
+      {/* Tab Panels */}
+      {activeTab === 'templates' && (
+        <div
+          role="tabpanel"
+          id="contracts-tabpanel-templates"
+          data-testid="tabpanel-templates"
+          aria-labelledby="contracts-tab-templates"
+          className="pt-2 focus:outline-none"
+        >
+          <ContractTemplatesList
+            templates={templates}
+            onNewTemplate={controller.handleNewTemplate}
+            onEditTemplate={controller.handleEditTemplate}
+            onDuplicateTemplate={controller.handleDuplicateTemplate}
+            onArchiveTemplate={controller.handleArchiveTemplate}
+            onRestoreTemplate={controller.handleRestoreTemplate}
+          />
+        </div>
+      )}
+
+      {activeTab === 'signing' && (
+        <div
+          role="tabpanel"
+          id="contracts-tabpanel-signing"
+          data-testid="tabpanel-signing"
+          aria-labelledby="contracts-tab-signing"
+          className="pt-2 focus:outline-none"
+        >
+          <StudioSigningSettingsCard
+            initialSettings={signingSettings}
+            onSave={controller.handleSaveSigningSettings}
+          />
+        </div>
+      )}
+
+      {/* Template Create / Edit Modal */}
+      <ContractTemplateModal
+        template={editingTemplate}
+        isOpen={isModalOpen}
+        isSubmitting={isSubmittingTemplate}
+        triggerRef={modalTriggerRef}
+        isDuplicate={isDuplicate}
+        onClose={controller.handleCloseModal}
+        onSave={controller.handleSaveTemplate}
+      />
+    </div>
+  );
+}
diff --git a/src/components/settings/settings-nav.tsx b/src/components/settings/settings-nav.tsx
index 89ef181..c72f765 100644
--- a/src/components/settings/settings-nav.tsx
+++ b/src/components/settings/settings-nav.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { useTranslations } from 'next-intl';
-import { Shield, Cloud, ClipboardList, CalendarClock, Rss, Package } from 'lucide-react';
+import { Shield, Cloud, ClipboardList, CalendarClock, Rss, Package, FileText } from 'lucide-react';
 import { Link, usePathname } from '@/i18n/navigation';
 import { cn } from '@/lib/utils';
 
@@ -17,6 +17,7 @@ export function SettingsNav({ className }: SettingsNavProps) {
   const tAvail = useTranslations('settings.availability');
   const tFeed = useTranslations('settings.calendarFeed');
   const tPkg = useTranslations('settings.packages');
+  const tContract = useTranslations('settings.contracts');
   const pathname = usePathname();
 
   const links = [
@@ -38,6 +39,12 @@ export function SettingsNav({ className }: SettingsNavProps) {
       shortLabel: tPkg('navLabel'),
       icon: Package,
     },
+    {
+      href: '/settings/contracts',
+      label: tContract('title'),
+      shortLabel: tContract('navLabel'),
+      icon: FileText,
+    },
     {
       href: '/settings/calendar/feed',
       label: tFeed('title'),
@@ -60,6 +67,7 @@ export function SettingsNav({ className }: SettingsNavProps) {
 
   return (
     <nav
+      data-testid="settings-nav"
       aria-label="Settings subnavigation"
       className={cn('flex flex-wrap gap-2 border-b pb-3 mb-6', className)}
     >
@@ -71,6 +79,7 @@ export function SettingsNav({ className }: SettingsNavProps) {
           <Link
             key={item.href}
             href={item.href}
+            data-testid={`settings-nav-${item.href.split('/').pop() ?? ''}`}
             aria-current={isActive ? 'page' : undefined}
             className={cn(
               'inline-flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors min-h-[36px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',
diff --git a/src/components/settings/studio-signing-settings-card.tsx b/src/components/settings/studio-signing-settings-card.tsx
new file mode 100644
index 0000000..e699f57
--- /dev/null
+++ b/src/components/settings/studio-signing-settings-card.tsx
@@ -0,0 +1,399 @@
+'use client';
+
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { Button } from '@/components/ui/button';
+import { CheckCircle2, ShieldCheck, Building, PenTool } from 'lucide-react';
+import {
+  createStudioSigningController,
+  initialSigningFormDataFromSettings,
+  type StudioSigningFormData,
+  type StudioSigningFormErrors,
+} from './contracts-helpers';
+import type { StudioSettings } from '@/server/db/schema/studio-settings';
+
+export interface StudioSigningSettingsCardProps {
+  initialSettings: StudioSettings;
+  onSave: (payload: StudioSigningFormData) => Promise<boolean>;
+  initialShowSuccess?: boolean;
+  initialErrors?: StudioSigningFormErrors;
+}
+
+export function StudioSigningSettingsCard({
+  initialSettings,
+  onSave,
+  initialShowSuccess = false,
+  initialErrors = {},
+}: StudioSigningSettingsCardProps) {
+  const t = useTranslations('settings.contracts');
+
+  const [formData, setFormData] = React.useState<StudioSigningFormData>(() =>
+    initialSigningFormDataFromSettings(initialSettings),
+  );
+  const [errors, setErrors] = React.useState<StudioSigningFormErrors>(initialErrors);
+  const [isSubmitting, setIsSubmitting] = React.useState(false);
+  const [showSuccess, setShowSuccess] = React.useState(initialShowSuccess);
+
+  const controller = createStudioSigningController({
+    formData,
+    setFormData,
+    setErrors,
+    setIsSubmitting,
+    setShowSuccess,
+    onSave,
+    t,
+  });
+
+  return (
+    <div
+      data-testid="studio-signing-settings-card"
+      className="rounded-lg border bg-card p-4 sm:p-6 text-card-foreground shadow-sm space-y-6"
+    >
+      <div>
+        <h2 className="text-lg font-semibold tracking-tight text-foreground">
+          {t('signing.title')}
+        </h2>
+        <p className="text-sm text-muted-foreground">{t('signing.description')}</p>
+      </div>
+
+      {/* Success Notification Banner */}
+      {showSuccess && (
+        <div
+          role="status"
+          data-testid="signing-success-notification"
+          className="flex items-center gap-2 rounded-md bg-emerald-500/10 border border-emerald-500/20 p-3 text-sm text-emerald-800 dark:text-emerald-300"
+        >
+          <CheckCircle2 className="h-4 w-4 shrink-0 text-emerald-600 dark:text-emerald-400" />
+          <span>{t('signing.successNotification')}</span>
+        </div>
+      )}
+
+      <form onSubmit={controller.handleSubmit} className="space-y-6">
+        {/* Section 1: Legal Signatory Profile */}
+        <div className="space-y-4">
+          <div className="flex items-center gap-2 border-b pb-2">
+            <PenTool className="h-4 w-4 text-primary" aria-hidden="true" />
+            <h3 className="text-sm font-semibold text-foreground">
+              {t('signing.signatorySectionTitle')}
+            </h3>
+          </div>
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            {/* Signatory Name */}
+            <div>
+              <label
+                htmlFor="signing-signatory-name-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.signatoryNameLabel')}
+              </label>
+              <input
+                id="signing-signatory-name-input"
+                type="text"
+                data-testid="signing-signatory-name-input"
+                value={formData.contractSignatoryName}
+                onChange={controller.handleSignatoryNameChange}
+                placeholder={t('signing.signatoryNamePlaceholder')}
+                aria-invalid={Boolean(errors.contractSignatoryName)}
+                aria-describedby={
+                  errors.contractSignatoryName ? 'signatory-name-error' : 'signatory-name-help'
+                }
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+              {errors.contractSignatoryName ? (
+                <p id="signatory-name-error" role="alert" className="text-xs text-destructive mt-1">
+                  {errors.contractSignatoryName}
+                </p>
+              ) : (
+                <p id="signatory-name-help" className="text-xs text-muted-foreground mt-1">
+                  {t('signing.signatoryNameHelp')}
+                </p>
+              )}
+            </div>
+
+            {/* Signatory Title */}
+            <div>
+              <label
+                htmlFor="signing-signatory-title-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.signatoryTitleLabel')}
+              </label>
+              <input
+                id="signing-signatory-title-input"
+                type="text"
+                data-testid="signing-signatory-title-input"
+                value={formData.contractSignatoryTitle}
+                onChange={controller.handleSignatoryTitleChange}
+                placeholder={t('signing.signatoryTitlePlaceholder')}
+                aria-invalid={Boolean(errors.contractSignatoryTitle)}
+                aria-describedby={
+                  errors.contractSignatoryTitle ? 'signatory-title-error' : 'signatory-title-help'
+                }
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+              {errors.contractSignatoryTitle ? (
+                <p
+                  id="signatory-title-error"
+                  role="alert"
+                  className="text-xs text-destructive mt-1"
+                >
+                  {errors.contractSignatoryTitle}
+                </p>
+              ) : (
+                <p id="signatory-title-help" className="text-xs text-muted-foreground mt-1">
+                  {t('signing.signatoryTitleHelp')}
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Section 2: Countersignature Mode */}
+        <div className="space-y-4">
+          <div className="flex items-center gap-2 border-b pb-2">
+            <ShieldCheck className="h-4 w-4 text-primary" aria-hidden="true" />
+            <h3 className="text-sm font-semibold text-foreground">
+              {t('signing.modeSectionTitle')}
+            </h3>
+          </div>
+          <p className="text-xs text-muted-foreground">{t('signing.modeSectionHelp')}</p>
+
+          <fieldset
+            className="grid grid-cols-1 sm:grid-cols-2 gap-3"
+            aria-label={t('signing.modeSectionTitle')}
+          >
+            {/* Automatic (Pre-signed) */}
+            <div
+              className={`flex items-start gap-3 p-3 rounded-lg border transition-colors ${
+                formData.contractCountersignatureMode === 'pre_signed'
+                  ? 'border-primary bg-primary/5 ring-1 ring-primary'
+                  : 'border-input hover:bg-muted/40'
+              }`}
+            >
+              <input
+                type="radio"
+                id="mode-presigned"
+                name="countersignatureMode"
+                value="pre_signed"
+                data-testid="countersignature-mode-presigned"
+                checked={formData.contractCountersignatureMode === 'pre_signed'}
+                onChange={controller.handleSelectPreSigned}
+                className="mt-0.5 h-4 w-4 border-input text-primary focus-visible:ring-2 focus-visible:ring-ring"
+              />
+              <label htmlFor="mode-presigned" className="text-sm cursor-pointer select-none">
+                <span className="font-medium text-foreground block">
+                  {t('signing.modes.preSigned.label')}
+                </span>
+                <span className="text-xs text-muted-foreground block mt-0.5">
+                  {t('signing.modes.preSigned.description')}
+                </span>
+              </label>
+            </div>
+
+            {/* Explicit Manual Countersignature */}
+            <div
+              className={`flex items-start gap-3 p-3 rounded-lg border transition-colors ${
+                formData.contractCountersignatureMode === 'explicit'
+                  ? 'border-primary bg-primary/5 ring-1 ring-primary'
+                  : 'border-input hover:bg-muted/40'
+              }`}
+            >
+              <input
+                type="radio"
+                id="mode-explicit"
+                name="countersignatureMode"
+                value="explicit"
+                data-testid="countersignature-mode-explicit"
+                checked={formData.contractCountersignatureMode === 'explicit'}
+                onChange={controller.handleSelectExplicit}
+                className="mt-0.5 h-4 w-4 border-input text-primary focus-visible:ring-2 focus-visible:ring-ring"
+              />
+              <label htmlFor="mode-explicit" className="text-sm cursor-pointer select-none">
+                <span className="font-medium text-foreground block">
+                  {t('signing.modes.explicit.label')}
+                </span>
+                <span className="text-xs text-muted-foreground block mt-0.5">
+                  {t('signing.modes.explicit.description')}
+                </span>
+              </label>
+            </div>
+          </fieldset>
+        </div>
+
+        {/* Section 3: Physical Studio Address & Statutory Notices */}
+        <div className="space-y-4">
+          <div className="flex items-center gap-2 border-b pb-2">
+            <Building className="h-4 w-4 text-primary" aria-hidden="true" />
+            <h3 className="text-sm font-semibold text-foreground">
+              {t('signing.addressSectionTitle')}
+            </h3>
+          </div>
+          <p className="text-xs text-muted-foreground">{t('signing.addressSectionHelp')}</p>
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            {/* Address Line 1 */}
+            <div>
+              <label
+                htmlFor="signing-address-line1-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.addressLine1Label')}
+              </label>
+              <input
+                id="signing-address-line1-input"
+                type="text"
+                data-testid="signing-address-line1-input"
+                value={formData.studioAddressLine1}
+                onChange={controller.handleAddressLine1Change}
+                placeholder={t('signing.addressLine1Placeholder')}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+            </div>
+
+            {/* Address Line 2 */}
+            <div>
+              <label
+                htmlFor="signing-address-line2-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.addressLine2Label')}
+              </label>
+              <input
+                id="signing-address-line2-input"
+                type="text"
+                data-testid="signing-address-line2-input"
+                value={formData.studioAddressLine2}
+                onChange={controller.handleAddressLine2Change}
+                placeholder={t('signing.addressLine2Placeholder')}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+            </div>
+
+            {/* Postal Code */}
+            <div>
+              <label
+                htmlFor="signing-postal-code-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.postalCodeLabel')}
+              </label>
+              <input
+                id="signing-postal-code-input"
+                type="text"
+                data-testid="signing-postal-code-input"
+                value={formData.studioPostalCode}
+                onChange={controller.handlePostalCodeChange}
+                placeholder={t('signing.postalCodePlaceholder')}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+            </div>
+
+            {/* City */}
+            <div>
+              <label
+                htmlFor="signing-city-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.cityLabel')}
+              </label>
+              <input
+                id="signing-city-input"
+                type="text"
+                data-testid="signing-city-input"
+                value={formData.studioCity}
+                onChange={controller.handleCityChange}
+                placeholder={t('signing.cityPlaceholder')}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+            </div>
+
+            {/* Country Code */}
+            <div>
+              <label
+                htmlFor="signing-country-code-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.countryCodeLabel')}
+              </label>
+              <input
+                id="signing-country-code-input"
+                type="text"
+                maxLength={2}
+                data-testid="signing-country-code-input"
+                value={formData.studioCountryCode}
+                onChange={controller.handleCountryCodeChange}
+                placeholder={t('signing.countryCodePlaceholder')}
+                aria-invalid={Boolean(errors.studioCountryCode)}
+                aria-describedby={errors.studioCountryCode ? 'country-code-error' : undefined}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono uppercase text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+              {errors.studioCountryCode && (
+                <p id="country-code-error" role="alert" className="text-xs text-destructive mt-1">
+                  {errors.studioCountryCode}
+                </p>
+              )}
+            </div>
+
+            {/* Phone */}
+            <div>
+              <label
+                htmlFor="signing-phone-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.phoneLabel')}
+              </label>
+              <input
+                id="signing-phone-input"
+                type="text"
+                data-testid="signing-phone-input"
+                value={formData.studioPhone}
+                onChange={controller.handlePhoneChange}
+                placeholder={t('signing.phonePlaceholder')}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+            </div>
+
+            {/* Email */}
+            <div className="sm:col-span-2">
+              <label
+                htmlFor="signing-email-input"
+                className="block text-sm font-medium text-foreground mb-1"
+              >
+                {t('signing.emailLabel')}
+              </label>
+              <input
+                id="signing-email-input"
+                type="email"
+                data-testid="signing-email-input"
+                value={formData.studioEmail}
+                onChange={controller.handleEmailChange}
+                placeholder={t('signing.emailPlaceholder')}
+                aria-invalid={Boolean(errors.studioEmail)}
+                aria-describedby={errors.studioEmail ? 'signing-email-error' : undefined}
+                className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-h-[38px]"
+              />
+              {errors.studioEmail && (
+                <p id="signing-email-error" role="alert" className="text-xs text-destructive mt-1">
+                  {errors.studioEmail}
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Submit Button */}
+        <div className="pt-4 border-t flex justify-end">
+          <Button
+            type="submit"
+            data-testid="save-signing-settings-btn"
+            disabled={isSubmitting}
+            className="w-full sm:w-auto bg-primary text-primary-foreground min-h-[38px] shadow-sm"
+          >
+            {isSubmitting ? t('signing.savingButton') : t('signing.saveButton')}
+          </Button>
+        </div>
+      </form>
+    </div>
+  );
+}
diff --git a/src/server/contracts/actions.ts b/src/server/contracts/actions.ts
new file mode 100644
index 0000000..5774225
--- /dev/null
+++ b/src/server/contracts/actions.ts
@@ -0,0 +1,310 @@
+'use server';
+
+import 'server-only';
+import { revalidatePath } from 'next/cache';
+import { z } from 'zod';
+import { db as defaultDb, type DbClient } from '@/server/db/client';
+import { requireOwner, ForbiddenError, type AuthContext } from '@/server/auth/guards';
+import { logger } from '@/server/log';
+import {
+  createContractTemplateSchema,
+  updateContractTemplateActionInputSchema,
+  archiveContractTemplateActionInputSchema,
+  updateStudioSigningProfileSchema,
+  type CreateContractTemplateInput,
+  type UpdateContractTemplateActionInput,
+  type ArchiveContractTemplateActionInput,
+  type UpdateStudioSigningProfileInput,
+} from './schema';
+import {
+  createContractTemplate,
+  updateContractTemplate,
+  deleteContractTemplate,
+  listContractTemplates,
+  type ListContractTemplatesOptions,
+} from './template-repo';
+import {
+  updateStudioSigningProfile,
+  getStudioSigningProfile,
+} from '@/server/studio/signing-settings';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+import type { StudioSettings } from '@/server/db/schema/studio-settings';
+
+export type {
+  CreateContractTemplateInput,
+  UpdateContractTemplateActionInput,
+  ArchiveContractTemplateActionInput,
+  UpdateStudioSigningProfileInput,
+};
+
+export type ContractActionResult<T = unknown> =
+  { success: true; data: T } | { success: false; code: string; error: string; fields?: string[] };
+
+function safeRevalidate(path: string): void {
+  try {
+    revalidatePath(path);
+  } catch {
+    // Ignore outside Next.js request context (e.g. tests)
+  }
+}
+
+function getErrorMessage(error: unknown, fallback: string): string {
+  return error instanceof Error ? error.message : fallback;
+}
+
+function formatValidationIssues(error: z.ZodError): { error: string; fields: string[] } {
+  return {
+    error: error.issues[0]?.message ?? 'Validation failed',
+    fields: error.issues.map((i) => i.path.join('.')),
+  };
+}
+
+/**
+ * Creates a new contract template.
+ * Strictly requires authenticated studio owner (AC-4, AC-7).
+ */
+export async function createContractTemplateAction(
+  rawInput: unknown,
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<ContractTemplate>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  const parsed = createContractTemplateSchema.safeParse(rawInput);
+  if (!parsed.success) {
+    const formatted = formatValidationIssues(parsed.error);
+    return {
+      success: false,
+      code: 'VALIDATION_FAILED',
+      error: formatted.error,
+      fields: formatted.fields,
+    };
+  }
+
+  try {
+    const created = await createContractTemplate(parsed.data, { auth, client }, client);
+    safeRevalidate('/settings/contracts');
+    return { success: true, data: created };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to create contract template');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to create contract template'),
+    };
+  }
+}
+
+/**
+ * Updates an existing contract template.
+ * Strictly requires authenticated studio owner (AC-4, AC-7).
+ */
+export async function updateContractTemplateAction(
+  rawInput: unknown,
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<ContractTemplate>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  const parsed = updateContractTemplateActionInputSchema.safeParse(rawInput);
+  if (!parsed.success) {
+    const formatted = formatValidationIssues(parsed.error);
+    return {
+      success: false,
+      code: 'VALIDATION_FAILED',
+      error: formatted.error,
+      fields: formatted.fields,
+    };
+  }
+
+  try {
+    const { id, ...data } = parsed.data;
+    const updated = await updateContractTemplate(id, data, { auth, client }, client);
+    safeRevalidate('/settings/contracts');
+    return { success: true, data: updated };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to update contract template');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to update contract template'),
+    };
+  }
+}
+
+/**
+ * Soft deactivates (archives) or restores a contract template by updating is_active.
+ * Strictly requires authenticated studio owner (AC-5, AC-7).
+ */
+export async function archiveContractTemplateAction(
+  rawInput: unknown,
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<{ id: string; isActive: boolean }>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  const parsed = archiveContractTemplateActionInputSchema.safeParse(rawInput);
+  if (!parsed.success) {
+    const formatted = formatValidationIssues(parsed.error);
+    return {
+      success: false,
+      code: 'VALIDATION_FAILED',
+      error: formatted.error,
+      fields: formatted.fields,
+    };
+  }
+
+  try {
+    const { id, isActive } = parsed.data;
+    if (isActive) {
+      const updated = await updateContractTemplate(
+        id,
+        { isActive: true },
+        { auth, client },
+        client,
+      );
+      safeRevalidate('/settings/contracts');
+      return { success: true, data: { id: updated.id, isActive: true } };
+    }
+
+    const archived = await deleteContractTemplate(id, { auth, client }, client);
+    safeRevalidate('/settings/contracts');
+    return { success: true, data: { id: archived.id, isActive: false } };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to archive contract template');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to archive contract template'),
+    };
+  }
+}
+
+/**
+ * Updates studio contract signing profile and physical address details (AC-6).
+ * Strictly requires authenticated studio owner (AC-6, AC-7).
+ */
+export async function updateStudioSigningSettingsAction(
+  rawInput: unknown,
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<StudioSettings>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  const parsed = updateStudioSigningProfileSchema.safeParse(rawInput);
+  if (!parsed.success) {
+    const formatted = formatValidationIssues(parsed.error);
+    return {
+      success: false,
+      code: 'VALIDATION_FAILED',
+      error: formatted.error,
+      fields: formatted.fields,
+    };
+  }
+
+  try {
+    const updated = await updateStudioSigningProfile(parsed.data, { auth, client }, client);
+    safeRevalidate('/settings/contracts');
+    return { success: true, data: updated };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to update studio signing settings');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to update studio signing settings'),
+    };
+  }
+}
+
+/**
+ * Retrieves studio signing settings. Strictly requires authenticated owner.
+ */
+export async function getStudioSigningSettingsAction(
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<StudioSettings>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  try {
+    const data = await getStudioSigningProfile({ auth, client }, client);
+    return { success: true, data };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to get studio signing settings');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to get studio signing settings'),
+    };
+  }
+}
+
+/**
+ * Lists contract templates. Strictly requires authenticated owner.
+ */
+export async function listContractTemplatesAction(
+  options: ListContractTemplatesOptions = {},
+  client: DbClient = defaultDb,
+): Promise<ContractActionResult<ContractTemplate[]>> {
+  let auth: AuthContext;
+  try {
+    auth = await requireOwner({ client });
+  } catch (err) {
+    if (err instanceof ForbiddenError) {
+      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
+    }
+    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
+  }
+
+  try {
+    const data = await listContractTemplates(options, { auth, client }, client);
+    return { success: true, data };
+  } catch (error) {
+    const msg = getErrorMessage(error, String(error));
+    logger.error({ error: msg }, 'Failed to list contract templates');
+    return {
+      success: false,
+      code: 'INTERNAL_ERROR',
+      error: getErrorMessage(error, 'Failed to list contract templates'),
+    };
+  }
+}
diff --git a/src/server/contracts/schema.ts b/src/server/contracts/schema.ts
index 8feb22a..bdf7b30 100644
--- a/src/server/contracts/schema.ts
+++ b/src/server/contracts/schema.ts
@@ -84,6 +84,33 @@ export const updateContractTemplateSchema = z
 export type UpdateContractTemplateInput = z.input<typeof updateContractTemplateSchema>;
 export type UpdateContractTemplateOutput = z.output<typeof updateContractTemplateSchema>;
 
+/**
+ * Schema for updating an existing contract template via server action (AC-4).
+ */
+export const updateContractTemplateActionInputSchema = updateContractTemplateSchema
+  .extend({
+    id: z.string().uuid('Template ID must be a valid UUID'),
+  })
+  .strict();
+
+export type UpdateContractTemplateActionInput = z.input<
+  typeof updateContractTemplateActionInputSchema
+>;
+
+/**
+ * Schema for archiving or restoring a contract template via server action (AC-5).
+ */
+export const archiveContractTemplateActionInputSchema = z
+  .object({
+    id: z.string().uuid('Template ID must be a valid UUID'),
+    isActive: z.boolean().default(false),
+  })
+  .strict();
+
+export type ArchiveContractTemplateActionInput = z.input<
+  typeof archiveContractTemplateActionInputSchema
+>;
+
 /**
  * Schema for creating a contract draft (AC-5, AC-8).
  */
@@ -144,21 +171,71 @@ export type VoidContractInput = z.input<typeof voidContractSchema>;
  */
 export const updateStudioSigningProfileSchema = z
   .object({
-    contractSignatoryName: z.string().trim().max(200).nullable().optional(),
-    contractSignatoryTitle: z.string().trim().max(100).nullable().optional(),
+    contractSignatoryName: z
+      .string()
+      .trim()
+      .max(200)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
+    contractSignatoryTitle: z
+      .string()
+      .trim()
+      .max(100)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
     contractCountersignatureMode: contractCountersignatureModeSchema.optional(),
-    studioAddressLine1: z.string().trim().max(200).nullable().optional(),
-    studioAddressLine2: z.string().trim().max(200).nullable().optional(),
-    studioPostalCode: z.string().trim().max(20).nullable().optional(),
-    studioCity: z.string().trim().max(100).nullable().optional(),
+    studioAddressLine1: z
+      .string()
+      .trim()
+      .max(200)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
+    studioAddressLine2: z
+      .string()
+      .trim()
+      .max(200)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
+    studioPostalCode: z
+      .string()
+      .trim()
+      .max(20)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
+    studioCity: z
+      .string()
+      .trim()
+      .max(100)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
     studioCountryCode: z
       .string()
       .trim()
       .length(2, 'Country code must be exactly 2 characters (ISO 3166-1 alpha-2)')
       .toUpperCase()
       .optional(),
-    studioPhone: z.string().trim().max(50).nullable().optional(),
-    studioEmail: z.string().trim().email('Invalid email address').max(255).nullable().optional(),
+    studioPhone: z
+      .string()
+      .trim()
+      .max(50)
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
+    studioEmail: z
+      .string()
+      .trim()
+      .max(255)
+      .email('Invalid email address')
+      .or(z.literal(''))
+      .nullable()
+      .optional()
+      .transform((val) => (val === '' ? null : val)),
   })
   .strict();
 
diff --git a/tests/e2e/contracts-settings.spec.ts b/tests/e2e/contracts-settings.spec.ts
new file mode 100644
index 0000000..bbd8f10
--- /dev/null
+++ b/tests/e2e/contracts-settings.spec.ts
@@ -0,0 +1,437 @@
+import { test, expect } from '@playwright/test';
+import AxeBuilder from '@axe-core/playwright';
+import fs from 'node:fs';
+import path from 'node:path';
+import { E2E_OWNER_EMAIL, E2E_OWNER_PASSWORD } from '../helpers/e2e-global-setup';
+
+const VALID_SETUP_TOKEN =
+  process.env.SETUP_TOKEN ?? 'c4d7e8f1a2b3c4d5e6f7a8b9c0d1e2f3a4b5c6d7e8f9a0b1c2d3e4f5a6b7c8d9';
+
+function getLatestRunDir(): string {
+  if (process.env.RUN_DIR) return process.env.RUN_DIR;
+  const runsRoot = path.resolve(import.meta.dirname, '../../../../control/ownlight/runs/TASK-0065');
+  if (fs.existsSync(runsRoot)) {
+    const entries = fs
+      .readdirSync(runsRoot)
+      .filter((d) => d.startsWith('iter-'))
+      .sort();
+    const last = entries[entries.length - 1];
+    if (last) {
+      return last;
+    }
+  }
+  return 'iter-01';
+}
+
+const RUN_DIR_PARAM = getLatestRunDir();
+const UX_RUN_DIR = path.resolve(
+  import.meta.dirname,
+  `../../../../control/ownlight/runs/TASK-0065/${RUN_DIR_PARAM}/ux`,
+);
+
+async function ensureOwnerBootstrappedAndSignedIn(page: import('@playwright/test').Page) {
+  await page.goto('/en/setup');
+  const setupForm = page.locator('[data-testid="setup-form"]');
+  if (await setupForm.isVisible({ timeout: 1500 }).catch(() => false)) {
+    await page.fill('[data-testid="setup-token-input"]', VALID_SETUP_TOKEN);
+    await page.fill('[data-testid="name-input"]', 'Studio Owner');
+    await page.fill('[data-testid="email-input"]', E2E_OWNER_EMAIL);
+    await page.fill('[data-testid="password-input"]', E2E_OWNER_PASSWORD);
+    await page.click('[data-testid="setup-submit-btn"]');
+    await expect(page).not.toHaveURL(/\/setup/);
+    return;
+  }
+
+  await page.goto('/en/sign-in');
+  const emailInput = page.locator('[data-testid="email-input"]');
+  if (await emailInput.isVisible({ timeout: 1500 }).catch(() => false)) {
+    await emailInput.fill(E2E_OWNER_EMAIL);
+    await page.fill('[data-testid="password-input"]', E2E_OWNER_PASSWORD);
+    await page.click('[data-testid="signin-submit-btn"]');
+    await expect(page).not.toHaveURL(/\/sign-in$/);
+  }
+}
+
+test.describe('TASK-0065: Contract Templates & Studio Signing Settings E2E', () => {
+  test.beforeAll(() => {
+    fs.mkdirSync(UX_RUN_DIR, { recursive: true });
+  });
+
+  test.beforeEach(async ({ page }) => {
+    await ensureOwnerBootstrappedAndSignedIn(page);
+  });
+
+  test('AC-7: Unauthenticated request to /en/settings/contracts redirects to sign-in', async ({
+    browser,
+  }) => {
+    const unauthContext = await browser.newContext();
+    const unauthPage = await unauthContext.newPage();
+
+    await unauthPage.goto('/en/settings/contracts');
+    await expect(unauthPage).toHaveURL(/\/en\/sign-in\?callbackUrl=%2Fen%2Fsettings%2Fcontracts/);
+
+    const bodyText = await unauthPage.content();
+    expect(bodyText).not.toContain('data-testid="contracts-settings-view"');
+    expect(bodyText).not.toContain('data-testid="tab-templates"');
+
+    await unauthContext.close();
+  });
+
+  test('AC-1: Settings navigation and contracts overview list', async ({ page }) => {
+    test.setTimeout(90000);
+    await page.goto('/en/settings');
+    const contractCardLink = page.locator('[data-testid="settings-card-contracts"]');
+    await expect(contractCardLink).toBeVisible();
+    await contractCardLink.click();
+
+    await expect(page).toHaveURL(/\/en\/settings\/contracts/);
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+    await expect(page.locator('[data-testid="settings-nav"]')).toBeVisible();
+    await expect(page.locator('[data-testid="settings-nav-contracts"]')).toBeVisible();
+
+    // Verify breadcrumbs and active tab
+    await expect(page.locator('[data-testid="breadcrumb-settings"]')).toBeVisible();
+    await expect(page.locator('[data-testid="tab-templates"]')).toHaveAttribute(
+      'aria-selected',
+      'true',
+    );
+    await expect(page.locator('[data-testid="create-template-button"]')).toBeVisible();
+    await expect(page.locator('[data-testid="template-project-type-filter"]')).toBeVisible();
+    await expect(page.locator('[data-testid="template-search-input"]')).toBeVisible();
+  });
+
+  test('AC-2, AC-3, AC-4: Create Contract Template with bilingual clauses, tokens, and live preview', async ({
+    page,
+  }) => {
+    test.setTimeout(90000);
+    await page.goto('/en/settings/contracts');
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    // Open template modal
+    await page.locator('[data-testid="create-template-button"]').click();
+    const modal = page.locator('[data-testid="contract-template-modal"]');
+    await expect(modal).toBeVisible();
+
+    // Fill metadata fields
+    const nameInput = page.locator('[data-testid="contract-template-name-input"]');
+    await nameInput.fill('Full Day Wedding Agreement');
+
+    // Verify auto-generated slug
+    const slugInput = page.locator('[data-testid="contract-template-slug-input"]');
+    await expect(slugInput).toHaveValue('full-day-wedding-agreement');
+
+    // Select project type and default
+    await page
+      .locator('[data-testid="contract-template-project-type-select"]')
+      .selectOption('wedding');
+    await page.locator('[data-testid="contract-template-default-toggle"]').check();
+
+    // Fill English clauses with tokens
+    const enTextarea = page.locator('[data-testid="contract-template-content-en-input"]');
+    await enTextarea.fill('This Agreement is entered into by ');
+
+    // Click tokens
+    await page.locator('[data-testid="token-chip-studio-owner_name"]').click();
+    await expect(page.locator('[data-testid="token-announcement"]')).toContainText(
+      'studio.owner_name',
+    );
+
+    await enTextarea.pressSequentially(' and ');
+    await page.locator('[data-testid="token-chip-client-name"]').click();
+
+    await enTextarea.pressSequentially(' for the ');
+    await page.locator('[data-testid="token-chip-package-name"]').click();
+
+    // Check live preview interpolation in merge field preview card
+    const previewCard = page.locator('[data-testid="merge-field-preview-card"]');
+    await expect(previewCard).toContainText('Elena Rostova');
+    await expect(previewCard).toContainText('Sarah & Michael Jenkins');
+    await expect(previewCard).toContainText('Full Day Wedding Collection');
+
+    // Switch to German tab
+    await page.locator('#clause-tab-de').click();
+    await expect(page.locator('#clause-tab-de')).toHaveAttribute('aria-selected', 'true');
+
+    const deTextarea = page.locator('[data-testid="contract-template-content-de-input"]');
+    await deTextarea.fill('Dieser Vertrag wird geschlossen zwischen ');
+    await page.locator('[data-testid="token-chip-studio-owner_name"]').click();
+    await deTextarea.pressSequentially(' und ');
+    await page.locator('[data-testid="token-chip-client-name"]').click();
+
+    // Check German live preview
+    await expect(previewCard).toContainText('Elena Rostova');
+    await expect(previewCard).toContainText('Sarah & Michael Jenkins');
+
+    // Submit form
+    await page.locator('[data-testid="save-template-btn"]').click();
+    await expect(modal).not.toBeVisible();
+
+    // Verify row in table
+    const row = page.locator('[data-testid="contract-template-row-full-day-wedding-agreement"]');
+    await expect(row).toBeVisible();
+    await expect(
+      row.locator('[data-testid="template-name-full-day-wedding-agreement"]'),
+    ).toContainText('Full Day Wedding Agreement');
+    await expect(
+      row.locator('[data-testid="template-default-badge-full-day-wedding-agreement"]'),
+    ).toBeVisible();
+    await expect(
+      row.locator('[data-testid="template-type-full-day-wedding-agreement"]'),
+    ).toContainText('Wedding');
+    await expect(
+      row.locator('[data-testid="template-active-badge-full-day-wedding-agreement"]'),
+    ).toContainText('Active');
+  });
+
+  test('AC-3, AC-4, AC-5: Duplicate, edit, filter, and archive template', async ({ page }) => {
+    test.setTimeout(90000);
+    await page.goto('/en/settings/contracts');
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    // 1. Duplicate template
+    const duplicateBtn = page.locator(
+      '[data-testid="duplicate-template-full-day-wedding-agreement"]',
+    );
+    await expect(duplicateBtn).toBeVisible();
+    await duplicateBtn.click();
+
+    const modal = page.locator('[data-testid="contract-template-modal"]');
+    await expect(modal).toBeVisible();
+    await expect(page.locator('[data-testid="contract-template-name-input"]')).toHaveValue(
+      'Full Day Wedding Agreement (Copy)',
+    );
+    await expect(page.locator('[data-testid="contract-template-slug-input"]')).toHaveValue(
+      'full-day-wedding-agreement-copy',
+    );
+
+    // Change duplicate name
+    await page
+      .locator('[data-testid="contract-template-name-input"]')
+      .fill('Half Day Wedding Agreement');
+    await page
+      .locator('[data-testid="contract-template-slug-input"]')
+      .fill('half-day-wedding-agreement');
+    await page.locator('[data-testid="save-template-btn"]').click();
+    await expect(modal).not.toBeVisible();
+
+    // Verify both rows exist
+    await expect(
+      page.locator('[data-testid="contract-template-row-full-day-wedding-agreement"]'),
+    ).toBeVisible();
+    await expect(
+      page.locator('[data-testid="contract-template-row-half-day-wedding-agreement"]'),
+    ).toBeVisible();
+
+    // 2. Search & filter
+    const searchInput = page.locator('[data-testid="template-search-input"]');
+    await searchInput.fill('Half Day');
+    await expect(
+      page.locator('[data-testid="contract-template-row-half-day-wedding-agreement"]'),
+    ).toBeVisible();
+    await expect(
+      page.locator('[data-testid="contract-template-row-full-day-wedding-agreement"]'),
+    ).not.toBeVisible();
+
+    // Clear search
+    await searchInput.fill('');
+    await expect(
+      page.locator('[data-testid="contract-template-row-full-day-wedding-agreement"]'),
+    ).toBeVisible();
+
+    // 3. Archive template
+    const archiveBtn = page.locator('[data-testid="archive-template-half-day-wedding-agreement"]');
+    await archiveBtn.click();
+
+    const archiveDialog = page.locator('[data-testid="contract-template-archive-dialog"]');
+    await expect(archiveDialog).toBeVisible();
+    await page.locator('[data-testid="confirm-archive-btn"]').click();
+    await expect(archiveDialog).not.toBeVisible();
+
+    // Verify it disappears from active view
+    await expect(
+      page.locator('[data-testid="contract-template-row-half-day-wedding-agreement"]'),
+    ).not.toBeVisible();
+
+    // 4. Toggle show archived
+    const showArchivedToggle = page.locator('[data-testid="toggle-archived-templates-btn"]');
+    await showArchivedToggle.click();
+
+    // Archived row is now visible
+    const archivedRow = page.locator(
+      '[data-testid="contract-template-row-half-day-wedding-agreement"]',
+    );
+    await expect(archivedRow).toBeVisible();
+    await expect(
+      archivedRow.locator('[data-testid="template-archived-badge-half-day-wedding-agreement"]'),
+    ).toContainText('Archived');
+
+    // 5. Restore archived template
+    const restoreBtn = page.locator('[data-testid="restore-template-half-day-wedding-agreement"]');
+    await restoreBtn.click();
+
+    // After restoring, it moves from archived to active view, so toggle back
+    await showArchivedToggle.click();
+
+    // Restored row is now in active templates with Active badge
+    const restoredRow = page.locator(
+      '[data-testid="contract-template-row-half-day-wedding-agreement"]',
+    );
+    await expect(restoredRow).toBeVisible();
+    await expect(
+      restoredRow.locator('[data-testid="template-active-badge-half-day-wedding-agreement"]'),
+    ).toContainText('Active');
+  });
+
+  test('AC-6: Update Studio Signing profile, countersignature mode, and address', async ({
+    page,
+  }) => {
+    test.setTimeout(90000);
+    await page.goto('/en/settings/contracts');
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    // Switch to signing settings tab
+    await page.locator('[data-testid="tab-signing"]').click();
+    await expect(page.locator('[data-testid="tab-signing"]')).toHaveAttribute(
+      'aria-selected',
+      'true',
+    );
+
+    const card = page.locator('[data-testid="studio-signing-settings-card"]');
+    await expect(card).toBeVisible();
+
+    // Fill signatory details
+    const signatoryName = page.locator('[data-testid="signing-signatory-name-input"]');
+    await signatoryName.fill('Elena Maria Rostova');
+
+    const signatoryTitle = page.locator('[data-testid="signing-signatory-title-input"]');
+    await signatoryTitle.fill('Founder & Lead Photographer');
+
+    // Switch countersignature mode to explicit
+    await page.locator('[data-testid="countersignature-mode-explicit"]').check();
+
+    // Fill studio address fields
+    await page.locator('[data-testid="signing-address-line1-input"]').fill('Kastanienallee 71');
+    await page.locator('[data-testid="signing-postal-code-input"]').fill('10435');
+    await page.locator('[data-testid="signing-city-input"]').fill('Berlin');
+    await page.locator('[data-testid="signing-country-code-input"]').fill('DE');
+
+    // Submit form
+    await page.locator('[data-testid="save-signing-settings-btn"]').click();
+
+    // Success notification
+    const successBanner = page.locator('[data-testid="signing-success-notification"]');
+    await expect(successBanner).toBeVisible();
+    await expect(successBanner).toContainText('successfully');
+
+    // Reload page to verify persistence
+    await page.reload();
+    await page.locator('[data-testid="tab-signing"]').click();
+    await expect(page.locator('[data-testid="signing-signatory-name-input"]')).toHaveValue(
+      'Elena Maria Rostova',
+    );
+    await expect(page.locator('[data-testid="signing-signatory-title-input"]')).toHaveValue(
+      'Founder & Lead Photographer',
+    );
+    await expect(page.locator('[data-testid="countersignature-mode-explicit"]')).toBeChecked();
+    await expect(page.locator('[data-testid="signing-address-line1-input"]')).toHaveValue(
+      'Kastanienallee 71',
+    );
+  });
+
+  test('AC-8: German locale rendering /de/settings/contracts', async ({ page }) => {
+    test.setTimeout(90000);
+    await page.goto('/de/settings/contracts');
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    // Verify German headers and tabs
+    await expect(page.locator('h1')).toContainText('Vertragsvorlagen & Studio-Signatur');
+    await expect(page.locator('[data-testid="tab-templates"]')).toContainText('Vertragsvorlagen');
+    await expect(page.locator('[data-testid="tab-signing"]')).toContainText(
+      'Studio-Signaturprofil',
+    );
+    await expect(page.locator('[data-testid="create-template-button"]')).toContainText(
+      'Neue Vorlage',
+    );
+
+    // Verify zero untranslated bracketed keys
+    const bodyContent = await page.content();
+    expect(bodyContent).not.toMatch(/\[settings\.contracts\.[a-zA-Z0-9_.]+\]/);
+  });
+
+  test('AC-9: WCAG 2.2 AA accessibility scan with Axe across light/dark themes and viewport reflow', async ({
+    page,
+  }) => {
+    test.setTimeout(90000);
+    await page.goto('/en/settings/contracts');
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    // 1. Templates Tab Light mode (1280px)
+    const templatesAxeLight = await new AxeBuilder({ page })
+      .withTags(['wcag2a', 'wcag2aa', 'wcag22aa'])
+      .analyze();
+    expect(templatesAxeLight.violations).toEqual([]);
+
+    await page.screenshot({
+      path: path.join(UX_RUN_DIR, 'contract-templates-1280px-light.png'),
+    });
+
+    // 2. Templates Tab Dark mode (1280px)
+    await page.emulateMedia({ colorScheme: 'dark' });
+    await page.waitForTimeout(200);
+
+    const templatesAxeDark = await new AxeBuilder({ page })
+      .withTags(['wcag2a', 'wcag2aa', 'wcag22aa'])
+      .analyze();
+    expect(templatesAxeDark.violations).toEqual([]);
+
+    await page.screenshot({
+      path: path.join(UX_RUN_DIR, 'contract-templates-1280px-dark.png'),
+    });
+
+    // 3. Open Modal Axe Scan (Light mode)
+    await page.emulateMedia({ colorScheme: 'light' });
+    await page.locator('[data-testid="create-template-button"]').click();
+    await page.waitForSelector('[data-testid="contract-template-modal"]', { state: 'visible' });
+    await page.waitForTimeout(300); // Allow Radix fade-in animation to complete
+
+    const modalAxeLight = await new AxeBuilder({ page })
+      .withTags(['wcag2a', 'wcag2aa', 'wcag22aa'])
+      .analyze();
+    expect(modalAxeLight.violations).toEqual([]);
+
+    await page.screenshot({
+      path: path.join(UX_RUN_DIR, 'contract-template-modal-1280px-light.png'),
+    });
+
+    // Close modal
+    await page.locator('[data-testid="template-modal-cancel-btn"]').click();
+    await expect(page.locator('[data-testid="contract-template-modal"]')).not.toBeVisible();
+
+    // 4. Signing Tab Axe Scan (Light mode)
+    await page.locator('[data-testid="tab-signing"]').click();
+    await expect(page.locator('[data-testid="studio-signing-settings-card"]')).toBeVisible();
+
+    const signingAxeLight = await new AxeBuilder({ page })
+      .withTags(['wcag2a', 'wcag2aa', 'wcag22aa'])
+      .analyze();
+    expect(signingAxeLight.violations).toEqual([]);
+
+    await page.screenshot({
+      path: path.join(UX_RUN_DIR, 'studio-signing-1280px-light.png'),
+    });
+
+    // 5. 375px Mobile Viewport Reflow Scan
+    await page.setViewportSize({ width: 375, height: 667 });
+    await page.locator('[data-testid="tab-templates"]').click();
+    await expect(page.locator('[data-testid="contracts-settings-view"]')).toBeVisible();
+
+    const mobileAxe = await new AxeBuilder({ page })
+      .withTags(['wcag2a', 'wcag2aa', 'wcag22aa'])
+      .analyze();
+    expect(mobileAxe.violations).toEqual([]);
+
+    await page.screenshot({
+      path: path.join(UX_RUN_DIR, 'contract-templates-375px-light.png'),
+    });
+  });
+});
diff --git a/tests/integration/contract-template-actions.test.ts b/tests/integration/contract-template-actions.test.ts
new file mode 100644
index 0000000..b67d2a0
--- /dev/null
+++ b/tests/integration/contract-template-actions.test.ts
@@ -0,0 +1,644 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+
+vi.mock('server-only', () => ({}));
+
+const mockCookiesStore = new Map<string, string>();
+const mockHeadersStore = new Map<string, string>();
+
+vi.mock('next/headers', () => ({
+  cookies: () =>
+    Promise.resolve({
+      get: (name: string) => {
+        const val = mockCookiesStore.get(name);
+        return val ? { name, value: val } : undefined;
+      },
+      set: (name: string, value: string) => {
+        mockCookiesStore.set(name, value);
+      },
+      delete: (name: string) => {
+        mockCookiesStore.delete(name);
+      },
+    }),
+  headers: () =>
+    Promise.resolve({
+      get: (name: string) => mockHeadersStore.get(name.toLowerCase()) ?? null,
+    }),
+}));
+
+import { createIsolatedTestDatabase, type TestDatabaseInstance } from '../helpers/db-test-helper';
+import type { DbClient } from '@/server/db/client';
+import { user } from '@/server/db/schema/auth';
+import { contractTemplates } from '@/server/db/schema/contracts';
+import { studioSettings } from '@/server/db/schema/studio-settings';
+import { auditEvents } from '@/server/db/schema/audit';
+import { createSession, SESSION_COOKIE_NAME } from '@/server/auth/session';
+import { eq, desc } from 'drizzle-orm';
+import {
+  createContractTemplateAction,
+  updateContractTemplateAction,
+  archiveContractTemplateAction,
+  updateStudioSigningSettingsAction,
+  getStudioSigningSettingsAction,
+  listContractTemplatesAction,
+} from '@/server/contracts/actions';
+import * as templateRepo from '@/server/contracts/template-repo';
+import * as studioSigning from '@/server/studio/signing-settings';
+
+describe('TASK-0065: Contract Template & Studio Signing Server Actions Integration Tests', () => {
+  let testDb: TestDatabaseInstance;
+  let dbClient: DbClient;
+  let ownerUser: { id: string; name: string; email: string; role: string };
+  let sessionToken: string;
+
+  beforeEach(async () => {
+    testDb = await createIsolatedTestDatabase();
+    dbClient = testDb.db as unknown as DbClient;
+
+    mockCookiesStore.clear();
+    mockHeadersStore.clear();
+
+    // Create Owner User
+    const [createdOwner] = await dbClient
+      .insert(user)
+      .values({
+        name: 'Elena Rostova',
+        email: 'elena@example.org',
+        emailVerified: true,
+        role: 'owner',
+      })
+      .returning();
+
+    if (!createdOwner) {
+      throw new Error('Failed to create test owner user');
+    }
+    ownerUser = createdOwner;
+
+    // Create Authenticated Session
+    const sessionResult = await createSession(ownerUser.id, dbClient);
+    sessionToken = sessionResult.token;
+    mockCookiesStore.set(SESSION_COOKIE_NAME, sessionToken);
+
+    // Initialize default studio settings
+    const [existingSettings] = await dbClient.select().from(studioSettings).limit(1);
+    if (!existingSettings) {
+      await dbClient.insert(studioSettings).values({
+        studio_name: 'Elena Rostova Photography',
+        default_locale: 'en',
+        timezone: 'Europe/Berlin',
+        currency: 'EUR',
+        contract_signatory_name: 'Elena Rostova',
+        contract_signatory_title: 'Lead Photographer & Studio Owner',
+        contract_countersignature_mode: 'pre_signed',
+        studio_address_line1: 'Kastanienallee 71',
+        studio_postal_code: '10435',
+        studio_city: 'Berlin',
+        studio_country_code: 'DE',
+      });
+    }
+  });
+
+  afterEach(async () => {
+    mockCookiesStore.clear();
+    mockHeadersStore.clear();
+    await testDb.destroy();
+  });
+
+  describe('Unauthenticated and Abuse Cases (AC-7)', () => {
+    it('AC-7: Rejects unauthenticated createContractTemplateAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await createContractTemplateAction(
+        {
+          name: 'Hacker Template',
+          slug: 'hacker-template',
+          contentEn: 'test',
+          contentDe: 'test',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects unauthenticated updateContractTemplateAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await updateContractTemplateAction(
+        {
+          id: '01920000-0000-7000-8000-000000000001',
+          name: 'New Name',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects unauthenticated archiveContractTemplateAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await archiveContractTemplateAction(
+        {
+          id: '01920000-0000-7000-8000-000000000001',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects unauthenticated updateStudioSigningSettingsAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await updateStudioSigningSettingsAction(
+        {
+          contractSignatoryName: 'Intruder',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects unauthenticated getStudioSigningSettingsAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await getStudioSigningSettingsAction(dbClient);
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects unauthenticated listContractTemplatesAction invocation', async () => {
+      mockCookiesStore.clear();
+      const res = await listContractTemplatesAction({}, dbClient);
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('UNAUTHENTICATED');
+      }
+    });
+
+    it('AC-7: Rejects non-owner user with FORBIDDEN across all actions', async () => {
+      const [nonOwner] = await dbClient
+        .insert(user)
+        .values({
+          name: 'Regular Client',
+          email: 'client@example.org',
+          emailVerified: true,
+          role: 'client',
+        })
+        .returning();
+
+      if (!nonOwner) throw new Error('Failed to create non-owner user');
+      const clientSession = await createSession(nonOwner.id, dbClient);
+      mockCookiesStore.set(SESSION_COOKIE_NAME, clientSession.token);
+
+      const createRes = await createContractTemplateAction(
+        {
+          name: 'Unauthorized Template',
+          slug: 'unauthorized-template',
+          contentEn: 'test',
+          contentDe: 'test',
+        },
+        dbClient,
+      );
+      expect(createRes.success).toBe(false);
+      if (!createRes.success) {
+        expect(createRes.code).toBe('FORBIDDEN');
+      }
+
+      const updateRes = await updateContractTemplateAction(
+        { id: '01920000-0000-7000-8000-000000000001', name: 'Unauthorized' },
+        dbClient,
+      );
+      expect(updateRes.success).toBe(false);
+      if (!updateRes.success) {
+        expect(updateRes.code).toBe('FORBIDDEN');
+      }
+
+      const archiveRes = await archiveContractTemplateAction(
+        { id: '01920000-0000-7000-8000-000000000001' },
+        dbClient,
+      );
+      expect(archiveRes.success).toBe(false);
+      if (!archiveRes.success) {
+        expect(archiveRes.code).toBe('FORBIDDEN');
+      }
+
+      const updateSettingsRes = await updateStudioSigningSettingsAction(
+        { contractSignatoryName: 'Intruder' },
+        dbClient,
+      );
+      expect(updateSettingsRes.success).toBe(false);
+      if (!updateSettingsRes.success) {
+        expect(updateSettingsRes.code).toBe('FORBIDDEN');
+      }
+
+      const getSettingsRes = await getStudioSigningSettingsAction(dbClient);
+      expect(getSettingsRes.success).toBe(false);
+      if (!getSettingsRes.success) {
+        expect(getSettingsRes.code).toBe('FORBIDDEN');
+      }
+
+      const listRes = await listContractTemplatesAction({}, dbClient);
+      expect(listRes.success).toBe(false);
+      if (!listRes.success) {
+        expect(listRes.code).toBe('FORBIDDEN');
+      }
+    });
+
+    it('AC-4: Rejects invalid schema input on createContractTemplateAction (empty name, invalid slug)', async () => {
+      const res = await createContractTemplateAction(
+        {
+          name: '',
+          slug: 'INVALID SLUG WITH SPACES',
+          contentEn: '',
+          contentDe: '',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('VALIDATION_FAILED');
+        expect(res.fields).toContain('name');
+        expect(res.fields).toContain('slug');
+      }
+    });
+
+    it('AC-4: Rejects invalid schema input on updateContractTemplateAction (invalid uuid)', async () => {
+      const res = await updateContractTemplateAction(
+        {
+          id: 'not-a-valid-uuid',
+          name: 'Updated Name',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('VALIDATION_FAILED');
+      }
+    });
+
+    it('AC-5: Rejects invalid schema input on archiveContractTemplateAction (invalid uuid)', async () => {
+      const res = await archiveContractTemplateAction(
+        {
+          id: 'not-a-valid-uuid',
+        },
+        dbClient,
+      );
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('VALIDATION_FAILED');
+      }
+    });
+  });
+
+  describe('Contract Template Lifecycle (AC-1, AC-4, AC-5)', () => {
+    it('AC-4: Creates a valid contract template, sets default, and logs audit event', async () => {
+      const res = await createContractTemplateAction(
+        {
+          name: 'Full Day Wedding Agreement',
+          slug: 'wedding-full-day',
+          description: 'Comprehensive agreement for full day coverage.',
+          projectTypeKey: 'wedding',
+          contentEn: 'Agreement between {{studio.name}} and {{client.name}}',
+          contentDe: 'Vertrag zwischen {{studio.name}} und {{client.name}}',
+          isDefault: true,
+          isActive: true,
+        },
+        dbClient,
+      );
+
+      expect(res.success).toBe(true);
+      if (res.success) {
+        expect(res.data.id).toBeDefined();
+        expect(res.data.name).toBe('Full Day Wedding Agreement');
+        expect(res.data.slug).toBe('wedding-full-day');
+        expect(res.data.isDefault).toBe(true);
+        expect(res.data.projectTypeKey).toBe('wedding');
+      }
+
+      // Check audit event
+      const [auditEvent] = await dbClient
+        .select()
+        .from(auditEvents)
+        .where(eq(auditEvents.action, 'contract_template.created'))
+        .orderBy(desc(auditEvents.occurredAt))
+        .limit(1);
+
+      expect(auditEvent).toBeDefined();
+      expect(auditEvent?.actorId).toBe(ownerUser.id);
+      expect(auditEvent?.targetId).toBe(res.success ? res.data.id : '');
+    });
+
+    it('AC-4: Updates an existing contract template', async () => {
+      const createdRes = await createContractTemplateAction(
+        {
+          name: 'Portrait Session Contract',
+          slug: 'portrait-session',
+          contentEn: 'Standard portrait clauses',
+          contentDe: 'Standard Portraet Klauseln',
+          isDefault: false,
+        },
+        dbClient,
+      );
+      expect(createdRes.success).toBe(true);
+      if (!createdRes.success) return;
+
+      const templateId = createdRes.data.id;
+
+      const updateRes = await updateContractTemplateAction(
+        {
+          id: templateId,
+          name: 'Deluxe Portrait Agreement',
+          description: 'Updated portrait contract description',
+          contentEn: 'Updated English portrait clauses',
+        },
+        dbClient,
+      );
+
+      expect(updateRes.success).toBe(true);
+      if (updateRes.success) {
+        expect(updateRes.data.name).toBe('Deluxe Portrait Agreement');
+        expect(updateRes.data.description).toBe('Updated portrait contract description');
+        expect(updateRes.data.contentEn).toBe('Updated English portrait clauses');
+        expect(updateRes.data.contentDe).toBe('Standard Portraet Klauseln');
+      }
+    });
+
+    it('AC-5: Soft deletes (archives) and restores a contract template', async () => {
+      const createdRes = await createContractTemplateAction(
+        {
+          name: 'Commercial Agreement',
+          slug: 'commercial-agreement',
+          contentEn: 'Commercial clauses',
+          contentDe: 'Kommerzielle Klauseln',
+          isActive: true,
+        },
+        dbClient,
+      );
+      expect(createdRes.success).toBe(true);
+      if (!createdRes.success) return;
+
+      const templateId = createdRes.data.id;
+
+      // Archive template
+      const archiveRes = await archiveContractTemplateAction(
+        {
+          id: templateId,
+          isActive: false,
+        },
+        dbClient,
+      );
+      expect(archiveRes.success).toBe(true);
+      if (archiveRes.success) {
+        expect(archiveRes.data.isActive).toBe(false);
+      }
+
+      // Check in DB
+      const [inDb] = await dbClient
+        .select()
+        .from(contractTemplates)
+        .where(eq(contractTemplates.id, templateId));
+      expect(inDb?.isActive).toBe(false);
+
+      // Restore template
+      const restoreRes = await archiveContractTemplateAction(
+        {
+          id: templateId,
+          isActive: true,
+        },
+        dbClient,
+      );
+      expect(restoreRes.success).toBe(true);
+      if (restoreRes.success) {
+        expect(restoreRes.data.isActive).toBe(true);
+      }
+
+      const [restoredInDb] = await dbClient
+        .select()
+        .from(contractTemplates)
+        .where(eq(contractTemplates.id, templateId));
+      expect(restoredInDb?.isActive).toBe(true);
+    });
+
+    it('AC-1: listContractTemplatesAction returns active and archived templates', async () => {
+      await createContractTemplateAction(
+        {
+          name: 'Active Template 1',
+          slug: 'active-template-1',
+          contentEn: 'content',
+          contentDe: 'inhalt',
+          isActive: true,
+        },
+        dbClient,
+      );
+      const toArchive = await createContractTemplateAction(
+        {
+          name: 'Archived Template 2',
+          slug: 'archived-template-2',
+          contentEn: 'content',
+          contentDe: 'inhalt',
+          isActive: true,
+        },
+        dbClient,
+      );
+      if (toArchive.success) {
+        await archiveContractTemplateAction({ id: toArchive.data.id, isActive: false }, dbClient);
+      }
+
+      const allTemplates = await listContractTemplatesAction({}, dbClient);
+      expect(allTemplates.success).toBe(true);
+      if (allTemplates.success) {
+        expect(allTemplates.data.length).toBeGreaterThanOrEqual(2);
+        const hasActive = allTemplates.data.some(
+          (t) => t.slug === 'active-template-1' && t.isActive,
+        );
+        const hasArchived = allTemplates.data.some(
+          (t) => t.slug === 'archived-template-2' && !t.isActive,
+        );
+        expect(hasActive).toBe(true);
+        expect(hasArchived).toBe(true);
+      }
+    });
+  });
+
+  describe('Studio Signing Configuration (AC-6)', () => {
+    it('AC-6: Updates studio signatory legal name, title, countersignature mode, and studio physical address', async () => {
+      const res = await updateStudioSigningSettingsAction(
+        {
+          contractSignatoryName: 'Elena Maria Rostova',
+          contractSignatoryTitle: 'Owner, Principal Photographer',
+          contractCountersignatureMode: 'explicit',
+          studioAddressLine1: 'Torstraße 100',
+          studioAddressLine2: 'Hinterhaus 2. OG',
+          studioPostalCode: '10119',
+          studioCity: 'Berlin',
+          studioCountryCode: 'DE',
+          studioPhone: '+49 30 11223344',
+          studioEmail: 'contact@elena-rostova.example.com',
+        },
+        dbClient,
+      );
+
+      expect(res.success).toBe(true);
+      if (res.success) {
+        expect(res.data.contract_signatory_name).toBe('Elena Maria Rostova');
+        expect(res.data.contract_signatory_title).toBe('Owner, Principal Photographer');
+        expect(res.data.contract_countersignature_mode).toBe('explicit');
+        expect(res.data.studio_address_line1).toBe('Torstraße 100');
+        expect(res.data.studio_address_line2).toBe('Hinterhaus 2. OG');
+        expect(res.data.studio_postal_code).toBe('10119');
+        expect(res.data.studio_city).toBe('Berlin');
+        expect(res.data.studio_country_code).toBe('DE');
+      }
+
+      // Check settings retrieval
+      const getRes = await getStudioSigningSettingsAction(dbClient);
+      expect(getRes.success).toBe(true);
+      if (getRes.success) {
+        expect(getRes.data.contract_signatory_name).toBe('Elena Maria Rostova');
+        expect(getRes.data.contract_countersignature_mode).toBe('explicit');
+      }
+    });
+
+    it('AC-6: Rejects invalid studio country code or email', async () => {
+      const res = await updateStudioSigningSettingsAction(
+        {
+          studioCountryCode: 'INVALID_LONG_CODE',
+          studioEmail: 'not-an-email',
+        },
+        dbClient,
+      );
+
+      expect(res.success).toBe(false);
+      if (!res.success) {
+        expect(res.code).toBe('VALIDATION_FAILED');
+      }
+    });
+
+    it('handles unexpected database failures and returns INTERNAL_ERROR across all actions', async () => {
+      // 1. createContractTemplate failure
+      const createSpy = vi
+        .spyOn(templateRepo, 'createContractTemplate')
+        .mockRejectedValueOnce(new Error('Database write error'));
+
+      const createRes = await createContractTemplateAction(
+        {
+          name: 'Fail Template',
+          slug: 'fail-template',
+          contentEn: 'content',
+          contentDe: 'inhalt',
+        },
+        dbClient,
+      );
+      expect(createRes.success).toBe(false);
+      if (!createRes.success) {
+        expect(createRes.code).toBe('INTERNAL_ERROR');
+      }
+      createSpy.mockRestore();
+
+      // 2. updateContractTemplate failure
+      const updateSpy = vi
+        .spyOn(templateRepo, 'updateContractTemplate')
+        .mockRejectedValueOnce(new Error('Database update error'));
+
+      const updateRes = await updateContractTemplateAction(
+        {
+          id: '01920000-0000-7000-8000-000000000001',
+          name: 'Updated Name',
+        },
+        dbClient,
+      );
+      expect(updateRes.success).toBe(false);
+      if (!updateRes.success) {
+        expect(updateRes.code).toBe('INTERNAL_ERROR');
+      }
+      updateSpy.mockRestore();
+
+      // 3. deleteContractTemplate failure (archive)
+      const deleteSpy = vi
+        .spyOn(templateRepo, 'deleteContractTemplate')
+        .mockRejectedValueOnce(new Error('Database delete error'));
+
+      const archiveRes = await archiveContractTemplateAction(
+        {
+          id: '01920000-0000-7000-8000-000000000001',
+          isActive: false,
+        },
+        dbClient,
+      );
+      expect(archiveRes.success).toBe(false);
+      if (!archiveRes.success) {
+        expect(archiveRes.code).toBe('INTERNAL_ERROR');
+      }
+      deleteSpy.mockRestore();
+
+      // 4. updateStudioSigningProfile failure
+      const updateSigningSpy = vi
+        .spyOn(studioSigning, 'updateStudioSigningProfile')
+        .mockRejectedValueOnce(new Error('Database signing update error'));
+
+      const updateSigningRes = await updateStudioSigningSettingsAction(
+        {
+          contractSignatoryName: 'Elena Rostova',
+        },
+        dbClient,
+      );
+      expect(updateSigningRes.success).toBe(false);
+      if (!updateSigningRes.success) {
+        expect(updateSigningRes.code).toBe('INTERNAL_ERROR');
+      }
+      updateSigningSpy.mockRestore();
+
+      // 5. getStudioSigningProfile failure
+      const getSigningSpy = vi
+        .spyOn(studioSigning, 'getStudioSigningProfile')
+        .mockRejectedValueOnce(new Error('Database signing read error'));
+
+      const getSigningRes = await getStudioSigningSettingsAction(dbClient);
+      expect(getSigningRes.success).toBe(false);
+      if (!getSigningRes.success) {
+        expect(getSigningRes.code).toBe('INTERNAL_ERROR');
+      }
+      getSigningSpy.mockRestore();
+
+      // 6. listContractTemplates failure
+      const listSpy = vi
+        .spyOn(templateRepo, 'listContractTemplates')
+        .mockRejectedValueOnce(new Error('Database list error'));
+
+      const listRes = await listContractTemplatesAction({}, dbClient);
+      expect(listRes.success).toBe(false);
+      if (!listRes.success) {
+        expect(listRes.code).toBe('INTERNAL_ERROR');
+      }
+      listSpy.mockRestore();
+
+      // 7. Non-Error exception branch (string throw)
+      const stringSpy = vi
+        .spyOn(templateRepo, 'createContractTemplate')
+        .mockRejectedValueOnce('string-exception');
+
+      const stringRes = await createContractTemplateAction(
+        {
+          name: 'Fail Template',
+          slug: 'fail-template',
+          contentEn: 'content',
+          contentDe: 'inhalt',
+        },
+        dbClient,
+      );
+      expect(stringRes.success).toBe(false);
+      if (!stringRes.success) {
+        expect(stringRes.code).toBe('INTERNAL_ERROR');
+        expect(stringRes.error).toBe('Failed to create contract template');
+      }
+      stringSpy.mockRestore();
+    });
+  });
+});
diff --git a/tests/unit/contract-template-form-schema.test.ts b/tests/unit/contract-template-form-schema.test.ts
new file mode 100644
index 0000000..b0358c2
--- /dev/null
+++ b/tests/unit/contract-template-form-schema.test.ts
@@ -0,0 +1,1307 @@
+import { describe, it, expect, vi } from 'vitest';
+import type * as React from 'react';
+import {
+  generateTemplateSlug,
+  insertTokenAtCursor,
+  interpolateContractPreview,
+  filterContractTemplates,
+  validateContractTemplateForm,
+  validateStudioSigningForm,
+  initialSigningFormDataFromSettings,
+  initialTemplateFormData,
+  createStudioSigningController,
+  createContractTemplateModalController,
+  createContractTemplatesListController,
+  createContractsSettingsViewController,
+  getProjectTypeLabelKey,
+  PROJECT_TYPE_LABELS,
+  createModalDialogHandlers,
+  SAMPLE_COMMISSION_DATA_DE,
+  TOKEN_CATEGORIES,
+  EMPTY_TEMPLATE_FORM_DATA,
+  type StudioSigningFormData,
+  type ContractTemplateFormData,
+} from '@/components/settings/contracts-helpers';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+import type { StudioSettings } from '@/server/db/schema/studio-settings';
+
+const dummyT = (key: string) => `mocked_${key}`;
+
+describe('TASK-0065: Contract Template View-Model & Form Helpers Unit Tests', () => {
+  describe('Slug Generation & Token Insertion (AC-2, AC-3)', () => {
+    it('AC-2: generateTemplateSlug converts template name to lowercase kebab-case', () => {
+      expect(generateTemplateSlug('Full Day Wedding Agreement')).toBe('full-day-wedding-agreement');
+      expect(generateTemplateSlug('Commercial Model & Property Release 2026!')).toBe(
+        'commercial-model-property-release-2026',
+      );
+      expect(generateTemplateSlug('   Portrait -- Agreement   ')).toBe('portrait-agreement');
+      expect(generateTemplateSlug('Künstlervertrag & Übertragung')).toBe(
+        'kunstlervertrag-ubertragung',
+      );
+    });
+
+    it('AC-3: insertTokenAtCursor inserts token formatted with double braces at cursor position', () => {
+      const original = 'Agreement between  and client';
+      const result = insertTokenAtCursor(original, 'studio.name', 18, 18);
+      expect(result.newText).toBe('Agreement between {{studio.name}} and client');
+      expect(result.newCursorPos).toBe(18 + '{{studio.name}}'.length);
+    });
+
+    it('AC-3: insertTokenAtCursor replaces selected text when selectionStart < selectionEnd', () => {
+      const original = 'Client: [INSERT_NAME_HERE]';
+      const start = original.indexOf('[INSERT_NAME_HERE]');
+      const end = start + '[INSERT_NAME_HERE]'.length;
+      const result = insertTokenAtCursor(original, 'client.name', start, end);
+      expect(result.newText).toBe('Client: {{client.name}}');
+      expect(result.newCursorPos).toBe(start + '{{client.name}}'.length);
+    });
+
+    it('AC-3: insertTokenAtCursor appends token at the end when selection is undefined', () => {
+      const original = 'Notes: ';
+      const result = insertTokenAtCursor(original, 'project.notes');
+      expect(result.newText).toBe('Notes: {{project.notes}}');
+      expect(result.newCursorPos).toBe(original.length + '{{project.notes}}'.length);
+    });
+
+    it('AC-3: TOKEN_CATEGORIES palette contains all 6 required namespaces', () => {
+      const categoryIds = TOKEN_CATEGORIES.map((c) => c.id);
+      expect(categoryIds).toContain('client');
+      expect(categoryIds).toContain('project');
+      expect(categoryIds).toContain('shoot');
+      expect(categoryIds).toContain('package');
+      expect(categoryIds).toContain('studio');
+      expect(categoryIds).toContain('contract');
+
+      const allTokens = TOKEN_CATEGORIES.flatMap((c) => c.tokens.map((t) => t.token));
+      expect(allTokens).toContain('client.name');
+      expect(allTokens).toContain('project.title');
+      expect(allTokens).toContain('shoot.date');
+      expect(allTokens).toContain('package.total');
+      expect(allTokens).toContain('studio.name');
+      expect(allTokens).toContain('contract.number');
+    });
+  });
+
+  describe('Live Merge Preview Interpolation (AC-3)', () => {
+    it('AC-3: interpolateContractPreview replaces merge tokens with synthetic sample values', () => {
+      const template =
+        'Contract {{contract.number}} for {{client.name}} by {{studio.name}} on {{shoot.date}} for {{package.total}}.';
+      const preview = interpolateContractPreview(template);
+      expect(preview).toContain('CTR-2026-0042');
+      expect(preview).toContain('Sarah & Michael Jenkins');
+      expect(preview).toContain('Lumière Photography Studio');
+      expect(preview).toContain('August 15, 2026');
+      expect(preview).toContain('€2,800.00');
+    });
+
+    it('AC-3: interpolateContractPreview safely removes unknown or unmapped tokens', () => {
+      const template = 'Hello {{client.name}}, {{unmapped.field}} and {{  spaces.token  }}!';
+      const preview = interpolateContractPreview(template);
+      expect(preview).toBe('Hello Sarah & Michael Jenkins,  and !');
+      expect(preview).not.toContain('{{');
+      expect(preview).not.toContain('}}');
+    });
+
+    it('AC-3: interpolateContractPreview handles German sample commission data', () => {
+      const template = 'Termin: {{shoot.date}}, Typ: {{project.type}}, Land: {{client.country}}';
+      const preview = interpolateContractPreview(template, SAMPLE_COMMISSION_DATA_DE);
+      expect(preview).toContain('15. August 2026');
+      expect(preview).toContain('Hochzeit');
+      expect(preview).toContain('Deutschland');
+    });
+
+    it('AC-3: interpolateContractPreview handles empty template text gracefully', () => {
+      expect(interpolateContractPreview('')).toBe('');
+    });
+  });
+
+  describe('Template Filtering & Sorting (AC-1, AC-5)', () => {
+    const mockTemplates: ContractTemplate[] = [
+      {
+        id: '1',
+        name: 'Wedding Photography Standard',
+        slug: 'wedding-standard',
+        description: 'Standard wedding contract',
+        projectTypeKey: 'wedding',
+        contentEn: 'Wedding clauses EN',
+        contentDe: 'Wedding clauses DE',
+        isDefault: true,
+        isActive: true,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      },
+      {
+        id: '2',
+        name: 'Portrait Session Agreement',
+        slug: 'portrait-session',
+        description: 'Portrait contract',
+        projectTypeKey: 'portrait',
+        contentEn: 'Portrait clauses EN',
+        contentDe: 'Portrait clauses DE',
+        isDefault: false,
+        isActive: true,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      },
+      {
+        id: '3',
+        name: 'Commercial Agreement (Archived)',
+        slug: 'commercial-archived',
+        description: 'Old commercial license terms',
+        projectTypeKey: 'commercial',
+        contentEn: 'Commercial clauses EN',
+        contentDe: 'Commercial clauses DE',
+        isDefault: false,
+        isActive: false,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      },
+      {
+        id: '4',
+        name: 'All-Day Wedding Deluxe',
+        slug: 'wedding-deluxe',
+        description: 'Deluxe package agreement',
+        projectTypeKey: 'wedding',
+        contentEn: 'Deluxe clauses EN',
+        contentDe: 'Deluxe clauses DE',
+        isDefault: false,
+        isActive: true,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+      },
+    ];
+
+    it('AC-1: filterContractTemplates returns only active templates by default, sorted with defaults first', () => {
+      const result = filterContractTemplates(mockTemplates);
+      expect(result.length).toBe(3);
+      expect(result[0]?.slug).toBe('wedding-standard'); // isDefault: true
+      expect(result.some((t) => t.slug === 'commercial-archived')).toBe(false);
+    });
+
+    it('AC-1: filterContractTemplates filters by projectTypeKey', () => {
+      const weddingTemplates = filterContractTemplates(mockTemplates, {
+        projectTypeKey: 'wedding',
+      });
+      expect(weddingTemplates.length).toBe(2);
+      expect(weddingTemplates.every((t) => t.projectTypeKey === 'wedding')).toBe(true);
+
+      const portraitTemplates = filterContractTemplates(mockTemplates, {
+        projectTypeKey: 'portrait',
+      });
+      expect(portraitTemplates.length).toBe(1);
+      expect(portraitTemplates[0]?.slug).toBe('portrait-session');
+    });
+
+    it('AC-5: filterContractTemplates filters archived templates when showArchived is true', () => {
+      const archived = filterContractTemplates(mockTemplates, { showArchived: true });
+      expect(archived.length).toBe(1);
+      expect(archived[0]?.slug).toBe('commercial-archived');
+      expect(archived[0]?.isActive).toBe(false);
+    });
+
+    it('AC-1: filterContractTemplates filters by search query matching name, slug, or description', () => {
+      const searched = filterContractTemplates(mockTemplates, { searchQuery: 'deluxe' });
+      expect(searched.length).toBe(1);
+      expect(searched[0]?.slug).toBe('wedding-deluxe');
+
+      const searchedSlug = filterContractTemplates(mockTemplates, {
+        searchQuery: 'portrait-session',
+      });
+      expect(searchedSlug.length).toBe(1);
+      expect(searchedSlug[0]?.name).toBe('Portrait Session Agreement');
+    });
+
+    it('AC-1: filterContractTemplates sorts default templates before non-default templates', () => {
+      const t0 = mockTemplates[0];
+      const t1 = mockTemplates[1];
+      if (!t0 || !t1) throw new Error('Missing mock templates');
+      const nonDefaultFirst: ContractTemplate[] = [
+        { ...t1, isDefault: false },
+        { ...t0, isDefault: true },
+      ];
+      const sorted = filterContractTemplates(nonDefaultFirst);
+      expect(sorted[0]?.isDefault).toBe(true);
+      expect(sorted[1]?.isDefault).toBe(false);
+    });
+
+    it('AC-1: filterContractTemplates filters by search query matching description', () => {
+      const searched = filterContractTemplates(mockTemplates, { searchQuery: 'license terms' });
+      expect(searched.length).toBe(0);
+      // In mockTemplates, 'license terms' is in commercial-archived, so when showArchived is true:
+      const searchedArchived = filterContractTemplates(mockTemplates, {
+        showArchived: true,
+        searchQuery: 'license terms',
+      });
+      expect(searchedArchived.length).toBe(1);
+      expect(searchedArchived[0]?.slug).toBe('commercial-archived');
+
+      // Search matching nothing
+      const noMatch = filterContractTemplates(mockTemplates, { searchQuery: 'nonexistent-xyz' });
+      expect(noMatch.length).toBe(0);
+    });
+  });
+
+  describe('Form Validation Schema Helpers (AC-4, AC-6)', () => {
+    it('AC-4: validateContractTemplateForm reports errors on missing required fields', () => {
+      const errors = validateContractTemplateForm(EMPTY_TEMPLATE_FORM_DATA, dummyT);
+      expect(errors.name).toBe('mocked_modal.errors.nameRequired');
+      expect(errors.slug).toBe('mocked_modal.errors.slugRequired');
+      expect(errors.contentEn).toBe('mocked_modal.errors.contentEnRequired');
+      expect(errors.contentDe).toBe('mocked_modal.errors.contentDeRequired');
+    });
+
+    it('AC-4: validateContractTemplateForm reports error on overly long name, slug, or description', () => {
+      const errors = validateContractTemplateForm(
+        {
+          name: 'A'.repeat(151),
+          slug: 'valid-slug-' + 'a'.repeat(95),
+          description: 'D'.repeat(1001),
+          projectTypeKey: '',
+          contentEn: 'EN text',
+          contentDe: 'DE text',
+          isDefault: false,
+          isActive: true,
+        },
+        dummyT,
+      );
+      expect(errors.name).toBe('mocked_modal.errors.nameTooLong');
+      expect(errors.slug).toBe('mocked_modal.errors.slugTooLong');
+      expect(errors.description).toBe('mocked_modal.errors.descriptionTooLong');
+    });
+
+    it('AC-4: validateContractTemplateForm reports error on invalid slug characters or length', () => {
+      const errors = validateContractTemplateForm(
+        {
+          name: 'Valid Name',
+          slug: 'Invalid Slug with Spaces!',
+          description: '',
+          projectTypeKey: '',
+          contentEn: 'EN text',
+          contentDe: 'DE text',
+          isDefault: false,
+          isActive: true,
+        },
+        dummyT,
+      );
+      expect(errors.slug).toBe('mocked_modal.errors.slugInvalid');
+    });
+
+    it('AC-4: validateContractTemplateForm accepts valid form data', () => {
+      const errors = validateContractTemplateForm(
+        {
+          name: 'Standard Agreement',
+          slug: 'standard-agreement',
+          description: 'A valid description',
+          projectTypeKey: 'portrait',
+          contentEn: 'EN text',
+          contentDe: 'DE text',
+          isDefault: true,
+          isActive: true,
+        },
+        dummyT,
+      );
+      expect(Object.keys(errors).length).toBe(0);
+    });
+
+    it('AC-6: validateStudioSigningForm validates country code, email, and max lengths', () => {
+      const errors = validateStudioSigningForm(
+        {
+          contractSignatoryName: 'Elena Rostova',
+          contractSignatoryTitle: 'Owner',
+          contractCountersignatureMode: 'explicit',
+          studioAddressLine1: 'Musterweg 1',
+          studioAddressLine2: '',
+          studioPostalCode: '10115',
+          studioCity: 'Berlin',
+          studioCountryCode: 'GERMANY_TOO_LONG',
+          studioPhone: '+49 30 12345',
+          studioEmail: 'not-an-email',
+        },
+        dummyT,
+      );
+
+      expect(errors.studioCountryCode).toBe('mocked_signing.errors.countryCodeInvalid');
+      expect(errors.studioEmail).toBe('mocked_signing.errors.emailInvalid');
+
+      // Test name and title length caps
+      const lengthErrors = validateStudioSigningForm(
+        {
+          contractSignatoryName: 'N'.repeat(201),
+          contractSignatoryTitle: 'T'.repeat(101),
+          contractCountersignatureMode: 'pre_signed',
+          studioAddressLine1: '',
+          studioAddressLine2: '',
+          studioPostalCode: '',
+          studioCity: '',
+          studioCountryCode: 'DE',
+          studioPhone: '',
+          studioEmail: 'valid@example.org',
+        },
+        dummyT,
+      );
+      expect(lengthErrors.contractSignatoryName).toBe('mocked_signing.errors.signatoryNameTooLong');
+      expect(lengthErrors.contractSignatoryTitle).toBe(
+        'mocked_signing.errors.signatoryTitleTooLong',
+      );
+    });
+
+    it('AC-6: initialSigningFormDataFromSettings maps StudioSettings to form state', () => {
+      const settings: StudioSettings = {
+        id: '01920000-0000-7000-8000-000000000001',
+        studio_name: 'Studio Lumiere',
+        default_locale: 'en',
+        timezone: 'UTC',
+        currency: 'EUR',
+        mfa_required: false,
+        mfa_postponed_until: null,
+        forms_pow_hmac_key: null,
+        tax_number: '123/456',
+        vat_id: 'DE123',
+        is_kleinunternehmer: false,
+        kleinunternehmer_notice: null,
+        default_tax_rate_basis_points: 1900,
+        prices_include_tax: true,
+        contract_signatory_name: 'Elena Rostova',
+        contract_signatory_title: 'Lead Photographer',
+        contract_countersignature_mode: 'explicit',
+        studio_address_line1: 'Kastanienallee 71',
+        studio_address_line2: 'Studio 4B',
+        studio_postal_code: '10435',
+        studio_city: 'Berlin',
+        studio_country_code: 'DE',
+        studio_phone: '+49 30 98765',
+        studio_email: 'elena@lumiere.example.com',
+        created_at: new Date(),
+        updated_at: new Date(),
+      };
+
+      const formData = initialSigningFormDataFromSettings(settings);
+      expect(formData.contractSignatoryName).toBe('Elena Rostova');
+      expect(formData.contractSignatoryTitle).toBe('Lead Photographer');
+      expect(formData.contractCountersignatureMode).toBe('explicit');
+      expect(formData.studioAddressLine1).toBe('Kastanienallee 71');
+      expect(formData.studioAddressLine2).toBe('Studio 4B');
+      expect(formData.studioPostalCode).toBe('10435');
+      expect(formData.studioCity).toBe('Berlin');
+      expect(formData.studioCountryCode).toBe('DE');
+      expect(formData.studioPhone).toBe('+49 30 98765');
+      expect(formData.studioEmail).toBe('elena@lumiere.example.com');
+    });
+
+    it('AC-6: initialSigningFormDataFromSettings handles settings with null fields', () => {
+      const emptySettings: StudioSettings = {
+        id: '01920000-0000-7000-8000-000000000002',
+        studio_name: 'Empty Studio',
+        default_locale: 'en',
+        timezone: 'UTC',
+        currency: 'EUR',
+        mfa_required: false,
+        mfa_postponed_until: null,
+        forms_pow_hmac_key: null,
+        tax_number: null,
+        vat_id: null,
+        is_kleinunternehmer: false,
+        kleinunternehmer_notice: null,
+        default_tax_rate_basis_points: 1900,
+        prices_include_tax: true,
+        contract_signatory_name: null,
+        contract_signatory_title: null,
+        contract_countersignature_mode: 'pre_signed',
+        studio_address_line1: null,
+        studio_address_line2: null,
+        studio_postal_code: null,
+        studio_city: null,
+        studio_country_code: 'DE',
+        studio_phone: null,
+        studio_email: null,
+        created_at: new Date(),
+        updated_at: new Date(),
+      };
+
+      const formData = initialSigningFormDataFromSettings(emptySettings);
+      expect(formData.contractSignatoryName).toBe('');
+      expect(formData.contractSignatoryTitle).toBe('');
+      expect(formData.studioAddressLine1).toBe('');
+      expect(formData.studioPostalCode).toBe('');
+      expect(formData.studioCity).toBe('');
+      expect(formData.studioPhone).toBe('');
+      expect(formData.studioEmail).toBe('');
+    });
+
+    it('AC-6: validateStudioSigningForm allows valid empty optional fields', () => {
+      const validEmpty: StudioSigningFormData = {
+        contractSignatoryName: '',
+        contractSignatoryTitle: '',
+        contractCountersignatureMode: 'pre_signed',
+        studioAddressLine1: '',
+        studioAddressLine2: '',
+        studioPostalCode: '',
+        studioCity: '',
+        studioCountryCode: '',
+        studioPhone: '',
+        studioEmail: '',
+      };
+      const errors = validateStudioSigningForm(validEmpty, dummyT);
+      expect(Object.keys(errors).length).toBe(0);
+    });
+
+    it('AC-6: initialSigningFormDataFromSettings handles null or undefined settings', () => {
+      const formData = initialSigningFormDataFromSettings(null);
+      expect(formData.contractCountersignatureMode).toBe('pre_signed');
+      expect(formData.studioCountryCode).toBe('DE');
+      expect(formData.contractSignatoryName).toBe('');
+    });
+  });
+
+  describe('Template Form Initialization & Controllers (AC-2, AC-3, AC-6)', () => {
+    const mockTmpl: ContractTemplate = {
+      id: '01920000-0000-7000-8000-000000000001',
+      name: 'Wedding Standard',
+      slug: 'wedding-standard',
+      description: 'Standard wedding agreement',
+      projectTypeKey: 'wedding',
+      isDefault: true,
+      isActive: true,
+      contentEn: 'Wedding English Agreement',
+      contentDe: 'Hochzeit Deutsche Vereinbarung',
+      createdAt: new Date(),
+      updatedAt: new Date(),
+    };
+
+    it('initialTemplateFormData initializes new, existing, and duplicate template forms', () => {
+      // New template
+      const empty = initialTemplateFormData(null);
+      expect(empty.name).toBe('');
+      expect(empty.slug).toBe('');
+      expect(empty.isActive).toBe(true);
+
+      // Existing template
+      const existing = initialTemplateFormData(mockTmpl);
+      expect(existing.id).toBe(mockTmpl.id);
+      expect(existing.name).toBe('Wedding Standard');
+      expect(existing.isDefault).toBe(true);
+
+      // Duplicate template
+      const duplicate = initialTemplateFormData(mockTmpl, true);
+      expect(duplicate.id).toBeUndefined();
+      expect(duplicate.name).toBe('Wedding Standard (Copy)');
+      expect(duplicate.slug).toBe('wedding-standard-copy');
+      expect(duplicate.isDefault).toBe(false);
+    });
+
+    it('createStudioSigningController manages form field updates and validation/save lifecycle', async () => {
+      let state: StudioSigningFormData = {
+        contractSignatoryName: '',
+        contractSignatoryTitle: '',
+        contractCountersignatureMode: 'pre_signed',
+        studioAddressLine1: '',
+        studioAddressLine2: '',
+        studioPostalCode: '',
+        studioCity: '',
+        studioCountryCode: 'DE',
+        studioPhone: '',
+        studioEmail: '',
+      };
+      let errors: Record<string, string> = {};
+      let showSuccess = false;
+
+      const setFormData = vi.fn((updater: unknown) => {
+        state =
+          typeof updater === 'function'
+            ? (updater as (prev: StudioSigningFormData) => StudioSigningFormData)(state)
+            : (updater as StudioSigningFormData);
+      });
+      const setErrors = vi.fn((errs: unknown) => {
+        errors = errs as Record<string, string>;
+      });
+      const setShowSuccess = vi.fn((val: boolean) => {
+        showSuccess = val;
+      });
+      const setIsSubmitting = vi.fn();
+      const onSave = vi.fn().mockResolvedValue(true);
+
+      const controller = createStudioSigningController({
+        formData: state,
+        setFormData,
+        setErrors,
+        setIsSubmitting,
+        setShowSuccess,
+        onSave,
+        t: dummyT,
+      });
+
+      // Field changes
+      controller.handleSignatoryNameChange({
+        target: { value: 'Elena Rostova' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleSignatoryTitleChange({
+        target: { value: 'Principal' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleAddressLine1Change({
+        target: { value: 'Torstraße 1' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleAddressLine2Change({
+        target: { value: 'VH 3' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handlePostalCodeChange({
+        target: { value: '10119' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleCityChange({
+        target: { value: 'Berlin' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleCountryCodeChange({
+        target: { value: 'DE' },
+      } as React.ChangeEvent<HTMLSelectElement>);
+      controller.handlePhoneChange({
+        target: { value: '+49 30 123' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleEmailChange({
+        target: { value: 'elena@example.com' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleSelectExplicit();
+      controller.handleSelectPreSigned();
+
+      expect(setFormData).toHaveBeenCalled();
+      expect(setShowSuccess).toHaveBeenCalledWith(false);
+
+      // Submit with valid data
+      const preventDefault = vi.fn();
+      const e = { preventDefault } as unknown as React.SyntheticEvent;
+      controller.handleSubmit(e);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(preventDefault).toHaveBeenCalled();
+      expect(onSave).toHaveBeenCalled();
+      expect(setShowSuccess).toHaveBeenCalledWith(true);
+      expect(showSuccess).toBe(true);
+
+      // Submit with invalid data
+      const invalidController = createStudioSigningController({
+        formData: { ...state, studioCountryCode: 'TOO_LONG' },
+        setFormData,
+        setErrors,
+        setIsSubmitting,
+        setShowSuccess,
+        onSave,
+        t: dummyT,
+      });
+      invalidController.handleSubmit(e);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(setErrors).toHaveBeenCalled();
+      expect(Object.keys(errors).length).toBeGreaterThan(0);
+    });
+
+    it('createContractTemplateModalController handles token insertion, tabs, and save lifecycle', async () => {
+      let state: ContractTemplateFormData = {
+        name: '',
+        slug: '',
+        description: '',
+        projectTypeKey: '',
+        isDefault: false,
+        contentEn: 'Hello World',
+        contentDe: 'Hallo Welt',
+        isActive: true,
+      };
+      let errors: Record<string, string> = {};
+      let activeClauseTab: 'en' | 'de' = 'en';
+      let announcement = '';
+
+      const setFormData = vi.fn((updater: unknown) => {
+        state =
+          typeof updater === 'function'
+            ? (updater as (prev: ContractTemplateFormData) => ContractTemplateFormData)(state)
+            : (updater as ContractTemplateFormData);
+      });
+      const setErrors = vi.fn((errs: unknown) => {
+        errors = errs as Record<string, string>;
+      });
+      const setActiveClauseTab = vi.fn((tab: 'en' | 'de') => {
+        activeClauseTab = tab;
+      });
+      const setLiveAnnouncement = vi.fn((msg: string) => {
+        announcement = msg;
+      });
+      const onClose = vi.fn();
+      const onSave = vi.fn().mockResolvedValue(true);
+
+      const controller = createContractTemplateModalController({
+        formData: state,
+        setFormData,
+        setErrors,
+        activeClauseTab,
+        setActiveClauseTab,
+        setLiveAnnouncement,
+        onClose,
+        onSave,
+        t: dummyT,
+      });
+
+      // Field changes (including auto-slug generation on name change)
+      controller.handleNameChange({
+        target: { value: 'New Portrait' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleSlugChange({
+        target: { value: 'custom-portrait' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleDescriptionChange({
+        target: { value: 'Portrait desc' },
+      } as React.ChangeEvent<HTMLTextAreaElement>);
+      controller.handleProjectTypeChange({
+        target: { value: 'portrait' },
+      } as React.ChangeEvent<HTMLSelectElement>);
+      controller.handleDefaultChange({
+        target: { checked: true },
+      } as React.ChangeEvent<HTMLInputElement>);
+      controller.handleContentEnChange({
+        target: { value: 'Updated EN' },
+      } as React.ChangeEvent<HTMLTextAreaElement>);
+      controller.handleContentDeChange({
+        target: { value: 'Updated DE' },
+      } as React.ChangeEvent<HTMLTextAreaElement>);
+
+      // Tab controls
+      controller.handleSelectEnClauseTab();
+      controller.handleSelectDeClauseTab();
+      expect(setActiveClauseTab).toHaveBeenCalledWith('de');
+
+      // Token insertion in EN and DE
+      controller.handleInsertToken('client.name');
+      expect(setLiveAnnouncement).toHaveBeenCalled();
+      expect(announcement).toBeDefined();
+
+      // Submit with invalid data
+      const preventDefault = vi.fn();
+      const e = { preventDefault } as unknown as React.SyntheticEvent;
+      controller.handleSubmit(e);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(setErrors).toHaveBeenCalled();
+      expect(Object.keys(errors).length).toBeGreaterThan(0);
+
+      // Submit with valid data
+      const validController = createContractTemplateModalController({
+        formData: {
+          ...state,
+          name: 'Valid Name',
+          slug: 'valid-slug',
+          contentEn: 'Valid EN',
+          contentDe: 'Valid DE',
+        },
+        setFormData,
+        setErrors,
+        activeClauseTab: 'en',
+        setActiveClauseTab,
+        setLiveAnnouncement,
+        onClose,
+        onSave,
+        t: dummyT,
+      });
+      validController.handleSubmit(e);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(onSave).toHaveBeenCalled();
+      expect(onClose).toHaveBeenCalled();
+    });
+
+    it('createContractTemplatesListController handles filtering, archiving, and restore lifecycle', async () => {
+      let showArchived = false;
+
+      const setProjectTypeKey = vi.fn();
+      const setSearchQuery = vi.fn();
+      const setShowArchived = vi.fn((updater: unknown) => {
+        showArchived =
+          typeof updater === 'function'
+            ? (updater as (prev: boolean) => boolean)(showArchived)
+            : (updater as boolean);
+      });
+      const setTemplateToArchive = vi.fn();
+      const setIsArchiving = vi.fn();
+      const onArchiveTemplate = vi.fn().mockResolvedValue(true);
+      const onRestoreTemplate = vi.fn().mockResolvedValue(true);
+
+      const controller = createContractTemplatesListController({
+        setProjectTypeKey,
+        setSearchQuery,
+        showArchived,
+        setShowArchived,
+        setTemplateToArchive,
+        setIsArchiving,
+        onArchiveTemplate,
+        onRestoreTemplate,
+      });
+
+      controller.handleProjectTypeChange({
+        target: { value: 'wedding' },
+      } as React.ChangeEvent<HTMLSelectElement>);
+      expect(setProjectTypeKey).toHaveBeenCalledWith('wedding');
+
+      controller.handleSearchChange({
+        target: { value: 'query' },
+      } as React.ChangeEvent<HTMLInputElement>);
+      expect(setSearchQuery).toHaveBeenCalledWith('query');
+
+      controller.handleToggleArchived();
+      expect(setShowArchived).toHaveBeenCalled();
+
+      controller.handleOpenArchiveDialog(mockTmpl);
+      expect(setTemplateToArchive).toHaveBeenCalledWith(mockTmpl);
+
+      controller.handleCloseArchiveDialog();
+      expect(setTemplateToArchive).toHaveBeenCalledWith(null);
+
+      // Confirm archive on active template
+      await controller.handleConfirmArchiveOrRestore(mockTmpl);
+      expect(onArchiveTemplate).toHaveBeenCalledWith(mockTmpl);
+
+      // Confirm restore on archived template
+      await controller.handleConfirmArchiveOrRestore({ ...mockTmpl, isActive: false });
+      expect(onRestoreTemplate).toHaveBeenCalled();
+
+      // Null template confirm is a no-op
+      await controller.handleConfirmArchiveOrRestore(null);
+    });
+
+    it('createContractsSettingsViewController handles tabs, keyboard roving, modal transitions, and CRUD actions', async () => {
+      const setActiveTab = vi.fn();
+      const setEditingTemplate = vi.fn();
+      const setIsDuplicate = vi.fn();
+      const setIsModalOpen = vi.fn();
+      const setIsSubmittingTemplate = vi.fn();
+      const setTemplates = vi.fn();
+      const setSigningSettings = vi.fn();
+      const router = { refresh: vi.fn() };
+
+      const updateContractAction = vi
+        .fn()
+        .mockResolvedValue({ success: true, data: { ...mockTmpl, name: 'Updated' } });
+      const createContractAction = vi
+        .fn()
+        .mockResolvedValue({ success: true, data: { ...mockTmpl, id: 'new-id' } });
+      const archiveContractAction = vi
+        .fn()
+        .mockResolvedValue({ success: true, data: { id: mockTmpl.id, isActive: false } });
+      const updateSigningAction = vi
+        .fn()
+        .mockResolvedValue({ success: true, data: { contract_signatory_name: 'Elena' } });
+
+      const controller = createContractsSettingsViewController({
+        setActiveTab,
+        setEditingTemplate,
+        setIsDuplicate,
+        setIsModalOpen,
+        setIsSubmittingTemplate,
+        setTemplates,
+        setSigningSettings,
+        router,
+        updateContractAction,
+        createContractAction,
+        archiveContractAction,
+        updateSigningAction,
+      });
+
+      // Tab selection & roving keyboard navigation
+      controller.handleSelectTemplatesTab();
+      expect(setActiveTab).toHaveBeenCalledWith('templates');
+
+      controller.handleSelectSigningTab();
+      expect(setActiveTab).toHaveBeenCalledWith('signing');
+
+      const mockKeyEvent = (key: string) =>
+        ({ key, preventDefault: vi.fn() }) as unknown as React.KeyboardEvent;
+      controller.handleTabKeyDown(mockKeyEvent('ArrowRight'), 'templates');
+      controller.handleTabKeyDown(mockKeyEvent('ArrowLeft'), 'signing');
+      controller.handleTabKeyDown(mockKeyEvent('Home'), 'signing');
+      controller.handleTabKeyDown(mockKeyEvent('End'), 'templates');
+      controller.handleTabKeyDown(mockKeyEvent('Tab'), 'templates');
+
+      // Modal open/close actions
+      controller.handleNewTemplate();
+      expect(setIsModalOpen).toHaveBeenCalledWith(true);
+      expect(setIsDuplicate).toHaveBeenCalledWith(false);
+
+      controller.handleEditTemplate(mockTmpl);
+      expect(setEditingTemplate).toHaveBeenCalledWith(mockTmpl);
+
+      controller.handleDuplicateTemplate(mockTmpl);
+      expect(setIsDuplicate).toHaveBeenCalledWith(true);
+
+      controller.handleCloseModal();
+      expect(setIsModalOpen).toHaveBeenCalledWith(false);
+
+      // Save new template
+      const createRes = await controller.handleSaveTemplate({
+        name: 'New',
+        slug: 'new',
+        description: '',
+        projectTypeKey: '',
+        isDefault: false,
+        contentEn: 'EN',
+        contentDe: 'DE',
+        isActive: true,
+      });
+      expect(createRes).toBe(true);
+      expect(createContractAction).toHaveBeenCalled();
+
+      // Save existing template
+      const updateRes = await controller.handleSaveTemplate({
+        id: mockTmpl.id,
+        name: 'Updated',
+        slug: 'updated',
+        description: '',
+        projectTypeKey: '',
+        isDefault: false,
+        contentEn: 'EN',
+        contentDe: 'DE',
+        isActive: true,
+      });
+      expect(updateRes).toBe(true);
+      expect(updateContractAction).toHaveBeenCalled();
+
+      // Archive & Restore
+      await controller.handleArchiveTemplate(mockTmpl);
+      expect(archiveContractAction).toHaveBeenCalled();
+
+      await controller.handleRestoreTemplate(mockTmpl);
+      expect(archiveContractAction).toHaveBeenCalled();
+
+      // Signing settings save
+      await controller.handleSaveSigningSettings({
+        contractSignatoryName: 'Elena',
+        contractSignatoryTitle: 'Owner',
+        contractCountersignatureMode: 'explicit',
+        studioAddressLine1: '',
+        studioAddressLine2: '',
+        studioPostalCode: '',
+        studioCity: '',
+        studioCountryCode: 'DE',
+        studioPhone: '',
+        studioEmail: '',
+      });
+      expect(updateSigningAction).toHaveBeenCalled();
+
+      // Negative branches & missing actions
+      const failingUpdateAction = vi.fn().mockResolvedValue({ success: false, error: 'fail' });
+      const failingCreateAction = vi.fn().mockResolvedValue({ success: false, error: 'fail' });
+      const failingArchiveAction = vi.fn().mockResolvedValue({ success: false, error: 'fail' });
+      const failingSigningAction = vi.fn().mockResolvedValue({ success: false, error: 'fail' });
+
+      const failingController = createContractsSettingsViewController({
+        setActiveTab: vi.fn(),
+        setEditingTemplate: vi.fn(),
+        setIsDuplicate: vi.fn(),
+        setIsModalOpen: vi.fn(),
+        setIsSubmittingTemplate: vi.fn(),
+        setTemplates: vi.fn(),
+        setSigningSettings: vi.fn(),
+        router: { refresh: vi.fn() },
+        updateContractAction: failingUpdateAction,
+        createContractAction: failingCreateAction,
+        archiveContractAction: failingArchiveAction,
+        updateSigningAction: failingSigningAction,
+      });
+
+      expect(
+        await failingController.handleSaveTemplate({
+          id: '123',
+        } as unknown as ContractTemplateFormData),
+      ).toBe(false);
+      expect(
+        await failingController.handleSaveTemplate({} as unknown as ContractTemplateFormData),
+      ).toBe(false);
+      expect(await failingController.handleArchiveTemplate(mockTmpl)).toBe(false);
+      expect(await failingController.handleRestoreTemplate(mockTmpl)).toBe(false);
+      expect(
+        await failingController.handleSaveSigningSettings({} as unknown as StudioSigningFormData),
+      ).toBe(false);
+
+      const emptyActionController = createContractsSettingsViewController({
+        setActiveTab: vi.fn(),
+        setEditingTemplate: vi.fn(),
+        setIsDuplicate: vi.fn(),
+        setIsModalOpen: vi.fn(),
+        setIsSubmittingTemplate: vi.fn(),
+        setTemplates: vi.fn(),
+        setSigningSettings: vi.fn(),
+        router: { refresh: vi.fn() },
+      });
+
+      expect(
+        await emptyActionController.handleSaveTemplate({
+          id: '123',
+        } as unknown as ContractTemplateFormData),
+      ).toBe(false);
+      expect(
+        await emptyActionController.handleSaveTemplate({} as unknown as ContractTemplateFormData),
+      ).toBe(false);
+      expect(await emptyActionController.handleArchiveTemplate(mockTmpl)).toBe(false);
+      expect(await emptyActionController.handleRestoreTemplate(mockTmpl)).toBe(false);
+      expect(
+        await emptyActionController.handleSaveSigningSettings(
+          {} as unknown as StudioSigningFormData,
+        ),
+      ).toBe(false);
+
+      // Tab keydown handling
+      const tabTarget = vi.fn();
+      const tabController = createContractsSettingsViewController({
+        setActiveTab: tabTarget,
+        setEditingTemplate: vi.fn(),
+        setIsDuplicate: vi.fn(),
+        setIsModalOpen: vi.fn(),
+        setIsSubmittingTemplate: vi.fn(),
+        setTemplates: vi.fn(),
+        setSigningSettings: vi.fn(),
+        router: { refresh: vi.fn() },
+      });
+
+      const preventDefault = vi.fn();
+      tabController.handleTabKeyDown(
+        { key: 'ArrowRight', preventDefault } as unknown as React.KeyboardEvent,
+        'templates',
+      );
+      expect(tabTarget).toHaveBeenCalledWith('signing');
+
+      tabController.handleTabKeyDown(
+        { key: 'ArrowLeft', preventDefault } as unknown as React.KeyboardEvent,
+        'signing',
+      );
+      expect(tabTarget).toHaveBeenCalledWith('templates');
+
+      tabController.handleTabKeyDown(
+        { key: 'Home', preventDefault } as unknown as React.KeyboardEvent,
+        'signing',
+      );
+      expect(tabTarget).toHaveBeenCalledWith('templates');
+
+      tabController.handleTabKeyDown(
+        { key: 'End', preventDefault } as unknown as React.KeyboardEvent,
+        'templates',
+      );
+      expect(tabTarget).toHaveBeenCalledWith('signing');
+
+      tabController.handleTabKeyDown(
+        { key: 'Enter', preventDefault } as unknown as React.KeyboardEvent,
+        'templates',
+      );
+      tabController.handleTemplatesTabKeyDown({
+        key: 'ArrowRight',
+        preventDefault,
+      } as unknown as React.KeyboardEvent);
+      tabController.handleSigningTabKeyDown({
+        key: 'ArrowLeft',
+        preventDefault,
+      } as unknown as React.KeyboardEvent);
+    });
+
+    it('AC-1: getProjectTypeLabelKey resolves all supported project types and fallbacks', () => {
+      expect(getProjectTypeLabelKey('wedding')).toBe('list.projectTypes.wedding');
+      expect(getProjectTypeLabelKey('portrait')).toBe('list.projectTypes.portrait');
+      expect(getProjectTypeLabelKey('commercial')).toBe('list.projectTypes.commercial');
+      expect(getProjectTypeLabelKey('event')).toBe('list.projectTypes.event');
+      expect(getProjectTypeLabelKey('video')).toBe('list.projectTypes.video');
+      expect(getProjectTypeLabelKey('engagement')).toBe('list.projectTypes.engagement');
+      expect(getProjectTypeLabelKey('editorial')).toBe('list.projectTypes.editorial');
+      expect(getProjectTypeLabelKey(null)).toBe('list.projectTypeNone');
+      expect(getProjectTypeLabelKey(undefined)).toBe('list.projectTypeNone');
+      expect(getProjectTypeLabelKey('custom_type')).toBe('list.projectTypeNone');
+      expect(PROJECT_TYPE_LABELS.wedding).toBe('list.projectTypes.wedding');
+    });
+
+    it('AC-2: createModalDialogHandlers handles openChange and focus restoration', () => {
+      const onClose = vi.fn();
+      const focusFn = vi.fn();
+      const mockBtn = {
+        focus: () => {
+          focusFn();
+        },
+      } as unknown as HTMLButtonElement;
+      const triggerRef = { current: mockBtn };
+      const handlers = createModalDialogHandlers(onClose, triggerRef);
+
+      handlers.onOpenChange(true);
+      expect(onClose).not.toHaveBeenCalled();
+
+      handlers.onOpenChange(false);
+      expect(onClose).toHaveBeenCalled();
+
+      const preventDefault = vi.fn();
+      handlers.onCloseAutoFocus({ preventDefault } as unknown as Event);
+      expect(preventDefault).toHaveBeenCalled();
+      expect(focusFn).toHaveBeenCalled();
+
+      // Without triggerRef
+      const handlersNoRef = createModalDialogHandlers(onClose);
+      handlersNoRef.onCloseAutoFocus({ preventDefault } as unknown as Event);
+    });
+
+    it('AC-1, AC-5: createContractTemplatesListController handles row action clicks and archive flows', async () => {
+      const onEdit = vi.fn();
+      const onDuplicate = vi.fn();
+      const onArchive = vi.fn().mockResolvedValue(true);
+      const onRestore = vi.fn().mockResolvedValue(true);
+      const setTemplateToArchive = vi.fn();
+      const setIsArchiving = vi.fn();
+      const focusFn = vi.fn();
+      const mockBtn = {
+        focus: () => {
+          focusFn();
+        },
+      } as unknown as HTMLButtonElement;
+
+      const activeTmpl: ContractTemplate = {
+        ...mockTmpl,
+        id: '1',
+        slug: 'active-slug',
+        isActive: true,
+      };
+      const inactiveTmpl: ContractTemplate = {
+        ...mockTmpl,
+        id: '2',
+        slug: 'inactive-slug',
+        isActive: false,
+      };
+
+      const controller = createContractTemplatesListController({
+        templates: [activeTmpl, inactiveTmpl],
+        onEditTemplate: onEdit,
+        onDuplicateTemplate: onDuplicate,
+        setProjectTypeKey: vi.fn(),
+        setSearchQuery: vi.fn(),
+        showArchived: false,
+        setShowArchived: vi.fn(),
+        templateToArchive: activeTmpl,
+        setTemplateToArchive,
+        setIsArchiving,
+        onArchiveTemplate: onArchive,
+        onRestoreTemplate: onRestore,
+      });
+
+      // Row edit click
+      controller.handleEditRowClick({
+        currentTarget: { getAttribute: () => 'active-slug' },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+      expect(onEdit).toHaveBeenCalledWith(activeTmpl);
+
+      // Non-matching slug
+      controller.handleEditRowClick({
+        currentTarget: { getAttribute: () => 'nonexistent' },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+
+      // Row duplicate click
+      controller.handleDuplicateRowClick({
+        currentTarget: { getAttribute: () => 'active-slug' },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+      expect(onDuplicate).toHaveBeenCalledWith(activeTmpl);
+
+      // Row archive click
+      controller.handleArchiveRowClick({
+        currentTarget: {
+          getAttribute: () => 'active-slug',
+          focus: () => {
+            focusFn();
+          },
+        },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+      expect(setTemplateToArchive).toHaveBeenCalledWith(activeTmpl);
+
+      // Row restore click
+      controller.handleRestoreRowClick({
+        currentTarget: { getAttribute: () => 'inactive-slug' },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+      expect(onRestore).toHaveBeenCalledWith(inactiveTmpl);
+
+      // Archive dialog events
+      controller.handleArchiveDialogOpenChange(true);
+      expect(setTemplateToArchive).not.toHaveBeenCalledWith(null);
+      controller.handleArchiveDialogOpenChange(false);
+      expect(setTemplateToArchive).toHaveBeenCalledWith(null);
+
+      const originalDoc = globalThis.document;
+      globalThis.document = {
+        querySelector: vi.fn().mockReturnValue(mockBtn),
+      } as unknown as Document;
+      try {
+        const preventDefault = vi.fn();
+        controller.handleArchiveDialogCloseAutoFocus({ preventDefault } as unknown as Event);
+        expect(preventDefault).toHaveBeenCalled();
+        expect(focusFn).toHaveBeenCalled();
+      } finally {
+        globalThis.document = originalDoc;
+      }
+
+      // Confirm archive active
+      await controller.handleConfirmArchiveOrRestore(activeTmpl);
+      expect(onArchive).toHaveBeenCalledWith(activeTmpl);
+
+      // Confirm restore inactive
+      await controller.handleConfirmArchiveOrRestore(inactiveTmpl);
+      expect(onRestore).toHaveBeenCalledWith(inactiveTmpl);
+
+      // Confirm with null
+      await controller.handleConfirmArchiveOrRestore(null);
+
+      // Failure branches
+      const failArchive = vi.fn().mockResolvedValue(false);
+      const failRestore = vi.fn().mockResolvedValue(false);
+      const failingListController = createContractTemplatesListController({
+        templates: [activeTmpl, inactiveTmpl],
+        onEditTemplate: onEdit,
+        onDuplicateTemplate: onDuplicate,
+        setProjectTypeKey: vi.fn(),
+        setSearchQuery: vi.fn(),
+        showArchived: false,
+        setShowArchived: vi.fn(),
+        templateToArchive: null,
+        setTemplateToArchive,
+        setIsArchiving,
+        onArchiveTemplate: failArchive,
+        onRestoreTemplate: failRestore,
+      });
+
+      await failingListController.handleConfirmArchiveOrRestore(activeTmpl);
+      await failingListController.handleConfirmArchiveOrRestore(inactiveTmpl);
+      failingListController.handleConfirmArchiveClick();
+    });
+
+    it('AC-2, AC-3: createContractTemplateModalController token click and submit branches', async () => {
+      const setFormData = vi.fn();
+      const setErrors = vi.fn();
+      const setLiveAnnouncement = vi.fn();
+      const onClose = vi.fn();
+      const onSaveSuccess = vi.fn().mockResolvedValue(true);
+      const onSaveFail = vi.fn().mockResolvedValue(false);
+
+      const validData: ContractTemplateFormData = {
+        name: 'Wedding Standard',
+        slug: 'wedding-standard',
+        description: 'Desc',
+        projectTypeKey: 'wedding',
+        contentEn: 'En content {{client.name}}',
+        contentDe: 'De inhalt {{client.name}}',
+        isDefault: false,
+        isActive: true,
+      };
+
+      const controller = createContractTemplateModalController({
+        formData: validData,
+        setFormData,
+        setErrors,
+        activeClauseTab: 'en',
+        setActiveClauseTab: vi.fn(),
+        setLiveAnnouncement,
+        onClose,
+        onSave: onSaveSuccess,
+        t: dummyT,
+      });
+
+      // Token button click with token
+      controller.handleTokenButtonClick({
+        currentTarget: { getAttribute: () => 'client.name' },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+      expect(setLiveAnnouncement).toHaveBeenCalled();
+
+      // Token button click without token
+      controller.handleTokenButtonClick({
+        currentTarget: { getAttribute: () => null },
+      } as unknown as React.MouseEvent<HTMLButtonElement>);
+
+      // Submit valid form -> onSave success -> onClose
+      const preventDefault = vi.fn();
+      controller.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(onSaveSuccess).toHaveBeenCalled();
+      expect(onClose).toHaveBeenCalled();
+
+      // Submit invalid form
+      const invalidController = createContractTemplateModalController({
+        formData: { ...validData, name: '' },
+        setFormData,
+        setErrors,
+        activeClauseTab: 'en',
+        setActiveClauseTab: vi.fn(),
+        setLiveAnnouncement,
+        onClose,
+        onSave: onSaveSuccess,
+        t: dummyT,
+      });
+      invalidController.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      expect(setErrors).toHaveBeenCalled();
+
+      // Submit valid form -> onSave failure
+      const failingSaveController = createContractTemplateModalController({
+        formData: validData,
+        setFormData,
+        setErrors,
+        activeClauseTab: 'de',
+        setActiveClauseTab: vi.fn(),
+        setLiveAnnouncement,
+        onClose,
+        onSave: onSaveFail,
+        t: dummyT,
+      });
+      failingSaveController.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(onSaveFail).toHaveBeenCalled();
+    });
+
+    it('AC-6: createStudioSigningController submit validation and error branches', async () => {
+      const setErrors = vi.fn();
+      const setShowSuccess = vi.fn();
+      const onSaveSuccess = vi.fn().mockResolvedValue(true);
+      const onSaveFail = vi.fn().mockResolvedValue(false);
+
+      const validSigningData: StudioSigningFormData = {
+        contractSignatoryName: 'Elena Rostova',
+        contractSignatoryTitle: 'Owner & Lead Photographer',
+        contractCountersignatureMode: 'pre_signed',
+        studioAddressLine1: 'Musterstraße 1',
+        studioAddressLine2: '',
+        studioPostalCode: '10115',
+        studioCity: 'Berlin',
+        studioCountryCode: 'DE',
+        studioPhone: '+49 30 1234567',
+        studioEmail: 'studio@example.com',
+      };
+
+      const controller = createStudioSigningController({
+        formData: validSigningData,
+        setFormData: vi.fn(),
+        setErrors,
+        setIsSubmitting: vi.fn(),
+        setShowSuccess,
+        onSave: onSaveSuccess,
+        t: dummyT,
+      });
+
+      const preventDefault = vi.fn();
+      controller.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(onSaveSuccess).toHaveBeenCalled();
+      expect(setShowSuccess).toHaveBeenCalledWith(true);
+
+      // Invalid form
+      const invalidSigningController = createStudioSigningController({
+        formData: { ...validSigningData, studioEmail: 'invalid-email' },
+        setFormData: vi.fn(),
+        setErrors,
+        setIsSubmitting: vi.fn(),
+        setShowSuccess,
+        onSave: onSaveSuccess,
+        t: dummyT,
+      });
+      invalidSigningController.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      expect(setErrors).toHaveBeenCalled();
+
+      // onSave returns false
+      const failingSigningController = createStudioSigningController({
+        formData: validSigningData,
+        setFormData: vi.fn(),
+        setErrors,
+        setIsSubmitting: vi.fn(),
+        setShowSuccess,
+        onSave: onSaveFail,
+        t: dummyT,
+      });
+      failingSigningController.handleSubmit({ preventDefault } as unknown as React.SyntheticEvent);
+      await new Promise((resolve) => setTimeout(resolve, 10));
+      expect(onSaveFail).toHaveBeenCalled();
+    });
+  });
+});
diff --git a/tests/unit/contract-templates-components-render.test.tsx b/tests/unit/contract-templates-components-render.test.tsx
new file mode 100644
index 0000000..ef42170
--- /dev/null
+++ b/tests/unit/contract-templates-components-render.test.tsx
@@ -0,0 +1,582 @@
+import { describe, it, expect, vi } from 'vitest';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+// Mock server-only
+vi.mock('server-only', () => ({}));
+
+// Mock next/navigation
+const mockPush = vi.fn();
+const mockReplace = vi.fn();
+const mockRefresh = vi.fn();
+
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    push: mockPush,
+    replace: mockReplace,
+    refresh: mockRefresh,
+  }),
+  usePathname: () => '/en/settings/contracts',
+  useSearchParams: () => new URLSearchParams(),
+}));
+
+vi.mock('@/i18n/navigation', () => ({
+  Link: ({
+    children,
+    href,
+    ...props
+  }: React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }) => (
+    <a href={href} {...props}>
+      {children}
+    </a>
+  ),
+  useRouter: () => ({
+    push: mockPush,
+    replace: mockReplace,
+    refresh: mockRefresh,
+  }),
+  usePathname: () => '/en/settings/contracts',
+}));
+
+// Mock translations with strict throw-on-missing
+import enMessages from '@/../messages/en.json';
+import deMessages from '@/../messages/de.json';
+
+function getNestedValue(obj: Record<string, unknown>, path: string): unknown {
+  const parts = path.split('.');
+  let current: unknown = obj;
+  for (const part of parts) {
+    if (current && typeof current === 'object' && part in current) {
+      current = Reflect.get(current, part);
+    } else {
+      return undefined;
+    }
+  }
+  return current;
+}
+
+let currentLocale: 'en' | 'de' = 'en';
+
+vi.mock('next-intl', () => ({
+  useTranslations: (namespace?: string) => {
+    return (key: string, values?: Record<string, unknown>) => {
+      const messages = currentLocale === 'de' ? deMessages : enMessages;
+      const fullPath = namespace ? `${namespace}.${key}` : key;
+      const raw = getNestedValue(messages, fullPath);
+      if (typeof raw !== 'string') {
+        throw new Error(`Missing translation key: ${fullPath} in locale: ${currentLocale}`);
+      }
+      let text = raw;
+      if (values) {
+        for (const [vKey, vVal] of Object.entries(values)) {
+          text = text.replaceAll(`{${vKey}}`, String(vVal));
+        }
+      }
+      return text;
+    };
+  },
+  useLocale: () => currentLocale,
+}));
+
+import { ContractTemplatesList } from '@/components/settings/contract-templates-list';
+import { ContractTemplateModal } from '@/components/settings/contract-template-modal';
+import { StudioSigningSettingsCard } from '@/components/settings/studio-signing-settings-card';
+import { ContractsSettingsView } from '@/components/settings/contracts-settings-view';
+import type { ContractTemplate } from '@/server/db/schema/contracts';
+import type { StudioSettings } from '@/server/db/schema/studio-settings';
+
+const mockActiveTemplate: ContractTemplate = {
+  id: '01920000-0000-7000-8000-000000000001',
+  name: 'Standard Wedding Agreement',
+  slug: 'wedding-standard',
+  description: 'Standard terms for 8-hour wedding coverage',
+  projectTypeKey: 'wedding',
+  contentEn: 'This Agreement is entered into by {{studio.owner_name}} and {{client.name}}.',
+  contentDe: 'Dieser Vertrag wird geschlossen zwischen {{studio.owner_name}} und {{client.name}}.',
+  isDefault: true,
+  isActive: true,
+  createdAt: new Date('2026-01-01T10:00:00Z'),
+  updatedAt: new Date('2026-01-01T10:00:00Z'),
+};
+
+const mockArchivedTemplate: ContractTemplate = {
+  id: '01920000-0000-7000-8000-000000000002',
+  name: 'Portrait Session Agreement',
+  slug: 'portrait-session',
+  description: 'Old portrait session agreement',
+  projectTypeKey: 'portrait',
+  contentEn: 'Portrait session agreement for {{client.name}}.',
+  contentDe: 'Porträt-Shooting Vereinbarung für {{client.name}}.',
+  isDefault: false,
+  isActive: false,
+  createdAt: new Date('2026-01-01T10:00:00Z'),
+  updatedAt: new Date('2026-01-01T10:00:00Z'),
+};
+
+const mockStudioSettings: StudioSettings = {
+  id: '01920000-0000-7000-8000-000000000010',
+  studio_name: 'Elena Rostova Photography',
+  default_locale: 'en',
+  timezone: 'Europe/Berlin',
+  currency: 'EUR',
+  mfa_required: false,
+  mfa_postponed_until: null,
+  forms_pow_hmac_key: null,
+  tax_number: null,
+  vat_id: null,
+  is_kleinunternehmer: false,
+  kleinunternehmer_notice: null,
+  default_tax_rate_basis_points: 1900,
+  prices_include_tax: true,
+  contract_signatory_name: 'Elena Rostova',
+  contract_signatory_title: 'Lead Photographer & Studio Owner',
+  contract_countersignature_mode: 'pre_signed',
+  studio_address_line1: 'Kastanienallee 71',
+  studio_address_line2: 'Gewerbehof 3. OG',
+  studio_postal_code: '10435',
+  studio_city: 'Berlin',
+  studio_country_code: 'DE',
+  studio_phone: '+49 30 12345678',
+  studio_email: 'elena@example.org',
+  created_at: new Date('2026-01-01T10:00:00Z'),
+  updated_at: new Date('2026-01-01T10:00:00Z'),
+};
+
+describe('TASK-0065: Contract Templates & Studio Signing Static Render Tests', () => {
+  describe('ContractTemplatesList Static Rendering (AC-1, AC-8)', () => {
+    it('AC-1: Renders empty templates list correctly in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[]}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('data-testid="contract-templates-list-container"');
+      expect(html).toContain('data-testid="create-template-button"');
+      expect(html).toContain('data-testid="template-project-type-filter"');
+      expect(html).toContain('data-testid="template-search-input"');
+      expect(html).toContain('data-testid="templates-empty-state"');
+      expect(html).toContain('No active contract templates configured yet');
+    });
+
+    it('AC-8: Renders empty templates list correctly in German with no missing keys', () => {
+      currentLocale = 'de';
+      const html = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[]}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('data-testid="contract-templates-list-container"');
+      expect(html).toContain('data-testid="templates-empty-state"');
+      expect(html).toContain('Noch keine aktiven Vertragsvorlagen vorhanden');
+    });
+
+    it('AC-1: Renders populated templates list with badges and actions in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate, mockArchivedTemplate]}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('Standard Wedding Agreement');
+      expect(html).toContain('wedding-standard');
+      expect(html).toContain('data-testid="template-default-badge-wedding-standard"');
+      expect(html).toContain('Default');
+      expect(html).toContain('data-testid="template-type-wedding-standard"');
+      expect(html).toContain('Wedding');
+      expect(html).toContain('data-testid="template-active-badge-wedding-standard"');
+      expect(html).toContain('Active');
+      expect(html).toContain('data-testid="edit-template-wedding-standard"');
+      expect(html).toContain('data-testid="duplicate-template-wedding-standard"');
+      expect(html).toContain('data-testid="archive-template-wedding-standard"');
+    });
+
+    it('AC-8: Renders populated templates list with badges and actions in German', () => {
+      currentLocale = 'de';
+      const html = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate, mockArchivedTemplate]}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('Standard Wedding Agreement');
+      expect(html).toContain('Standard');
+      expect(html).toContain('Hochzeit');
+      expect(html).toContain('Aktiv');
+      expect(html).toContain('Vorlage bearbeiten');
+      expect(html).toContain('Duplizieren');
+      expect(html).toContain('Vorlage archivieren');
+    });
+  });
+
+  describe('ContractTemplateModal Static Rendering (AC-2, AC-3, AC-8)', () => {
+    it('AC-2: Does not render modal content when closed', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={null}
+          isOpen={false}
+          isSubmitting={false}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+
+      expect(html).not.toContain('data-testid="contract-template-modal"');
+    });
+
+    it('AC-2: Renders create modal with tabs, fields, tokens and preview in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={null}
+          isOpen={true}
+          isSubmitting={false}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('data-testid="contract-template-modal"');
+      expect(html).toContain('Create Contract Template');
+      expect(html).toContain('data-testid="contract-template-name-input"');
+      expect(html).toContain('data-testid="contract-template-slug-input"');
+      expect(html).toContain('data-testid="contract-template-project-type-select"');
+      expect(html).toContain('data-testid="contract-template-default-toggle"');
+      expect(html).toContain('id="clause-tab-en"');
+      expect(html).toContain('id="clause-tab-de"');
+      expect(html).toContain('data-testid="contract-template-content-en-input"');
+      expect(html).toContain('data-testid="token-palette"');
+      expect(html).toContain('data-testid="merge-field-preview-card"');
+      expect(html).toContain('data-testid="save-template-btn"');
+    });
+
+    it('AC-8: Renders create modal with German localization with zero missing keys', () => {
+      currentLocale = 'de';
+      const html = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={null}
+          isOpen={true}
+          isSubmitting={false}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('data-testid="contract-template-modal"');
+      expect(html).toContain('Vertragsvorlage erstellen');
+      expect(html).toContain('Englische Klauseln (en)');
+      expect(html).toContain('Deutsche Klauseln (de)');
+      expect(html).toContain('data-testid="merge-field-preview-card"');
+      expect(html).toContain('Vorlage speichern');
+    });
+
+    it('AC-3: Renders edit modal pre-filled with existing template', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={mockActiveTemplate}
+          isOpen={true}
+          isSubmitting={false}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('Edit Contract Template');
+      expect(html).toContain('value="Standard Wedding Agreement"');
+      expect(html).toContain('value="wedding-standard"');
+      expect(html).toContain(
+        'This Agreement is entered into by Elena Rostova and Sarah &amp; Michael Jenkins.',
+      );
+    });
+
+    it('AC-3: Renders duplicate modal pre-filled with copy name and slug', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={mockActiveTemplate}
+          isDuplicate={true}
+          isOpen={true}
+          isSubmitting={false}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+
+      expect(html).toContain('Duplicate Contract Template');
+      expect(html).toContain('value="Standard Wedding Agreement (Copy)"');
+      expect(html).toContain('value="wedding-standard-copy"');
+    });
+  });
+
+  describe('StudioSigningSettingsCard Static Rendering (AC-6, AC-8)', () => {
+    it('AC-6: Renders studio signing profile and pre-signed radio selection in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <StudioSigningSettingsCard initialSettings={mockStudioSettings} onSave={vi.fn()} />,
+      );
+
+      expect(html).toContain('data-testid="studio-signing-settings-card"');
+      expect(html).toContain('Studio Signatory &amp; Countersignature Profile');
+      expect(html).toContain('data-testid="signing-signatory-name-input"');
+      expect(html).toContain('value="Elena Rostova"');
+      expect(html).toContain('data-testid="signing-signatory-title-input"');
+      expect(html).toContain('value="Lead Photographer &amp; Studio Owner"');
+      expect(html).toContain('data-testid="countersignature-mode-presigned"');
+      expect(html).toContain('data-testid="countersignature-mode-explicit"');
+      expect(html).toContain('data-testid="signing-address-line1-input"');
+      expect(html).toContain('value="Kastanienallee 71"');
+      expect(html).toContain('data-testid="signing-city-input"');
+      expect(html).toContain('value="Berlin"');
+      expect(html).toContain('data-testid="signing-postal-code-input"');
+      expect(html).toContain('value="10435"');
+      expect(html).toContain('data-testid="signing-country-code-input"');
+      expect(html).toContain('value="DE"');
+      expect(html).toContain('data-testid="save-signing-settings-btn"');
+    });
+
+    it('AC-8: Renders studio signing settings in German with zero missing keys', () => {
+      currentLocale = 'de';
+      const html = renderToStaticMarkup(
+        <StudioSigningSettingsCard initialSettings={mockStudioSettings} onSave={vi.fn()} />,
+      );
+
+      expect(html).toContain('data-testid="studio-signing-settings-card"');
+      expect(html).toContain('Studio-Signatur &amp; Gegenzeichnungsprofil');
+      expect(html).toContain('Rechtlicher Name des Unterzeichners');
+      expect(html).toContain('Gegenzeichnungs-Modus');
+      expect(html).toContain('Automatisch (Vorab gegengezeichnet)');
+      expect(html).toContain('Explizit (Manuelle Gegenzeichnung)');
+      expect(html).toContain('Signatur-Einstellungen speichern');
+    });
+  });
+
+  describe('ContractsSettingsView Container Static Rendering (AC-1, AC-6, AC-8)', () => {
+    it('AC-1: Renders templates tab by default in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractsSettingsView
+          initialTemplates={[mockActiveTemplate]}
+          initialSigningSettings={mockStudioSettings}
+          defaultTab="templates"
+        />,
+      );
+
+      expect(html).toContain('data-testid="contracts-settings-view"');
+      expect(html).toContain('data-testid="tab-templates"');
+      expect(html).toContain('data-testid="tab-signing"');
+      expect(html).toContain('data-testid="contract-templates-list-container"');
+    });
+
+    it('AC-6: Renders signing tab by default in English', () => {
+      currentLocale = 'en';
+      const html = renderToStaticMarkup(
+        <ContractsSettingsView
+          initialTemplates={[mockActiveTemplate]}
+          initialSigningSettings={mockStudioSettings}
+          defaultTab="signing"
+        />,
+      );
+
+      expect(html).toContain('data-testid="contracts-settings-view"');
+      expect(html).toContain('data-testid="studio-signing-settings-card"');
+    });
+
+    it('AC-8: Renders complete view in German with zero missing keys', () => {
+      currentLocale = 'de';
+      const html = renderToStaticMarkup(
+        <ContractsSettingsView
+          initialTemplates={[mockActiveTemplate]}
+          initialSigningSettings={mockStudioSettings}
+          defaultTab="templates"
+        />,
+      );
+
+      expect(html).toContain('data-testid="contracts-settings-view"');
+      expect(html).toContain('Vertragsvorlagen');
+      expect(html).toContain('Studio-Signaturprofil');
+    });
+
+    it('Renders StudioSigningSettingsCard with success notification and validation error states', () => {
+      currentLocale = 'en';
+      const successHtml = renderToStaticMarkup(
+        <StudioSigningSettingsCard
+          initialSettings={mockStudioSettings}
+          initialShowSuccess={true}
+          onSave={vi.fn()}
+        />,
+      );
+      expect(successHtml).toContain('data-testid="signing-success-notification"');
+
+      const errorHtml = renderToStaticMarkup(
+        <StudioSigningSettingsCard
+          initialSettings={mockStudioSettings}
+          initialErrors={{
+            contractSignatoryName: 'Signatory name too long',
+            contractSignatoryTitle: 'Title too long',
+            studioCountryCode: 'Country code invalid',
+            studioEmail: 'Email is invalid',
+          }}
+          onSave={vi.fn()}
+        />,
+      );
+      expect(errorHtml).toContain('Signatory name too long');
+      expect(errorHtml).toContain('Country code invalid');
+      expect(errorHtml).toContain('aria-invalid="true"');
+    });
+
+    it('Renders ContractTemplateModal with duplicate mode, submitting state, German tab, and validation errors', () => {
+      currentLocale = 'en';
+      const dupHtml = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={mockActiveTemplate}
+          isOpen={true}
+          isSubmitting={false}
+          isDuplicate={true}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+      expect(dupHtml).toContain('Standard Wedding Agreement (Copy)');
+      expect(dupHtml).toContain('wedding-standard-copy');
+
+      const submittingHtml = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={null}
+          isOpen={true}
+          isSubmitting={true}
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+      expect(submittingHtml).toContain('disabled=""');
+
+      const errorHtml = renderToStaticMarkup(
+        <ContractTemplateModal
+          template={null}
+          isOpen={true}
+          isSubmitting={false}
+          initialErrors={{
+            name: 'Name required',
+            slug: 'Slug invalid',
+            description: 'Description too long',
+            contentEn: 'English content required',
+            contentDe: 'German content required',
+          }}
+          initialClauseTab="de"
+          onClose={vi.fn()}
+          onSave={vi.fn()}
+        />,
+      );
+      expect(errorHtml).toContain('Name required');
+      expect(errorHtml).toContain('German content required');
+      expect(errorHtml).toContain('aria-invalid="true"');
+    });
+
+    it('Renders ContractTemplatesList with archive and restore dialog states open', () => {
+      currentLocale = 'en';
+      const archiveDialogHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate, mockArchivedTemplate]}
+          initialTemplateToArchive={mockActiveTemplate}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(archiveDialogHtml).toContain('data-testid="contract-template-archive-dialog"');
+      expect(archiveDialogHtml).toContain('data-testid="confirm-archive-btn"');
+      expect(archiveDialogHtml).toContain('Standard Wedding Agreement');
+
+      const restoreDialogHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate, mockArchivedTemplate]}
+          initialTemplateToArchive={mockArchivedTemplate}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(restoreDialogHtml).toContain('data-testid="contract-template-archive-dialog"');
+      expect(restoreDialogHtml).toContain('Portrait Session Agreement');
+    });
+
+    it('Renders ContractTemplatesList in archived mode and empty states', () => {
+      currentLocale = 'en';
+      // Archived view with archived template
+      const archivedViewHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate, mockArchivedTemplate]}
+          initialShowArchived={true}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(archivedViewHtml).toContain('data-testid="contract-template-row-portrait-session"');
+      expect(archivedViewHtml).toContain('data-testid="template-archived-badge-portrait-session"');
+      expect(archivedViewHtml).toContain('data-testid="restore-template-portrait-session"');
+      expect(archivedViewHtml).toContain('Hide Archived');
+
+      // Empty active state
+      const emptyActiveHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[]}
+          initialShowArchived={false}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(emptyActiveHtml).toContain('data-testid="templates-empty-state"');
+      expect(emptyActiveHtml).toContain('No active contract templates configured yet');
+
+      // Empty archived state
+      const emptyArchivedHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[]}
+          initialShowArchived={true}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(emptyArchivedHtml).toContain('data-testid="templates-empty-state"');
+      expect(emptyArchivedHtml).toContain('No archived contract templates.');
+    });
+  });
+});
diff --git a/tests/unit/contracts-schema.test.ts b/tests/unit/contracts-schema.test.ts
index 357ab09..25fc80b 100644
--- a/tests/unit/contracts-schema.test.ts
+++ b/tests/unit/contracts-schema.test.ts
@@ -197,6 +197,27 @@ describe('Contracts Schema Validation Unit Tests (AC-8)', () => {
       ).toThrow();
     });
 
+    it('AC-8: transforms empty strings in optional fields to null', () => {
+      const parsed = updateStudioSigningProfileSchema.parse({
+        contractSignatoryName: '',
+        contractSignatoryTitle: '',
+        studioAddressLine1: '',
+        studioAddressLine2: '',
+        studioPostalCode: '',
+        studioCity: '',
+        studioPhone: '',
+        studioEmail: '',
+      });
+      expect(parsed.contractSignatoryName).toBeNull();
+      expect(parsed.contractSignatoryTitle).toBeNull();
+      expect(parsed.studioAddressLine1).toBeNull();
+      expect(parsed.studioAddressLine2).toBeNull();
+      expect(parsed.studioPostalCode).toBeNull();
+      expect(parsed.studioCity).toBeNull();
+      expect(parsed.studioPhone).toBeNull();
+      expect(parsed.studioEmail).toBeNull();
+    });
+
     it('AC-8: rejects invalid country code length and malformed email', () => {
       expect(() =>
         updateStudioSigningProfileSchema.parse({

From cf134c1ae7b0dc6c173c2e24501af87172eb3d47 Mon Sep 17 00:00:00 2001
From: Ediminator <211899731+Ediminator@users.noreply.github.com>
Date: Sat, 7 Nov 2026 04:01:19 +0100
Subject: [PATCH 2/2] fix(contracts): address iteration 1 feedback for server
 action reachability and UI ergonomics (TASK-0065)

Signed-off-by: Ediminator <211899731+Ediminator@users.noreply.github.com>
---
 messages/de.json                              |  2 +-
 messages/en.json                              |  2 +-
 src/components/settings/contracts-helpers.ts  | 33 +++++++
 src/server/contracts/actions.ts               | 68 +------------
 .../contract-template-actions.test.ts         | 88 +++--------------
 .../contract-template-form-schema.test.ts     |  9 +-
 ...tract-templates-components-render.test.tsx | 99 +++++++++++++++++++
 7 files changed, 157 insertions(+), 144 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index 0733402..9f2d718 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -1024,7 +1024,7 @@
         "restoreAction": "Vorlage wiederherstellen",
         "archiveDialog": {
           "title": "Vertragsvorlage archivieren",
-          "description": "Sind Sie sicher, dass Sie '{name}' archivieren möchten? Bereits abgeschlossene Verträge bleiben unberührt, diese Vorlage steht jedoch für neue Verträge nicht mehr zur Verfügung.",
+          "description": "Sind Sie sicher, dass Sie \"{name}\" archivieren möchten? Bereits abgeschlossene Verträge bleiben unberührt, diese Vorlage steht jedoch für neue Verträge nicht mehr zur Verfügung.",
           "confirmButton": "Vorlage archivieren",
           "cancelButton": "Abbrechen"
         }
diff --git a/messages/en.json b/messages/en.json
index fb495ef..ffc5e0c 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -1024,7 +1024,7 @@
         "restoreAction": "Restore Template",
         "archiveDialog": {
           "title": "Archive Contract Template",
-          "description": "Are you sure you want to archive '{name}'? Existing executed contracts will remain untouched, but this template will no longer be available for new contract drafting.",
+          "description": "Are you sure you want to archive \"{name}\"? Existing executed contracts will remain untouched, but this template will no longer be available for new contract drafting.",
           "confirmButton": "Archive Template",
           "cancelButton": "Cancel"
         }
diff --git a/src/components/settings/contracts-helpers.ts b/src/components/settings/contracts-helpers.ts
index e1f6556..b6b4bb6 100644
--- a/src/components/settings/contracts-helpers.ts
+++ b/src/components/settings/contracts-helpers.ts
@@ -790,10 +790,43 @@ export function createContractTemplateModalController(
 
   const handleSubmit = (e: React.SyntheticEvent) => {
     e.preventDefault();
+    const container =
+      (e.currentTarget as HTMLElement | null) ??
+      (typeof document !== 'undefined' ? document : null);
     void (async () => {
       const validationErrors = validateContractTemplateForm(formData, t);
       if (Object.keys(validationErrors).length > 0) {
         setErrors(validationErrors);
+        if (
+          validationErrors.contentEn &&
+          !validationErrors.contentDe &&
+          !validationErrors.name &&
+          !validationErrors.slug &&
+          !validationErrors.description &&
+          !validationErrors.projectTypeKey
+        ) {
+          setActiveClauseTab('en');
+        } else if (
+          validationErrors.contentDe &&
+          !validationErrors.contentEn &&
+          !validationErrors.name &&
+          !validationErrors.slug &&
+          !validationErrors.description &&
+          !validationErrors.projectTypeKey
+        ) {
+          setActiveClauseTab('de');
+        }
+        if (container) {
+          setTimeout(() => {
+            const firstInvalid = container.querySelector<HTMLElement>(
+              '[aria-invalid="true"], :invalid',
+            );
+            if (firstInvalid) {
+              firstInvalid.focus();
+              firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+          }, 0);
+        }
         return;
       }
       setErrors({});
diff --git a/src/server/contracts/actions.ts b/src/server/contracts/actions.ts
index 5774225..2c3cd4b 100644
--- a/src/server/contracts/actions.ts
+++ b/src/server/contracts/actions.ts
@@ -20,13 +20,8 @@ import {
   createContractTemplate,
   updateContractTemplate,
   deleteContractTemplate,
-  listContractTemplates,
-  type ListContractTemplatesOptions,
 } from './template-repo';
-import {
-  updateStudioSigningProfile,
-  getStudioSigningProfile,
-} from '@/server/studio/signing-settings';
+import { updateStudioSigningProfile } from '@/server/studio/signing-settings';
 import type { ContractTemplate } from '@/server/db/schema/contracts';
 import type { StudioSettings } from '@/server/db/schema/studio-settings';
 
@@ -247,64 +242,3 @@ export async function updateStudioSigningSettingsAction(
     };
   }
 }
-
-/**
- * Retrieves studio signing settings. Strictly requires authenticated owner.
- */
-export async function getStudioSigningSettingsAction(
-  client: DbClient = defaultDb,
-): Promise<ContractActionResult<StudioSettings>> {
-  let auth: AuthContext;
-  try {
-    auth = await requireOwner({ client });
-  } catch (err) {
-    if (err instanceof ForbiddenError) {
-      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
-    }
-    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
-  }
-
-  try {
-    const data = await getStudioSigningProfile({ auth, client }, client);
-    return { success: true, data };
-  } catch (error) {
-    const msg = getErrorMessage(error, String(error));
-    logger.error({ error: msg }, 'Failed to get studio signing settings');
-    return {
-      success: false,
-      code: 'INTERNAL_ERROR',
-      error: getErrorMessage(error, 'Failed to get studio signing settings'),
-    };
-  }
-}
-
-/**
- * Lists contract templates. Strictly requires authenticated owner.
- */
-export async function listContractTemplatesAction(
-  options: ListContractTemplatesOptions = {},
-  client: DbClient = defaultDb,
-): Promise<ContractActionResult<ContractTemplate[]>> {
-  let auth: AuthContext;
-  try {
-    auth = await requireOwner({ client });
-  } catch (err) {
-    if (err instanceof ForbiddenError) {
-      return { success: false, code: 'FORBIDDEN', error: 'FORBIDDEN' };
-    }
-    return { success: false, code: 'UNAUTHENTICATED', error: 'UNAUTHENTICATED' };
-  }
-
-  try {
-    const data = await listContractTemplates(options, { auth, client }, client);
-    return { success: true, data };
-  } catch (error) {
-    const msg = getErrorMessage(error, String(error));
-    logger.error({ error: msg }, 'Failed to list contract templates');
-    return {
-      success: false,
-      code: 'INTERNAL_ERROR',
-      error: getErrorMessage(error, 'Failed to list contract templates'),
-    };
-  }
-}
diff --git a/tests/integration/contract-template-actions.test.ts b/tests/integration/contract-template-actions.test.ts
index b67d2a0..ae1d0ec 100644
--- a/tests/integration/contract-template-actions.test.ts
+++ b/tests/integration/contract-template-actions.test.ts
@@ -33,13 +33,12 @@ import { studioSettings } from '@/server/db/schema/studio-settings';
 import { auditEvents } from '@/server/db/schema/audit';
 import { createSession, SESSION_COOKIE_NAME } from '@/server/auth/session';
 import { eq, desc } from 'drizzle-orm';
+import * as actions from '@/server/contracts/actions';
 import {
   createContractTemplateAction,
   updateContractTemplateAction,
   archiveContractTemplateAction,
   updateStudioSigningSettingsAction,
-  getStudioSigningSettingsAction,
-  listContractTemplatesAction,
 } from '@/server/contracts/actions';
 import * as templateRepo from '@/server/contracts/template-repo';
 import * as studioSigning from '@/server/studio/signing-settings';
@@ -164,22 +163,9 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
       }
     });
 
-    it('AC-7: Rejects unauthenticated getStudioSigningSettingsAction invocation', async () => {
-      mockCookiesStore.clear();
-      const res = await getStudioSigningSettingsAction(dbClient);
-      expect(res.success).toBe(false);
-      if (!res.success) {
-        expect(res.code).toBe('UNAUTHENTICATED');
-      }
-    });
-
-    it('AC-7: Rejects unauthenticated listContractTemplatesAction invocation', async () => {
-      mockCookiesStore.clear();
-      const res = await listContractTemplatesAction({}, dbClient);
-      expect(res.success).toBe(false);
-      if (!res.success) {
-        expect(res.code).toBe('UNAUTHENTICATED');
-      }
+    it('I1-V01: getStudioSigningSettingsAction and listContractTemplatesAction are not exported to eliminate dead RPC endpoints', () => {
+      expect((actions as Record<string, unknown>).getStudioSigningSettingsAction).toBeUndefined();
+      expect((actions as Record<string, unknown>).listContractTemplatesAction).toBeUndefined();
     });
 
     it('AC-7: Rejects non-owner user with FORBIDDEN across all actions', async () => {
@@ -237,18 +223,6 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
       if (!updateSettingsRes.success) {
         expect(updateSettingsRes.code).toBe('FORBIDDEN');
       }
-
-      const getSettingsRes = await getStudioSigningSettingsAction(dbClient);
-      expect(getSettingsRes.success).toBe(false);
-      if (!getSettingsRes.success) {
-        expect(getSettingsRes.code).toBe('FORBIDDEN');
-      }
-
-      const listRes = await listContractTemplatesAction({}, dbClient);
-      expect(listRes.success).toBe(false);
-      if (!listRes.success) {
-        expect(listRes.code).toBe('FORBIDDEN');
-      }
     });
 
     it('AC-4: Rejects invalid schema input on createContractTemplateAction (empty name, invalid slug)', async () => {
@@ -426,7 +400,7 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
       expect(restoredInDb?.isActive).toBe(true);
     });
 
-    it('AC-1: listContractTemplatesAction returns active and archived templates', async () => {
+    it('AC-1: listContractTemplates repository returns active and archived templates', async () => {
       await createContractTemplateAction(
         {
           name: 'Active Template 1',
@@ -451,19 +425,12 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
         await archiveContractTemplateAction({ id: toArchive.data.id, isActive: false }, dbClient);
       }
 
-      const allTemplates = await listContractTemplatesAction({}, dbClient);
-      expect(allTemplates.success).toBe(true);
-      if (allTemplates.success) {
-        expect(allTemplates.data.length).toBeGreaterThanOrEqual(2);
-        const hasActive = allTemplates.data.some(
-          (t) => t.slug === 'active-template-1' && t.isActive,
-        );
-        const hasArchived = allTemplates.data.some(
-          (t) => t.slug === 'archived-template-2' && !t.isActive,
-        );
-        expect(hasActive).toBe(true);
-        expect(hasArchived).toBe(true);
-      }
+      const allTemplates = await templateRepo.listContractTemplates({}, undefined, dbClient);
+      expect(allTemplates.length).toBeGreaterThanOrEqual(2);
+      const hasActive = allTemplates.some((t) => t.slug === 'active-template-1' && t.isActive);
+      const hasArchived = allTemplates.some((t) => t.slug === 'archived-template-2' && !t.isActive);
+      expect(hasActive).toBe(true);
+      expect(hasArchived).toBe(true);
     });
   });
 
@@ -498,12 +465,9 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
       }
 
       // Check settings retrieval
-      const getRes = await getStudioSigningSettingsAction(dbClient);
-      expect(getRes.success).toBe(true);
-      if (getRes.success) {
-        expect(getRes.data.contract_signatory_name).toBe('Elena Maria Rostova');
-        expect(getRes.data.contract_countersignature_mode).toBe('explicit');
-      }
+      const profile = await studioSigning.getStudioSigningProfile(undefined, dbClient);
+      expect(profile.contract_signatory_name).toBe('Elena Maria Rostova');
+      expect(profile.contract_countersignature_mode).toBe('explicit');
     });
 
     it('AC-6: Rejects invalid studio country code or email', async () => {
@@ -595,30 +559,6 @@ describe('TASK-0065: Contract Template & Studio Signing Server Actions Integrati
       }
       updateSigningSpy.mockRestore();
 
-      // 5. getStudioSigningProfile failure
-      const getSigningSpy = vi
-        .spyOn(studioSigning, 'getStudioSigningProfile')
-        .mockRejectedValueOnce(new Error('Database signing read error'));
-
-      const getSigningRes = await getStudioSigningSettingsAction(dbClient);
-      expect(getSigningRes.success).toBe(false);
-      if (!getSigningRes.success) {
-        expect(getSigningRes.code).toBe('INTERNAL_ERROR');
-      }
-      getSigningSpy.mockRestore();
-
-      // 6. listContractTemplates failure
-      const listSpy = vi
-        .spyOn(templateRepo, 'listContractTemplates')
-        .mockRejectedValueOnce(new Error('Database list error'));
-
-      const listRes = await listContractTemplatesAction({}, dbClient);
-      expect(listRes.success).toBe(false);
-      if (!listRes.success) {
-        expect(listRes.code).toBe('INTERNAL_ERROR');
-      }
-      listSpy.mockRestore();
-
       // 7. Non-Error exception branch (string throw)
       const stringSpy = vi
         .spyOn(templateRepo, 'createContractTemplate')
diff --git a/tests/unit/contract-template-form-schema.test.ts b/tests/unit/contract-template-form-schema.test.ts
index b0358c2..b936bec 100644
--- a/tests/unit/contract-template-form-schema.test.ts
+++ b/tests/unit/contract-template-form-schema.test.ts
@@ -764,7 +764,14 @@ describe('TASK-0065: Contract Template View-Model & Form Helpers Unit Tests', ()
       const setIsDuplicate = vi.fn();
       const setIsModalOpen = vi.fn();
       const setIsSubmittingTemplate = vi.fn();
-      const setTemplates = vi.fn();
+      let templatesState = [mockTmpl, { ...mockTmpl, id: 'different-id' }];
+      const setTemplates = vi.fn((updater: unknown) => {
+        if (typeof updater === 'function') {
+          templatesState = (updater as (prev: ContractTemplate[]) => ContractTemplate[])(
+            templatesState,
+          );
+        }
+      });
       const setSigningSettings = vi.fn();
       const router = { refresh: vi.fn() };
 
diff --git a/tests/unit/contract-templates-components-render.test.tsx b/tests/unit/contract-templates-components-render.test.tsx
index ef42170..a539069 100644
--- a/tests/unit/contract-templates-components-render.test.tsx
+++ b/tests/unit/contract-templates-components-render.test.tsx
@@ -82,6 +82,7 @@ import { ContractTemplatesList } from '@/components/settings/contract-templates-
 import { ContractTemplateModal } from '@/components/settings/contract-template-modal';
 import { StudioSigningSettingsCard } from '@/components/settings/studio-signing-settings-card';
 import { ContractsSettingsView } from '@/components/settings/contracts-settings-view';
+import { createContractTemplateModalController } from '@/components/settings/contracts-helpers';
 import type { ContractTemplate } from '@/server/db/schema/contracts';
 import type { StudioSettings } from '@/server/db/schema/studio-settings';
 
@@ -578,5 +579,103 @@ describe('TASK-0065: Contract Templates & Studio Signing Static Render Tests', (
       expect(emptyArchivedHtml).toContain('data-testid="templates-empty-state"');
       expect(emptyArchivedHtml).toContain('No archived contract templates.');
     });
+
+    it('I1-U01: archive confirmation dialog renders interpolated template name without literal {name} in EN and DE', () => {
+      // English
+      currentLocale = 'en';
+      const enHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate]}
+          initialTemplateToArchive={mockActiveTemplate}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(enHtml).not.toContain('{name}');
+      expect(enHtml).toContain(
+        'Are you sure you want to archive &quot;Standard Wedding Agreement&quot;?',
+      );
+
+      // German
+      currentLocale = 'de';
+      const deHtml = renderToStaticMarkup(
+        <ContractTemplatesList
+          templates={[mockActiveTemplate]}
+          initialTemplateToArchive={mockActiveTemplate}
+          onNewTemplate={vi.fn()}
+          onEditTemplate={vi.fn()}
+          onDuplicateTemplate={vi.fn()}
+          onArchiveTemplate={vi.fn()}
+          onRestoreTemplate={vi.fn()}
+        />,
+      );
+      expect(deHtml).not.toContain('{name}');
+      expect(deHtml).toContain(
+        'Sind Sie sicher, dass Sie &quot;Standard Wedding Agreement&quot; archivieren möchten?',
+      );
+      currentLocale = 'en';
+    });
+
+    it('I1-U02: createContractTemplateModalController focuses and scrolls first invalid field on submission error', async () => {
+      const mockFocus = vi.fn();
+      const mockScrollIntoView = vi.fn();
+      const dummyInput = {
+        focus: mockFocus,
+        scrollIntoView: mockScrollIntoView,
+      } as unknown as HTMLElement;
+
+      const mockQuerySelector = vi.fn().mockReturnValue(dummyInput);
+      const mockContainer = {
+        querySelector: mockQuerySelector,
+      } as unknown as HTMLElement;
+
+      const setErrors = vi.fn();
+      const setActiveClauseTab = vi.fn();
+      const setLiveAnnouncement = vi.fn();
+      const onSave = vi.fn();
+      const onClose = vi.fn();
+
+      const controller = createContractTemplateModalController({
+        formData: {
+          name: '',
+          slug: '',
+          description: '',
+          projectTypeKey: '',
+          contentEn: '',
+          contentDe: '',
+          isDefault: false,
+          isActive: true,
+        },
+        setFormData: vi.fn(),
+        setErrors,
+        activeClauseTab: 'en',
+        setActiveClauseTab,
+        setLiveAnnouncement,
+        onClose,
+        onSave,
+        t: (k: string) => k,
+      });
+
+      const preventDefault = vi.fn();
+      const syntheticEvent = {
+        preventDefault,
+        currentTarget: mockContainer,
+      } as unknown as React.SyntheticEvent;
+      controller.handleSubmit(syntheticEvent);
+
+      expect(preventDefault).toHaveBeenCalled();
+      expect(setErrors).toHaveBeenCalled();
+      expect(onSave).not.toHaveBeenCalled();
+
+      // Wait for setTimeout in handleSubmit
+      await new Promise((resolve) => setTimeout(resolve, 20));
+
+      expect(mockQuerySelector).toHaveBeenCalledWith('[aria-invalid="true"], :invalid');
+      expect(mockFocus).toHaveBeenCalled();
+      expect(mockScrollIntoView).toHaveBeenCalledWith({ behavior: 'smooth', block: 'center' });
+    });
   });
 });