kryten-webqueue 0.35.1__tar.gz → 0.35.3__tar.gz

{kryten_webqueue-0.35.1 → kryten_webqueue-0.35.3}/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 ## [Unreleased]
 
+## [0.35.3] - 2026-08-13
+
+### Added
+
+- **Job run detail view.** Every row in the "Recent Job Runs" table now has an
+  ℹ button that opens a modal with the full output for that run.
+  - **Pipeline enrichment reports** are rendered as a per-step table
+    (Processed / Changed / Skipped / Failed) with any per-step error messages
+    shown inline beneath their row.
+  - **In-progress snapshots** are clearly labelled as such with a ⏳ indicator
+    and show the last heartbeat values while the job is still running.
+  - **Legacy / other job results** fall back to pretty-printed JSON.
+- **Summary column** now understands the `catalog_enrich` report format and
+  shows a compact per-step summary (e.g. `classify: 5200✓ · meta: 1500✓ (42s)`).
+  An ⏳ prefix marks an in-progress heartbeat.
+- Runs table shows 15 rows (up from 10) and marks still-running rows with an
+  amber "running…" indicator instead of a blank ended-at cell.
+
+## [0.35.2] - 2026-08-13
+
+### Fixed
+
+- **Job / schedule modals no longer clip off-screen.** The job-runner and
+  schedule parameter dialogs could grow taller than the viewport, pushing
+  the Cancel/Save/Run buttons below the fold where they were unreachable.
+
+  - `.modal-box` is now a flex column capped at `90vh` with `max-width`
+    widened from 420 px to 540 px.
+  - All scrollable content is wrapped in a `.modal-body` div that absorbs
+    the overflow; the action buttons are pinned at the bottom with a
+    separator line and `flex-shrink: 0`, so they are always reachable
+    regardless of how many parameters a job defines.
+
 ## [0.35.1] - 2026-08-13
 
 ### Fixed

{kryten_webqueue-0.35.1 → kryten_webqueue-0.35.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: kryten-webqueue
-Version: 0.35.1
+Version: 0.35.3
 Summary: Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube
 Author: grobertson
 License-Expression: MIT

{kryten_webqueue-0.35.1 → kryten_webqueue-0.35.3}/kryten_webqueue/static/css/main.css

@@ -1357,10 +1357,20 @@ a.np-chip {
     box-shadow: var(--shadow);
     padding: 1.5rem;
     width: 100%;
-    max-width: 420px;
+    max-width: 540px;
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+}
+.modal-body {
+    overflow-y: auto;
+    flex: 1;
+    min-height: 0;
+    padding-right: 0.25rem; /* breathing room beside scrollbar */
 }
 .modal-box h3 {
     margin-bottom: 1rem;
+    flex-shrink: 0;
 }
 .modal-actions {
     display: flex;
@@ -1368,6 +1378,9 @@ a.np-chip {
     justify-content: flex-end;
     flex-wrap: wrap;
     margin-top: 1.25rem;
+    padding-top: 0.75rem;
+    border-top: 1px solid var(--border);
+    flex-shrink: 0;
 }
 .btn-secondary {
     background: var(--bg-card);

{kryten_webqueue-0.35.1 → kryten_webqueue-0.35.3}/kryten_webqueue/static/js/admin.js

@@ -86,7 +86,7 @@ async function openJobRunnerModal(job) {
     overlay.innerHTML = `
         <div class="modal-box" role="dialog" aria-modal="true">
             <h3>Run: ${escapeHtml(job.label)}</h3>
-            <div class="job-params">${job.schema.map(f => _jobFieldHtml(f)).join('')}</div>
+            <div class="modal-body"><div class="job-params">${job.schema.map(f => _jobFieldHtml(f)).join('')}</div></div>
             <div class="modal-actions">
                 <button class="btn btn-secondary" data-action="cancel">Cancel</button>
                 <button class="btn btn-primary" data-action="run">Run</button>
@@ -159,6 +159,7 @@ async function openScheduleModal(jobName) {
     overlay.innerHTML = `
         <div class="modal-box" role="dialog" aria-modal="true">
             <h3>${existing ? 'Edit' : 'Create'} Schedule: ${escapeHtml(job.label)}</h3>
+            <div class="modal-body">
             <label class="field">
                 <span>Cron expression <small style="font-weight:normal;opacity:.7">(min hour dom mon dow, UTC)</small></span>
                 <input type="text" id="sched-cron" placeholder="0 21 * * 4" value="${cronVal}" autocomplete="off">
@@ -168,6 +169,7 @@ async function openScheduleModal(jobName) {
                 <span>Active</span>
             </label>
             ${paramFields ? `<details ${existing ? 'open' : ''}><summary style="cursor:pointer;margin:.5rem 0">Job parameters</summary><div class="job-params">${paramFields}</div></details>` : ''}
+            </div>
             <div class="modal-actions">
                 <button class="btn btn-secondary" data-action="cancel">Cancel</button>
                 <button class="btn btn-primary" data-action="save">Save</button>
@@ -279,23 +281,33 @@ async function loadJobs() {
             : '<p>No jobs registered</p>';
     }
 
-    // Recent job-run history
-    const rResp = await fetch('/admin/jobs/runs?limit=10');
+    // Recent job-run history — table includes an expand button for full output
+    const rResp = await fetch('/admin/jobs/runs?limit=15');
     if (rResp.ok) {
         const runs = await rResp.json();
         const el = document.getElementById('job-runs');
         if (runs.length > 0) {
             el.innerHTML = `<table class="admin-table">
-                <tr><th>Job</th><th>Started</th><th>Ended</th><th>Status</th><th>Detail</th></tr>
-                ${runs.map(r => `
+                <tr><th>Job</th><th>Started</th><th>Ended</th><th>Status</th><th>Detail</th><th></th></tr>
+                ${runs.map(r => {
+                    const summary = escapeHtml(summarizeRunDetail(r.detail));
+                    const hasDetail = r.detail && r.detail.length > 2;
+                    const expandBtn = hasDetail
+                        ? `<button class="btn btn-sm" onclick="showRunDetail(${r.id})" title="View full output">\u2139</button>`
+                        : '';
+                    const endedCell = r.ended_at
+                        ? formatLocalDateTime(r.ended_at)
+                        : `<span style="color:var(--warning)">running\u2026</span>`;
+                    return `
                     <tr>
                         <td>${escapeHtml(r.job_name || '')}</td>
                         <td>${formatLocalDateTime(r.started_at)}</td>
-                        <td>${r.ended_at ? formatLocalDateTime(r.ended_at) : '—'}</td>
+                        <td>${endedCell}</td>
                         <td><span class="job-status job-status-${escapeHtml(r.status || '')}">${escapeHtml(r.status || '')}</span></td>
-                        <td class="job-detail">${escapeHtml(summarizeRunDetail(r.detail))}</td>
-                    </tr>
-                `).join('')}
+                        <td class="job-detail">${summary}</td>
+                        <td>${expandBtn}</td>
+                    </tr>`;
+                }).join('')}
             </table>`;
         } else {
             el.innerHTML = '<p>No job runs yet</p>';
@@ -303,6 +315,81 @@ async function loadJobs() {
     }
 }
 
+// Run-detail cache so we don't re-fetch on re-open.
+const RUN_DETAIL_CACHE = {};
+
+async function showRunDetail(runId) {
+    if (!RUN_DETAIL_CACHE[runId]) {
+        const resp = await fetch('/admin/jobs/runs?limit=50');
+        if (resp.ok) { (await resp.json()).forEach(r => { RUN_DETAIL_CACHE[r.id] = r; }); }
+    }
+    const run = RUN_DETAIL_CACHE[runId];
+    if (!run) { showToast('Run not found', 'error'); return; }
+
+    const existingModal = document.getElementById('run-detail-modal');
+    if (existingModal) existingModal.remove();
+
+    let d = null;
+    try { d = run.detail ? JSON.parse(run.detail) : null; } catch (e) {}
+
+    let bodyHtml;
+    if (d && d.steps_run && d.steps) {
+        // Pipeline enrichment final report — render as a table
+        const dryBadge = d.dry_run
+            ? ' <span style="color:var(--warning);font-size:.8rem">(dry run \u2014 no writes)</span>' : '';
+        const elapsed = d.elapsed_sec ? ` \u00b7 ${d.elapsed_sec}s elapsed` : '';
+        const rowsHtml = d.steps_run.map(s => {
+            const r = d.steps[s];
+            if (!r) return '';
+            const errs = (r.errors || []).map(e =>
+                `<div style="font-size:.78rem;color:var(--danger);padding:.15rem 0">${escapeHtml(e)}</div>`
+            ).join('');
+            return `<tr>
+                <td><strong>${escapeHtml(s)}</strong></td>
+                <td>${r.processed}</td>
+                <td>${r.changed}</td>
+                <td>${r.skipped}</td>
+                <td style="${r.failed ? 'color:var(--danger)' : ''}">${r.failed || 0}</td>
+            </tr>${errs ? `<tr><td colspan="5" style="padding:0 0 .5rem 1.5rem">${errs}</td></tr>` : ''}`;
+        }).join('');
+        bodyHtml = `
+            <p style="margin-bottom:.75rem">
+                Steps: <strong>${escapeHtml(d.steps_run.join(' \u2192 '))}</strong>${dryBadge}<br>
+                Total items: <strong>${(d.total_items || 0).toLocaleString()}</strong>${elapsed}
+            </p>
+            <table class="admin-table">
+                <tr><th>Step</th><th>Processed</th><th>Changed</th><th>Skipped</th><th>Failed</th></tr>
+                ${rowsHtml}
+            </table>`;
+    } else if (d && d.step && typeof d.processed === 'number') {
+        // In-progress heartbeat snapshot
+        bodyHtml = `<p style="color:var(--warning)">\u23f3 Job still running — last progress snapshot:</p>
+            <pre style="white-space:pre-wrap;font-size:.82rem">${escapeHtml(JSON.stringify(d, null, 2))}</pre>`;
+    } else {
+        // Generic / legacy format
+        const raw = typeof run.detail === 'string' ? run.detail : JSON.stringify(run.detail, null, 2);
+        bodyHtml = `<pre style="white-space:pre-wrap;font-size:.82rem">${escapeHtml(raw)}</pre>`;
+    }
+
+    const overlay = document.createElement('div');
+    overlay.id = 'run-detail-modal';
+    overlay.className = 'modal-overlay';
+    overlay.innerHTML = `
+        <div class="modal-box" role="dialog" aria-modal="true">
+            <h3>${escapeHtml(run.job_name || 'Run')} \u2014 ${escapeHtml(run.status || '')}
+                <span style="font-size:.75rem;font-weight:400;opacity:.7">#${run.id}</span></h3>
+            <div class="modal-body">${bodyHtml}</div>
+            <div class="modal-actions">
+                <button class="btn btn-secondary" data-action="close">Close</button>
+            </div>
+        </div>`;
+    overlay.addEventListener('click', e => {
+        if (e.target === overlay || e.target.getAttribute('data-action') === 'close')
+            overlay.remove();
+    });
+    document.body.appendChild(overlay);
+}
+
 async function loadAdminData() {
     // Queue status
     const qResp = await fetch('/queue/state');
@@ -374,8 +461,7 @@ function connectAdminWebSocket() {
     }, 30000);
 }
 
-// Summarize a job_runs.detail JSON blob for the history table. Prefers a
-// failure message, otherwise a compact success summary.
+// Summarize a job_runs.detail JSON blob for the history table.
 function summarizeRunDetail(detail) {
     if (!detail) return '';
     let d;
@@ -383,6 +469,26 @@ function summarizeRunDetail(detail) {
     catch { return String(detail).slice(0, 160); }
     if (d && d.error) return d.error;
     if (d && typeof d === 'object') {
+        // Pipeline in-progress heartbeat
+        if (d.step && typeof d.processed === 'number') {
+            const bits = [`${d.step}: ${d.processed} processed`];
+            if (d.changed) bits.push(`${d.changed} changed`);
+            if (d.failed) bits.push(`${d.failed} failed`);
+            return '\u23f3 ' + bits.join(', ');
+        }
+        // Pipeline final report
+        if (d.steps_run && d.steps) {
+            const tag = d.dry_run ? ' [dry run]' : '';
+            const elapsed = d.elapsed_sec ? ` (${d.elapsed_sec}s)` : '';
+            const parts = d.steps_run.filter(s => d.steps[s] && d.steps[s].processed).map(s => {
+                const r = d.steps[s];
+                const bits = [];
+                if (r.changed) bits.push(`${r.changed}\u2713`);
+                if (r.failed) bits.push(`${r.failed}\u2717`);
+                return `${s}: ${bits.join(' ') || r.processed}`;
+            });
+            return parts.join(' \u00b7 ') + elapsed + tag;
+        }
         const parts = [];
         if (d.sheet) parts.push(d.sheet);
         if (d.imported_playlists && d.imported_playlists.length) parts.push(`imported: ${d.imported_playlists.join(', ')}`);

{kryten_webqueue-0.35.1 → kryten_webqueue-0.35.3}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kryten-webqueue"
-version = "0.35.1"
+version = "0.35.3"
 description = "Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube"
 readme = "README.md"
 license = "MIT"