@healflow/playwright 0.1.2 → 0.1.3

package/dist/report-html/render.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSidebarTree = renderSidebarTree;
+exports.renderTestDetailPanels = renderTestDetailPanels;
+exports.renderCategorySummary = renderCategorySummary;
+const terminal_js_1 = require("../terminal.js");
+const format_js_1 = require("./format.js");
+const icons_js_1 = require("./icons.js");
+const tree_js_1 = require("./tree.js");
+function renderSidebarTree(groups) {
+    if (groups.length === 0) {
+        return '<div class="tree-empty">No heals recorded this run.</div>';
+    }
+    return groups
+        .map((group) => {
+        const tests = group.tests
+            .map((test) => {
+            const healLabel = test.heals.length > 1 ? ` (${test.heals.length})` : '';
+            return `
+            <div class="tree-item test-tree-item" data-test-id="${(0, format_js_1.escapeHtml)(test.id)}" role="button" tabindex="0">
+              <span class="status-icon status-healed" aria-hidden="true">${icons_js_1.STATUS_ICON_HEALED}</span>
+              <span class="tree-item-title">${(0, format_js_1.escapeHtml)(test.testTitle)}${(0, format_js_1.escapeHtml)(healLabel)}</span>
+            </div>`;
+        })
+            .join('');
+        return `
+        <div class="file-group" data-file="${(0, format_js_1.escapeHtml)(group.testFile)}">
+          <div class="tree-item file-tree-item" role="presentation">
+            <span class="file-chevron" aria-hidden="true">▸</span>
+            <span class="tree-item-title file-title">${(0, format_js_1.escapeHtml)(group.fileName)}</span>
+            <span class="file-heal-count">${group.healCount}</span>
+          </div>
+          <div class="file-tests">${tests}</div>
+        </div>`;
+    })
+        .join('');
+}
+function renderHealCards(test) {
+    return test.heals
+        .map((heal) => {
+        const selectorChange = heal.oldValue || heal.newValue
+            ? `
+            <div class="detail-row">
+              <span class="detail-label">Selector</span>
+              <span class="detail-value selector-change">
+                <code>${(0, format_js_1.escapeHtml)(heal.oldValue ?? '—')}</code>
+                <span class="arrow">→</span>
+                <code>${(0, format_js_1.escapeHtml)(heal.newValue ?? '—')}</code>
+              </span>
+            </div>`
+            : '';
+        return `
+        <article class="heal-card" data-heal-id="${(0, format_js_1.escapeHtml)(heal.id)}">
+          <div class="heal-card-header">
+            <span class="category-badge category-${(0, format_js_1.escapeHtml)(heal.category.toLowerCase())}">${(0, format_js_1.escapeHtml)(heal.category)}</span>
+            <span class="confidence-badge">${(0, format_js_1.formatConfidence)(heal.confidence)} confidence</span>
+          </div>
+          <p class="heal-description">${(0, format_js_1.escapeHtml)((0, terminal_js_1.formatHealDescription)(heal))}</p>
+          <div class="detail-grid">
+            <div class="detail-row">
+              <span class="detail-label">Root cause</span>
+              <span class="detail-value">${(0, format_js_1.escapeHtml)(heal.rootCause)}</span>
+            </div>
+            ${selectorChange}
+            <div class="detail-row">
+              <span class="detail-label">Healed at</span>
+              <span class="detail-value">${(0, format_js_1.escapeHtml)((0, format_js_1.formatTimestamp)(heal.healedAt))}</span>
+            </div>
+            <div class="detail-row">
+              <span class="detail-label">Heal ID</span>
+              <span class="detail-value mono">${(0, format_js_1.escapeHtml)(heal.id)}</span>
+            </div>
+          </div>
+        </article>`;
+    })
+        .join('');
+}
+function renderFixProposal(fix) {
+    if (!fix)
+        return '';
+    return `
+    <section class="detail-section">
+      <div class="chip-header">Fix proposal</div>
+      <div class="chip-body">
+        <div class="detail-grid">
+          <div class="detail-row">
+            <span class="detail-label">Strategy</span>
+            <span class="detail-value">${(0, format_js_1.escapeHtml)(fix.strategy)}</span>
+          </div>
+          <div class="detail-row">
+            <span class="detail-label">Dry run</span>
+            <span class="detail-value">${fix.dryRun ? 'Yes' : 'No'}</span>
+          </div>
+          <div class="detail-row">
+            <span class="detail-label">Confidence</span>
+            <span class="detail-value">${(0, format_js_1.formatConfidence)(fix.confidence)}</span>
+          </div>
+        </div>
+      </div>
+    </section>`;
+}
+function renderTestDetailPanels(groups) {
+    const panels = groups.flatMap((group) => group.tests.map((test) => {
+        const relativePath = test.testFile;
+        return `
+        <section class="test-detail" id="test-${(0, format_js_1.escapeHtml)(test.id)}" hidden>
+          <div class="test-file-header">
+            <div class="test-file-title-row">
+              <span class="status-icon status-healed" aria-hidden="true">${icons_js_1.STATUS_ICON_HEALED}</span>
+              <h2 class="test-file-title">${(0, format_js_1.escapeHtml)(test.testTitle)}</h2>
+            </div>
+            <div class="test-file-path">${(0, format_js_1.escapeHtml)(relativePath)}</div>
+          </div>
+          <section class="detail-section">
+            <div class="chip-header">Runtime heals (${test.heals.length})</div>
+            <div class="chip-body heal-cards">${renderHealCards(test)}</div>
+          </section>
+          ${renderFixProposal(test.fix)}
+        </section>`;
+    }));
+    return panels.join('');
+}
+function renderCategorySummary(heals) {
+    const counts = (0, tree_js_1.categoryCounts)(heals);
+    if (counts.length === 0) {
+        return '<p class="muted">No heal categories to summarize.</p>';
+    }
+    return `
+    <div class="category-summary">
+      ${counts
+        .map((entry) => `
+        <div class="category-stat">
+          <span class="category-badge category-${(0, format_js_1.escapeHtml)(entry.category.toLowerCase())}">${(0, format_js_1.escapeHtml)(entry.category)}</span>
+          <span class="category-count">${entry.count}</span>
+        </div>`)
+        .join('')}
+    </div>`;
+}
+//# sourceMappingURL=render.js.map

package/dist/report-html/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/report-html/render.ts"],"names":[],"mappings":"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"}

package/dist/report-html/script.d.ts

@@ -0,0 +1,2 @@
+export declare const REPORT_SCRIPT = "\n(function () {\n  const data = JSON.parse(document.getElementById('healflow-data').textContent);\n  const searchInput = document.getElementById('tree-search');\n  const overview = document.getElementById('overview-panel');\n  const details = Array.from(document.querySelectorAll('.test-detail'));\n  const testItems = Array.from(document.querySelectorAll('.test-tree-item'));\n  const fileGroups = Array.from(document.querySelectorAll('.file-group'));\n\n  function showOverview() {\n    overview.hidden = false;\n    details.forEach((panel) => { panel.hidden = true; });\n    testItems.forEach((item) => {\n      item.classList.toggle('selected', !item.dataset.testId);\n    });\n  }\n\n  function showTest(testId) {\n    overview.hidden = true;\n    details.forEach((panel) => {\n      panel.hidden = panel.id !== 'test-' + testId;\n    });\n    testItems.forEach((item) => {\n      item.classList.toggle('selected', item.dataset.testId === testId);\n    });\n  }\n\n  testItems.forEach((item) => {\n    item.addEventListener('click', () => {\n      if (!item.dataset.testId) {\n        showOverview();\n        return;\n      }\n      showTest(item.dataset.testId);\n    });\n    item.addEventListener('keydown', (event) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        if (!item.dataset.testId) {\n          showOverview();\n          return;\n        }\n        showTest(item.dataset.testId);\n      }\n    });\n  });\n\n  fileGroups.forEach((group) => {\n    group.classList.add('expanded');\n    const header = group.querySelector('.file-tree-item');\n    header.addEventListener('click', () => group.classList.toggle('expanded'));\n  });\n\n  searchInput.addEventListener('input', () => {\n    const query = searchInput.value.trim().toLowerCase();\n    fileGroups.forEach((group) => {\n      let visibleTests = 0;\n      group.querySelectorAll('.test-tree-item').forEach((item) => {\n        const title = item.textContent.toLowerCase();\n        const match = !query || title.includes(query);\n        item.style.display = match ? '' : 'none';\n        if (match) visibleTests += 1;\n      });\n      const fileName = group.querySelector('.file-title').textContent.toLowerCase();\n      const showGroup = visibleTests > 0 || fileName.includes(query);\n      group.style.display = showGroup ? '' : 'none';\n      if (showGroup && query) group.classList.add('expanded');\n    });\n  });\n\n})();";
+//# sourceMappingURL=script.d.ts.map

package/dist/report-html/script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../src/report-html/script.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,g6EAsEpB,CAAC"}

package/dist/report-html/script.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REPORT_SCRIPT = void 0;
+exports.REPORT_SCRIPT = `
+(function () {
+  const data = JSON.parse(document.getElementById('healflow-data').textContent);
+  const searchInput = document.getElementById('tree-search');
+  const overview = document.getElementById('overview-panel');
+  const details = Array.from(document.querySelectorAll('.test-detail'));
+  const testItems = Array.from(document.querySelectorAll('.test-tree-item'));
+  const fileGroups = Array.from(document.querySelectorAll('.file-group'));
+
+  function showOverview() {
+    overview.hidden = false;
+    details.forEach((panel) => { panel.hidden = true; });
+    testItems.forEach((item) => {
+      item.classList.toggle('selected', !item.dataset.testId);
+    });
+  }
+
+  function showTest(testId) {
+    overview.hidden = true;
+    details.forEach((panel) => {
+      panel.hidden = panel.id !== 'test-' + testId;
+    });
+    testItems.forEach((item) => {
+      item.classList.toggle('selected', item.dataset.testId === testId);
+    });
+  }
+
+  testItems.forEach((item) => {
+    item.addEventListener('click', () => {
+      if (!item.dataset.testId) {
+        showOverview();
+        return;
+      }
+      showTest(item.dataset.testId);
+    });
+    item.addEventListener('keydown', (event) => {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        if (!item.dataset.testId) {
+          showOverview();
+          return;
+        }
+        showTest(item.dataset.testId);
+      }
+    });
+  });
+
+  fileGroups.forEach((group) => {
+    group.classList.add('expanded');
+    const header = group.querySelector('.file-tree-item');
+    header.addEventListener('click', () => group.classList.toggle('expanded'));
+  });
+
+  searchInput.addEventListener('input', () => {
+    const query = searchInput.value.trim().toLowerCase();
+    fileGroups.forEach((group) => {
+      let visibleTests = 0;
+      group.querySelectorAll('.test-tree-item').forEach((item) => {
+        const title = item.textContent.toLowerCase();
+        const match = !query || title.includes(query);
+        item.style.display = match ? '' : 'none';
+        if (match) visibleTests += 1;
+      });
+      const fileName = group.querySelector('.file-title').textContent.toLowerCase();
+      const showGroup = visibleTests > 0 || fileName.includes(query);
+      group.style.display = showGroup ? '' : 'none';
+      if (showGroup && query) group.classList.add('expanded');
+    });
+  });
+
+})();`;
+//# sourceMappingURL=script.js.map

package/dist/report-html/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../../src/report-html/script.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsEvB,CAAC"}

package/dist/report-html/status.d.ts

@@ -0,0 +1,2 @@
+export declare function statusLabel(status: string, failureCount: number): string;
+//# sourceMappingURL=status.d.ts.map

package/dist/report-html/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/report-html/status.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAUxE"}

package/dist/report-html/status.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statusLabel = statusLabel;
+function statusLabel(status, failureCount) {
+    if (failureCount > 0 ||
+        status === 'failed' ||
+        status === 'timedout' ||
+        status === 'interrupted') {
+        return 'failed';
+    }
+    return 'passed';
+}
+//# sourceMappingURL=status.js.map

package/dist/report-html/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/report-html/status.ts"],"names":[],"mappings":";;AAAA,kCAUC;AAVD,SAAgB,WAAW,CAAC,MAAc,EAAE,YAAoB;IAC9D,IACE,YAAY,GAAG,CAAC;QAChB,MAAM,KAAK,QAAQ;QACnB,MAAM,KAAK,UAAU;QACrB,MAAM,KAAK,aAAa,EACxB,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/report-html/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const REPORT_STYLES = "\n:root {\n  --color-canvas-default: #ffffff;\n  --color-canvas-subtle: #f6f8fa;\n  --color-fg-default: #24292f;\n  --color-fg-muted: #57606a;\n  --color-border-default: #d0d7de;\n  --color-success-fg: #1a7f37;\n  --color-success-subtle: #dafbe1;\n  --color-danger-fg: #cf222e;\n  --color-danger-subtle: #ffebe9;\n  --color-attention-fg: #9a6700;\n  --color-attention-subtle: #fff8c5;\n  --color-accent-fg: #0969da;\n  --color-accent-subtle: #ddf4ff;\n  --color-heal-fg: #0550ae;\n  --color-heal-subtle: #ddf4ff;\n  --sidebar-width: 320px;\n  --font-stack: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n  --mono-stack: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\n}\n\n* { box-sizing: border-box; }\nhtml, body { height: 100%; }\nbody {\n  margin: 0;\n  font-family: var(--font-stack);\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--color-fg-default);\n  background: var(--color-canvas-default);\n}\n\nbutton, input { font: inherit; }\n\n.app { display: flex; flex-direction: column; min-height: 100vh; }\n\n.header-view {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 12px 20px;\n  border-bottom: 1px solid var(--color-border-default);\n  background: var(--color-canvas-default);\n  flex-wrap: wrap;\n}\n\n.header-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.header-logo {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  background: linear-gradient(135deg, #2da44e, #0969da);\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 13px;\n}\n\n.header-title {\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n}\n\n.header-subtitle {\n  color: var(--color-fg-muted);\n  font-size: 12px;\n}\n\n.header-view-status-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-left: auto;\n}\n\n.summary-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 2em;\n  border: 1px solid var(--color-border-default);\n  background: var(--color-canvas-subtle);\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.summary-chip.passed { color: var(--color-success-fg); background: var(--color-success-subtle); border-color: #82d8a5; }\n.summary-chip.failed { color: var(--color-danger-fg); background: var(--color-danger-subtle); border-color: #ffbbb9; }\n.summary-chip.healed { color: var(--color-heal-fg); background: var(--color-heal-subtle); border-color: #9cd7ff; }\n.summary-chip.neutral { color: var(--color-fg-muted); }\n\n.main-layout {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.sidebar {\n  width: var(--sidebar-width);\n  flex-shrink: 0;\n  border-right: 1px solid var(--color-border-default);\n  background: var(--color-canvas-subtle);\n  display: flex;\n  flex-direction: column;\n  min-height: calc(100vh - 57px);\n}\n\n.sidebar-toolbar {\n  padding: 12px;\n  border-bottom: 1px solid var(--color-border-default);\n  background: var(--color-canvas-default);\n}\n\n.search-input {\n  width: 100%;\n  padding: 6px 10px;\n  border: 1px solid var(--color-border-default);\n  border-radius: 6px;\n  background: var(--color-canvas-default);\n  color: var(--color-fg-default);\n}\n\n.search-input:focus {\n  outline: 2px solid var(--color-accent-fg);\n  outline-offset: -1px;\n}\n\n.tree-panel {\n  flex: 1;\n  overflow: auto;\n  padding: 8px 0 24px;\n}\n\n.tree-empty {\n  padding: 16px;\n  color: var(--color-fg-muted);\n}\n\n.file-group { margin-bottom: 4px; }\n\n.tree-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  line-height: 20px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.file-tree-item {\n  color: var(--color-fg-default);\n  font-weight: 600;\n  cursor: pointer;\n  user-select: none;\n}\n\n.test-tree-item {\n  padding-left: 28px;\n  cursor: pointer;\n  border-left: 3px solid transparent;\n}\n\n.test-tree-item:hover,\n.test-tree-item:focus-visible {\n  background: rgba(9, 105, 218, 0.08);\n  outline: none;\n}\n\n.test-tree-item.selected {\n  background: #fff;\n  border-left-color: var(--color-accent-fg);\n}\n\n.overview-tree-item {\n  padding-left: 12px;\n  border-bottom: 1px solid var(--color-border-default);\n  margin-bottom: 8px;\n}\n\n.file-chevron {\n  width: 12px;\n  color: var(--color-fg-muted);\n  transition: transform 0.15s ease;\n}\n\n.file-group.expanded .file-chevron { transform: rotate(90deg); }\n\n.file-tests { display: none; }\n.file-group.expanded .file-tests { display: block; }\n\n.tree-item-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.file-title { flex: 1; }\n\n.file-heal-count {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--color-heal-fg);\n  background: var(--color-heal-subtle);\n  border-radius: 10px;\n  padding: 1px 7px;\n}\n\n.status-icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n}\n\n.content {\n  flex: 1;\n  overflow: auto;\n  padding: 20px 24px 40px;\n  background: var(--color-canvas-default);\n}\n\n.overview-panel { max-width: 960px; }\n\n.overview-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 12px;\n  margin: 16px 0 24px;\n}\n\n.meta-card {\n  border: 1px solid var(--color-border-default);\n  border-radius: 6px;\n  padding: 14px 16px;\n  background: var(--color-canvas-subtle);\n}\n\n.meta-card .label {\n  font-size: 12px;\n  color: var(--color-fg-muted);\n  margin-bottom: 4px;\n}\n\n.meta-card .value {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.muted { color: var(--color-fg-muted); }\n\n.chip-header {\n  border: 1px solid var(--color-border-default);\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  background: var(--color-canvas-subtle);\n  padding: 0 12px;\n  font-weight: 600;\n  line-height: 38px;\n}\n\n.chip-body {\n  border: 1px solid var(--color-border-default);\n  border-top: none;\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  padding: 12px;\n  margin-bottom: 16px;\n}\n\n.detail-section { margin-bottom: 16px; }\n\n.test-file-header {\n  margin-bottom: 20px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid var(--color-border-default);\n}\n\n.test-file-title-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.test-file-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.test-file-path {\n  margin-top: 6px;\n  color: var(--color-fg-muted);\n  font-family: var(--mono-stack);\n  font-size: 12px;\n  word-break: break-all;\n}\n\n.heal-cards { display: grid; gap: 12px; }\n\n.heal-card {\n  border: 1px solid var(--color-border-default);\n  border-radius: 6px;\n  padding: 12px 14px;\n  background: var(--color-canvas-default);\n}\n\n.heal-card-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  flex-wrap: wrap;\n}\n\n.heal-description {\n  margin: 0 0 12px;\n  color: var(--color-fg-default);\n}\n\n.detail-grid { display: grid; gap: 8px; }\n\n.detail-row {\n  display: grid;\n  grid-template-columns: 120px 1fr;\n  gap: 12px;\n  align-items: start;\n}\n\n.detail-label {\n  color: var(--color-fg-muted);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.detail-value { word-break: break-word; }\n.detail-value.mono { font-family: var(--mono-stack); font-size: 12px; }\n\n.selector-change {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.selector-change code {\n  font-family: var(--mono-stack);\n  font-size: 12px;\n  background: var(--color-canvas-subtle);\n  border: 1px solid var(--color-border-default);\n  border-radius: 4px;\n  padding: 2px 6px;\n}\n\n.arrow { color: var(--color-fg-muted); }\n\n.category-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: 2em;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.3px;\n}\n\n.category-timing { background: var(--color-attention-subtle); color: var(--color-attention-fg); }\n.category-overlay { background: var(--color-danger-subtle); color: var(--color-danger-fg); }\n.category-selector { background: var(--color-success-subtle); color: var(--color-success-fg); }\n.category-iframe, .category-shadow_dom, .category-auth, .category-session, .category-network {\n  background: var(--color-accent-subtle);\n  color: var(--color-accent-fg);\n}\n\n.confidence-badge {\n  font-size: 12px;\n  color: var(--color-fg-muted);\n}\n\n.category-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.category-stat {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid var(--color-border-default);\n  border-radius: 6px;\n  padding: 8px 10px;\n  background: var(--color-canvas-subtle);\n}\n\n.category-count {\n  font-weight: 700;\n  min-width: 1.5em;\n  text-align: right;\n}\n\n.run-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  text-transform: capitalize;\n}\n\n.run-status.passed { color: var(--color-success-fg); }\n.run-status.failed { color: var(--color-danger-fg); }\n\n@media (max-width: 900px) {\n  .main-layout { flex-direction: column; }\n  .sidebar {\n    width: 100%;\n    min-height: auto;\n    max-height: 40vh;\n    border-right: none;\n    border-bottom: 1px solid var(--color-border-default);\n  }\n  .detail-row { grid-template-columns: 1fr; gap: 2px; }\n}\n";
+//# sourceMappingURL=styles.d.ts.map

package/dist/report-html/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/report-html/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,81SAobzB,CAAC"}