@oss-autopilot/core 0.44.18 → 0.46.0

package/dist/core/utils.d.ts

@@ -54,15 +54,6 @@ export declare function getBackupDir(): string;
  * // "/Users/you/.oss-autopilot/cache"
  */
 export declare function getCacheDir(): string;
-/**
- * Returns the path to the static HTML dashboard file (~/.oss-autopilot/dashboard.html).
- * Used as a fallback when the interactive SPA dashboard cannot be launched.
- *
- * @example
- * const dashPath = getDashboardPath();
- * // "/Users/you/.oss-autopilot/dashboard.html"
- */
-export declare function getDashboardPath(): string;
 /**
  * Represents a parsed GitHub pull request or issue URL.
  *
@@ -255,4 +246,20 @@ export declare function resetGitHubTokenCache(): void;
  * }
  */
 export declare function getGitHubTokenAsync(): Promise<string | null>;
+/**
+ * Detect the authenticated GitHub username via the `gh` CLI.
+ *
+ * Runs `gh api user --jq '.login'` asynchronously and validates the result
+ * against GitHub's username rules. Never throws — returns `null` on any failure
+ * (gh not installed, not authenticated, invalid output, etc.).
+ *
+ * @returns The GitHub username string, or `null` if detection fails
+ *
+ * @example
+ * const username = await detectGitHubUsername();
+ * if (username) {
+ *   console.log(`Logged in as ${username}`);
+ * }
+ */
+export declare function detectGitHubUsername(): Promise<string | null>;
 export {};

package/dist/core/utils.js

@@ -84,17 +84,6 @@ export function getCacheDir() {
     }
     return dir;
 }
-/**
- * Returns the path to the static HTML dashboard file (~/.oss-autopilot/dashboard.html).
- * Used as a fallback when the interactive SPA dashboard cannot be launched.
- *
- * @example
- * const dashPath = getDashboardPath();
- * // "/Users/you/.oss-autopilot/dashboard.html"
- */
-export function getDashboardPath() {
-    return path.join(getDataDir(), 'dashboard.html');
-}
 // Validation patterns for GitHub owner and repo names
 const OWNER_PATTERN = /^[a-zA-Z0-9_-]+$/;
 const REPO_PATTERN = /^[a-zA-Z0-9_.-]+$/;
@@ -444,3 +433,48 @@ export async function getGitHubTokenAsync() {
     }
     return null;
 }
+/**
+ * GitHub username validation pattern.
+ * Usernames must start with an alphanumeric character, can contain hyphens
+ * (but not consecutive ones and not at the end), and be 1-39 characters.
+ */
+const GITHUB_USERNAME_RE = /^[a-zA-Z0-9](?:[a-zA-Z0-9]|-(?=[a-zA-Z0-9])){0,38}$/;
+/**
+ * Detect the authenticated GitHub username via the `gh` CLI.
+ *
+ * Runs `gh api user --jq '.login'` asynchronously and validates the result
+ * against GitHub's username rules. Never throws — returns `null` on any failure
+ * (gh not installed, not authenticated, invalid output, etc.).
+ *
+ * @returns The GitHub username string, or `null` if detection fails
+ *
+ * @example
+ * const username = await detectGitHubUsername();
+ * if (username) {
+ *   console.log(`Logged in as ${username}`);
+ * }
+ */
+export async function detectGitHubUsername() {
+    try {
+        const login = await new Promise((resolve, reject) => {
+            execFile('gh', ['api', 'user', '--jq', '.login'], { encoding: 'utf-8', timeout: 5000 }, (error, stdout) => {
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(stdout.trim());
+                }
+            });
+        });
+        if (login && GITHUB_USERNAME_RE.test(login)) {
+            debug(MODULE, `Detected GitHub username: ${login}`);
+            return login;
+        }
+        debug(MODULE, `gh api user returned invalid username: "${login}"`);
+        return null;
+    }
+    catch (err) {
+        debug(MODULE, 'detectGitHubUsername failed', err);
+        return null;
+    }
+}

package/dist/formatters/json.d.ts

@@ -3,6 +3,7 @@
  * Provides structured output that can be consumed by scripts and plugins
  */
 import type { FetchedPR, DailyDigest, AgentState, RepoGroup, CommentedIssue, ShelvedPRRef } from '../core/types.js';
+import type { ContributionStats } from '../core/stats.js';
 import type { PRCheckFailure } from '../core/pr-monitor.js';
 import type { SearchPriority } from '../core/issue-discovery.js';
 export interface JsonOutput<T = unknown> {
@@ -193,12 +194,12 @@ export interface IssueListInfo {
 export interface StartupOutput {
     version: string;
     setupComplete: boolean;
+    /** True when username was auto-detected on first run (zero-config). */
+    autoDetected?: boolean;
     authError?: string;
     daily?: DailyOutput;
     /** URL of the interactive SPA dashboard server, when running (e.g., "http://localhost:3000") */
     dashboardUrl?: string;
-    /** Path to the static HTML dashboard file (fallback when SPA cannot launch) */
-    dashboardPath?: string;
     issueList?: IssueListInfo;
 }
 /** A single parsed issue from a markdown list (#82) */
@@ -299,6 +300,11 @@ export interface LocalReposOutput {
     cachedAt: string;
     fromCache: boolean;
 }
+/** Output of the stats command */
+export interface StatsOutput extends ContributionStats {
+    mergeRateFormatted: string;
+    username: string;
+}
 /**
  * Wrap data in a standard JSON output envelope
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oss-autopilot/core",
-  "version": "0.44.18",
+  "version": "0.46.0",
   "description": "CLI and core library for managing open source contributions",
   "type": "module",
   "bin": {

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

@@ -1,33 +0,0 @@
-/**
- * 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

@@ -1,57 +0,0 @@
-/**
- * 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

@@ -1,12 +0,0 @@
-/**
- * Dashboard HTML formatting helpers.
- * Used by dashboard-templates.ts and dashboard-components.ts for static HTML generation.
- */
-/**
- * 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;

package/dist/commands/dashboard-formatters.js

@@ -1,19 +0,0 @@
-/**
- * Dashboard HTML formatting helpers.
- * Used by dashboard-templates.ts and dashboard-components.ts for static HTML generation.
- */
-/**
- * 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;');
-}

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

@@ -1,7 +0,0 @@
-/**
- * Client-side JavaScript for the dashboard: theme toggle, filtering, Chart.js charts.
- */
-import { type DailyDigest, type AgentState } from '../core/types.js';
-import type { DashboardStats } from './dashboard-data.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

@@ -1,281 +0,0 @@
-/**
- * Client-side JavaScript for the dashboard: theme toggle, filtering, Chart.js charts.
- */
-import { isBelowMinStars } from '../core/types.js';
-/** 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-closed: repos without cached star data are excluded from charts.
-            // Star data is populated by the daily check; repos appear once stars are fetched.
-            if (isBelowMinStars(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

@@ -1,5 +0,0 @@
-/**
- * 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";