Spaces:

alterzick
/

broksum-v2

Running

App Files Files Community

alterzick commited on Dec 25, 2025

Commit

0638967

verified ·

1 Parent(s): 768025f

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +1355 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Broksum V2
-emoji: 🐢
-colorFrom: red
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: broksum-v2
+emoji: ⚛️
+colorFrom: pink
+colorTo: red
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,1355 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="id">
+<head>
+  <meta charset="UTF-8">
+  <title>Lembar Kerja Ringkasan Saham IDX (XLSX, Multi-Hari)</title>
+  <script src="https://cdn.sheetjs.com/xlsx-latest/package/dist/xlsx.full.min.js"></script>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  <style>
+    * { box-sizing: border-box; font-family: Arial, sans-serif; }
+    body { margin: 0; padding: 12px; background:#f5f5f5; font-size:12px; }
+    h2, h3 { margin-top:0; }
+    .panel {
+      background:#fff; padding:10px; border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.1);
+      margin-bottom:10px; border:1px solid #eee;
+    }
+    label { font-weight:bold; }
+    input[type="file"], select, input[type="text"], input[type="date"], button {
+      font-size:12px; padding:2px 4px;
+    }
+    button {
+      cursor:pointer;
+      transition: all 0.3s;
+    }
+    button:hover {
+      background: #f0f0f0;
+    }
+    .row {
+      display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:4px;
+    }
+    .row > div { display:flex; flex-direction:column; }
+    .wrap-table { max-height:70vh; overflow:auto; border:1px solid #ccc; border-radius:4px; background:#fff; }
+    table { border-collapse:collapse; width:100%; font-size:11px; }
+    th, td { border:1px solid #ddd; padding:2px 4px; white-space:nowrap; }
+    th {
+      background:#f0f0f0; position:sticky; top:0; z-index:1; cursor:pointer;
+      user-select: none;
+    }
+    th:hover {
+      background: #e0e0e0;
+    }
+    tr:hover { background:#fafad2; }
+    .up { color:#006400; font-weight:bold; }
+    .down { color:#b22222; font-weight:bold; }
+    #info { margin-top:4px; color:#555; }
+    #datasetInfo { margin-top:4px; color:#333; }
+    .sort-ind { font-size:10px; margin-left:2px; }
+    .pill {
+      display: inline-block;
+      padding: 2px 8px;
+      border-radius: 12px;
+      background: #f0f0f0;
+      font-size: 10px;
+      margin: 2px;
+    }
+    .up-pill {
+      background: rgba(0,100,0,0.1);
+      color: #006400;
+    }
+    .down-pill {
+      background: rgba(178,34,34,0.1);
+      color: #b22222;
+    }
+    .card {
+      background: #fff;
+      border-radius: 6px;
+      padding: 12px;
+      box-shadow: 0 1px 4px rgba(0,0,0,0.1);
+      margin-bottom: 12px;
+    }
+    .tab-container {
+      display: flex;
+      border-bottom: 1px solid #ddd;
+      margin-bottom: 12px;
+    }
+    .tab {
+      padding: 8px 16px;
+      cursor: pointer;
+      border: 1px solid transparent;
+      border-bottom: none;
+      border-radius: 6px 6px 0 0;
+      margin-right: 4px;
+    }
+    .tab.active {
+      border-color: #ddd;
+      background: #fff;
+      border-bottom: 2px solid #fff;
+      margin-bottom: -1px;
+    }
+    .tab-content {
+      display: none;
+    }
+    .tab-content.active {
+      display: block;
+    }
+    .chart-container {
+      position: relative;
+      height: 300px;
+      margin-bottom: 16px;
+    }
+    .stats-item {
+      padding: 8px;
+      border-bottom: 1px dashed #eee;
+    }
+    .stats-value {
+      font-weight: bold;
+      color: #333;
+    }
+  </style>
+</head>
+<body>
+  <div class="tab-container">
+    <div class="tab active" data-tab="main">Data Utama</div>
+    <div class="tab" data-tab="analysis">Analisis</div>
+    <div class="tab" data-tab="recommendations">Rekomendasi</div>
+  </div>
+  <!-- Main Data Tab -->
+  <div id="main" class="tab-content active">
+    <div class="panel">
+      <h2>Lembar Kerja Ringkasan Saham IDX (XLSX, Multi-Hari)</h2>
+      <p class="mb-2">
+        <strong>Fitur:</strong> Upload file <b>.xlsx</b> ringkasan saham (sheet pertama). Dataset disimpan per tanggal
+        di <code>localStorage</code> sehingga bisa dikumpulkan dan dianalisis ulang. Klik header
+        kolom untuk sort ascending/descending.
+      </p>
+      <div class="row">
+        <div>
+          <label for="tradeDate">Tanggal Perdagangan (YYYY-MM-DD)</label>
+          <input type="date" id="tradeDate">
+        </div>
+        <div>
+          <label for="fileInput">Upload File Ringkasan (.xlsx)</label>
+          <input type="file" id="fileInput" accept=".xlsx">
+        </div>
+        <div class="mt-4">
+          <button id="clearStorage" class="bg-red-100 text-red-800 p-2 rounded">
+            <i class="fas fa-trash mr-1"></i>Hapus Semua Data
+          </button>
+        </div>
+      </div>
+      <div class="row" id="filterBar" style="margin-top:10px; display:none;">
+        <div>
+          <label for="datasetSelect">Dataset (Tanggal)</label>
+          <select id="datasetSelect"></select>
+        </div>
+        <div>
+          <label for="filterCode">Filter Code</label>
+          <input type="text" id="filterCode" placeholder="misal: BBCA">
+        </div>
+        <div>
+          <label for="filterGlobal">Filter Global</label>
+          <input type="text" id="filterGlobal" placeholder="cari di semua kolom">
+        </div>
+      </div>
+      <div id="info"></div>
+      <div id="datasetInfo"></div>
+    </div>
+    <div class="wrap-table">
+      <table id="tbl"></table>
+    </div>
+  </div>
+  <!-- Analysis Tab -->
+  <div id="analysis" class="tab-content">
+    <div class="panel">
+      <h2>Analisis Data Saham</h2>
+      <p>Analisis historis berdasarkan semua data yang telah dikumpulkan</p>
+      <div class="row">
+        <div>
+          <label for="analysisStock">Analisis Saham Tertentu</label>
+          <input type="text" id="analysisStock" placeholder="Masukkan kode saham">
+        </div>
+        <div>
+          <button id="runAnalysis" class="bg-blue-100 text-blue-800 p-2 rounded mt-4">
+            <i class="fas fa-chart-line mr-1"></i>Jalankan Analisis
+          </button>
+        </div>
+      </div>
+    </div>
+    <div id="overallAnalysis" class="card">
+      <h3>Ringkasan Keseluruhan</h3>
+      <div class="chart-container">
+        <canvas id="overallChart"></canvas>
+      </div>
+      <div class="grid grid-cols-4 gap-4">
+        <div class="stats-item">
+          <div class="text-sm text-gray-600">Total Dataset</div>
+          <div id="totalDataset" class="stats-value">-</div>
+        </div>
+        <div class="stats-item">
+          <div class="text-sm text-gray-600">Total Saham Unik</div>
+          <div id="totalUniqueStocks" class="stats-value">-</div>
+        </div>
+        <div class="stats-item">
+          <div class="text-sm text-gray-600">Rata-rata Gain Harian</div>
+          <div id="avgDailyGain" class="stats-value">-</div>
+        </div>
+        <div class="stats-item">
+          <div class="text-sm text-gray-600">Volume Perdagangan</div>
+          <div id="totalVolume" class="stats-value">-</div>
+        </div>
+      </div>
+    </div>
+    <div id="stockAnalysis" class="card hidden">
+      <h3 id="stockAnalysisTitle">Analisis Saham</h3>
+      <div class="chart-container">
+        <canvas id="stockChart"></canvas>
+      </div>
+      <div class="grid grid-cols-2 gap-4">
+        <div>
+          <h4>Statistik Harga</h4>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Perubahan Terbesar</div>
+            <div id="maxChange" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Perubahan Terkecil</div>
+            <div id="minChange" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Rata-rata Perubahan</div>
+            <div id="avgChange" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Tertinggi (Harga)</div>
+            <div id="highestPrice" class="stats-value">-</div>
+          </div>
+        </div>
+        <div>
+          <h4>Statistik Volume</h4>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Volume Tertinggi</div>
+            <div id="highestVolume" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Rata-rata Volume</div>
+            <div id="avgVolume" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Total Volume</div>
+            <div id="totalStockVolume" class="stats-value">-</div>
+          </div>
+          <div class="stats-item">
+            <div class="text-sm text-gray-600">Trend (30 Hari)</div>
+            <div id="trend30d" class="stats-value">-</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Recommendations Tab -->
+  <div id="recommendations" class="tab-content">
+    <div class="panel">
+      <h2>Rekomendasi Saham</h2>
+      <p>Rekomendasi berdasarkan analisis data historis dan pola perdagangan</p>
+      <button id="generateRecommendations" class="bg-green-100 text-green-800 p-2 rounded mb-4">
+        <i class="fas fa-magic mr-1"></i>Hasilkan Rekomendasi
+      </button>
+    </div>
+    <div id="recommendationResults" class="hidden">
+      <div class="card">
+        <h3><i class="fas fa-fire text-red-500 mr-2"></i> Saham Potensial (High Momentum)</h3>
+        <table id="hotStocksTable" class="min-w-full"></table>
+      </div>
+      <div class="card">
+        <h3><i class="fas fa-chart-line text-blue-500 mr-2"></i> Saham Stabil</h3>
+        <table id="stableStocksTable" class="min-w-full"></table>
+      </div>
+      <div class="card">
+        <h3><i class="fas fa-level-up-alt text-green-500 mr-2"></i> Saham yang Mengalami Peningkatan Volume</h3>
+        <table id="volumeGainersTable" class="min-w-full"></table>
+      </div>
+      <div class="card">
+        <h3><i class="fas fa-clock text-yellow-500 mr-2"></i> Saham dengan Pola Musiman</h3>
+        <table id="seasonalStocksTable" class="min-w-full"></table>
+      </div>
+      <div class="card">
+        <h3><i class="fas fa-star text-purple-500 mr-2"></i> Rekomendasi Utama</h3>
+        <div id="topRecommendation" class="p-4 bg-gradient-to-r from-purple-50 to-blue-50 rounded-lg"></div>
+      </div>
+    </div>
+  </div>
+<script>
+// ====== KEY STORAGE ======
+const LS_KEY = "idx_ringkasan_multi_xlsx_v3"; // versi baru
+// ====== STATE ======
+let currentDateKey = null;
+let currentData = null; // {header:[], rows:[[]]}
+let colMap = {};
+let sortState = { colIndex: null, direction: 1 }; // 1 = asc, -1 = desc
+let allDatasets = {};
+let overallChart = null;
+let stockChart = null;
+// ====== STORAGE ======
+function loadAllDatasets() {
+  try {
+    const raw = localStorage.getItem(LS_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    // Verify data structure
+    for (const date in parsed) {
+      if (!parsed[date].header || !parsed[date].rows) {
+        delete parsed[date];
+      }
+    }
+    return parsed;
+  } catch (e) {
+    console.error("Error loading from localStorage:", e);
+    return {};
+  }
+}
+function saveAllDatasets(obj) {
+  try {
+    localStorage.setItem(LS_KEY, JSON.stringify(obj));
+    allDatasets = obj;
+  } catch (e) {
+    console.error("Error saving to localStorage:", e);
+    alert("Tidak dapat menyimpan data. Pastikan browser mengizinkan penyimpanan lokal.");
+  }
+}
+// ====== XLSX PARSER ======
+function parseXlsxToRows(arrayBuffer) {
+  try {
+    const wb = XLSX.read(arrayBuffer, { type: "array" });
+    const sheetName = wb.SheetNames[0];
+    const sheet = wb.Sheets[sheetName];
+    const json = XLSX.utils.sheet_to_json(sheet, { header:1, raw:true });
+    if (!json.length) return { header: [], rows: [] };
+    const header = json[0].map(v => v != null ? String(v).trim() : "");
+    const rows = json.slice(1).map(r => r.map(v => v != null ? String(v).trim() : ""));
+    return { header, rows };
+  } catch (e) {
+    console.error("Error parsing XLSX:", e);
+    alert("Gagal membaca file Excel. Pastikan format file benar.");
+    return { header: [], rows: [] };
+  }
+}
+// ====== COLUMN MAP ======
+function findColIdx(header, names) {
+  const lower = header.map(h => (h || "").toLowerCase());
+  for (const n of names) {
+    const idx = lower.indexOf(n.toLowerCase());
+    if (idx !== -1) return idx;
+  }
+  return -1;
+}
+function buildColMap(header) {
+  colMap = {
+    code:   findColIdx(header, ["code","kode","stock","symbol","emiten"]),
+    pctChg: findColIdx(header, ["%change","% change","chg%","change%","%chg","chg %","perubahan (%)"]),
+    volume: findColIdx(header, ["volume","vol","lot"]),
+    value:  findColIdx(header, ["value","nilai","val","turnover"]),
+    close:  findColIdx(header, ["close","penutupan","harga penutupan","last","harga"]),
+    open:   findColIdx(header, ["open","pembukaan","harga pembukaan"]),
+    high:   findColIdx(header, ["high","tertinggi","harga tertinggi"]),
+    low:    findColIdx(header, ["low","terendah","harga terendah"])
+  };
+}
+// ====== DATASET SELECT ======
+function refreshDatasetSelect() {
+  const all = loadAllDatasets();
+  const select = document.getElementById("datasetSelect");
+  select.innerHTML = "";
+  const dates = Object.keys(all).sort();
+  dates.forEach(d => {
+    const opt = document.createElement("option");
+    opt.value = d;
+    opt.textContent = d;
+    select.appendChild(opt);
+  });
+  document.getElementById("filterBar").style.display = dates.length ? "flex" : "none";
+}
+document.getElementById("datasetSelect").addEventListener("change", () => {
+  const all = loadAllDatasets();
+  const key = document.getElementById("datasetSelect").value;
+  if (all[key]) {
+    currentDateKey = key;
+    currentData = all[key];
+    buildColMap(currentData.header);
+    sortState = { colIndex: null, direction: 1 };
+    renderTable();
+  }
+});
+// ====== SAVE DATASET (append jika tanggal baru) ======
+function saveDataset(dateKey, parsed) {
+  if (!dateKey) {
+    document.getElementById("info").textContent = "Silakan isi tanggal perdagangan terlebih dahulu.";
+    return;
+  }
+  if (!parsed.header.length) {
+    document.getElementById("info").textContent = "File tidak berisi header/kolom.";
+    return;
+  }
+  const all = loadAllDatasets();
+  // overwrite jika tanggal sama, menambah kalau baru
+  all[dateKey] = parsed;
+  saveAllDatasets(all);
+  currentDateKey = dateKey;
+  currentData = parsed;
+  buildColMap(parsed.header);
+  refreshDatasetSelect();
+  const datasetSelect = document.getElementById("datasetSelect");
+  datasetSelect.value = dateKey;
+  document.getElementById("filterBar").style.display = "flex";
+  sortState = { colIndex: null, direction: 1 };
+  renderTable();
+}
+// ====== RENDER TABEL DENGAN SORT & FILTER ======
+function renderTable() {
+  const tbl = document.getElementById("tbl");
+  const info = document.getElementById("info");
+  const datasetInfo = document.getElementById("datasetInfo");
+  tbl.innerHTML = "";
+  if (!currentData || !currentData.header.length) {
+    info.textContent = "Belum ada data. Upload file .xlsx terlebih dahulu.";
+    datasetInfo.textContent = "";
+    return;
+  }
+  const header = currentData.header;
+  const rows = currentData.rows.slice(); // copy
+  const codeFilter   = document.getElementById("filterCode").value.trim().toLowerCase();
+  const globalFilter = document.getElementById("filterGlobal").value.trim().toLowerCase();
+  // filter
+  let filtered = rows.filter(r => {
+    if (!r || !r.length) return false;
+    let ok = true;
+    if (codeFilter && colMap.code >= 0) {
+      const code = (r[colMap.code] || "").toString().toLowerCase();
+      if (!code.includes(codeFilter)) ok = false;
+    }
+    if (ok && globalFilter) {
+      const joined = r.join(" ").toLowerCase();
+      if (!joined.includes(globalFilter)) ok = false;
+    }
+    return ok;
+  });
+  // helper angka
+  const num = v => {
+    if (v == null) return 0;
+    const s = v.toString().replace("%","").replace(/,/g,"").replace(/\s/g,"");
+    const n = parseFloat(s);
+    return isNaN(n) ? 0 : n;
+  };
+  // sort berdasarkan sortState
+  if (sortState.colIndex !== null) {
+    const idx = sortState.colIndex;
+    const dir = sortState.direction;
+    filtered.sort((a,b) => {
+      const av = a[idx] ?? "";
+      const bv = b[idx] ?? "";
+      const an = num(av);
+      const bn = num(bv);
+      // jika dua-duanya angka yang valid, pakai numeric saja
+      if (!isNaN(an) && !isNaN(bn)) {
+        return (an - bn) * dir;
+      }
+      // fallback string
+      return av.toString().localeCompare(bv.toString()) * dir;
+    });
+  }
+  // THEAD
+  const thead = document.createElement("thead");
+  const trh = document.createElement("tr");
+  header.forEach((h, idx) => {
+    const th = document.createElement("th");
+    th.textContent = h || ("Col " + (idx+1));
+    // label arah sort
+    if (sortState.colIndex === idx) {
+      const span = document.createElement("span");
+      span.className = "sort-ind";
+      span.textContent = sortState.direction === 1 ? "▲" : "▼";
+      th.appendChild(span);
+    }
+    // klik header untuk sort
+    th.addEventListener("click", () => {
+      if (sortState.colIndex === idx) {
+        sortState.direction *= -1; // toggle asc/desc
+      } else {
+        sortState.colIndex = idx;
+        sortState.direction = 1;
+      }
+      renderTable();
+    });
+    trh.appendChild(th);
+  });
+  thead.appendChild(trh);
+  tbl.appendChild(thead);
+  // TBODY
+  const tbody = document.createElement("tbody");
+  filtered.forEach(r => {
+    const tr = document.createElement("tr");
+    header.forEach((_, idx) => {
+      const td = document.createElement("td");
+      const val = r[idx] || "";
+      if (idx === colMap.pctChg) {
+        const n = num(val);
+        if (n > 0) {
+          td.classList.add("up");
+          td.innerHTML = `<i class="fas fa-caret-up mr-1"></i>${val}`;
+        }
+        if (n < 0) {
+          td.classList.add("down");
+          td.innerHTML = `<i class="fas fa-caret-down mr-1"></i>${val}`;
+        }
+      } else if (idx === colMap.code) {
+        td.innerHTML = `<span class="font-medium">${val}</span>`;
+      }
+      // Highlight high volume
+      else if (idx === colMap.volume && colMap.volume >= 0) {
+        const volume = num(val);
+        if (volume > 1000000) {  // High volume threshold
+          td.innerHTML = `<span class="pill up-pill">${val}</span>`;
+        } else {
+          td.textContent = val;
+        }
+      }
+      else {
+        td.textContent = val;
+      }
+      tr.appendChild(td);
+    });
+    tbody.appendChild(tr);
+  });
+  tbl.appendChild(tbody);
+  info.innerHTML = `
+    <strong>Dataset aktif:</strong> ${currentDateKey || "-"}
+    | <strong>Baris data:</strong> ${filtered.length} (dari ${rows.length} total)
+    | <strong>Kolom:</strong> ${header.length}
+  `;
+  datasetInfo.innerHTML = `
+    <strong>Mapping kolom:</strong>
+    Code: <span class="pill">${colMap.code >= 0 ? colMap.code : '-'}</span>
+    %Change: <span class="pill">${colMap.pctChg >= 0 ? colMap.pctChg : '-'}</span>
+    Volume: <span class="pill">${colMap.volume >= 0 ? colMap.volume : '-'}</span>
+    Value: <span class="pill">${colMap.value >= 0 ? colMap.value : '-'}</span>
+  `;
+}
+// ====== Tab Navigation ======
+document.querySelectorAll('.tab').forEach(tab => {
+  tab.addEventListener('click', () => {
+    // Remove active class from all tabs
+    document.querySelectorAll('.tab').forEach(t => {
+      t.classList.remove('active');
+    });
+    document.querySelectorAll('.tab-content').forEach(c => {
+      c.classList.remove('active');
+    });
+    // Add active class to clicked tab
+    tab.classList.add('active');
+    const tabId = tab.getAttribute('data-tab');
+    document.getElementById(tabId).classList.add('active');
+    // Refresh appropriate content
+    if (tabId === 'analysis') {
+      renderOverallAnalysis();
+    } else if (tabId === 'recommendations') {
+      // Nothing yet, will be populated when button is clicked
+    }
+  });
+});
+// ====== UPLOAD XLSX ======
+document.getElementById("fileInput").addEventListener("change", e => {
+  const file = e.target.files[0];
+  if (!file) return;
+  const dateKey = document.getElementById("tradeDate").value;
+  const reader = new FileReader();
+  reader.onload = ev => {
+    const parsed = parseXlsxToRows(ev.target.result);
+    saveDataset(dateKey, parsed); // setelah ini otomatis render & bisa filter
+  };
+  reader.readAsArrayBuffer(file);
+});
+// ====== FILTER EVENT ======
+document.getElementById("filterCode").addEventListener("input", renderTable);
+document.getElementById("filterGlobal").addEventListener("input", renderTable);
+// ====== CLEAR STORAGE ======
+document.getElementById("clearStorage").addEventListener("click", () => {
+  if (confirm("Anda yakin ingin menghapus semua data? Tindakan ini tidak bisa dibatalkan.")) {
+    localStorage.removeItem(LS_KEY);
+    location.reload();
+  }
+});
+// ====== ANALYSIS FUNCTIONS ======
+function renderOverallAnalysis() {
+  const allDatasets = loadAllDatasets();
+  const dates = Object.keys(allDatasets).sort();
+  if (dates.length === 0) {
+    document.getElementById("overallAnalysis").innerHTML = "<p class='text-red-500'>Tidak ada data untuk dianalisis. Silakan upload data terlebih dahulu.</p>";
+    return;
+  }
+  // Update summary statistics
+  document.getElementById("totalDataset").textContent = dates.length;
+  // Get unique stocks
+  const uniqueStocks = new Set();
+  let totalVolume = 0;
+  let allChanges = [];
+  for (const date of dates) {
+    const dataset = allDatasets[date];
+    const hdr = dataset.header;
+    const codeIdx = findColIdx(hdr, ["code","kode","stock","symbol"]);
+    const pctIdx = findColIdx(hdr, ["%change","% change","chg%","change%"]);
+    const volIdx = findColIdx(hdr, ["volume","vol"]);
+    for (const row of dataset.rows) {
+      if (codeIdx >= 0 && row[codeIdx]) {
+        uniqueStocks.add(row[codeIdx]);
+      }
+      if (pctIdx >= 0 && row[pctIdx]) {
+        const change = parseFloat(row[pctIdx].replace('%', '').replace(',', '.'));
+        if (!isNaN(change)) {
+          allChanges.push(change);
+        }
+      }
+      if (volIdx >= 0 && row[volIdx]) {
+        const vol = parseFloat(row[volIdx].replace(/,/g, ''));
+        if (!isNaN(vol)) {
+          totalVolume += vol;
+        }
+      }
+    }
+  }
+  document.getElementById("totalUniqueStocks").textContent = uniqueStocks.size;
+  // Calculate average daily gain
+  const avgGain = allChanges.length > 0 ? (allChanges.reduce((a, b) => a + b, 0) / allChanges.length).toFixed(2) : "0";
+  document.getElementById("avgDailyGain").textContent = `${avgGain}%`;
+  // Format total volume with appropriate units
+  let formattedVolume;
+  if (totalVolume >= 1e9) {
+    formattedVolume = (totalVolume / 1e9).toFixed(2) + " M";
+  } else if (totalVolume >= 1e6) {
+    formattedVolume = (totalVolume / 1e6).toFixed(2) + " Ribu";
+  } else {
+    formattedVolume = totalVolume.toLocaleString();
+  }
+  document.getElementById("totalVolume").textContent = formattedVolume;
+  // Create overall chart
+  const avgChangesPerDay = [];
+  const chartLabels = [];
+  for (const date of dates) {
+    const dataset = allDatasets[date];
+    const hdr = dataset.header;
+    const pctIdx = findColIdx(hdr, ["%change","% change","chg%","change%"]);
+    let dailyChanges = [];
+    for (const row of dataset.rows) {
+      if (pctIdx >= 0 && row[pctIdx]) {
+        const change = parseFloat(row[pctIdx].replace('%', '').replace(',', '.'));
+        if (!isNaN(change)) {
+          dailyChanges.push(change);
+        }
+      }
+    }
+    if (dailyChanges.length > 0) {
+      const dailyAvg = dailyChanges.reduce((a, b) => a + b, 0) / dailyChanges.length;
+      avgChangesPerDay.push(dailyAvg);
+      chartLabels.push(date.slice(5)); // Show only MM-DD
+    }
+  }
+  const ctx = document.getElementById('overallChart').getContext('2d');
+  if (overallChart) {
+    overallChart.destroy();
+  }
+  overallChart = new Chart(ctx, {
+    type: 'line',
+    data: {
+      labels: chartLabels,
+      datasets: [{
+        label: 'Rata-rata Perubahan Harian (%)',
+        data: avgChangesPerDay,
+        borderColor: avgChangesPerDay[avgChangesPerDay.length - 1] >= 0 ? 'rgb(0, 100, 0)' : 'rgb(178, 34, 34)',
+        backgroundColor: avgChangesPerDay[avgChangesPerDay.length - 1] >= 0 ? 'rgba(0, 100, 0, 0.1)' : 'rgba(178, 34, 34, 0.1)',
+        tension: 0.1,
+        fill: true
+      }]
+    },
+    options: {
+      responsive: true,
+      plugins: {
+        legend: {
+          position: 'top',
+        },
+        tooltip: {
+          callbacks: {
+            label: function(context) {
+              return `Rata-rata: ${context.parsed.y.toFixed(2)}%`;
+            }
+          }
+        }
+      },
+      scales: {
+        y: {
+          beginAtZero: true,
+          grid: {
+            color: 'rgba(0, 0, 0, 0.05)'
+          }
+        },
+        x: {
+          grid: {
+            color: 'rgba(0, 0, 0, 0.05)'
+          }
+        }
+      }
+    }
+  });
+  // Initially hide stock analysis
+  document.getElementById("stockAnalysis").classList.add("hidden");
+}
+function analyzeStock(code) {
+  const allDatasets = loadAllDatasets();
+  const dates = Object.keys(allDatasets).sort();
+  const stockData = [];
+  // Find the stock across all datasets
+  for (const date of dates) {
+    const dataset = allDatasets[date];
+    const codeIdx = findColIdx(dataset.header, ["code","kode","stock","symbol"]);
+    const pctIdx = findColIdx(dataset.header, ["%change","% change","chg%","change%"]);
+    const volIdx = findColIdx(dataset.header, ["volume","vol"]);
+    const closeIdx = findColIdx(dataset.header, ["close","penutupan","harga penutupan","last"]);
+    // Search for the stock in current dataset
+    for (const row of dataset.rows) {
+      if (codeIdx >= 0 && row[codeIdx] && row[codeIdx].toUpperCase() === code.toUpperCase()) {
+        const change = pctIdx >= 0 && row[pctIdx] ?
+          parseFloat(row[pctIdx].replace('%', '').replace(',', '.')) : 0;
+        const volume = volIdx >= 0 && row[volIdx] ?
+          parseFloat(row[volIdx].replace(/,/g, '')) : 0;
+        const close = closeIdx >= 0 && row[closeIdx] ?
+          parseFloat(row[closeIdx].replace(/,/g, '')) : 0;
+        stockData.push({
+          date: date,
+          change: change,
+          volume: volume,
+          close: close
+        });
+        break;
+      }
+    }
+  }
+  if (stockData.length === 0) {
+    alert(`Saham dengan kode ${code} tidak ditemukan dalam data yang tersedia.`);
+    return;
+  }
+  // Update UI with analysis
+  document.getElementById("stockAnalysisTitle").textContent = `Analisis Saham: ${code.toUpperCase()}`;
+  document.getElementById("stockAnalysis").classList.remove("hidden");
+  // Calculate statistics
+  const changes = stockData.map(d => d.change);
+  const maxChange = Math.max(...changes).toFixed(2);
+  const minChange = Math.min(...changes).toFixed(2);
+  const avgChange = (changes.reduce((a, b) => a + b, 0) / changes.length).toFixed(2);
+  const prices = stockData.map(d => d.close).filter(p => p > 0);
+  const highestPrice = prices.length > 0 ? Math.max(...prices).toLocaleString() : "-";
+  const volumes = stockData.map(d => d.volume);
+  const highestVolume = volumes.length > 0 ? Math.max(...volumes).toLocaleString() : "-";
+  const avgVolume = volumes.length > 0 ? (volumes.reduce((a, b) => a + b, 0) / volumes.length).toLocaleString() : "-";
+  const totalStockVolume = volumes.length > 0 ? volumes.reduce((a, b) => a + b, 0).toLocaleString() : "-";
+  // Calculate 30-day trend if possible
+  let trend30d = "-";
+  if (stockData.length >= 30) {
+    const recent30 = stockData.slice(-30);
+    const recentChanges = recent30.map(d => d.change);
+    const avg30 = recentChanges.reduce((a, b) => a + b, 0) / recentChanges.length;
+    trend30d = avg30 >= 0 ?
+      `<span class="up-pill pill"><i class="fas fa-caret-up mr-1"></i>${avg30.toFixed(2)}% (Bullish)</span>` :
+      `<span class="down-pill pill"><i class="fas fa-caret-down mr-1"></i>${avg30.toFixed(2)}% (Bearish)</span>`;
+  } else if (stockData.length > 1) {
+    const overallAvg = changes.reduce((a, b) => a + b, 0) / changes.length;
+    trend30d = overallAvg >= 0 ?
+      `<span class="up-pill pill"><i class="fas fa-caret-up mr-1"></i>${overallAvg.toFixed(2)}% (Bullish)</span>` :
+      `<span class="down-pill pill"><i class="fas fa-caret-down mr-1"></i>${overallAvg.toFixed(2)}% (Bearish)</span>`;
+  }
+  // Update stats
+  document.getElementById("maxChange").innerHTML = `<span class="up">${maxChange}%</span>`;
+  document.getElementById("minChange").innerHTML = `<span class="down">${minChange}%</span>`;
+  document.getElementById("avgChange").textContent = `${avgChange}%`;
+  document.getElementById("highestPrice").textContent = highestPrice;
+  document.getElementById("highestVolume").textContent = highestVolume;
+  document.getElementById("avgVolume").textContent = avgVolume;
+  document.getElementById("totalStockVolume").textContent = totalStockVolume;
+  document.getElementById("trend30d").innerHTML = trend30d;
+  // Create stock chart
+  const ctx = document.getElementById('stockChart').getContext('2d');
+  if (stockChart) {
+    stockChart.destroy();
+  }
+  // Prepare chart data
+  const chartLabels = stockData.map(d => d.date.slice(5)); // MM-DD format
+  const changeData = stockData.map(d => d.change);
+  // Determine colors based on last change
+  const lastChange = changeData[changeData.length - 1];
+  const borderColor = lastChange >= 0 ? 'rgb(0, 100, 0)' : 'rgb(178, 34, 34)';
+  const backgroundColor = lastChange >= 0 ? 'rgba(0, 100, 0, 0.1)' : 'rgba(178, 34, 34, 0.1)';
+  stockChart = new Chart(ctx, {
+    type: 'line',
+    data: {
+      labels: chartLabels,
+      datasets: [{
+        label: 'Perubahan Harian (%)',
+        data: changeData,
+        borderColor: borderColor,
+        backgroundColor: backgroundColor,
+        tension: 0.1,
+        fill: true
+      }]
+    },
+    options: {
+      responsive: true,
+      plugins: {
+        legend: {
+          position: 'top',
+        },
+        tooltip: {
+          callbacks: {
+            label: function(context) {
+              return `Perubahan: ${context.parsed.y.toFixed(2)}%`;
+            }
+          }
+        }
+      },
+      scales: {
+        y: {
+          beginAtZero: true,
+          grid: {
+            color: 'rgba(0, 0, 0, 0.05)'
+          }
+        },
+        x: {
+          grid: {
+            color: 'rgba(0, 0, 0, 0.05)'
+          }
+        }
+      }
+    }
+  });
+}
+// ====== STOCK ANALYSIS EVENT ======
+document.getElementById("runAnalysis").addEventListener("click", () => {
+  const stockCode = document.getElementById("analysisStock").value.trim();
+  if (!stockCode) {
+    alert("Masukkan kode saham yang ingin dianalisis.");
+    return;
+  }
+  analyzeStock(stockCode);
+});
+// Enable pressing Enter to run analysis
+document.getElementById("analysisStock").addEventListener("keypress", (e) => {
+  if (e.key === "Enter") {
+    document.getElementById("runAnalysis").click();
+  }
+});
+// ====== RECOMMENDATION SYSTEM ======
+function generateRecommendations() {
+  const allDatasets = loadAllDatasets();
+  const dates = Object.keys(allDatasets).sort();
+  if (dates.length < 7) {
+    alert("Butuh minimal 7 hari data untuk menghasilkan rekomendasi.");
+    return;
+  }
+  // Show results container
+  document.getElementById("recommendationResults").classList.remove("hidden");
+  // Data structures for analysis
+  const stockPerformance = {}; // Aggregated performance data
+  const stockVolumeTrends = {}; // Volume trends
+  const seasonalPatterns = {}; // Monthly patterns
+  const recentActivity = {}; // Recent 7 days activity
+  // Go through all datasets to collect data
+  for (const date of dates) {
+    const dataset = allDatasets[date];
+    const codeIdx = findColIdx(dataset.header, ["code","kode","symbol"]);
+    const pctIdx = findColIdx(dataset.header, ["%change","% change","chg%"]);
+    const volIdx = findColIdx(dataset.header, ["volume","vol"]);
+    // Extract month for seasonal analysis
+    const month = date.slice(5, 7);
+    const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
+                        "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    const monthName = monthNames[parseInt(month) - 1];
+    // Process each row
+    for (const row of dataset.rows) {
+      if (codeIdx >= 0 && row[codeIdx]) {
+        const code = row[codeIdx].trim().toUpperCase();
+        if (!code) continue;
+        // Initialize data structures
+        if (!stockPerformance[code]) {
+          stockPerformance[code] = {
+            changes: [],
+            totalChange: 0,
+            positiveDays: 0,
+            negativeDays: 0,
+            totalDays: 0,
+            recentChanges: []
+          };
+        }
+        if (!stockVolumeTrends[code]) {
+          stockVolumeTrends[code] = {
+            volumes: [],
+            avgVolume: 0,
+            lastVolume: 0
+          };
+        }
+        if (!seasonalPatterns[monthName]) {
+          seasonalPatterns[monthName] = {
+            stocks: {},
+            avgChange: 0
+          };
+        }
+        if (!seasonalPatterns[monthName].stocks[code]) {
+          seasonalPatterns[monthName].stocks[code] = {
+            changes: []
+          };
+        }
+        if (dates.indexOf(date) >= dates.length - 7) {
+          if (!recentActivity[code]) {
+            recentActivity[code] = {
+              changes: [],
+              volumeChanges: []
+            };
+          }
+        }
+        // Extract change value
+        let change = 0;
+        if (pctIdx >= 0 && row[pctIdx]) {
+          const changeStr = row[pctIdx].replace('%', '').replace(',', '.');
+          const parsedChange = parseFloat(changeStr);
+          if (!isNaN(parsedChange)) {
+            change = parsedChange;
+            stockPerformance[code].changes.push(change);
+            stockPerformance[code].totalChange += change;
+            stockPerformance[code].totalDays++;
+            if (change > 0) stockPerformance[code].positiveDays++;
+            if (change < 0) stockPerformance[code].negativeDays++;
+            // Add to recent activity if in last 7 days
+            if (dates.indexOf(date) >= dates.length - 7) {
+              recentActivity[code].changes.push(change);
+            }
+            // Add to seasonal pattern
+            seasonalPatterns[monthName].stocks[code].changes.push(change);
+          }
+        }
+        // Extract volume
+        let volume = 0;
+        if (volIdx >= 0 && row[volIdx]) {
+          const volStr = row[volIdx].replace(/,/g, '');
+          const parsedVol = parseFloat(volStr);
+          if (!isNaN(parsedVol)) {
+            volume = parsedVol;
+            stockVolumeTrends[code].volumes.push(volume);
+            stockVolumeTrends[code].lastVolume = volume;
+            // Add to recent activity
+            if (dates.indexOf(date) >= dates.length - 7) {
+              recentActivity[code].volumeChanges.push(volume);
+            }
+          }
+        }
+      }
+    }
+  }
+  // Calculate final metrics
+  for (const code in stockPerformance) {
+    const perf = stockPerformance[code];
+    perf.avgChange = perf.totalDays > 0 ? perf.totalChange / perf.totalDays : 0;
+    perf.winRate = perf.totalDays > 0 ? (perf.positiveDays / perf.totalDays) * 100 : 0;
+    // Calculate recent performance (last 7 days)
+    const recentDays = Math.min(7, perf.changes.length);
+    const recentChangePeriod = perf.changes.slice(-recentDays);
+    perf.recentAvgChange = recentChangePeriod.length > 0 ?
+      recentChangePeriod.reduce((a, b) => a + b, 0) / recentChangePeriod.length : 0;
+  }
+  for (const code in stockVolumeTrends) {
+    const vol = stockVolumeTrends[code];
+    vol.avgVolume = vol.volumes.length > 0 ?
+      vol.volumes.reduce((a, b) => a + b, 0) / vol.volumes.length : 0;
+    // Volume increase ratio
+    vol.volumeRatio = vol.lastVolume > 0 && vol.avgVolume > 0 ?
+      vol.lastVolume / vol.avgVolume : 0;
+  }
+  // Calculate seasonal pattern averages
+  for (const month in seasonalPatterns) {
+    const monthData = seasonalPatterns[month];
+    const allChanges = [];
+    for (const stock in monthData.stocks) {
+      const stockChanges = monthData.stocks[stock].changes;
+      if (stockChanges.length > 0) {
+        const avgChange = stockChanges.reduce((a, b) => a + b, 0) / stockChanges.length;
+        allChanges.push(avgChange);
+        monthData.stocks[stock].avgChange = avgChange;
+      }
+    }
+    monthData.avgChange = allChanges.length > 0 ?
+      allChanges.reduce((a, b) => a + b, 0) / allChanges.length : 0;
+  }
+  // Generate HOT STOCKS - High momentum with recent positive movement
+  const hotStocks = Object.entries(stockPerformance)
+    .filter(([code, data]) => data.totalDays >= 5 && data.recentAvgChange > 1.5)
+    .sort((a, b) => b[1].recentAvgChange - a[1].recentAvgChange)
+    .slice(0, 10);
+  // Generate STABLE STOCKS - Consistent performers with low volatility
+  const stableStocks = Object.entries(stockPerformance)
+    .filter(([code, data]) => {
+      // Need sufficient data and good win rate
+      return data.totalDays >= 10 && data.winRate >= 55 &&
+             // Low volatility (standard deviation of changes)
+             data.changes.reduce((sum, change) => sum + Math.pow(change - data.avgChange, 2), 0) / data.changes.length < 4;
+    })
+    .sort((a, b) => b[1].avgChange - a[1].avgChange)
+    .slice(0, 10);
+  // Generate VOLUME GAINERS - Unusually high volume with positive momentum
+  const volumeGainers = Object.entries(stockPerformance)
+    .filter(([code, data]) => {
+      // Must have volume data and recent momentum
+      return stockVolumeTrends[code] &&
+             stockVolumeTrends[code].volumeRatio > 1.5 &&  // Volume at least 50% higher than average
+             data.recentAvgChange > 0.5;
+    })
+    .sort((a, b) => {
+      // Sort by volume ratio, then by recent performance
+      const volA = stockVolumeTrends[a[0]].volumeRatio;
+      const volB = stockVolumeTrends[b[0]].volumeRatio;
+      const recentA = a[1].recentAvgChange;
+      const recentB = b[1].recentAvgChange;
+      if (Math.abs(volB - volA) < 0.01) {
+        return recentB - recentA;
+      }
+      return volB - volA;
+    })
+    .slice(0, 10);
+  // Generate SEASONAL STOCKS - Stocks with strong monthly patterns
+  const seasonalStocks = [];
+  for (const month in seasonalPatterns) {
+    const stocks = Object.entries(seasonalPatterns[month].stocks)
+      .filter(([code, data]) => data.avgChange > 2 && data.avgChange > seasonalPatterns[month].avgChange)
+      .sort((a, b) => b[1].avgChange - a[1].avgChange);
+    // Take top performers for each month
+    for (let i = 0; i < Math.min(3, stocks.length); i++) {
+      const [code, data] = stocks[i];
+      seasonalStocks.push({
+        code: code,
+        month: month,
+        avgChange: data.avgChange
+      });
+    }
+  }
+  // Deduplicate while preserving order
+  const seen = new Set();
+  const uniqueSeasonalStocks = seasonalStocks.filter(item => {
+    if (seen.has(item.code)) {
+      return false;
+    }
+    seen.add(item.code);
+    return true;
+  }).slice(0, 10);
+  // Create TOP RECOMMENDATION based on multiple factors
+  let topRecommendation = "";
+  let highestConfidenceScore = 0;
+  // Analyze each stock for top recommendation
+  for (const [code, data] of Object.entries(stockPerformance)) {
+    if (data.totalDays < 5) continue;
+    // Check if this stock is in any of our top categories
+    const inHotStocks = hotStocks.some(s => s[0] === code);
+    const inVolumeGainers = volumeGainers.some(s => s[0] === code);
+    const inStableStocks = stableStocks.some(s => s[0] === code);
+    const inSeasonalStocks = uniqueSeasonalStocks.some(s => s.code === code);
+    // Calculate confidence score
+    let confidenceScore = 0;
+    let rationale = [];
+    if (inHotStocks) {
+      confidenceScore += 3;
+      rationale.push(`performa tinggi (${data.recentAvgChange.toFixed(2)}% rata-rata 7 hari terakhir)`);
+    }
+    if (inVolumeGainers) {
+      confidenceScore += 3;
+      const volRatio = stockVolumeTrends[code].volumeRatio;
+      rationale.push(`volume meningkat (${volRatio.toFixed(1)}x dari rata-rata)`);
+    }
+    if (inStableStocks) {
+      confidenceScore += 2;
+      rationale.push(`stabil (tingkat kemenangan ${data.winRate.toFixed(1)}%)`);
+    }
+    if (inSeasonalStocks) {
+      confidenceScore += 2;
+      const seasonalStock = uniqueSeasonalStocks.find(s => s.code === code);
+      rationale.push(`potensi musiman ${seasonalStock.month}`);
+    }
+    // Add bonus for consistency
+    if (data.winRate > 60) {
+      confidenceScore += 1;
+      rationale.push("konsistensi tinggi");
+    }
+    // Favor stocks with strong recent momentum
+    if (data.recentAvgChange > 2) {
+      confidenceScore += 2;
+    } else if (data.recentAvgChange > 1) {
+      confidenceScore += 1;
+    }
+    if (confidenceScore > highestConfidenceScore) {
+      highestConfidenceScore = confidenceScore;
+      topRecommendation = `Saham <strong>${code}</strong> dinilai sebagai pilihan terbaik dengan skor kepercayaan ${confidenceScore}/10. ` +
+        `Saham ini menunjukkan ${rationale.slice(0, 3).join(", ")}, yang menunjukkan potensi pertumbuhan jangka pendek. ` +
+        `Dalam ${data.totalDays} hari terakhir, saham ini naik ${data.positiveDays} hari dan turun ${data.negativeDays} hari, ` +
+        `dengan perubahan rata-rata ${data.avgChange.toFixed(2)}%.`;
+    }
+  }
+  // If no stock has strong qualities, provide a general recommendation
+  if (!topRecommendation) {
+    // Find the stock with the best recent performance
+    const bestRecent = Object.entries(stockPerformance)
+      .sort((a, b) => b[1].recentAvgChange - a[1].recentAvgChange)[0];
+    if (bestRecent) {
+      topRecommendation = `Berdasarkan data terbaru, saham <strong>${bestRecent[0]}</strong> menunjukkan performa terbaik dengan perubahan rata-rata ${bestRecent[1].recentAvgChange.toFixed(2)}% ` +
+        `selama periode terakhir. Kami merekomendasikan untuk memantau saham ini untuk peluang investasi jangka pendek.`;
+    } else {
+      topRecommendation = "Berdasarkan data yang tersedia, belum ada saham yang menunjukkan sinyal kuat untuk rekomendasi. " +
+        "Disarankan untuk mengumpulkan lebih banyak data historis atau memantau saham dengan volume perdagangan tinggi " +
+        "yang menunjukkan aktivitas investor institusi.";
+    }
+  }
+  // Render recommendation tables
+  renderRecommendationTable("hotStocksTable", hotStocks,
+    ["Kode", "Rata-rata 7 Hari (%)", "Total Hari", "Tingkat Kemenangan (%)"],
+    (row) => [
+      row[0],
+      `<span class="up">${row[1].recentAvgChange.toFixed(2)}%</span>`,
+      row[1].totalDays,
+      `<span class="${row[1].winRate >= 60 ? 'up' : row[1].winRate >= 50 ? '' : 'down'}">${row[1].winRate.toFixed(1)}%</span>`
+    ]);
+  renderRecommendationTable("stableStocksTable", stableStocks,
+    ["Kode", "Rata-rata (%)", "Tingkat Kemenangan (%)", "Total Hari"],
+    (row) => [
+      row[0],
+      `<span class="${row[1].avgChange >= 0 ? 'up' : 'down'}">${row[1].avgChange.toFixed(2)}%</span>`,
+      `<span class="${row[1].winRate >= 60 ? 'up' : row[1].winRate >= 50 ? '' : 'down'}">${row[1].winRate.toFixed(1)}%</span>`,
+      row[1].totalDays
+    ]);
+  renderRecommendationTable("volumeGainersTable", volumeGainers,
+    ["Kode", "Perubahan (%)", "Rasio Volume", "Volume Terakhir"],
+    (row) => {
+      const volData = stockVolumeTrends[row[0]];
+      const lastVolume = volData.volumes[volData.volumes.length - 1];
+      return [
+        row[0],
+        `<span class="up">${row[1].recentAvgChange.toFixed(2)}%</span>`,
+        `<span class="up">${volData.volumeRatio.toFixed(2)}x</span>`,
+        lastVolume.toLocaleString()
+      ];
+    });
+  renderRecommendationTable("seasonalStocksTable", uniqueSeasonalStocks,
+    ["Kode", "Pola Bulanan", "Perubahan Rata-rata (%)", "Kategori"],
+    (row) => [
+      row.code,
+      row.month,
+      `<span class="up">${row.avgChange.toFixed(2)}%</span>`,
+      "Pola Musiman"
+    ]);
+  // Render top recommendation
+  document.getElementById("topRecommendation").innerHTML = topRecommendation;
+}
+function renderRecommendationTable(tableId, data, headers, rowMapper) {
+  const table = document.getElementById(tableId);
+  table.innerHTML = "";
+  if (data.length === 0) {
+    table.innerHTML = "<tr><td class='p-2 text-gray-500'>Tidak ada data yang memenuhi kriteria</td></tr>";
+    return;
+  }
+  // Create header
+  const thead = document.createElement("thead");
+  const headerRow = document.createElement("tr");
+  headers.forEach(header => {
+    const th = document.createElement("th");
+    th.textContent = header;
+    th.className = "p-2 text-left bg-gray-100 font-semibold";
+    headerRow.appendChild(th);
+  });
+  thead.appendChild(headerRow);
+  table.appendChild(thead);
+  // Create body
+  const tbody = document.createElement("tbody");
+  data.forEach(row => {
+    const tr = document.createElement("tr");
+    tr.className = "border-t";
+    const cells = rowMapper(row);
+    cells.forEach((cell, idx) => {
+      const td = document.createElement("td");
+      td.className = "p-2";
+      td.innerHTML = cell;
+      tr.appendChild(td);
+    });
+    tbody.appendChild(tr);
+  });
+  table.appendChild(tbody);
+}
+// Event listener for generate recommendations
+document.getElementById("generateRecommendations").addEventListener("click", generateRecommendations);
+// ====== INIT LOAD DATASET LAMA ======
+(function init() {
+  allDatasets = loadAllDatasets();
+  refreshDatasetSelect();
+  const dates = Object.keys(allDatasets).sort();
+  if (dates.length) {
+    currentDateKey = dates[dates.length - 1];
+    currentData = allDatasets[currentDateKey];
+    buildColMap(currentData.header);
+    const datasetSelect = document.getElementById("datasetSelect");
+    datasetSelect.value = currentDateKey;
+    document.getElementById("filterBar").style.display = "flex";
+    renderTable();
+  }
+})();
+</script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=alterzick/broksum-v2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ kenapa tidak terjadi fetch data yang sudah di upload