@rogatio/cli 6.10.0 → 6.11.0

package/dist/editor/index.css

@@ -214,9 +214,9 @@
 }
 .rogatio-editor [data-search-wrap] {
   margin-left: auto;
-  flex: 1 1 12rem;
+  flex: 0 0 auto;
+  width: min(18rem, 100%);
   min-width: 0;
-  max-width: 100%;
 }
 .rogatio-editor [data-editor-main] {
   min-width: 0;
@@ -830,6 +830,21 @@
 .rogatio-editor [data-test-misses] summary {
   cursor: pointer;
 }
+.rogatio-editor [data-test-matches] summary {
+  cursor: pointer;
+}
+.rogatio-editor [data-test-matches] summary::before {
+  content: "\2713";
+  color: var(--rogatio-success);
+  font-weight: 700;
+  margin-right: 0.4em;
+}
+.rogatio-editor [data-test-misses] summary::before {
+  content: "\d7";
+  color: var(--rogatio-danger);
+  font-weight: 700;
+  margin-right: 0.4em;
+}
 .rogatio-editor [data-test-miss-reason] {
   color: var(--rogatio-muted);
 }

package/dist/editor/index.js

@@ -3549,8 +3549,8 @@ var EditorControllerImpl = class {
       const matches = urlResult.rules.filter((rule) => rule.matched);
       const misses = urlResult.rules.filter((rule) => !rule.matched);
       card.dataset.matched = matches.length > 0 ? "true" : "false";
-      for (const rule of matches) {
-        card.append(this.renderTestOutcome(urlResult.url, rule));
+      if (matches.length > 0) {
+        card.append(this.renderTestMatches(urlResult.url, matches));
       }
       if (misses.length > 0) {
         card.append(this.renderTestMisses(misses));
@@ -3605,6 +3605,22 @@ var EditorControllerImpl = class {
     outcome.append(lead, ruleButton, tail);
     return outcome;
   }
+  /**
+   * Matching rules sit under an open disclosure headed by their count, mirroring
+   * the closed misses disclosure so both lists are labeled the same way.
+   */
+  renderTestMatches(url, matches) {
+    const details = this.document.createElement("details");
+    details.dataset.testMatches = "true";
+    details.open = true;
+    const summary = this.document.createElement("summary");
+    summary.textContent = matches.length === 1 ? "1 rule matched" : `${matches.length} rules matched`;
+    details.append(summary);
+    for (const rule of matches) {
+      details.append(this.renderTestOutcome(url, rule));
+    }
+    return details;
+  }
   renderTestMisses(misses) {
     const details = this.document.createElement("details");
     details.dataset.testMisses = "true";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogatio/cli",
-  "version": "6.10.0",
+  "version": "6.11.0",
   "private": false,
   "type": "module",
   "description": "Local-first browser request and response rules — editor host, file verification, test runner, and runtime dispatch.",