{
"tool_response": {
"filePath": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/content\/new.php",
"oldString": "<style>\n.form-row { display: flex; gap: var(--space-md); }\n.form-group--half { flex: 1; }\n.form-group--third { flex: 1; }\n.checkbox-group { display: flex; flex-wrap: wrap; gap: var(--space-sm); }\n.checkbox-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--color-bg-muted); border-radius: 4px; cursor: pointer; }\n.checkbox-label:hover { background: var(--color-bg-hover); }\nfieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: var(--space-md); margin-bottom: var(--space-md); }\nlegend { font-weight: 600; padding: 0 0.5rem; }\n@media (max-width: 600px) {\n .form-row { flex-direction: column; gap: 0; }\n}\n<\/style>",
"newString": "<style>\n.form-row { display: flex; gap: var(--space-md); }\n.form-group--half { flex: 1; }\n.form-group--third { flex: 1; }\n.form-group--checkbox { display: flex; align-items: center; }\n.checkbox-group { display: flex; flex-wrap: wrap; gap: var(--space-sm); }\n.checkbox-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--color-bg-muted); border-radius: 4px; cursor: pointer; }\n.checkbox-label:hover { background: var(--color-bg-hover); }\nfieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: var(--space-md); margin-bottom: var(--space-md); }\nlegend { font-weight: 600; padding: 0 0.5rem; }\n\n\/* Temperature Slider *\/\n.form-slider { width: 100%; height: 6px; border-radius: 3px; background: var(--color-bg-muted); appearance: none; cursor: pointer; margin: 0.5rem 0; }\n.form-slider::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--color-primary); cursor: pointer; }\n.form-slider::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--color-primary); cursor: pointer; border: none; }\n\n\/* Preset Buttons *\/\n.preset-buttons { display: flex; gap: 0.5rem; margin-top: 0.5rem; }\n.preset-btn { flex: 1; padding: 0.4rem 0.6rem; font-size: 0.8rem; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-bg); cursor: pointer; transition: all 0.2s; }\n.preset-btn:hover { background: var(--color-bg-muted); }\n.preset-btn--active { background: var(--color-primary); color: white; border-color: var(--color-primary); }\n\n\/* Checkbox Toggle *\/\n.checkbox-toggle { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; padding: 0.5rem 0; }\n.checkbox-toggle input[type=\"checkbox\"] { width: 18px; height: 18px; cursor: pointer; }\n.checkbox-toggle__label { font-size: 0.9rem; }\n\n@media (max-width: 600px) {\n .form-row { flex-direction: column; gap: 0; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n const tempSlider = document.getElementById('temperature');\n const tempValue = document.getElementById('tempValue');\n const maxTokens = document.getElementById('max_tokens');\n const presetBtns = document.querySelectorAll('.preset-btn');\n\n if (tempSlider && tempValue) {\n tempSlider.addEventListener('input', function() {\n tempValue.textContent = parseFloat(this.value).toFixed(1);\n updatePresetButtons(this.value);\n });\n }\n\n presetBtns.forEach(btn => {\n btn.addEventListener('click', function() {\n const temp = this.dataset.temp;\n const tokens = this.dataset.tokens;\n if (tempSlider) {\n tempSlider.value = temp;\n tempValue.textContent = parseFloat(temp).toFixed(1);\n }\n if (maxTokens && tokens) {\n maxTokens.value = tokens;\n }\n updatePresetButtons(temp);\n });\n });\n\n function updatePresetButtons(temp) {\n presetBtns.forEach(btn => {\n btn.classList.toggle('preset-btn--active', btn.dataset.temp === temp);\n });\n }\n});\n<\/script>",
"originalFile": "<?php ob_start(); ?>\n\n<nav class=\"breadcrumb\">\n <a href=\"\/content\">Content Studio<\/a> » Neuer Auftrag\n<\/nav>\n\n<h1>Neuer Auftrag<\/h1>\n\n<form class=\"form\" style=\"max-width: 700px;\"\n hx-post=\"\/content\"\n hx-headers='{\"X-CSRF-TOKEN\": \"<?= $csrfToken ?>\"}'\n hx-disabled-elt=\"button[type=submit]\">\n\n <fieldset>\n <legend>Inhalt<\/legend>\n <div class=\"form-group\">\n <label for=\"title\">Titel *<\/label>\n <input type=\"text\" id=\"title\" name=\"title\" class=\"form-input\" required\n placeholder=\"z.B. Blogpost über Teamcoaching\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"briefing\">Briefing *<\/label>\n <textarea id=\"briefing\" name=\"briefing\" class=\"form-textarea\" rows=\"6\" required\n placeholder=\"Beschreibe, was der Content enthalten soll.\"><\/textarea>\n <\/div>\n <\/fieldset>\n\n <fieldset>\n <legend>KI-Einstellungen<\/legend>\n <div class=\"form-row\">\n <div class=\"form-group form-group--half\">\n <label for=\"model\">Sprachmodell<\/label>\n <select id=\"model\" name=\"model\" class=\"form-select\">\n <?php foreach ($models ?? [] as $modelId => $modelName): ?>\n <option value=\"<?= $modelId ?>\" <?= $modelId === ($defaultModel ?? 'claude-sonnet-4-20250514') ? 'selected' : '' ?>><?= htmlspecialchars($modelName) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <\/div>\n <div class=\"form-group form-group--half\">\n <label for=\"context_limit\">Kontext-Quellen<\/label>\n <?php $ctxLimit = $defaultContextLimit ?? 5; ?>\n <select id=\"context_limit\" name=\"context_limit\" class=\"form-select\">\n <option value=\"3\" <?= $ctxLimit === 3 ? 'selected' : '' ?>>3 Quellen<\/option>\n <option value=\"5\" <?= $ctxLimit === 5 ? 'selected' : '' ?>>5 Quellen<\/option>\n <option value=\"10\" <?= $ctxLimit === 10 ? 'selected' : '' ?>>10 Quellen<\/option>\n <option value=\"15\" <?= $ctxLimit === 15 ? 'selected' : '' ?>>15 Quellen<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Collections (Wissensquellen)<\/label>\n <?php\n $selected = $defaultCollections ?? ['documents'];\n$variant = 'checkbox';\ninclude __DIR__ . '\/..\/partials\/form\/collections-select.php';\n?>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group form-group--half\">\n <label for=\"temperature\">Temperatur: <span id=\"tempValue\"><?= number_format($defaultTemperature ?? 0.5, 1) ?><\/span><\/label>\n <input type=\"range\" id=\"temperature\" name=\"temperature\" class=\"form-slider\"\n min=\"0\" max=\"1\" step=\"0.1\" value=\"<?= $defaultTemperature ?? 0.5 ?>\">\n <div class=\"preset-buttons\">\n <button type=\"button\" class=\"preset-btn<?= ($defaultTemperature ?? 0.5) == 0.3 ? ' preset-btn--active' : '' ?>\" data-temp=\"0.3\" data-tokens=\"2048\">Präzise<\/button>\n <button type=\"button\" class=\"preset-btn<?= ($defaultTemperature ?? 0.5) == 0.5 ? ' preset-btn--active' : '' ?>\" data-temp=\"0.5\" data-tokens=\"4096\">Ausgewogen<\/button>\n <button type=\"button\" class=\"preset-btn<?= ($defaultTemperature ?? 0.5) == 0.9 ? ' preset-btn--active' : '' ?>\" data-temp=\"0.9\" data-tokens=\"4096\">Kreativ<\/button>\n <\/div>\n <\/div>\n <div class=\"form-group form-group--half\">\n <label for=\"max_tokens\">Max Tokens<\/label>\n <?php $maxTokens = $defaultMaxTokens ?? 4096; ?>\n <select id=\"max_tokens\" name=\"max_tokens\" class=\"form-select\">\n <option value=\"1024\" <?= $maxTokens === 1024 ? 'selected' : '' ?>>1024<\/option>\n <option value=\"2048\" <?= $maxTokens === 2048 ? 'selected' : '' ?>>2048<\/option>\n <option value=\"4096\" <?= $maxTokens === 4096 ? 'selected' : '' ?>>4096<\/option>\n <option value=\"8192\" <?= $maxTokens === 8192 ? 'selected' : '' ?>>8192<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group form-group--half\">\n <label for=\"system_prompt_id\">System Prompt<\/label>\n <select id=\"system_prompt_id\" name=\"system_prompt_id\" class=\"form-select\">\n <option value=\"\">-- Standard --<\/option>\n <?php foreach ($systemPrompts ?? [] as $prompt): ?>\n <option value=\"<?= $prompt['id'] ?>\" <?= ($defaultSystemPromptId ?? null) === (int) $prompt['id'] ? 'selected' : '' ?>><?= htmlspecialchars($prompt['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <\/div>\n <div class=\"form-group form-group--half form-group--checkbox\">\n <label class=\"checkbox-toggle\">\n <input type=\"checkbox\" id=\"quality_check\" name=\"quality_check\" value=\"1\" <?= ($defaultQualityCheck ?? false) ? 'checked' : '' ?>>\n <span class=\"checkbox-toggle__label\">Qualitätsprüfung (LLM-Validierung)<\/span>\n <\/label>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <fieldset>\n <legend>Content-Konfiguration<\/legend>\n <div class=\"form-row\">\n <div class=\"form-group form-group--third\">\n <label for=\"author_profile_id\">Autorenprofil<\/label>\n <select id=\"author_profile_id\" name=\"author_profile_id\" class=\"form-select\">\n <option value=\"\">-- Kein Profil --<\/option>\n <?php foreach ($profiles ?? [] as $profile): ?>\n <option value=\"<?= $profile['id'] ?>\" <?= ($defaultProfileId ?? null) === (int) $profile['id'] ? 'selected' : '' ?>><?= htmlspecialchars($profile['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <\/div>\n <div class=\"form-group form-group--third\">\n <label for=\"contract_id\">Contract<\/label>\n <select id=\"contract_id\" name=\"contract_id\" class=\"form-select\">\n <option value=\"\">-- Kein Contract --<\/option>\n <?php foreach ($contracts ?? [] as $contract): ?>\n <option value=\"<?= $contract['id'] ?>\" <?= ($defaultContractId ?? null) === (int) $contract['id'] ? 'selected' : '' ?>><?= htmlspecialchars($contract['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <\/div>\n <div class=\"form-group form-group--third\">\n <label for=\"structure_id\">Struktur<\/label>\n <select id=\"structure_id\" name=\"structure_id\" class=\"form-select\">\n <option value=\"\">-- Keine Struktur --<\/option>\n <?php foreach ($structures ?? [] as $structure): ?>\n <option value=\"<?= $structure['id'] ?>\" <?= ($defaultStructureId ?? null) === (int) $structure['id'] ? 'selected' : '' ?>><?= htmlspecialchars($structure['name']) ?><\/option>\n <?php endforeach; ?>\n <\/select>\n <\/div>\n <\/div>\n <\/fieldset>\n\n <div class=\"form-actions\">\n <button type=\"submit\" name=\"action\" value=\"save\" class=\"btn\">Nur speichern<\/button>\n <button type=\"submit\" name=\"action\" value=\"generate\" class=\"btn btn--primary\">Erstellen & Generieren<\/button>\n <a href=\"\/content\" class=\"btn btn--secondary\">Abbrechen<\/a>\n <\/div>\n<\/form>\n\n<style>\n.form-row { display: flex; gap: var(--space-md); }\n.form-group--half { flex: 1; }\n.form-group--third { flex: 1; }\n.checkbox-group { display: flex; flex-wrap: wrap; gap: var(--space-sm); }\n.checkbox-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--color-bg-muted); border-radius: 4px; cursor: pointer; }\n.checkbox-label:hover { background: var(--color-bg-hover); }\nfieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: var(--space-md); margin-bottom: var(--space-md); }\nlegend { font-weight: 600; padding: 0 0.5rem; }\n@media (max-width: 600px) {\n .form-row { flex-direction: column; gap: 0; }\n}\n<\/style>\n\n<?php $content = ob_get_clean(); ?>\n<?php require VIEW_PATH . '\/layout.php'; ?>\n",
"structuredPatch": [
{
"oldStart": 140,
"oldLines": 15,
"newStart": 140,
"newLines": 70,
"lines": [
" .form-row { display: flex; gap: var(--space-md); }",
" .form-group--half { flex: 1; }",
" .form-group--third { flex: 1; }",
"+.form-group--checkbox { display: flex; align-items: center; }",
" .checkbox-group { display: flex; flex-wrap: wrap; gap: var(--space-sm); }",
" .checkbox-label { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--color-bg-muted); border-radius: 4px; cursor: pointer; }",
" .checkbox-label:hover { background: var(--color-bg-hover); }",
" fieldset { border: 1px solid var(--color-border); border-radius: 8px; padding: var(--space-md); margin-bottom: var(--space-md); }",
" legend { font-weight: 600; padding: 0 0.5rem; }",
"+",
"+\/* Temperature Slider *\/",
"+.form-slider { width: 100%; height: 6px; border-radius: 3px; background: var(--color-bg-muted); appearance: none; cursor: pointer; margin: 0.5rem 0; }",
"+.form-slider::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--color-primary); cursor: pointer; }",
"+.form-slider::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--color-primary); cursor: pointer; border: none; }",
"+",
"+\/* Preset Buttons *\/",
"+.preset-buttons { display: flex; gap: 0.5rem; margin-top: 0.5rem; }",
"+.preset-btn { flex: 1; padding: 0.4rem 0.6rem; font-size: 0.8rem; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-bg); cursor: pointer; transition: all 0.2s; }",
"+.preset-btn:hover { background: var(--color-bg-muted); }",
"+.preset-btn--active { background: var(--color-primary); color: white; border-color: var(--color-primary); }",
"+",
"+\/* Checkbox Toggle *\/",
"+.checkbox-toggle { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; padding: 0.5rem 0; }",
"+.checkbox-toggle input[type=\"checkbox\"] { width: 18px; height: 18px; cursor: pointer; }",
"+.checkbox-toggle__label { font-size: 0.9rem; }",
"+",
" @media (max-width: 600px) {",
" .form-row { flex-direction: column; gap: 0; }",
" }",
" <\/style>",
" ",
"+<script>",
"+document.addEventListener('DOMContentLoaded', function() {",
"+ const tempSlider = document.getElementById('temperature');",
"+ const tempValue = document.getElementById('tempValue');",
"+ const maxTokens = document.getElementById('max_tokens');",
"+ const presetBtns = document.querySelectorAll('.preset-btn');",
"+",
"+ if (tempSlider && tempValue) {",
"+ tempSlider.addEventListener('input', function() {",
"+ tempValue.textContent = parseFloat(this.value).toFixed(1);",
"+ updatePresetButtons(this.value);",
"+ });",
"+ }",
"+",
"+ presetBtns.forEach(btn => {",
"+ btn.addEventListener('click', function() {",
"+ const temp = this.dataset.temp;",
"+ const tokens = this.dataset.tokens;",
"+ if (tempSlider) {",
"+ tempSlider.value = temp;",
"+ tempValue.textContent = parseFloat(temp).toFixed(1);",
"+ }",
"+ if (maxTokens && tokens) {",
"+ maxTokens.value = tokens;",
"+ }",
"+ updatePresetButtons(temp);",
"+ });",
"+ });",
"+",
"+ function updatePresetButtons(temp) {",
"+ presetBtns.forEach(btn => {",
"+ btn.classList.toggle('preset-btn--active', btn.dataset.temp === temp);",
"+ });",
"+ }",
"+});",
"+<\/script>",
"+",
" <?php $content = ob_get_clean(); ?>",
" <?php require VIEW_PATH . '\/layout.php'; ?>"
]
}
],
"userModified": false,
"replaceAll": false
}
}