Duriin-API/public/admin/pages/intelligence/signals.html

144 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Duriin Admin — Intelligence / Signals</title>
<link rel="stylesheet" href="/admin/assets/css/base.css">
<link rel="stylesheet" href="/admin/assets/css/layout.css">
<link rel="stylesheet" href="/admin/assets/css/components.css">
<link rel="stylesheet" href="/admin/assets/css/intel.css">
</head>
<body>
<header class="app-header">
<h1>Duriin <span>Admin</span></h1>
<nav class="tabs">
<a href="/admin/ingest">Ingest</a>
<a href="/admin/intelligence" class="active">Intelligence</a>
<a href="/admin/stats">Stats</a>
<a href="/admin/sql">SQL</a>
</nav>
</header>
<nav class="subnav">
<a href="/admin/intelligence/knowledge">Knowledge</a>
<a href="/admin/intelligence/predictions">Predictions</a>
<a href="/admin/intelligence/signals" class="active">Signals</a>
<a href="/admin/intelligence/graph">Graph</a>
</nav>
<div id="intel-stats-row"></div>
<main class="content">
<div id="intel-unavailable" class="intel-unavailable" style="display:none">
intelligence.sqlite not found — is the intelligence worker running?
</div>
<div class="filters" id="signal-filters">
<label>Search <input type="text" id="sf-search" placeholder="company or ticker…" /></label>
<label>Signal
<select id="sf-signal">
<option value="">All</option>
<option value="BUY">BUY</option>
<option value="HOLD">HOLD</option>
<option value="SELL">SELL</option>
</select>
</label>
<label>Confidence
<select id="sf-confidence">
<option value="">All</option>
<option value="high">High</option>
<option value="medium">Medium</option>
<option value="low">Low</option>
</select>
</label>
<label>Risk
<select id="sf-risk">
<option value="">All</option>
<option value="high">High</option>
<option value="medium">Medium</option>
<option value="low">Low</option>
</select>
</label>
<label>Sort
<select id="sf-sort">
<option value="generated_desc">Newest generated</option>
<option value="event_desc">Latest event</option>
<option value="company_asc">Company A→Z</option>
<option value="company_desc">Company Z→A</option>
</select>
</label>
</div>
<div id="intel-content">
<div id="intel-signals-grid" class="signal-grid"></div>
<div id="intel-signals-empty" class="signal-empty" style="display:none">No signals match the current filters.</div>
</div>
</main>
<!-- signal detail modal — two-column layout, opened via card click -->
<div class="overlay" id="signalOverlay">
<div class="modal signal-modal">
<div class="signal-modal-head">
<div>
<div id="signal-modal-company" class="signal-modal-company"></div>
<div id="signal-modal-ticker" class="signal-modal-ticker"></div>
</div>
<span id="signal-modal-badge" class="signal-badge"></span>
</div>
<div id="signal-modal-tags" class="signal-modal-tags"></div>
<div class="signal-modal-body">
<div class="signal-modal-col signal-modal-col-main">
<section class="signal-modal-section">
<div class="signal-detail-label">Summary</div>
<p id="signal-modal-summary"></p>
</section>
<section class="signal-modal-section" id="signal-modal-drivers-wrap">
<div class="signal-detail-label">Key drivers</div>
<ul id="signal-modal-drivers"></ul>
</section>
<section class="signal-modal-section" id="signal-modal-risks-wrap">
<div class="signal-detail-label">Risk factors</div>
<ul id="signal-modal-risks"></ul>
</section>
<section class="signal-modal-section signal-modal-meta-row">
<span id="signal-modal-datausage"></span>
<span>Generated <span id="signal-modal-ts"></span></span>
</section>
</div>
<div class="signal-modal-col signal-modal-col-refs">
<div class="signal-detail-label">References</div>
<div id="signal-modal-refs"><p style="color:var(--muted-dark)">Loading…</p></div>
</div>
</div>
<div class="modal-footer">
<button id="signalRegenBtn" class="danger">Regenerate</button>
<div style="flex:1"></div>
<button id="signalCloseBtn">Close</button>
</div>
</div>
</div>
<div id="toast"><span class="toast-dot"></span><span id="toast-msg"></span></div>
<script src="/admin/assets/js/app.js"></script>
<script src="/admin/assets/js/intel-shared.js"></script>
<script src="/admin/assets/js/intel-signals.js"></script>
</body>
</html>