feat: restructure OKX options UI with header funds, settings card, and dual-column layout

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

lib/instance/templates/embed_boot_scripts.html

@@ -1061,6 +1061,11 @@ function refreshAccountSnapshot(){
             const el = document.getElementById("current-capital");
             if(el) el.innerText = `${Number(data.current_capital).toFixed(2)}U`;
         }
+        if (typeof data.options_trading_usdc !== "undefined") {
+            const el = document.getElementById("options-trading-usdc");
+            if (el) el.innerText = (data.options_trading_usdc === null || data.options_trading_usdc === undefined)
+                ? "—" : `${Number(data.options_trading_usdc).toFixed(2)} USDC`;
+        }
         if (typeof data.unrealized_pnl !== "undefined") {
             paintRealtimePnl(data.unrealized_pnl);
         }

lib/instance/templates/index.html

@@ -68,7 +68,7 @@
     </div>
     {% with msg=get_flashed_messages() %}{% if msg %}<div class="flash">{{ msg[0] }}</div>{% endif %}{% endwith %}
 
-    {% if page != 'settings' and page != 'options' %}
+    {% if page != 'settings' %}
     {% include 'instance_header_panel.html' %}
     {% endif %}
     {% if page != 'settings' and page != 'options' %}
@@ -1612,6 +1612,11 @@ function refreshAccountSnapshot(){
             const el = document.getElementById("current-capital");
             if(el) el.innerText = `${Number(data.current_capital).toFixed(2)}U`;
         }
+        if (typeof data.options_trading_usdc !== "undefined") {
+            const el = document.getElementById("options-trading-usdc");
+            if (el) el.innerText = (data.options_trading_usdc === null || data.options_trading_usdc === undefined)
+                ? "—" : `${Number(data.options_trading_usdc).toFixed(2)} USDC`;
+        }
         if (typeof data.unrealized_pnl !== "undefined") {
             paintRealtimePnl(data.unrealized_pnl);
         }

lib/instance/templates/instance_header_panel.html

@@ -74,6 +74,12 @@
             <div class="label">交易账户</div>
             <div class="value" id="current-capital">{{ funds_fmt(current_capital) }}U</div>
         </div>
+        {% if options_enabled %}
+        <div class="stat-strip-item">
+            <div class="label">期权交易账户</div>
+            <div class="value" id="options-trading-usdc">{% if options_trading_usdc is not none %}{{ funds_fmt(options_trading_usdc) }} USDC{% else %}—{% endif %}</div>
+        </div>
+        {% endif %}
         <div class="stat-strip-item stat-strip-item--pnl">
             <div class="label">实时盈亏</div>
             <div class="value" id="realtime-pnl">—</div>

lib/instance/templates/settings_panel.html

@@ -39,6 +39,13 @@
         </div>
 
         <div class="settings-side-col">
+            {% if instance_settings.options_settings_enabled %}
+            <div class="card settings-card">
+                <h2>期权设置</h2>
+                <p class="settings-card-desc">主账户期权资金：现货市价兑换 USDT/USDC；主账户与子账户（永续）之间划转。</p>
+                {% include 'options_settings_panel.html' %}
+            </div>
+            {% endif %}
             {% if instance_settings.show_transfer %}
             <div class="card settings-card">
                 <h2>资金划转</h2>