baae383c76
CEO ask #5 complete: browsable paginated run list + full input/output inspection per pipeline stage. ## What was built ### Generations list (prautoblogger-gen-history) Hidden admin page (options.php-parent, priority 14) showing all pipeline runs newest first, 20 per page. Each row: article title (linked to dossier when a post exists), start date, status chip, distinct model(s), settled cost, duration. Queries bounded (LIMIT/OFFSET) — no unbounded SELECT *. New files: - includes/admin/class-gen-history-query.php — paginated run list + per-run I/O queries - includes/admin/class-gen-history-page.php — hidden admin page + asset enqueue - assets/css/gen-history.css, assets/js/gen-history.js — table + drill-down UI - templates/admin/gen-history-page.php — HTML template ### Per-step input + output drill-down (Stage I/O) 'Stage I/O' toggle opens an AJAX-loaded inline panel. For each generation_log stage: - input_system: system-role message content from generation_log.request_json - input_user: last user-role message from request_json (rendered instruction) - output: model response from run_stages.meta_json.output - output_pruned: true when meta_json present but output key absent (retention prune) New AJAX endpoint: prautoblogger_gen_run_io (manage_options + nonce) New file: includes/ajax/class-gen-run-io-handler.php ### gen-log INPUT/OUTPUT coverage verified - INPUT: generation_log.request_json stores the chat body WITHOUT the Authorization header (Request_Recorder captures body after build_body(), before headers are added). System + user message content extracted and surfaced. - OUTPUT: run_stages.meta_json.output is the LLM response text (Run_Stage_State::done()). Image/log-only stages (image_a, image_b, llm_research, image_prompt_rewrite) have no run_stages row; output is null, NOT pruned. Pruned outputs are flagged honestly. ### Dossier as entry point Runs with a linked post show a 'Dossier' button deep-linking into the existing dossier (which renders full per-stage I/O with editorial context). Stage I/O is complementary — works for failed/orphan runs and provides the same data in a lighter inline UI. ### Stage-list-driven Stage labels via Stage_Display_Map::label() — Phase 2b curate/seo appear automatically. ### Dead prautoblogger_pipeline_history endpoint Not dead — it IS used by pipeline-settings.js for prompt version history (M3 feature). Left in place. No dangling endpoint. ## M3 P2 sweep - Removed dead data-preview-nonce and data-diff-nonce HTML attrs from pipeline-settings-prompt-panel.php (JS uses prabPipeline.*Nonce from wp_localize_script, not data-* attrs — confirmed by grep). - Removed 3 redundant wp_create_nonce() calls from class-pipeline-settings-renderer.php (preview_nonce, history_nonce, diff_nonce keys that fed the now-removed dead attrs). - Updated CONTEXT.md: added M3 + M4 terminology tables. - Updated ARCHITECTURE.md: added ajax/ section to file tree; M3/M4 design notes. - Updated INFORMATION-ARCHITECTURE.md: prautoblogger-gen-history entry. ## Security - manage_options cap + prautoblogger_gen_run_io nonce on the AJAX endpoint. - All output esc_html()/esc_url() server-side before JSON-encoding. - JS renders prompt/response text via textContent — never innerHTML. - No writes from history UI; request_json never contains auth headers. ## Version: v0.25.0 → v0.26.0 Agent-Session: pipeline-settings-m4
184 lines
3.4 KiB
CSS
184 lines
3.4 KiB
CSS
/**
|
|
* Generation History page — PRAutoBlogger M4.
|
|
*
|
|
* Minimal styles for the run list table and the Stage I/O drill-down panel.
|
|
* Colour tokens: uses WordPress admin colour-scheme variables where available
|
|
* and falls back to neutral greys.
|
|
*/
|
|
|
|
.prab-gen-history {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.prab-gen-history__subtitle {
|
|
color: #646970;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
|
|
/* Run list table */
|
|
.prab-gen-history__table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.prab-gen-history__table th,
|
|
.prab-gen-history__table td {
|
|
vertical-align: top;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.prab-gen-history__no-title {
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
|
|
.prab-gen-history__models {
|
|
max-width: 200px;
|
|
}
|
|
|
|
.prab-gen-history__models span {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 190px;
|
|
}
|
|
|
|
/* Actions column */
|
|
.prab-gen-history__actions {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.prab-gen-history__actions .button {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
/* Stage I/O row — hidden by default, shown on toggle */
|
|
.prab-gen-history__io-row td {
|
|
padding: 0;
|
|
border-top: none;
|
|
}
|
|
|
|
.prab-gen-history__io-panel {
|
|
padding: 16px;
|
|
background: #f8f9fa;
|
|
border-top: 1px solid #dcdcde;
|
|
}
|
|
|
|
.prab-gen-history__io-loading {
|
|
color: #646970;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Stage chip within the I/O panel */
|
|
.prab-io-stage {
|
|
margin-bottom: 20px;
|
|
border: 1px solid #dcdcde;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.prab-io-stage__header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 10px 14px;
|
|
background: #f0f0f1;
|
|
border-bottom: 1px solid #dcdcde;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.prab-io-stage__label {
|
|
font-weight: 600;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.prab-io-stage__meta {
|
|
font-size: 12px;
|
|
color: #646970;
|
|
}
|
|
|
|
.prab-io-stage__body {
|
|
padding: 14px;
|
|
}
|
|
|
|
.prab-io-section {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.prab-io-section__title {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
color: #646970;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.prab-io-section__text {
|
|
font-family: monospace;
|
|
font-size: 12px;
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
background: #f6f7f7;
|
|
border: 1px solid #dcdcde;
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
margin: 0;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.prab-io-section__text--missing {
|
|
color: #888;
|
|
font-style: italic;
|
|
font-family: inherit;
|
|
white-space: normal;
|
|
background: transparent;
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Status chip reuse from dossier */
|
|
.prab-chip {
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
border-radius: 12px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.prab-chip--done { background: #d1fae5; color: #065f46; }
|
|
.prab-chip--failed { background: #fee2e2; color: #991b1b; }
|
|
.prab-chip--running { background: #dbeafe; color: #1e40af; }
|
|
.prab-chip--pending { background: #f3f4f6; color: #6b7280; }
|
|
.prab-chip--halted { background: #fef9c3; color: #92400e; }
|
|
.prab-chip--success { background: #d1fae5; color: #065f46; }
|
|
.prab-chip--error { background: #fee2e2; color: #991b1b; }
|
|
|
|
/* Pagination */
|
|
.prab-gen-history__pagination {
|
|
margin-top: 16px;
|
|
display: flex;
|
|
gap: 6px;
|
|
align-items: center;
|
|
}
|
|
|
|
.prab-gen-history__pagination a,
|
|
.prab-gen-history__page-current {
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
border-radius: 3px;
|
|
border: 1px solid #dcdcde;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.prab-gen-history__page-current {
|
|
background: #2271b1;
|
|
color: #fff;
|
|
border-color: #2271b1;
|
|
font-weight: 600;
|
|
}
|