Upload 13 files

app/forecaster.py

@@ -1,9 +1,15 @@
 """
 Future Forecaster
-Prediksi 1 bulan ke depan dengan pola:
-  Data terakhir = Bulan N
-  Skip          = Bulan N+1 (laporan belum masuk)
-  Prediksi      = Bulan N+2
+Mendukung dua pola prediksi:
+
+  skip_n1=True  (default — laporan belum masuk):
+    N   = bulan data terakhir
+    N+1 = dilewati
+    N+2 = bulan yang diprediksi
+
+  skip_n1=False (data sudah tersedia):
+    N   = bulan data terakhir
+    N+1 = bulan yang diprediksi langsung
 """
 import numpy as np
 import pandas as pd
@@ -19,15 +25,11 @@ FITUR_LGBM = [
 
 
 def _get_holiday(target_date: pd.Timestamp, country_code: str) -> int:
-    """Cek apakah bulan target mengandung hari libur."""
     try:
         import holidays
         hl = getattr(holidays, country_code)(years=[target_date.year])
-        # Cek seluruh hari dalam bulan target
         days_in_month = pd.date_range(
-            start=target_date.replace(day=1),
-            end=target_date,
-            freq="D"
+            start=target_date.replace(day=1), end=target_date, freq="D"
         )
         return int(any(d.date() in hl for d in days_in_month))
     except Exception:
@@ -40,112 +42,89 @@ def forecast_one_product(
     model,
     le_cat,
     le_types,
-    country_code: str = "ID",
+    country_code: str  = "ID",
+    skip_n1     : bool = True,
 ) -> dict:
     """
-    Prediksi 1 bulan ke depan untuk 1 produk.
-
-    Pola:
-      N   = bulan data terakhir yang tersedia
-      N+1 = dilewati (laporan belum masuk)
-      N+2 = bulan yang diprediksi
-
-    Returns dict berisi info prediksi + data historis untuk grafik.
+    Prediksi 1 bulan ke depan.
+    skip_n1=True  → prediksi N+2 (laporan N+1 belum masuk)
+    skip_n1=False → prediksi N+1 (data sudah tersedia)
     """
-    # Ambil data produk, urutkan by date
     df_prod = df_cont[df_cont["Product_ID"] == product_id].copy()
     df_prod = df_prod.sort_values("Date").reset_index(drop=True)
 
     if df_prod.empty:
         return {"error": f"Produk {product_id} tidak ditemukan."}
 
-    # ── Tentukan bulan target (N+2) ──
-    last_date    = df_prod["Date"].max()
-    skip_date    = last_date + relativedelta(months=1)   # N+1 (dilewati)
-    target_date  = last_date + relativedelta(months=2)   # N+2 (diprediksi)
+    last_date = df_prod["Date"].max()
 
-    # ── Bangun fitur untuk bulan target ──
-    qty_history = df_prod["Quantity"].values  # array historis
+    if skip_n1:
+        skip_date   = last_date + relativedelta(months=1)
+        target_date = last_date + relativedelta(months=2)
+        pola_label  = "N+2 (laporan N+1 belum masuk)"
+    else:
+        skip_date   = None
+        target_date = last_date + relativedelta(months=1)
+        pola_label  = "N+1 (data sudah tersedia)"
 
-    # Lag features — ambil dari histori yang ada
-    def safe_lag(arr, n):
-        return float(arr[-n]) if len(arr) >= n else 0.0
+    qty_history = df_prod["Quantity"].values
 
-    qty_lag1  = safe_lag(qty_history, 1)
-    qty_lag2  = safe_lag(qty_history, 2)
-    qty_lag3  = safe_lag(qty_history, 3)
-    qty_lag12 = safe_lag(qty_history, 12)
+    def safe_lag(n):
+        return float(qty_history[-n]) if len(qty_history) >= n else 0.0
 
-    # Rolling mean
+    qty_lag1   = safe_lag(1)
+    qty_lag2   = safe_lag(2)
+    qty_lag3   = safe_lag(3)
+    qty_lag12  = safe_lag(12)
     qty_roll3  = float(np.mean(qty_history[-3:]))  if len(qty_history) >= 3  else float(np.mean(qty_history))
     qty_roll6  = float(np.mean(qty_history[-6:]))  if len(qty_history) >= 6  else float(np.mean(qty_history))
     qty_roll12 = float(np.mean(qty_history[-12:])) if len(qty_history) >= 12 else float(np.mean(qty_history))
 
-    # Fitur statis produk
     price    = float(df_prod["Price"].iloc[-1])
     category = str(df_prod["Category"].iloc[-1])
     types    = str(df_prod["Types"].iloc[-1])
     name     = str(df_prod["Product_Name"].iloc[-1])
 
-    # Encode kategori — handle unseen label dengan fallback
-    try:
-        cat_enc = int(le_cat.transform([category])[0])
-    except ValueError:
-        cat_enc = 0
-
-    try:
-        types_enc = int(le_types.transform([types])[0])
-    except ValueError:
-        types_enc = 0
+    try:    cat_enc   = int(le_cat.transform([category])[0])
+    except: cat_enc   = 0
+    try:    types_enc = int(le_types.transform([types])[0])
+    except: types_enc = 0
 
     is_holiday = _get_holiday(target_date, country_code)
 
-    # ── Buat DataFrame fitur ──
     feat_row = pd.DataFrame([{
-        "Price"       : price,
-        "Is_Holiday"  : is_holiday,
-        "Bulan"       : target_date.month,
-        "Kuartal"     : (target_date.month - 1) // 3 + 1,
-        "Tahun"       : target_date.year,
-        "Category_enc": cat_enc,
-        "Types_enc"   : types_enc,
-        "Qty_lag1"    : qty_lag1,
-        "Qty_lag2"    : qty_lag2,
-        "Qty_lag3"    : qty_lag3,
-        "Qty_lag12"   : qty_lag12,
-        "Qty_roll3"   : qty_roll3,
-        "Qty_roll6"   : qty_roll6,
-        "Qty_roll12"  : qty_roll12,
+        "Price": price, "Is_Holiday": is_holiday,
+        "Bulan": target_date.month, "Kuartal": (target_date.month - 1) // 3 + 1,
+        "Tahun": target_date.year, "Category_enc": cat_enc, "Types_enc": types_enc,
+        "Qty_lag1": qty_lag1, "Qty_lag2": qty_lag2, "Qty_lag3": qty_lag3,
+        "Qty_lag12": qty_lag12, "Qty_roll3": qty_roll3,
+        "Qty_roll6": qty_roll6, "Qty_roll12": qty_roll12,
     }])[FITUR_LGBM]
 
-    # ── Prediksi ──
-    raw_pred  = model.predict(feat_row)[0]
-    prediksi  = max(0, round(raw_pred))
+    prediksi = max(0, round(model.predict(feat_row)[0]))
 
-    # ── Data historis untuk grafik (12 bulan terakhir) ──
-    df_hist = df_prod.tail(12).copy()
-    hist_labels  = pd.to_datetime(df_hist["Date"]).dt.strftime("%b %Y").tolist()
-    hist_qty     = df_hist["Quantity"].tolist()
+    df_hist     = df_prod.tail(12).copy()
+    hist_labels = pd.to_datetime(df_hist["Date"]).dt.strftime("%b %Y").tolist()
+    hist_qty    = df_hist["Quantity"].tolist()
 
     return {
-        "product_id"   : product_id,
-        "product_name" : name,
-        "category"     : category,
-        "types"        : types,
-        "last_data"    : last_date.strftime("%b %Y"),
-        "skip_month"   : skip_date.strftime("%b %Y"),
-        "target_month" : target_date.strftime("%b %Y"),
-        "prediksi"     : int(prediksi),
-        "fitur_input"  : {
-            "qty_lag1"  : qty_lag1,
-            "qty_lag2"  : qty_lag2,
-            "qty_lag3"  : qty_lag3,
-            "qty_lag12" : qty_lag12,
-            "qty_roll3" : round(qty_roll3, 2),
-            "is_holiday": is_holiday,
+        "product_id"  : product_id,
+        "product_name": name,
+        "category"    : category,
+        "types"       : types,
+        "last_data"   : last_date.strftime("%b %Y"),
+        "skip_month"  : skip_date.strftime("%b %Y") if skip_date else None,
+        "target_month": target_date.strftime("%b %Y"),
+        "prediksi"    : int(prediksi),
+        "skip_n1"     : skip_n1,
+        "pola_label"  : pola_label,
+        "fitur_input" : {
+            "qty_lag1": qty_lag1, "qty_lag2": qty_lag2,
+            "qty_lag3": qty_lag3, "qty_lag12": qty_lag12,
+            "qty_roll3": round(qty_roll3, 2), "is_holiday": is_holiday,
         },
-        "hist_labels"  : hist_labels,
-        "hist_qty"     : hist_qty,
+        "hist_labels" : hist_labels,
+        "hist_qty"    : hist_qty,
     }
 
 
@@ -154,27 +133,22 @@ def forecast_all_products(
     model,
     le_cat,
     le_types,
-    country_code: str = "ID",
-    top_n       : int = None,
+    country_code: str  = "ID",
+    top_n       : int  = None,
+    skip_n1     : bool = True,
 ) -> list:
-    """
-    Prediksi N+2 untuk semua produk (atau top N berdasarkan qty).
-    """
     if top_n:
         products = (
             df_cont.groupby("Product_ID")["Quantity"]
-            .sum()
-            .sort_values(ascending=False)
-            .head(top_n)
-            .index.tolist()
+            .sum().sort_values(ascending=False)
+            .head(top_n).index.tolist()
         )
     else:
         products = df_cont["Product_ID"].unique().tolist()
 
     results = []
     for pid in products:
-        r = forecast_one_product(df_cont, pid, model, le_cat, le_types, country_code)
+        r = forecast_one_product(df_cont, pid, model, le_cat, le_types, country_code, skip_n1)
         if "error" not in r:
             results.append(r)
-
     return results

app/main.py

@@ -326,14 +326,16 @@ def list_products(session_id: str):
 # FORECAST MASA DEPAN (N+2)
 # ─────────────────────────────────────────
 @app.get("/forecast/{session_id}")
-def forecast(session_id: str, product_id: Optional[str] = None):
+def forecast(
+    session_id: str,
+    product_id: Optional[str] = None,
+    skip_n1   : bool = True,
+):
     """
-    Prediksi stok masa depan bulan N+2.
+    Prediksi stok masa depan.
 
-    Pola:
-      N   = bulan data terakhir
-      N+1 = dilewati (laporan belum masuk)
-      N+2 = bulan yang diprediksi
+    **skip_n1=true** (default): prediksi N+2 — laporan bulan N+1 belum masuk
+    **skip_n1=false**: prediksi N+1 — data sudah tersedia langsung
 
     Jika product_id diisi → prediksi 1 produk.
     Jika kosong          → prediksi top 10 produk terlaris.
@@ -354,56 +356,60 @@ def forecast(session_id: str, product_id: Optional[str] = None):
 
     # Prediksi
     if product_id:
-        raw = forecast_one_product(df_cont, product_id, model, le_cat, le_types, country_code)
+        raw = forecast_one_product(df_cont, product_id, model, le_cat, le_types, country_code, skip_n1)
         if "error" in raw:
             raise HTTPException(status_code=404, detail=raw["error"])
         forecasts = [raw]
     else:
         forecasts = forecast_all_products(
-            df_cont, model, le_cat, le_types, country_code, top_n=10
+            df_cont, model, le_cat, le_types, country_code, top_n=10, skip_n1=skip_n1
         )
 
     # Bangun response dengan chart gabungan
     output = []
     for f in forecasts:
-        # Gabungkan label historis + skip + target
-        all_labels = f["hist_labels"] + [f["skip_month"], f["target_month"]]
-        all_qty    = f["hist_qty"]    + [None, None]  # skip & target belum ada aktual
-
-        # Chart gabungan: historis + prediksi future
         chart = _build_forecast_chart(
-            hist_labels   = f["hist_labels"],
-            hist_qty      = f["hist_qty"],
-            skip_month    = f["skip_month"],
-            target_month  = f["target_month"],
-            prediksi      = f["prediksi"],
-            product_id    = f["product_id"],
-            product_name  = f["product_name"],
+            hist_labels  = f["hist_labels"],
+            hist_qty     = f["hist_qty"],
+            skip_month   = f["skip_month"],
+            target_month = f["target_month"],
+            prediksi     = f["prediksi"],
+            product_id   = f["product_id"],
+            product_name = f["product_name"],
+            skip_n1      = f["skip_n1"],
         )
 
+        # Keterangan dinamis
+        if f["skip_n1"]:
+            ket = (f"Prediksi stok untuk {f['target_month']} "
+                   f"(data terakhir: {f['last_data']}, "
+                   f"bulan {f['skip_month']} dilewati — laporan belum masuk)")
+        else:
+            ket = (f"Prediksi stok untuk {f['target_month']} "
+                   f"(data terakhir: {f['last_data']}, prediksi langsung N+1)")
+
         output.append({
-            "product_id"   : f["product_id"],
-            "product_name" : f["product_name"],
-            "category"     : f["category"],
-            "types"        : f["types"],
-            "forecast"     : {
+            "product_id"  : f["product_id"],
+            "product_name": f["product_name"],
+            "category"    : f["category"],
+            "types"       : f["types"],
+            "forecast"    : {
                 "last_data"   : f["last_data"],
                 "skip_month"  : f["skip_month"],
                 "target_month": f["target_month"],
                 "prediksi_pcs": f["prediksi"],
-                "keterangan"  : (
-                    f"Prediksi stok untuk {f['target_month']} "
-                    f"(data terakhir: {f['last_data']}, "
-                    f"bulan {f['skip_month']} dilewati karena laporan belum masuk)"
-                ),
+                "pola"        : f["pola_label"],
+                "keterangan"  : ket,
             },
-            "chart_json"   : json.loads(chart),
-            "fitur_input"  : f["fitur_input"],
+            "chart_json"  : json.loads(chart),
+            "fitur_input" : f["fitur_input"],
         })
 
+    pola_str = "N → skip N+1 → prediksi N+2" if skip_n1 else "N → prediksi N+1"
     return {
         "status"  : "success",
-        "pattern" : "N → skip N+1 → prediksi N+2",
+        "skip_n1" : skip_n1,
+        "pattern" : pola_str,
         "results" : output,
     }
 
@@ -416,80 +422,77 @@ def _build_forecast_chart(
     prediksi    : int,
     product_id  : str,
     product_name: str,
+    skip_n1     : bool = True,
 ) -> str:
     """Buat grafik Plotly gabungan historis + prediksi future."""
     import plotly.graph_objects as go
 
     fig = go.Figure()
-
-    # Garis historis
-    fig.add_trace(go.Scatter(
-        x    = hist_labels,
-        y    = hist_qty,
-        mode = "lines+markers",
-        name = "Historis Aktual",
-        line = dict(color="royalblue", width=2),
-        marker = dict(symbol="circle", size=7),
-    ))
-
-    # Titik prediksi future (N+2) — dengan garis putus dari data terakhir
     last_label = hist_labels[-1]
     last_qty   = hist_qty[-1]
 
-    # Garis putus-putus dari data terakhir ke prediksi (lewati skip)
+    # Garis historis
     fig.add_trace(go.Scatter(
-        x    = [last_label, skip_month, target_month],
-        y    = [last_qty,   None,       prediksi],
-        mode = "lines+markers",
-        name = f"Prediksi {target_month}",
-        line = dict(color="darkorange", width=2.5, dash="dot"),
-        marker = dict(
-            symbol = ["circle", "x", "star"],
-            size   = [0, 10, 14],
-            color  = ["darkorange", "gray", "darkorange"],
-        ),
-        connectgaps = False,
+        x=hist_labels, y=hist_qty,
+        mode="lines+markers", name="Historis Aktual",
+        line=dict(color="royalblue", width=2),
+        marker=dict(symbol="circle", size=7),
     ))
 
-    # Anotasi prediksi
-    fig.add_annotation(
-        x         = target_month,
-        y         = prediksi,
-        text      = f"<b>{prediksi} pcs</b>",
-        showarrow = True,
-        arrowhead = 2,
-        arrowcolor= "darkorange",
-        font      = dict(size=13, color="darkorange"),
-        bgcolor   = "#fff7ed",
-        bordercolor = "darkorange",
-        borderwidth = 1,
-        ay        = -40,
-    )
-
-    # Anotasi skip month
+    if skip_n1:
+        # Pola N+2: garis putus melewati skip_month (gap)
+        fig.add_trace(go.Scatter(
+            x=[last_label, skip_month, target_month],
+            y=[last_qty,   None,       prediksi],
+            mode="lines+markers",
+            name=f"Prediksi {target_month}",
+            line=dict(color="darkorange", width=2.5, dash="dot"),
+            marker=dict(symbol=["circle","x","star"], size=[0,10,14],
+                        color=["darkorange","gray","darkorange"]),
+            connectgaps=False,
+        ))
+        # Anotasi skip
+        fig.add_annotation(
+            x=skip_month, y=max(hist_qty) * 0.1 if hist_qty else 0,
+            text="⏭ Laporan<br>belum masuk",
+            showarrow=False,
+            font=dict(size=10, color="#94a3b8"),
+            bgcolor="#f8fafc", bordercolor="#e2e8f0",
+        )
+        subtitle = f"Historis 12 bulan + Prediksi {target_month} (pola N+2)"
+    else:
+        # Pola N+1: garis langsung ke prediksi tanpa gap
+        fig.add_trace(go.Scatter(
+            x=[last_label, target_month],
+            y=[last_qty,   prediksi],
+            mode="lines+markers",
+            name=f"Prediksi {target_month}",
+            line=dict(color="darkorange", width=2.5, dash="dot"),
+            marker=dict(symbol=["circle","star"], size=[0,14],
+                        color=["darkorange","darkorange"]),
+        ))
+        subtitle = f"Historis 12 bulan + Prediksi {target_month} (pola N+1)"
+
+    # Anotasi nilai prediksi
     fig.add_annotation(
-        x         = skip_month,
-        y         = 0,
-        text      = "⏭ Laporan<br>belum masuk",
-        showarrow = False,
-        font      = dict(size=10, color="#94a3b8"),
-        bgcolor   = "#f8fafc",
-        bordercolor = "#e2e8f0",
+        x=target_month, y=prediksi,
+        text=f"<b>{prediksi} pcs</b>",
+        showarrow=True, arrowhead=2, arrowcolor="darkorange",
+        font=dict(size=13, color="darkorange"),
+        bgcolor="#fff7ed", bordercolor="darkorange", borderwidth=1,
+        ay=-40,
     )
 
     fig.update_layout(
-        title = dict(
-            text = f"Prediksi Stok — {product_id} ({product_name})<br>"
-                   f"<sup>Historis 12 bulan + Prediksi {target_month}</sup>",
-            font = dict(size=14),
+        title=dict(
+            text=f"Prediksi Stok — {product_id} ({product_name})<br><sup>{subtitle}</sup>",
+            font=dict(size=14),
         ),
-        xaxis = dict(title="Bulan", tickangle=-45),
-        yaxis = dict(title="Jumlah Stok Keluar (pcs)", rangemode="tozero"),
-        legend = dict(orientation="h", yanchor="bottom", y=1.02, xanchor="right", x=1),
-        plot_bgcolor  = "white",
-        paper_bgcolor = "white",
-        hovermode     = "x unified",
-        margin        = dict(l=50, r=30, t=100, b=80),
+        xaxis=dict(title="Bulan", tickangle=-45),
+        yaxis=dict(title="Jumlah Stok Keluar (pcs)", rangemode="tozero"),
+        legend=dict(orientation="h", yanchor="bottom", y=1.02, xanchor="right", x=1),
+        plot_bgcolor="white", paper_bgcolor="white",
+        hovermode="x unified", margin=dict(l=50, r=30, t=100, b=80),
     )
     fig.update_xaxes(showgrid=True, gridcolor="#eee")
     fig.update_yaxes(showgrid=True, gridcolor="#eee")

static/index.html

@@ -257,14 +257,35 @@
   <div class="card hidden" id="card-forecast">
     <h2><span class="step-badge">4</span> Prediksi Stok Masa Depan</h2>
 
-    <div class="alert alert-info">
-      📅 <strong>Pola prediksi:</strong>
-      Data terakhir <strong>(N)</strong> →
-      Bulan <strong>(N+1)</strong> dilewati karena laporan belum masuk →
-      Prediksi stok bulan <strong>(N+2)</strong>
+    <!-- Toggle pola prediksi -->
+    <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
+      <div id="pola-skip" onclick="setPola(true)"
+           style="border:2px solid var(--primary); border-radius:10px; padding:14px 16px;
+                  cursor:pointer; background:#eff6ff; transition:.15s;">
+        <div style="font-weight:700; color:var(--primary); margin-bottom:4px">
+          ⏭ Lewati N+1
+          <span style="font-size:.72rem; background:var(--primary); color:#fff;
+                       border-radius:4px; padding:1px 7px; margin-left:6px">DEFAULT</span>
+        </div>
+        <div style="font-size:.82rem; color:var(--muted)">
+          Laporan bulan ini <strong>belum masuk</strong>.<br>
+          Prediksi untuk bulan <strong>N+2</strong>.
+        </div>
+      </div>
+      <div id="pola-direct" onclick="setPola(false)"
+           style="border:2px solid var(--border); border-radius:10px; padding:14px 16px;
+                  cursor:pointer; background:#f8fafc; transition:.15s;">
+        <div style="font-weight:700; color:var(--muted); margin-bottom:4px">
+          ✅ Data Sudah Tersedia
+        </div>
+        <div style="font-size:.82rem; color:var(--muted)">
+          Laporan bulan ini <strong>sudah ada</strong>.<br>
+          Prediksi langsung bulan <strong>N+1</strong>.
+        </div>
+      </div>
     </div>
 
-    <div class="prod-row" style="margin-top:16px">
+    <div class="prod-row" style="margin-top:14px">
       <div>
         <label>Pilih Produk (kosongkan untuk top 10 terlaris)</label>
         <select id="forecast-product-select">
@@ -508,6 +529,30 @@ async function loadProductList() {
 // ─────────────────────────────────────
 // FORECAST MASA DEPAN
 // ─────────────────────────────────────
+let skipN1 = true;  // default: lewati N+1
+
+function setPola(doSkip) {
+  skipN1 = doSkip;
+  const elSkip   = document.getElementById('pola-skip');
+  const elDirect = document.getElementById('pola-direct');
+
+  if (doSkip) {
+    elSkip.style.border     = '2px solid var(--primary)';
+    elSkip.style.background = '#eff6ff';
+    elSkip.querySelector('div').style.color = 'var(--primary)';
+    elDirect.style.border     = '2px solid var(--border)';
+    elDirect.style.background = '#f8fafc';
+    elDirect.querySelector('div').style.color = 'var(--muted)';
+  } else {
+    elDirect.style.border     = '2px solid var(--success)';
+    elDirect.style.background = '#f0fdf4';
+    elDirect.querySelector('div').style.color = 'var(--success)';
+    elSkip.style.border     = '2px solid var(--border)';
+    elSkip.style.background = '#f8fafc';
+    elSkip.querySelector('div').style.color = 'var(--muted)';
+  }
+}
+
 async function loadForecast() {
   if (!sessionId) return;
 
@@ -516,9 +561,10 @@ async function loadForecast() {
   output.innerHTML = '<div class="alert alert-info"><span class="spinner"></span> Menghitung prediksi masa depan...</div>';
 
   try {
+    const skipParam = `skip_n1=${skipN1}`;
     const url  = pid
-      ? `/forecast/${sessionId}?product_id=${encodeURIComponent(pid)}`
-      : `/forecast/${sessionId}`;
+      ? `/forecast/${sessionId}?product_id=${encodeURIComponent(pid)}&${skipParam}`
+      : `/forecast/${sessionId}?${skipParam}`;
     const res  = await fetch(url);
     const data = await res.json();
 
@@ -530,9 +576,11 @@ async function loadForecast() {
     output.innerHTML = '';
 
     // Info pola
+    const polaColor = data.skip_n1 ? 'alert-info' : 'alert-success';
+    const polaIco   = data.skip_n1 ? '⏭' : '✅';
     output.innerHTML += `
-      <div class="alert alert-success" style="margin-bottom:16px">
-        ✅ Pola: <strong>${data.pattern}</strong>
+      <div class="alert ${polaColor}" style="margin-bottom:16px">
+        ${polaIco} Pola aktif: <strong>${data.pattern}</strong>
       </div>`;
 
     data.results.forEach(r => {
@@ -565,9 +613,13 @@ async function loadForecast() {
                 <div style="font-size:.75rem; color:var(--muted); margin-bottom:4px">Data Terakhir</div>
                 <div style="font-size:1.1rem; font-weight:700; color:#15803d">${f.last_data}</div>
               </div>
-              <div class="metric-card" style="background:#fffbeb; border-color:#fde68a">
-                <div style="font-size:.75rem; color:var(--muted); margin-bottom:4px">Dilewati (laporan belum masuk)</div>
-                <div style="font-size:1.1rem; font-weight:700; color:#92400e">${f.skip_month}</div>
+              <div class="metric-card" style="${f.skip_month ? 'background:#fffbeb; border-color:#fde68a' : 'background:#f0fdf4; border-color:#bbf7d0'}">
+                <div style="font-size:.75rem; color:var(--muted); margin-bottom:4px">
+                  ${f.skip_month ? '⏭ Dilewati (N+1)' : '✅ Mode N+1'}
+                </div>
+                <div style="font-size:1.1rem; font-weight:700; color:${f.skip_month ? '#92400e' : '#15803d'}">
+                  ${f.skip_month || '—'}
+                </div>
               </div>
               <div class="metric-card" style="background:#eff6ff; border-color:#bfdbfe">
                 <div style="font-size:.75rem; color:var(--muted); margin-bottom:4px">🎯 Prediksi Stok</div>