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()
90 lines
3.6 KiB
HTML
90 lines
3.6 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}{{ pkg_name }} v{{ pkg_version }} — GuardDog Nexus{% endblock %}
|
|
{% block breadcrumbs %}
|
|
<div class="breadcrumbs">
|
|
<a href="/">Home</a>
|
|
<span class="separator">/</span>
|
|
<a href="/packages">Packages</a>
|
|
<span class="separator">/</span>
|
|
<span>{{ pkg_name }} v{{ pkg_version }}</span>
|
|
</div>
|
|
{% endblock %}
|
|
{% block content %}
|
|
<h1>{{ pkg_name }} <small>v{{ pkg_version }}</small></h1>
|
|
|
|
<article class="scan-info-block">
|
|
<h2>Scans ({{ scans|length }})</h2>
|
|
<table class="compact">
|
|
<thead>
|
|
<tr><th>ID</th><th>Repo</th><th>Status</th><th>Findings</th><th>Time</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for s in scans %}
|
|
<tr>
|
|
<td><a href="/scans/{{ s.id }}">#{{ s.id }}</a></td>
|
|
<td>{{ s.repository }}</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>{% else %}<span class="clean">0</span>{% endif %}</td>
|
|
<td>{{ s.started_at.strftime('%Y-%m-%d %H:%M') if s.started_at }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</article>
|
|
|
|
<h2 style="margin-bottom: 0.75rem;">Findings ({{ findings|length }})</h2>
|
|
|
|
{% if findings %}
|
|
<div id="findings-container">
|
|
{% for f in findings %}
|
|
<div class="finding-block finding-{{ f.data.severity|lower }}">
|
|
<div class="finding-summary">
|
|
<strong class="severity-{{ f.data.severity }}">[{{ f.data.severity }}]</strong>
|
|
<strong>{{ f.data.rule }}</strong>
|
|
{% if f.data.location %}<small> @ {{ f.data.location }}</small>{% endif %}
|
|
</div>
|
|
<div class="finding-body">
|
|
<p>{{ f.data.message }}</p>
|
|
{% if f.data.code %}
|
|
<div class="code-toolbar">
|
|
<button class="copy-btn" onclick="copyCode(this, 'code-{{ f.id }}')">Copy</button>
|
|
</div>
|
|
<pre><code id="code-{{ f.id }}">{{ f.data.code }}</code></pre>
|
|
{% endif %}
|
|
|
|
{% if f.report %}
|
|
<div class="llm-report llm-{{ f.report.verdict }}">
|
|
<div class="llm-header">
|
|
<span class="llm-badge llm-badge-{{ f.report.verdict }}">{{ f.report.verdict }}</span>
|
|
{% if f.report.severity_rating %}
|
|
<span class="llm-severity">{{ f.report.severity_rating }}</span>
|
|
{% endif %}
|
|
</div>
|
|
<p class="llm-summary">{{ f.report.summary }}</p>
|
|
<p class="llm-analysis">{{ f.report.analysis }}</p>
|
|
</div>
|
|
{% else %}
|
|
<div class="llm-actions" id="llm-{{ f.id }}">
|
|
<button class="outline"
|
|
hx-post="/api/v1/findings/{{ f.id }}/analyze"
|
|
hx-target="#llm-{{ f.id }}"
|
|
hx-swap="outerHTML"
|
|
hx-indicator="#llm-spinner-{{ f.id }}">
|
|
<span id="llm-spinner-{{ f.id }}" class="htmx-indicator" style="display:none;">
|
|
<span class="spinner"></span>
|
|
</span>
|
|
Analyze with LLM
|
|
</button>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<p class="empty-state">No findings — package looks clean.</p>
|
|
{% endif %}
|
|
{% endblock %}
|