@ihyeon/flow-qa 0.2.6 → 0.2.8

package/README.ko.md

@@ -16,7 +16,7 @@ CLI와 `127.0.0.1` 전용 웹 UI를 제공합니다. UI는 영어로 시작하
 Node.js 24.x(24.22.1 이상) 또는 26.12.1 이상이 필요합니다. 브라우저는 첫 웹 실행 전에 설치합니다.
 
 ```sh
-npm install -g @ihyeon/flow-qa@0.2.6
+npm install -g @ihyeon/flow-qa@0.2.8
 flow-qa browser install
 flow-qa ui --demo
 ```

package/README.md

@@ -16,7 +16,7 @@ Flow QA is available as a CLI and a web UI bound to `127.0.0.1`. Provide a targe
 Node.js 24.x (24.22.1 or later) or 26.12.1 or later is required. Install Chromium before the first web run:
 
 ```sh
-npm install -g @ihyeon/flow-qa@0.2.6
+npm install -g @ihyeon/flow-qa@0.2.8
 flow-qa browser install
 flow-qa ui --demo
 ```

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

@@ -143,7 +143,16 @@
     const reqTitle = el('h3', '', t('app.requirements')); host.append(reqTitle);
     const reqList = el('ol', 'compact-list'); for (const req of suite.requirements || []) reqList.append(el('li', '', `${req.id} · ${req.text}`)); host.append(reqList);
     host.append(el('h3', 'case-title', t('app.caseSteps')));
-    for (const [index, item] of (suite.cases || []).entries()) {
+    const cases = suite.cases || [];
+    if (cases.length) {
+      const actions = el('div', 'actions');
+      const expand = el('button', 'button quiet', t('scenario.expandCases')); expand.type = 'button'; expand.id = 'expand-cases';
+      expand.addEventListener('click', () => host.querySelectorAll('details.case-review').forEach((detail) => { detail.open = true; }));
+      const collapse = el('button', 'button quiet', t('scenario.collapseCases')); collapse.type = 'button'; collapse.id = 'collapse-cases';
+      collapse.addEventListener('click', () => host.querySelectorAll('details.case-review').forEach((detail) => { detail.open = false; }));
+      actions.append(expand, collapse); host.append(actions);
+    }
+    for (const [index, item] of cases.entries()) {
       const detail = el('details', 'case-review'); detail.open = openCases ? !!openCases[index] : index === 0;
       detail.append(el('summary', '', `${item.id} · ${item.title}${item.questions?.length ? ` · ${t('app.caseBlocked')}` : ''}`));
       detail.append(el('p', 'hint', t('app.linkedRequirements', { ids: (item.requirementIds || []).join(', ') || t('app.none') })));
@@ -216,7 +225,10 @@
     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; }
-    for (const run of runs) {
+    const status = $('history-status-filter').value;
+    const matchingRuns = status ? runs.filter((run) => run.status === status) : runs;
+    if (!matchingRuns.length) { host.append(el('p', 'empty', t('app.historyNoStatusMatches'))); return; }
+    for (const run of matchingRuns) {
       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 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);
     }
@@ -397,6 +409,7 @@
     window.addEventListener('beforeunload', warnBeforeUnload);
     document.querySelectorAll('[data-view]').forEach((button) => button.addEventListener('click', () => view(button.dataset.view)));
     $('library-search').addEventListener('input', renderLibrary);
+    $('history-status-filter').addEventListener('change', renderHistory);
     $('nav-toggle').addEventListener('click', () => { const open = $('sidebar').classList.toggle('nav-open'); $('nav-toggle').setAttribute('aria-expanded', String(open)); });
     $('library-shortcut').addEventListener('click', () => view('library'));
     $('new-draft-btn').addEventListener('click', () => {

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

@@ -36,6 +36,8 @@
     'scenario.prompt': ['Download generation prompt', '생성 프롬프트 다운로드'],
     'scenario.reviewTitle': ['Review cases', '케이스 검토'],
     'scenario.reviewHelp': ['Open each case to inspect its actions and expected results.', '각 케이스를 펼쳐 행동과 기대 결과를 살펴보세요.'],
+    'scenario.expandCases': ['Expand all cases', '케이스 모두 펼치기'],
+    'scenario.collapseCases': ['Collapse all cases', '케이스 모두 접기'],
     'scenario.importFiles': ['Import case files', '케이스 파일 가져오기'],
     'scenario.importJson': ['TC JSON', 'TC JSON'],
     'scenario.importMarkdown': ['Source Markdown (optional)', '원본 Markdown (선택)'],
@@ -77,6 +79,8 @@
     'history.intro': ['Only runs that actually started appear here. Once results are saved, you can view the detailed report.', '실제로 시작된 실행만 표시합니다. 결과가 저장되면 상세 보고서를 볼 수 있습니다.'],
     'history.title': ['Runs', '실행 목록'],
     'history.help': ['Check the completed report for the final status.', '상태는 완료된 보고서 기준으로 확인하세요.'],
+    'history.statusFilter': ['Run status', '실행 상태'],
+    'history.statusAll': ['All statuses', '전체 상태'],
     'history.report': ['Detailed report', '상세 보고서'],
     'history.downloadMarkdown': ['Download Markdown', 'Markdown 다운로드'],
     'history.downloadJson': ['Download JSON', 'JSON 다운로드'],
@@ -211,6 +215,7 @@
     'app.load': ['Load', '불러오기'],
     'app.historyActiveEmpty': ['First run in progress. Its report will appear here when complete.', '첫 실행을 처리 중입니다. 완료되면 이곳에 보고서가 표시됩니다.'],
     'app.historyEmpty': ['No runs yet. Validate cases and select a target to start the first run.', '아직 실행 기록이 없습니다. 케이스를 검증하고 대상을 선택해 첫 실행을 시작하세요.'],
+    'app.historyNoStatusMatches': ['No runs match this status. Choose another status or All statuses.', '이 상태에 해당하는 실행이 없습니다. 다른 상태나 전체 상태를 선택하세요.'],
     'app.noTarget': ['no target', '대상 없음'],
     'app.runMeta': ['{date} · {target} · {passed}/{total} passed · {id}', '{date} · {target} · {passed}/{total} 통과 · {id}'],
     'app.viewReport': ['View report', '보고서 보기'],

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

@@ -92,7 +92,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 id="history-list" class="list-body"></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-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 id="report-panel" class="report-panel" hidden><div class="section-head"><span class="section-number">02</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>
         <section id="view-settings" class="view" hidden>

package/docs/mobile.md

@@ -9,7 +9,7 @@ Choose **Mobile** on the scenario screen, describe the flow, and generate or dow
 With the installed CLI:
 
 ```sh
-npm install -g @ihyeon/flow-qa@0.2.6
+npm install -g @ihyeon/flow-qa@0.2.8
 flow-qa init ./my-qa
 # Write your mobile flow in my-qa/flows/my-flow.md first.
 flow-qa plan flows/my-flow.md --platform mobile --prompt-only --workspace ./my-qa

package/docs/releases.md

@@ -2,6 +2,24 @@
 
 The alpha entries below are historical release records. They document earlier package versions and checks.
 
+## 0.2.8: expand and collapse all case details
+
+Adds Expand all cases and Collapse all cases to Scenario case review. The controls appear when cases are available and change only the case details. Individual toggles, the first-case-open default on loading, and expansion state across language changes and navigation remain available. Bulk actions preserve the draft, JSON editor disclosure, review confirmation, and execution readiness.
+
+Locally verified on macOS with Node.js 24.22.1 on 2026-10-28: 92 tests, type checking, UI syntax and design-system audit, and real Chromium checks for empty and loaded reviews, bulk and individual toggles, mixed expansion state across language changes, keyboard activation, navigation, unchanged draft/review state, and a 390px viewport. Existing UI and demo checks, package validation, and a fresh tarball installation with three passing browser cases also passed. No model calls were used.
+
+- Package: [`@ihyeon/flow-qa@0.2.8`](https://www.npmjs.com/package/@ihyeon/flow-qa/v/0.2.8)
+- Release: [GitHub 0.2.8](https://github.com/hyeonse-swing/flow-qa/releases/tag/v0.2.8)
+
+## 0.2.7: filter run history by status
+
+Adds a Run status selector to run history for passed, failed, blocked, error, and interrupted reports. All statuses restores the loaded list, and a separate message explains when the selected status has no matches. The selected status stays through navigation, language changes, and automatic report updates. This filters the UI's existing most recent 50 reports and preserves the open report, downloads, and scenario review state.
+
+Locally verified on macOS with Node.js 24.22.1 on 2026-10-26: 92 tests, type checking, UI syntax and design-system audit, and real Chromium filter checks for all five statuses using report fixtures alongside a real passing run. Empty results, restoring all reports, English/Korean selection, navigation, newly saved reports, filtered report opening and download, and a 390px viewport passed. Existing UI and demo checks, package validation, and a fresh tarball installation with three passing browser cases also passed. No model calls were used.
+
+- Package: [`@ihyeon/flow-qa@0.2.7`](https://www.npmjs.com/package/@ihyeon/flow-qa/v/0.2.7)
+- Release: [GitHub 0.2.7](https://github.com/hyeonse-swing/flow-qa/releases/tag/v0.2.7)
+
 ## 0.2.6: search the case library
 
 Adds a search field to the case library. Filter saved suites by title, suite ID, or file name with case-insensitive partial matching; surrounding whitespace is ignored. Clearing the query restores the full list. English and Korean labels and no-match guidance are included. The current query stays through navigation, language changes, and automatic library updates. Existing case loading, unsaved-draft confirmation, review, and execution behavior stays in place.

package/docs/ui.md

@@ -7,7 +7,7 @@ Describe a user flow, review cases, and configure a target when ready to run. We
 Node.js 24.x (24.22.1 or later) or 26.12.1 or later is required. Node 25 is unsupported. Upgrade the Node runtime and restart any running UI process; updating Flow QA alone does not patch Node. Install Flow QA and start the web demo:
 
 ```sh
-npm install -g @ihyeon/flow-qa@0.2.6
+npm install -g @ihyeon/flow-qa@0.2.8
 flow-qa browser install
 flow-qa ui --demo
 ```
@@ -30,9 +30,9 @@ The UI starts in **English**, regardless of browser language. Switch to **한국
 
 1. **Scenario:** Choose Web or Mobile and describe the initial state, actions, screen elements, and expected results. No target is required yet. If a planner is ready, ask it to create cases. Without a model, download the planning prompt and paste a JSON response from an AI you already use.
 2. **Connections:** When ready, register a target name and web URL, or choose iOS/Android and enter an installed app's bundle/package ID and device. Planner and execution agent models have separate settings. Saving settings does not start an app or model request.
-3. **Review and save cases:** Expand each case to read preconditions, actions, expected results, and unresolved questions. Editing the JSON keeps the linked flow; if that source flow changes, design the cases again. Planning and running are separate actions. Editing inputs or connection settings alone does not call a model.
+3. **Review and save cases:** Expand each case, or use **Expand all cases**, to read preconditions, actions, expected results, and unresolved questions. **Collapse all cases** returns to the case titles. Editing the JSON keeps the linked flow; if that source flow changes, design the cases again. Planning and running are separate actions. Editing inputs or connection settings alone does not call a model.
 4. **Run QA:** Review the saved case file, select a matching web/mobile target, and check the review confirmation before running. If the file or target settings change after review, reload and review them again. Fixed steps need no agent model. `act` and `assertAgent` require a compatible agent; missing models and unresolved questions are reported as blocked cases.
-5. **Case library and Run history:** Save cases as new files, search by title, suite ID, or file name, and load them again. Open run details to see each case, attempt, and evidence; download the Markdown or JSON report.
+5. **Case library and Run history:** Save cases as new files, search by title, suite ID, or file name, and load them again. Filter run history by status, then open run details to see each case, attempt, and evidence; download the Markdown or JSON report.
 
 The top bar shows planning, running, and stopping states, plus a cancel button. A late planning response cannot change the draft after cancellation. The UI does not estimate progress inside an individual browser action. If the server disconnects, reconnect; runs started in another tab also appear. Refreshing settings rereads targets and models, so save edits first.
 
@@ -46,10 +46,18 @@ From version `0.2.2`, the UI requests the browser's leave-page confirmation when
 
 From version `0.2.4`, loading a suite from the library or importing valid case files also asks before replacing unsaved scenario or case content. **New JSON draft** asks before clearing unsaved JSON and keeps the scenario text. Cancel keeps the current content and selected import files. Unchanged saved cases and ordinary navigation between screens do not prompt; invalid imports still show their validation error without replacing anything.
 
+### Expand or collapse case review
+
+From version `0.2.8`, **Expand all cases** and **Collapse all cases** control the case details in Scenario. Individual case titles still toggle their own details. Language changes and navigation preserve which cases are open; loading a new suite keeps the original first-case-open default. These controls only change the view: they do not approve cases, modify the draft, or change the JSON editor disclosure. Review confirmation is still required before execution.
+
 ### Search saved cases
 
 From version `0.2.6`, **Case library** filters saved suites as you type in **Search saved suites**. Search matches part of a title, suite ID, or file name, ignores letter case and surrounding whitespace, and supports Korean text. Clear the field to show all suites. The query stays while navigating, changing language, or receiving updated saved cases; it resets when the page reloads. Search covers the listed top-level case files, not individual steps or source Markdown.
 
+### 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.
+
 ### Import existing case files
 
 From version `0.2.1`, select a `flow-qa/suite-1` JSON file and, when it declares a source, its Markdown file in case review, then choose **Import case files**. The two file controls let you select files from different folders. For an error-to-test export, select `cases/error-to-test.json` and `flows/error-to-test.md`. A JSON file without a source can be imported alone or with a Markdown file.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ihyeon/flow-qa",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "license": "MIT",
   "author": "Hyeonse Im",
   "repository": {