Implement CTP-authoritative trading UI with event-driven state.

Add in-memory order/position books fed by CTP events, split active orders above positions in the UI, tick-triggered local SL/TP, and 30-second full calibration.

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

templates/trade.html

@@ -105,11 +105,19 @@
                 </div>
             </div>
 
+            <div class="card trade-card" id="active-orders">
+                <h2>当前委托 <span class="sync-badge text-muted" id="sync-badge" hidden></span></h2>
+                <p class="hint pos-hint">委托以 CTP 柜台为准；未成交可撤单，超时自动撤开仓单。</p>
+                <div class="card-body card-scroll" id="order-live-list">
+                    <div class="empty-hint" id="order-placeholder">加载委托…</div>
+                </div>
+            </div>
+
             <div class="card trade-card" id="positions">
                 <h2>当前持仓</h2>
-                <p class="hint pos-hint">开仓委托先显示「挂单中」，柜台成交后写入监控；超过 <strong>{{ pending_order_timeout_min }}</strong> 分钟未成交自动撤单，可手动撤单。</p>
+                <p class="hint pos-hint">持仓以 CTP 柜台为准；止盈止损为程序本地监控，触发后市价平仓。</p>
                 <div class="card-body card-scroll" id="position-live-list">
-                    <div class="empty-hint" id="position-placeholder">加载本地持仓…</div>
+                    <div class="empty-hint" id="position-placeholder">加载持仓…</div>
                 </div>
             </div>
     </div>