donobu 5.43.2 → 5.46.0

package/dist/esm/reporter/render.js

@@ -1597,7 +1597,9 @@ function renderHtml(report, triage, outputDir) {
         const testId = testIds[ti];
         const hasMultipleResults = test.results.length > 1;
         const lastResult = test.results.at(-1);
-        const displayFileName = test.file.split('/').pop() ?? test.file;
+        // Path is already relative to rootDir (see buildReport.ts), so it's safe
+        // to display directly — no absolute paths leak through.
+        const displayFilePath = test.file;
         let detailsHtml = '';
         // 0. Skip reason — surface the description and call site from
         //    test.skip()/test.fixme() so a skipped test explains itself.
@@ -1678,12 +1680,19 @@ 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-file="${esc(test.file)}" 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((displayFilePath + ' ' + 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>
           <div class="test-name-group">
-            <span class="test-name"><span class="test-file">${esc(displayFileName)}</span> (${esc(test.specTitle)})</span>
+            <div class="test-file-line">
+              <span class="test-file">${esc(displayFilePath)}</span>
+              <button class="copy-text" data-copy-text="${esc(displayFilePath)}" title="Copy file name"><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>
+            </div>
+            <div class="test-title-line">
+              <span class="test-title">${esc(test.specTitle)}</span>
+              <button class="copy-text" data-copy-text="${esc(test.specTitle)}" title="Copy test name"><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>
+            </div>
           </div>
           ${test.plan ? `<span class="inline-reason" style="color:${reasonCfg(test.plan.plan.failureReason).color}" title="${esc(test.plan.plan.failureReason)}">${esc(reasonCfg(test.plan.plan.failureReason).label)}</span>` : ''}
           ${test.tags.map((t) => `<span class="test-tag">${esc(t)}</span>`).join('')}
@@ -1769,6 +1778,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}
@@ -1806,9 +1826,15 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .chevron-spacer{width:18px;flex-shrink:0}
 .test-card.expanded .chevron{transform:rotate(90deg)}
 .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
-.test-file{color:var(--text);font-weight:600}
 .test-name-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
-.test-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.test-file-line,.test-title-line{display:flex;align-items:center;gap:6px;min-width:0}
+.test-file{color:var(--text-muted);font-family:var(--mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.test-title{color:var(--text);font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.copy-text{background:transparent;border:none;border-radius:4px;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);opacity:0;transition:opacity .15s,background .15s,color .15s;flex-shrink:0}
+.test-summary:hover .copy-text,.copy-text:focus-visible{opacity:1}
+.copy-text:hover{background:var(--overlay-light-active);color:var(--text)}
+.copy-text svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.copy-text .check-icon{color:#22c55e;opacity:1}
 .flow-id{font-size:11px;color:var(--text-dim);opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}
 .copy-flow-id{background:var(--overlay-light-hover);border:none;border-radius:4px;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background .15s,color .15s;flex-shrink:0}
 .copy-flow-id:hover{background:var(--overlay-light-active);color:var(--text)}
@@ -2131,6 +2157,10 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     <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>
@@ -2165,15 +2195,43 @@ 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 visibleTests=0;
     var visibleFiles=Object.create(null);
@@ -2189,7 +2247,12 @@ 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){
         visibleTests++;
@@ -2203,6 +2266,11 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
       var card=document.getElementById(block.getAttribute('data-target'));
       block.classList.toggle('hidden-by-filter',!!(card&&card.classList.contains('hidden-by-filter')));
     });
+    // 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]');
@@ -2227,6 +2295,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){
@@ -2277,25 +2346,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);
         });
@@ -2304,14 +2390,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);
         });
@@ -2335,7 +2421,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();
@@ -2365,7 +2454,9 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
       if(el){navigator.clipboard.writeText(el.textContent);var s=copyBtn.innerHTML;copyBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){copyBtn.innerHTML=s},2000)}
       return;
     }
-    // Copy buttons (flow ID + JSON)
+    // Copy buttons (flow ID + JSON + inline text via data-copy-text)
+    var copyTextBtn=e.target.closest('.copy-text[data-copy-text]');
+    if(copyTextBtn){e.stopPropagation();e.preventDefault();navigator.clipboard.writeText(copyTextBtn.getAttribute('data-copy-text'));var copyTextSvg=copyTextBtn.innerHTML;copyTextBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){copyTextBtn.innerHTML=copyTextSvg},2000);return}
     var flowBtn=e.target.closest('.copy-flow-id');
     if(flowBtn){e.stopPropagation();navigator.clipboard.writeText(flowBtn.getAttribute('data-flow-id'));var copySvg=flowBtn.innerHTML;flowBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){flowBtn.innerHTML=copySvg},2000);return}
     var jsonBtn=e.target.closest('.copy-json');
@@ -2463,8 +2554,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

@@ -1597,7 +1597,9 @@ function renderHtml(report, triage, outputDir) {
         const testId = testIds[ti];
         const hasMultipleResults = test.results.length > 1;
         const lastResult = test.results.at(-1);
-        const displayFileName = test.file.split('/').pop() ?? test.file;
+        // Path is already relative to rootDir (see buildReport.ts), so it's safe
+        // to display directly — no absolute paths leak through.
+        const displayFilePath = test.file;
         let detailsHtml = '';
         // 0. Skip reason — surface the description and call site from
         //    test.skip()/test.fixme() so a skipped test explains itself.
@@ -1678,12 +1680,19 @@ 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-file="${esc(test.file)}" 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((displayFilePath + ' ' + 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>
           <div class="test-name-group">
-            <span class="test-name"><span class="test-file">${esc(displayFileName)}</span> (${esc(test.specTitle)})</span>
+            <div class="test-file-line">
+              <span class="test-file">${esc(displayFilePath)}</span>
+              <button class="copy-text" data-copy-text="${esc(displayFilePath)}" title="Copy file name"><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>
+            </div>
+            <div class="test-title-line">
+              <span class="test-title">${esc(test.specTitle)}</span>
+              <button class="copy-text" data-copy-text="${esc(test.specTitle)}" title="Copy test name"><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>
+            </div>
           </div>
           ${test.plan ? `<span class="inline-reason" style="color:${reasonCfg(test.plan.plan.failureReason).color}" title="${esc(test.plan.plan.failureReason)}">${esc(reasonCfg(test.plan.plan.failureReason).label)}</span>` : ''}
           ${test.tags.map((t) => `<span class="test-tag">${esc(t)}</span>`).join('')}
@@ -1769,6 +1778,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}
@@ -1806,9 +1826,15 @@ body::before{content:'';position:fixed;top:-750px;left:50%;transform:translateX(
 .chevron-spacer{width:18px;flex-shrink:0}
 .test-card.expanded .chevron{transform:rotate(90deg)}
 .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
-.test-file{color:var(--text);font-weight:600}
 .test-name-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
-.test-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.test-file-line,.test-title-line{display:flex;align-items:center;gap:6px;min-width:0}
+.test-file{color:var(--text-muted);font-family:var(--mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.test-title{color:var(--text);font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.copy-text{background:transparent;border:none;border-radius:4px;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);opacity:0;transition:opacity .15s,background .15s,color .15s;flex-shrink:0}
+.test-summary:hover .copy-text,.copy-text:focus-visible{opacity:1}
+.copy-text:hover{background:var(--overlay-light-active);color:var(--text)}
+.copy-text svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.copy-text .check-icon{color:#22c55e;opacity:1}
 .flow-id{font-size:11px;color:var(--text-dim);opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}
 .copy-flow-id{background:var(--overlay-light-hover);border:none;border-radius:4px;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background .15s,color .15s;flex-shrink:0}
 .copy-flow-id:hover{background:var(--overlay-light-active);color:var(--text)}
@@ -2131,6 +2157,10 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
     <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>
@@ -2165,15 +2195,43 @@ 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 visibleTests=0;
     var visibleFiles=Object.create(null);
@@ -2189,7 +2247,12 @@ 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){
         visibleTests++;
@@ -2203,6 +2266,11 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
       var card=document.getElementById(block.getAttribute('data-target'));
       block.classList.toggle('hidden-by-filter',!!(card&&card.classList.contains('hidden-by-filter')));
     });
+    // 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]');
@@ -2227,6 +2295,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){
@@ -2277,25 +2346,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);
         });
@@ -2304,14 +2390,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);
         });
@@ -2335,7 +2421,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();
@@ -2365,7 +2454,9 @@ details.ai-invocation[open]>summary .native-step-chevron{transform:rotate(90deg)
       if(el){navigator.clipboard.writeText(el.textContent);var s=copyBtn.innerHTML;copyBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){copyBtn.innerHTML=s},2000)}
       return;
     }
-    // Copy buttons (flow ID + JSON)
+    // Copy buttons (flow ID + JSON + inline text via data-copy-text)
+    var copyTextBtn=e.target.closest('.copy-text[data-copy-text]');
+    if(copyTextBtn){e.stopPropagation();e.preventDefault();navigator.clipboard.writeText(copyTextBtn.getAttribute('data-copy-text'));var copyTextSvg=copyTextBtn.innerHTML;copyTextBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){copyTextBtn.innerHTML=copyTextSvg},2000);return}
     var flowBtn=e.target.closest('.copy-flow-id');
     if(flowBtn){e.stopPropagation();navigator.clipboard.writeText(flowBtn.getAttribute('data-flow-id'));var copySvg=flowBtn.innerHTML;flowBtn.innerHTML='<svg class="check-icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg>';setTimeout(function(){flowBtn.innerHTML=copySvg},2000);return}
     var jsonBtn=e.target.closest('.copy-json');
@@ -2463,8 +2554,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.2",
+  "version": "5.46.0",
   "description": "Create browser automations with an LLM agent and replay them as Playwright scripts.",
   "main": "dist/main.js",
   "module": "dist/esm/main.js",