remove function of multi-day intraday

src/App_New.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import {
   LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer, Legend, CartesianGrid,
-  AreaChart, Area, BarChart, Bar, ReferenceLine
+  AreaChart, Area, BarChart, Bar
 } from "recharts";
 import {
   apiGetLatestDataset,
@@ -12,7 +12,7 @@ import {
 } from "./api";
 
 type SeriesPoint = { date: string; close: number[] };
-type ViewMode = "daily" | "intraday" | "multi";
+type ViewMode = "daily" | "intraday"; // 移除 multi
 
 const START_DAY = 7;
 
@@ -103,7 +103,6 @@ export default function App() {
 
   const [viewMode, setViewMode] = useState<ViewMode>("daily");
   const [intradayDayIdx, setIntradayDayIdx] = useState<number | null>(null);
-  const [multiNormalize, setMultiNormalize] = useState<boolean>(true); // toggle for multi view
 
   /* ---------- localStorage keys ---------- */
   const LS_DATASET_KEY = "annot_dataset_meta";
@@ -314,88 +313,6 @@ export default function App() {
     return rows;
   }, [assets, rawData, dates.length, activeIntradayIdx]);
 
-  // ---------------- Multi-day intraday (稳健逐日拼接 + 跨天累计) ----------------
-  const { multiRows, dayStarts } = useMemo(() => {
-    const rows: any[] = [];
-    const starts: { x: number; date: string }[] = [];
-    if (!dates.length || windowLen < 1) return { multiRows: rows, dayStarts: starts };
-
-    // 跨天累计倍率（仅 normalized 使用）
-    const cumIdx: Record<string, number> = {};
-    assets.forEach(a => { cumIdx[a] = 1; });
-
-    let x = 0;
-    const D = Math.min(windowLen, dates.length);
-
-    for (let d = 0; d < D; d++) {
-      starts.push({ x: x + 1, date: dates[d] });
-
-      // 本日最长分钟数（至少 1）
-      const dayLen = Math.max(
-        1,
-        assets.reduce((m, a) => Math.max(m, rawData[a]?.[d]?.close?.length ?? 0), 0)
-      );
-
-      // 找“当日首个有效价”作为锚，并准备“本日最后一个有效价”
-      const dayFirst: Record<string, number | null> = {};
-      const lastSeen: Record<string, number | null> = {};
-
-      assets.forEach(a => {
-        const arr = rawData[a]?.[d]?.close ?? [];
-        let first: number | null = null;
-        for (let i = 0; i < arr.length; i++) {
-          const v = arr[i];
-          if (typeof v === "number" && Number.isFinite(v)) { first = v; break; }
-        }
-        dayFirst[a] = first;
-        lastSeen[a] = null;
-      });
-
-      // 逐分钟行；优先当前值，其次上一分钟值，再次用 dayFirst 兜底
-      for (let i = 0; i < dayLen; i++) {
-        const row: Record<string, any> = { x: x + 1, day: dates[d], minute: i + 1 };
-
-        assets.forEach(a => {
-          const arr = rawData[a]?.[d]?.close ?? [];
-          const v = arr[i];
-
-          let price: number | null = null;
-          if (typeof v === "number" && Number.isFinite(v)) {
-            price = v;
-            lastSeen[a] = v;
-          } else if (lastSeen[a] != null) {
-            price = lastSeen[a];
-          } else if (dayFirst[a] != null) {
-            price = dayFirst[a];
-            lastSeen[a] = price;
-          } else {
-            price = null; // 这一整天没有任何有效价
-          }
-
-          if (price == null) {
-            row[a] = null;
-          } else {
-            row[a] = multiNormalize
-              ? (dayFirst[a] && Number.isFinite(dayFirst[a]) ? cumIdx[a] * (price / (dayFirst[a] as number)) : null)
-              : price;
-          }
-        });
-
-        rows.push(row);
-        x++;
-      }
-
-      // 天末：若有有效价，则把“末价/首价”乘到 cumIdx，保证下一天从累计值继续
-      assets.forEach(a => {
-        if (multiNormalize && dayFirst[a] != null && lastSeen[a] != null && dayFirst[a]! > 0) {
-          cumIdx[a] *= (lastSeen[a]! / dayFirst[a]!);
-        }
-      });
-    }
-
-    return { multiRows: rows, dayStarts: starts };
-  }, [assets, rawData, dates, windowLen, multiNormalize]);
-
   function realizedNextDayReturn(asset: string) {
     const t = windowLen - 1;
     if (t + 1 >= dates.length) return null as any;
@@ -558,20 +475,6 @@ export default function App() {
     </div>
   );
 
-  // ------- helper to give Y-axis safe padding even when dataMin == dataMax -------
-  const multiYAxisDomain: any = [
-    (min: number) => {
-      if (!Number.isFinite(min)) return "auto";
-      const pad = Math.abs(min) * 0.005 || 0.01;
-      return min - pad;
-    },
-    (max: number) => {
-      if (!Number.isFinite(max)) return "auto";
-      const pad = Math.abs(max) * 0.005 || 0.01;
-      return max + pad;
-    }
-  ];
-
   return (
     <div className="p-6 bg-gray-50 min-h-screen flex flex-col gap-6">
       <div className="flex flex-wrap justify-between items-center gap-3">
@@ -590,19 +493,8 @@ export default function App() {
           <div className="flex rounded-xl overflow-hidden border border-gray-200">
             <button className={`text-xs px-3 py-1.5 ${viewMode==="daily" ? "bg-gray-900 text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`} onClick={()=>setViewMode("daily")}>Daily</button>
             <button className={`text-xs px-3 py-1.5 ${viewMode==="intraday" ? "bg-gray-900 text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`} onClick={()=>setViewMode("intraday")}>Intraday (1 day)</button>
-            <button className={`text-xs px-3 py-1.5 ${viewMode==="multi" ? "bg-gray-900 text-white" : "bg-white text-gray-700 hover:bg-gray-50"}`} onClick={()=>setViewMode("multi")}>Multi-day Intraday</button>
           </div>
 
-          {viewMode==="multi" && (
-            <button
-              className="text-xs px-3 py-1.5 rounded-xl border border-gray-200 hover:bg-gray-50"
-              onClick={() => setMultiNormalize(v => !v)}
-              title="Toggle normalized cumulative index vs raw price"
-            >
-              {multiNormalize ? "Normalized" : "Raw Price"}
-            </button>
-          )}
-
           <button onClick={exportLog} className="text-sm px-3 py-1.5 rounded-xl bg-gray-900 text-white hover:bg-black">Export My Log</button>
         </div>
       </div>
@@ -650,56 +542,6 @@ export default function App() {
                   />
                 ))}
               </LineChart>
-            ) : viewMode === "multi" ? (
-              <>
-                <div className="absolute right-2 top-2 z-10 text-[10px] px-2 py-0.5 rounded bg-black/60 text-white">
-                  Multi • {multiNormalize ? "Normalized (cum ×)" : "Raw Price"}
-                </div>
-                <LineChart data={multiRows}>
-                  <CartesianGrid strokeDasharray="3 3" />
-                  <XAxis
-                    dataKey="x"
-                    tick={{ fontSize: 10 }}
-                    label={{ value: "Minute (concatenated days)", position: "insideBottomRight", offset: -2, fontSize: 10 }}
-                  />
-                  {/* Y 轴安全 padding，避免平直小波动时看不见 */}
-                  <YAxis domain={multiYAxisDomain} tick={{ fontSize: 10 }} allowDataOverflow />
-                  <Tooltip
-                    contentStyle={{ fontSize: 12 }}
-                    labelFormatter={(_, payload: any) => {
-                      const p = payload?.[0]?.payload;
-                      return p ? `${p.day}  #${p.minute}` : "";
-                    }}
-                    formatter={(value: any, name: any) => {
-                      const display = multiNormalize
-                        ? (Number.isFinite(value) ? `${(value as number).toFixed(4)}×` : value)
-                        : value;
-                      return [display, aliasMap[name] || name];
-                    }}
-                  />
-                  <Legend onClick={(o: any) => setSelectedAsset(o.value)} wrapperStyle={{ cursor: "pointer" }} formatter={(v: any) => aliasMap[v] || v} />
-                  {dayStarts.map(s => (
-                    <ReferenceLine key={s.x} x={s.x} stroke="#6b7280" strokeDasharray="4 2" ifOverflow="extendDomain" />
-                  ))}
-                  {assets.map((a, i) => (
-                    <Line
-                      key={a}
-                      type="linear"
-                      dataKey={a}
-                      name={aliasMap[a] || a}
-                      strokeWidth={selectedAsset === a ? 5 : hoverAsset === a ? 4 : 2.5}
-                      strokeOpacity={selectedAsset && selectedAsset !== a ? 0.3 : 1}
-                      dot={false}
-                      isAnimationActive={false}
-                      stroke={`hsl(${(360 / assets.length) * i},70%,50%)`}
-                      onMouseEnter={() => setHoverAsset(a)}
-                      onMouseLeave={() => setHoverAsset(null)}
-                      onClick={() => setSelectedAsset((p) => (p === a ? null : a))}
-                      connectNulls={true}   // 关键：跨缺口仍然连线
-                    />
-                  ))}
-                </LineChart>
-              </>
             ) : (
               <LineChart data={windowData}>
                 <CartesianGrid strokeDasharray="3 3" />
@@ -734,7 +576,7 @@ export default function App() {
           </div>
         )}
 
-        {viewMode!=="multi" && (
+        {viewMode!=="intraday" && (
           <div className="flex justify-between items-center mt-3">
             <div className="text-sm text-gray-600">
               Selected: {selectedAsset ? aliasOf(selectedAsset) : "(none)"} {message && <span className="ml-2 text-gray-500">{message}</span>}