Backup #980

Dateiinhalt

<?php
ob_start();
$orderModel = $order['model'] ?? 'claude-sonnet-4-20250514';
$orderCollections = json_decode($order['collections'] ?? '["documents"]', true) ?: ['documents'];
$orderContextLimit = (int) ($order['context_limit'] ?? 5);
?>

<nav class="breadcrumb">
    <a href="/content">Content Studio</a> &raquo; Auftrag #<?= $order['id'] ?>
</nav>

<h1><?= htmlspecialchars($order['title']) ?></h1>

<div class="info-grid">
    <div class="info-card">
        <h3>Auftrag</h3>
        <dl class="info-list">
            <dt>ID</dt><dd><?= $order['id'] ?></dd>
            <dt>Status</dt><dd><span class="badge badge--<?= $order['status'] ?>"><?= $order['status'] ?></span></dd>
            <dt>Erstellt</dt><dd><?= $order['created_at'] ?></dd>
        </dl>
    </div>
    <div class="info-card">
        <h3>KI-Einstellungen</h3>
        <dl class="info-list">
            <dt>Modell</dt><dd><?= htmlspecialchars($models[$orderModel] ?? $orderModel) ?></dd>
            <dt>Collections</dt><dd><?= htmlspecialchars(implode(', ', $orderCollections)) ?></dd>
            <dt>Quellen</dt><dd><?= $orderContextLimit ?></dd>
        </dl>
    </div>
    <div class="info-card">
        <h3>Content-Config</h3>
        <dl class="info-list">
            <dt>Profil</dt><dd><?= htmlspecialchars($order['profile_name'] ?? '-') ?></dd>
            <dt>Contract</dt><dd><?= htmlspecialchars($order['contract_name'] ?? '-') ?></dd>
            <dt>Struktur</dt><dd><?= htmlspecialchars($order['structure_name'] ?? '-') ?></dd>
        </dl>
    </div>
</div>

<h2>Briefing</h2>
<div class="briefing-box"><?= nl2br(htmlspecialchars($order['briefing'])) ?></div>

<h2>Aktionen</h2>
<div class="action-bar">
    <a href="/content/<?= $order['id'] ?>/edit" class="btn">Bearbeiten</a>
    <?php if (!$latestVersion): ?>
    <?php $isGenerating = ($order['generation_status'] ?? 'idle') === 'generating'; ?>
    <form method="POST" action="/content/<?= $order['id'] ?>/generate" class="inline-form generate-form" id="generate-form"
          hx-post="/content/<?= $order['id'] ?>/generate"
          hx-target="#content-result"
          hx-swap="innerHTML"
          hx-disabled-elt="find button">
        <?= $csrfField ?>
        <select name="model" class="form-select--inline" <?= $isGenerating ? 'disabled' : '' ?>>
            <?php foreach ($models ?? [] as $modelId => $modelName): ?>
            <option value="<?= $modelId ?>" <?= $modelId === $orderModel ? 'selected' : '' ?>><?= htmlspecialchars($modelName) ?></option>
            <?php endforeach; ?>
        </select>
        <?php
        $collections = $availableCollections ?? [];
        $selected = $orderCollections;
        $name = 'collection';
        $variant = 'inline';
        $multiple = false;
        include __DIR__ . '/../partials/form/collections-select.php';
        ?>
        <select name="context_limit" class="form-select--inline" <?= $isGenerating ? 'disabled' : '' ?>>
            <option value="3" <?= $orderContextLimit === 3 ? 'selected' : '' ?>>3 Quellen</option>
            <option value="5" <?= $orderContextLimit === 5 ? 'selected' : '' ?>>5 Quellen</option>
            <option value="10" <?= $orderContextLimit === 10 ? 'selected' : '' ?>>10 Quellen</option>
            <option value="15" <?= $orderContextLimit === 15 ? 'selected' : '' ?>>15 Quellen</option>
        </select>
        <button type="submit" class="btn btn--primary generate-btn <?= $isGenerating ? 'is-loading' : '' ?>" <?= $isGenerating ? 'disabled' : '' ?>>
            <span class="btn-text">Generieren</span>
            <span class="btn-loading"><span></span><span></span><span></span></span>
        </button>
    </form>
    <?php endif; ?>
    <?php if ($latestVersion): ?>
    <form method="POST" action="/content/<?= $order['id'] ?>/critique" class="inline-form"
          hx-post="/content/<?= $order['id'] ?>/critique"
          hx-target="#critique-result"
          hx-swap="innerHTML">
        <?= $csrfField ?>
        <select name="model" class="form-select--inline">
            <?php foreach ($models ?? [] as $modelId => $modelName): ?>
            <option value="<?= $modelId ?>" <?= $modelId === $orderModel ? 'selected' : '' ?>><?= htmlspecialchars($modelName) ?></option>
            <?php endforeach; ?>
        </select>
        <button type="submit" class="btn btn--light">Kritik-Runde</button>
    </form>
    <form method="POST" action="/content/<?= $order['id'] ?>/revise" class="inline-form"
          hx-post="/content/<?= $order['id'] ?>/revise"
          hx-target="#content-result"
          hx-swap="innerHTML">
        <?= $csrfField ?>
        <select name="model" class="form-select--inline">
            <?php foreach ($models ?? [] as $modelId => $modelName): ?>
            <option value="<?= $modelId ?>" <?= $modelId === $orderModel ? 'selected' : '' ?>><?= htmlspecialchars($modelName) ?></option>
            <?php endforeach; ?>
        </select>
        <button type="submit" class="btn btn--light">Revision</button>
    </form>
    <?php if (in_array($order['status'], ['validate', 'critique', 'revision'])): ?>
    <button class="btn btn--success" hx-post="/content/<?= $order['id'] ?>/approve" hx-swap="none" hx-on::after-request="location.reload()" hx-headers='{"X-CSRF-TOKEN": "<?= $csrfToken ?>"}'>Genehmigen</button>
    <button class="btn btn--danger" hx-post="/content/<?= $order['id'] ?>/decline" hx-swap="none" hx-on::after-request="location.reload()" hx-headers='{"X-CSRF-TOKEN": "<?= $csrfToken ?>"}'>Ablehnen</button>
    <?php endif; ?>
    <?php endif; ?>
</div>

<div id="content-result">
<?php if ($isGenerating ?? false): ?>
    <?php include __DIR__ . '/partials/generating.php'; ?>
<?php endif; ?>
</div>
<div id="critique-result"></div>

<?php if ($latestVersion):
    $contentData = json_decode($latestVersion['content'], true);
    $contentText = is_array($contentData) ? ($contentData['text'] ?? '') : $latestVersion['content'];
    ?>
<h2>Content (Version <?= $latestVersion['version_number'] ?>)</h2>
<div class="result-box">
    <div class="result-box__header">
        <strong>Version <?= $latestVersion['version_number'] ?></strong>
        <span><?= date('d.m.Y H:i', strtotime($latestVersion['created_at'])) ?></span>
    </div>
    <div class="result-box__content">
        <pre><?= htmlspecialchars($contentText) ?></pre>
    </div>
</div>
<?php endif; ?>

<?php if (!empty($critiques)): ?>
<h2>Kritiken</h2>
<table data-sortable>
    <thead>
        <tr>
            <th data-sort="round">Runde</th>
            <th data-sort="critic">Kritiker</th>
            <th data-sort="rating">Bewertung</th>
            <th data-sort="status">Status</th>
            <th data-sort="summary">Zusammenfassung</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($critiques as $c): ?>
        <tr>
            <td><?= $c['round'] ?? '-' ?></td>
            <td><?= htmlspecialchars($c['critic_name'] ?? '-') ?></td>
            <td><?= $c['rating'] ?? '-' ?>/10</td>
            <td><span class="badge badge--<?= ($c['passed'] ?? false) ? 'completed' : 'failed' ?>"><?= ($c['passed'] ?? false) ? 'Bestanden' : 'Offen' ?></span></td>
            <td><?= htmlspecialchars($c['summary'] ?? '-') ?></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php endif; ?>

<?php if (!empty($sources)): ?>
<h2>Quellen (RAG)</h2>
<table data-sortable>
    <thead>
        <tr>
            <th data-sort="document">Dokument</th>
            <th data-sort="score">Relevanz</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($sources as $s): ?>
        <tr>
            <td><?= htmlspecialchars($s['document_name'] ?? 'Unbekannt') ?></td>
            <td><?= round(($s['relevance_score'] ?? 0) * 100) ?>%</td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php endif; ?>

<?php if (count($versions) > 1): ?>
<h2>Versionshistorie</h2>
<table data-sortable>
    <thead>
        <tr>
            <th data-sort="version">Version</th>
            <th data-sort="created">Erstellt</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($versions as $v): ?>
        <tr>
            <td>V<?= $v['version_number'] ?></td>
            <td><?= date('d.m.Y H:i', strtotime($v['created_at'])) ?></td>
        </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php endif; ?>

<p style="margin-top: 2rem;"><a href="/content">&larr; Zurück zur Übersicht</a></p>

<style>
.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-md); margin-bottom: var(--space-lg); }
.info-card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 8px; padding: var(--space-md); }
.info-card h3 { margin: 0 0 var(--space-sm) 0; font-size: 0.9rem; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.info-list { display: grid; grid-template-columns: auto 1fr; gap: var(--space-xs) var(--space-sm); margin: 0; }
.info-list dt { color: var(--color-text-muted); font-size: 0.85rem; }
.info-list dd { margin: 0; font-weight: 500; }
.briefing-box { background: var(--color-bg-muted); border-radius: 8px; padding: var(--space-md); margin-bottom: var(--space-lg); line-height: 1.6; }
.action-bar { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: center; margin-bottom: var(--space-lg); }
.inline-form { display: flex; gap: var(--space-xs); align-items: center; }
.form-select--inline { padding: 0.4rem 0.6rem; font-size: 0.85rem; border-radius: 4px; }

/* Generate Button Animation */
.generate-btn .btn-text { display: inline; }
.generate-btn .btn-loading { display: none; gap: 3px; justify-content: center; align-items: center; }
.generate-btn.is-loading .btn-text { display: none; }
.generate-btn.is-loading .btn-loading { display: inline-flex; }
.generate-btn .btn-loading span {
    width: 6px; height: 6px;
    background: currentColor;
    border-radius: 50%;
    animation: btn-bounce 1.4s infinite ease-in-out both;
}
.generate-btn .btn-loading span:nth-child(1) { animation-delay: -0.32s; }
.generate-btn .btn-loading span:nth-child(2) { animation-delay: -0.16s; }
.generate-btn .btn-loading span:nth-child(3) { animation-delay: 0s; }
@keyframes btn-bounce {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}
</style>

<script>
document.body.addEventListener('htmx:beforeRequest', function(evt) {
    if (evt.detail.elt.classList.contains('generate-form')) {
        const btn = evt.detail.elt.querySelector('.generate-btn');
        if (btn) {
            btn.disabled = true;
            btn.classList.add('is-loading');
        }
    }
});
</script>

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

Vollständig herunterladen

Aktionen

Andere Versionen dieser Datei

← Zurück zur Übersicht