Vendorize Lovart dashboard shell
这个提交包含在：
hao
@@ -1,81 +1,168 @@
|
||||
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>websafe authorized lab dashboard</title>
|
||||
<title>Authorized Lab Dashboard</title>
|
||||
<link rel="stylesheet" href="./assets/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="grid-bg" aria-hidden="true"></div>
|
||||
<div class="dashboard-shell">
|
||||
<header class="hero">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<div class="eyebrow">Authorized Lab Dashboard</div>
|
||||
<div class="hero-glow hero-glow-left" aria-hidden="true"></div>
|
||||
<div class="hero-glow hero-glow-right" aria-hidden="true"></div>
|
||||
|
||||
<div class="hero-top">
|
||||
<div class="hero-copy">
|
||||
<div class="hero-eyebrow">
|
||||
<svg class="icon"><use href="./assets/icons.svg#spark"></use></svg>
|
||||
<span>Authorized Lab Dashboard</span>
|
||||
</div>
|
||||
<h1>本地攻防实证工作台</h1>
|
||||
<p>面向授权实验场景的本地静态前端。聚合 advisory、run bundle、日志、浏览器证据、失败原因、利用思路与源头信息，并支持可折叠细节与自动刷新。</p>
|
||||
<div class="hero-actions">
|
||||
<button id="refreshDashboard" class="chip" type="button">Refresh Dashboard</button>
|
||||
<label class="ghost-chip"><input id="autoRefresh" type="checkbox" checked> Auto Refresh</label>
|
||||
<a class="ghost-chip" href="./summary.json" target="_blank" rel="noreferrer">Open Summary JSON</a>
|
||||
<a class="ghost-chip" href="./docs/project-features.html" target="_blank" rel="noreferrer">Open Feature Docs</a>
|
||||
</div>
|
||||
<p>
|
||||
Lovart 设计外壳已本地化并接入真实 run bundle 数据。页面只面向授权实验资产，
|
||||
聚合 advisory、timeline、evidence、logs、sources、raw JSON 与失败原因。
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="panel-header">
|
||||
<h2>Sync State</h2>
|
||||
<div id="syncState" class="sync-indicator"><span class="dot"></span><strong>Booting</strong><span>Loading generated JSON</span></div>
|
||||
|
||||
<div class="hero-actions">
|
||||
<button id="refreshDashboard" class="button button-primary" type="button">
|
||||
<svg class="icon"><use href="./assets/icons.svg#refresh"></use></svg>
|
||||
<span>Refresh</span>
|
||||
</button>
|
||||
<label class="toggle-card">
|
||||
<span class="toggle-label">Auto Refresh</span>
|
||||
<span class="toggle-switch">
|
||||
<input id="autoRefresh" type="checkbox" checked>
|
||||
<span class="toggle-slider"></span>
|
||||
</span>
|
||||
</label>
|
||||
<div id="syncState" class="sync-state">
|
||||
<svg class="icon icon-sync"><use href="./assets/icons.svg#sync"></use></svg>
|
||||
<div>
|
||||
<strong>Booting</strong>
|
||||
<span>Loading generated JSON</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-links">
|
||||
<a class="button button-secondary" href="./docs/project-features.html" target="_blank" rel="noreferrer">
|
||||
<svg class="icon"><use href="./assets/icons.svg#docs"></use></svg>
|
||||
<span>Feature Docs</span>
|
||||
</a>
|
||||
<a class="button button-secondary" href="./docs/frontend-dashboard-design.html" target="_blank" rel="noreferrer">
|
||||
<svg class="icon"><use href="./assets/icons.svg#playbook"></use></svg>
|
||||
<span>UI Spec</span>
|
||||
</a>
|
||||
<a class="button button-secondary" href="./legacy/index.html" target="_blank" rel="noreferrer">
|
||||
<svg class="icon"><use href="./assets/icons.svg#legacy"></use></svg>
|
||||
<span>Legacy UI</span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="metrics" class="hero-meta"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="metricCards" class="metrics-row"></div>
|
||||
</header>
|
||||
|
||||
<div class="workspace">
|
||||
<main class="main-container">
|
||||
<aside class="sidebar">
|
||||
<section class="glass-panel">
|
||||
<div class="panel-header">
|
||||
<h2>Filters</h2>
|
||||
<span id="runCount" class="tag">0 shown</span>
|
||||
<section class="sidebar-section">
|
||||
<div class="section-header">
|
||||
<span>
|
||||
<svg class="icon"><use href="./assets/icons.svg#filter"></use></svg>
|
||||
Filters
|
||||
</span>
|
||||
<span id="runCount" class="section-badge">0 shown</span>
|
||||
</div>
|
||||
<div class="filters">
|
||||
<label>Search
|
||||
<input id="searchInput" placeholder="Search run id, advisory, title">
|
||||
|
||||
<div class="filter-group">
|
||||
<label class="field">
|
||||
<span>Search</span>
|
||||
<div class="search-box">
|
||||
<svg class="icon"><use href="./assets/icons.svg#search"></use></svg>
|
||||
<input id="searchInput" type="text" placeholder="Search run id, advisory, title">
|
||||
</div>
|
||||
</label>
|
||||
<label>System
|
||||
<select id="systemFilter"><option value="">All systems</option></select>
|
||||
|
||||
<label class="field">
|
||||
<span>System</span>
|
||||
<select id="systemFilter" class="filter-select">
|
||||
<option value="">All systems</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>Status
|
||||
<select id="statusFilter"><option value="">All statuses</option></select>
|
||||
|
||||
<label class="field">
|
||||
<span>Status</span>
|
||||
<select id="statusFilter" class="filter-select">
|
||||
<option value="">All statuses</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>Profile
|
||||
<select id="familyFilter"><option value="">All profiles</option></select>
|
||||
|
||||
<label class="field">
|
||||
<span>Profile</span>
|
||||
<select id="profileFilter" class="filter-select">
|
||||
<option value="">All profiles</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="glass-panel">
|
||||
<div class="panel-header"><h2>Systems</h2></div>
|
||||
<div id="systemCoverage" class="system-grid"></div>
|
||||
<section class="sidebar-section">
|
||||
<div class="section-header">
|
||||
<span>
|
||||
<svg class="icon"><use href="./assets/icons.svg#systems"></use></svg>
|
||||
Systems
|
||||
</span>
|
||||
</div>
|
||||
<div id="systemStats" class="system-stats"></div>
|
||||
</section>
|
||||
|
||||
<section class="glass-panel">
|
||||
<div class="panel-header"><h2>Recent Failures</h2></div>
|
||||
<div id="failureFeed" class="failure-feed"></div>
|
||||
<section class="sidebar-section">
|
||||
<div class="section-header">
|
||||
<span>
|
||||
<svg class="icon"><use href="./assets/icons.svg#failure"></use></svg>
|
||||
Recent Failures
|
||||
</span>
|
||||
</div>
|
||||
<div id="recentFailures" class="failure-list"></div>
|
||||
</section>
|
||||
|
||||
<section class="glass-panel">
|
||||
<div class="panel-header"><h2>Run Queue View</h2></div>
|
||||
<div id="runList" class="run-list"></div>
|
||||
<section class="sidebar-section sidebar-section-fill">
|
||||
<div class="section-header">
|
||||
<span>
|
||||
<svg class="icon"><use href="./assets/icons.svg#queue"></use></svg>
|
||||
Run Queue
|
||||
</span>
|
||||
</div>
|
||||
<div id="runQueue" class="run-list"></div>
|
||||
</section>
|
||||
</aside>
|
||||
|
||||
<main id="detailRoot" class="detail-view">
|
||||
<div class="glass-panel empty-state">Select a run to inspect full details.</div>
|
||||
</main>
|
||||
</div>
|
||||
<section id="detailWorkspace" class="workspace">
|
||||
<div class="workspace-empty">
|
||||
<svg class="icon icon-xl"><use href="./assets/icons.svg#shield"></use></svg>
|
||||
<h2>Select a run</h2>
|
||||
<p>Pick a run from the left queue to inspect timeline, evidence, logs, sources and raw JSON.</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="dashboard-footer">
|
||||
<div class="footer-left">
|
||||
<span class="footer-note">
|
||||
<svg class="icon"><use href="./assets/icons.svg#source"></use></svg>
|
||||
UI shell is vendorized from a local Lovart source copy, not an online runtime dependency.
|
||||
</span>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a href="./docs/design-source.html" target="_blank" rel="noreferrer">Design source</a>
|
||||
<a href="./assets/design-source.json" target="_blank" rel="noreferrer">Manifest JSON</a>
|
||||
<a href="./summary.json" target="_blank" rel="noreferrer">Summary JSON</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script src="./assets/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
在新工单中引用
屏蔽一个用户