donobu 5.43.1 → 5.45.0

package/dist/esm/reporter/render.js

@@ -1678,7 +1678,7 @@ function renderHtml(report, triage, outputDir) {
             ? `<div class="flow-id-detail"><span class="detail-label">Flow ID</span><span class="flow-id-value">${esc(test.flowId)}<button class="copy-flow-id" data-flow-id="${esc(test.flowId)}" title="Copy flow ID"><svg viewBox="0 0 24 24"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg></button></span></div>`
             : '';
         testSectionsHtml += `
-      <div class="test-card ${sc.label.toLowerCase().replace(/ /g, '')} ${expandableClass}" id="${testId}" data-status="${test.status}" data-tags="${esc(JSON.stringify(test.tags))}"${test.plan ? ` data-reason="${esc(test.plan.plan.failureReason)}"` : ''} ${hasDetails ? `data-detail="${testId}"` : ''}>
+      <div class="test-card ${sc.label.toLowerCase().replace(/ /g, '')} ${expandableClass}" id="${testId}" data-status="${test.status}" data-file="${esc(test.file)}" data-search="${esc((displayFileName + ' ' + test.specTitle).toLowerCase())}" data-tags="${esc(JSON.stringify(test.tags))}"${test.plan ? ` data-reason="${esc(test.plan.plan.failureReason)}"` : ''} ${hasDetails ? `data-detail="${testId}"` : ''}>
         <div class="test-summary">
           ${chevron}
           <span class="status-dot" style="background:${sc.color}" title="${sc.label}"></span>
@@ -1761,6 +1761,7 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .test-bar-block.bar-failed{background:var(--bar-fail)}
 .test-bar-block.bar-timedout,.test-bar-block.bar-interrupted{background:var(--bar-warn)}
 .test-bar-block.bar-skipped{background:var(--bar-skip)}
+.test-bar-block.hidden-by-filter{display:none}
 .summary-stats{display:flex;align-items:center;gap:8px;padding:12px 0}
 .stat-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1}
 .stat-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-muted);transition:all .2s}
@@ -1768,6 +1769,17 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .stat-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}
 .stat-pill.active .pill-count{background:rgba(255,255,255,.25);color:#fff}
 .pill-count{font-size:11px;font-weight:700;background:var(--overlay-light-active);color:var(--text-dim);padding:1px 7px;border-radius:calc(var(--radius) - 2px);min-width:20px;text-align:center;transition:all .2s}
+/* Substring search across test filename + spec title. Lives in the same row
+ * as the stat pills and tag/diagnosis filter. */
+.filter-search-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
+.filter-search-icon{position:absolute;left:8px;width:14px;height:14px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
+.filter-search{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;height:28px;padding:0 10px 0 28px;border-radius:var(--radius);width:200px;outline:none;transition:border-color .15s,background .15s}
+.filter-search::placeholder{color:var(--text-dim)}
+.filter-search:hover{border-color:var(--text-dim)}
+.filter-search:focus{border-color:var(--accent);background:var(--surface-raised)}
+/* Hide the WebKit search clear "x" — Clear Filters wipes it via the same UI. */
+.filter-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
+
 .clear-filter{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;display:none;align-items:center;gap:5px;flex-shrink:0;transition:all .2s}
 .clear-filter:hover{background:var(--surface-raised);border-color:var(--text-dim);color:var(--text)}
 .clear-filter.visible{display:flex}
@@ -1793,12 +1805,6 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .tag-chip-remove{background:transparent;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;font-family:inherit;opacity:.7;transition:opacity .15s}
 .tag-chip-remove:hover{opacity:1}
 
-/* Total of cards visible under the currently composed filters (status + tags).
- * The stat-pill counts always reflect totals; this disambiguates when filters
- * intersect. Hidden until any filter is active. */
-.match-count{display:none;align-items:center;font-size:12px;color:var(--text-muted);font-family:var(--mono);padding:0 8px;height:28px;flex-shrink:0}
-.match-count.visible{display:inline-flex}
-.match-count-value{color:var(--text);font-weight:600;margin-left:6px}
 
 /* Test cards */
 .test-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:10px;overflow:hidden}
@@ -2132,10 +2138,14 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   ${mergedBanner}
 
   <div class="summary-card">
-    <div class="summary-sub">${total} test${total !== 1 ? 's' : ''} across ${uniqueFiles.size} file${uniqueFiles.size !== 1 ? 's' : ''}</div>
+    <div class="summary-sub" data-summary-sub data-total-tests="${total}" data-total-files="${uniqueFiles.size}">${total} test${total !== 1 ? 's' : ''} across ${uniqueFiles.size} file${uniqueFiles.size !== 1 ? 's' : ''}</div>
     <div class="test-bar">${testBarHtml}</div>
     <div class="summary-stats">
       <div class="stat-pills">${statPillsHtml}</div>
+      <label class="filter-search-wrap" title="Search test titles">
+        <svg class="filter-search-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
+        <input type="search" class="filter-search" data-filter-search placeholder="Search tests…" autocomplete="off" spellcheck="false" />
+      </label>
       <div class="tag-filter-controls" data-tag-filter-controls hidden>
         <div class="tag-filter-trigger-wrap">
           <button class="add-tag-filter" data-add-tag-filter title="Filter by tag or diagnosis"><span class="add-tag-plus">+</span> Filter</button>
@@ -2143,7 +2153,6 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
         </div>
         <div class="active-tag-filters" data-active-tag-filters></div>
       </div>
-      <span class="match-count" data-match-count>Matches:<span class="match-count-value" data-match-count-value>0</span></span>
       <button class="clear-filter" data-clear-filter>&#x2716; Clear Filters</button>
     </div>
   </div>
@@ -2171,17 +2180,46 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   var activeStatus=null;
   var activeTags=new Set();
   var activeReasons=new Set();
+  var activeSearch=''; // lowercase substring match against data-search
   var allTags=[];
   var allReasons=[]; // ordered list of REASON keys present in the report
   var REASON_LABELS=${JSON.stringify(REASON_LABELS)};
 
   function cardTags(card){var raw=card.getAttribute('data-tags');if(!raw)return [];try{var v=JSON.parse(raw);return Array.isArray(v)?v:[]}catch(_){return []}}
-  function tagCount(t){var n=0;document.querySelectorAll('.test-card').forEach(function(c){if(cardTags(c).indexOf(t)!==-1)n++});return n}
+
+  // Faceted-search counts. Each filter option's badge shows "how many tests
+  // would this option contribute given the rest of the filters." The semantics
+  // per dimension match how clicking interacts:
+  //   - Status pills (single-select replace): ignore current activeStatus.
+  //   - Tag menu items (multi-select AND):    use ALL current filters.
+  //   - Reason menu items (multi-select OR):  ignore current activeReasons.
+  // Search is free-form and not counted.
+  function cardsMatching(ignoreStatus,ignoreTags,ignoreReasons){
+    var out=[];
+    document.querySelectorAll('.test-card').forEach(function(card){
+      var statusOk=ignoreStatus||activeStatus===null||card.getAttribute('data-status')===activeStatus;
+      var tagsOk=true;
+      if(!ignoreTags&&activeTags.size>0){
+        var t=cardTags(card);
+        activeTags.forEach(function(w){if(t.indexOf(w)===-1)tagsOk=false});
+      }
+      var reasonOk=ignoreReasons||activeReasons.size===0||activeReasons.has(card.getAttribute('data-reason')||'');
+      var searchOk=activeSearch.length===0||(card.getAttribute('data-search')||'').indexOf(activeSearch)!==-1;
+      if(statusOk&&tagsOk&&reasonOk&&searchOk)out.push(card);
+    });
+    return out;
+  }
+  function tagCount(t){
+    var pool=cardsMatching(false,false,false);
+    var n=0;for(var i=0;i<pool.length;i++){if(cardTags(pool[i]).indexOf(t)!==-1)n++}
+    return n;
+  }
 
   function applyFilters(){
-    var anyActive=activeStatus!==null||activeTags.size>0||activeReasons.size>0;
+    var anyActive=activeStatus!==null||activeTags.size>0||activeReasons.size>0||activeSearch.length>0;
     document.querySelector('.clear-filter').classList.toggle('visible',anyActive);
-    var visible=0;
+    var visibleTests=0;
+    var visibleFiles=Object.create(null);
     document.querySelectorAll('.test-card').forEach(function(card){
       var statusOk=activeStatus===null||card.getAttribute('data-status')===activeStatus;
       var tagsOk=true;
@@ -2194,15 +2232,42 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
         var r=card.getAttribute('data-reason')||'';
         reasonOk=activeReasons.has(r);
       }
-      var hide=!(statusOk&&tagsOk&&reasonOk);
+      var searchOk=true;
+      if(activeSearch.length>0){
+        var hay=card.getAttribute('data-search')||'';
+        searchOk=hay.indexOf(activeSearch)!==-1;
+      }
+      var hide=!(statusOk&&tagsOk&&reasonOk&&searchOk);
       card.classList.toggle('hidden-by-filter',hide);
-      if(!hide)visible++;
+      if(!hide){
+        visibleTests++;
+        var f=card.getAttribute('data-file');
+        if(f)visibleFiles[f]=true;
+      }
+    });
+    // Mirror visibility onto the colored test-bar squares so the bar collapses
+    // to the matching subset rather than dangling stale tiles.
+    document.querySelectorAll('.test-bar-block[data-target]').forEach(function(block){
+      var card=document.getElementById(block.getAttribute('data-target'));
+      block.classList.toggle('hidden-by-filter',!!(card&&card.classList.contains('hidden-by-filter')));
     });
-    var mc=document.querySelector('[data-match-count]');
-    if(mc){
-      mc.classList.toggle('visible',anyActive);
-      var mv=mc.querySelector('[data-match-count-value]');
-      if(mv)mv.textContent=visible;
+    // Faceted-search live counts: status pills, and the tag/diagnosis menu
+    // (refreshed if currently open) all reflect "given the other filters,
+    // how many tests would this option contribute".
+    updateStatPillCounts();
+    if(tagMenuOpen())openTagMenu(); // re-render menu items with fresh counts
+    // "X tests across Y files" subtitle reflects the current filter result.
+    // When no filter is active the form matches the original (no "of Y").
+    var sub=document.querySelector('[data-summary-sub]');
+    if(sub){
+      var totalTests=parseInt(sub.getAttribute('data-total-tests'),10)||0;
+      var totalFiles=parseInt(sub.getAttribute('data-total-files'),10)||0;
+      var visFiles=Object.keys(visibleFiles).length;
+      if(anyActive){
+        sub.textContent=visibleTests+' of '+totalTests+' test'+(totalTests!==1?'s':'')+' across '+visFiles+' of '+totalFiles+' file'+(totalFiles!==1?'s':'');
+      }else{
+        sub.textContent=totalTests+' test'+(totalTests!==1?'s':'')+' across '+totalFiles+' file'+(totalFiles!==1?'s':'');
+      }
     }
     syncFiltersToUrl();
   }
@@ -2215,6 +2280,7 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     if(activeStatus)p.set('status',activeStatus);
     activeTags.forEach(function(t){p.append('tag',t)});
     activeReasons.forEach(function(r){p.append('reason',r)});
+    if(activeSearch)p.set('q',activeSearch);
     var qs=p.toString();
     var next=location.pathname+(qs?'?'+qs:'')+(location.hash||'');
     if(next!==location.pathname+location.search+location.hash){
@@ -2265,25 +2331,42 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   function addReason(r){if(!r||activeReasons.has(r))return;activeReasons.add(r);renderActiveChips();applyFilters()}
   function removeReason(r){if(!activeReasons.delete(r))return;renderActiveChips();applyFilters()}
 
-  function reasonCount(r){var n=0;document.querySelectorAll('.test-card').forEach(function(c){if(c.getAttribute('data-reason')===r)n++});return n}
+  function reasonCount(r){
+    var pool=cardsMatching(false,false,true);
+    var n=0;for(var i=0;i<pool.length;i++){if(pool[i].getAttribute('data-reason')===r)n++}
+    return n;
+  }
+  function updateStatPillCounts(){
+    var pool=cardsMatching(true,false,false);
+    var counts=Object.create(null);
+    for(var i=0;i<pool.length;i++){var s=pool[i].getAttribute('data-status');counts[s]=(counts[s]||0)+1}
+    document.querySelectorAll('.stat-pill[data-filter]').forEach(function(pill){
+      var key=pill.getAttribute('data-filter');
+      var span=pill.querySelector('.pill-count');
+      if(span)span.textContent=counts[key]||0;
+    });
+  }
 
   function openTagMenu(){
     var menu=document.querySelector('[data-tag-menu]');
     if(!menu)return;
     var trigger=document.querySelector('[data-add-tag-filter]');
     menu.innerHTML='';
-    var availTags=allTags.filter(function(t){return !activeTags.has(t)});
-    var availReasons=allReasons.filter(function(r){return !activeReasons.has(r)});
+    // For each available tag/reason, compute its preview count under the
+    // current other filters. Options with count 0 are hidden — they'd lead
+    // to an empty view, so they're not useful to offer.
+    var tagsWithCounts=allTags.filter(function(t){return !activeTags.has(t)}).map(function(t){return {key:t,count:tagCount(t)}}).filter(function(x){return x.count>0});
+    var reasonsWithCounts=allReasons.filter(function(r){return !activeReasons.has(r)}).map(function(r){return {key:r,count:reasonCount(r)}}).filter(function(x){return x.count>0});
     var added=false;
     if(allTags.length>0){
       var hT=document.createElement('div');hT.className='tag-menu-section';hT.textContent='Tags';menu.appendChild(hT);
-      if(availTags.length===0){
-        var emptyT=document.createElement('div');emptyT.className='tag-menu-empty';emptyT.textContent='All tags selected';menu.appendChild(emptyT);
+      if(tagsWithCounts.length===0){
+        var emptyT=document.createElement('div');emptyT.className='tag-menu-empty';emptyT.textContent=allTags.length===activeTags.size?'All tags selected':'No matching tags';menu.appendChild(emptyT);
       }else{
-        availTags.forEach(function(t){
-          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-tag-menu-item',t);
-          var label=document.createElement('span');label.textContent=t;
-          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=tagCount(t);
+        tagsWithCounts.forEach(function(x){
+          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-tag-menu-item',x.key);
+          var label=document.createElement('span');label.textContent=x.key;
+          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=x.count;
           item.appendChild(label);item.appendChild(count);
           menu.appendChild(item);
         });
@@ -2292,14 +2375,14 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     }
     if(allReasons.length>0){
       var hR=document.createElement('div');hR.className='tag-menu-section';hR.textContent='Diagnoses';menu.appendChild(hR);
-      if(availReasons.length===0){
-        var emptyR=document.createElement('div');emptyR.className='tag-menu-empty';emptyR.textContent='All diagnoses selected';menu.appendChild(emptyR);
+      if(reasonsWithCounts.length===0){
+        var emptyR=document.createElement('div');emptyR.className='tag-menu-empty';emptyR.textContent=allReasons.length===activeReasons.size?'All diagnoses selected':'No matching diagnoses';menu.appendChild(emptyR);
       }else{
-        availReasons.forEach(function(r){
-          var meta=REASON_LABELS[r]||REASON_LABELS['UNKNOWN'];
-          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-reason-menu-item',r);
+        reasonsWithCounts.forEach(function(x){
+          var meta=REASON_LABELS[x.key]||REASON_LABELS['UNKNOWN'];
+          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-reason-menu-item',x.key);
           var label=document.createElement('span');label.textContent=meta.label;label.style.color=meta.color;
-          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=reasonCount(r);
+          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=x.count;
           item.appendChild(label);item.appendChild(count);
           menu.appendChild(item);
         });
@@ -2323,7 +2406,10 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     activeStatus=null;
     activeTags.clear();
     activeReasons.clear();
+    activeSearch='';
     document.querySelectorAll('.stat-pill').forEach(function(p){p.classList.remove('active')});
+    var searchInput=document.querySelector('[data-filter-search]');
+    if(searchInput)searchInput.value='';
     renderActiveChips();
     closeTagMenu();
     applyFilters();
@@ -2451,8 +2537,20 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     p.getAll('tag').forEach(function(t){if(tagSet[t])activeTags.add(t)});
     var reasonSet={};allReasons.forEach(function(r){reasonSet[r]=true});
     p.getAll('reason').forEach(function(r){if(reasonSet[r])activeReasons.add(r)});
+    var q=p.get('q');
+    var searchInput=document.querySelector('[data-filter-search]');
+    if(q){
+      activeSearch=q.toLowerCase();
+      if(searchInput)searchInput.value=q;
+    }
+    if(searchInput){
+      searchInput.addEventListener('input',function(){
+        activeSearch=searchInput.value.trim().toLowerCase();
+        applyFilters();
+      });
+    }
     if(activeTags.size>0||activeReasons.size>0)renderActiveChips();
-    if(activeStatus!==null||activeTags.size>0||activeReasons.size>0)applyFilters();
+    if(activeStatus!==null||activeTags.size>0||activeReasons.size>0||activeSearch.length>0)applyFilters();
   })();
 
   // Open #?testId=<id> deep links to the matching test card. Used by the

package/dist/reporter/render.js

@@ -1678,7 +1678,7 @@ function renderHtml(report, triage, outputDir) {
             ? `<div class="flow-id-detail"><span class="detail-label">Flow ID</span><span class="flow-id-value">${esc(test.flowId)}<button class="copy-flow-id" data-flow-id="${esc(test.flowId)}" title="Copy flow ID"><svg viewBox="0 0 24 24"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg></button></span></div>`
             : '';
         testSectionsHtml += `
-      <div class="test-card ${sc.label.toLowerCase().replace(/ /g, '')} ${expandableClass}" id="${testId}" data-status="${test.status}" data-tags="${esc(JSON.stringify(test.tags))}"${test.plan ? ` data-reason="${esc(test.plan.plan.failureReason)}"` : ''} ${hasDetails ? `data-detail="${testId}"` : ''}>
+      <div class="test-card ${sc.label.toLowerCase().replace(/ /g, '')} ${expandableClass}" id="${testId}" data-status="${test.status}" data-file="${esc(test.file)}" data-search="${esc((displayFileName + ' ' + test.specTitle).toLowerCase())}" data-tags="${esc(JSON.stringify(test.tags))}"${test.plan ? ` data-reason="${esc(test.plan.plan.failureReason)}"` : ''} ${hasDetails ? `data-detail="${testId}"` : ''}>
         <div class="test-summary">
           ${chevron}
           <span class="status-dot" style="background:${sc.color}" title="${sc.label}"></span>
@@ -1761,6 +1761,7 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .test-bar-block.bar-failed{background:var(--bar-fail)}
 .test-bar-block.bar-timedout,.test-bar-block.bar-interrupted{background:var(--bar-warn)}
 .test-bar-block.bar-skipped{background:var(--bar-skip)}
+.test-bar-block.hidden-by-filter{display:none}
 .summary-stats{display:flex;align-items:center;gap:8px;padding:12px 0}
 .stat-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1}
 .stat-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-muted);transition:all .2s}
@@ -1768,6 +1769,17 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .stat-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}
 .stat-pill.active .pill-count{background:rgba(255,255,255,.25);color:#fff}
 .pill-count{font-size:11px;font-weight:700;background:var(--overlay-light-active);color:var(--text-dim);padding:1px 7px;border-radius:calc(var(--radius) - 2px);min-width:20px;text-align:center;transition:all .2s}
+/* Substring search across test filename + spec title. Lives in the same row
+ * as the stat pills and tag/diagnosis filter. */
+.filter-search-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
+.filter-search-icon{position:absolute;left:8px;width:14px;height:14px;color:var(--text-muted);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
+.filter-search{background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;height:28px;padding:0 10px 0 28px;border-radius:var(--radius);width:200px;outline:none;transition:border-color .15s,background .15s}
+.filter-search::placeholder{color:var(--text-dim)}
+.filter-search:hover{border-color:var(--text-dim)}
+.filter-search:focus{border-color:var(--accent);background:var(--surface-raised)}
+/* Hide the WebKit search clear "x" — Clear Filters wipes it via the same UI. */
+.filter-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
+
 .clear-filter{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;display:none;align-items:center;gap:5px;flex-shrink:0;transition:all .2s}
 .clear-filter:hover{background:var(--surface-raised);border-color:var(--text-dim);color:var(--text)}
 .clear-filter.visible{display:flex}
@@ -1793,12 +1805,6 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .tag-chip-remove{background:transparent;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;font-family:inherit;opacity:.7;transition:opacity .15s}
 .tag-chip-remove:hover{opacity:1}
 
-/* Total of cards visible under the currently composed filters (status + tags).
- * The stat-pill counts always reflect totals; this disambiguates when filters
- * intersect. Hidden until any filter is active. */
-.match-count{display:none;align-items:center;font-size:12px;color:var(--text-muted);font-family:var(--mono);padding:0 8px;height:28px;flex-shrink:0}
-.match-count.visible{display:inline-flex}
-.match-count-value{color:var(--text);font-weight:600;margin-left:6px}
 
 /* Test cards */
 .test-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:10px;overflow:hidden}
@@ -2132,10 +2138,14 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   ${mergedBanner}
 
   <div class="summary-card">
-    <div class="summary-sub">${total} test${total !== 1 ? 's' : ''} across ${uniqueFiles.size} file${uniqueFiles.size !== 1 ? 's' : ''}</div>
+    <div class="summary-sub" data-summary-sub data-total-tests="${total}" data-total-files="${uniqueFiles.size}">${total} test${total !== 1 ? 's' : ''} across ${uniqueFiles.size} file${uniqueFiles.size !== 1 ? 's' : ''}</div>
     <div class="test-bar">${testBarHtml}</div>
     <div class="summary-stats">
       <div class="stat-pills">${statPillsHtml}</div>
+      <label class="filter-search-wrap" title="Search test titles">
+        <svg class="filter-search-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
+        <input type="search" class="filter-search" data-filter-search placeholder="Search tests…" autocomplete="off" spellcheck="false" />
+      </label>
       <div class="tag-filter-controls" data-tag-filter-controls hidden>
         <div class="tag-filter-trigger-wrap">
           <button class="add-tag-filter" data-add-tag-filter title="Filter by tag or diagnosis"><span class="add-tag-plus">+</span> Filter</button>
@@ -2143,7 +2153,6 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
         </div>
         <div class="active-tag-filters" data-active-tag-filters></div>
       </div>
-      <span class="match-count" data-match-count>Matches:<span class="match-count-value" data-match-count-value>0</span></span>
       <button class="clear-filter" data-clear-filter>&#x2716; Clear Filters</button>
     </div>
   </div>
@@ -2171,17 +2180,46 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   var activeStatus=null;
   var activeTags=new Set();
   var activeReasons=new Set();
+  var activeSearch=''; // lowercase substring match against data-search
   var allTags=[];
   var allReasons=[]; // ordered list of REASON keys present in the report
   var REASON_LABELS=${JSON.stringify(REASON_LABELS)};
 
   function cardTags(card){var raw=card.getAttribute('data-tags');if(!raw)return [];try{var v=JSON.parse(raw);return Array.isArray(v)?v:[]}catch(_){return []}}
-  function tagCount(t){var n=0;document.querySelectorAll('.test-card').forEach(function(c){if(cardTags(c).indexOf(t)!==-1)n++});return n}
+
+  // Faceted-search counts. Each filter option's badge shows "how many tests
+  // would this option contribute given the rest of the filters." The semantics
+  // per dimension match how clicking interacts:
+  //   - Status pills (single-select replace): ignore current activeStatus.
+  //   - Tag menu items (multi-select AND):    use ALL current filters.
+  //   - Reason menu items (multi-select OR):  ignore current activeReasons.
+  // Search is free-form and not counted.
+  function cardsMatching(ignoreStatus,ignoreTags,ignoreReasons){
+    var out=[];
+    document.querySelectorAll('.test-card').forEach(function(card){
+      var statusOk=ignoreStatus||activeStatus===null||card.getAttribute('data-status')===activeStatus;
+      var tagsOk=true;
+      if(!ignoreTags&&activeTags.size>0){
+        var t=cardTags(card);
+        activeTags.forEach(function(w){if(t.indexOf(w)===-1)tagsOk=false});
+      }
+      var reasonOk=ignoreReasons||activeReasons.size===0||activeReasons.has(card.getAttribute('data-reason')||'');
+      var searchOk=activeSearch.length===0||(card.getAttribute('data-search')||'').indexOf(activeSearch)!==-1;
+      if(statusOk&&tagsOk&&reasonOk&&searchOk)out.push(card);
+    });
+    return out;
+  }
+  function tagCount(t){
+    var pool=cardsMatching(false,false,false);
+    var n=0;for(var i=0;i<pool.length;i++){if(cardTags(pool[i]).indexOf(t)!==-1)n++}
+    return n;
+  }
 
   function applyFilters(){
-    var anyActive=activeStatus!==null||activeTags.size>0||activeReasons.size>0;
+    var anyActive=activeStatus!==null||activeTags.size>0||activeReasons.size>0||activeSearch.length>0;
     document.querySelector('.clear-filter').classList.toggle('visible',anyActive);
-    var visible=0;
+    var visibleTests=0;
+    var visibleFiles=Object.create(null);
     document.querySelectorAll('.test-card').forEach(function(card){
       var statusOk=activeStatus===null||card.getAttribute('data-status')===activeStatus;
       var tagsOk=true;
@@ -2194,15 +2232,42 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
         var r=card.getAttribute('data-reason')||'';
         reasonOk=activeReasons.has(r);
       }
-      var hide=!(statusOk&&tagsOk&&reasonOk);
+      var searchOk=true;
+      if(activeSearch.length>0){
+        var hay=card.getAttribute('data-search')||'';
+        searchOk=hay.indexOf(activeSearch)!==-1;
+      }
+      var hide=!(statusOk&&tagsOk&&reasonOk&&searchOk);
       card.classList.toggle('hidden-by-filter',hide);
-      if(!hide)visible++;
+      if(!hide){
+        visibleTests++;
+        var f=card.getAttribute('data-file');
+        if(f)visibleFiles[f]=true;
+      }
+    });
+    // Mirror visibility onto the colored test-bar squares so the bar collapses
+    // to the matching subset rather than dangling stale tiles.
+    document.querySelectorAll('.test-bar-block[data-target]').forEach(function(block){
+      var card=document.getElementById(block.getAttribute('data-target'));
+      block.classList.toggle('hidden-by-filter',!!(card&&card.classList.contains('hidden-by-filter')));
     });
-    var mc=document.querySelector('[data-match-count]');
-    if(mc){
-      mc.classList.toggle('visible',anyActive);
-      var mv=mc.querySelector('[data-match-count-value]');
-      if(mv)mv.textContent=visible;
+    // Faceted-search live counts: status pills, and the tag/diagnosis menu
+    // (refreshed if currently open) all reflect "given the other filters,
+    // how many tests would this option contribute".
+    updateStatPillCounts();
+    if(tagMenuOpen())openTagMenu(); // re-render menu items with fresh counts
+    // "X tests across Y files" subtitle reflects the current filter result.
+    // When no filter is active the form matches the original (no "of Y").
+    var sub=document.querySelector('[data-summary-sub]');
+    if(sub){
+      var totalTests=parseInt(sub.getAttribute('data-total-tests'),10)||0;
+      var totalFiles=parseInt(sub.getAttribute('data-total-files'),10)||0;
+      var visFiles=Object.keys(visibleFiles).length;
+      if(anyActive){
+        sub.textContent=visibleTests+' of '+totalTests+' test'+(totalTests!==1?'s':'')+' across '+visFiles+' of '+totalFiles+' file'+(totalFiles!==1?'s':'');
+      }else{
+        sub.textContent=totalTests+' test'+(totalTests!==1?'s':'')+' across '+totalFiles+' file'+(totalFiles!==1?'s':'');
+      }
     }
     syncFiltersToUrl();
   }
@@ -2215,6 +2280,7 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     if(activeStatus)p.set('status',activeStatus);
     activeTags.forEach(function(t){p.append('tag',t)});
     activeReasons.forEach(function(r){p.append('reason',r)});
+    if(activeSearch)p.set('q',activeSearch);
     var qs=p.toString();
     var next=location.pathname+(qs?'?'+qs:'')+(location.hash||'');
     if(next!==location.pathname+location.search+location.hash){
@@ -2265,25 +2331,42 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
   function addReason(r){if(!r||activeReasons.has(r))return;activeReasons.add(r);renderActiveChips();applyFilters()}
   function removeReason(r){if(!activeReasons.delete(r))return;renderActiveChips();applyFilters()}
 
-  function reasonCount(r){var n=0;document.querySelectorAll('.test-card').forEach(function(c){if(c.getAttribute('data-reason')===r)n++});return n}
+  function reasonCount(r){
+    var pool=cardsMatching(false,false,true);
+    var n=0;for(var i=0;i<pool.length;i++){if(pool[i].getAttribute('data-reason')===r)n++}
+    return n;
+  }
+  function updateStatPillCounts(){
+    var pool=cardsMatching(true,false,false);
+    var counts=Object.create(null);
+    for(var i=0;i<pool.length;i++){var s=pool[i].getAttribute('data-status');counts[s]=(counts[s]||0)+1}
+    document.querySelectorAll('.stat-pill[data-filter]').forEach(function(pill){
+      var key=pill.getAttribute('data-filter');
+      var span=pill.querySelector('.pill-count');
+      if(span)span.textContent=counts[key]||0;
+    });
+  }
 
   function openTagMenu(){
     var menu=document.querySelector('[data-tag-menu]');
     if(!menu)return;
     var trigger=document.querySelector('[data-add-tag-filter]');
     menu.innerHTML='';
-    var availTags=allTags.filter(function(t){return !activeTags.has(t)});
-    var availReasons=allReasons.filter(function(r){return !activeReasons.has(r)});
+    // For each available tag/reason, compute its preview count under the
+    // current other filters. Options with count 0 are hidden — they'd lead
+    // to an empty view, so they're not useful to offer.
+    var tagsWithCounts=allTags.filter(function(t){return !activeTags.has(t)}).map(function(t){return {key:t,count:tagCount(t)}}).filter(function(x){return x.count>0});
+    var reasonsWithCounts=allReasons.filter(function(r){return !activeReasons.has(r)}).map(function(r){return {key:r,count:reasonCount(r)}}).filter(function(x){return x.count>0});
     var added=false;
     if(allTags.length>0){
       var hT=document.createElement('div');hT.className='tag-menu-section';hT.textContent='Tags';menu.appendChild(hT);
-      if(availTags.length===0){
-        var emptyT=document.createElement('div');emptyT.className='tag-menu-empty';emptyT.textContent='All tags selected';menu.appendChild(emptyT);
+      if(tagsWithCounts.length===0){
+        var emptyT=document.createElement('div');emptyT.className='tag-menu-empty';emptyT.textContent=allTags.length===activeTags.size?'All tags selected':'No matching tags';menu.appendChild(emptyT);
       }else{
-        availTags.forEach(function(t){
-          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-tag-menu-item',t);
-          var label=document.createElement('span');label.textContent=t;
-          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=tagCount(t);
+        tagsWithCounts.forEach(function(x){
+          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-tag-menu-item',x.key);
+          var label=document.createElement('span');label.textContent=x.key;
+          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=x.count;
           item.appendChild(label);item.appendChild(count);
           menu.appendChild(item);
         });
@@ -2292,14 +2375,14 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     }
     if(allReasons.length>0){
       var hR=document.createElement('div');hR.className='tag-menu-section';hR.textContent='Diagnoses';menu.appendChild(hR);
-      if(availReasons.length===0){
-        var emptyR=document.createElement('div');emptyR.className='tag-menu-empty';emptyR.textContent='All diagnoses selected';menu.appendChild(emptyR);
+      if(reasonsWithCounts.length===0){
+        var emptyR=document.createElement('div');emptyR.className='tag-menu-empty';emptyR.textContent=allReasons.length===activeReasons.size?'All diagnoses selected':'No matching diagnoses';menu.appendChild(emptyR);
       }else{
-        availReasons.forEach(function(r){
-          var meta=REASON_LABELS[r]||REASON_LABELS['UNKNOWN'];
-          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-reason-menu-item',r);
+        reasonsWithCounts.forEach(function(x){
+          var meta=REASON_LABELS[x.key]||REASON_LABELS['UNKNOWN'];
+          var item=document.createElement('button');item.className='tag-menu-item';item.setAttribute('data-reason-menu-item',x.key);
           var label=document.createElement('span');label.textContent=meta.label;label.style.color=meta.color;
-          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=reasonCount(r);
+          var count=document.createElement('span');count.className='tag-menu-count';count.textContent=x.count;
           item.appendChild(label);item.appendChild(count);
           menu.appendChild(item);
         });
@@ -2323,7 +2406,10 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     activeStatus=null;
     activeTags.clear();
     activeReasons.clear();
+    activeSearch='';
     document.querySelectorAll('.stat-pill').forEach(function(p){p.classList.remove('active')});
+    var searchInput=document.querySelector('[data-filter-search]');
+    if(searchInput)searchInput.value='';
     renderActiveChips();
     closeTagMenu();
     applyFilters();
@@ -2451,8 +2537,20 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     p.getAll('tag').forEach(function(t){if(tagSet[t])activeTags.add(t)});
     var reasonSet={};allReasons.forEach(function(r){reasonSet[r]=true});
     p.getAll('reason').forEach(function(r){if(reasonSet[r])activeReasons.add(r)});
+    var q=p.get('q');
+    var searchInput=document.querySelector('[data-filter-search]');
+    if(q){
+      activeSearch=q.toLowerCase();
+      if(searchInput)searchInput.value=q;
+    }
+    if(searchInput){
+      searchInput.addEventListener('input',function(){
+        activeSearch=searchInput.value.trim().toLowerCase();
+        applyFilters();
+      });
+    }
     if(activeTags.size>0||activeReasons.size>0)renderActiveChips();
-    if(activeStatus!==null||activeTags.size>0||activeReasons.size>0)applyFilters();
+    if(activeStatus!==null||activeTags.size>0||activeReasons.size>0||activeSearch.length>0)applyFilters();
   })();
 
   // Open #?testId=<id> deep links to the matching test card. Used by the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "donobu",
-  "version": "5.43.1",
+  "version": "5.45.0",
   "description": "Create browser automations with an LLM agent and replay them as Playwright scripts.",
   "main": "dist/main.js",
   "module": "dist/esm/main.js",