{
"tool_response": {
"filePath": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/chat\/index.php",
"oldString": "\/\/ Inline Title Edit\nfunction editTitle(uuid) {",
"newString": "\/\/ Config Panel\nconst configPanel = document.getElementById('configPanel');\nconst configPanelToggle = document.getElementById('configPanelToggle');\nconst configPanelClose = document.getElementById('configPanelClose');\n\nconfigPanelToggle.addEventListener('click', () => {\n const isOpen = configPanel.classList.toggle('config-panel--open');\n configPanelToggle.setAttribute('aria-expanded', isOpen);\n});\n\nconfigPanelClose.addEventListener('click', () => {\n configPanel.classList.remove('config-panel--open');\n configPanelToggle.setAttribute('aria-expanded', 'false');\n});\n\n\/\/ Sync Config Panel dropdowns with hidden inputs\ndocument.getElementById('configSystemPrompt').addEventListener('change', function() {\n document.getElementById('hiddenSystemPrompt').value = this.value;\n});\ndocument.getElementById('configStructure').addEventListener('change', function() {\n document.getElementById('hiddenStructure').value = this.value;\n});\ndocument.getElementById('configAuthorProfile').addEventListener('change', function() {\n document.getElementById('hiddenAuthorProfile').value = this.value;\n});\n\n\/\/ Config Panel toggle editors\ndocument.querySelectorAll('.config-panel__toggle').forEach(btn => {\n btn.addEventListener('click', async function() {\n const configType = this.dataset.configType;\n const editorId = this.getAttribute('aria-controls');\n const editor = document.getElementById(editorId);\n const isOpen = !editor.classList.contains('config-panel__editor--hidden');\n\n if (isOpen) {\n editor.classList.add('config-panel__editor--hidden');\n editor.setAttribute('aria-hidden', 'true');\n this.setAttribute('aria-expanded', 'false');\n } else {\n \/\/ Load content from API\n const selectId = configType === 'system_prompt' ? 'configSystemPrompt' :\n configType === 'structure' ? 'configStructure' : 'configAuthorProfile';\n const selectedId = document.getElementById(selectId).value;\n\n if (selectedId && selectedId !== '0') {\n try {\n const resp = await fetch('\/api\/v1\/config\/' + selectedId);\n const data = await resp.json();\n if (data.content) {\n const textareaId = configType === 'system_prompt' ? 'systemPromptContent' :\n configType === 'structure' ? 'structureContent' : 'authorProfileContent';\n const versionId = configType === 'system_prompt' ? 'systemPromptVersion' :\n configType === 'structure' ? 'structureVersion' : 'authorProfileVersion';\n document.getElementById(textareaId).value = data.content;\n document.getElementById(versionId).textContent = 'v' + (data.version || '1.0');\n }\n } catch (e) {\n console.error('Config load error:', e);\n }\n }\n\n editor.classList.remove('config-panel__editor--hidden');\n editor.setAttribute('aria-hidden', 'false');\n this.setAttribute('aria-expanded', 'true');\n }\n });\n});\n\n\/\/ Config Panel save\ndocument.querySelectorAll('.config-panel__save').forEach(btn => {\n btn.addEventListener('click', async function() {\n const configType = this.dataset.configType;\n const selectId = configType === 'system_prompt' ? 'configSystemPrompt' :\n configType === 'structure' ? 'configStructure' : 'configAuthorProfile';\n const textareaId = configType === 'system_prompt' ? 'systemPromptContent' :\n configType === 'structure' ? 'structureContent' : 'authorProfileContent';\n const versionId = configType === 'system_prompt' ? 'systemPromptVersion' :\n configType === 'structure' ? 'structureVersion' : 'authorProfileVersion';\n\n const selectedId = document.getElementById(selectId).value;\n const content = document.getElementById(textareaId).value;\n\n if (!selectedId || selectedId === '0') {\n alert('Bitte waehle zuerst eine Konfiguration aus.');\n return;\n }\n\n try {\n const formData = new FormData();\n formData.append('content', content);\n\n const resp = await fetch('\/api\/v1\/config\/' + selectedId, {\n method: 'POST',\n body: formData\n });\n const data = await resp.json();\n\n if (data.success) {\n document.getElementById(versionId).textContent = 'v' + data.version;\n this.textContent = 'Gespeichert!';\n setTimeout(() => { this.textContent = 'Speichern'; }, 2000);\n } else {\n alert('Fehler: ' + (data.error || 'Unbekannt'));\n }\n } catch (e) {\n console.error('Config save error:', e);\n alert('Speichern fehlgeschlagen');\n }\n });\n});\n\n\/\/ Inline Title Edit\nfunction editTitle(uuid) {",
"originalFile": "<?php\n\/**\n * Chat - Redesign\n * Clean, minimalist, professional\n *\/\n$currentModel = $session['model'] ?? $defaultModel ?? 'claude-opus-4-5-20251101';\n$selected = json_decode($session['collections'] ?? '[\"documents\"]', true) ?: ['documents'];\n$currentLimit = (int) ($session['context_limit'] ?? 5);\n$currentProfileId = (int) ($session['author_profile_id'] ?? 0);\n$currentPromptId = (int) ($session['system_prompt_id'] ?? 1);\n$currentTemperature = (float) ($session['temperature'] ?? 0.5);\n$currentMaxTokens = (int) ($session['max_tokens'] ?? 4096);\n?>\n<!DOCTYPE html>\n<html lang=\"de\" data-theme=\"light\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title><?= htmlspecialchars($session['title'] ?? 'KI-Chat') ?> - Campus<\/title>\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/campus-am-see.de\/wp-content\/uploads\/menu-logo.png\">\n <link rel=\"stylesheet\" href=\"\/css\/chat-redesign.css\">\n <script src=\"\/js\/htmx.min.js\"><\/script>\n<\/head>\n<body>\n<div class=\"chat-layout\">\n <!-- Sidebar -->\n <aside class=\"chat-sidebar\" id=\"sidebar\">\n <div class=\"chat-sidebar__header\">\n <a href=\"\/chat\" class=\"chat-sidebar__new\">+ Neuer Chat<\/a>\n <button class=\"chat-sidebar__delete-all\" hx-delete=\"\/chat\" hx-confirm=\"Alle <?= count($sessions ?? []) ?> Chats löschen?\" title=\"Alle löschen\">× Alle<\/button>\n <\/div>\n <div class=\"chat-sidebar__list\" id=\"session-list\">\n <?php foreach ($sessions ?? [] as $s):\n $totalTokens = (int) ($s['total_input_tokens'] ?? 0) + (int) ($s['total_output_tokens'] ?? 0);\n $totalCost = ((int) ($s['total_input_tokens'] ?? 0) * 0.000015) + ((int) ($s['total_output_tokens'] ?? 0) * 0.000075);\n $isOllama = str_starts_with($s['model'] ?? '', 'ollama:');\n ?>\n <a href=\"\/chat\/<?= $s['uuid'] ?>\"\n class=\"chat-session <?= ($session['uuid'] ?? '') === $s['uuid'] ? 'chat-session--active' : '' ?>\"\n data-uuid=\"<?= $s['uuid'] ?>\">\n <div class=\"chat-session__title\" id=\"title-<?= $s['uuid'] ?>\"><?= htmlspecialchars($s['title'] ?? 'Neuer Chat') ?><\/div>\n <div class=\"chat-session__meta\">\n <span><?= $isOllama ? 'Lokal' : 'Claude' ?><\/span>\n <span><?= $s['message_count'] ?? 0 ?> Nachr.<\/span>\n <?php if (!$isOllama && $totalTokens > 0): ?>\n <span title=\"<?= number_format((int) $s['total_input_tokens']) ?> in \/ <?= number_format((int) $s['total_output_tokens']) ?> out\"><?= number_format($totalTokens) ?> Tok.<\/span>\n <span class=\"chat-session__cost\">~$<?= number_format($totalCost, 2) ?><\/span>\n <?php elseif ($isOllama): ?>\n <span class=\"chat-session__local\">lokal<\/span>\n <?php endif; ?>\n <\/div>\n <div class=\"chat-session__actions\">\n <button class=\"chat-session__edit\" onclick=\"event.preventDefault(); event.stopPropagation(); editTitle('<?= $s['uuid'] ?>');\" title=\"Bearbeiten\">✎<\/button>\n <button class=\"chat-session__delete\" hx-delete=\"\/chat\/<?= $s['uuid'] ?>\" hx-confirm=\"Session löschen?\" onclick=\"event.preventDefault(); event.stopPropagation();\">×<\/button>\n <\/div>\n <\/a>\n <?php endforeach; ?>\n <?php if (empty($sessions)): ?>\n <div class=\"chat-session chat-session--empty\">Keine Sessions<\/div>\n <?php endif; ?>\n <\/div>\n <\/aside>\n\n <!-- Config Panel -->\n <aside class=\"config-panel\" id=\"configPanel\">\n <div class=\"config-panel__header\">\n <span class=\"config-panel__title\">Konfiguration<\/span>\n <button type=\"button\" class=\"config-panel__close\" id=\"configPanelClose\" aria-label=\"Panel schliessen\">×<\/button>\n <\/div>\n\n <div class=\"config-panel__body\">\n <!-- System Prompt -->\n <div class=\"config-panel__group\">\n <label for=\"configSystemPrompt\" class=\"config-panel__label\">System Prompt<\/label>\n <select id=\"configSystemPrompt\" class=\"config-panel__select\" aria-label=\"System Prompt waehlen\">\n <?php foreach ($systemPrompts ?? [] as $prompt): ?>\n <option value=\"<?= $prompt['id'] ?>\" <?= $currentPromptId === (int) $prompt['id'] ? 'selected' : '' ?>><?= htmlspecialchars($prompt['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <button type=\"button\" class=\"config-panel__toggle\" data-config-type=\"system_prompt\" aria-expanded=\"false\" aria-controls=\"systemPromptEditor\">\n <span class=\"visually-hidden\">Bearbeiten<\/span>\n <span aria-hidden=\"true\">✎<\/span>\n <\/button>\n <div id=\"systemPromptEditor\" class=\"config-panel__editor config-panel__editor--hidden\" aria-hidden=\"true\">\n <textarea id=\"systemPromptContent\" class=\"config-panel__textarea\" rows=\"6\" aria-label=\"System Prompt Inhalt\"><\/textarea>\n <div class=\"config-panel__actions\">\n <span class=\"config-panel__version\" id=\"systemPromptVersion\"><\/span>\n <button type=\"button\" class=\"config-panel__save\" data-config-type=\"system_prompt\">Speichern<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Ausgabeformat \/ Structure -->\n <div class=\"config-panel__group\">\n <label for=\"configStructure\" class=\"config-panel__label\">Ausgabeformat<\/label>\n <select id=\"configStructure\" class=\"config-panel__select\" aria-label=\"Ausgabeformat waehlen\">\n <option value=\"0\">Frei (kein Format)<\/option>\n <?php foreach ($outputStructures ?? [] as $structure): ?>\n <option value=\"<?= $structure['id'] ?>\"><?= htmlspecialchars($structure['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <button type=\"button\" class=\"config-panel__toggle\" data-config-type=\"structure\" aria-expanded=\"false\" aria-controls=\"structureEditor\">\n <span class=\"visually-hidden\">Bearbeiten<\/span>\n <span aria-hidden=\"true\">✎<\/span>\n <\/button>\n <div id=\"structureEditor\" class=\"config-panel__editor config-panel__editor--hidden\" aria-hidden=\"true\">\n <textarea id=\"structureContent\" class=\"config-panel__textarea\" rows=\"6\" aria-label=\"Struktur Inhalt\"><\/textarea>\n <div class=\"config-panel__actions\">\n <span class=\"config-panel__version\" id=\"structureVersion\"><\/span>\n <button type=\"button\" class=\"config-panel__save\" data-config-type=\"structure\">Speichern<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Author Profile -->\n <div class=\"config-panel__group\">\n <label for=\"configAuthorProfile\" class=\"config-panel__label\">Autorenprofil<\/label>\n <select id=\"configAuthorProfile\" class=\"config-panel__select\" aria-label=\"Autorenprofil waehlen\">\n <option value=\"0\">Kein Profil<\/option>\n <?php foreach ($authorProfiles ?? [] as $profile): ?>\n <option value=\"<?= $profile['id'] ?>\" <?= $currentProfileId === (int) $profile['id'] ? 'selected' : '' ?>><?= htmlspecialchars($profile['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <button type=\"button\" class=\"config-panel__toggle\" data-config-type=\"author_profile\" aria-expanded=\"false\" aria-controls=\"authorProfileEditor\">\n <span class=\"visually-hidden\">Bearbeiten<\/span>\n <span aria-hidden=\"true\">✎<\/span>\n <\/button>\n <div id=\"authorProfileEditor\" class=\"config-panel__editor config-panel__editor--hidden\" aria-hidden=\"true\">\n <textarea id=\"authorProfileContent\" class=\"config-panel__textarea\" rows=\"6\" aria-label=\"Autorenprofil Inhalt\"><\/textarea>\n <div class=\"config-panel__actions\">\n <span class=\"config-panel__version\" id=\"authorProfileVersion\"><\/span>\n <button type=\"button\" class=\"config-panel__save\" data-config-type=\"author_profile\">Speichern<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" class=\"config-panel__toggle-btn\" id=\"configPanelToggle\" aria-expanded=\"false\" aria-controls=\"configPanel\" title=\"Konfiguration\">\n <span class=\"visually-hidden\">Konfiguration anzeigen<\/span>\n <span aria-hidden=\"true\">⚙<\/span>\n <\/button>\n <\/aside>\n\n <div class=\"chat-overlay\" id=\"overlay\"><\/div>\n\n <!-- Main -->\n <main class=\"chat-main\">\n <!-- Header -->\n <header class=\"chat-header\">\n <button class=\"chat-toggle\" id=\"toggle\" title=\"Sidebar\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\n <\/button>\n <a href=\"\/\" class=\"chat-header__logo\" title=\"Zur Startseite\">\n <img src=\"https:\/\/campus-am-see.de\/wp-content\/uploads\/menu-logo.png\" alt=\"Campus\">\n <\/a>\n <div class=\"chat-header__title\">\n <h1 id=\"page-title\"><?= htmlspecialchars($session['title'] ?? 'KI-Chat') ?><\/h1>\n <\/div>\n <\/header>\n\n <!-- Messages -->\n <div class=\"chat-messages\" id=\"messages\">\n <div class=\"chat-messages__inner\">\n <?php if (empty($messages)): ?>\n <div class=\"chat-welcome\">\n <img src=\"https:\/\/campus-am-see.de\/wp-content\/u... [TRUNCATED-f392eeeaab1f41cf]",
"structuredPatch": [
{
"oldStart": 598,
"oldLines": 6,
"newStart": 598,
"newLines": 117,
"lines": [
" }",
" });",
" ",
"+\/\/ Config Panel",
"+const configPanel = document.getElementById('configPanel');",
"+const configPanelToggle = document.getElementById('configPanelToggle');",
"+const configPanelClose = document.getElementById('configPanelClose');",
"+",
"+configPanelToggle.addEventListener('click', () => {",
"+ const isOpen = configPanel.classList.toggle('config-panel--open');",
"+ configPanelToggle.setAttribute('aria-expanded', isOpen);",
"+});",
"+",
"+configPanelClose.addEventListener('click', () => {",
"+ configPanel.classList.remove('config-panel--open');",
"+ configPanelToggle.setAttribute('aria-expanded', 'false');",
"+});",
"+",
"+\/\/ Sync Config Panel dropdowns with hidden inputs",
"+document.getElementById('configSystemPrompt').addEventListener('change', function() {",
"+ document.getElementById('hiddenSystemPrompt').value = this.value;",
"+});",
"+document.getElementById('configStructure').addEventListener('change', function() {",
"+ document.getElementById('hiddenStructure').value = this.value;",
"+});",
"+document.getElementById('configAuthorProfile').addEventListener('change', function() {",
"+ document.getElementById('hiddenAuthorProfile').value = this.value;",
"+});",
"+",
"+\/\/ Config Panel toggle editors",
"+document.querySelectorAll('.config-panel__toggle').forEach(btn => {",
"+ btn.addEventListener('click', async function() {",
"+ const configType = this.dataset.configType;",
"+ const editorId = this.getAttribute('aria-controls');",
"+ const editor = document.getElementById(editorId);",
"+ const isOpen = !editor.classList.contains('config-panel__editor--hidden');",
"+",
"+ if (isOpen) {",
"+ editor.classList.add('config-panel__editor--hidden');",
"+ editor.setAttribute('aria-hidden', 'true');",
"+ this.setAttribute('aria-expanded', 'false');",
"+ } else {",
"+ \/\/ Load content from API",
"+ const selectId = configType === 'system_prompt' ? 'configSystemPrompt' :",
"+ configType === 'structure' ? 'configStructure' : 'configAuthorProfile';",
"+ const selectedId = document.getElementById(selectId).value;",
"+",
"+ if (selectedId && selectedId !== '0') {",
"+ try {",
"+ const resp = await fetch('\/api\/v1\/config\/' + selectedId);",
"+ const data = await resp.json();",
"+ if (data.content) {",
"+ const textareaId = configType === 'system_prompt' ? 'systemPromptContent' :",
"+ configType === 'structure' ? 'structureContent' : 'authorProfileContent';",
"+ const versionId = configType === 'system_prompt' ? 'systemPromptVersion' :",
"+ configType === 'structure' ? 'structureVersion' : 'authorProfileVersion';",
"+ document.getElementById(textareaId).value = data.content;",
"+ document.getElementById(versionId).textContent = 'v' + (data.version || '1.0');",
"+ }",
"+ } catch (e) {",
"+ console.error('Config load error:', e);",
"+ }",
"+ }",
"+",
"+ editor.classList.remove('config-panel__editor--hidden');",
"+ editor.setAttribute('aria-hidden', 'false');",
"+ this.setAttribute('aria-expanded', 'true');",
"+ }",
"+ });",
"+});",
"+",
"+\/\/ Config Panel save",
"+document.querySelectorAll('.config-panel__save').forEach(btn => {",
"+ btn.addEventListener('click', async function() {",
"+ const configType = this.dataset.configType;",
"+ const selectId = configType === 'system_prompt' ? 'configSystemPrompt' :",
"+ configType === 'structure' ? 'configStructure' : 'configAuthorProfile';",
"+ const textareaId = configType === 'system_prompt' ? 'systemPromptContent' :",
"+ configType === 'structure' ? 'structureContent' : 'authorProfileContent';",
"+ const versionId = configType === 'system_prompt' ? 'systemPromptVersion' :",
"+ configType === 'structure' ? 'structureVersion' : 'authorProfileVersion';",
"+",
"+ const selectedId = document.getElementById(selectId).value;",
"+ const content = document.getElementById(textareaId).value;",
"+",
"+ if (!selectedId || selectedId === '0') {",
"+ alert('Bitte waehle zuerst eine Konfiguration aus.');",
"+ return;",
"+ }",
"+",
"+ try {",
"+ const formData = new FormData();",
"+ formData.append('content', content);",
"+",
"+ const resp = await fetch('\/api\/v1\/config\/' + selectedId, {",
"+ method: 'POST',",
"+ body: formData",
"+ });",
"+ const data = await resp.json();",
"+",
"+ if (data.success) {",
"+ document.getElementById(versionId).textContent = 'v' + data.version;",
"+ this.textContent = 'Gespeichert!';",
"+ setTimeout(() => { this.textContent = 'Speichern'; }, 2000);",
"+ } else {",
"+ alert('Fehler: ' + (data.error || 'Unbekannt'));",
"+ }",
"+ } catch (e) {",
"+ console.error('Config save error:', e);",
"+ alert('Speichern fehlgeschlagen');",
"+ }",
"+ });",
"+});",
"+",
" \/\/ Inline Title Edit",
" function editTitle(uuid) {",
" const titleEl = document.getElementById('title-' + uuid);"
]
}
],
"userModified": false,
"replaceAll": false
}
}