feat: A4 preview + example data + company profile presets

Feature 1: DIN A4 Preview
- Markdown→HTML renderer (inline, no dependency)
- A4 page container (210mm × 297mm) with print styling
- Toggle between "Vorschau" (rendered A4) and "Markdown" (raw)
- Print button opens new window with @page A4 CSS
- Purple theme for headings, styled tables

Feature 2: Example Data Button
- "Beispieldaten" button in Generator header
- Loads examples/{templateType}_{lang}.json
- Prefills all context fields for instant full preview

Feature 3: Company Profile Presets
- 10 industry presets: SaaS Startup, Consumer App, E-Commerce,
  IT-Agentur, Maschinenbau, Rechtsanwalt, Arztpraxis, Handwerk,
  Bildung, Enterprise
- Each with pre-filled CompanyProfile + scope hints + recommended docs
- PresetSelector component (card grid with icons)
- "Manuell ausfuellen" skip option

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-05-03 07:38:18 +02:00
parent 64700b355e
commit a56ea2c843
4 changed files with 558 additions and 38 deletions
@@ -0,0 +1,306 @@
/**
* Company Profile Presets — Branchenvorlagen fuer typische Kundenszenarien
*
* Jeder Preset enthaelt ein vorbefuelltes CompanyProfile + typische Scope-Antworten.
* Der Kunde waehlt beim Onboarding ein Profil und passt es dann an.
*/
export interface CompanyProfilePreset {
id: string
label: string
description: string
icon: string
/** Vorbefuellte CompanyProfile-Felder */
profile: {
legalForm: string
industry: string[]
businessModel: string
companySize: string
employeeCount: string
headquartersCountry: string
targetMarkets: string[]
isDataController: boolean
isDataProcessor: boolean
}
/** Typische Scope-Antworten fuer diese Branche */
scopeHints: Record<string, string>
/** Typische Dokumente die diese Branche braucht */
recommendedDocs: string[]
}
export const COMPANY_PROFILE_PRESETS: CompanyProfilePreset[] = [
{
id: 'saas_startup',
label: 'SaaS Startup',
description: 'B2B Software-Startup, 1-5 Mitarbeiter, Cloud-basiert, remote-first',
icon: '🚀',
profile: {
legalForm: 'GmbH',
industry: ['tech'],
businessModel: 'b2b',
companySize: 'micro',
employeeCount: '1-9',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU'],
isDataController: true,
isDataProcessor: true,
},
scopeHints: {
org_employee_count: '1-9',
org_industry: 'tech',
org_business_model: 'b2b',
proc_ai_usage: 'yes',
tech_hosting_location: 'eu',
tech_encryption_transit: 'yes',
tech_encryption_rest: 'yes',
comp_documentation_level: 'basic',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb', 'cookie_policy', 'dpa'],
},
{
id: 'consumer_app',
label: 'App Startup (Consumer)',
description: 'B2C Mobile App, 1-5 Mitarbeiter, App Store, Nutzerdaten',
icon: '📱',
profile: {
legalForm: 'GmbH',
industry: ['tech'],
businessModel: 'b2c',
companySize: 'micro',
employeeCount: '1-9',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '1-9',
org_industry: 'tech',
org_business_model: 'b2c',
data_volume: '1000-10000',
proc_tracking: 'yes',
prod_consent_management: 'yes',
tech_hosting_location: 'eu',
},
recommendedDocs: ['privacy_policy', 'impressum', 'terms_of_use', 'cookie_policy', 'community_guidelines'],
},
{
id: 'ecommerce',
label: 'E-Commerce / Online-Shop',
description: 'Online-Handel B2C, 5-20 Mitarbeiter, Webshop, Zahlungsabwicklung',
icon: '🛒',
profile: {
legalForm: 'GmbH',
industry: ['retail'],
businessModel: 'b2c',
companySize: 'small',
employeeCount: '10-49',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '10-49',
org_industry: 'retail',
org_business_model: 'b2c',
prod_webshop: 'yes',
data_volume: '10000-100000',
tech_hosting_location: 'eu',
prod_consent_management: 'yes',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb', 'widerruf', 'cookie_policy', 'cookie_banner'],
},
{
id: 'it_agency',
label: 'IT-Dienstleister / Agentur',
description: 'IT-Beratung oder Agentur, 10-50 Mitarbeiter, Kundenprojekte',
icon: '💻',
profile: {
legalForm: 'GmbH',
industry: ['tech'],
businessModel: 'b2b',
companySize: 'small',
employeeCount: '10-49',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU'],
isDataController: true,
isDataProcessor: true,
},
scopeHints: {
org_employee_count: '10-49',
org_industry: 'tech',
org_business_model: 'b2b',
proc_ai_usage: 'yes',
tech_hosting_location: 'eu',
comp_vendor_management: 'yes',
comp_training: 'yes',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb', 'dpa', 'nda', 'employee_dsi'],
},
{
id: 'maschinenbau',
label: 'Maschinenbau KMU',
description: 'Maschinenbau B2B, 50-200 Mitarbeiter, Produktion, CE-Kennzeichnung',
icon: '🏭',
profile: {
legalForm: 'GmbH',
industry: ['manufacturing'],
businessModel: 'b2b',
companySize: 'medium',
employeeCount: '50-249',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '50-249',
org_industry: 'manufacturing',
org_business_model: 'b2b',
proc_employee_monitoring: 'no',
tech_hosting_location: 'eu',
comp_vendor_management: 'yes',
comp_documentation_level: 'structured',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb', 'dpa', 'employee_dsi', 'applicant_dsi', 'whistleblower_policy', 'tom_documentation'],
},
{
id: 'law_firm',
label: 'Rechtsanwaltskanzlei',
description: 'Kanzlei, 5-20 Mitarbeiter, Mandantendaten, besondere Vertraulichkeit',
icon: '⚖️',
profile: {
legalForm: 'PartG',
industry: ['legal'],
businessModel: 'b2b',
companySize: 'small',
employeeCount: '1-9',
headquartersCountry: 'DE',
targetMarkets: ['DE'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '1-9',
org_industry: 'legal',
org_business_model: 'b2b',
data_art9: 'no',
tech_encryption_transit: 'yes',
tech_encryption_rest: 'yes',
comp_documentation_level: 'basic',
},
recommendedDocs: ['privacy_policy', 'impressum', 'dpa', 'employee_dsi', 'applicant_dsi'],
},
{
id: 'healthcare',
label: 'Arztpraxis / Gesundheit',
description: 'Gesundheitswesen, 5-50 Mitarbeiter, Patientendaten (Art. 9), hoher Schutzbedarf',
icon: '🏥',
profile: {
legalForm: 'GbR',
industry: ['healthcare'],
businessModel: 'b2c',
companySize: 'small',
employeeCount: '1-9',
headquartersCountry: 'DE',
targetMarkets: ['DE'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '1-9',
org_industry: 'healthcare',
org_business_model: 'b2c',
data_art9: 'yes',
tech_encryption_transit: 'yes',
tech_encryption_rest: 'yes',
comp_documentation_level: 'basic',
},
recommendedDocs: ['privacy_policy', 'impressum', 'dpa', 'employee_dsi', 'tom_documentation', 'vvt_register', 'dsfa'],
},
{
id: 'handwerk',
label: 'Handwerksbetrieb',
description: 'Handwerk, 5-20 Mitarbeiter, Kundendaten, einfache IT',
icon: '🔧',
profile: {
legalForm: 'GmbH',
industry: ['crafts'],
businessModel: 'b2c',
companySize: 'small',
employeeCount: '1-9',
headquartersCountry: 'DE',
targetMarkets: ['DE'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '1-9',
org_industry: 'other',
org_business_model: 'b2c',
data_art9: 'no',
tech_hosting_location: 'eu',
comp_documentation_level: 'none',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb'],
},
{
id: 'education',
label: 'Bildungseinrichtung',
description: 'Schule, Hochschule oder Weiterbildung, 20-100 Mitarbeiter, Schuelerdaten',
icon: '🎓',
profile: {
legalForm: 'gGmbH',
industry: ['education'],
businessModel: 'b2c',
companySize: 'medium',
employeeCount: '10-49',
headquartersCountry: 'DE',
targetMarkets: ['DE'],
isDataController: true,
isDataProcessor: false,
},
scopeHints: {
org_employee_count: '10-49',
org_industry: 'education',
org_business_model: 'b2c',
data_minors: 'yes',
tech_hosting_location: 'eu',
comp_training: 'yes',
},
recommendedDocs: ['privacy_policy', 'impressum', 'dpa', 'employee_dsi', 'dsfa', 'tom_documentation'],
},
{
id: 'enterprise',
label: 'Konzern / Enterprise',
description: 'Grossunternehmen, 500+ Mitarbeiter, international, reguliert, ISO 27001',
icon: '🏢',
profile: {
legalForm: 'AG',
industry: ['finance'],
businessModel: 'b2b',
companySize: 'enterprise',
employeeCount: '1000+',
headquartersCountry: 'DE',
targetMarkets: ['DE', 'EU', 'US'],
isDataController: true,
isDataProcessor: true,
},
scopeHints: {
org_employee_count: '1000+',
org_industry: 'finance',
org_business_model: 'b2b',
org_cert_target: 'iso27001',
data_art9: 'yes',
data_volume: '>1000000',
proc_ai_usage: 'yes',
tech_third_country: 'yes',
tech_hosting_location: 'eu_us_adequacy',
comp_vendor_management: 'yes',
comp_training: 'yes',
comp_documentation_level: 'comprehensive',
},
recommendedDocs: ['privacy_policy', 'impressum', 'agb', 'dpa', 'nda', 'sla', 'employee_dsi', 'applicant_dsi', 'whistleblower_policy', 'tom_documentation', 'vvt_register', 'isms_manual', 'dsfa', 'transfer_impact_assessment'],
},
]