fix: status polling startsWith error, add TimesFM nav link to all HTML pages

static/arima.html

@@ -129,6 +129,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/ets.html

@@ -121,6 +121,8 @@
         <li><a href="/arima">ARIMA <span class="model-tag tag-classic">Classical</span></a></li>
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets" class="active">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
+        <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/hybrid.html

@@ -612,6 +612,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid" class="active">하이브리드 <span class="model-tag tag-hybrid">Hybrid</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/index.html

@@ -402,6 +402,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/lightgbm.html

@@ -120,6 +120,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/prophet.html

@@ -120,6 +120,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/theta.html

@@ -122,6 +122,7 @@
         <li><a href="/theta" class="active">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>

static/timesfm.html

@@ -530,13 +530,17 @@
 
     /* ---- 모델 상태 폴링 ---- */
     function updateBadge(status) {
+      const key = status === 'loaded' ? 'loaded'
+                : status === 'loading' ? 'loading'
+                : status.startsWith('error') ? 'error'
+                : 'not_loaded';
       const map = {
         loading:    ['badge-loading',    '<span class="spinner"></span>모델 로딩 중'],
         loaded:     ['badge-loaded',     '● 모델 준비됨'],
         error:      ['badge-error',      '● 로딩 오류'],
         not_loaded: ['badge-not_loaded', '● 모델 미로딩'],
       };
-      const [cls, text] = map[status] || map['not_loaded'];
+      const [cls, text] = map[key];
       modelStatusBadge.className = 'status-badge ' + cls;
       modelStatusBadge.innerHTML = text;
     }
@@ -552,7 +556,7 @@
           modelReady = true;
           refreshPredictBtn();
           if (pollTimer) { clearInterval(pollTimer); pollTimer = null; }
-        } else if (status === 'error') {
+        } else if (status.startsWith('error')) {
           if (pollTimer) { clearInterval(pollTimer); pollTimer = null; }
         }
       } catch (_) {

static/xgboost.html

@@ -120,6 +120,7 @@
         <li><a href="/theta">Theta <span class="model-tag tag-theta">Classical</span></a></li>
         <li><a href="/ets">ETS <span class="model-tag tag-ets">Smoothing</span></a></li>
         <li><a href="/hybrid">Hybrid <span class="model-tag" style="background: rgba(236, 72, 153, 0.15); color: #f472b6;">LLM</span></a></li>
+        <li><a href="/timesfm">TimesFM <span class="model-tag" style="background: rgba(56, 189, 248, 0.15); color: #7dd3fc;">FM</span></a></li>
       </ul>
     </div>
   </nav>