PR Vision v0.3.0: per-call cost accountability + LLM call audit trail
P0 security: - PRV_Gateway_Client: remove response body from RuntimeException (HTTP status only) - PRV_Capture_Writer: allowlist-only write (prompt/response text, never headers/auth) - Mandatory capture order: can_afford → probe → persist_result → update_row_cost → write_meta → capture_io - capture_io last and wrapped in swallowing try/catch New tables (SCHEMA_VERSION 3): - prv_call_meta: cost/metadata per call, kept indefinitely - prv_call_io: rendered prompt + raw response, pruned on retention window (default 90d) New classes: - PRV_Call_Meta_Table, PRV_Call_Io_Table: table schema + dbDelta - PRV_Capture_Writer: metadata + I/O write; security allowlist enforced - PRV_Prune_Cron: daily prv_daily_prune cron deletes aged prv_call_io rows only - PRV_Cost_Rollup_Query: MTD summary, model breakdown, drill-down, projection - PRV_Call_Log_Query: paginated + filtered call-log query + per-call I/O fetch - PRV_Costs_Page + PRV_Costs_Renderer: Costs admin sub-page (cap progress, bento, model table, drill-down) - PRV_Call_Log_Page + PRV_Call_Log_Table_Renderer: Call Log admin sub-page (filter bar, paginated table, WCAG AA pagination) - PRV_Call_Drawer_Renderer: non-modal complementary drawer (5 states: Normal/Pruned/Legacy/Failed/Loading) - PRV_Call_Drawer_Script: inline JS for drawer (300-line split from renderer) - PRV_Call_Detail_Ajax: wp_ajax_prv_call_detail AJAX handler - PRV_Admin_Page_Css: CSS provider (300-line split from PRV_Admin_Page) - PRV_Probe_Run_Executor: inner probe loop (300-line split from PRV_Probe_Runner) Updated: - PRV_Probe_Result: tokens_in/tokens_out params + getters - Both providers: report tokens_in/tokens_out from usage.prompt_tokens/completion_tokens - PRV_Probe_Runner: slimmed to lock+UUID+delegation; injects PRV_Capture_Writer - PRV_Config: get_io_retention_days(); PRV_IO_RETENTION_DEFAULT_DAYS constant - PRV_Upgrader/Activator/Deactivator/Plugin: register new tables, cron, pages, AJAX - Settings: retention days field + save in controller - uninstall.php: DROP both new tables, clear prv_daily_prune cron - Subnav 4-tab strip (Dashboard | Costs | Call Log | Settings) on all pages - ARCHITECTURE.md, CHANGELOG.md, CONTEXT.md, CONVENTIONS.md updated Tests: - test-capture-writer.php: write_meta, write_io, P0 security (401 record has no key/Bearer/sk-or-) - test-cost-audit.php: MTD reconciliation, projection, prune, forced capture_io exception, table drops Agent-Session: peptiderepo-geomonitor-v0.3.0-cost-audit
This commit is contained in:
114
includes/core/class-prv-call-drawer-script.php
Normal file
114
includes/core/class-prv-call-drawer-script.php
Normal file
@@ -0,0 +1,114 @@
|
||||
<?php
|
||||
/**
|
||||
* Inline JS for the PR Vision call-detail drawer (v0.3.0).
|
||||
*
|
||||
* @package PrVision
|
||||
*/
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
/**
|
||||
* Emits the inline JavaScript for the call-detail drawer.
|
||||
*
|
||||
* Split from PRV_Call_Drawer_Renderer to keep each class under 300 lines.
|
||||
* Handles: row-click open, AJAX fetch, close (button + Esc), copy buttons,
|
||||
* and focus-management (return focus to triggering row on close).
|
||||
*
|
||||
* Security: data comes via AJAX from PRV_Call_Detail_Ajax which enforces
|
||||
* the capture allowlist — no keys or headers can appear in drawer content.
|
||||
*
|
||||
* Who triggers: PRV_Call_Drawer_Renderer::render_container().
|
||||
* Dependencies: PRV_Call_Detail_Ajax (server side); wp_create_nonce().
|
||||
*
|
||||
* @see class-prv-call-drawer-renderer.php — Calls render_script().
|
||||
* @see class-prv-call-detail-ajax.php — Server AJAX handler.
|
||||
* @package PrVision
|
||||
*/
|
||||
class PRV_Call_Drawer_Script {
|
||||
|
||||
/**
|
||||
* Emit the inline script tag.
|
||||
*
|
||||
* Side effects: Outputs script HTML.
|
||||
*
|
||||
* @param string $nonce Ajax nonce for prv_call_drawer action.
|
||||
* @param string $ajax Admin AJAX URL.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public static function render( string $nonce, string $ajax ): void {
|
||||
// Escape values for embedding in JS string literals.
|
||||
$nonce_js = esc_js( $nonce );
|
||||
$ajax_js = esc_url( $ajax );
|
||||
|
||||
echo '<script>';
|
||||
echo '(function(){';
|
||||
echo 'var drawer=document.getElementById("prv-drawer");';
|
||||
echo 'var body=document.getElementById("prv-drawer-body");';
|
||||
echo 'var closeBtn=document.getElementById("prv-drawer-close");';
|
||||
echo 'var lastFocus=null;';
|
||||
echo 'function openDrawer(callId,triggerEl){';
|
||||
echo ' lastFocus=triggerEl||null;';
|
||||
echo ' drawer.removeAttribute("hidden");';
|
||||
echo ' body.setAttribute("aria-busy","true");';
|
||||
echo ' var skel=document.querySelector(".prv-drawer-skeleton");';
|
||||
echo ' if(skel){body.innerHTML=skel.outerHTML;}';
|
||||
echo ' closeBtn.focus();';
|
||||
echo ' loadCall(callId);';
|
||||
echo '}';
|
||||
echo 'function closeDrawer(){';
|
||||
echo ' drawer.setAttribute("hidden","");';
|
||||
echo ' body.setAttribute("aria-busy","false");';
|
||||
echo ' if(lastFocus&&lastFocus.focus){lastFocus.focus();}';
|
||||
echo '}';
|
||||
echo 'function loadCall(callId){';
|
||||
echo ' var data=new URLSearchParams();';
|
||||
echo ' data.append("action","prv_call_detail");';
|
||||
echo ' data.append("nonce","' . $nonce_js . '");'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- esc_js applied above
|
||||
echo ' data.append("call_id",callId);';
|
||||
echo ' fetch("' . $ajax_js . '",{method:"POST",credentials:"same-origin",body:data})'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- esc_url applied above
|
||||
echo ' .then(function(r){return r.json();})';
|
||||
echo ' .then(function(json){';
|
||||
echo ' if(json.success){';
|
||||
echo ' body.innerHTML=json.data.html;';
|
||||
echo ' body.setAttribute("aria-busy","false");';
|
||||
echo ' attachCopyButtons();';
|
||||
echo ' }else{';
|
||||
echo ' body.innerHTML="<p class=\'prv-drawer-err\'>"+json.data+"</p>";';
|
||||
echo ' body.setAttribute("aria-busy","false");';
|
||||
echo ' }';
|
||||
echo ' })';
|
||||
echo ' .catch(function(){';
|
||||
echo ' body.innerHTML="<p class=\'prv-drawer-err\'>Error loading call details.</p>";';
|
||||
echo ' body.setAttribute("aria-busy","false");';
|
||||
echo ' });';
|
||||
echo '}';
|
||||
echo 'function attachCopyButtons(){';
|
||||
echo ' document.querySelectorAll(".prv-copy-btn").forEach(function(btn){';
|
||||
echo ' btn.addEventListener("click",function(){';
|
||||
echo ' var target=document.getElementById(btn.dataset.copyTarget);';
|
||||
echo ' if(target){';
|
||||
echo ' var orig=btn.textContent;';
|
||||
echo ' navigator.clipboard.writeText(target.textContent||"").then(function(){';
|
||||
echo ' btn.textContent="Copied!";';
|
||||
echo ' setTimeout(function(){btn.textContent=orig;},1500);';
|
||||
echo ' });';
|
||||
echo ' }';
|
||||
echo ' });';
|
||||
echo ' });';
|
||||
echo '}';
|
||||
echo 'closeBtn.addEventListener("click",closeDrawer);';
|
||||
echo 'document.addEventListener("keydown",function(e){';
|
||||
echo ' if("Escape"===e.key&&!drawer.hasAttribute("hidden")){closeDrawer();}';
|
||||
echo '});';
|
||||
echo 'document.querySelectorAll(".prv-call-row").forEach(function(row){';
|
||||
echo ' function handleOpen(){openDrawer(row.dataset.callId,row);}';
|
||||
echo ' row.addEventListener("click",handleOpen);';
|
||||
echo ' row.addEventListener("keydown",function(e){';
|
||||
echo ' if("Enter"===e.key||" "===e.key){e.preventDefault();handleOpen();}';
|
||||
echo ' });';
|
||||
echo '});';
|
||||
echo '})();';
|
||||
echo '</script>';
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user