@oss-autopilot/core 0.42.1 → 0.42.2

package/dist/cli.js

@@ -715,23 +715,23 @@ program
 });
 // Dismiss command
 program
-    .command('dismiss <issue-url>')
-    .description('Dismiss issue reply notifications (resurfaces on new activity)')
+    .command('dismiss <url>')
+    .description('Dismiss notifications for an issue or PR (resurfaces on new activity)')
     .option('--json', 'Output as JSON')
-    .action(async (issueUrl, options) => {
+    .action(async (url, options) => {
     try {
         const { runDismiss } = await import('./commands/dismiss.js');
-        const data = await runDismiss({ issueUrl });
+        const data = await runDismiss({ url });
         if (options.json) {
             outputJson(data);
         }
         else if (data.dismissed) {
-            console.log(`Dismissed: ${issueUrl}`);
-            console.log('Issue reply notifications are now muted.');
+            console.log(`Dismissed: ${url}`);
+            console.log('Notifications are now muted.');
             console.log('New responses after this point will resurface automatically.');
         }
         else {
-            console.log('Issue is already dismissed.');
+            console.log('Already dismissed.');
         }
     }
     catch (err) {
@@ -740,22 +740,22 @@ program
 });
 // Undismiss command
 program
-    .command('undismiss <issue-url>')
-    .description('Undismiss an issue (re-enable reply notifications)')
+    .command('undismiss <url>')
+    .description('Undismiss an issue or PR (re-enable notifications)')
     .option('--json', 'Output as JSON')
-    .action(async (issueUrl, options) => {
+    .action(async (url, options) => {
     try {
         const { runUndismiss } = await import('./commands/dismiss.js');
-        const data = await runUndismiss({ issueUrl });
+        const data = await runUndismiss({ url });
         if (options.json) {
             outputJson(data);
         }
         else if (data.undismissed) {
-            console.log(`Undismissed: ${issueUrl}`);
-            console.log('Issue reply notifications are active again.');
+            console.log(`Undismissed: ${url}`);
+            console.log('Notifications are active again.');
         }
         else {
-            console.log('Issue was not dismissed.');
+            console.log('Was not dismissed.');
         }
     }
     catch (err) {

package/dist/commands/daily.d.ts

@@ -16,7 +16,6 @@ export { computeRepoSignals, groupPRsByRepo, assessCapacity, collectActionableIs
  */
 export interface DailyCheckResult {
     digest: DailyDigest;
-    updates: unknown[];
     capacity: CapacityAssessment;
     summary: string;
     briefSummary: string;

package/dist/commands/daily.js

@@ -327,14 +327,16 @@ function generateDigestOutput(digest, activePRs, shelvedPRs, commentedIssues, fa
     const issueResponses = filteredCommentedIssues.filter((i) => i.status === 'new_response');
     const summary = formatSummary(digest, capacity, issueResponses);
     const snoozedUrls = new Set(Object.keys(stateManager.getState().config.snoozedPRs ?? {}).filter((url) => stateManager.isSnoozed(url)));
-    const actionableIssues = collectActionableIssues(activePRs, snoozedUrls);
+    // Filter dismissed PR URLs from actionable issues (#416)
+    const dismissedUrls = new Set(Object.keys(stateManager.getState().config.dismissedIssues ?? {}));
+    const nonDismissedPRs = activePRs.filter((pr) => !dismissedUrls.has(pr.url));
+    const actionableIssues = collectActionableIssues(nonDismissedPRs, snoozedUrls);
     digest.summary.totalNeedingAttention = actionableIssues.length;
     const briefSummary = formatBriefSummary(digest, actionableIssues.length, issueResponses.length);
     const actionMenu = computeActionMenu(actionableIssues, capacity, filteredCommentedIssues);
     const repoGroups = groupPRsByRepo(activePRs);
     return {
         digest,
-        updates: [],
         capacity,
         summary,
         briefSummary,
@@ -356,7 +358,6 @@ function generateDigestOutput(digest, activePRs, shelvedPRs, commentedIssues, fa
 function toDailyOutput(result) {
     return {
         digest: deduplicateDigest(result.digest),
-        updates: result.updates,
         capacity: result.capacity,
         summary: result.summary,
         briefSummary: result.briefSummary,

package/dist/commands/dashboard-components.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Reusable HTML component generators for the dashboard:
+ * SVG icons, truncateTitle, renderHealthItems, titleMeta.
+ */
+import type { FetchedPR } from '../core/types.js';
+/** SVG path constants for health item icons. */
+export declare const SVG_ICONS: {
+    comment: string;
+    edit: string;
+    xCircle: string;
+    conflict: string;
+    checklist: string;
+    file: string;
+    checkCircle: string;
+    clock: string;
+    lock: string;
+    infoCircle: string;
+    refresh: string;
+    box: string;
+    bell: string;
+    gitMerge: string;
+};
+export declare function truncateTitle(title: string, max?: number): string;
+/**
+ * Render health status items. labelFn output is automatically HTML-escaped.
+ * metaFn output is injected raw — callers must ensure metaFn returns safe HTML
+ * (use escapeHtml for any user-controlled content within metaFn).
+ *
+ * Accepts both full FetchedPR objects and lightweight ShelvedPRRef objects.
+ */
+export declare function renderHealthItems<T extends Pick<FetchedPR, 'repo' | 'title' | 'url' | 'number'>>(prs: T[], cssClass: string, svgPaths: string, labelFn: string | ((pr: T) => string), metaFn: (pr: T) => string): string;
+/** Default meta: truncated PR title (works for both FetchedPR and ShelvedPRRef). */
+export declare function titleMeta(pr: Pick<FetchedPR, 'title'>): string;

package/dist/commands/dashboard-components.js

@@ -0,0 +1,57 @@
+/**
+ * Reusable HTML component generators for the dashboard:
+ * SVG icons, truncateTitle, renderHealthItems, titleMeta.
+ */
+import { escapeHtml } from './dashboard-formatters.js';
+/** SVG path constants for health item icons. */
+export const SVG_ICONS = {
+    comment: '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>',
+    edit: '<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>',
+    xCircle: '<circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/>',
+    conflict: '<path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/>',
+    checklist: '<path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>',
+    file: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="12" y1="18" x2="12" y2="12"/><line x1="9" y1="15" x2="15" y2="15"/>',
+    checkCircle: '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>',
+    clock: '<circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>',
+    lock: '<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
+    infoCircle: '<circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>',
+    refresh: '<polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/>',
+    box: '<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/>',
+    bell: '<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 0 1-3.46 0"/>',
+    gitMerge: '<circle cx="7" cy="18" r="3"/><circle cx="7" cy="6" r="3"/><circle cx="17" cy="12" r="3"/><line x1="7" y1="9" x2="7" y2="15"/><path d="M7 9c0 4 10 3 10 3"/>',
+};
+export function truncateTitle(title, max = 50) {
+    const truncated = title.length <= max ? title : title.slice(0, max) + '...';
+    return escapeHtml(truncated);
+}
+/**
+ * Render health status items. labelFn output is automatically HTML-escaped.
+ * metaFn output is injected raw — callers must ensure metaFn returns safe HTML
+ * (use escapeHtml for any user-controlled content within metaFn).
+ *
+ * Accepts both full FetchedPR objects and lightweight ShelvedPRRef objects.
+ */
+export function renderHealthItems(prs, cssClass, svgPaths, labelFn, metaFn) {
+    return prs
+        .map((pr) => {
+        const rawLabel = typeof labelFn === 'string' ? labelFn : labelFn(pr);
+        const label = escapeHtml(rawLabel);
+        return `
+        <div class="health-item ${cssClass}" data-status="${cssClass}" data-repo="${escapeHtml(pr.repo)}" data-title="${escapeHtml(pr.title.toLowerCase())}">
+          <div class="health-icon">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              ${svgPaths}
+            </svg>
+          </div>
+          <div class="health-content">
+            <div class="health-title"><a href="${escapeHtml(pr.url)}" target="_blank">${escapeHtml(pr.repo)}#${pr.number}</a> - ${label}</div>
+            <div class="health-meta">${metaFn(pr)}</div>
+          </div>
+        </div>`;
+    })
+        .join('');
+}
+/** Default meta: truncated PR title (works for both FetchedPR and ShelvedPRRef). */
+export function titleMeta(pr) {
+    return truncateTitle(pr.title);
+}

package/dist/commands/dashboard-formatters.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Dashboard data formatting helpers: escapeHtml, DashboardStats, and stats builder.
+ */
+import type { DailyDigest, AgentState } from '../core/types.js';
+export interface DashboardStats {
+    activePRs: number;
+    shelvedPRs: number;
+    mergedPRs: number;
+    closedPRs: number;
+    mergeRate: string;
+}
+/**
+ * Escape HTML special characters to prevent XSS when interpolating
+ * user-controlled content (e.g. PR titles, comment bodies, author names) into HTML.
+ * Note: This escapes HTML entity characters only. It does not sanitize URL schemes
+ * (e.g., javascript:) — callers placing values in href attributes should validate
+ * the URL scheme if the source is untrusted. GitHub API URLs are trusted.
+ */
+export declare function escapeHtml(text: string): string;
+export declare function buildDashboardStats(digest: DailyDigest, state: Readonly<AgentState>): DashboardStats;

package/dist/commands/dashboard-formatters.js

@@ -0,0 +1,33 @@
+/**
+ * Dashboard data formatting helpers: escapeHtml, DashboardStats, and stats builder.
+ */
+/**
+ * Escape HTML special characters to prevent XSS when interpolating
+ * user-controlled content (e.g. PR titles, comment bodies, author names) into HTML.
+ * Note: This escapes HTML entity characters only. It does not sanitize URL schemes
+ * (e.g., javascript:) — callers placing values in href attributes should validate
+ * the URL scheme if the source is untrusted. GitHub API URLs are trusted.
+ */
+export function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+export function buildDashboardStats(digest, state) {
+    const summary = digest.summary || {
+        totalActivePRs: 0,
+        totalMergedAllTime: 0,
+        mergeRate: 0,
+        totalNeedingAttention: 0,
+    };
+    return {
+        activePRs: summary.totalActivePRs,
+        shelvedPRs: (digest.shelvedPRs || []).length,
+        mergedPRs: summary.totalMergedAllTime,
+        closedPRs: Object.values(state.repoScores || {}).reduce((sum, s) => sum + (s.closedWithoutMergeCount || 0), 0),
+        mergeRate: `${(summary.mergeRate ?? 0).toFixed(1)}%`,
+    };
+}

package/dist/commands/dashboard-scripts.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Client-side JavaScript for the dashboard: theme toggle, filtering, Chart.js charts.
+ */
+import type { DailyDigest, AgentState } from '../core/types.js';
+import type { DashboardStats } from './dashboard-formatters.js';
+/** Generate the Chart.js JavaScript for the dashboard. */
+export declare function generateDashboardScripts(stats: DashboardStats, monthlyMerged: Record<string, number>, monthlyClosed: Record<string, number>, monthlyOpened: Record<string, number>, digest: DailyDigest, state: Readonly<AgentState>): string;

package/dist/commands/dashboard-scripts.js

@@ -0,0 +1,281 @@
+/**
+ * Client-side JavaScript for the dashboard: theme toggle, filtering, Chart.js charts.
+ */
+/** Static client-side JS: theme toggle + filter/search logic. */
+const THEME_AND_FILTER_SCRIPT = `
+    // === Theme Toggle ===
+    (function() {
+      var html = document.documentElement;
+      var toggle = document.getElementById('themeToggle');
+      var sunIcon = document.getElementById('themeIconSun');
+      var moonIcon = document.getElementById('themeIconMoon');
+      var label = document.getElementById('themeLabel');
+
+      function getEffectiveTheme() {
+        try {
+          var stored = localStorage.getItem('oss-dashboard-theme');
+          if (stored === 'light' || stored === 'dark') return stored;
+        } catch (e) { /* localStorage unavailable (private browsing) */ }
+        return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+      }
+
+      function applyTheme(theme) {
+        html.setAttribute('data-theme', theme);
+        if (theme === 'light') {
+          sunIcon.style.display = 'none';
+          moonIcon.style.display = 'block';
+          label.textContent = 'Dark';
+        } else {
+          sunIcon.style.display = 'block';
+          moonIcon.style.display = 'none';
+          label.textContent = 'Light';
+        }
+      }
+
+      applyTheme(getEffectiveTheme());
+
+      toggle.addEventListener('click', function() {
+        var current = html.getAttribute('data-theme');
+        var next = current === 'dark' ? 'light' : 'dark';
+        try { localStorage.setItem('oss-dashboard-theme', next); } catch (e) { /* private browsing */ }
+        applyTheme(next);
+      });
+    })();
+
+    // === Filtering & Search ===
+    (function() {
+      var searchInput = document.getElementById('searchInput');
+      var statusFilter = document.getElementById('statusFilter');
+      var repoFilter = document.getElementById('repoFilter');
+      var filterCount = document.getElementById('filterCount');
+
+      function applyFilters() {
+        var query = searchInput.value.toLowerCase().trim();
+        var status = statusFilter.value;
+        var repo = repoFilter.value;
+        var allItems = document.querySelectorAll('.health-item[data-status], .pr-item[data-status]');
+        var visible = 0;
+        var total = allItems.length;
+
+        allItems.forEach(function(item) {
+          var itemStatus = item.getAttribute('data-status') || '';
+          var itemRepo = item.getAttribute('data-repo') || '';
+          var itemTitle = item.getAttribute('data-title') || '';
+
+          var matchesStatus = (status === 'all') || (itemStatus === status);
+          var matchesRepo = (repo === 'all') || (itemRepo === repo);
+          var matchesSearch = !query || itemTitle.indexOf(query) !== -1;
+
+          if (matchesStatus && matchesRepo && matchesSearch) {
+            item.setAttribute('data-hidden', 'false');
+            visible++;
+          } else {
+            item.setAttribute('data-hidden', 'true');
+          }
+        });
+
+        // Show/hide parent sections if all children are hidden
+        var sections = document.querySelectorAll('.health-section, .pr-list-section');
+        sections.forEach(function(section) {
+          var items = section.querySelectorAll('.health-item[data-status], .pr-item[data-status]');
+          if (items.length === 0) return; // sections without filterable items (e.g. empty state)
+          var anyVisible = false;
+          items.forEach(function(item) {
+            if (item.getAttribute('data-hidden') !== 'true') anyVisible = true;
+          });
+          section.style.display = anyVisible ? '' : 'none';
+        });
+
+        var isFiltering = (status !== 'all' || repo !== 'all' || query.length > 0);
+        filterCount.textContent = isFiltering ? (visible + ' of ' + total + ' items') : '';
+      }
+
+      searchInput.addEventListener('input', applyFilters);
+      statusFilter.addEventListener('change', applyFilters);
+      repoFilter.addEventListener('change', applyFilters);
+    })();
+`;
+/** Generate the Chart.js JavaScript for the dashboard. */
+export function generateDashboardScripts(stats, monthlyMerged, monthlyClosed, monthlyOpened, digest, state) {
+    // === Status Doughnut ===
+    const statusChart = `
+    Chart.defaults.color = '#6e7681';
+    Chart.defaults.borderColor = 'rgba(48, 54, 61, 0.4)';
+    Chart.defaults.font.family = "'Geist', sans-serif";
+    Chart.defaults.font.size = 11;
+
+    // === Status Doughnut ===
+    new Chart(document.getElementById('statusChart'), {
+      type: 'doughnut',
+      data: {
+        labels: ['Active', 'Shelved', 'Merged', 'Closed'],
+        datasets: [{
+          data: [${stats.activePRs}, ${stats.shelvedPRs}, ${stats.mergedPRs}, ${stats.closedPRs}],
+          backgroundColor: ['#3fb950', '#6e7681', '#a855f7', '#484f58'],
+          borderColor: 'rgba(8, 11, 16, 0.8)',
+          borderWidth: 2,
+          hoverOffset: 8
+        }]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        cutout: '65%',
+        plugins: {
+          legend: {
+            position: 'bottom',
+            labels: { padding: 16, usePointStyle: true, pointStyle: 'circle', font: { size: 11 } }
+          }
+        }
+      }
+    });`;
+    // === Repository Breakdown ===
+    const repoChart = (() => {
+        // Filter helper: exclude repos matching excludeRepos/excludeOrgs or below minStars (#216)
+        const { excludeRepos: exRepos = [], excludeOrgs: exOrgs, minStars } = state.config;
+        const starThreshold = minStars ?? 50;
+        const shouldExcludeRepo = (repo) => {
+            const repoLower = repo.toLowerCase();
+            if (exRepos.some((r) => r.toLowerCase() === repoLower))
+                return true;
+            if (exOrgs?.some((o) => o.toLowerCase() === repoLower.split('/')[0]))
+                return true;
+            const score = (state.repoScores || {})[repo];
+            // Fail-open: repos without cached star data are shown (not excluded).
+            // Unlike issue-discovery (fail-closed), the dashboard shows the user's own
+            // contribution history — hiding repos just because a star fetch failed would be confusing.
+            if (score?.stargazersCount !== undefined && score.stargazersCount < starThreshold)
+                return true;
+            return false;
+        };
+        // Sort repos by total PRs (merged + active + closed) and build "Other" bucket
+        const allRepoEntries = Object.entries(
+        // Rebuild from full prsByRepo to get all repos, not just top 10
+        (() => {
+            const all = {};
+            for (const pr of digest.openPRs || []) {
+                if (shouldExcludeRepo(pr.repo))
+                    continue;
+                if (!all[pr.repo])
+                    all[pr.repo] = { active: 0, merged: 0, closed: 0 };
+                all[pr.repo].active++;
+            }
+            for (const [repo, score] of Object.entries(state.repoScores || {})) {
+                if (shouldExcludeRepo(repo))
+                    continue;
+                if (!all[repo])
+                    all[repo] = { active: 0, merged: 0, closed: 0 };
+                all[repo].merged = score.mergedPRCount;
+                all[repo].closed = score.closedWithoutMergeCount;
+            }
+            return all;
+        })()).sort((a, b) => {
+            const totalA = a[1].merged + a[1].active + a[1].closed;
+            const totalB = b[1].merged + b[1].active + b[1].closed;
+            return totalB - totalA;
+        });
+        const displayRepos = allRepoEntries.slice(0, 10);
+        const otherRepos = allRepoEntries.slice(10);
+        const grandTotal = allRepoEntries.reduce((sum, [, d]) => sum + d.merged + d.active + d.closed, 0);
+        if (otherRepos.length > 0) {
+            const otherData = otherRepos.reduce((acc, [, d]) => ({
+                active: acc.active + d.active,
+                merged: acc.merged + d.merged,
+                closed: acc.closed + d.closed,
+            }), { active: 0, merged: 0, closed: 0 });
+            displayRepos.push(['Other', otherData]);
+        }
+        const repoLabels = displayRepos.map(([repo]) => (repo === 'Other' ? 'Other' : repo.split('/')[1] || repo));
+        const mergedData = displayRepos.map(([, d]) => d.merged);
+        const activeData = displayRepos.map(([, d]) => d.active);
+        const closedData = displayRepos.map(([, d]) => d.closed);
+        return `
+    new Chart(document.getElementById('reposChart'), {
+      type: 'bar',
+      data: {
+        labels: ${JSON.stringify(repoLabels)},
+        datasets: [
+          { label: 'Merged', data: ${JSON.stringify(mergedData)}, backgroundColor: '#a855f7', borderRadius: 3 },
+          { label: 'Active', data: ${JSON.stringify(activeData)}, backgroundColor: '#3fb950', borderRadius: 3 },
+          { label: 'Closed', data: ${JSON.stringify(closedData)}, backgroundColor: '#484f58', borderRadius: 3 }
+        ]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        scales: {
+          x: { stacked: true, grid: { display: false }, ticks: { font: { size: 10 } } },
+          y: { stacked: true, grid: { color: 'rgba(48, 54, 61, 0.3)' }, ticks: { stepSize: 1 } }
+        },
+        plugins: {
+          legend: { position: 'bottom', labels: { padding: 16, usePointStyle: true, pointStyle: 'circle', font: { size: 11 } } },
+          tooltip: {
+            callbacks: {
+              afterBody: function(context) {
+                const idx = context[0].dataIndex;
+                const total = ${JSON.stringify(mergedData)}[idx] + ${JSON.stringify(activeData)}[idx] + ${JSON.stringify(closedData)}[idx];
+                const pct = ${grandTotal} > 0 ? ((total / ${grandTotal}) * 100).toFixed(1) : '0.0';
+                return pct + '% of all PRs';
+              }
+            }
+          }
+        }
+      }
+    });`;
+    })();
+    // === Contribution Timeline ===
+    const timelineChart = (() => {
+        // Generate a contiguous range of the last 6 months from today
+        // This avoids gaps when historical data spans years (e.g. 2019 and 2026)
+        const now = new Date();
+        const allMonths = [];
+        for (let offset = 5; offset >= 0; offset--) {
+            const d = new Date(now.getFullYear(), now.getMonth() - offset, 1);
+            allMonths.push(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`);
+        }
+        return `
+    const timelineMonths = ${JSON.stringify(allMonths)};
+    const openedData = ${JSON.stringify(monthlyOpened)};
+    const mergedData = ${JSON.stringify(monthlyMerged)};
+    const closedData = ${JSON.stringify(monthlyClosed)};
+    new Chart(document.getElementById('monthlyChart'), {
+      type: 'bar',
+      data: {
+        labels: timelineMonths,
+        datasets: [
+          {
+            label: 'Opened',
+            data: timelineMonths.map(m => openedData[m] || 0),
+            backgroundColor: '#58a6ff',
+            borderRadius: 3
+          },
+          {
+            label: 'Merged',
+            data: timelineMonths.map(m => mergedData[m] || 0),
+            backgroundColor: '#a855f7',
+            borderRadius: 3
+          },
+          {
+            label: 'Closed',
+            data: timelineMonths.map(m => closedData[m] || 0),
+            backgroundColor: '#484f58',
+            borderRadius: 3
+          }
+        ]
+      },
+      options: {
+        responsive: true,
+        maintainAspectRatio: false,
+        scales: {
+          x: { grid: { display: false } },
+          y: { grid: { color: 'rgba(48, 54, 61, 0.3)' }, beginAtZero: true, ticks: { stepSize: 1 } }
+        },
+        plugins: {
+          legend: { position: 'bottom', labels: { padding: 16, usePointStyle: true, pointStyle: 'circle', font: { size: 11 } } }
+        },
+        interaction: { intersect: false, mode: 'index' }
+      }
+    });`;
+    })();
+    return THEME_AND_FILTER_SCRIPT + statusChart + '\n' + repoChart + '\n' + timelineChart;
+}

package/dist/commands/dashboard-styles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dashboard CSS styles: theme variables, layout, component styles.
+ * Extracted from dashboard-templates.ts for maintainability.
+ */
+export declare const DASHBOARD_CSS = "\n    :root, [data-theme=\"dark\"] {\n      --bg-base: #080b10;\n      --bg-surface: rgba(22, 27, 34, 0.65);\n      --bg-elevated: rgba(28, 33, 40, 0.8);\n      --border: rgba(48, 54, 61, 0.6);\n      --border-muted: rgba(33, 38, 45, 0.5);\n      --text-primary: #e6edf3;\n      --text-secondary: #8b949e;\n      --text-muted: #6e7681;\n      --accent-merged: #a855f7;\n      --accent-merged-dim: rgba(168, 85, 247, 0.12);\n      --accent-open: #3fb950;\n      --accent-open-dim: rgba(63, 185, 80, 0.12);\n      --accent-warning: #d29922;\n      --accent-warning-dim: rgba(210, 153, 34, 0.12);\n      --accent-error: #f85149;\n      --accent-error-dim: rgba(248, 81, 73, 0.10);\n      --accent-conflict: #da3633;\n      --accent-info: #58a6ff;\n      --accent-info-dim: rgba(88, 166, 255, 0.08);\n      --chart-border: rgba(8, 11, 16, 0.8);\n      --chart-grid: rgba(48, 54, 61, 0.3);\n      --scrollbar-track: rgba(28, 33, 40, 0.8);\n      --scrollbar-thumb: rgba(48, 54, 61, 0.6);\n    }\n\n    [data-theme=\"light\"] {\n      --bg-base: #f6f8fa;\n      --bg-surface: rgba(255, 255, 255, 0.85);\n      --bg-elevated: rgba(246, 248, 250, 0.95);\n      --border: rgba(208, 215, 222, 0.6);\n      --border-muted: rgba(216, 222, 228, 0.5);\n      --text-primary: #1f2328;\n      --text-secondary: #656d76;\n      --text-muted: #8b949e;\n      --accent-merged: #8250df;\n      --accent-merged-dim: rgba(130, 80, 223, 0.1);\n      --accent-open: #1a7f37;\n      --accent-open-dim: rgba(26, 127, 55, 0.1);\n      --accent-warning: #9a6700;\n      --accent-warning-dim: rgba(154, 103, 0, 0.1);\n      --accent-error: #cf222e;\n      --accent-error-dim: rgba(207, 34, 46, 0.08);\n      --accent-conflict: #cf222e;\n      --accent-info: #0969da;\n      --accent-info-dim: rgba(9, 105, 218, 0.08);\n      --chart-border: rgba(255, 255, 255, 0.8);\n      --chart-grid: rgba(208, 215, 222, 0.4);\n      --scrollbar-track: rgba(246, 248, 250, 0.95);\n      --scrollbar-thumb: rgba(208, 215, 222, 0.6);\n    }\n\n    @media (prefers-color-scheme: light) {\n      :root:not([data-theme=\"dark\"]) {\n        --bg-base: #f6f8fa;\n        --bg-surface: rgba(255, 255, 255, 0.85);\n        --bg-elevated: rgba(246, 248, 250, 0.95);\n        --border: rgba(208, 215, 222, 0.6);\n        --border-muted: rgba(216, 222, 228, 0.5);\n        --text-primary: #1f2328;\n        --text-secondary: #656d76;\n        --text-muted: #8b949e;\n        --accent-merged: #8250df;\n        --accent-merged-dim: rgba(130, 80, 223, 0.1);\n        --accent-open: #1a7f37;\n        --accent-open-dim: rgba(26, 127, 55, 0.1);\n        --accent-warning: #9a6700;\n        --accent-warning-dim: rgba(154, 103, 0, 0.1);\n        --accent-error: #cf222e;\n        --accent-error-dim: rgba(207, 34, 46, 0.08);\n        --accent-conflict: #cf222e;\n        --accent-info: #0969da;\n        --accent-info-dim: rgba(9, 105, 218, 0.08);\n        --chart-border: rgba(255, 255, 255, 0.8);\n        --chart-grid: rgba(208, 215, 222, 0.4);\n        --scrollbar-track: rgba(246, 248, 250, 0.95);\n        --scrollbar-thumb: rgba(208, 215, 222, 0.6);\n      }\n    }\n\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    body {\n      font-family: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: var(--bg-base);\n      color: var(--text-primary);\n      min-height: 100vh;\n      line-height: 1.5;\n      overflow-x: hidden;\n    }\n\n    body::before {\n      content: '';\n      position: fixed;\n      top: -20%; left: -10%;\n      width: 60%; height: 60%;\n      background: radial-gradient(ellipse, rgba(88, 166, 255, 0.06) 0%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    body::after {\n      content: '';\n      position: fixed;\n      bottom: -20%; right: -10%;\n      width: 50%; height: 50%;\n      background: radial-gradient(ellipse, rgba(168, 85, 247, 0.05) 0%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    [data-theme=\"light\"] body::before,\n    [data-theme=\"light\"] body::after {\n      display: none;\n    }\n\n    .container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 2rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 1.5rem;\n      padding-bottom: 1rem;\n      border-bottom: 1px solid var(--border-muted);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n    }\n\n    .logo {\n      width: 44px;\n      height: 44px;\n      background: linear-gradient(135deg, var(--accent-info) 0%, var(--accent-merged) 50%, #f778ba 100%);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.5rem;\n      box-shadow: 0 0 24px rgba(168, 85, 247, 0.3), 0 0 48px rgba(88, 166, 255, 0.15);\n    }\n\n    .header h1 {\n      font-size: 1.75rem;\n      font-weight: 600;\n      letter-spacing: -0.02em;\n      background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n\n    .header-subtitle {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.75rem;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    .timestamp {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.8rem;\n      color: var(--text-muted);\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n\n    .timestamp::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--accent-open);\n      border-radius: 50%;\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(35, 134, 54, 0.4); }\n      50% { opacity: 0.8; box-shadow: 0 0 0 8px rgba(35, 134, 54, 0); }\n    }\n\n    .stats-grid {\n      display: flex;\n      background: var(--bg-surface);\n      border: 1px solid var(--border-muted);\n      border-radius: 12px;\n      margin-bottom: 1.5rem;\n      overflow: hidden;\n    }\n\n    @media (max-width: 768px) {\n      .stats-grid { flex-wrap: wrap; }\n      .stat-card { flex: 1 1 33%; }\n    }\n\n    .stat-card {\n      flex: 1;\n      padding: 1rem 1.25rem;\n      position: relative;\n      transition: background 0.2s ease;\n    }\n\n    .stat-card + .stat-card {\n      border-left: 1px solid var(--border-muted);\n    }\n\n    .stat-card:hover {\n      background: rgba(255, 255, 255, 0.02);\n    }\n\n    .stat-card::after {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0.75rem; right: 0.75rem;\n      height: 2px;\n      background: var(--accent-color, var(--border));\n      border-radius: 2px;\n      opacity: 0.7;\n    }\n\n    .stat-card.active { --accent-color: var(--accent-open); }\n    .stat-card.merged { --accent-color: var(--accent-merged); }\n    .stat-card.closed { --accent-color: var(--text-muted); }\n    .stat-card.rate { --accent-color: var(--accent-info); }\n\n    .stat-value {\n      font-family: 'Geist Mono', monospace;\n      font-size: 1.75rem;\n      font-weight: 600;\n      line-height: 1;\n      margin-bottom: 0.25rem;\n    }\n\n    .stat-card.active .stat-value { color: var(--accent-open); }\n    .stat-card.merged .stat-value { color: var(--accent-merged); }\n    .stat-card.closed .stat-value { color: var(--text-muted); }\n    .stat-card.rate .stat-value { color: var(--accent-info); }\n\n    .stat-label {\n      font-size: 0.7rem;\n      color: var(--text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .health-section {\n      background: var(--bg-surface);\n      border: 1px solid var(--border-muted);\n      border-radius: 10px;\n      padding: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n\n    .health-header {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      margin-bottom: 1rem;\n    }\n\n    .health-header h2 {\n      font-size: 1rem;\n      font-weight: 600;\n      color: var(--text-primary);\n    }\n\n    .health-badge {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      padding: 0.25rem 0.5rem;\n      border-radius: 4px;\n      background: var(--accent-error-dim);\n      color: var(--accent-error);\n    }\n\n    .health-items {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 0.75rem;\n    }\n\n    .health-item {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      padding: 0.75rem 1rem;\n      background: var(--bg-elevated);\n      border-radius: 8px;\n      border-left: 3px solid;\n      transition: transform 0.15s ease;\n    }\n\n    .health-item:hover { transform: translateX(4px); }\n\n    .health-item.ci-failing {\n      border-left-color: var(--accent-error);\n      background: var(--accent-error-dim);\n    }\n\n    .health-item.conflict {\n      border-left-color: var(--accent-conflict);\n      background: rgba(218, 54, 51, 0.1);\n    }\n\n    .health-item.incomplete-checklist {\n      border-left-color: var(--accent-info);\n    }\n    .health-item.needs-response,\n    .health-item.needs-changes {\n      border-left-color: var(--accent-warning);\n      background: var(--accent-warning-dim);\n    }\n\n    .health-item.changes-addressed,\n    .health-item.waiting-maintainer {\n      border-left-color: var(--accent-info);\n      background: var(--accent-info-dim);\n    }\n\n    .health-item.ci-not-running {\n      border-left-color: var(--text-muted);\n      background: rgba(110, 118, 129, 0.1);\n    }\n\n    .health-item.missing-files {\n      border-left-color: var(--accent-warning);\n      background: var(--accent-warning-dim);\n    }\n\n    .health-item.ci-blocked {\n      border-left-color: var(--text-muted);\n      background: rgba(110, 118, 129, 0.1);\n    }\n\n    .health-item.needs-rebase {\n      border-left-color: var(--accent-warning);\n      background: var(--accent-warning-dim);\n    }\n\n    .health-item.shelved {\n      border-left-color: var(--text-muted);\n      background: rgba(110, 118, 129, 0.06);\n      opacity: 0.6;\n    }\n\n    .health-item.shelved .health-icon { background: rgba(110, 118, 129, 0.12); color: var(--text-muted); }\n\n    .health-item.auto-unshelved {\n      border-left-color: var(--accent-info);\n      background: var(--accent-info-dim);\n    }\n\n    .health-item.auto-unshelved .health-icon { background: var(--accent-info-dim); color: var(--accent-info); }\n\n    .stat-card.shelved { --accent-color: var(--text-muted); }\n    .stat-card.shelved .stat-value { color: var(--text-muted); }\n\n    .waiting-section {\n      border-color: rgba(88, 166, 255, 0.2);\n    }\n\n    .health-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1rem;\n      flex-shrink: 0;\n    }\n\n    .health-item.ci-failing .health-icon { background: var(--accent-error-dim); color: var(--accent-error); }\n    .health-item.conflict .health-icon { background: rgba(218, 54, 51, 0.15); color: var(--accent-conflict); }\n    .health-item.incomplete-checklist .health-icon { background: var(--accent-info-dim); color: var(--accent-info); }\n    .health-item.needs-response .health-icon,\n    .health-item.needs-changes .health-icon { background: var(--accent-warning-dim); color: var(--accent-warning); }\n    .health-item.changes-addressed .health-icon,\n    .health-item.waiting-maintainer .health-icon { background: var(--accent-info-dim); color: var(--accent-info); }\n    .health-item.ci-not-running .health-icon { background: rgba(110, 118, 129, 0.15); color: var(--text-muted); }\n    .health-item.missing-files .health-icon { background: var(--accent-warning-dim); color: var(--accent-warning); }\n    .health-item.ci-blocked .health-icon { background: rgba(110, 118, 129, 0.15); color: var(--text-muted); }\n    .health-item.needs-rebase .health-icon { background: var(--accent-warning-dim); color: var(--accent-warning); }\n\n    .health-content { flex: 1; min-width: 0; }\n\n    .health-title {\n      font-size: 0.85rem;\n      font-weight: 500;\n      color: var(--text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .health-title a { color: inherit; text-decoration: none; }\n    .health-title a:hover { color: var(--accent-info); }\n\n    .health-meta {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      color: var(--text-muted);\n    }\n\n    .health-empty {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 2rem;\n      color: var(--text-muted);\n      font-size: 0.9rem;\n    }\n\n    .health-empty::before {\n      content: '\\2713';\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 24px;\n      height: 24px;\n      background: var(--accent-open-dim);\n      color: var(--accent-open);\n      border-radius: 50%;\n      margin-right: 0.75rem;\n      font-weight: bold;\n    }\n\n    .main-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n\n    @media (max-width: 1024px) { .main-grid { grid-template-columns: 1fr; } }\n\n    .card {\n      background: var(--bg-surface);\n      border: 1px solid var(--border-muted);\n      border-radius: 10px;\n      overflow: hidden;\n    }\n\n    .card-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.75rem 1.125rem;\n      border-bottom: 1px solid var(--border-muted);\n    }\n\n    .card-title {\n      font-size: 0.75rem;\n      font-weight: 600;\n      color: var(--text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .card-body { padding: 1rem 1.125rem; }\n\n    .chart-container {\n      position: relative;\n      height: 260px;\n    }\n\n    .pr-list-section {\n      background: var(--bg-surface);\n      border: 1px solid var(--border-muted);\n      border-radius: 10px;\n      overflow: hidden;\n    }\n\n    .pr-list-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.75rem 1.125rem;\n      border-bottom: 1px solid var(--border-muted);\n    }\n\n    .pr-list-title {\n      font-size: 0.75rem;\n      font-weight: 600;\n      color: var(--text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .pr-count {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.75rem;\n      padding: 0.25rem 0.5rem;\n      background: var(--accent-open-dim);\n      color: var(--accent-open);\n      border-radius: 4px;\n    }\n\n    .pr-list {\n      max-height: 600px;\n      overflow-y: auto;\n    }\n\n    .pr-list::-webkit-scrollbar { width: 6px; }\n    .pr-list::-webkit-scrollbar-track { background: var(--scrollbar-track, var(--bg-elevated)); }\n    .pr-list::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb, var(--border)); border-radius: 3px; }\n\n    .pr-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      padding: 1rem 1.25rem;\n      border-bottom: 1px solid var(--border-muted);\n      transition: background 0.15s ease;\n    }\n\n    .pr-item:last-child { border-bottom: none; }\n    .pr-item:hover { background: var(--bg-elevated); }\n\n    .pr-status-indicator {\n      width: 40px;\n      height: 40px;\n      border-radius: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      font-size: 1.1rem;\n      background: var(--accent-open-dim);\n      color: var(--accent-open);\n    }\n\n    .pr-item.has-issues .pr-status-indicator {\n      background: var(--accent-error-dim);\n      color: var(--accent-error);\n      animation: attention-pulse 2s ease-in-out infinite;\n    }\n\n    .pr-item.stale .pr-status-indicator {\n      background: var(--accent-warning-dim);\n      color: var(--accent-warning);\n    }\n\n    @keyframes attention-pulse {\n      0%, 100% { box-shadow: 0 0 0 0 rgba(248, 81, 73, 0.4); }\n      50% { box-shadow: 0 0 0 6px rgba(248, 81, 73, 0); }\n    }\n\n    .pr-content { flex: 1; min-width: 0; }\n\n    .pr-title-row {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      margin-bottom: 0.25rem;\n    }\n\n    .pr-title {\n      font-size: 0.9rem;\n      font-weight: 500;\n      color: var(--text-primary);\n      text-decoration: none;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .pr-title:hover { color: var(--accent-info); }\n\n    .pr-repo {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.75rem;\n      color: var(--text-muted);\n      flex-shrink: 0;\n    }\n\n    .pr-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n\n    .badge {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.65rem;\n      font-weight: 500;\n      padding: 0.2rem 0.5rem;\n      border-radius: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.03em;\n    }\n\n    .badge-ci-failing { background: var(--accent-error-dim); color: var(--accent-error); }\n    .badge-conflict { background: rgba(218, 54, 51, 0.15); color: var(--accent-conflict); }\n    .badge-needs-response { background: var(--accent-warning-dim); color: var(--accent-warning); }\n    .badge-stale { background: var(--accent-warning-dim); color: var(--accent-warning); }\n    .badge-passing { background: var(--accent-open-dim); color: var(--accent-open); }\n    .badge-pending { background: var(--accent-info-dim); color: var(--accent-info); }\n    .badge-days { background: var(--bg-elevated); color: var(--text-muted); }\n    .badge-changes-requested { background: var(--accent-warning-dim); color: var(--accent-warning); }\n    .badge-changes-addressed { background: var(--accent-info-dim); color: var(--accent-info); }\n\n    .pr-activity {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      color: var(--text-muted);\n      margin-left: auto;\n      text-align: right;\n      flex-shrink: 0;\n    }\n\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 3rem;\n      color: var(--text-muted);\n    }\n\n    .empty-state-icon {\n      font-size: 2.5rem;\n      margin-bottom: 1rem;\n      opacity: 0.5;\n    }\n\n    .footer {\n      text-align: center;\n      padding-top: 1.5rem;\n      border-top: 1px solid var(--border-muted);\n      margin-top: 1.5rem;\n    }\n\n    .footer p {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      color: var(--text-muted);\n    }\n\n    @keyframes fadeInUp {\n      from { opacity: 0; transform: translateY(12px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    .stats-grid, .health-section, .pr-list-section {\n      animation: fadeInUp 0.35s ease;\n    }\n\n    .theme-toggle {\n      background: var(--bg-elevated);\n      border: 1px solid var(--border-muted);\n      border-radius: 8px;\n      padding: 0.4rem 0.6rem;\n      cursor: pointer;\n      color: var(--text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 0.4rem;\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      transition: background 0.2s ease, color 0.2s ease;\n    }\n\n    .theme-toggle:hover {\n      background: var(--bg-surface);\n      color: var(--text-primary);\n    }\n\n    .theme-toggle svg { flex-shrink: 0; }\n\n    .header-controls {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n    }\n\n    .filter-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      padding: 0.75rem 1rem;\n      background: var(--bg-surface);\n      border: 1px solid var(--border-muted);\n      border-radius: 10px;\n      margin-bottom: 1.25rem;\n      flex-wrap: wrap;\n    }\n\n    .filter-toolbar label {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      color: var(--text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n      flex-shrink: 0;\n    }\n\n    .filter-search {\n      flex: 1;\n      min-width: 180px;\n      padding: 0.4rem 0.75rem;\n      background: var(--bg-elevated);\n      border: 1px solid var(--border-muted);\n      border-radius: 6px;\n      color: var(--text-primary);\n      font-family: 'Geist', sans-serif;\n      font-size: 0.8rem;\n      outline: none;\n      transition: border-color 0.2s ease;\n    }\n\n    .filter-search:focus {\n      border-color: var(--accent-info);\n    }\n\n    .filter-search::placeholder {\n      color: var(--text-muted);\n    }\n\n    .filter-select {\n      padding: 0.4rem 0.75rem;\n      background: var(--bg-elevated);\n      border: 1px solid var(--border-muted);\n      border-radius: 6px;\n      color: var(--text-primary);\n      font-family: 'Geist', sans-serif;\n      font-size: 0.8rem;\n      outline: none;\n      cursor: pointer;\n      transition: border-color 0.2s ease;\n    }\n\n    .filter-select:focus {\n      border-color: var(--accent-info);\n    }\n\n    .filter-count {\n      font-family: 'Geist Mono', monospace;\n      font-size: 0.7rem;\n      color: var(--text-muted);\n      margin-left: auto;\n      flex-shrink: 0;\n    }\n\n    .pr-item[data-hidden=\"true\"],\n    .health-item[data-hidden=\"true\"] {\n      display: none;\n    }\n";