Add configurable data providers and localize frontend UI

frontend/src/App.jsx

@@ -83,6 +83,7 @@ export default function LiveTradingApp() {
   const [serverMode, setServerMode] = useState(null); // 'live' | 'backtest' | null
   const [marketStatus, setMarketStatus] = useState(null); // { status, status_text, ... }
   const [virtualTime, setVirtualTime] = useState(null); // Virtual time from server (for mock mode)
+  const [dataSources, setDataSources] = useState(null);
 
   const clientRef = useRef(null);
   const containerRef = useRef(null);
@@ -290,6 +291,9 @@ export default function LiveTradingApp() {
             if (state.server_mode) {
               setServerMode(state.server_mode);
             }
+            if (state.data_sources) {
+              setDataSources(state.data_sources);
+            }
             // 检查是否是mock模式
             const isMockMode = state.is_mock_mode === true;
             if (state.market_status) {
@@ -365,6 +369,12 @@ export default function LiveTradingApp() {
           }
         },
 
+        data_sources_update: (e) => {
+          if (e.data_sources) {
+            setDataSources(e.data_sources);
+          }
+        },
+
         // Real-time price updates
         price_update: (e) => {
           try {
@@ -864,6 +874,14 @@ export default function LiveTradingApp() {
                 </span>
               </>
             )}
+            {dataSources?.last_success?.prices && (
+              <>
+                <span className="status-sep">·</span>
+                <span className="market-text backtest">
+                  DATA {String(dataSources.last_success.prices).toUpperCase()}
+                </span>
+              </>
+            )}
             <span className="status-sep">·</span>
             <span className="time-text">{lastUpdate.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false })}</span>
           </div>