Benjamin_Boenisch/breakpilot-compliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: DocumentGenerator — Template-Spec v1 Phase A (Kontext-Formular + Beispiele)
All checks were successful
CI / go-lint (push) Has been skipped
Details
CI / python-lint (push) Has been skipped
Details
CI / nodejs-lint (push) Has been skipped
Details
CI / test-go-ai-compliance (push) Successful in 39s
Details
CI / test-python-backend-compliance (push) Successful in 34s
Details
CI / test-python-document-crawler (push) Successful in 24s
Details
CI / test-python-dsms-gateway (push) Successful in 19s
Details

Browse Source 
- page.tsx: Generator-Section nutzt jetzt strukturiertes Kontext-Formular
  statt einzelner Platzhalter-Inputs
  - 10 Sections (Anbieter, Kunde, Dienst, Rechtliches, Datenschutz, SLA,
    Zahlungskonditionen, Sicherheit, NDA, Cookie/Einwilligung)
  - Nur für die Vorlage relevante Sections werden angezeigt (getRelevantSections)
  - Collapsible Sections mit Auto-Expand beim Template-Wechsel
  - Uncovered Placeholders als separate manuelle Eingaben
  - Validierungs-Badge zeigt fehlende Pflichtfelder
  - Grüne Bestätigung wenn alle Felder ausgefüllt
- 11 Beispiel-Contexts für alle doc_types (nda_de, nda_en, sla_de, aup_en,
  community_de, copyright_de, cloud_contract_de, data_usage_clause_de,
  cookie_banner_de, agb_de, liability_clause_en)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-03-04 12:36:40 +01:00
parent 0fc3e7754f
commit 076cdd587d
12 changed files with 1212 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
admin-compliance/app/sdk/document-generator/examples/acceptable_use_en.json Normal file
View File

@@ -0,0 +1,71 @@
{
"spec_version": "1.0.0",
"doc_type": "acceptable_use_en",
"render": { "lang": "en", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "contact@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Platform User",
"EMAIL": "user@example.com",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "GDPR and AI-Act compliance platform",
"MODEL": "SaaS",
"TIER": "Standard",
"DATA_LOCATION": "Germany (Frankfurt)"
},
"LEGAL": {
"GOVERNING_LAW": "Germany",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "en"
},
"PRIVACY": {
"CONTACT_EMAIL": "privacy@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dpo@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/privacy"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "abuse@breakpilot.de",
"SUPPORT_HOURS": "Mon–Fri 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 0,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Invoice",
"PAYMENT_DAYS": 30
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

77
admin-compliance/app/sdk/document-generator/examples/agb_de.json Normal file
View File

@@ -0,0 +1,77 @@
{
"spec_version": "1.0.0",
"doc_type": "agb_de",
"render": { "lang": "de", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de",
"CEO_NAME": "Max Mustermann",
"REGISTER_COURT": "Amtsgericht Berlin",
"REGISTER_NUMBER": "HRB 123456",
"VAT_ID": "DE123456789"
},
"CUSTOMER": {
"LEGAL_NAME": "Kunde",
"EMAIL": "kunde@example.com",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform für SaaS-Anbieter",
"MODEL": "SaaS",
"TIER": "Professional",
"DATA_LOCATION": "Deutschland (Frankfurt)",
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 199,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": ["B2C_WITHDRAWAL_DE"] }
}

85
admin-compliance/app/sdk/document-generator/examples/cloud_contract_de.json Normal file
View File

@@ -0,0 +1,85 @@
{
"spec_version": "1.0.0",
"doc_type": "cloud_contract_de",
"render": { "lang": "de", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de",
"CEO_NAME": "Max Mustermann",
"REGISTER_COURT": "Amtsgericht Berlin",
"REGISTER_NUMBER": "HRB 123456",
"VAT_ID": "DE123456789"
},
"CUSTOMER": {
"LEGAL_NAME": "Beispiel AG",
"ADDRESS_LINE": "Hauptstraße 10",
"POSTAL_CODE": "80331",
"CITY": "München",
"COUNTRY": "DE",
"CONTACT_NAME": "Erika Musterfrau",
"EMAIL": "erika@beispiel-ag.de",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform für SaaS-Anbieter",
"MODEL": "SaaS",
"TIER": "Professional",
"DATA_LOCATION": "Deutschland (Frankfurt, eu-central-1)",
"EXPORT_FORMATS": ["JSON", "CSV", "PDF"],
"EXPORT_WINDOW_DAYS": 30,
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_PHONE": "+49 30 12345678",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 199,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung (SEPA-Überweisung)",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": ["CLOUD_EXPORT_DELETE_DE"] }
}

71
admin-compliance/app/sdk/document-generator/examples/community_de.json Normal file
View File

@@ -0,0 +1,71 @@
{
"spec_version": "1.0.0",
"doc_type": "community_de",
"render": { "lang": "de", "variant": "standard", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Community-Mitglied",
"EMAIL": "community@example.com",
"IS_CONSUMER": true,
"IS_BUSINESS": false
},
"SERVICE": {
"NAME": "BreakPilot Community",
"DESCRIPTION": "Online-Community für Compliance-Professionals",
"MODEL": "SaaS",
"TIER": "Free",
"DATA_LOCATION": "Deutschland"
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.0,
"MAINTENANCE_NOTICE_HOURS": 48,
"SUPPORT_EMAIL": "community@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–17:00 CET",
"RESPONSE_CRITICAL_H": 4, "RESOLUTION_CRITICAL_H": 24,
"RESPONSE_HIGH_H": 8, "RESOLUTION_HIGH_H": 48,
"RESPONSE_MEDIUM_H": 48, "RESOLUTION_MEDIUM_H": 168,
"RESPONSE_LOW_H": 120
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 0,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "kostenlos",
"PAYMENT_DAYS": 0
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 72,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 2, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "community.breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

73
admin-compliance/app/sdk/document-generator/examples/cookie_banner_de.json Normal file
View File

@@ -0,0 +1,73 @@
{
"spec_version": "1.0.0",
"doc_type": "cookie_banner_de",
"render": { "lang": "de", "variant": "b2c", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Website-Besucher",
"EMAIL": "besucher@example.com",
"IS_CONSUMER": true,
"IS_BUSINESS": false
},
"SERVICE": {
"NAME": "breakpilot.de",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform Website",
"MODEL": "SaaS",
"TIER": "Standard",
"DATA_LOCATION": "Deutschland"
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz",
"COOKIE_POLICY_URL": "https://breakpilot.de/cookies",
"ANALYTICS_RETENTION_MONTHS": 13
},
"SLA": {
"AVAILABILITY_PERCENT": 99.0,
"MAINTENANCE_NOTICE_HOURS": 48,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 4, "RESOLUTION_CRITICAL_H": 24,
"RESPONSE_HIGH_H": 8, "RESOLUTION_HIGH_H": 48,
"RESPONSE_MEDIUM_H": 48, "RESOLUTION_MEDIUM_H": 168,
"RESPONSE_LOW_H": 120
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 0,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "kostenlos",
"PAYMENT_DAYS": 0
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 72,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 2, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": "Google Analytics 4, Matomo",
"MARKETING_PARTNERS": "LinkedIn Insight Tag"
}
},
"modules": { "enabled": [] }
}

71
admin-compliance/app/sdk/document-generator/examples/copyright_de.json Normal file
View File

@@ -0,0 +1,71 @@
{
"spec_version": "1.0.0",
"doc_type": "copyright_de",
"render": { "lang": "de", "variant": "standard", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Nutzer",
"EMAIL": "nutzer@example.com",
"IS_CONSUMER": true,
"IS_BUSINESS": false
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform",
"MODEL": "SaaS",
"TIER": "Standard",
"DATA_LOCATION": "Deutschland"
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "copyright@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.0,
"MAINTENANCE_NOTICE_HOURS": 48,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 4, "RESOLUTION_CRITICAL_H": 24,
"RESPONSE_HIGH_H": 8, "RESOLUTION_HIGH_H": 48,
"RESPONSE_MEDIUM_H": 48, "RESOLUTION_MEDIUM_H": 168,
"RESPONSE_LOW_H": 120
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 0,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 72,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 3, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

73
admin-compliance/app/sdk/document-generator/examples/data_usage_clause_de.json Normal file
View File

@@ -0,0 +1,73 @@
{
"spec_version": "1.0.0",
"doc_type": "data_usage_clause_de",
"render": { "lang": "de", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Beispiel AG",
"EMAIL": "datenschutz@beispiel-ag.de",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform",
"MODEL": "SaaS",
"TIER": "Professional",
"DATA_LOCATION": "Deutschland (Frankfurt)"
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz",
"ANALYTICS_RETENTION_MONTHS": 13,
"DATA_TRANSFER_THIRD_COUNTRIES": "nicht statt"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 199,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

73
admin-compliance/app/sdk/document-generator/examples/liability_clause_en.json Normal file
View File

@@ -0,0 +1,73 @@
{
"spec_version": "1.0.0",
"doc_type": "liability_clause_en",
"render": { "lang": "en", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "contact@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Acme Corp Ltd.",
"EMAIL": "legal@acme.example",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "GDPR and AI-Act compliance platform",
"MODEL": "SaaS",
"TIER": "Enterprise",
"DATA_LOCATION": "Germany (Frankfurt)",
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Germany",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "en"
},
"PRIVACY": {
"CONTACT_EMAIL": "privacy@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dpo@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/privacy"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.9,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mon–Fri 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 1, "RESOLUTION_CRITICAL_H": 4,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 499,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Invoice",
"PAYMENT_DAYS": 30
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

85
admin-compliance/app/sdk/document-generator/examples/nda_de.json Normal file
View File

@@ -0,0 +1,85 @@
{
"spec_version": "1.0.0",
"doc_type": "nda_de",
"render": { "lang": "de", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de",
"CEO_NAME": "Max Mustermann",
"REGISTER_COURT": "Amtsgericht Berlin",
"REGISTER_NUMBER": "HRB 123456"
},
"CUSTOMER": {
"LEGAL_NAME": "Beispiel AG",
"ADDRESS_LINE": "Hauptstraße 10",
"POSTAL_CODE": "80331",
"CITY": "München",
"COUNTRY": "DE",
"CONTACT_NAME": "Erika Musterfrau",
"EMAIL": "erika@beispiel-ag.de",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform für SaaS-Anbieter",
"MODEL": "SaaS",
"TIER": "Professional",
"DATA_LOCATION": "Deutschland (Frankfurt)",
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 199,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": {
"PURPOSE": "Zusammenarbeit bei der Entwicklung und dem Betrieb der BreakPilot Compliance Platform",
"DURATION_YEARS": 5,
"PENALTY_AMOUNT_EUR": 25000
},
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

82
admin-compliance/app/sdk/document-generator/examples/nda_en.json Normal file
View File

@@ -0,0 +1,82 @@
{
"spec_version": "1.0.0",
"doc_type": "nda_en",
"render": { "lang": "en", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "contact@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Acme Corp Ltd.",
"ADDRESS_LINE": "123 Main Street",
"POSTAL_CODE": "EC1A 1BB",
"CITY": "London",
"COUNTRY": "GB",
"CONTACT_NAME": "John Smith",
"EMAIL": "john.smith@acme.example",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "GDPR and AI-Act compliance platform for SaaS providers",
"MODEL": "SaaS",
"TIER": "Enterprise",
"DATA_LOCATION": "Germany (Frankfurt)",
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Germany",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "en"
},
"PRIVACY": {
"CONTACT_EMAIL": "privacy@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dpo@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/privacy"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.9,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_HOURS": "Mon–Fri 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 1, "RESOLUTION_CRITICAL_H": 4,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 499,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Invoice",
"PAYMENT_DAYS": 30
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": {
"PURPOSE": "Collaboration on the development and operation of the BreakPilot Compliance Platform",
"DURATION_YEARS": 5,
"PENALTY_AMOUNT_EUR": 50000
},
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

76
admin-compliance/app/sdk/document-generator/examples/sla_de.json Normal file
View File

@@ -0,0 +1,76 @@
{
"spec_version": "1.0.0",
"doc_type": "sla_de",
"render": { "lang": "de", "variant": "b2b", "format": "markdown", "strict": true },
"context": {
"PROVIDER": {
"LEGAL_NAME": "BreakPilot GmbH",
"LEGAL_FORM": "GmbH",
"ADDRESS_LINE": "Musterstraße 1",
"POSTAL_CODE": "10115",
"CITY": "Berlin",
"COUNTRY": "DE",
"EMAIL": "kontakt@breakpilot.de",
"WEBSITE_URL": "https://breakpilot.de"
},
"CUSTOMER": {
"LEGAL_NAME": "Beispiel AG",
"EMAIL": "it@beispiel-ag.de",
"IS_CONSUMER": false,
"IS_BUSINESS": true
},
"SERVICE": {
"NAME": "BreakPilot Compliance SDK",
"DESCRIPTION": "DSGVO- und AI-Act-Compliance-Plattform für SaaS-Anbieter",
"MODEL": "SaaS",
"TIER": "Professional",
"DATA_LOCATION": "Deutschland (Frankfurt)",
"EXPORT_FORMATS": ["JSON", "CSV", "PDF"],
"EXPORT_WINDOW_DAYS": 30,
"MIN_TERM_MONTHS": 12,
"TERMINATION_NOTICE_DAYS": 30
},
"LEGAL": {
"GOVERNING_LAW": "Deutschland",
"JURISDICTION_CITY": "Berlin",
"VERSION_DATE": "2026-01-01",
"EFFECTIVE_DATE": "2026-01-01",
"LANG": "de"
},
"PRIVACY": {
"CONTACT_EMAIL": "datenschutz@breakpilot.de",
"DPO_NAME": "Max Mustermann",
"DPO_EMAIL": "dsb@breakpilot.de",
"PRIVACY_POLICY_URL": "https://breakpilot.de/datenschutz"
},
"SLA": {
"AVAILABILITY_PERCENT": 99.5,
"MAINTENANCE_NOTICE_HOURS": 72,
"SUPPORT_EMAIL": "support@breakpilot.de",
"SUPPORT_PHONE": "+49 30 12345678",
"SUPPORT_HOURS": "Mo–Fr 09:00–18:00 CET",
"RESPONSE_CRITICAL_H": 2, "RESOLUTION_CRITICAL_H": 8,
"RESPONSE_HIGH_H": 4, "RESOLUTION_HIGH_H": 24,
"RESPONSE_MEDIUM_H": 24, "RESOLUTION_MEDIUM_H": 120,
"RESPONSE_LOW_H": 72
},
"PAYMENTS": {
"MONTHLY_FEE_EUR": 199,
"PAYMENT_DUE_DAY": 1,
"PAYMENT_METHOD": "Rechnung",
"PAYMENT_DAYS": 14
},
"SECURITY": {
"INCIDENT_NOTICE_HOURS": 24,
"LOG_RETENTION_DAYS": 7,
"SECURITY_LOG_RETENTION_DAYS": 30
},
"NDA": { "PURPOSE": "", "DURATION_YEARS": 5, "PENALTY_AMOUNT_EUR": null },
"CONSENT": {
"WEBSITE_NAME": "breakpilot.de",
"ANALYTICS_TOOLS": null,
"MARKETING_PARTNERS": null
}
},
"modules": { "enabled": [] }
}

437
admin-compliance/app/sdk/document-generator/page.tsx
View File

@@ -14,7 +14,12 @@ import {
import { DataPointsPreview } from './components/DataPointsPreview'
import { DocumentValidation } from './components/DocumentValidation'
import { generateAllPlaceholders } from '@/lib/sdk/document-generator/datapoint-helpers'
import { loadAllTemplates, searchTemplates } from './searchTemplates'
import { loadAllTemplates } from './searchTemplates'
import {
TemplateContext, EMPTY_CONTEXT,
contextToPlaceholders, getRelevantSections,
getUncoveredPlaceholders, getMissingRequired,
} from './contextBridge'
// =============================================================================
// CATEGORY CONFIG
@@ -35,6 +40,120 @@ const CATEGORIES: { key: string; label: string; types: string[] | null }[] = [
{ key: 'misc', label: 'Weitere', types: ['community_guidelines', 'copyright_policy', 'data_usage_clause'] },
]
// =============================================================================
// CONTEXT FORM CONFIG
// =============================================================================
const SECTION_LABELS: Record<keyof TemplateContext, string> = {
PROVIDER: 'Anbieter',
CUSTOMER: 'Kunde / Gegenpartei',
SERVICE: 'Dienst / Produkt',
LEGAL: 'Rechtliches',
PRIVACY: 'Datenschutz',
SLA: 'Service Level (SLA)',
PAYMENTS: 'Zahlungskonditionen',
SECURITY: 'Sicherheit & Logs',
NDA: 'Geheimhaltung (NDA)',
CONSENT: 'Cookie / Einwilligung',
}
type FieldType = 'text' | 'email' | 'number' | 'select' | 'textarea' | 'boolean'
interface FieldDef {
key: string
label: string
type?: FieldType
opts?: string[]
span?: boolean
nullable?: boolean
}
const SECTION_FIELDS: Record<keyof TemplateContext, FieldDef[]> = {
PROVIDER: [
{ key: 'LEGAL_NAME', label: 'Firmenname' },
{ key: 'EMAIL', label: 'Kontakt-E-Mail', type: 'email' },
{ key: 'LEGAL_FORM', label: 'Rechtsform' },
{ key: 'ADDRESS_LINE', label: 'Adresse' },
{ key: 'POSTAL_CODE', label: 'PLZ' },
{ key: 'CITY', label: 'Stadt' },
{ key: 'WEBSITE_URL', label: 'Website-URL' },
{ key: 'CEO_NAME', label: 'Geschäftsführer' },
{ key: 'REGISTER_COURT', label: 'Registergericht' },
{ key: 'REGISTER_NUMBER', label: 'HRB-Nummer' },
{ key: 'VAT_ID', label: 'USt-ID' },
{ key: 'PHONE', label: 'Telefon' },
],
CUSTOMER: [
{ key: 'LEGAL_NAME', label: 'Name / Firma' },
{ key: 'EMAIL', label: 'E-Mail', type: 'email' },
{ key: 'CONTACT_NAME', label: 'Ansprechpartner' },
{ key: 'ADDRESS_LINE', label: 'Adresse' },
{ key: 'POSTAL_CODE', label: 'PLZ' },
{ key: 'CITY', label: 'Stadt' },
{ key: 'COUNTRY', label: 'Land' },
{ key: 'IS_CONSUMER', label: 'Verbraucher (B2C)', type: 'boolean' },
{ key: 'IS_BUSINESS', label: 'Unternehmer (B2B)', type: 'boolean' },
],
SERVICE: [
{ key: 'NAME', label: 'Dienstname' },
{ key: 'DESCRIPTION', label: 'Beschreibung', type: 'textarea', span: true },
{ key: 'MODEL', label: 'Modell', type: 'select', opts: ['SaaS', 'PaaS', 'IaaS', 'OnPrem', 'Hybrid'] },
{ key: 'TIER', label: 'Plan / Tier' },
{ key: 'DATA_LOCATION', label: 'Datenspeicherort' },
{ key: 'EXPORT_WINDOW_DAYS', label: 'Export-Frist (Tage)', type: 'number' },
{ key: 'MIN_TERM_MONTHS', label: 'Mindestlaufzeit (Monate)', type: 'number' },
{ key: 'TERMINATION_NOTICE_DAYS', label: 'Kündigungsfrist (Tage)', type: 'number' },
],
LEGAL: [
{ key: 'GOVERNING_LAW', label: 'Anwendbares Recht' },
{ key: 'JURISDICTION_CITY', label: 'Gerichtsstand (Stadt)' },
{ key: 'VERSION_DATE', label: 'Versionsstand (JJJJ-MM-TT)' },
{ key: 'EFFECTIVE_DATE', label: 'Gültig ab (JJJJ-MM-TT)' },
],
PRIVACY: [
{ key: 'DPO_NAME', label: 'DSB-Name' },
{ key: 'DPO_EMAIL', label: 'DSB-E-Mail', type: 'email' },
{ key: 'CONTACT_EMAIL', label: 'Datenschutz-Kontakt', type: 'email' },
{ key: 'PRIVACY_POLICY_URL', label: 'Datenschutz-URL' },
{ key: 'COOKIE_POLICY_URL', label: 'Cookie-Policy-URL' },
{ key: 'ANALYTICS_RETENTION_MONTHS', label: 'Analytics-Aufbewahrung (Monate)', type: 'number' },
{ key: 'SUPERVISORY_AUTHORITY_NAME', label: 'Aufsichtsbehörde' },
],
SLA: [
{ key: 'AVAILABILITY_PERCENT', label: 'Verfügbarkeit (%)', type: 'number' },
{ key: 'MAINTENANCE_NOTICE_HOURS', label: 'Wartungsankündigung (h)', type: 'number' },
{ key: 'SUPPORT_EMAIL', label: 'Support-E-Mail', type: 'email' },
{ key: 'SUPPORT_HOURS', label: 'Support-Zeiten' },
{ key: 'RESPONSE_CRITICAL_H', label: 'Reaktion Kritisch (h)', type: 'number' },
{ key: 'RESOLUTION_CRITICAL_H', label: 'Lösung Kritisch (h)', type: 'number' },
{ key: 'RESPONSE_HIGH_H', label: 'Reaktion Hoch (h)', type: 'number' },
{ key: 'RESOLUTION_HIGH_H', label: 'Lösung Hoch (h)', type: 'number' },
{ key: 'RESPONSE_MEDIUM_H', label: 'Reaktion Mittel (h)', type: 'number' },
{ key: 'RESOLUTION_MEDIUM_H', label: 'Lösung Mittel (h)', type: 'number' },
{ key: 'RESPONSE_LOW_H', label: 'Reaktion Niedrig (h)', type: 'number' },
],
PAYMENTS: [
{ key: 'MONTHLY_FEE_EUR', label: 'Monatl. Gebühr (EUR)', type: 'number' },
{ key: 'PAYMENT_DUE_DAY', label: 'Fälligkeitstag', type: 'number' },
{ key: 'PAYMENT_METHOD', label: 'Zahlungsmethode' },
{ key: 'PAYMENT_DAYS', label: 'Zahlungsziel (Tage)', type: 'number' },
],
SECURITY: [
{ key: 'INCIDENT_NOTICE_HOURS', label: 'Meldepflicht Vorfälle (h)', type: 'number' },
{ key: 'LOG_RETENTION_DAYS', label: 'Log-Aufbewahrung (Tage)', type: 'number' },
{ key: 'SECURITY_LOG_RETENTION_DAYS', label: 'Sicherheits-Log (Tage)', type: 'number' },
],
NDA: [
{ key: 'PURPOSE', label: 'Zweck', type: 'textarea', span: true },
{ key: 'DURATION_YEARS', label: 'Laufzeit (Jahre)', type: 'number' },
{ key: 'PENALTY_AMOUNT_EUR', label: 'Vertragsstrafe EUR (leer = keine)', type: 'number', nullable: true },
],
CONSENT: [
{ key: 'WEBSITE_NAME', label: 'Website-Name' },
{ key: 'ANALYTICS_TOOLS', label: 'Analytics-Tools (leer = kein Block)', nullable: true },
{ key: 'MARKETING_PARTNERS', label: 'Marketing-Partner (leer = kein Block)', nullable: true },
],
}
// =============================================================================
// SMALL COMPONENTS
// =============================================================================
@@ -78,7 +197,6 @@ function LibraryCard({
return (
<div className="bg-white rounded-xl border border-gray-200 overflow-hidden hover:border-purple-300 transition-colors">
{/* Card header */}
<div className="p-4">
<div className="flex items-start justify-between gap-2 mb-2">
<h3 className="font-medium text-gray-900 text-sm leading-snug">
@@ -94,9 +212,7 @@ function LibraryCard({
)}
<LicenseBadge licenseId={template.licenseId as LicenseType} small />
{placeholderCount > 0 && (
<span className="text-xs text-gray-500">
{placeholderCount} Platzh.
</span>
<span className="text-xs text-gray-500">{placeholderCount} Platzh.</span>
)}
</div>
<div className="flex gap-2">
@@ -115,7 +231,6 @@ function LibraryCard({
</div>
</div>
{/* Inline preview */}
{expanded && (
<div className="border-t border-gray-100 bg-gray-50 p-4 max-h-64 overflow-y-auto">
<pre className="text-xs text-gray-600 whitespace-pre-wrap font-mono leading-relaxed">
@@ -127,32 +242,149 @@ function LibraryCard({
)
}
// =============================================================================
// CONTEXT SECTION FORM
// =============================================================================
function ContextSectionForm({
section,
context,
onChange,
}: {
section: keyof TemplateContext
context: TemplateContext
onChange: (section: keyof TemplateContext, key: string, value: unknown) => void
}) {
const fields = SECTION_FIELDS[section]
const sectionData = context[section] as Record<string, unknown>
return (
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{fields.map((field) => {
const rawValue = sectionData[field.key]
const inputCls = 'w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-purple-400'
if (field.type === 'boolean') {
return (
<div key={field.key} className="flex items-center gap-2 py-2">
<input
type="checkbox"
id={`${section}-${field.key}`}
checked={!!rawValue}
onChange={(e) => onChange(section, field.key, e.target.checked)}
className="w-4 h-4 accent-purple-600"
/>
<label htmlFor={`${section}-${field.key}`} className="text-sm text-gray-700">
{field.label}
</label>
</div>
)
}
if (field.type === 'select' && field.opts) {
return (
<div key={field.key} className={field.span ? 'md:col-span-2' : ''}>
<label className="block text-xs text-gray-500 mb-1">{field.label}</label>
<select
value={String(rawValue ?? '')}
onChange={(e) => onChange(section, field.key, e.target.value)}
className={inputCls}
>
{field.opts.map((o) => <option key={o} value={o}>{o}</option>)}
</select>
</div>
)
}
if (field.type === 'textarea') {
return (
<div key={field.key} className={field.span ? 'md:col-span-2' : ''}>
<label className="block text-xs text-gray-500 mb-1">{field.label}</label>
<textarea
value={String(rawValue ?? '')}
onChange={(e) => onChange(section, field.key, field.nullable && e.target.value === '' ? null : e.target.value)}
rows={3}
className={`${inputCls} resize-none`}
/>
</div>
)
}
if (field.type === 'number') {
return (
<div key={field.key} className={field.span ? 'md:col-span-2' : ''}>
<label className="block text-xs text-gray-500 mb-1">{field.label}</label>
<input
type="number"
value={rawValue === null || rawValue === undefined ? '' : String(rawValue)}
onChange={(e) => {
const v = e.target.value
onChange(section, field.key, field.nullable && v === '' ? null : v === '' ? '' : Number(v))
}}
className={inputCls}
/>
</div>
)
}
// default: text / email
return (
<div key={field.key} className={field.span ? 'md:col-span-2' : ''}>
<label className="block text-xs text-gray-500 mb-1">{field.label}</label>
<input
type={field.type === 'email' ? 'email' : 'text'}
value={rawValue === null || rawValue === undefined ? '' : String(rawValue)}
onChange={(e) => onChange(section, field.key, field.nullable && e.target.value === '' ? null : e.target.value)}
className={inputCls}
/>
</div>
)
})}
</div>
)
}
// =============================================================================
// GENERATOR SECTION
// =============================================================================
function GeneratorSection({
template,
placeholderValues,
onPlaceholderChange,
context,
onContextChange,
extraPlaceholders,
onExtraChange,
onClose,
}: {
template: LegalTemplateResult
placeholderValues: Record<string, string>
onPlaceholderChange: (key: string, value: string) => void
context: TemplateContext
onContextChange: (section: keyof TemplateContext, key: string, value: unknown) => void
extraPlaceholders: Record<string, string>
onExtraChange: (key: string, value: string) => void
onClose: () => void
}) {
const [activeTab, setActiveTab] = useState<'placeholders' | 'preview'>('placeholders')
const [expandedSections, setExpandedSections] = useState<Set<string>>(new Set(['PROVIDER', 'LEGAL']))
const placeholders = template.placeholders || []
const relevantSections = useMemo(() => getRelevantSections(placeholders), [placeholders])
const uncovered = useMemo(() => getUncoveredPlaceholders(placeholders, context), [placeholders, context])
const missing = useMemo(() => getMissingRequired(placeholders, context), [placeholders, context])
const allPlaceholderValues = useMemo(() => ({
...contextToPlaceholders(context),
...extraPlaceholders,
}), [context, extraPlaceholders])
const renderedContent = useMemo(() => {
let content = template.text
for (const [key, value] of Object.entries(placeholderValues)) {
for (const [key, value] of Object.entries(allPlaceholderValues)) {
if (value) {
content = content.replace(new RegExp(key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), value)
}
}
return content
}, [template.text, placeholderValues])
}, [template.text, allPlaceholderValues])
const handleCopy = () => navigator.clipboard.writeText(renderedContent)
@@ -166,13 +398,25 @@ function GeneratorSection({
URL.revokeObjectURL(url)
}
const handlePrint = () => window.print()
const toggleSection = (sec: string) => {
setExpandedSections((prev) => {
const next = new Set(prev)
if (next.has(sec)) next.delete(sec)
else next.add(sec)
return next
})
}
const placeholders = template.placeholders || []
// Auto-expand all relevant sections on first render
useEffect(() => {
if (relevantSections.length > 0) {
setExpandedSections(new Set(relevantSections))
}
}, [template.id]) // eslint-disable-line react-hooks/exhaustive-deps
return (
<div className="bg-white rounded-xl border-2 border-purple-300 overflow-hidden">
{/* Generator header */}
{/* Header */}
<div className="bg-purple-50 px-6 py-4 flex items-center justify-between">
<div className="flex items-center gap-3">
<svg className="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -202,7 +446,12 @@ function GeneratorSection({
: 'text-gray-500 border-transparent hover:text-gray-700'
}`}
>
{tab === 'placeholders' ? 'Platzhalter ausfüllen' : 'Vorschau & Export'}
{tab === 'placeholders' ? 'Kontext ausfüllen' : 'Vorschau & Export'}
{tab === 'placeholders' && missing.length > 0 && (
<span className="ml-2 px-1.5 py-0.5 text-[10px] bg-orange-100 text-orange-600 rounded-full">
{missing.length}
</span>
)}
</button>
))}
</div>
@@ -217,21 +466,76 @@ function GeneratorSection({
</div>
) : (
<>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{placeholders.map((placeholder) => (
<div key={placeholder}>
<label className="block text-xs text-gray-600 mb-1 font-mono">{placeholder}</label>
<input
type="text"
value={placeholderValues[placeholder] || ''}
onChange={(e) => onPlaceholderChange(placeholder, e.target.value)}
placeholder={`Wert für ${placeholder}`}
className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-purple-400"
/>
{/* Relevant sections */}
{relevantSections.length === 0 ? (
<p className="text-sm text-gray-500">Alle Platzhalter müssen manuell befüllt werden.</p>
) : (
<div className="space-y-3">
{relevantSections.map((section) => (
<div key={section} className="border border-gray-200 rounded-xl overflow-hidden">
<button
onClick={() => toggleSection(section)}
className="w-full flex items-center justify-between px-4 py-3 bg-gray-50 hover:bg-gray-100 transition-colors text-left"
>
<span className="text-sm font-medium text-gray-800">{SECTION_LABELS[section]}</span>
<svg
className={`w-4 h-4 text-gray-400 transition-transform ${expandedSections.has(section) ? 'rotate-180' : ''}`}
fill="none" stroke="currentColor" viewBox="0 0 24 24"
>
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
</svg>
</button>
{expandedSections.has(section) && (
<div className="p-4 border-t border-gray-100">
<ContextSectionForm
section={section}
context={context}
onChange={onContextChange}
/>
</div>
)}
</div>
))}
</div>
)}
{/* Uncovered / manual placeholders */}
{uncovered.length > 0 && (
<div className="border border-dashed border-gray-300 rounded-xl p-4">
<p className="text-xs font-medium text-gray-500 uppercase tracking-wide mb-3">
Weitere Platzhalter (manuell ausfüllen)
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
{uncovered.map((ph) => (
<div key={ph}>
<label className="block text-xs text-gray-500 mb-1 font-mono">{ph}</label>
<input
type="text"
value={extraPlaceholders[ph] || ''}
onChange={(e) => onExtraChange(ph, e.target.value)}
placeholder={`Wert für ${ph}`}
className="w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-purple-400"
/>
</div>
))}
</div>
))}
</div>
<div className="flex justify-end pt-2">
</div>
)}
{/* Validation summary + CTA */}
<div className="flex items-center justify-between pt-2 flex-wrap gap-3">
<div>
{missing.length > 0 ? (
<span className="text-sm text-orange-600">
⚠ {missing.length} Pflichtfeld{missing.length > 1 ? 'er' : ''} fehlt{missing.length === 1 ? '' : 'en'}
<span className="ml-1 text-xs text-orange-400">
({missing.map((m) => m.replace(/\{\{|\}\}/g, '')).slice(0, 3).join(', ')}{missing.length > 3 ? ` +${missing.length - 3}` : ''})
</span>
</span>
) : (
<span className="text-sm text-green-600">Alle Pflichtfelder ausgefüllt</span>
)}
</div>
<button
onClick={() => setActiveTab('preview')}
className="px-5 py-2 bg-purple-600 text-white text-sm rounded-lg hover:bg-purple-700 transition-colors"
@@ -246,11 +550,11 @@ function GeneratorSection({
{activeTab === 'preview' && (
<div className="space-y-4">
<div className="flex items-center justify-between">
<div className="flex items-center justify-between flex-wrap gap-2">
<span className="text-sm text-gray-600">
{placeholders.length > 0 && Object.values(placeholderValues).filter(Boolean).length < placeholders.length && (
{missing.length > 0 && (
<span className="text-orange-600">
⚠ {placeholders.length - Object.values(placeholderValues).filter(Boolean).length} Platzhalter noch nicht ausgefüllt
⚠ {missing.length} Platzhalter noch nicht ausgefüllt
</span>
)}
</span>
@@ -274,7 +578,7 @@ function GeneratorSection({
Markdown
</button>
<button
onClick={handlePrint}
onClick={() => window.print()}
className="flex items-center gap-1.5 px-4 py-1.5 text-xs bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors"
>
<svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -319,10 +623,10 @@ function DocumentGeneratorPageInner() {
// Generator state
const [activeTemplate, setActiveTemplate] = useState<LegalTemplateResult | null>(null)
const [placeholderValues, setPlaceholderValues] = useState<Record<string, string>>({})
const [context, setContext] = useState<TemplateContext>(EMPTY_CONTEXT)
const [extraPlaceholders, setExtraPlaceholders] = useState<Record<string, string>>({})
const generatorRef = useRef<HTMLDivElement>(null)
// Status
const [totalCount, setTotalCount] = useState<number>(0)
// Load all templates on mount
@@ -335,27 +639,32 @@ function DocumentGeneratorPageInner() {
})
}, [])
// Pre-fill placeholders from company profile
// Pre-fill context from company profile
useEffect(() => {
if (state?.companyProfile) {
const profile = state.companyProfile
setPlaceholderValues((prev) => ({
setContext((prev) => ({
...prev,
'{{COMPANY_NAME}}': profile.companyName || '',
'{{FIRMENNAME}}': profile.companyName || '',
'{{CONTACT_EMAIL}}': profile.dpoEmail || '',
'{{DSB_EMAIL}}': profile.dpoEmail || '',
'{{DPO_NAME}}': profile.dpoName || '',
'{{DSB_NAME}}': profile.dpoName || '',
PROVIDER: {
...prev.PROVIDER,
LEGAL_NAME: profile.companyName || prev.PROVIDER.LEGAL_NAME,
EMAIL: (profile as Record<string, string>).email || prev.PROVIDER.EMAIL,
},
PRIVACY: {
...prev.PRIVACY,
DPO_NAME: profile.dpoName || prev.PRIVACY.DPO_NAME,
DPO_EMAIL: profile.dpoEmail || prev.PRIVACY.DPO_EMAIL,
CONTACT_EMAIL: profile.dpoEmail || prev.PRIVACY.CONTACT_EMAIL,
},
}))
}
}, [state?.companyProfile])
// Pre-fill from Einwilligungen data points
// Pre-fill extra placeholders from Einwilligungen data points
useEffect(() => {
if (selectedDataPointsData && selectedDataPointsData.length > 0) {
const generated = generateAllPlaceholders(selectedDataPointsData, 'de')
setPlaceholderValues((prev) => ({ ...prev, ...generated }))
setExtraPlaceholders((prev) => ({ ...prev, ...generated }))
}
}, [selectedDataPointsData])
@@ -380,23 +689,31 @@ function DocumentGeneratorPageInner() {
const handleUseTemplate = useCallback((t: LegalTemplateResult) => {
setActiveTemplate(t)
setExpandedPreviewId(null)
// Scroll to generator
setExtraPlaceholders({})
setTimeout(() => {
generatorRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' })
}, 100)
}, [])
const handleContextChange = useCallback(
(section: keyof TemplateContext, key: string, value: unknown) => {
setContext((prev) => ({
...prev,
[section]: { ...(prev[section] as Record<string, unknown>), [key]: value },
}))
},
[]
)
const handleInsertPlaceholder = useCallback((placeholder: string) => {
if (!placeholderValues[placeholder]) {
if (!extraPlaceholders[placeholder]) {
const generated = generateAllPlaceholders(selectedDataPointsData || [], 'de')
if (generated[placeholder as keyof typeof generated]) {
setPlaceholderValues((prev) => ({
...prev,
[placeholder]: generated[placeholder as keyof typeof generated],
}))
const val = generated[placeholder as keyof typeof generated]
if (val) {
setExtraPlaceholders((prev) => ({ ...prev, [placeholder]: val }))
}
}
}, [placeholderValues, selectedDataPointsData])
}, [extraPlaceholders, selectedDataPointsData])
const stepInfo = STEP_EXPLANATIONS['document-generator'] || {
title: 'Dokumentengenerator',
@@ -407,7 +724,6 @@ function DocumentGeneratorPageInner() {
return (
<div className="space-y-8">
{/* Step Header */}
<StepHeader
stepId="document-generator"
title="Dokumentengenerator"
@@ -438,10 +754,8 @@ function DocumentGeneratorPageInner() {
{/* SECTION 1: TEMPLATE-BIBLIOTHEK */}
{/* ================================================================= */}
<div className="bg-white rounded-xl border border-gray-200 overflow-hidden">
{/* Library header */}
<div className="px-6 py-4 border-b border-gray-100 flex items-center justify-between flex-wrap gap-3">
<h2 className="font-semibold text-gray-900">Template-Bibliothek</h2>
{/* Language toggle */}
<div className="flex items-center gap-1 bg-gray-100 rounded-lg p-1">
{(['all', 'de', 'en'] as const).map((lang) => (
<button
@@ -549,14 +863,13 @@ function DocumentGeneratorPageInner() {
<div ref={generatorRef} className="space-y-6">
<GeneratorSection
template={activeTemplate}
placeholderValues={placeholderValues}
onPlaceholderChange={(key, value) =>
setPlaceholderValues((prev) => ({ ...prev, [key]: value }))
}
context={context}
onContextChange={handleContextChange}
extraPlaceholders={extraPlaceholders}
onExtraChange={(key, value) => setExtraPlaceholders((prev) => ({ ...prev, [key]: value }))}
onClose={() => setActiveTemplate(null)}
/>
{/* Einwilligungen DataPoints sidebar (shown below generator on small screens, side on large) */}
{selectedDataPointsData && selectedDataPointsData.length > 0 && (
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div className="lg:col-span-2">