Hub monitor: read-only OKX options positions aggregation (Phase B).

Expose /api/hub/options/snapshot from OKX instance and render options summary on hub monitor cards when the options capability is enabled.

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/app.css

@@ -7896,3 +7896,66 @@ body.funds-fullscreen-open {
   }
 }
 
+/* ── 监控页：OKX 期权只读聚合 ── */
+.hub-options-title {
+  margin-top: 14px;
+}
+
+.hub-options-summary {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  font-size: 0.78rem;
+  color: var(--muted);
+  margin: 0 0 8px;
+}
+
+.hub-options-summary strong {
+  color: var(--text);
+  font-weight: 600;
+}
+
+.hub-options-table-wrap {
+  margin-bottom: 8px;
+}
+
+.hub-options-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.76rem;
+}
+
+.hub-options-table th,
+.hub-options-table td {
+  padding: 6px 8px;
+  text-align: left;
+  border-bottom: 1px solid var(--border);
+}
+
+.hub-options-table th {
+  color: var(--muted);
+  font-weight: 600;
+  font-size: 0.72rem;
+}
+
+.hub-options-inst {
+  font-size: 0.7rem;
+  word-break: break-all;
+}
+
+.hub-options-actions {
+  margin-top: 6px;
+}
+
+html[data-theme="light"] .hub-options-table th {
+  color: #3a5068;
+}
+
+html[data-theme="light"] .hub-options-summary {
+  color: #3a5068;
+}
+
+html[data-theme="light"] .hub-options-summary strong {
+  color: #142232;
+}
+