{
"event": "PreToolUse",
"tool_name": "Edit",
"tool_input": {
"file_path": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/chat\/index.php",
"old_string": "function updatePresetHighlight() {\n const currentTemp = parseFloat(tempSlider.value);\n document.querySelectorAll('.config-panel__preset').forEach(btn => {\n const btnTemp = parseFloat(btn.dataset.temp);\n btn.classList.toggle('config-panel__preset--active', Math.abs(btnTemp - currentTemp) < 0.05);\n document.querySelectorAll('.chat-preset').forEach(b => b.classList.remove('chat-preset--active'));\n btn.classList.add('chat-preset--active');\n });\n}",
"new_string": "function updatePresetHighlight() {\n const currentTemp = parseFloat(tempSlider.value);\n document.querySelectorAll('.config-panel__preset').forEach(btn => {\n const btnTemp = parseFloat(btn.dataset.temp);\n btn.classList.toggle('config-panel__preset--active', Math.abs(btnTemp - currentTemp) < 0.05);\n });\n}\n\n\/\/ Preset buttons click handler\ndocument.querySelectorAll('.config-panel__preset').forEach(btn => {\n btn.addEventListener('click', () => {\n const temp = parseFloat(btn.dataset.temp);\n const tokens = parseInt(btn.dataset.tokens);\n tempSlider.value = temp;\n tempValue.textContent = temp.toFixed(1);\n hiddenTemp.value = temp;\n document.getElementById('configMaxTokens').value = tokens;\n document.getElementById('hiddenMaxTokens').value = tokens;\n updatePresetHighlight();\n \/\/ Visual feedback\n btn.classList.add('is-saving');\n setTimeout(() => {\n btn.classList.remove('is-saving');\n btn.classList.add('is-saved');\n setTimeout(() => btn.classList.remove('is-saved'), 600);\n }, 100);\n });\n});"
}
}
{
"tool_response": {
"filePath": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/chat\/index.php",
"oldString": "function updatePresetHighlight() {\n const currentTemp = parseFloat(tempSlider.value);\n document.querySelectorAll('.config-panel__preset').forEach(btn => {\n const btnTemp = parseFloat(btn.dataset.temp);\n btn.classList.toggle('config-panel__preset--active', Math.abs(btnTemp - currentTemp) < 0.05);\n document.querySelectorAll('.chat-preset').forEach(b => b.classList.remove('chat-preset--active'));\n btn.classList.add('chat-preset--active');\n });\n}",
"newString": "function updatePresetHighlight() {\n const currentTemp = parseFloat(tempSlider.value);\n document.querySelectorAll('.config-panel__preset').forEach(btn => {\n const btnTemp = parseFloat(btn.dataset.temp);\n btn.classList.toggle('config-panel__preset--active', Math.abs(btnTemp - currentTemp) < 0.05);\n });\n}\n\n\/\/ Preset buttons click handler\ndocument.querySelectorAll('.config-panel__preset').forEach(btn => {\n btn.addEventListener('click', () => {\n const temp = parseFloat(btn.dataset.temp);\n const tokens = parseInt(btn.dataset.tokens);\n tempSlider.value = temp;\n tempValue.textContent = temp.toFixed(1);\n hiddenTemp.value = temp;\n document.getElementById('configMaxTokens').value = tokens;\n document.getElementById('hiddenMaxTokens').value = tokens;\n updatePresetHighlight();\n \/\/ Visual feedback\n btn.classList.add('is-saving');\n setTimeout(() => {\n btn.classList.remove('is-saving');\n btn.classList.add('is-saved');\n setTimeout(() => btn.classList.remove('is-saved'), 600);\n }, 100);\n });\n});",
"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 (50% Screen) -->\n <aside class=\"config-panel\" id=\"configPanel\">\n <div class=\"config-panel__header\">\n <span class=\"config-panel__title\">Einstellungen<\/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 <!-- Modell -->\n <div class=\"config-panel__group\">\n <label for=\"configModel\" class=\"config-panel__label\">Modell<\/label>\n <select id=\"configModel\" class=\"config-panel__select\" aria-label=\"Modell waehlen\">\n <optgroup label=\"Anthropic\">\n <?php foreach ($models ?? [] as $modelId => $modelLabel): ?>\n <?php if (!str_starts_with($modelId, 'ollama:')): ?>\n <option value=\"<?= htmlspecialchars($modelId) ?>\" <?= $currentModel === $modelId ? 'selected' : '' ?>><?= htmlspecialchars($modelLabel) ?><\/option>\n <?php endif; ?>\n <?php endforeach; ?>\n <\/optgroup>\n <optgroup label=\"Ollama (lokal)\">\n <?php foreach ($models ?? [] as $modelId => $modelLabel): ?>\n <?php if (str_starts_with($modelId, 'ollama:')): ?>\n <option value=\"<?= htmlspecialchars($modelId) ?>\" <?= $currentModel === $modelId ? 'selected' : '' ?>><?= htmlspecialchars($modelLabel) ?><\/option>\n <?php endif; ?>\n <?php endforeach; ?>\n <\/optgroup>\n <\/select>\n <\/div>\n\n <!-- Quellen -->\n <div class=\"config-panel__group\">\n <label for=\"configContextLimit\" class=\"config-panel__label\">Quellen<\/label>\n <select id=\"configContextLimit\" class=\"config-panel__select\" aria-label=\"Anzahl Quellen\">\n <option value=\"3\" <?= $currentLimit === 3 ? 'selected' : '' ?>>3 Quellen<\/option>\n <option value=\"5\" <?= $currentLimit === 5 ? 'selected' : '' ?>>5 Quellen<\/option>\n <option value=\"10\" <?= $currentLimit === 10 ? 'selected' : '' ?>>10 Quellen<\/option>\n <option value=\"15\" <?= $currentLimit === 15 ? 'selected' : '' ?>>15 Quellen<\/option>\n <\/select>\n <\/div>\n\n <!-- Collections -->\n <div class=\"config-panel__group\">\n <label class=\"config-panel__label\">Sammlungen<\/label>\n <div class=\"config-panel__collections\" id=\"configCollections\">\n <?php foreach ($collections ?? [] as $col):\n $colId = $col['collection_id'];\n $isSelected = in_array($colId, $selected, true);\n $points = (int) ($col['points_count'] ?? 0);\n ?>\n <label class=\"config-panel__checkbox\">\n <input type=\"checkbox\" name=\"collections[]\" value=\"<?= htmlspecialchars($colId) ?>\" <?= $isSelected ? 'checked' : '' ?>>\n <?= htmlspecialchars($col['display_name']) ?> <span class=\"config-panel__count\">(<?= number_format($points) ?>)<\/span>\n <\/label>\n <?php endforeach; ?>\n <\/div>\n <\/div>\n\n <!-- Temperatur & Tokens -->\n <div class=\"config-panel__group\">\n <label class=\"config-panel__label\">Temperatur: <span id=\"tempValuePanel\"><?= number_format($currentTemperature, 1) ?><\/span><\/label>\n <input type=\"range\" id=\"configTemperature\" class=\"config-panel__slider\" min=\"0\" max=\"1\" step=\"0.1\" value=\"<?= $currentTemperature ?>\">\n <div class=\"config-panel__presets\">\n <button type=\"button\" class=\"config-panel__preset<?= $currentTemperature == 0.3 ? ' config-panel__preset--active' : '' ?>\" data-temp=\"0.3\" data-tokens=\"2048\">Präzise<\/button>\n <button type=\"button\" class=\"config-panel__preset<?= $currentTemperature == 0.5 ? ' config-panel__preset--active' : '' ?>\" data-temp=\"0.5\" data-tokens=\"4096\">Ausgewogen<\/button>\n <button type=\"button\" class=\"config-panel__preset<?= $currentTemperature == 0.9 ? ' config-panel__preset--active' : '' ?>\" data-temp=\"0.9\" data-tokens=\"4096\">Kreativ<\/button>\n <\/div>\n <\/div>\n\n <!-- Max Tokens -->\n <div class=\"config-panel__group\">\n <label for=\"configMaxTokens\" class=\"config-panel__label\">Max Tokens<\/label>\n <select id=\"configMaxTokens\" class=\"config-panel__select\">\n <option value=\"1024\" <?= $currentMaxTokens === 1024 ? 'selected' : '' ?>>1024<\/option>\n <option value=\"2048\" <?= $currentMaxTokens === 2048 ? 'selected' : '' ?>>2048<\/option>\n <option value=\"4096\" <?= $currentMaxTokens === 4096 ? 'selected' : '' ?>>4096<\/option>\n <option value=\"8192\" <?= $currentMaxTokens === 8192 ? 'selected' : '' ?>>8192<\/option>\n <\/select>\n <\/div>\n\n <!-- Qualitätsprüfung -->\n <div class=\"config-panel__group\">\n <label class=\"config-panel__checkbox config-panel__checkbox--large\">\n <input type=\"checkbox\" id=\"configQualityCheck\" name=\"quality_check\" value=\"1\">\n Qualitätsprüfung (LLM-Validierung)\n <\/label>\n <\/div>\n\n <hr class=\"config-panel__divider\">\n\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\">✎<... [TRUNCATED-1c978530b19112c8]",
"structuredPatch": [
{
"oldStart": 471,
"oldLines": 11,
"newStart": 471,
"newLines": 30,
"lines": [
" document.querySelectorAll('.config-panel__preset').forEach(btn => {",
" const btnTemp = parseFloat(btn.dataset.temp);",
" btn.classList.toggle('config-panel__preset--active', Math.abs(btnTemp - currentTemp) < 0.05);",
"- document.querySelectorAll('.chat-preset').forEach(b => b.classList.remove('chat-preset--active'));",
"- btn.classList.add('chat-preset--active');",
" });",
"-});",
"+}",
" ",
"+\/\/ Preset buttons click handler",
"+document.querySelectorAll('.config-panel__preset').forEach(btn => {",
"+ btn.addEventListener('click', () => {",
"+ const temp = parseFloat(btn.dataset.temp);",
"+ const tokens = parseInt(btn.dataset.tokens);",
"+ tempSlider.value = temp;",
"+ tempValue.textContent = temp.toFixed(1);",
"+ hiddenTemp.value = temp;",
"+ document.getElementById('configMaxTokens').value = tokens;",
"+ document.getElementById('hiddenMaxTokens').value = tokens;",
"+ updatePresetHighlight();",
"+ \/\/ Visual feedback",
"+ btn.classList.add('is-saving');",
"+ setTimeout(() => {",
"+ btn.classList.remove('is-saving');",
"+ btn.classList.add('is-saved');",
"+ setTimeout(() => btn.classList.remove('is-saved'), 600);",
"+ }, 100);",
"+ });",
"+}););",
"+",
" \/\/ Streaming Form Handler with SSE",
" form.addEventListener('submit', async (e) => {",
" e.preventDefault();"
]
}
],
"userModified": false,
"replaceAll": false
}
}