{
"tool_response": {
"filePath": "\/var\/www\/dev.campus.systemische-tools.de\/docs\/plan-form-components-refactoring.md",
"oldString": "### 0d.6 Controller-Integration\n\n#### Base Controller erweitern\n\n```php\n\/\/ \/src\/Framework\/Controller.php\nabstract class Controller\n{\n protected UserPreferencesService $userPrefs;\n\n public function __construct()\n {\n $this->userPrefs = new UserPreferencesService();\n }\n\n protected function view(string $template, array $data = []): void\n {\n \/\/ User-Präferenzen automatisch an alle Views\n $data['userPrefs'] = $this->userPrefs->get();\n \/\/ ...\n }\n}",
"newString": "### 0d.6 Controller-Integration\n\n#### Base Controller erweitern\n\n```php\n\/\/ \/src\/Framework\/Controller.php\nabstract class Controller\n{\n protected UserPreferencesService $userPrefs;\n\n public function __construct()\n {\n $this->userPrefs = new UserPreferencesService();\n }\n\n protected function view(string $template, array $data = []): void\n {\n \/\/ User-Präferenzen automatisch an alle Views\n $data['userPrefs'] = $this->userPrefs->get();\n \/\/ ...\n }\n\n \/\/ ══════════════════════════════════════════════════════════════════\n \/\/ KRITISCH: Default-Resolution gehört in Controller, NICHT in Partials!\n \/\/ ══════════════════════════════════════════════════════════════════\n\n \/**\n * Zentrale Default-Resolution mit 3-stufiger Hierarchie:\n * 1. Session\/Order-Wert (explizit übergeben)\n * 2. User-Präferenz\n * 3. System-Default\n *\n * @param string $key Preference-Key ohne \"default_\" prefix\n * @param mixed $explicit Expliziter Wert (Session\/Order)\n * @param mixed $fallback System-Default wenn alles null\n *\/\n protected function resolve(string $key, mixed $explicit, mixed $fallback = null): mixed\n {\n \/\/ 1. Expliziter Wert hat Priorität\n if ($explicit !== null && $explicit !== '') {\n return $explicit;\n }\n\n \/\/ 2. User-Präferenz\n $prefs = $this->userPrefs->get();\n $prefKey = \"default_$key\";\n if (isset($prefs[$prefKey]) && $prefs[$prefKey] !== null && $prefs[$prefKey] !== '') {\n return $prefs[$prefKey];\n }\n\n \/\/ 3. System-Default\n return $fallback;\n }\n\n \/**\n * Resolves JSON-Array Felder (collections, contracts, structures)\n *\/\n protected function resolveJsonArray(string $key, mixed $explicit, array $fallback = []): array\n {\n $value = $this->resolve($key, $explicit, json_encode($fallback));\n\n if (is_string($value)) {\n return json_decode($value, true) ?: $fallback;\n }\n\n return is_array($value) ? $value : $fallback;\n }\n}\n```\n\n#### WICHTIG: Partial-Pattern\n\n**FALSCH (Default-Logik im Partial):**\n```php\n\/\/ ❌ NICHT SO - Partial entscheidet über Fallbacks\n$selected = $selected\n ?? $userPrefs['default_model_id']\n ?? 'claude-sonnet-4-20250514';\n```\n\n**RICHTIG (Controller übergibt fertige Werte):**\n```php\n\/\/ ✓ Controller (ChatController.php)\n$this->view('chat.index', [\n 'selectedModel' => $this->resolve('model_id', $session['model'], 'claude-sonnet-4-20250514'),\n 'selectedCollections' => $this->resolveJsonArray('collections', $session['collections'], ['documents']),\n]);\n\n\/\/ ✓ Partial (model-select.php) - kein Fallback mehr!\n$selected = $selected ?? ''; \/\/ Nur Absicherung gegen fehlende Variable\n```",
"originalFile": "# Plan: Einheitliche Form-Komponenten (Chat & Content Studio)\n\n## Status: PLANUNG\n**Erstellt:** 2025-12-21\n**Ziel:** DRY, KISS, SRP - Shared Partials für alle wiederverwendbaren Form-Elemente\n\n---\n\n## Projekt-Kontext (für externe Supervision)\n\n### Was ist das System?\n\n**Campus.systemische-tools.de** ist ein KI-gestütztes Content-Management-System mit zwei Hauptmodulen:\n\n| Modul | Beschreibung | Hauptfunktionen |\n|-------|--------------|-----------------|\n| **Chat-Interface** | RAG-basierte Konversation mit verschiedenen LLMs | Session-Management, Multi-Collection-Suche, Streaming-Responses |\n| **Content Studio** | Automatisierte Content-Generierung mit Qualitätssicherung | Briefing → Generierung → Kritik → Revision → Freigabe |\n\n### Warum dieses Refactoring?\n\n**Problem:**\n- Chat und Content Studio wurden unabhängig entwickelt\n- Gleiche UI-Elemente (Modell-Dropdown, Collections, etc.) existieren in unterschiedlichen Implementierungen\n- Inkonsistente UX: Modell-Dropdown mit\/ohne Optgroups, Collections als Multi-Select\/Checkboxes\/Single-Select\n\n**Symptome:**\n- Doppelter Code in Views\n- Unterschiedliche Variablennamen (`$profiles` vs `$authorProfiles`)\n- Keine zentrale Verwaltung für LLM-Modelle und Collections\n- Keine persistenten User-Präferenzen\n\n**Ziel:**\n- Einheitliche Partials für alle Form-Elemente\n- Zentrale Admin-Seiten für LLM-Modelle und Collections\n- User-Präferenzen mit 3-stufiger Werte-Hierarchie\n- Contracts und Structures in beiden Systemen nutzbar (Multi-Select)\n\n### Technologie-Stack\n\n| Schicht | Technologie | Details |\n|---------|-------------|---------|\n| **Backend** | PHP 8.2 | MVC-Pattern in `\/src\/` |\n| **Frontend** | HTML + HTMX | Reactive ohne SPA-Framework |\n| **Datenbank** | MariaDB 10.11 | Zwei Datenbanken (siehe unten) |\n| **Vector-DB** | Qdrant | RAG-Embeddings, Collections |\n| **LLM-APIs** | Anthropic Claude, Ollama | Cloud + lokal |\n| **Pipeline** | Python 3.11 | Content-Generierung, Embedding |\n| **Styling** | CSS Custom Properties | Theme-Support |\n\n### Datenbank-Architektur\n\n```\n┌─────────────────────────────────────────────────────────────────┐\n│ MariaDB │\n├─────────────────────────────┬───────────────────────────────────┤\n│ ki_dev │ ki_content │\n│ (Infrastruktur\/Config) │ (Laufzeitdaten) │\n├─────────────────────────────┼───────────────────────────────────┤\n│ • llm_models [NEU] │ • chat_sessions [ERWEITERT] │\n│ • llm_presets [NEU] │ • chat_messages │\n│ • rag_collections [NEU] │ • content_orders [MIGRIERT] │\n│ • user_preferences [NEU] │ • content_versions │\n│ • content_config │ • content_critiques │\n│ • tasks │ • content_sources │\n│ • contracts │ │\n│ • dokumentation │ │\n└─────────────────────────────┴───────────────────────────────────┘\n```\n\n### Externe Abhängigkeiten\n\n| Dienst | Verwendung | Ausfallverhalten |\n|--------|------------|------------------|\n| **Anthropic API** | Claude-Modelle, Chat-Completion | Fallback auf Ollama |\n| **Ollama (lokal)** | Lokale Modelle, Embeddings | Pflichtkomponente |\n| **Qdrant (lokal)** | Vektor-Suche, Collection-Metadaten | Pflichtkomponente |\n\n### Architektur-Prinzipien (angewendet)\n\n| Prinzip | Anwendung in diesem Plan |\n|---------|--------------------------|\n| **DRY** | Partials als Single Source für Form-Elemente |\n| **SRP** | Jedes Partial = eine Aufgabe |\n| **KISS** | Context Limit hardcoded, keine Over-Engineering |\n| **YAGNI** | Section 8 definiert klare Grenzen |\n| **MVC** | Controller → View (Partials) → Repository |\n\n### Wichtige Konventionen\n\n1. **MCP-Server:** Alle DB-Zugriffe via MCP-Tools (kein direktes SQL)\n2. **Kein Git:** Server ohne Versionskontrolle\n3. **Dev-First:** Entwicklung auf dev.campus, dann Sync zu prod\n4. **Quality-Gate:** `\/opt\/scripts\/php-check.sh` muss vor Sync bestehen\n\n---\n\n## 0. LLM-Verwaltung (Grundlage für Modell-Dropdown)\n\n### 0.1 Architektur-Entscheidung\n\n**Gewählt: Variante B - Dedizierte LLM-Verwaltung**\n\nStatt dynamischer API-Abfrage bei jedem Seitenaufruf:\n- Zentrale Admin-Seite `\/ressourcen\/llm`\n- Datenbank-Tabelle als Single Source of Truth\n- Sync-Buttons für Provider (Anthropic, Ollama, weitere)\n- Sprechende Namen und Zusatzmetadaten\n\n### 0.2 Datenbank-Tabelle `llm_models`\n\n```sql\nCREATE TABLE llm_models (\n id INT AUTO_INCREMENT PRIMARY KEY,\n provider ENUM('anthropic', 'ollama', 'openai', 'google', 'mistral', 'custom') NOT NULL,\n model_id VARCHAR(100) NOT NULL, -- API-ID: \"claude-opus-4-5-20251101\"\n display_name VARCHAR(100) NOT NULL, -- Anzeige: \"Claude Opus 4.5\"\n description TEXT, -- Kurzbeschreibung\n context_window INT, -- Max. Tokens Input: 200000\n max_output_tokens INT, -- Max. Tokens Output: 8192\n input_price_per_mtok DECIMAL(10,4), -- Preis Input $\/MTok\n output_price_per_mtok DECIMAL(10,4), -- Preis Output $\/MTok\n capabilities JSON, -- {\"vision\": true, \"function_calling\": true}\n is_local BOOLEAN DEFAULT FALSE, -- Lokal (Ollama) vs. Cloud\n is_active BOOLEAN DEFAULT TRUE, -- In Dropdowns anzeigen?\n sort_order INT DEFAULT 0, -- Reihenfolge in Dropdowns\n last_synced_at DATETIME, -- Letzte Synchronisation\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,\n UNIQUE KEY unique_provider_model (provider, model_id)\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;\n```\n\n### 0.3 Admin-Seite `\/ressourcen\/llm`\n\n**URL:** `\/ressourcen\/llm`\n**Controller:** `RessourcenController::llmIndex()`\n\n**Funktionen:**\n\n| Button | Aktion |\n|--------|--------|\n| \"Anthropic synchronisieren\" | `GET api.anthropic.com\/v1\/models` → DB aktualisieren |\n| \"Ollama synchronisieren\" | `ollama list` → DB aktualisieren |\n| \"Neuer Provider\" | Manuell weiteren Provider hinzufügen |\n\n**Tabellen-Ansicht:**\n\n| Provider | Model-ID | Display-Name | Context | Preis In\/Out | Lokal | Aktiv | Aktionen |\n|----------|----------|--------------|---------|--------------|-------|-------|----------|\n| Anthropic | claude-opus-4-5-20251101 | Claude Opus 4.5 | 200k | $15\/$75 | - | ✓ | Bearbeiten |\n| Ollama | mistral:latest | Mistral 7B | 32k | - | ✓ | ✓ | Bearbeiten |\n\n**Bearbeiten-Dialog:**\n- Display-Name ändern\n- Beschreibung hinzufügen\n- Context-Window \/ Max-Output korrigieren\n- Preise eintragen (für Kostenberechnung)\n- Aktivieren\/Deaktivieren\n- Sortierung ändern\n\n### 0.4 Sync-Logik\n\n**Anthropic Sync:**\n```php\n\/\/ GET https:\/\/api.anthropic.com\/v1\/models\n\/\/ Response: {\"data\": [{\"id\": \"claude-opus-4-5-20251101\", ...}]}\n\nforeach ($apiModels as $model) {\n \/\/ INSERT ... ON DUPLICATE KEY UPDATE\n \/\/ Neue Modelle: is_active = true, display_name = model_id (initial)\n \/\/ Existierende: last_synced_at aktualisieren\n \/\/ Fehlende: NICHT löschen, nur last_synced_at bleibt alt\n}\n```\n\n**Ollama Sync:**\n```php\n\/\/ $ ollama list\n\/\/ NAME ID SIZE MODIFIED\n\/\/ mistral:latest abc123... 4.1 GB 2 days ago\n\n$output = shell_exec('ollama list');\n\/\/ Parsen und in DB einfügen\n```\n\n### 0.5 Dropdown-Query\n\n```php\n\/\/ ModelService::getActiveModels()\npublic function getActiveModels(): array\n{\n return $this->db->query(\"\n SELECT model_id, display_name, provider, is_local, context_window\n FROM llm_models\n WHERE is_active = 1\n ORDER BY is_local ASC, sort_order ASC, display_name ASC\n \")->fetchAll();\n}\n```\n\n### 0.6 Partial nutzt DB-Daten\n\n```php\n\/\/ \/src\/View\/partials\/form\/model-select.php\n<?php\n$models = $models ?? [];\n$selected = $selected ?? '';\n$variant = $variant ?? 'default';\n$class = $variant === 'inline' ? 'form-select--inline' : 'form-select';\n?>\n<select name=\"model\" id=\"model\" class=\"<?= $class ?>\">\n <optgroup label=\"Cloud\">\n <?php foreach ($models as $m): ?>\n <?php if (!$m['is_local']): ?>\n <option value=\"<?= $m['model_id'] ?>\" <?= $selected === $m['model_id'] ? 'selected' : '' ?>>\n <?= htmlspecialchars($m['display_name']) ?>\n <\/option>\n <?php endif; ?>\n <?php endforeach; ?>\n <\/optgroup>\n <optgroup label=\"Lokal\">\n <?php foreach ($models as $m): ?>\n <?php if ($m['is_local']): ?>\n <option value=\"<?= $m['model_id'] ?>\" <?= $selected === $m['model_id'] ? 'selected' : '' ?>>\n <?= htmlspecialchars($m['display_name']) ?>\n <\/option>\n <?php endif; ?>\n <?php endforeach; ?>\n <\/optgroup>\n<\/select>\n```\n\n### 0.7 Migrations-Schritte (LLM-Verwaltung)\n\n1. [ ] Tabelle `llm_models` in `ki_dev` erstellen\n2. [ ] `LlmModelRepository` erstellen\n3. [ ] `LlmSyncService` erstellen (Anthropic + Ollama)\n4. [ ] Route `\/ressourcen\/llm` anlegen\n5. [ ] `RessourcenController::llmIndex()` implementieren\n6. [ ] View `\/ressourcen\/llm\/index.php` erstellen\n7. [ ] Sync-Buttons implementieren\n8. [ ] Bearbeiten-Funktionalität\n9. [ ] Initial-Sync durchführen (bestehende Modelle importieren)\n10. [ ] `ModelConfig.php` durch `LlmModelRepository` ersetzen\n11. [ ] Partial `model-select.php` erstellen\n12. [ ] Chat und Content auf Partial umstellen\n\n---\n\n## 0b. Collection-Verwaltung (Grundlage für Collection-Dropdown)\n\n### 0b.1 Architektur-Entscheidung\n\n**Gewählt: DB-Tabelle analog zu LLMs**\n\n- Zentrale Admin-Seite `\/ressourcen\/collections`\n- Datenbank-Tabelle als Single Source of Truth\n- Sync mit Qdrant (Metadaten abrufen)\n- Sprechende Namen und Beschreibungen\n- **Multi-Select** als einheitliche Darstellung\n\n### 0b.2 Datenbank-Tabelle `rag_collections`\n\n```sql\nCREATE TABLE rag_collections (\n id INT AUTO_INCREMENT PRIMARY KEY,\n collection_id VARCHAR(100) NOT NULL UNIQUE, -- Qdrant-Name: \"documents\"\n display_name VARCHAR(100) NOT NULL, -- ... [TRUNCATED-7119d437e6a21f1c]",
"structuredPatch": [
{
"oldStart": 742,
"oldLines": 9,
"newStart": 742,
"newLines": 78,
"lines": [
" $data['userPrefs'] = $this->userPrefs->get();",
" \/\/ ...",
" }",
"+",
"+ \/\/ ══════════════════════════════════════════════════════════════════",
"+ \/\/ KRITISCH: Default-Resolution gehört in Controller, NICHT in Partials!",
"+ \/\/ ══════════════════════════════════════════════════════════════════",
"+",
"+ \/**",
"+ * Zentrale Default-Resolution mit 3-stufiger Hierarchie:",
"+ * 1. Session\/Order-Wert (explizit übergeben)",
"+ * 2. User-Präferenz",
"+ * 3. System-Default",
"+ *",
"+ * @param string $key Preference-Key ohne \"default_\" prefix",
"+ * @param mixed $explicit Expliziter Wert (Session\/Order)",
"+ * @param mixed $fallback System-Default wenn alles null",
"+ *\/",
"+ protected function resolve(string $key, mixed $explicit, mixed $fallback = null): mixed",
"+ {",
"+ \/\/ 1. Expliziter Wert hat Priorität",
"+ if ($explicit !== null && $explicit !== '') {",
"+ return $explicit;",
"+ }",
"+",
"+ \/\/ 2. User-Präferenz",
"+ $prefs = $this->userPrefs->get();",
"+ $prefKey = \"default_$key\";",
"+ if (isset($prefs[$prefKey]) && $prefs[$prefKey] !== null && $prefs[$prefKey] !== '') {",
"+ return $prefs[$prefKey];",
"+ }",
"+",
"+ \/\/ 3. System-Default",
"+ return $fallback;",
"+ }",
"+",
"+ \/**",
"+ * Resolves JSON-Array Felder (collections, contracts, structures)",
"+ *\/",
"+ protected function resolveJsonArray(string $key, mixed $explicit, array $fallback = []): array",
"+ {",
"+ $value = $this->resolve($key, $explicit, json_encode($fallback));",
"+",
"+ if (is_string($value)) {",
"+ return json_decode($value, true) ?: $fallback;",
"+ }",
"+",
"+ return is_array($value) ? $value : $fallback;",
"+ }",
" }",
" ```",
" ",
"+#### WICHTIG: Partial-Pattern",
"+",
"+**FALSCH (Default-Logik im Partial):**",
"+```php",
"+\/\/ ❌ NICHT SO - Partial entscheidet über Fallbacks",
"+$selected = $selected",
"+ ?? $userPrefs['default_model_id']",
"+ ?? 'claude-sonnet-4-20250514';",
"+```",
"+",
"+**RICHTIG (Controller übergibt fertige Werte):**",
"+```php",
"+\/\/ ✓ Controller (ChatController.php)",
"+$this->view('chat.index', [",
"+ 'selectedModel' => $this->resolve('model_id', $session['model'], 'claude-sonnet-4-20250514'),",
"+ 'selectedCollections' => $this->resolveJsonArray('collections', $session['collections'], ['documents']),",
"+]);",
"+",
"+\/\/ ✓ Partial (model-select.php) - kein Fallback mehr!",
"+$selected = $selected ?? ''; \/\/ Nur Absicherung gegen fehlende Variable",
"+```",
"+```",
"+",
" #### ChatController anpassen",
" ",
" ```php"
]
}
],
"userModified": false,
"replaceAll": false
}
}