1343c3f415
dashboard:
- Убран: severity ratio bar, Top Rules Triggered, Most Flagged Packages
- Заменены 6 stat-карточек на компактную stat-minibar
- 2-колоночная сетка: heatmap + Latest Flagged (с красной рамкой)
- Таблицы сжаты (.compact)
findings (scan/package detail):
- Findings всегда раскрыты как блоки (.finding-block)
- Убран accordion (details/summary) и toggle-all кнопка
- Код в тёмном блоке, кнопка Copy сверху
LLM-отчёт:
- Цветовая индикация по вердикту:
- safe → зелёный badge, зелёная рамка, лёгкий зелёный фон
- suspicious → жёлтый badge, жёлтая рамка, лёгкий жёлтый фон
- malicious → красный badge, красная рамка, лёгкий красный фон
- Бейдж с вердиктом + severity rating в хедере
- Summary курсивом, analysis с pre-line для абзацев
Скан-инфо:
- scan-info-block с grid-раскладкой (8 полей)
- SHA256 компактным шрифтом
- Блок ошибки скана отдельно выделен
CSS:
- Удалены: .stats-grid, .stat-card, .severity-bar*, .top-rules-chart*,
.finding-card*, .finding-details, .finding-header-row, .finding-summary-hint
- Добавлены: .stat-minibar, .dashboard-grid, .dash-block, .scan-info-*,
.finding-block, .llm-{safe,suspicious,malicious}, .llm-badge-*,
table.compact
- app.js: удалён toggleFindings()
71 lines
3.2 KiB
HTML
71 lines
3.2 KiB
HTML
<div class="stat-minibar">
|
|
<span><strong>{{ total_scans }}</strong> scans</span>
|
|
<span><strong class="flagged">{{ flagged_scans }}</strong> flagged</span>
|
|
<span><strong>{{ total_findings }}</strong> findings</span>
|
|
<span class="severity-ERROR"><strong>{{ errors_count }}</strong> errors</span>
|
|
<span class="severity-WARNING"><strong>{{ warnings_count }}</strong> warnings</span>
|
|
</div>
|
|
|
|
<div class="dashboard-grid">
|
|
{% if days %}
|
|
<article class="dash-block">
|
|
<h3>Scan activity (14 days)</h3>
|
|
<div class="heatmap">
|
|
{% set max_cnt = days | map(attribute=1) | max %}
|
|
{% for day, cnt, fl in days %}
|
|
<div class="heatmap-day" title="{{ day }}: {{ cnt }} scans, {{ fl }} flagged">
|
|
{% set h = (cnt / max_cnt * 38) | int if max_cnt > 0 else 0 %}
|
|
<div class="bar" style="height: {{ h }}px; background: {% if fl > 0 %}var(--pico-color-red-500){% else %}var(--pico-color-zinc-500){% endif %};"></div>
|
|
<div class="tooltip">{{ day }}: {{ cnt }} scans, {{ fl }} flagged</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</article>
|
|
{% endif %}
|
|
|
|
{% if latest_flagged %}
|
|
<article class="dash-block dash-block-warn">
|
|
<h3>Latest Flagged</h3>
|
|
<table class="compact">
|
|
<thead><tr><th>Package</th><th>Version</th><th>Findings</th><th>Time</th></tr></thead>
|
|
<tbody>
|
|
{% for s in latest_flagged %}
|
|
<tr>
|
|
<td><a href="/scans/{{ s.id }}"><strong class="flagged">{{ s.package_name }}</strong></a></td>
|
|
<td>{{ s.package_version }}</td>
|
|
<td><span class="flagged">{{ s.total_findings }}</span></td>
|
|
<td>{{ s.started_at.strftime('%m-%d %H:%M') if s.started_at }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</article>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<article class="dash-block" style="margin-top: 0;">
|
|
<h3>Latest Scans</h3>
|
|
<table class="compact">
|
|
<thead>
|
|
<tr><th>Package</th><th>Version</th><th>Repo</th><th>Status</th><th></th><th>Time</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for s in latest_scans %}
|
|
<tr>
|
|
<td><a href="/packages/{{ s.package_name }}/{{ s.package_version }}">{{ s.package_name }}</a></td>
|
|
<td>{{ s.package_version }}</td>
|
|
<td><small>{{ s.repository }}</small></td>
|
|
<td>
|
|
{% if s.status == 'scanning' %}<span class="status-scanning"><span class="spinner"></span>scanning</span>{% else %}<span class="status-{{ s.status }}">{{ s.status }}</span>{% endif %}
|
|
</td>
|
|
<td>{% if s.flagged %}<span class="flagged">⚠ {{ s.total_findings }}</span>{% elif s.status == 'completed' %}<span class="clean">✓</span>{% else %}<span>-</span>{% endif %}</td>
|
|
<td>{{ s.started_at.strftime('%m-%d %H:%M') if s.started_at }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<small><a href="/scans">View all scans →</a></small>
|
|
</article>
|
|
|
|
<small style="opacity: 0.4;">Last refresh: {{ now.strftime('%H:%M:%S') }} (auto every 30s)</small>
|