@crownpeak/dqm-react-component-dev-mcp 1.2.2 → 1.3.0

package/data/.glfrc.json

@@ -1,5 +1,5 @@
 {
-  "inputs": ["./package.json", "./mcp-server/package.json"],
+  "inputs": ["./package.json", "./mcp-server/package.json", "./website/package.json"],
   "output": "./THIRD_PARTY_LICENSES.txt",
   "lineEnding": "lf",
   "omitVersions": false,

package/data/CHANGELOG.md

@@ -5,6 +5,56 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.0] - 2026-01-09
+
+### Added
+- **GPT-5.2 Support**: Default AI model upgraded from `gpt-4.1-mini` to `gpt-5.2`
+  - 1M token context window enables larger translation batches and fewer API calls
+  - New `reasoning_effort` parameter (`low`/`medium`/`high`) for GPT-5 models
+  - Automatic API adaptation for GPT-5 vs GPT-4 differences:
+    - Token parameter: `max_completion_tokens` (GPT-5) vs `max_tokens` (GPT-4)
+    - Structured output: `json_schema` (GPT-5) vs `json_object` (GPT-4)
+    - System role: `developer` (GPT-5) vs `system` (GPT-4)
+  - 50,000 token context budget (vs 12,000 for GPT-4o)
+- **Model Capabilities Module**: New `src/utils/modelCapabilities.ts` for centralized model detection
+  - `isGPT5Model()`, `isReasoningModel()` utility functions
+  - `getModelCapabilities()` returns full capability info per model
+  - `buildTokenParams()`, `buildReasoningParams()`, `getSystemRole()` helpers
+- **Reasoning Effort UI**: New setting in AI Settings dialog (only visible for GPT-5 models)
+  - Persisted to `localStorage` as `dqm_reasoning_effort`
+  - Full i18n support (EN/DE/ES)
+- **MCP Server Feature**: Added MCP Server section to website features
+  - New feature card with link to documentation
+  - Translations for all 3 languages
+
+### Changed
+- **AI Settings Dialog**: GPT-5.2 now shown with "NEW" badge in model selector
+- **AI Summary Card**: Improved layout with column flex direction for better readability
+- **Website Hero Badge**: Updated from version number to "GPT-5.2 Powered AI"
+- **Website MSW Provider**: Refactored to `useMSW()` hook for better lifecycle control
+  - MSW now starts only when sidebar opens
+  - MSW resets completely when sidebar closes
+- **Footer Links**: Updated Crownpeak DQM Platform URL to German FirstSpirit product page
+
+### Fixed
+- **Translation Feature Descriptions**: Updated to reflect GPT-5.2 capabilities
+- **Website Feature Cards**: Added MCP Server feature with external documentation link
+- **Accessibility**: Added `aria-label` to MCP Server feature link
+
+## [1.2.4] - 2026-01-08
+
+### Added
+- **Marketing Website**: New Next.js marketing/documentation website deployed to GitHub Pages
+  - Hero section with animated feature highlights
+  - Interactive demo section with live sidebar preview
+  - Integration section with code examples and copy functionality
+  - Multi-language support (English, German, Spanish) using react-i18next
+  - Framer Motion animations throughout
+  - Built with Tailwind CSS and shadcn/ui components
+  - WCAG AA accessibility compliant (proper aria-labels, 4.5:1+ contrast ratios)
+  - Static export for GitHub Pages hosting
+- **AI Agent Documentation**: Added comprehensive Website section to `.github/copilot-instructions.md`
+
 ## [1.2.2] - 2026-01-08
 
 ### Fixed

package/data/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Crownpeak Technology GmbH
+Copyright (c) 2025-2026 Crownpeak Technology GmbH
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/data/docs/AI-FEATURES.md

@@ -69,10 +69,46 @@ flowchart TD
 ### OpenAI Backend
 
 **Models Supported**:
-- `gpt-4o-mini` (Recommended, fast & cheap)
-- `gpt-4o` (Higher quality)
-- `gpt-4.1-mini`
-- `gpt-4.1`
+
+| Model | Context Window | Recommended For |
+|-------|----------------|-----------------|
+| `gpt-5.2` | 1M tokens | 🌟 Default – Best performance & quality |
+| `gpt-4.1-mini` | 1M tokens | Cost-effective alternative |
+| `gpt-4.1` | 1M tokens | High quality GPT-4 |
+| `gpt-4o-mini` | 128K tokens | Fast & cheap (legacy) |
+| `gpt-4o` | 128K tokens | Higher quality (legacy) |
+
+> **🚀 GPT-5.2** is the new default model with 1M token context window, enabling much larger translation batches and better quality.
+
+#### GPT-5 vs GPT-4 Differences
+
+The component automatically adapts to API differences between GPT-5 and GPT-4 models:
+
+| Feature | GPT-5.x | GPT-4.x |
+|---------|---------|---------|
+| Token Parameter | `max_completion_tokens` | `max_tokens` |
+| Structured Output | `json_schema` | `json_object` |
+| System Role | `developer` | `system` |
+| Reasoning Effort | ✅ Supported | ❌ Not available |
+| Context Budget | 50,000 tokens | 12,000 tokens |
+
+#### Reasoning Effort (GPT-5 Only)
+
+GPT-5 models support a **Reasoning Effort** parameter that controls how deeply the model analyzes translations:
+
+| Level | Description | Best For |
+|-------|-------------|----------|
+| `low` | Fast, straightforward translations | Simple content, high volume |
+| `medium` | Balanced analysis (default) | Most use cases |
+| `high` | Deep reasoning, highest accuracy | Technical content, quality-critical |
+
+Configure via the **AI Settings** dialog or localStorage:
+
+```typescript
+localStorage.setItem('dqm_reasoning_effort', 'medium'); // 'low' | 'medium' | 'high'
+```
+
+> **Note:** Reasoning Effort is only visible in the UI when a GPT-5 model is selected.
 
 **Setup**:
 
@@ -284,6 +320,8 @@ graph TD
 - **Tiny**: 20+ checkpoints → Top 5 most critical only
 - **Fail**: > 50 checkpoints → Skip summary (too large)
 
+> **💡 GPT-5 Advantage**: With GPT-5.2's 1M token context window, the component uses a 50,000 token context budget (vs 12,000 for GPT-4o), enabling larger batches and fewer API calls.
+
 **Prompt Template**:
 
 ```typescript
@@ -397,7 +435,8 @@ The AI features store configuration in `localStorage`:
 | `dqm_translate_results_mode` | `'fast' \| 'full'` | `'fast'` | Translation mode |
 | `dqm_ai_summary_enabled` | `'true' \| 'false'` | `'true'` | Summary toggle |
 | `dqm_openai_apiKey` | `string` | `null` | OpenAI API key |
-| `dqm_openai_model` | `string` | `'gpt-4.1-mini'` | OpenAI model name |
+| `dqm_openai_model` | `string` | `'gpt-5.2'` | OpenAI model name |
+| `dqm_reasoning_effort` | `'low' \| 'medium' \| 'high'` | `'medium'` | GPT-5 reasoning depth |
 | `dqm_openai_baseUrl` | `string` | `'https://api.openai.com/v1'` | OpenAI base URL |
 
 **Access Pattern**:
@@ -439,6 +478,24 @@ setLocalStorageItem('dqm_openai_apiKey', 'sk-...');
 
 ### Cost Estimation (OpenAI)
 
+#### GPT-5.2 (Default)
+
+Based on `gpt-5.2` pricing (~$0.10/1M input tokens, ~$0.40/1M output tokens):
+
+| Operation | Average Tokens | Cost per Call |
+|-----------|----------------|---------------|
+| Translate 1 checkpoint | ~200 input, ~100 output | ~$0.00006 |
+| Translate 50 checkpoints | ~10k input, ~5k output | ~$0.003 |
+| Summary (5 issues) | ~500 input, ~200 output | ~$0.00013 |
+| Summary (20 issues) | ~2k input, ~500 output | ~$0.0004 |
+
+**Monthly costs** (assuming 1000 analyses/month with 20 checkpoints each):
+- Translation only: ~$3.00/month
+- Summary only: ~$0.40/month
+- Both: ~$3.40/month
+
+#### GPT-4o-mini (Legacy)
+
 Based on `gpt-4o-mini` pricing (~$0.15/1M input tokens, ~$0.60/1M output tokens):
 
 | Operation | Average Tokens | Cost per Call |

package/data/docs/API-REFERENCE.md

@@ -334,7 +334,7 @@ function MyComponent() {
     const engine = useAIEngine({
         enabled: true,
         openAiApiKey: 'sk-...',
-        openAiModel: 'gpt-4.1-mini',        // Optional, default: 'gpt-4.1-mini'
+        openAiModel: 'gpt-5.2',        // Optional, default: 'gpt-5.2'
         openAiBaseUrl: 'https://api.openai.com/v1',  // Optional
     });
 }
@@ -346,7 +346,7 @@ function MyComponent() {
 |----------|------|----------|-------------|
 | `enabled` | `boolean` | ✅ | Whether AI features are enabled |
 | `openAiApiKey` | `string` | ❌ | OpenAI API key |
-| `openAiModel` | `string` | ❌ | OpenAI model name (default: 'gpt-4.1-mini') |
+| `openAiModel` | `string` | ❌ | OpenAI model name (default: 'gpt-5.2') |
 | `openAiBaseUrl` | `string` | ❌ | OpenAI base URL (default: 'https://api.openai.com/v1') |
 
 ##### Returns (UseAIEngineReturn)
@@ -386,7 +386,7 @@ function MyComponent() {
         cacheManager,
         originalData: analysisData,
         targetLang: 'de',
-        modelId: 'gpt-4.1-mini',
+        modelId: 'gpt-5.2',
         enabled: true,
         mode: 'fast',
         computeBudgetMs: 15000,
@@ -466,7 +466,7 @@ function MyComponent() {
         engine,
         originalData: analysisData,
         targetLang: 'de',
-        modelId: 'gpt-4.1-mini',
+        modelId: 'gpt-5.2',
         enabled: true,
         cache: cacheManager.cache,
     });
@@ -988,7 +988,7 @@ The DQM component uses localStorage for persisting user preferences and authenti
 | Key | Type | Description |
 |-----|------|-------------|
 | `dqm_openai_apiKey` | `string` | OpenAI API key for translation/summary |
-| `dqm_openai_model` | `string` | OpenAI model (default: 'gpt-4.1-mini') |
+| `dqm_openai_model` | `string` | OpenAI model (default: 'gpt-5.2') |
 | `dqm_target_language` | `string` | Target language for translation (ISO 639-1) |
 | `dqm_translate_results_enabled` | `'true' \| 'false'` | Translation feature enabled |
 | `dqm_ai_summary_enabled` | `'true' \| 'false'` | AI summary feature enabled |
@@ -1007,7 +1007,7 @@ The DQM component uses localStorage for persisting user preferences and authenti
 ```typescript
 // Set OpenAI configuration before loading DQM
 localStorage.setItem('dqm_openai_apiKey', 'sk-...');
-localStorage.setItem('dqm_openai_model', 'gpt-4o-mini');
+localStorage.setItem('dqm_openai_model', 'gpt-5.2');
 localStorage.setItem('dqm_target_language', 'de');
 localStorage.setItem('dqm_translate_results_enabled', 'true');
 ```

package/data/docs/EXAMPLES.md

@@ -419,11 +419,11 @@ export default App;
 ```
 
 **Key Features:**
-- **Backend:** OpenAI (gpt-4o-mini, gpt-4o, gpt-4.1)
+- **Backend:** OpenAI (gpt-5.2, gpt-4o, gpt-4.1)
 - **Performance:** ~2-5s for 50 checkpoints (batch processing with 3 concurrent requests)
 - **Caching:** Automatic IndexedDB + In-Memory caching (FNV-1a hash-based)
 - **Mode:** `fast` (15s timeout, fails gracefully) or `full` (120s timeout, complete translation)
-- **Cost:** ~$0.001-0.003 per checkpoint (gpt-4o-mini)
+- **Cost:** ~$0.001-0.003 per checkpoint (gpt-5.2)
 
 ### Example 7: AI Summary Generation
 
@@ -462,7 +462,7 @@ export default App;
 ```
 
 **Key Features:**
-- **Backend:** OpenAI (gpt-4o-mini, gpt-4o, gpt-4.1)
+- **Backend:** OpenAI (gpt-5.2, gpt-4o, gpt-4.1)
 - **Performance:** ~3-8s for 50 checkpoints
 - **Chunking:** Automatic chunking based on token count (single/chunk/tiny strategies)
 - **Caching:** Persistent IndexedDB cache (reuses summaries across sessions)
@@ -525,7 +525,7 @@ export default App;
 **Performance Tips:**
 - Use `mode: 'fast'` for translation if you prioritize speed over completeness
 - Enable caching to avoid re-translation on subsequent analyses
-- Use gpt-4o-mini for cost efficiency, gpt-4o for best quality
+- Use gpt-5.2 for optimal balance of speed, cost, and quality
 
 ### Example 9: AI Settings UI (Advanced)
 
@@ -608,7 +608,7 @@ export default App;
 **UI Features:**
 - **Settings Dialog:** Click gear icon in sidebar header to open AI settings
 - **Real-time Toggle:** Enable/disable translation and summary without reloading
-- **Model Selection:** Choose between OpenAI models (gpt-4o-mini, gpt-4o, gpt-4.1)
+- **Model Selection:** Choose between OpenAI models (gpt-5.2, gpt-4o, gpt-4.1)
 - **Language Selection:** Change target language on the fly
 - **Persistent Settings:** All settings saved to localStorage
 

package/data/docs/TROUBLESHOOTING.md

@@ -122,7 +122,7 @@ config={{
     translation: {
         enabled: true,              // MUST be true
         apiKey: 'sk-...',           // Valid OpenAI API key
-        model: 'gpt-4o-mini',       // Correct model name
+        model: 'gpt-5.2',           // Correct model name
         targetLanguage: 'de',       // ISO 639-1 code
         mode: 'fast',
     },
@@ -144,14 +144,14 @@ console.log('OpenAI API Key Set:', !!localStorage.getItem('dqm_openai_apiKey'));
 **A:** Try these optimizations:
 
 1. **Switch to Fast Mode**: `mode: 'fast'` (15s timeout vs 120s for `'full'`)
-2. **Use a faster model**: `gpt-4o-mini` is optimized for speed
+2. **Use a faster model**: `gpt-5.2` is optimized for speed and cost-efficiency
 
 ```typescript
 // Optimize for speed
 translation: {
     enabled: true,
     apiKey: 'sk-...',
-    model: 'gpt-4o-mini',       // Fast + cheap
+    model: 'gpt-5.2',             // Fast + cheap
     targetLanguage: 'de',
     mode: 'fast',               // 15s timeout
 }
@@ -164,7 +164,7 @@ translation: {
 **A:** Check these:
 
 1. **OpenAI API Key**: Summary requires valid OpenAI key
-2. **Model**: Ensure model supports JSON mode (`gpt-4o-mini`, `gpt-4o`, `gpt-4.1`)
+2. **Model**: Ensure model supports JSON mode (`gpt-5.2`, `gpt-4o`, `gpt-4.1`)
 3. **Timeout**: Increase timeout if analysis has many checkpoints
 
 ```typescript

package/data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crownpeak/dqm-react-component",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "private": false,
   "description": "A React component for Crownpeak Digital Quality Management (DQM) integration",
   "type": "module",
@@ -84,7 +84,7 @@
     "test:e2e:debug": "playwright test --debug",
     "wiki:build": "./scripts/wiki-build.sh",
     "wiki:deploy": "./scripts/wiki-deploy.sh",
-    "setVersion": "npm version --workspaces --no-git-tag-version",
+    "setVersion": "node ./scripts/npm-set-version.mjs",
     "licenses:generate": "generate-license-file --config .glfrc.json",
     "licenses:check": "license-checker --onlyAllow 'MIT;ISC;Apache-2.0;BSD-2-Clause;BSD-3-Clause;0BSD;Unlicense;CC0-1.0;CC-BY-3.0;CC-BY-4.0;Python-2.0;BlueOak-1.0.0;Zlib;WTFPL' --production",
     "licenses:check:all": "npm run licenses:check && npm run licenses:check --prefix mcp-server",
@@ -92,7 +92,8 @@
     "prepare": "husky"
   },
   "workspaces": [
-    "mcp-server"
+    "mcp-server",
+    "website"
   ],
   "peerDependencies": {
     "@mui/icons-material": ">=5.0.0",

package/data/scripts/npm-set-version.mjs

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+
+import { execSync } from 'child_process';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const rootDir = join(__dirname, '..');
+
+// Get version from command line argument
+const newVersion = process.argv[2];
+
+if (!newVersion) {
+  console.error('Usage: npm run setVersion <version>');
+  console.error('Example: npm run setVersion 1.2.3');
+  process.exit(1);
+}
+
+// Validate version format
+const versionRegex = /^\d+\.\d+\.\d+(-[\w.]+)?$/;
+if (!versionRegex.test(newVersion)) {
+  console.error(`Invalid version format: ${newVersion}`);
+  console.error('Expected format: x.y.z or x.y.z-prerelease');
+  process.exit(1);
+}
+
+// Main execution
+console.log(`Setting version to ${newVersion} in all packages...\n`);
+
+try {
+  // Update root package.json
+  execSync(`npm version ${newVersion} --no-git-tag-version`, { cwd: rootDir, stdio: 'inherit' });
+
+  // Update all workspace packages
+  execSync(`npm version ${newVersion} --workspaces --no-git-tag-version`, { cwd: rootDir, stdio: 'inherit' });
+
+  console.log('\nVersion update complete!');
+} catch (error) {
+  console.error(`Failed to update version: ${error.message}`);
+  process.exit(1);
+}

package/data/website/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 Crownpeak Technology GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/data/website/README.md

@@ -0,0 +1,95 @@
+# Crownpeak DQM React Component - Demo Website
+
+Eine interaktive Demo-Website für das [@crownpeak/dqm-react-component](https://www.npmjs.com/package/@crownpeak/dqm-react-component) Paket.
+
+## 🚀 Features
+
+- **Interaktive Demo** - Erleben Sie das DQM React Component mit Mock-Daten
+- **Mehrsprachig** - Verfügbar in Deutsch, Englisch und Spanisch
+- **Statischer Export** - Läuft ohne Server, nur HTML/CSS/JS
+- **GitHub Pages Ready** - Automatisches Deployment via GitHub Actions
+
+## 🛠️ Entwicklung
+
+### Voraussetzungen
+
+- Node.js 20+
+- Yarn 1.22+
+
+### Installation
+
+```bash
+yarn install
+```
+
+### Entwicklungsserver starten
+
+```bash
+yarn dev
+```
+
+Die Website ist dann unter [http://localhost:3000](http://localhost:3000) erreichbar.
+
+### Produktions-Build
+
+```bash
+yarn build
+```
+
+Der statische Export wird im `out/`-Ordner erstellt.
+
+## 📦 Deployment
+
+### GitHub Pages (automatisch)
+
+1. Repository auf GitHub erstellen
+2. Code pushen
+3. In den Repository-Einstellungen:
+   - **Settings** → **Pages** → **Source**: "GitHub Actions"
+
+Der Workflow in `.github/workflows/deploy.yml` übernimmt den Rest.
+
+### Manuelles Deployment
+
+Der `out/`-Ordner kann auf jedem statischen Hosting-Service deployed werden:
+
+- Netlify
+- Vercel
+- AWS S3
+- Cloudflare Pages
+- etc.
+
+## 🔧 Konfiguration
+
+### Base Path (für Subdirectory-Deployment)
+
+Falls die Website nicht im Root einer Domain gehostet wird, setze die Umgebungsvariable:
+
+```bash
+NEXT_PUBLIC_BASE_PATH=/mein-pfad yarn build
+```
+
+## 📁 Projektstruktur
+
+```
+├── src/
+│   ├── app/           # Next.js App Router
+│   ├── components/    # React Komponenten
+│   ├── i18n/          # Internationalisierung
+│   ├── lib/           # Utility-Funktionen
+│   ├── locales/       # Übersetzungen (de, en, es)
+│   ├── mocks/         # MSW Mock-Handler
+│   └── store/         # Redux Store
+├── public/            # Statische Assets
+└── out/               # Build-Output (nach `yarn build`)
+```
+
+## 📄 Lizenz
+
+© 2024 Crownpeak Technology GmbH. Alle Rechte vorbehalten.
+
+## 🔗 Links
+
+- [DQM React Component auf npm](https://www.npmjs.com/package/@crownpeak/dqm-react-component)
+- [GitHub Repository](https://github.com/Crownpeak/dqm-react-component)
+- [Crownpeak Website](https://www.crownpeak.com)

package/data/website/RELEASE-NOTES.md

@@ -0,0 +1,42 @@
+# Crownpeak DQM Website - Release Notes
+
+## v1.2.4 - 2026-01-08
+
+### 🚀 Initial Release
+
+The Crownpeak DQM React Component now has an official marketing and documentation website, hosted on GitHub Pages.
+
+#### ✨ Features
+
+- **Hero Section**: Animated landing page with feature highlights and call-to-action
+- **Features Section**: Grid layout showcasing component capabilities
+- **Demo Section**: Interactive sidebar demonstration with live preview
+- **Integration Section**: Code examples with syntax highlighting and one-click copy
+- **Footer**: Links to documentation, GitHub repository, and NPM package
+
+#### 🌍 Internationalization
+
+- Multi-language support: English (default), German, Spanish
+- Language switcher in navigation
+- Browser language auto-detection
+- URL parameter override (`?lang=de`)
+
+#### ♿ Accessibility (WCAG AA)
+
+- Proper `aria-label` attributes on all icon-only interactive elements
+- Color contrast ratio of 6.5:1+ on dark backgrounds
+- Semantic HTML structure
+- Keyboard navigation support
+
+#### 🛠 Tech Stack
+
+- **Framework**: Next.js 14 with App Router
+- **Styling**: Tailwind CSS
+- **Components**: shadcn/ui
+- **Animations**: Framer Motion
+- **i18n**: react-i18next
+- **Deployment**: Static export to GitHub Pages
+
+#### 📦 Deployment
+
+Automatic deployment via GitHub Actions on push to `main` branch. Manual trigger also available via workflow dispatch.

package/data/website/components.template.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "hooks": "@/hooks",
+    "lib": "@/lib"
+  },
+  "iconLibrary": "lucide",
+  "registries": {
+    "@aceternity": "https://ui.aceternity.com/registry/{name}.json",
+    "@shadcnblocks": {
+      "url": "https://www.shadcnblocks.com/r/{name}",
+      "headers": {
+        "Authorization": "Bearer YOUR_API_KEY_HERE"
+      }
+    }
+  }
+}

package/data/website/eslint.config.mjs

@@ -0,0 +1,16 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  globalIgnores([
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/data/website/next.config.ts

@@ -0,0 +1,25 @@
+import type { NextConfig } from "next";
+
+const isProd = process.env.NODE_ENV === 'production';
+
+const nextConfig: NextConfig = {
+  // Static export for GitHub Pages
+  output: 'export',
+  
+  // Base path for GitHub Pages (repository name)
+  // Wird automatisch von GitHub Actions gesetzt, oder manuell konfiguriert
+  basePath: isProd ? process.env.NEXT_PUBLIC_BASE_PATH || '' : '',
+  
+  // Asset prefix for proper asset loading on GitHub Pages
+  assetPrefix: isProd ? process.env.NEXT_PUBLIC_BASE_PATH || '' : '',
+  
+  // Disable image optimization for static export
+  images: {
+    unoptimized: true,
+  },
+  
+  // Trailing slash for better compatibility with static hosting
+  trailingSlash: true,
+};
+
+export default nextConfig;

package/data/website/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@crownpeak/dqm-react-component-website",
+  "version": "1.3.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@crownpeak/dqm-react-component": "^1.2.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/material": "^7.3.7",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@reduxjs/toolkit": "^2.11.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.24.10",
+    "i18next": "^25.7.4",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "lucide-react": "^0.562.0",
+    "next": "16.1.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-i18next": "^16.5.1",
+    "react-redux": "^9.2.0",
+    "tailwind-merge": "^3.4.0",
+    "vanilla-cookieconsent": "^3.1.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.1",
+    "husky": "^9.1.7",
+    "msw": "^2.12.7",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  },
+  "packageManager": "yarn@1.22.22",
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}

package/data/website/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;