Protokoll #10510

{
    "event": "PreToolUse",
    "tool_name": "Edit",
    "tool_input": {
        "file_path": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/content-pipeline\/run-status.php",
        "old_string": ".log-output {\n    background: var(--bg-dark, #1e1e1e);\n    color: var(--text-light, #d4d4d4);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 300px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}",
        "new_string": ".log-output {\n    background: var(--bg-dark, #1e1e1e);\n    color: var(--text-light, #d4d4d4);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 600px;\n    min-height: 200px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}"
    }
}

{
    "tool_response": {
        "filePath": "\/var\/www\/dev.campus.systemische-tools.de\/src\/View\/content-pipeline\/run-status.php",
        "oldString": ".log-output {\n    background: var(--bg-dark, #1e1e1e);\n    color: var(--text-light, #d4d4d4);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 300px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}",
        "newString": ".log-output {\n    background: var(--bg-dark, #1e1e1e);\n    color: var(--text-light, #d4d4d4);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 600px;\n    min-height: 200px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}",
        "originalFile": "<?php ob_start(); ?>\n\n<h1>Pipeline Status<\/h1>\n<p class=\"subtitle\"><?= htmlspecialchars($pipeline['name']) ?> &rarr; Run #<?= $run['id'] ?><\/p>\n\n<div class=\"status-page\"\n     id=\"status-container\"\n     data-poll-url=\"\/content-pipeline\/<?= $pipeline['id'] ?>\/run\/<?= $run['id'] ?>\/poll\">\n\n    <!-- Status Badge + Cancel -->\n    <div class=\"status-header\">\n        <span class=\"badge badge--large\" id=\"status-badge\" data-status=\"<?= $run['status'] ?>\">\n            <?= $run['status'] ?>\n        <\/span>\n        <form action=\"\/content-pipeline\/<?= $pipeline['id'] ?>\/run\/<?= $run['id'] ?>\/cancel\" method=\"POST\" id=\"cancel-form\" class=\"status-header__cancel\">\n            <input type=\"hidden\" name=\"_csrf_token\" value=\"<?= htmlspecialchars($_SESSION['_csrf_token'] ?? '') ?>\">\n            <button type=\"submit\" class=\"btn btn--danger btn--small\" id=\"cancel-btn\" <?= $run['status'] !== 'running' ? 'disabled' : '' ?>>\n                Abbrechen\n            <\/button>\n        <\/form>\n        <span class=\"stall-warning\" id=\"stall-warning\" style=\"display: none;\">\n            Keine Aktivitaet seit 60s\n        <\/span>\n    <\/div>\n\n    <!-- Progress Bar -->\n    <?php\n    $total = (int) ($run['documents_total'] ?? 0);\n$processed = (int) ($run['documents_processed'] ?? 0);\n$progress = $total > 0 ? round(($processed \/ $total) * 100) : 0;\n?>\n    <div class=\"progress-bar\">\n        <div class=\"progress-bar__fill\" id=\"progress-fill\" style=\"width: <?= $progress ?>%\"><\/div>\n    <\/div>\n    <div class=\"progress-label\">\n        <span><span id=\"docs-processed\"><?= $processed ?><\/span>\/<span id=\"docs-total\"><?= $total ?><\/span> Dateien<\/span>\n        <span id=\"progress-percent\"><?= $progress ?>%<\/span>\n    <\/div>\n\n    <!-- Status Info -->\n    <ul class=\"status-info\">\n        <li><span class=\"status-info__label\">Schritt:<\/span> <span class=\"status-info__value\" id=\"current-step\"><?= htmlspecialchars($run['current_step'] ?? 'Initialisierung') ?><\/span><\/li>\n        <li><span class=\"status-info__label\">Dokument:<\/span> <span class=\"status-info__value\" id=\"current-document\"><?= htmlspecialchars($run['current_document'] ?? '-') ?><\/span><\/li>\n        <li><span class=\"status-info__label\">Zeit:<\/span> <span class=\"status-info__value\" id=\"elapsed-time\">00:00<\/span><\/li>\n        <li><span class=\"status-info__label\">ETA:<\/span> <span class=\"status-info__value\" id=\"eta-time\">-<\/span><\/li>\n        <li><span class=\"status-info__label\">Chunks:<\/span> <span class=\"status-info__value\" id=\"chunks-count\"><?= (int) ($run['chunks_created'] ?? 0) ?><\/span><\/li>\n        <li><span class=\"status-info__label\">Embeddings:<\/span> <span class=\"status-info__value\" id=\"embeddings-count\"><?= (int) ($run['embeddings_created'] ?? 0) ?><\/span><\/li>\n        <li><span class=\"status-info__label\">Fehler:<\/span> <span class=\"status-info__value status-info__value--danger\" id=\"failed-count\"><?= (int) ($run['documents_failed'] ?? 0) ?><\/span><\/li>\n    <\/ul>\n\n    <!-- Live Log -->\n    <div class=\"log-section\">\n        <h3>Live Log<\/h3>\n        <pre class=\"log-output\" id=\"log-output\"><?= htmlspecialchars($run['log_tail'] ?? 'Warte auf Ausgabe...') ?><\/pre>\n    <\/div>\n\n    <!-- Error Display -->\n    <div class=\"error-section\" id=\"error-section\" style=\"display: <?= $run['error_log'] ? 'block' : 'none' ?>;\">\n        <h3>Fehler<\/h3>\n        <pre class=\"error-output\" id=\"error-output\"><?= htmlspecialchars($run['error_log'] ?? '') ?><\/pre>\n    <\/div>\n\n<\/div>\n\n<style>\n.subtitle {\n    color: var(--text-muted, #666);\n    margin-top: -0.5rem;\n    margin-bottom: 1.5rem;\n}\n\n.status-page {\n    max-width: 800px;\n}\n\n.status-header {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin-bottom: 1.5rem;\n}\n\n.badge--large {\n    font-size: 1rem;\n    padding: 0.5rem 1rem;\n    text-transform: uppercase;\n}\n\n.badge[data-status=\"running\"] {\n    background: var(--info-color, #0066cc);\n    color: white;\n    animation: pulse 2s infinite;\n}\n\n.badge[data-status=\"completed\"] {\n    background: var(--success-color, #28a745);\n    color: white;\n}\n\n.badge[data-status=\"failed\"] {\n    background: var(--danger-color, #dc3545);\n    color: white;\n}\n\n.badge[data-status=\"cancelled\"] {\n    background: var(--warning-color, #ffc107);\n    color: #333;\n}\n\n@keyframes pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.7; }\n}\n\n.stall-warning {\n    background: var(--warning-bg, #fff3cd);\n    color: var(--warning-color, #856404);\n    padding: 0.25rem 0.5rem;\n    border-radius: 4px;\n    font-size: 0.85rem;\n    animation: blink 1s infinite;\n}\n\n@keyframes blink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.status-info {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 1.5rem 0;\n}\n\n.status-info li {\n    display: flex;\n    padding: 0.25rem 0;\n}\n\n.status-info__label {\n    color: var(--text-muted, #666);\n    min-width: 100px;\n}\n\n.status-info__value {\n    font-family: monospace;\n}\n\n.status-info__value--danger {\n    color: var(--danger-color, #dc3545);\n}\n\n.progress-bar {\n    height: 20px;\n    background: var(--bg-muted, #e9ecef);\n    border-radius: 10px;\n    overflow: hidden;\n    margin-bottom: 0.5rem;\n}\n\n.progress-bar__fill {\n    height: 100%;\n    background: var(--primary-color, #007bff);\n    transition: width 0.3s ease;\n}\n\n.progress-label {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.9rem;\n    color: var(--text-muted, #666);\n    margin-bottom: 1rem;\n}\n\n.log-section, .error-section {\n    margin-bottom: 1.5rem;\n}\n\n.log-section h3, .error-section h3 {\n    margin-bottom: 0.5rem;\n    font-size: 1rem;\n}\n\n.log-output {\n    background: var(--bg-dark, #1e1e1e);\n    color: var(--text-light, #d4d4d4);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 300px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n.error-output {\n    background: var(--danger-bg, #f8d7da);\n    color: var(--danger-color, #721c24);\n    padding: 1rem;\n    border-radius: 6px;\n    font-family: monospace;\n    font-size: 0.8rem;\n    max-height: 200px;\n    overflow-y: auto;\n    white-space: pre-wrap;\n}\n\n.status-header__cancel {\n    margin: 0;\n}\n\n@media (max-width: 600px) {\n    .status-cards, .stats-row {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    const container = document.getElementById('status-container');\n    const pollUrl = container.dataset.pollUrl;\n    let pollInterval = null;\n    let isTerminal = false;\n\n    \/\/ ETA calculation state\n    let progressHistory = [];\n\n    function calculateETA(data) {\n        \/\/ Calculate progress based on documents processed\n        const total = data.documents_total || 1;\n        const processed = data.documents_processed || 0;\n        const progress = processed \/ total;\n\n        \/\/ Track progress changes for rate calculation\n        const now = Date.now();\n        progressHistory.push({ time: now, progress: progress });\n\n        \/\/ Keep only last 10 data points\n        if (progressHistory.length > 10) {\n            progressHistory.shift();\n        }\n\n        \/\/ Need at least 2 points and some progress\n        if (progressHistory.length < 2 || progress <= 0) {\n            return '-';\n        }\n\n        \/\/ Calculate average rate over recent history\n        const oldest = progressHistory[0];\n        const newest = progressHistory[progressHistory.length - 1];\n        const timeDiff = (newest.time - oldest.time) \/ 1000; \/\/ seconds\n        const progressDiff = newest.progress - oldest.progress;\n\n        if (timeDiff <= 0 || progressDiff <= 0) {\n            return '-';\n        }\n\n        const rate = progressDiff \/ timeDiff; \/\/ progress per second\n        const remaining = 1 - progress;\n        const etaSeconds = Math.round(remaining \/ rate);\n\n        const hours = Math.floor(etaSeconds \/ 3600);\n        const minutes = Math.floor((etaSeconds % 3600) \/ 60);\n        const seconds = etaSeconds % 60;\n\n        return String(hours).padStart(2, '0') + ':' +\n               String(minutes).padStart(2, '0') + ':' +\n               String(seconds).padStart(2, '0');\n    }\n\n    function updateUI(data) {\n        \/\/ Status Badge\n        const badge = document.getElementById('status-badge');\n        badge.textContent = data.status;\n        badge.dataset.status = data.status;\n\n        \/\/ Stall Warning\n        document.getElementById('stall-warning').style.display = data.is_stalled ? 'inline' : 'none';\n\n        \/\/ Current Step & Document\n        document.getElementById('current-step').textContent = data.current_step || 'Warte...';\n        document.getElementById('current-document').textContent = data.current_document || '-';\n\n        \/\/ Time\n        document.getElementById('elapsed-time').textContent = data.elapsed_formatted || '00:00';\n\n        \/\/ ETA calculation\n        const eta = calculateETA(data);\n        document.getElementById('eta-time').textContent = eta;\n\n        \/\/ Progress Bar\n        document.getElementById('docs-processed').textContent = data.documents_processed;\n        document.getElementById('docs-total').textContent = data.documents_total;\n        document.getElementById('progress-percent').textContent = data.progress + '%';\n        document.getElementById('progress-fill').style.width = data.progress + '%';\n\n        \/\/ Stats\n        document.getElementById('chunks-count').textContent = data.chunks_created;\n        document.getElementById('embeddings-count').textContent = data.embeddings_created;\n        document.getElementById('failed-count').textContent = data.documents_failed;\n\n        \/\/ Log\n        if (data.log_tail) {\n            const logEl = document.getElementById('log-output');\n            logEl.textContent = data.log_tail;\n            logEl.scrollTop = logEl.scrollHeight;\n        }\n\n        \/\/ Error\n        if (data.error_log) {\n            document.getElementById('error-section').style.display = 'block';\n            document.getElementById('error-output').textContent = data.error_log;\n        }\n\n        \/\/ Cancel Button\n        document.getElementById('cancel... [TRUNCATED-962e919bdb1c5942]",
        "structuredPatch": [
            {
                "oldStart": 188,
                "oldLines": 7,
                "newStart": 188,
                "newLines": 8,
                "lines": [
                    "     border-radius: 6px;",
                    "     font-family: monospace;",
                    "     font-size: 0.8rem;",
                    "-    max-height: 300px;",
                    "+    max-height: 600px;",
                    "+    min-height: 200px;",
                    "     overflow-y: auto;",
                    "     white-space: pre-wrap;",
                    "     word-break: break-word;"
                ]
            }
        ],
        "userModified": false,
        "replaceAll": false
    }
}