Add active hedge plan tab

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

lib/hedge_plan/templates/hedge_plan_panel.html

@@ -21,6 +21,7 @@
     <div class="hp-tabs" role="tablist" aria-label="对冲计划分类">
       <button type="button" class="hp-tab active" role="tab" aria-selected="true" data-tab="perp_options">永期对冲</button>
       <button type="button" class="hp-tab" role="tab" aria-selected="false" data-tab="options_options">期期对冲</button>
+      <button type="button" class="hp-tab" role="tab" aria-selected="false" data-tab="active">进行中的计划</button>
       <button type="button" class="hp-tab" role="tab" aria-selected="false" data-tab="history">历史记录</button>
       <button type="button" class="hp-tab" role="tab" aria-selected="false" data-tab="stats">统计分析</button>
     </div>
@@ -198,6 +199,25 @@
     </div>
   </div>
 
+  <div id="hp-tab-active" class="hp-tab-panel hidden" role="tabpanel" hidden>
+    <div class="card">
+      <h2>进行中的计划</h2>
+      <p class="muted">仅显示已启动但尚未结束的计划；可查看每条腿的当前记录状态。</p>
+      <div class="options-strike-table-wrap">
+        <table class="options-strike-table hp-history-table">
+          <thead>
+            <tr>
+              <th>ID</th><th>类型</th><th>标的</th><th>合约</th><th>状态</th><th>目标/止盈止损</th><th>开仓</th><th>操作</th>
+            </tr>
+          </thead>
+          <tbody id="hp-active-tbody">
+            <tr><td colspan="8" class="muted">加载中…</td></tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
   <div id="hp-tab-history" class="hp-tab-panel hidden" role="tabpanel" hidden>
     <div class="card">
       <h2>历史记录</h2>
@@ -235,4 +255,4 @@
     </div>
   </div>
 </div>
-<script src="/static/hedge_plan.js?v=12"></script>
+<script src="/static/hedge_plan.js?v=13"></script>