codex-autorunner 0.1.2__py3-none-any.whl → 1.1.0__py3-none-any.whl

codex_autorunner/static/dashboard.js

@@ -1,14 +1,12 @@
-import { api, flash, statusPill, confirmModal, openModal } from "./utils.js";
-import { subscribe } from "./bus.js";
+// GENERATED FILE - do not edit directly. Source: static_src/
+import { api, flash, statusPill } from "./utils.js";
 import { saveToCache, loadFromCache } from "./cache.js";
-import { renderTodoPreview } from "./todoPreview.js";
-import { loadState, startRun, stopRun, killRun, resetRun, clearLock, startStatePolling, } from "./state.js";
 import { registerAutoRefresh } from "./autoRefresh.js";
 import { CONSTANTS } from "./constants.js";
-import { initAgentControls } from "./agentControls.js";
-import { initReview } from "./review.js";
+import { preserveScroll } from "./preserve.js";
+import { createSmartRefresh } from "./smartRefresh.js";
 const UPDATE_STATUS_SEEN_KEY = "car_update_status_seen";
-let pendingSummaryOpen = false;
+const ANALYTICS_SUMMARY_CACHE_KEY = "analytics-summary";
 const usageChartState = {
     segment: "none",
     bucket: "day",
@@ -16,119 +14,16 @@ const usageChartState = {
 };
 let usageSeriesRetryTimer = null;
 let usageSummaryRetryTimer = null;
-function renderState(state) {
-    if (!state)
-        return;
-    saveToCache("state", state);
-    const statusEl = document.getElementById("runner-status");
-    if (statusEl) {
-        statusPill(statusEl, state.status);
-    }
-    const lastRunIdEl = document.getElementById("last-run-id");
-    if (lastRunIdEl) {
-        lastRunIdEl.textContent = String(state.last_run_id ?? "–");
-    }
-    const lastExitCodeEl = document.getElementById("last-exit-code");
-    if (lastExitCodeEl) {
-        lastExitCodeEl.textContent = String(state.last_exit_code ?? "–");
-    }
-    const lastStartEl = document.getElementById("last-start");
-    if (lastStartEl) {
-        lastStartEl.textContent = state.last_run_started_at ?? "–";
-    }
-    const lastFinishEl = document.getElementById("last-finish");
-    if (lastFinishEl) {
-        lastFinishEl.textContent = state.last_run_finished_at ?? "–";
-    }
-    const todoCountEl = document.getElementById("todo-count");
-    if (todoCountEl) {
-        todoCountEl.textContent = String(state.outstanding_count ?? "–");
-    }
-    const doneCountEl = document.getElementById("done-count");
-    if (doneCountEl) {
-        doneCountEl.textContent = String(state.done_count ?? "–");
-    }
-    const runnerPidEl = document.getElementById("runner-pid");
-    if (runnerPidEl) {
-        runnerPidEl.textContent = `Runner pid: ${state.runner_pid ?? "–"}`;
-    }
-    const summaryBtn = document.getElementById("open-summary");
-    if (summaryBtn) {
-        const done = Number(state.outstanding_count ?? NaN) === 0;
-        summaryBtn.classList.toggle("hidden", !done);
-    }
-    const clearLockBtn = document.getElementById("clear-lock");
-    if (clearLockBtn) {
-        const freeable = Boolean(state.lock_freeable);
-        clearLockBtn.classList.toggle("hidden", !freeable);
-        if (state.lock_freeable_reason) {
-            clearLockBtn.title = state.lock_freeable_reason;
-        }
-    }
-    const status = state.status || "idle";
-    const startBtn = document.getElementById("start-run");
-    const stopBtn = document.getElementById("stop-run");
-    const killBtn = document.getElementById("kill-run");
-    const resetBtn = document.getElementById("reset-runner");
-    if (status === "idle" || status === "stopped" || status === "completed") {
-        if (startBtn)
-            startBtn.classList.remove("hidden");
-        if (stopBtn)
-            stopBtn.classList.add("hidden");
-        if (killBtn)
-            killBtn.classList.add("hidden");
-        if (resetBtn)
-            resetBtn.classList.remove("hidden");
-    }
-    else if (status === "running") {
-        if (startBtn)
-            startBtn.classList.add("hidden");
-        if (stopBtn)
-            stopBtn.classList.remove("hidden");
-        if (killBtn)
-            killBtn.classList.remove("hidden");
-        if (resetBtn)
-            resetBtn.classList.add("hidden");
-    }
-    else if (status === "error") {
-        if (startBtn)
-            startBtn.classList.remove("hidden");
-        if (stopBtn)
-            stopBtn.classList.add("hidden");
-        if (killBtn)
-            killBtn.classList.remove("hidden");
-        if (resetBtn)
-            resetBtn.classList.remove("hidden");
-    }
-}
-function updateTodoPreview(content) {
-    renderTodoPreview(content || "");
-    if (content !== undefined) {
-        saveToCache("todo-doc", content || "");
-    }
-}
-function handleDocsEvent(payload) {
-    if (!payload)
-        return;
-    if (payload.kind === "todo") {
-        updateTodoPreview(payload.content || "");
-        return;
-    }
-    if (typeof payload.todo === "string") {
-        updateTodoPreview(payload.todo);
-    }
+const DASHBOARD_REFRESH_REASONS = ["initial", "background", "manual"];
+function normalizeRefreshReason(reason) {
+    if (reason && DASHBOARD_REFRESH_REASONS.includes(reason))
+        return reason;
+    return "manual";
 }
-async function loadTodoPreview(options = {}) {
-    const { silent = false } = options;
-    try {
-        const data = await api("/api/docs");
-        updateTodoPreview(data?.todo || "");
-    }
-    catch (err) {
-        if (!silent) {
-            flash(err.message || "Failed to load TODO preview", "error");
-        }
-    }
+function mapAutoRefreshReason(ctx) {
+    if (ctx.reason === "manual")
+        return "manual";
+    return "background";
 }
 function setUsageLoading(loading) {
     const btn = document.getElementById("usage-refresh");
@@ -178,6 +73,27 @@ function renderUsageProgressBar(container, percent, windowMinutes) {
     <span class="usage-progress-label">${hasData ? `${pct}%` : "–"}${windowMinutes ? `/${windowMinutes}m` : ""}</span>
   `;
 }
+function usageSummarySignature(data) {
+    if (!data)
+        return "none";
+    const totals = data.totals || {};
+    const primary = data.latest_rate_limits?.primary || {};
+    const secondary = data.latest_rate_limits?.secondary || {};
+    return [
+        data.status || "",
+        data.events ?? "",
+        data.codex_home ?? "",
+        totals.total_tokens ?? "",
+        totals.input_tokens ?? "",
+        totals.cached_input_tokens ?? "",
+        totals.output_tokens ?? "",
+        totals.reasoning_output_tokens ?? "",
+        primary.used_percent ?? "",
+        primary.window_minutes ?? "",
+        secondary.used_percent ?? "",
+        secondary.window_minutes ?? "",
+    ].join("|");
+}
 function renderUsage(data) {
     if (data)
         saveToCache("usage", data);
@@ -226,6 +142,235 @@ function renderUsage(data) {
     if (metaEl)
         metaEl.textContent = codexHome;
 }
+function analyticsSummarySignature(data) {
+    if (!data)
+        return "none";
+    const run = data.run;
+    const tickets = data.tickets;
+    const turns = data.turns;
+    const agent = data.agent;
+    return [
+        run?.id ?? "",
+        run?.short_id ?? "",
+        run?.status ?? "",
+        run?.started_at ?? "",
+        run?.finished_at ?? "",
+        run?.duration_seconds ?? "",
+        run?.current_step ?? "",
+        tickets?.todo_count ?? "",
+        tickets?.done_count ?? "",
+        tickets?.total_count ?? "",
+        tickets?.current_ticket ?? "",
+        turns?.total ?? "",
+        turns?.current_ticket ?? "",
+        turns?.dispatches ?? "",
+        turns?.replies ?? "",
+        turns?.diff_stats?.insertions ?? "",
+        turns?.diff_stats?.deletions ?? "",
+        agent?.id ?? "",
+        agent?.model ?? "",
+    ].join("|");
+}
+const usageSummaryRefresh = createSmartRefresh({
+    getSignature: (payload) => usageSummarySignature(payload),
+    render: (payload) => {
+        renderUsage(payload);
+    },
+});
+const analyticsSummaryRefresh = createSmartRefresh({
+    getSignature: (payload) => analyticsSummarySignature(payload),
+    render: (payload) => {
+        renderTicketAnalytics(payload);
+    },
+});
+function runHistorySignature(runs) {
+    if (!runs.length)
+        return "none";
+    return runs
+        .map((run) => [
+        run.id,
+        run.status || "",
+        run.current_step || "",
+        run.created_at || "",
+        run.started_at || "",
+        run.finished_at || "",
+    ].join(":"))
+        .join("|");
+}
+const runHistoryRefresh = createSmartRefresh({
+    getSignature: (payload) => runHistorySignature(payload),
+    render: (payload) => {
+        renderRunHistory(payload);
+    },
+});
+async function fetchTicketAnalytics() {
+    try {
+        const data = (await api("/api/analytics/summary"));
+        saveToCache(ANALYTICS_SUMMARY_CACHE_KEY, data);
+        return data;
+    }
+    catch (err) {
+        const cached = loadFromCache(ANALYTICS_SUMMARY_CACHE_KEY);
+        flash(err.message || "Failed to load analytics", "error");
+        if (cached)
+            return cached;
+        return null;
+    }
+}
+async function loadTicketAnalytics(reason = "manual") {
+    const resolvedReason = normalizeRefreshReason(reason);
+    try {
+        await analyticsSummaryRefresh.refresh(fetchTicketAnalytics, { reason: resolvedReason });
+    }
+    catch (err) {
+        flash(err.message || "Failed to load analytics", "error");
+    }
+}
+function formatDuration(seconds) {
+    if (seconds === null || Number.isNaN(seconds))
+        return "–";
+    if (seconds < 60)
+        return `${Math.round(seconds)}s`;
+    const mins = seconds / 60;
+    if (mins < 60)
+        return `${Math.round(mins)}m`;
+    const hours = mins / 60;
+    return `${hours.toFixed(1)}h`;
+}
+function renderTicketAnalytics(data) {
+    const run = data?.run;
+    const tickets = data?.tickets;
+    const turns = data?.turns;
+    const agent = data?.agent;
+    const statusEl = document.getElementById("runner-status");
+    if (statusEl && run) {
+        statusPill(statusEl, run.status || "idle");
+        statusEl.textContent = run.status || "idle";
+    }
+    const lastStart = document.getElementById("last-start");
+    const lastFinish = document.getElementById("last-finish");
+    const lastDuration = document.getElementById("last-duration");
+    const todoCount = document.getElementById("todo-count");
+    const doneCount = document.getElementById("done-count");
+    const ticketActive = document.getElementById("ticket-active");
+    const ticketTurns = document.getElementById("ticket-turns");
+    const totalTurns = document.getElementById("total-turns");
+    const dispatchesEl = document.getElementById("message-dispatches");
+    const repliesEl = document.getElementById("message-replies");
+    const runIdEl = document.getElementById("last-run-id");
+    if (lastStart)
+        lastStart.textContent = formatIso(run?.started_at || null);
+    if (lastFinish)
+        lastFinish.textContent = formatIso(run?.finished_at || null);
+    if (lastDuration)
+        lastDuration.textContent = formatDuration(run?.duration_seconds ?? null);
+    if (todoCount)
+        todoCount.textContent = tickets ? String(tickets.todo_count) : "–";
+    if (doneCount)
+        doneCount.textContent = tickets ? String(tickets.done_count) : "–";
+    if (ticketActive) {
+        const ticket = tickets?.current_ticket || null;
+        ticketActive.textContent = ticket ? ticket.split("/").pop() || ticket : "–";
+    }
+    if (ticketTurns)
+        ticketTurns.textContent = turns?.current_ticket != null ? String(turns.current_ticket) : "–";
+    if (totalTurns)
+        totalTurns.textContent = turns?.total != null ? String(turns.total) : "–";
+    const dispatchCount = turns?.dispatches ?? 0;
+    if (dispatchesEl)
+        dispatchesEl.textContent = String(dispatchCount);
+    if (repliesEl)
+        repliesEl.textContent = turns?.replies != null ? String(turns.replies) : "0";
+    if (runIdEl)
+        runIdEl.textContent = run?.short_id || run?.id || "–";
+    // Diff stats (lines changed)
+    const diffStatsEl = document.getElementById("lines-changed");
+    if (diffStatsEl) {
+        const diffStats = turns?.diff_stats;
+        if (diffStats && (diffStats.insertions > 0 || diffStats.deletions > 0)) {
+            const ins = diffStats.insertions || 0;
+            const del = diffStats.deletions || 0;
+            diffStatsEl.innerHTML = `<span class="diff-add">+${formatTokensCompact(ins)}</span> <span class="diff-del">-${formatTokensCompact(del)}</span>`;
+            diffStatsEl.title = `${ins} insertions, ${del} deletions, ${diffStats.files_changed || 0} files changed`;
+        }
+        else {
+            diffStatsEl.textContent = "–";
+            diffStatsEl.title = "";
+        }
+    }
+    // Agent chip (optional future use)
+    const agentEl = document.getElementById("ticket-agent");
+    if (agentEl) {
+        agentEl.textContent = agent?.id || "–";
+    }
+}
+async function fetchRunHistory() {
+    const runs = (await api("/api/flows/runs?flow_type=ticket_flow"));
+    return Array.isArray(runs) ? runs.slice(0, 10) : [];
+}
+async function loadRunHistory(reason = "manual") {
+    const resolvedReason = normalizeRefreshReason(reason);
+    try {
+        await runHistoryRefresh.refresh(fetchRunHistory, { reason: resolvedReason });
+    }
+    catch (err) {
+        flash(err.message || "Failed to load run history", "error");
+    }
+}
+function formatIso(iso) {
+    if (!iso)
+        return "–";
+    const dt = new Date(iso);
+    if (Number.isNaN(dt.getTime()))
+        return iso;
+    return dt.toLocaleString();
+}
+function calcDurationFromRun(run) {
+    const started = run.started_at;
+    const finished = run.finished_at;
+    if (!started)
+        return "–";
+    const start = new Date(started).getTime();
+    const end = finished && !Number.isNaN(new Date(finished).getTime())
+        ? new Date(finished).getTime()
+        : Date.now();
+    if (Number.isNaN(start) || Number.isNaN(end))
+        return "–";
+    return formatDuration((end - start) / 1000);
+}
+function renderRunHistory(runs) {
+    const container = document.getElementById("run-history-list");
+    if (!container)
+        return;
+    preserveScroll(container, () => {
+        if (!runs || !runs.length) {
+            container.innerHTML = '<div class="muted">No runs yet.</div>';
+            return;
+        }
+        const items = runs.map((run) => {
+            const shortId = run.id ? run.id.split("-")[0] : "–";
+            const status = run.status || "unknown";
+            const duration = calcDurationFromRun(run);
+            const started = formatIso(run.started_at);
+            const current = run.current_step || "–";
+            return `
+        <div class="run-history-row">
+          <div class="run-history-id">${shortId}</div>
+          <div class="run-history-status">${status}</div>
+          <div class="run-history-duration">${duration}</div>
+          <div class="run-history-start">${started}</div>
+          <div class="run-history-step">${current}</div>
+        </div>
+      `;
+        });
+        container.innerHTML = `
+      <div class="run-history-head">
+        <div>ID</div><div>Status</div><div>Duration</div><div>Started</div><div>Step</div>
+      </div>
+      ${items.join("")}
+    `;
+    }, { restoreOnNextFrame: true });
+}
 function buildUsageSeriesQuery() {
     const params = new URLSearchParams();
     const now = new Date();
@@ -237,6 +382,31 @@ function buildUsageSeriesQuery() {
     params.set("segment", usageChartState.segment);
     return params.toString();
 }
+function usageSeriesSignature(data) {
+    if (!data)
+        return "none";
+    const buckets = data.buckets || [];
+    const series = data.series || [];
+    const seriesSig = series
+        .map((entry) => {
+        const values = entry.values || [];
+        return [
+            entry.key ?? "",
+            entry.model ?? "",
+            entry.token_type ?? "",
+            entry.total ?? "",
+            values.join(","),
+        ].join(":");
+    })
+        .join("|");
+    return `${data.status || ""}::${buckets.join(",")}::${seriesSig}`;
+}
+const usageSeriesRefresh = createSmartRefresh({
+    getSignature: (payload) => usageSeriesSignature(payload),
+    render: (payload) => {
+        renderUsageChart(payload);
+    },
+});
 function renderUsageChart(data) {
     const container = document.getElementById("usage-chart-canvas");
     if (!container)
@@ -263,6 +433,7 @@ function renderUsageChart(data) {
         "#84d1ff",
         "#9be26f",
         "#f2a0c5",
+        "#373",
     ];
     const { series: displaySeries } = normalizeSeries(limitSeries(series, 4, "rest").series, buckets.length);
     let scaleMax = 1;
@@ -445,12 +616,13 @@ function attachUsageChartInteraction(container, state) {
         tooltip.style.opacity = "0";
     });
 }
-async function loadUsageSeries() {
+async function loadUsageSeries(reason = "manual") {
+    const resolvedReason = normalizeRefreshReason(reason);
     const container = document.getElementById("usage-chart-canvas");
     try {
         const data = await api(`/api/usage/series?${buildUsageSeriesQuery()}`);
         setChartLoading(container, data?.status === "loading");
-        renderUsageChart(data);
+        await usageSeriesRefresh.refresh(async () => data, { reason: resolvedReason });
         if (data?.status === "loading") {
             scheduleUsageSeriesRetry();
         }
@@ -460,7 +632,7 @@ async function loadUsageSeries() {
     }
     catch (err) {
         setChartLoading(container, false);
-        renderUsageChart(null);
+        await usageSeriesRefresh.refresh(async () => null, { reason: resolvedReason });
         clearUsageSeriesRetry();
     }
 }
@@ -488,153 +660,52 @@ function clearUsageSummaryRetry() {
         usageSummaryRetryTimer = null;
     }
 }
-async function loadUsage() {
-    setUsageLoading(true);
+async function fetchUsageSummary() {
     try {
         const data = await api("/api/usage");
         const cachedUsage = loadFromCache("usage");
         const hasSummary = data && data.totals && typeof data.events === "number";
         if (data?.status === "loading") {
             if (hasSummary) {
-                renderUsage(data);
-            }
-            else if (cachedUsage) {
-                renderUsage(cachedUsage);
+                scheduleUsageSummaryRetry();
+                return data;
             }
-            else {
-                renderUsage(data);
+            if (cachedUsage) {
+                scheduleUsageSummaryRetry();
+                return cachedUsage;
             }
             scheduleUsageSummaryRetry();
+            return data;
         }
-        else {
-            renderUsage(data);
-            clearUsageSummaryRetry();
-        }
-        loadUsageSeries();
+        clearUsageSummaryRetry();
+        return data;
     }
     catch (err) {
         const cachedUsage = loadFromCache("usage");
-        if (cachedUsage) {
-            renderUsage(cachedUsage);
-        }
-        else {
-            renderUsage(null);
-        }
         flash(err.message || "Failed to load usage", "error");
         clearUsageSummaryRetry();
-    }
-    finally {
-        setUsageLoading(false);
+        if (cachedUsage) {
+            return cachedUsage;
+        }
+        return null;
     }
 }
-const UPDATE_TARGET_LABELS = {
-    both: "web + Telegram",
-    web: "web only",
-    telegram: "Telegram only",
-};
-function normalizeUpdateTarget(value) {
-    if (!value)
-        return "both";
-    if (value === "both" || value === "web" || value === "telegram")
-        return value;
-    return "both";
-}
-function getUpdateTarget(selectId) {
-    const select = selectId ? document.getElementById(selectId) : null;
-    return normalizeUpdateTarget(select ? select.value : "both");
-}
-function describeUpdateTarget(target) {
-    return UPDATE_TARGET_LABELS[target] || UPDATE_TARGET_LABELS.both;
-}
-async function handleSystemUpdate(btnId, targetSelectId) {
-    const btn = document.getElementById(btnId);
-    if (!btn)
-        return;
-    const originalText = btn.textContent;
-    btn.disabled = true;
-    btn.textContent = "Checking...";
-    const updateTarget = getUpdateTarget(targetSelectId);
-    const targetLabel = describeUpdateTarget(updateTarget);
-    let check;
+async function loadUsage(reason = "manual") {
+    const resolvedReason = normalizeRefreshReason(reason);
+    const showLoading = resolvedReason !== "background";
+    if (showLoading)
+        setUsageLoading(true);
     try {
-        check = await api("/system/update/check");
+        await usageSummaryRefresh.refresh(fetchUsageSummary, { reason: resolvedReason });
     }
     catch (err) {
-        check = { update_available: true, message: err.message || "Unable to check for updates." };
-    }
-    if (!check?.update_available) {
-        flash(check?.message || "No update available.", "info");
-        btn.disabled = false;
-        btn.textContent = originalText;
-        return;
-    }
-    const restartNotice = updateTarget === "telegram"
-        ? "The Telegram bot will restart."
-        : "The service will restart.";
-    const confirmed = await confirmModal(`${check?.message || "Update available."} Update Codex Autorunner (${targetLabel})? ${restartNotice}`);
-    if (!confirmed) {
-        btn.disabled = false;
-        btn.textContent = originalText;
-        return;
-    }
-    btn.textContent = "Updating...";
-    try {
-        const res = await api("/system/update", {
-            method: "POST",
-            body: { target: updateTarget },
-        });
-        flash(res.message || `Update started (${targetLabel}).`, "success");
-        if (updateTarget === "telegram") {
-            btn.disabled = false;
-            btn.textContent = originalText;
-            return;
-        }
-        document.body.style.pointerEvents = "none";
-        setTimeout(() => {
-            const url = new URL(window.location.href);
-            url.searchParams.set("v", String(Date.now()));
-            window.location.replace(url.toString());
-        }, 8000);
-    }
-    catch (err) {
-        flash(err.message || "Update failed", "error");
-        btn.disabled = false;
-        btn.textContent = originalText;
-    }
-}
-function initSettings() {
-    const settingsBtn = document.getElementById("repo-settings");
-    const modal = document.getElementById("repo-settings-modal");
-    const closeBtn = document.getElementById("repo-settings-close");
-    const updateBtn = document.getElementById("repo-update-btn");
-    const updateTarget = document.getElementById("repo-update-target");
-    let closeModal = null;
-    const hideModal = () => {
-        if (closeModal) {
-            const close = closeModal;
-            closeModal = null;
-            close();
-        }
-    };
-    if (settingsBtn && modal) {
-        settingsBtn.addEventListener("click", () => {
-            const triggerEl = document.activeElement;
-            hideModal();
-            closeModal = openModal(modal, {
-                initialFocus: closeBtn || updateBtn || modal,
-                returnFocusTo: triggerEl,
-                onRequestClose: hideModal,
-            });
-        });
-    }
-    if (closeBtn && modal) {
-        closeBtn.addEventListener("click", () => {
-            hideModal();
-        });
+        flash(err.message || "Failed to load usage", "error");
     }
-    if (updateBtn) {
-        updateBtn.addEventListener("click", () => handleSystemUpdate("repo-update-btn", updateTarget ? updateTarget.id : null));
+    finally {
+        if (showLoading)
+            setUsageLoading(false);
     }
+    await loadUsageSeries(resolvedReason);
 }
 function initUsageChartControls() {
     const segmentSelect = document.getElementById("usage-chart-segment");
@@ -676,97 +747,45 @@ function bindAction(buttonId, action) {
         }
     });
 }
-function isDocsReady() {
-    return document.body?.dataset?.docsReady === "true";
-}
-function openSummaryDoc() {
-    const summaryChip = document.querySelector('.chip[data-doc="summary"]');
-    if (summaryChip)
-        summaryChip.click();
-}
 export function initDashboard() {
-    initSettings();
     initUsageChartControls();
-    initReview();
-    const agentSelect = document.getElementById("dashboard-agent-select");
-    const modelSelect = document.getElementById("dashboard-model-select");
-    const reasoningSelect = document.getElementById("dashboard-reasoning-select");
-    initAgentControls({ agentSelect, modelSelect, reasoningSelect });
-    const buildRunOverrides = () => {
-        const overrides = {};
-        if (agentSelect)
-            overrides.agent = agentSelect.value;
-        if (modelSelect)
-            overrides.model = modelSelect.value;
-        if (reasoningSelect)
-            overrides.reasoning = reasoningSelect.value;
-        return overrides;
-    };
-    subscribe("state:update", renderState);
-    subscribe("todo:invalidate", () => {
-        void loadTodoPreview({ silent: true });
-    });
-    subscribe("docs:updated", handleDocsEvent);
-    subscribe("docs:loaded", handleDocsEvent);
-    subscribe("docs:ready", () => {
-        if (!isDocsReady()) {
-            if (document.body) {
-                document.body.dataset.docsReady = "true";
-            }
-        }
-        if (pendingSummaryOpen) {
-            pendingSummaryOpen = false;
-            openSummaryDoc();
-        }
-    });
-    bindAction("start-run", () => startRun(false, buildRunOverrides()));
-    bindAction("stop-run", stopRun);
-    bindAction("kill-run", killRun);
-    bindAction("clear-lock", clearLock);
-    bindAction("reset-runner", async () => {
-        const confirmed = await confirmModal("Reset runner? This will clear all logs and reset run ID to 1.");
-        if (confirmed)
-            await resetRun();
+    // initReview(); // Removed - review.ts was deleted
+    bindAction("usage-refresh", () => loadUsage("manual"));
+    bindAction("analytics-refresh", async () => {
+        await loadTicketAnalytics("manual");
+        await loadRunHistory("manual");
     });
-    bindAction("refresh-state", async () => { await loadState(); });
-    bindAction("usage-refresh", loadUsage);
-    bindAction("refresh-preview", loadTodoPreview);
-    const cachedState = loadFromCache("state");
-    if (cachedState)
-        renderState(cachedState);
     const cachedUsage = loadFromCache("usage");
     if (cachedUsage)
         renderUsage(cachedUsage);
-    const cachedTodo = loadFromCache("todo-doc");
-    if (typeof cachedTodo === "string") {
-        updateTodoPreview(cachedTodo);
-    }
-    const summaryBtn = document.getElementById("open-summary");
-    if (summaryBtn) {
-        summaryBtn.addEventListener("click", () => {
-            const docsTab = document.querySelector('.tab[data-target="docs"]');
-            if (docsTab)
-                docsTab.click();
-            if (isDocsReady()) {
-                requestAnimationFrame(openSummaryDoc);
-            }
-            else {
-                pendingSummaryOpen = true;
-            }
-        });
-    }
-    loadUsage();
-    loadTodoPreview();
+    const cachedAnalytics = loadFromCache(ANALYTICS_SUMMARY_CACHE_KEY);
+    if (cachedAnalytics)
+        renderTicketAnalytics(cachedAnalytics);
+    loadUsage("initial");
+    loadTicketAnalytics("initial");
+    loadRunHistory("initial");
     loadVersion();
     checkUpdateStatus();
-    startStatePolling();
     registerAutoRefresh("dashboard-usage", {
-        callback: async () => { await loadUsage(); },
-        tabId: "dashboard",
+        callback: async (ctx) => {
+            await loadUsage(mapAutoRefreshReason(ctx));
+        },
+        tabId: "analytics",
         interval: CONSTANTS.UI.AUTO_REFRESH_USAGE_INTERVAL,
         refreshOnActivation: true,
         immediate: false,
     });
+    registerAutoRefresh("dashboard-analytics", {
+        callback: async (ctx) => {
+            const reason = mapAutoRefreshReason(ctx);
+            await loadTicketAnalytics(reason);
+            await loadRunHistory(reason);
+        },
+        tabId: "analytics",
+        interval: CONSTANTS.UI.AUTO_REFRESH_INTERVAL,
+        refreshOnActivation: true,
+        immediate: true,
+    });
 }
 async function loadVersion() {
     const versionEl = document.getElementById("repo-version");