@ihyeon/flow-qa 0.4.0 → 0.6.0

package/README.ko.md

@@ -68,8 +68,12 @@ flow-qa plan flows/my-flow.md --workspace my-qa
 
 CLI에서는 `flow-qa run cases/task-flow.json --target demo --case TC-001 --case TC-003`처럼 ID를 반복합니다. `--case`를 생략하면 전체를 실행합니다. 부분 실행의 통과는 선택한 케이스에만 해당하며, 보고서와 비교 화면에도 선택 범위를 표시합니다. 자세한 동작은 [UI 가이드](docs/ui.md#run-selected-cases)를 참고하세요.
 
+`0.5.0`부터 상세 보고서에서 **실패·오류 케이스 준비**를 누르면 실행 당시와 같은 저장된 케이스를 불러와 `실패`와 `실행 오류`만 선택합니다. 준비 후 케이스와 대상을 다시 검토하고 직접 실행하세요. 케이스·원본 파일이 없거나 바뀌었으면 준비를 중단하며, 실행 대상이 없거나 바뀌었으면 다시 선택해야 합니다. 자세한 동작은 [실패 케이스 준비](docs/ui.md#prepare-failed-cases)를 참고하세요.
+
 ## 실행 결과 비교
 
+`0.6.0`부터 **실행 기록**에서 저장된 전체 보고서를 스위트 ID·실행 ID·대상 이름으로 검색하고 실행 상태로 함께 좁힐 수 있습니다. 결과는 50건씩 표시하며 **더 보기**로 이전 기록을 불러옵니다. **실행 기록 새로고침**은 검색·상태 조건을 유지한 채 목록을 갱신합니다. 오래된 보고서도 다운로드와 실패 케이스 준비를 사용할 수 있습니다. 자세한 동작은 [기록 검색·페이지 조회](docs/ui.md#search-run-history)를 참고하세요.
+
 **실행 기록 → 실행 2건 비교**에서 같은 스위트와 대상의 두 기록을 선택하면 통과→실패, 실패→통과, 그 외 상태 변경, 동일 상태, 추가·누락 케이스를 확인할 수 있습니다. 분류별로 보거나 전체 비교를 Markdown·JSON으로 내려받으세요. 테스트 내용 변경과 불완전한 실행은 별도로 표시하며, 상태 변화만으로 제품 버그의 발생·해결을 확정하지 않습니다. 자세한 동작은 [UI 가이드](docs/ui.md#compare-two-runs)를 참고하세요.
 
 ## 모바일 대상

package/README.md

@@ -68,8 +68,12 @@ From `0.4.0`, choose cases under **Scenario → Review, then run → Cases to ru
 
 The CLI supports repeated IDs: `flow-qa run cases/task-flow.json --target demo --case TC-001 --case TC-003`. Omit `--case` to run the complete suite. Reports and comparisons label partial runs explicitly; a selected-run pass does not evaluate omitted cases. See the [UI guide](docs/ui.md#run-selected-cases).
 
+From `0.5.0`, open a detailed report and choose **Prepare failed/error cases** to load its unchanged saved suite with only `failed` and `error` cases selected. Preparation never starts a run: review the cases and target, then run explicitly. Changed or missing case/source files block preparation; a changed or missing target must be selected again. See [preparing failed cases](docs/ui.md#prepare-failed-cases).
+
 ## Compare recorded runs
 
+From `0.6.0`, **Run history** searches all valid saved reports by suite ID, run ID, or target name, combined with the run-status filter. Results load 50 at a time; use **Load more** for older results and **Refresh history** to update the list while keeping your filters. Older reports support the same downloads and failed-case preparation. See [history search and paging](docs/ui.md#search-run-history).
+
 In **Run history → Compare two runs**, select two reports from the same suite and target to see passed-to-failed, failed-to-passed, other status changes, unchanged, added, and missing cases. Filter the comparison or download all results as Markdown/JSON. Changed test definitions and incomplete runs carry explicit warnings; observed status changes do not prove a product defect was introduced or fixed. See the [UI guide](docs/ui.md#compare-two-runs).
 
 ## Mobile targets

package/dist/src/i18n.js

@@ -62,6 +62,10 @@ const koreanMessages = {
     'Invalid request origin.': '요청 출처가 올바르지 않습니다.',
     'A case file name is required.': '케이스 파일 이름이 필요합니다.',
     'A run ID is required.': '실행 ID가 필요합니다.',
+    'Invalid run limit.': '조회할 실행 기록 수는 1~50 사이의 정수여야 합니다.',
+    'Run query is too long.': '실행 기록 검색어는 200자 이하여야 합니다.',
+    'Invalid run status.': '실행 상태 필터가 올바르지 않습니다.',
+    'Invalid run cursor.': '이전 기록 조회 위치가 올바르지 않습니다. 기록을 새로고침한 뒤 다시 시도하세요.',
     'Both run IDs are required.': '비교할 두 실행 ID가 필요합니다.',
     'A comparison needs two different runs.': '서로 다른 두 실행을 선택해야 합니다.',
     'Both reports must belong to the same suite.': '두 리포트의 케이스 모음이 같아야 합니다.',
@@ -70,6 +74,14 @@ const koreanMessages = {
     'Both reports need unique, non-empty case IDs.': '두 리포트의 케이스 ID는 비어 있지 않고 중복되지 않아야 합니다.',
     'The report selection does not match its recorded cases.': '보고서의 선택 범위가 기록된 케이스와 일치하지 않습니다.',
     'Select one or more unique cases from this suite.': '이 케이스 모음에서 중복 없이 하나 이상의 케이스를 선택하세요.',
+    'No failed or errored cases are available to rerun.': '다시 실행할 실패 또는 실행 오류 케이스가 없습니다.',
+    'No saved case file matches this report.': '이 보고서에 해당하는 저장된 케이스 파일이 없습니다.',
+    'Multiple saved case files match this report.': '이 보고서에 해당하는 케이스 파일이 여러 개입니다. 보관함에서 사용할 파일을 직접 선택하세요.',
+    'The saved case file or source flow was not found.': '저장된 케이스 파일 또는 원본 플로우를 찾을 수 없습니다.',
+    'The saved case file or source flow is invalid.': '저장된 케이스 파일 또는 원본 플로우가 올바르지 않습니다.',
+    'The saved case file changed since this run. Review it before rerunning.': '실행 이후 케이스 파일이 변경됐습니다. 보관함에서 다시 열어 검토하세요.',
+    'The report cases do not match the saved case file.': '보고서의 케이스가 저장된 케이스 파일과 일치하지 않습니다.',
+    'The report selection does not match the saved case file.': '보고서의 선택 범위가 저장된 케이스 파일과 일치하지 않습니다.',
     'Invalid evidence selection.': '증거 파일 선택이 올바르지 않습니다.',
     'The request is not allowed.': '허용되지 않은 요청입니다.',
     'Invalid request token.': '요청 토큰이 올바르지 않습니다.',

package/dist/src/ui/public/app.js

@@ -4,7 +4,7 @@
   const i18n = window.FlowQAI18n;
   const t = i18n.t;
   const names = { scenario: 'nav.scenario', library: 'nav.library', history: 'nav.history', settings: 'nav.settings' };
-  const app = { state: null, connected: false, displayTargets: [], draft: null, selectedCaseIds: new Set(), script: '', savedFile: '', savedHash: '', origin: 'none', sourceFlow: '', boundSource: null, stale: false, dirty: false, busy: false, planning: false, planRequest: 0, stopping: false, report: null, reportMarkdown: '', selectedRun: '', comparison: null, comparisonRequest: 0, comparisonBusy: false, comparisonStatus: 'comparison.selectBoth', view: 'scenario' };
+  const app = { state: null, connected: false, displayTargets: [], draft: null, selectedCaseIds: new Set(), script: '', savedFile: '', savedHash: '', origin: 'none', sourceFlow: '', boundSource: null, stale: false, dirty: false, busy: false, planning: false, planRequest: 0, stopping: false, report: null, reportMarkdown: '', selectedRun: '', rerunOrigin: null, rerunTargetMismatch: false, navigationVersion: 0, comparison: null, comparisonRequest: 0, comparisonBusy: false, comparisonStatus: 'comparison.selectBoth', history: { runs: [], nextCursor: null, pagesLoaded: 0, loaded: false, loading: false, request: 0, debounce: null, kind: null, error: null, updatesAvailable: false, pendingRecentUpdate: false }, view: 'scenario' };
 
   function el(tag, className, value) {
     const node = document.createElement(tag);
@@ -44,6 +44,7 @@
     return result;
   }
   function view(name) {
+    app.navigationVersion += 1;
     app.view = name;
     for (const key of Object.keys(names)) $('view-' + key).hidden = key !== name;
     document.querySelectorAll('[data-view]').forEach((button) => {
@@ -53,7 +54,11 @@
     });
     $('breadcrumb').textContent = t('app.breadcrumb', { name: t(names[name]) });
     $('sidebar').classList.remove('nav-open'); $('nav-toggle').setAttribute('aria-expanded', 'false');
-    if (name === 'history') { renderHistory(); renderComparisonOptions(); }
+    if (name === 'history') {
+      if (!app.history.loaded && !app.history.loading) refreshHistory();
+      else renderHistory();
+      renderComparisonOptions();
+    }
   }
   function suitePlatform() { return app.draft?.platform || 'web'; }
   function targetPlatform(target) { return target?.kind === 'mobile' ? 'mobile' : 'web'; }
@@ -120,6 +125,9 @@
     $('suite-editor').disabled = app.busy;
     $('prompt-btn').disabled = app.busy;
     $('scenario-platform').disabled = app.busy;
+    $('target-select').disabled = app.busy;
+    $('review-checkbox').disabled = app.busy;
+    $('report-rerun').disabled = !app.connected || !!active || app.busy || !app.selectedRun || !(app.report?.cases || []).some((item) => item.status === 'failed' || item.status === 'error');
     $('mobile-setup-hint').hidden = suitePlatform() !== 'mobile' && $('scenario-platform').value !== 'mobile';
     $('run-readiness').textContent = t(!app.connected ? 'app.connectionRequired'
       : active ? (active.status === 'stopping' ? 'app.stopping' : active.kind === 'plan' ? 'app.planning' : 'app.running')
@@ -198,6 +206,7 @@
     }
   }
   function setDraft(suite, script, origin, sourceFlow = '', savedFile = '', savedHash = '') {
+    app.rerunOrigin = null; app.rerunTargetMismatch = false; renderRerunHints();
     app.draft = suite; app.script = script; app.origin = origin; app.sourceFlow = sourceFlow; app.boundSource = suite.source ? { ...suite.source } : null; app.savedFile = savedFile; app.savedHash = savedHash; app.stale = false; app.dirty = false;
     $('suite-editor').value = JSON.stringify(suite, null, 2);
     $('scenario-platform').value = suite.platform || 'web';
@@ -219,6 +228,12 @@
     for (const target of app.state?.targets || []) { const row = el('div', 'settings-entry'); row.append(el('strong', '', target.name), document.createTextNode(` · ${targetLabel(target)}${target.description ? ` · ${target.description}` : ''}`)); list.append(row); }
   }
   function targetDescription() { const target = selectedTarget(); $('target-description').textContent = target ? `${targetLabel(target)}${target.description ? ` · ${target.description}` : ''}` : t('scenario.targetHint'); readiness(); }
+  function renderRerunHints() {
+    $('rerun-origin-hint').hidden = !app.rerunOrigin;
+    if (app.rerunOrigin) $('rerun-origin-hint').textContent = t('app.rerunPrepared', app.rerunOrigin);
+    $('rerun-target-hint').hidden = !app.rerunTargetMismatch;
+    if (app.rerunTargetMismatch) $('rerun-target-hint').textContent = t('app.rerunTargetMismatch');
+  }
   function modelDescription(role) {
     const model = app.state?.models?.[role] || {};
     const explanation = t(role === 'planner' ? 'app.modelPlannerHelp' : 'app.modelAgentHelp');
@@ -255,24 +270,98 @@
       const button = el('button', 'button', t('app.load')); button.type = 'button'; button.addEventListener('click', () => loadSuite(suite.file)); row.append(copy, button); host.append(row);
     }
   }
+  function historyFilters() { return { query: $('history-search').value.trim(), status: $('history-status-filter').value }; }
   function renderHistory() {
+    const history = app.history;
     const host = $('history-list'); replace(host);
-    const runs = app.state?.runs || [];
-    if (!runs.length) { host.append(el('p', 'empty', t(app.state?.active ? 'app.historyActiveEmpty' : 'app.historyEmpty'))); return; }
-    const status = $('history-status-filter').value;
-    const query = $('history-search').value.trim().toLowerCase();
-    const matchingRuns = runs.filter((run) => {
-      const matchesStatus = !status || run.status === status;
-      const matchesSearch = !query || [run.suiteId, run.runId, run.target?.name]
-        .some((field) => String(field ?? '').toLowerCase().includes(query));
-      return matchesStatus && matchesSearch;
-    });
-    if (!matchingRuns.length) { host.append(el('p', 'empty', t(query ? 'app.historyNoSearchMatches' : 'app.historyNoStatusMatches'))); return; }
-    for (const run of matchingRuns) {
+    host.setAttribute('aria-busy', String(history.loading));
+    if (!history.runs.length) {
+      const { query, status } = historyFilters();
+      const key = history.loading ? 'history.loading' : history.error && !history.loaded ? 'history.loadError'
+        : query ? 'app.historyNoSearchMatches' : status ? 'app.historyNoStatusMatches'
+          : app.state?.active ? 'app.historyActiveEmpty' : 'app.historyEmpty';
+      host.append(el('p', 'empty', t(key)));
+    }
+    for (const run of history.runs) {
       const row = el('div', 'list-row'); const copy = el('div'); copy.append(el('strong', '', `${run.suiteId} · ${i18n.status(run.status)}`), el('small', '', t('app.runMeta', { date: formatDate(run.startedAt), target: targetDisplay(run.target), passed: run.passedCount ?? 0, total: run.caseCount ?? 0, id: run.runId })));
       const scope = selectionScope(run.selection); if (scope) copy.append(el('small', 'selection-scope', scope));
       const button = el('button', 'button', t('app.viewReport')); button.type = 'button'; button.disabled = run.status === 'running' || run.status === 'stopping'; button.addEventListener('click', () => loadReport(run.runId)); row.append(copy, button); host.append(row);
     }
+    const messages = [];
+    if (history.loaded) messages.push(t('history.pageCount', { count: history.runs.length }));
+    if (history.loading) messages.push(t(history.kind === 'more' ? 'history.loadingMore' : 'history.loading'));
+    if (history.error) messages.push(t(history.error === 'more' ? 'history.loadMoreError' : 'history.loadError'));
+    if (history.updatesAvailable) messages.push(t('history.updatesAvailable'));
+    if (history.loaded && !history.loading && !history.error && !history.nextCursor) messages.push(t('history.end'));
+    const status = $('history-page-status'); status.textContent = messages.join(' · ');
+    status.classList.toggle('report-errors', !!history.error);
+    const more = $('history-load-more');
+    more.hidden = !history.loaded || !history.nextCursor;
+    more.disabled = history.loading;
+    more.textContent = t(history.error === 'more' ? 'history.retryMore' : 'history.loadMore');
+  }
+  async function fetchHistoryPage(request, filters, cursor = null) {
+    const history = app.history;
+    const append = cursor !== null;
+    const params = new URLSearchParams({ query: filters.query, status: filters.status, limit: '50' });
+    if (append) params.set('cursor', cursor);
+    try {
+      const result = await api(`/api/runs?${params}`);
+      if (request !== history.request) return;
+      if (!Array.isArray(result.runs) || !(result.nextCursor === null || typeof result.nextCursor === 'string')) throw new Error('Invalid run history response.');
+      const seen = new Set(append ? history.runs.map((run) => run.runId) : []);
+      const incoming = result.runs.filter((run) => {
+        if (seen.has(run.runId)) return false;
+        seen.add(run.runId); return true;
+      });
+      history.runs = append ? [...history.runs, ...incoming] : incoming;
+      history.nextCursor = result.nextCursor;
+      history.pagesLoaded = append ? history.pagesLoaded + 1 : 1;
+      history.loaded = true;
+      history.error = null;
+      if (!append) history.updatesAvailable = false;
+    } catch {
+      if (request !== history.request) return;
+      history.error = append ? 'more' : 'first';
+    } finally {
+      if (request !== history.request) return;
+      history.loading = false; history.kind = null;
+      if (history.pendingRecentUpdate) {
+        history.pendingRecentUpdate = false;
+        if (history.pagesLoaded > 1 || history.error === 'more') history.updatesAvailable = true;
+        else if (history.loaded && !history.error) { refreshHistory(); return; }
+      }
+      renderHistory();
+    }
+  }
+  function refreshHistory(delay = 0) {
+    const history = app.history;
+    if (history.debounce !== null) clearTimeout(history.debounce);
+    history.debounce = null;
+    const request = ++history.request;
+    history.runs = []; history.nextCursor = null; history.pagesLoaded = 0; history.loaded = false;
+    history.loading = true; history.kind = 'first'; history.error = null; history.updatesAvailable = false; history.pendingRecentUpdate = false;
+    renderHistory();
+    const filters = historyFilters();
+    if (delay) history.debounce = setTimeout(() => { history.debounce = null; void fetchHistoryPage(request, filters); }, delay);
+    else void fetchHistoryPage(request, filters);
+  }
+  function loadMoreHistory() {
+    const history = app.history;
+    if (!history.loaded || history.loading || !history.nextCursor) return;
+    const request = ++history.request;
+    history.loading = true; history.kind = 'more'; history.error = null;
+    renderHistory();
+    void fetchHistoryPage(request, historyFilters(), history.nextCursor);
+  }
+  function recentRunsChanged() {
+    const history = app.history;
+    if (history.loading) { history.pendingRecentUpdate = true; return; }
+    if (!history.loaded) return;
+    if (history.pagesLoaded > 1) {
+      history.updatesAvailable = true;
+      renderHistory();
+    } else refreshHistory();
   }
   const comparisonCategories = ['newly-failed', 'now-passed', 'changed', 'unchanged', 'added', 'missing'];
   const comparisonCategoryKeys = { 'newly-failed': 'comparison.newlyFailed', 'now-passed': 'comparison.nowPassed', changed: 'comparison.changed', unchanged: 'comparison.unchanged', added: 'comparison.added', missing: 'comparison.missing' };
@@ -385,7 +474,7 @@
     const libraryChanged = JSON.stringify(app.state?.suites) !== JSON.stringify(state.suites);
     const historyChanged = JSON.stringify(app.state?.runs) !== JSON.stringify(state.runs);
     app.state = state; app.connected = true;
-    renderActive(); if (libraryChanged) renderLibrary(); if (historyChanged) { renderHistory(); renderComparisonOptions(); }
+    renderActive(); if (libraryChanged) renderLibrary(); if (historyChanged) { recentRunsChanged(); renderComparisonOptions(); }
     if (full || initialize) { targetOptions(); modelForms(); }
     if (previousActive?.kind === 'run' && !state.active) { if (state.lastError) notice(state.lastError, true); else noticeKey('app.runEnded'); }
     if (state.lastError && state.lastError !== app.lastError) { app.lastError = state.lastError; notice(state.lastError, true); }
@@ -467,7 +556,31 @@
     catch (error) { showError(error); }
     finally { app.stopping = false; readiness(); }
   }
-  async function loadReport(runId) { await work(async () => { const result = await api(`/api/report?runId=${encodeURIComponent(runId)}`); app.report = result.report; app.reportMarkdown = result.markdown; app.selectedRun = runId; renderReport(); $('report-panel').hidden = false; $('report-panel').scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }
+  async function loadReport(runId) { await work(async () => { const result = await api(`/api/report?runId=${encodeURIComponent(runId)}`); app.report = result.report; app.reportMarkdown = result.markdown; app.selectedRun = runId; renderReport(); readiness(); $('report-panel').hidden = false; $('report-panel').scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }
+  async function prepareFailedCases() { await work(async () => {
+    const runId = app.selectedRun;
+    const report = app.report;
+    const navigationVersion = app.navigationVersion;
+    if (!app.connected || app.state?.active || !runId || !report?.cases?.some((item) => item.status === 'failed' || item.status === 'error')) return;
+    const result = await api(`/api/rerun?runId=${encodeURIComponent(runId)}`);
+    if (app.selectedRun !== runId || app.report !== report || app.view !== 'history' || app.navigationVersion !== navigationVersion) return;
+    await refresh(false);
+    if (app.selectedRun !== runId || app.report !== report || app.view !== 'history' || app.navigationVersion !== navigationVersion || !app.connected || app.state?.active) return;
+    if (!confirmScenarioReplacement('app.confirmReplaceDraft')) return;
+    targetOptions();
+    $('flow-input').value = result.flow || '';
+    setDraft(result.suite, result.script, 'library', result.flow || '', result.file, result.suiteHash);
+    app.selectedCaseIds = new Set(result.caseIds);
+    renderCaseSelection();
+    const target = app.displayTargets.find((item) => item.name === result.targetName);
+    const sameTarget = result.targetMatches === true && target?.targetFingerprint === result.targetFingerprint;
+    $('target-select').value = sameTarget ? target.name : '';
+    app.rerunTargetMismatch = !sameTarget;
+    app.rerunOrigin = { runId: result.originRunId, count: result.caseIds.length };
+    renderRerunHints(); targetDescription();
+    noticeKey(sameTarget ? 'app.rerunPrepared' : 'app.rerunPreparedTarget', app.rerunOrigin);
+    view('scenario');
+  }); }
   async function downloadReportMarkdown() {
     const runId = app.selectedRun; const locale = i18n.locale();
     if (!runId || !app.report) return;
@@ -533,7 +646,7 @@
       if (input) { input.focus(); if (Number.isInteger(focus.start)) input.setSelectionRange(focus.start, focus.end); }
     }
     summarize(app.draft, true); renderCaseSelection();
-    renderActive(); targetDescription(); renderLibrary(); renderHistory(); renderComparisonOptions(); renderComparison(); renderReport();
+    renderActive(); targetDescription(); renderRerunHints(); renderLibrary(); renderHistory(); renderComparisonOptions(); renderComparison(); renderReport();
     if (app.comparisonStatus) comparisonStatus(app.comparisonStatus, app.comparisonStatusParams || {}, app.comparisonStatus === 'comparison.error');
     app.reportMarkdown = '';
     if (app.notice) $('notice').textContent = t(app.notice.key, app.notice.params);
@@ -543,8 +656,10 @@
     window.addEventListener('beforeunload', warnBeforeUnload);
     document.querySelectorAll('[data-view]').forEach((button) => button.addEventListener('click', () => view(button.dataset.view)));
     $('library-search').addEventListener('input', renderLibrary);
-    $('history-search').addEventListener('input', renderHistory);
-    $('history-status-filter').addEventListener('change', renderHistory);
+    $('history-search').addEventListener('input', () => refreshHistory(150));
+    $('history-status-filter').addEventListener('change', () => refreshHistory());
+    $('history-refresh').addEventListener('click', () => refreshHistory());
+    $('history-load-more').addEventListener('click', loadMoreHistory);
     for (const id of ['compare-baseline', 'compare-current']) $(id).addEventListener('change', clearComparison);
     $('compare-btn').addEventListener('click', compareRuns);
     $('compare-swap').addEventListener('click', () => { const pair = comparisonPair(); $('compare-baseline').value = pair.current; $('compare-current').value = pair.baseline; clearComparison(); });
@@ -561,7 +676,7 @@
       const unsavedJson = json.trim() && (!app.savedFile || json !== JSON.stringify(app.draft, null, 2));
       if (unsavedJson && !confirmScenarioReplacement('app.confirmNewDraft')) return;
       app.draft = null; app.selectedCaseIds = new Set(); app.script = ''; app.savedFile = ''; app.savedHash = '';
-      app.origin = 'none'; app.sourceFlow = ''; app.boundSource = null; app.stale = false; app.dirty = false;
+      app.origin = 'none'; app.sourceFlow = ''; app.boundSource = null; app.stale = false; app.dirty = false; app.rerunOrigin = null; app.rerunTargetMismatch = false; renderRerunHints();
       $('suite-editor').value = ''; $('review-checkbox').checked = false;
       summarize(null); renderCaseSelection(); readiness();
       noticeKey('app.newDraftNotice');
@@ -570,7 +685,7 @@
     $('flow-input').addEventListener('input', () => { if (app.origin === 'imported' ? $('flow-input').value !== editableFlow(app.sourceFlow) : (app.sourceFlow || app.boundSource) && $('flow-input').value.trim() !== editableFlow(app.sourceFlow).trim()) { app.stale = true; app.savedHash = ''; $('review-checkbox').checked = false; } readiness(); });
     $('scenario-platform').addEventListener('change', () => { app.planRequest += 1; if (app.draft) { app.stale = true; app.savedHash = ''; } $('review-checkbox').checked = false; readiness(); });
     $('suite-editor').addEventListener('input', () => { app.dirty = true; app.script = ''; app.savedFile = ''; app.savedHash = ''; if (app.origin === 'none') app.origin = 'manual'; $('review-checkbox').checked = false; summarize(null); readiness(); });
-    $('review-checkbox').addEventListener('change', readiness); $('target-select').addEventListener('change', () => { $('review-checkbox').checked = false; targetDescription(); });
+    $('review-checkbox').addEventListener('change', readiness); $('target-select').addEventListener('change', () => { $('review-checkbox').checked = false; if ($('target-select').value) { app.rerunTargetMismatch = false; renderRerunHints(); } targetDescription(); });
     $('case-selection-list').addEventListener('change', (event) => { const input = event.target.closest('input[data-case-id]'); if (!input) return; const next = new Set(app.selectedCaseIds); if (input.checked) next.add(input.dataset.caseId); else next.delete(input.dataset.caseId); changeCaseSelection(next); });
     $('select-all-cases').addEventListener('click', () => changeCaseSelection((app.draft?.cases || []).map((item) => item.id)));
     $('clear-case-selection').addEventListener('click', () => changeCaseSelection([]));
@@ -583,6 +698,7 @@
     $('script-download').addEventListener('click', () => { if (app.draft && !app.dirty && !app.stale) download(`${app.draft.id || 'flow-qa'}.test.mjs`, app.script, 'text/javascript'); });
     $('report-md').addEventListener('click', downloadReportMarkdown);
     $('report-json').addEventListener('click', () => { if (app.report) download(`${app.selectedRun}.json`, JSON.stringify(app.report, null, 2), 'application/json'); });
+    $('report-rerun').addEventListener('click', prepareFailedCases);
     $('target-form').addEventListener('submit', saveTarget);
     $('target-kind').addEventListener('change', targetFields); targetFields();
     $('language-select').addEventListener('change', (event) => i18n.setLocale(event.currentTarget.value));

package/dist/src/ui/public/i18n.js

@@ -89,6 +89,16 @@
     'history.searchPlaceholder': ['Suite ID, run ID, or target name', '스위트 ID, 실행 ID 또는 대상 이름'],
     'history.statusFilter': ['Run status', '실행 상태'],
     'history.statusAll': ['All statuses', '전체 상태'],
+    'history.loadMore': ['Load more', '더 불러오기'],
+    'history.retryMore': ['Retry loading more', '더 불러오기 재시도'],
+    'history.refresh': ['Refresh history', '실행 기록 새로고침'],
+    'history.pageCount': ['Showing {count} runs', '{count}건 표시 중'],
+    'history.end': ['End of results', '모든 결과를 표시했습니다'],
+    'history.loading': ['Loading run history…', '실행 기록을 불러오는 중…'],
+    'history.loadingMore': ['Loading more runs…', '실행 기록을 더 불러오는 중…'],
+    'history.loadError': ['Could not load run history. Try Refresh history.', '실행 기록을 불러오지 못했습니다. 실행 기록 새로고침을 눌러 다시 시도하세요.'],
+    'history.loadMoreError': ['Could not load more runs. Retry loading more.', '실행 기록을 더 불러오지 못했습니다. 다시 시도하세요.'],
+    'history.updatesAvailable': ['Recent runs changed. Refresh history to update this list.', '최근 실행 기록이 변경됐습니다. 실행 기록을 새로고침해 목록을 갱신하세요.'],
     'comparison.title': ['Compare two runs', '실행 2건 비교'],
     'comparison.help': ['Choose a baseline and current run to compare case outcomes. Inspect detailed reports for evidence.', '기준 실행과 현재 실행을 선택해 케이스 결과를 비교하세요. 증거는 상세 보고서에서 확인하세요.'],
     'comparison.baseline': ['Baseline run', '기준 실행'],
@@ -131,6 +141,8 @@
     'comparison.error': ['Comparison failed: {message}', '비교 실패: {message}'],
     'comparison.runLabel': ['{date} · {suite} · {shortId} · {target} · {status} · {id}', '{date} · {suite} · {shortId} · {target} · {status} · {id}'],
     'history.report': ['Detailed report', '상세 보고서'],
+    'history.prepareFailed': ['Prepare failed/error cases', '실패·오류 케이스 준비'],
+    'history.prepareHint': ['Only failed and error cases are selected. Passed, flaky, blocked, and skipped cases are excluded. Preparation never starts a run.', '실패·오류 케이스만 선택합니다. 통과·간헐 실패·차단·건너뜀 케이스는 제외됩니다. 준비만으로 실행은 시작되지 않습니다.'],
     'history.downloadMarkdown': ['Download Markdown', 'Markdown 다운로드'],
     'history.downloadJson': ['Download JSON', 'JSON 다운로드'],
     'history.evidenceHint': ['The report summarizes results. Open or download screenshots and recordings from each attempt. Evidence files are not included in report downloads.', '보고서는 결과 요약입니다. 스크린샷·화면 기록은 각 시도에서 열거나 개별 다운로드하세요. 증거 파일은 보고서 다운로드에 포함되지 않습니다.'],
@@ -306,6 +318,9 @@
     'app.savedSuite': ['Cases saved to a separate file: {file}. Review them again before running.', '케이스를 별도 파일로 저장했습니다: {file}. 실행 전 내용을 다시 검토하세요.'],
     'app.runNotReady': ['Save or reload cases, select a target, and review the contents before running.', '케이스 저장 또는 다시 불러오기, 대상 선택, 직접 검토가 필요합니다.'],
     'app.runStarted': ['Run started. Task ID: {id}', '실행을 시작했습니다. 작업 ID: {id}'],
+    'app.rerunPrepared': ['Prepared {count} failed/error cases from run {runId}. Review the cases and target before starting a new run.', '실행 {runId}의 실패·오류 케이스 {count}개를 준비했습니다. 새 실행 전 케이스와 대상을 검토하세요.'],
+    'app.rerunPreparedTarget': ['Prepared {count} failed/error cases from run {runId}. The target changed or is unavailable. Select and review a target before starting a new run.', '실행 {runId}의 실패·오류 케이스 {count}개를 준비했습니다. 대상이 변경되었거나 없습니다. 새 실행 전 대상을 선택하고 검토하세요.'],
+    'app.rerunTargetMismatch': ['The report target changed or is unavailable. Select a current target and review it before running.', '보고서의 대상이 변경되었거나 없습니다. 현재 대상을 선택하고 검토한 뒤 실행하세요.'],
     'app.stopRequested': ['Stop request sent. Checking the final state.', '중지 요청을 보냈습니다. 실제 종료 상태를 확인 중입니다.'],
     'app.reportStatus': ['Status {status}', '상태 {status}'],
     'app.reportTarget': ['Target {target}', '대상 {target}'],

package/dist/src/ui/public/index.html

@@ -81,8 +81,8 @@
             <section class="execution-section" aria-labelledby="run-title">
               <div class="section-head"><span class="section-number">03</span><div><h2 id="run-title" data-i18n="scenario.runTitle">Review, then run</h2><p data-i18n="scenario.runHelp">Select a target and confirm you have reviewed the cases.</p></div></div>
               <div class="execution-grid">
-                <div class="target-field"><label for="target-select" class="field-label" data-i18n="scenario.target">Run target</label><select id="target-select"><option value="" data-i18n="scenario.selectTarget">Select a target</option></select><p id="target-description" class="hint" data-i18n="scenario.targetHint">You can add a target in Connections.</p><p id="mobile-setup-hint" class="hint" hidden data-i18n="scenario.mobileSetup">For iOS, prepare Xcode, a simulator or signed device, and app signing. For Android, prepare the Android SDK and an emulator or authorized device. Configuration alone does not verify device access.</p></div>
-                <div class="execution-confirm"><div class="case-selection"><div class="case-selection-head"><h3 id="case-selection-title" data-i18n="scenario.selectionTitle">Cases to run</h3><span id="case-selection-summary" role="status" aria-live="polite"></span></div><p class="hint" data-i18n="scenario.selectionHint">Each selected case must establish its own starting state. Excluded cases are not assessed.</p><div class="actions"><button type="button" id="select-all-cases" class="button quiet" data-i18n="scenario.selectAllCases">Select all</button><button type="button" id="clear-case-selection" class="button quiet" data-i18n="scenario.clearSelection">Clear selection</button></div><div id="case-selection-list" role="group" aria-labelledby="case-selection-title"></div></div><p id="case-readiness" class="hint"></p><label class="review-line"><input type="checkbox" id="review-checkbox"><span data-i18n="scenario.reviewConfirm">I have reviewed the requirements, case steps, and expected results.</span></label><div class="run-bar"><span id="run-readiness" data-i18n="scenario.runInitial">Validated cases and a run target are required.</span><div class="actions"><button type="button" id="stop-btn" class="button quiet" hidden data-i18n="scenario.stop">Stop run</button><button type="button" id="run-btn" class="button primary" disabled><span data-i18n="scenario.run">Run QA</span><span aria-hidden="true">→</span></button></div></div></div>
+                <div class="target-field"><label for="target-select" class="field-label" data-i18n="scenario.target">Run target</label><select id="target-select"><option value="" data-i18n="scenario.selectTarget">Select a target</option></select><p id="target-description" class="hint" data-i18n="scenario.targetHint">You can add a target in Connections.</p><p id="rerun-target-hint" class="hint" hidden></p><p id="mobile-setup-hint" class="hint" hidden data-i18n="scenario.mobileSetup">For iOS, prepare Xcode, a simulator or signed device, and app signing. For Android, prepare the Android SDK and an emulator or authorized device. Configuration alone does not verify device access.</p></div>
+                <div class="execution-confirm"><div class="case-selection"><div class="case-selection-head"><h3 id="case-selection-title" data-i18n="scenario.selectionTitle">Cases to run</h3><span id="case-selection-summary" role="status" aria-live="polite"></span></div><p id="rerun-origin-hint" class="hint" hidden></p><p class="hint" data-i18n="scenario.selectionHint">Each selected case must establish its own starting state. Excluded cases are not assessed.</p><div class="actions"><button type="button" id="select-all-cases" class="button quiet" data-i18n="scenario.selectAllCases">Select all</button><button type="button" id="clear-case-selection" class="button quiet" data-i18n="scenario.clearSelection">Clear selection</button></div><div id="case-selection-list" role="group" aria-labelledby="case-selection-title"></div></div><p id="case-readiness" class="hint"></p><label class="review-line"><input type="checkbox" id="review-checkbox"><span data-i18n="scenario.reviewConfirm">I have reviewed the requirements, case steps, and expected results.</span></label><div class="run-bar"><span id="run-readiness" data-i18n="scenario.runInitial">Validated cases and a run target are required.</span><div class="actions"><button type="button" id="stop-btn" class="button quiet" hidden data-i18n="scenario.stop">Stop run</button><button type="button" id="run-btn" class="button primary" disabled><span data-i18n="scenario.run">Run QA</span><span aria-hidden="true">→</span></button></div></div></div>
               </div>
             </section>
           </div>
@@ -93,7 +93,7 @@
         </section>
         <section id="view-history" class="view" hidden>
           <div class="page-heading"><p class="eyebrow" data-i18n="history.eyebrow">03 / RUNS</p><h1 data-i18n="nav.history">Run history</h1><p data-i18n="history.intro">Only runs that actually started appear here. Once results are saved, you can view the detailed report.</p></div>
-          <section class="list-section"><div class="section-head"><span class="section-number">01</span><div><h2 data-i18n="history.title">Runs</h2><p data-i18n="history.help">Check the completed report for the final status.</p></div></div><div class="section-body form-stack"><label for="history-search" data-i18n="history.searchLabel">Search runs</label><input id="history-search" type="search" aria-controls="history-list" placeholder="Suite ID, run ID, or target name" data-i18n-placeholder="history.searchPlaceholder"><label for="history-status-filter" data-i18n="history.statusFilter">Run status</label><select id="history-status-filter" aria-controls="history-list"><option value="" data-i18n="history.statusAll">All statuses</option><option value="passed" data-i18n="status.passed">passed</option><option value="failed" data-i18n="status.failed">failed</option><option value="blocked" data-i18n="status.blocked">blocked</option><option value="error" data-i18n="status.error">error</option><option value="interrupted" data-i18n="status.interrupted">interrupted</option></select><div id="history-list" class="list-body"></div></div></section>
+          <section class="list-section"><div class="section-head"><span class="section-number">01</span><div><h2 data-i18n="history.title">Runs</h2><p data-i18n="history.help">Check the completed report for the final status.</p></div></div><div class="section-body form-stack"><label for="history-search" data-i18n="history.searchLabel">Search runs</label><input id="history-search" type="search" maxlength="200" aria-controls="history-list" placeholder="Suite ID, run ID, or target name" data-i18n-placeholder="history.searchPlaceholder"><label for="history-status-filter" data-i18n="history.statusFilter">Run status</label><select id="history-status-filter" aria-controls="history-list"><option value="" data-i18n="history.statusAll">All statuses</option><option value="passed" data-i18n="status.passed">passed</option><option value="failed" data-i18n="status.failed">failed</option><option value="blocked" data-i18n="status.blocked">blocked</option><option value="error" data-i18n="status.error">error</option><option value="interrupted" data-i18n="status.interrupted">interrupted</option></select><div id="history-list" class="list-body" aria-busy="false"></div><p id="history-page-status" class="hint" role="status" aria-live="polite"></p><div class="actions"><button type="button" id="history-load-more" class="button" data-i18n="history.loadMore" hidden>Load more</button><button type="button" id="history-refresh" class="button quiet" data-i18n="history.refresh">Refresh history</button></div></div></section>
           <section id="comparison-panel" class="comparison-panel" aria-labelledby="comparison-title">
             <div class="section-head"><span class="section-number">02</span><div><h2 id="comparison-title" data-i18n="comparison.title">Compare two runs</h2><p data-i18n="comparison.help">Choose a baseline and current run to compare case outcomes. This does not replace either detailed report.</p></div></div>
             <div class="section-body">
@@ -104,7 +104,7 @@
               <div id="comparison-results" hidden><div id="comparison-warnings"></div><div id="comparison-summary"></div><div class="comparison-filter-row"><label for="comparison-filter" data-i18n="comparison.filter">Show cases</label><select id="comparison-filter" aria-controls="comparison-content"><option value="" data-i18n="comparison.all">All categories</option><option value="newly-failed" data-i18n="comparison.newlyFailed">Newly failed</option><option value="now-passed" data-i18n="comparison.nowPassed">Now passed</option><option value="changed" data-i18n="comparison.changed">Changed status</option><option value="unchanged" data-i18n="comparison.unchanged">Same status</option><option value="added" data-i18n="comparison.added">Added to current</option><option value="missing" data-i18n="comparison.missing">Missing from current</option></select></div><div class="actions comparison-actions"><button type="button" id="comparison-md" class="button" data-i18n="comparison.downloadMarkdown" disabled>Download comparison Markdown</button><button type="button" id="comparison-json" class="button quiet" data-i18n="comparison.downloadJson" disabled>Download comparison JSON</button><button type="button" id="compare-open-baseline" class="button quiet" data-i18n="comparison.openBaseline" disabled>View baseline report</button><button type="button" id="compare-open-current" class="button quiet" data-i18n="comparison.openCurrent" disabled>View current report</button></div><div id="comparison-content"></div></div>
             </div>
           </section>
-          <section id="report-panel" class="report-panel" hidden><div class="section-head"><span class="section-number">03</span><div><h2 data-i18n="history.report">Detailed report</h2><p id="report-heading"></p></div></div><div class="section-body"><div class="actions"><button type="button" id="report-md" class="button" data-i18n="history.downloadMarkdown">Download Markdown</button><button type="button" id="report-json" class="button quiet" data-i18n="history.downloadJson">Download JSON</button></div><p class="hint" data-i18n="history.evidenceHint">The report summarizes results. Open or download screenshots and recordings from each attempt. Evidence files are not included in report downloads.</p><div id="report-content"></div></div></section>
+          <section id="report-panel" class="report-panel" hidden><div class="section-head"><span class="section-number">03</span><div><h2 data-i18n="history.report">Detailed report</h2><p id="report-heading"></p></div></div><div class="section-body"><div class="actions"><button type="button" id="report-md" class="button" data-i18n="history.downloadMarkdown">Download Markdown</button><button type="button" id="report-json" class="button quiet" data-i18n="history.downloadJson">Download JSON</button><button type="button" id="report-rerun" class="button primary" disabled data-i18n="history.prepareFailed">Prepare failed/error cases</button></div><p class="hint" data-i18n="history.prepareHint">Passed, flaky, blocked, and skipped cases are excluded. Preparation does not start a run.</p><p class="hint" data-i18n="history.evidenceHint">The report summarizes results. Open or download screenshots and recordings from each attempt. Evidence files are not included in report downloads.</p><div id="report-content"></div></div></section>
         </section>
         <section id="view-settings" class="view" hidden>
           <div class="page-heading"><p class="eyebrow" data-i18n="settings.eyebrow">04 / CONNECTIONS</p><h1 data-i18n="nav.settings">Connections</h1><p data-i18n="settings.intro">Configure run targets and models separately. Key values are read only from server environment variables.</p></div>

package/dist/src/ui/server.js

@@ -28,6 +28,13 @@ const PLAN_TIMEOUT_MS = 65_000;
 const CLOSE_WAIT_MS = 10_000;
 const BROWSER_INSTALL_COMMAND = 'flow-qa browser install';
 const RUN_ID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+const RUN_STATUSES = new Set(['passed', 'failed', 'blocked', 'error', 'interrupted']);
+const RUN_HISTORY_LIMIT = 50;
+const RUN_CURSOR_MAX_LENGTH = 512;
+const runCursorSchema = z.object({
+    version: z.literal(1), mtime: z.number().finite().nonnegative(), id: z.string().regex(RUN_ID),
+    filterHash: z.string().regex(/^[0-9a-f]{64}$/),
+}).strict();
 const FILE_NAME = /^[A-Za-z0-9][A-Za-z0-9._-]{0,159}$/;
 const reportEnvelope = z.object({
     schemaVersion: z.literal('flow-qa/report-1'), runId: z.string().regex(RUN_ID), suiteId: idSchema,
@@ -69,6 +76,29 @@ class HTTPError extends Error {
 }
 function invalid(message = 'Invalid input.') { throw new HTTPError(400, message); }
 function notFound() { throw new HTTPError(404, 'The requested item was not found.'); }
+function runFilterHash(query, status) {
+    return sha256(JSON.stringify([query, status]));
+}
+// The cursor is independent of page size, so clients may change limit between pages.
+function encodeRunCursor(candidate, filterHash) {
+    return Buffer.from(JSON.stringify({ version: 1, mtime: candidate.mtime, id: candidate.id, filterHash })).toString('base64url');
+}
+function decodeRunCursor(value, filterHash) {
+    if (value.length === 0 || value.length > RUN_CURSOR_MAX_LENGTH || !/^[A-Za-z0-9_-]+$/.test(value))
+        invalid('Invalid run cursor.');
+    try {
+        const bytes = Buffer.from(value, 'base64url');
+        if (bytes.toString('base64url') !== value)
+            invalid('Invalid run cursor.');
+        const parsed = runCursorSchema.safeParse(JSON.parse(bytes.toString('utf8')));
+        if (!parsed.success || parsed.data.filterHash !== filterHash)
+            invalid('Invalid run cursor.');
+        return { id: parsed.data.id, mtime: parsed.data.mtime };
+    }
+    catch {
+        return invalid('Invalid run cursor.');
+    }
+}
 const SCHEMA_FIELDS = new Set([
     'suite', 'schemaVersion', 'id', 'title', 'source', 'file', 'sha256', 'requirements', 'cases',
     'requirementIds', 'preconditions', 'questions', 'steps', 'type', 'path', 'instruction',
@@ -379,7 +409,7 @@ export async function startUIServer(options) {
         }
         return { report: raw, ...(markdown === undefined ? {} : { markdown }) };
     }
-    async function runs() {
+    async function runCandidates() {
         const root = await directory(['.flowqa', 'runs']);
         if (!root)
             return [];
@@ -394,17 +424,26 @@ export async function startUIServer(options) {
             }
             catch { /* incomplete run */ }
         }
-        candidates.sort((a, b) => b.mtime - a.mtime);
+        return candidates.sort((a, b) => b.mtime - a.mtime || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0));
+    }
+    async function runSummaries(limit, query = '', status = '', after) {
         const history = [];
-        for (const candidate of candidates) {
-            if (history.length === 50)
-                break;
+        for (const candidate of await runCandidates()) {
+            if (after && (candidate.mtime > after.mtime || (candidate.mtime === after.mtime && candidate.id <= after.id)))
+                continue;
             try {
                 const { report: item } = await report(candidate.id, false);
-                history.push({ runId: item.runId, suiteId: item.suiteId, status: item.status, startedAt: item.startedAt,
+                if (status && item.status !== status)
+                    continue;
+                if (query && ![item.suiteId, item.runId, item.target.name].some((field) => field.toLowerCase().includes(query)))
+                    continue;
+                const summary = { runId: item.runId, suiteId: item.suiteId, status: item.status, startedAt: item.startedAt,
                     finishedAt: item.finishedAt, caseCount: item.cases.length,
                     passedCount: item.cases.filter((entry) => entry.status === 'passed' || entry.status === 'flaky').length,
-                    target: item.target, ...(item.selection ? { selection: item.selection } : {}) });
+                    target: item.target, ...(item.selection ? { selection: item.selection } : {}) };
+                history.push({ candidate, summary });
+                if (history.length === limit)
+                    break;
             }
             catch { /* incomplete or unsafe run */ }
         }
@@ -446,7 +485,7 @@ export async function startUIServer(options) {
         if (request.method === 'GET') {
             if (url.pathname === '/api/state') {
                 const settings = await config();
-                const history = await runs();
+                const history = (await runSummaries(RUN_HISTORY_LIMIT)).map(({ summary }) => summary);
                 sendJSON(response, 200, { csrfToken: token,
                     targets: Object.entries(settings.targets).map(([name, target]) => ({ name, ...target, targetFingerprint: targetFingerprint(target) })),
                     models: { planner: modelState(settings.planner), agent: modelState(settings.agent) },
@@ -457,6 +496,31 @@ export async function startUIServer(options) {
                     ...(lastError ? { lastError: localizeProductMessage(lastError, locale) } : {}) });
                 return;
             }
+            if (url.pathname === '/api/runs') {
+                for (const key of ['query', 'status', 'limit', 'cursor']) {
+                    if (url.searchParams.getAll(key).length > 1)
+                        invalid();
+                }
+                const query = (url.searchParams.get('query') ?? '').trim();
+                if (query.length > 200)
+                    invalid('Run query is too long.');
+                const normalizedQuery = query.toLowerCase();
+                const status = url.searchParams.get('status') ?? '';
+                if (status && !RUN_STATUSES.has(status))
+                    invalid('Invalid run status.');
+                const rawLimit = url.searchParams.get('limit');
+                if (rawLimit !== null && !/^(?:[1-9]|[1-4][0-9]|50)$/.test(rawLimit))
+                    invalid('Invalid run limit.');
+                const limit = rawLimit === null ? RUN_HISTORY_LIMIT : Number(rawLimit);
+                const filterHash = runFilterHash(normalizedQuery, status);
+                const rawCursor = url.searchParams.get('cursor');
+                const after = rawCursor === null ? undefined : decodeRunCursor(rawCursor, filterHash);
+                const rows = await runSummaries(limit + 1, normalizedQuery, status, after);
+                const runs = rows.slice(0, limit);
+                sendJSON(response, 200, { runs: runs.map(({ summary }) => summary),
+                    nextCursor: rows.length > limit ? encodeRunCursor(runs.at(-1).candidate, filterHash) : null });
+                return;
+            }
             if (url.pathname === '/api/suite') {
                 const file = url.searchParams.get('file');
                 if (!file)
@@ -471,6 +535,59 @@ export async function startUIServer(options) {
                 sendJSON(response, 200, await report(runId, true, locale));
                 return;
             }
+            if (url.pathname === '/api/rerun') {
+                const runId = url.searchParams.get('runId');
+                if (!runId)
+                    invalid('A run ID is required.');
+                const { report: previous } = await report(runId, false);
+                const matches = (await suites()).filter((item) => item.id === previous.suiteId);
+                if (matches.length === 0)
+                    throw new HTTPError(409, 'No saved case file matches this report.');
+                if (matches.length > 1)
+                    throw new HTTPError(409, 'Multiple saved case files match this report.');
+                const file = matches[0].file;
+                let selected;
+                try {
+                    selected = await getSuite(file, true);
+                }
+                catch (error) {
+                    if (error instanceof HTTPError && error.status === 404) {
+                        throw new HTTPError(409, 'The saved case file or source flow was not found.');
+                    }
+                    if (error instanceof HTTPError && error.status === 400) {
+                        throw new HTTPError(409, 'The saved case file or source flow is invalid.');
+                    }
+                    throw error;
+                }
+                const { suite } = selected;
+                if (sha256(`${JSON.stringify(suite, null, 2)}\n`) !== previous.suiteHash) {
+                    throw new HTTPError(409, 'The saved case file changed since this run. Review it before rerunning.');
+                }
+                const available = new Set(suite.cases.map((item) => item.id));
+                if (previous.cases.some((item) => !item.id.trim() || !available.has(item.id)) ||
+                    new Set(previous.cases.map((item) => item.id)).size !== previous.cases.length ||
+                    (!previous.selection && previous.cases.length !== suite.cases.length)) {
+                    throw new HTTPError(409, 'The report cases do not match the saved case file.');
+                }
+                if (previous.selection && (previous.selection.totalCases !== suite.cases.length ||
+                    !isReportSelectionValid(previous.cases, previous.selection))) {
+                    throw new HTTPError(409, 'The report selection does not match the saved case file.');
+                }
+                const failing = new Set(previous.cases.filter((item) => item.status === 'failed' || item.status === 'error').map((item) => item.id));
+                const caseIds = suite.cases.filter((item) => failing.has(item.id)).map((item) => item.id);
+                if (caseIds.length === 0)
+                    throw new HTTPError(409, 'No failed or errored cases are available to rerun.');
+                const settings = await config();
+                const targetName = previous.target.name;
+                const expectedFingerprint = targetFingerprint(previous.target);
+                const currentTarget = Object.hasOwn(settings.targets, targetName) ? settings.targets[targetName] : undefined;
+                sendJSON(response, 200, { originRunId: runId, file, ...selected, caseIds, targetName,
+                    targetFingerprint: expectedFingerprint,
+                    targetMatches: Boolean(currentTarget &&
+                        (suite.platform ?? 'web') === (currentTarget.kind === 'mobile' ? 'mobile' : 'web') &&
+                        targetFingerprint(currentTarget) === expectedFingerprint) });
+                return;
+            }
             if (url.pathname === '/api/comparison') {
                 const baseline = url.searchParams.get('baseline');
                 const current = url.searchParams.get('current');

package/docs/releases.md

@@ -2,6 +2,30 @@
 
 The alpha entries below are historical release records. They document earlier package versions and checks.
 
+## 0.6.0: search and page through the full run history
+
+Run-history search and status filters now cover every valid saved report instead of only the latest 50. **Load more** appends up to 50 older matches, and **Refresh history** restarts the list with the same filters. Loaded counts, end-of-results, loading, and retry messages make the current scope explicit. Opening an older report supports the existing downloads and failed/error-case preparation.
+
+The read-only `/api/runs` endpoint applies search and status before pagination, reuses the safe report loader, and uses a bounded cursor tied to the normalized filters. Ordering is by run-directory modification time with a UUID tie-breaker; new records ahead of the cursor do not duplicate earlier pages. External changes to an existing directory's modification time can reorder it, so this remains a live view rather than a snapshot. `/api/state` and comparison selectors retain their most recent 50-report contract.
+
+The UI retains loaded pages through navigation and language changes, ignores late responses for previous queries, and preserves rows/cursors on a failed append. A first page updates when recent records change; multiple loaded pages stay visible with refresh guidance. Updates arriving during a pending first-page request trigger a follow-up refresh. Search and paging preserve the open report and scenario draft.
+
+Locally verified on macOS with Node.js 24.22.1 on 2026-11-06: 118 tests, type checking, UI syntax/design-system audit, existing demo and UI checks passed. A dedicated Chromium smoke created 72 synthetic reports to check older-record search, combined filters, page boundaries, retry, duplicate prevention, polling/query races, old-report download/preparation, English/Korean, and 390px layout. A fresh tarball installation verified full-history search and paging beyond 50 alongside the existing seven passing browser cases. No model calls, external logins, or native-device runs were used.
+
+- Package: [`@ihyeon/flow-qa@0.6.0`](https://www.npmjs.com/package/@ihyeon/flow-qa/v/0.6.0)
+- Release: [GitHub 0.6.0](https://github.com/hyeonse-swing/flow-qa/releases/tag/v0.6.0)
+
+## 0.5.0: prepare failed cases from a report
+
+Adds **Prepare failed/error cases** to detailed reports. It loads the unchanged saved suite, selects only recorded `failed` and `error` cases in suite order, and opens Scenario with a fresh review requirement. Passed, flaky, blocked, and skipped cases are excluded. Preparation is read-only and never starts a run or calls a model. Unsaved drafts require confirmation; failed preparation and late responses after navigation preserve the draft.
+
+Preparation requires one matching saved suite, the exact parsed suite snapshot hash, a valid linked source, and coherent full/partial report IDs. Missing, changed, or ambiguous inputs stop preparation with guidance. A changed or missing target is cleared for explicit selection; even a matching target requires renewed review. Existing execution-time checks remain in force. The next run writes its own ordinary selected-scope report; the original report remains unchanged, and no persistent parent-run link is added.
+
+Locally verified on macOS with Node.js 24.22.1 on 2026-11-03: 117 tests, type checking, UI syntax and design-system audit, and demo/UI checks passed. The dedicated Chromium smoke covered all six case statuses, unsaved-draft acceptance/cancellation, changed suite and target, navigation during a delayed response, English/Korean, and a 390px layout. It executed two prepared cases successfully with zero requests from the excluded sentinel. A fresh tarball installation prepared a synthetic failed report and ran that selection in a real browser, alongside full-run/comparison checks (seven passing browser cases). The existing import smoke now waits for save completion before asserting download readiness. No model calls, external logins, or native-device runs were used.
+
+- Package: [`@ihyeon/flow-qa@0.5.0`](https://www.npmjs.com/package/@ihyeon/flow-qa/v/0.5.0)
+- Release: [GitHub 0.5.0](https://github.com/hyeonse-swing/flow-qa/releases/tag/v0.5.0)
+
 ## 0.4.0: run selected cases
 
 Adds case selection to the execution panel and repeated `--case <id>` flags to CLI runs. Selecting or clearing cases resets UI review, and execution still requires the reviewed file and target fingerprints. Unknown, duplicate, and empty selections are rejected. Selection is preserved across navigation, language changes, and polling, while a new draft starts with all cases selected.
@@ -122,7 +146,7 @@ Locally verified on macOS with Node.js 24.14.1 on 2026-10-12: 89 tests, type che
 
 A push to `main` publishes only when `package.json` changes to a new plain `X.Y.Z` version. Pull requests and pushes without a version change run verification without publishing. The package and lockfile versions must agree; the version must increase, and registry errors stop the release. Rerunning a successful publication skips the existing immutable npm version.
 
-The `publish` job in [ci.yml](../.github/workflows/ci.yml) waits for the full verification matrix on Ubuntu and macOS, then publishes through npm trusted publishing (OIDC). It uses the `latest` tag, requires the registry's `gitHead` to match the workflow commit, and checks the published package with a fresh consumer installation, two full Chromium demo runs plus a one-case selected run (seven cases), and comparison of their saved reports. The commit check also applies when retrying an already published version. No npm token is stored in GitHub secrets. After the published package passes its consumer smoke check, a separate job creates the matching GitHub tag and release at the exact verified commit. It preserves existing releases and rejects a tag pointing to another commit. Rerunning an older release does not replace a newer latest release.
+The `publish` job in [ci.yml](../.github/workflows/ci.yml) waits for the full verification matrix on Ubuntu and macOS, then publishes through npm trusted publishing (OIDC). It uses the `latest` tag, requires the registry's `gitHead` to match the workflow commit, and checks the published package with a fresh consumer installation, two full Chromium demo runs plus a one-case selected run prepared from a synthetic failed report (seven cases), and comparison of their saved reports. The commit check also applies when retrying an already published version. No npm token is stored in GitHub secrets. After the published package passes its consumer smoke check, a separate job creates the matching GitHub tag and release at the exact verified commit. It preserves existing releases and rejects a tag pointing to another commit. Rerunning an older release does not replace a newer latest release.
 
 For the next release, update the release notes and current installation examples, then bump the version before committing and pushing:
 

package/docs/ui.md

@@ -66,11 +66,27 @@ From version `0.2.6`, **Case library** filters saved suites as you type in **Sea
 
 ### Filter run history
 
-From version `0.2.7`, **Run history → Run status** filters the loaded reports by passed, failed, blocked, error, or interrupted. Choose **All statuses** to restore the list. The selection stays while navigating, changing language, or receiving updated reports, and resets on page reload. The filter applies to the most recent 50 reports loaded by the UI; it does not search older history or individual case results. Filtering keeps the report already open and its downloads available.
+**Run history → Run status** filters reports by passed, failed, blocked, error, or interrupted. Choose **All statuses** to remove the status condition. From `0.6.0`, filtering searches all valid saved reports before pagination, including older records beyond the most recent 50. The selection stays while navigating, changing language, or receiving updated reports, and resets on page reload. Filtering keeps the report already open and its downloads available.
 
 ### Search run history
 
-From version `0.2.9`, **Run history → Search runs** matches part of a suite ID, run ID, or target name. Matching ignores letter case and surrounding whitespace, and supports Korean target names. Search combines with **Run status**; clear the search to return to the selected status. The query stays through navigation, language changes, and automatic report updates, and resets on page reload. Search covers the most recent 50 reports loaded by the UI, not older records, target URLs, or individual case content. Changing the query keeps the open report and its downloads available.
+**Run history → Search runs** matches part of a suite ID, run ID, or target name. Matching ignores letter case and surrounding whitespace, and supports Korean target names. Search combines with **Run status**; clear the search to return to the selected status. From `0.6.0`, search covers all valid saved reports, including older records. Target URLs and individual case content are not searched. Queries are limited to 200 characters.
+
+Results load 50 at a time, newest first by run-directory modification time, with run ID as a stable tie-breaker. **Load more** appends older matches. The displayed count describes loaded matches, not a global total. End-of-results, loading, and retry guidance distinguish an empty result from an unavailable request. A failed page request preserves loaded rows so you can retry.
+
+Changing search or status restarts at the first page. The query, status, and loaded pages stay through navigation and language changes, and reset on page reload. The open report, its downloads, and scenario draft stay intact. A delayed response from an older query cannot replace newer results. Older reports support the same report downloads and failed/error-case preparation.
+
+When recent run records change, a single loaded page refreshes automatically. If several pages are loaded, the UI keeps them and shows an update hint. **Refresh history** restarts at the first page with the current filters and also picks up external edits or deletions of older records. Pagination is a live view, not a frozen snapshot: newly added records appear when refreshed, and reports changed externally while paging may move. Invalid, incomplete, or unsafe report files are excluded. The comparison selectors still offer the latest 50 reports independently of this search.
+
+### Prepare failed cases
+
+From `0.5.0`, open **Run history → Detailed report → Prepare failed/error cases**. Only cases whose recorded status is `failed` or `error` are selected; `passed`, `flaky`, `blocked`, and `skipped` are excluded. The button is unavailable when no eligible cases exist or an operation is active. Preparation does not execute tests, call a model, or change files.
+
+The UI finds exactly one saved case file with the report's suite ID, verifies its complete parsed content against the run's snapshot hash, and verifies its linked source Markdown. Missing, changed, ambiguous, or unreadable inputs stop preparation without replacing your draft. Open the current case file from the library and review it manually when the test definition has changed. An unsaved draft requires confirmation before replacement.
+
+Successful preparation opens Scenario with the original source and failed/error selection. The prior target is selected only when its current name and settings still match the recorded target. Otherwise the target is cleared for explicit selection. Review confirmation is always cleared; inspect the selected cases and target before pressing **Run QA**. The normal execution-time file, source, and target checks still apply. Each selected case must establish its own starting state. Mobile target matching compares configured selectors, not physical device identity.
+
+The preparation notice identifies the original run. The next execution creates a separate ordinary report with its selected scope; it does not overwrite the original report or store a persistent parent-run link. Selection stays through navigation, language changes, and polling, but resets on page reload.
 
 ### Compare two runs
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihyeon/flow-qa",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "license": "MIT",
   "author": "Hyeonse Im",
   "repository": {
@@ -57,7 +57,7 @@
     "check:ui": "node --check src/ui/public/app.js && node --check src/ui/public/display.js && node --check src/ui/public/i18n.js && hds-audit .",
     "demo:serve": "node examples/demo/server.ts",
     "demo:smoke": "node scripts/demo-smoke.ts",
-    "smoke:ui": "node scripts/ui-i18n-smoke.mjs && node scripts/ui-comparison-smoke.mjs && node scripts/ui-selection-smoke.mjs"
+    "smoke:ui": "node scripts/ui-i18n-smoke.mjs && node scripts/ui-comparison-smoke.mjs && node scripts/ui-selection-smoke.mjs && node scripts/ui-rerun-smoke.mjs && node scripts/ui-history-smoke.mjs"
   },
   "dependencies": {
     "@ai-sdk/openai-compatible": "3.0.53",