Backup #473

Dateiinhalt

<?php ob_start(); ?>

<h1>Pipeline: <?= htmlspecialchars($pipeline['name']) ?></h1>

<?php if ($pipeline['is_default']): ?>
<span class="badge badge--success">Standard-Pipeline</span>
<?php endif; ?>

<div class="page-actions">
    <a href="/content-pipeline/<?= $pipeline['id'] ?>/edit" class="btn btn--secondary">Bearbeiten</a>
    <form action="/content-pipeline/<?= $pipeline['id'] ?>/run" method="POST" style="display:inline;">
        <input type="hidden" name="_csrf" value="<?= htmlspecialchars($_SESSION['_csrf_token'] ?? '') ?>">
        <button type="submit" class="btn btn--primary">Pipeline starten</button>
    </form>
</div>

<?php if ($pipeline['description']): ?>
<p><?= htmlspecialchars($pipeline['description']) ?></p>
<?php endif; ?>

<div class="info-grid">
    <div class="info-item">
        <span class="info-label">Quelle</span>
        <span class="info-value"><?= htmlspecialchars($pipeline['source_path']) ?></span>
    </div>
    <div class="info-item">
        <span class="info-label">Dateitypen</span>
        <span class="info-value"><?= implode(', ', $pipeline['extensions'] ?? []) ?></span>
    </div>
    <div class="info-item">
        <span class="info-label">Erstellt</span>
        <span class="info-value"><?= $pipeline['created_at'] ?? '-' ?></span>
    </div>
    <div class="info-item">
        <span class="info-label">Aktualisiert</span>
        <span class="info-value"><?= $pipeline['updated_at'] ?? '-' ?></span>
    </div>
</div>

<h2>Pipeline-Schritte</h2>

<table>
    <thead>
        <tr>
            <th>#</th>
            <th>Schritt</th>
            <th>Phase</th>
            <th>Modell</th>
            <th>Zielspeicher</th>
            <th>Konfiguration</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($pipeline['steps'] as $step): ?>
        <?php
            $meta = $stepTypes[$step['step_type']] ?? ['label' => $step['step_type'], 'description' => '', 'phase' => '-', 'storage' => null];
            $config = $step['config'] ?? [];

            // Aktuelles Modell ermitteln (mit ollama: Prefix für Dropdown)
            $currentModel = null;
            $usesVision = $meta['uses_vision'] ?? false;
            $usesLlm = $meta['uses_llm'] ?? false;

            if (!empty($config['model'])) {
                $isAnthropic = str_contains($config['model'], 'claude') || ($config['provider'] ?? '') === 'anthropic';
                $currentModel = $isAnthropic ? $config['model'] : 'ollama:' . $config['model'];
            }

            // Config ohne model/provider für kompaktere Anzeige
            $displayConfig = array_filter($config, fn ($k) => !in_array($k, ['provider', 'model']), ARRAY_FILTER_USE_KEY);

            // Zielspeicher mit dynamischen Werten ersetzen
            $storage = $meta['storage'] ?? null;
            if ($storage !== null && isset($config['collection'])) {
                $storage = str_replace('{collection}', $config['collection'], $storage);
            }
            ?>
        <tr data-step-id="<?= $step['id'] ?>">
            <td><?= $step['sort_order'] ?></td>
            <td>
                <strong><?= $meta['label'] ?></strong>
                <br>
                <small><?= $meta['description'] ?></small>
            </td>
            <td><?= $meta['phase'] ?></td>
            <td class="model-cell">
                <?php if ($currentModel !== null || $usesVision || $usesLlm): ?>
                <?php
                        $selected = $currentModel ?? ($usesVision ? \Infrastructure\AI\ModelConfig::DEFAULT_VISION_MODEL : \Infrastructure\AI\ModelConfig::DEFAULT_MODEL);
                    $models = $usesVision ? \Infrastructure\AI\ModelConfig::VISION_MODELS : \Infrastructure\AI\ModelConfig::getAll();
                    $name = 'model';
                    $variant = 'compact';
                    $id = 'model-step-' . $step['id'];
                    $saveToLocalStorage = false;
                    include VIEW_PATH . '/partials/form/model-select.php';
                    ?>
                <?php else: ?>
                <span class="text-muted">-</span>
                <?php endif; ?>
            </td>
            <td class="storage-cell">
                <?php if ($storage): ?>
                <code class="storage-code"><?= htmlspecialchars($storage) ?></code>
                <?php else: ?>
                <span class="text-muted">-</span>
                <?php endif; ?>
            </td>
            <td>
                <?php if ($displayConfig): ?>
                <code class="config-code"><?= htmlspecialchars(json_encode($displayConfig, JSON_UNESCAPED_UNICODE)) ?></code>
                <?php else: ?>
                <span class="text-muted">-</span>
                <?php endif; ?>
            </td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>

<h2>Ausführungen</h2>

<?php if (!empty($runs)): ?>
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Status</th>
            <th>Gestartet</th>
            <th>Beendet</th>
            <th>Dokumente</th>
            <th>Chunks</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($runs as $run): ?>
        <tr>
            <td>#<?= $run['id'] ?></td>
            <td>
                <span class="badge badge--<?= $run['status'] === 'completed' ? 'success' : ($run['status'] === 'failed' ? 'danger' : ($run['status'] === 'running' ? 'warning' : 'muted')) ?>">
                    <?= $run['status'] ?>
                </span>
            </td>
            <td><?= $run['started_at'] ?? '-' ?></td>
            <td><?= $run['completed_at'] ?? '-' ?></td>
            <td>
                <?= $run['documents_processed'] ?? 0 ?>/<?= $run['documents_total'] ?? 0 ?>
                <?php if (($run['documents_failed'] ?? 0) > 0): ?>
                <span class="text-danger">(<?= $run['documents_failed'] ?> Fehler)</span>
                <?php endif; ?>
            </td>
            <td><?= $run['chunks_created'] ?? 0 ?></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php else: ?>
<p class="empty-state empty-state--small">Noch keine Ausführungen vorhanden.</p>
<?php endif; ?>

<p class="links-bar">
    <a href="/content-pipeline">Zurück zur Übersicht</a>
</p>

<style>
.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1rem 0 2rem;
}
.info-item {
    background: var(--bg-muted, #f5f5f5);
    padding: 0.75rem;
    border-radius: 6px;
}
.info-label {
    display: block;
    font-size: 0.8rem;
    color: var(--text-muted, #666);
}
.info-value {
    font-weight: 500;
}
.config-code,
.storage-code {
    font-size: 0.75rem;
    max-width: 200px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.config-code:hover,
.storage-code:hover {
    white-space: normal;
    word-break: break-all;
}
.storage-cell {
    min-width: 150px;
}
.storage-code {
    color: var(--color-primary, #0066cc);
    background: var(--bg-muted, #f5f5f5);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
}
.model-cell .form-select--compact {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    min-width: 140px;
}
.model-cell .form-select--compact.is-saving {
    opacity: 0.6;
    pointer-events: none;
}
.model-cell .form-select--compact.is-saved {
    border-color: var(--color-success, #28a745);
    animation: flash-success 0.5s;
}
@keyframes flash-success {
    0% { background-color: var(--color-success-light, #d4edda); }
    100% { background-color: transparent; }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const pipelineId = <?= (int) $pipeline['id'] ?>;

    // Model-Dropdowns
    document.querySelectorAll('.model-cell select').forEach(select => {
        select.addEventListener('change', async function() {
            const row = this.closest('tr');
            const stepId = row.dataset.stepId;
            const model = this.value;

            this.classList.add('is-saving');

            try {
                const response = await fetch(`/content-pipeline/${pipelineId}/steps/${stepId}/model`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                    body: 'model=' + encodeURIComponent(model)
                });

                const data = await response.json();

                if (data.success) {
                    this.classList.remove('is-saving');
                    this.classList.add('is-saved');
                    setTimeout(() => this.classList.remove('is-saved'), 500);

                    // Speichere in localStorage für User-Präferenz
                    localStorage.setItem('pipeline_default_model', model);
                } else {
                    alert('Fehler: ' + (data.error || 'Unbekannter Fehler'));
                    this.classList.remove('is-saving');
                }
            } catch (error) {
                alert('Speichern fehlgeschlagen: ' + error.message);
                this.classList.remove('is-saving');
            }
        });
    });

    // User-Präferenz für neues Standard-Modell laden
    const savedModel = localStorage.getItem('pipeline_default_model');
    if (savedModel) {
        console.log('Gespeichertes Standard-Modell:', savedModel);
    }
});
</script>

<?php $content = ob_get_clean(); ?>
<?php require VIEW_PATH . '/layout.php'; ?>

Vollständig herunterladen

Aktionen

Andere Versionen dieser Datei

← Zurück zur Übersicht