diff --git a/docs/analytics.html b/docs/analytics.html index 188d9fe..8acee0a 100644 --- a/docs/analytics.html +++ b/docs/analytics.html @@ -23,6 +23,24 @@ .empty { color: #f87171; } .error { color: #f87171; padding: 24px; text-align: center; } @media (max-width: 768px) { .chart-row { grid-template-columns: 1fr; } } + + /* Filter bar styles */ + .filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 16px; } + .filter-row .spacer { flex: 1; } + .filter-row .divider { width: 1px; height: 20px; background: #334155; margin: 0 6px; } + .filter-row .pill { + display: inline-flex; align-items: center; gap: 4px; + padding: 5px 12px; border-radius: 20px; border: 1px solid #334155; + background: #1e293b; color: #94a3b8; font-size: 0.78rem; font-weight: 500; + cursor: pointer; transition: all 0.15s ease; user-select: none; + } + .filter-row .pill:hover { border-color: #3b82f6; color: #e2e8f0; } + .filter-row .pill.active { background: #3b82f6; border-color: #3b82f6; color: #ffffff; } + .filter-row .pill .count { opacity: 0.7; font-size: 0.72rem; } + .tool-badge { + display: inline-block; padding: 2px 8px; border-radius: 10px; + font-size: 0.7rem; font-weight: 500; background: #334155; color: #94a3b8; + }
@@ -33,7 +51,7 @@| Query | Count | Avg Results | Avg Score | |
|---|---|---|---|---|
| Query | Tool | Count | Avg Results | Avg Score |