Remove chart visibility toggles

Author: JavaZeroo

src/App.jsx

@@ -31,8 +31,6 @@ function App() {
   const [compareMode, setCompareMode] = useState('normal');
   const [relativeBaseline, setRelativeBaseline] = useState(0.002);
   const [absoluteBaseline, setAbsoluteBaseline] = useState(0.005);
-  const [showLoss, setShowLoss] = useState(true);
-  const [showGradNorm, setShowGradNorm] = useState(false);
   const [configModalOpen, setConfigModalOpen] = useState(false);
   const [configFile, setConfigFile] = useState(null);
   const [globalDragOver, setGlobalDragOver] = useState(false);
@@ -319,41 +317,7 @@ function App() {
               <div className="space-y-3">
                 <div>
                   <h4 className="text-xs font-medium text-gray-700 mb-2">📊 图表显示</h4>
-                  <div className="space-y-2">
-                    <label className="flex items-center cursor-pointer hover:bg-gray-50 p-1 rounded">
-                      <input
-                        type="checkbox"
-                        checked={showLoss}
-                        onChange={(e) => setShowLoss(e.target.checked)}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-                        aria-describedby="show-loss-description"
-                      />
-                      <span className="ml-2 text-xs text-gray-700">📉 显示 Loss 函数</span>
-                      <span 
-                        id="show-loss-description" 
-                        className="sr-only"
-                      >
-                        控制是否显示损失函数图表
-                      </span>
-                    </label>
-                    
-                    <label className="flex items-center cursor-pointer hover:bg-gray-50 p-1 rounded">
-                      <input
-                        type="checkbox"
-                        checked={showGradNorm}
-                        onChange={(e) => setShowGradNorm(e.target.checked)}
-                        className="rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-                        aria-describedby="show-gradnorm-description"
-                      />
-                      <span className="ml-2 text-xs text-gray-700">📈 显示 Grad Norm</span>
-                      <span 
-                        id="show-gradnorm-description" 
-                        className="sr-only"
-                      >
-                        控制是否显示梯度范数图表
-                      </span>
-                    </label>
-                  </div>
+                  <p className="text-xs text-gray-500">上传文件后自动展示所有已配置的指标图表</p>
                 </div>
 
                 <div className="border-t pt-3">
@@ -425,8 +389,6 @@ function App() {
               compareMode={compareMode}
               relativeBaseline={relativeBaseline}
               absoluteBaseline={absoluteBaseline}
-              showLoss={showLoss}
-              showGradNorm={showGradNorm}
               xRange={xRange}
               onXRangeChange={setXRange}
               onMaxStepChange={setMaxStep}

src/components/ChartContainer.jsx

@@ -65,8 +65,6 @@ export default function ChartContainer({
   compareMode,
   relativeBaseline = 0.002,
   absoluteBaseline = 0.005,
-  showLoss = true,
-  showGradNorm = false,
   xRange = { min: undefined, max: undefined },
   onXRangeChange,
   onMaxStepChange
@@ -402,13 +400,7 @@ export default function ChartContainer({
       .map(file => ({ name: file.name, data: file.metricsData[name] }));
   });
 
-  const metricsToShow = metrics.filter((m, idx) => {
-    if (idx === 0) return showLoss;
-    if (idx === 1) return showGradNorm;
-    return true;
-  });
-
-  if (metricsToShow.length === 0) {
+  if (metrics.length === 0) {
     return (
       <div className="bg-white rounded-lg shadow-md p-8">
         <div className="text-center text-gray-500">
@@ -420,7 +412,7 @@ export default function ChartContainer({
 
   const stats = [];
 
-  const metricElements = metricsToShow.map((metric, idx) => {
+  const metricElements = metrics.map((metric, idx) => {
     const key = metric.name || metric.keyword || `metric${idx + 1}`;
     const dataArray = metricDataArrays[key] || [];
     const showComparison = dataArray.length === 2;