Update app.py

app.py

@@ -78,7 +78,10 @@ body::before { content:''; position:fixed; inset:0; background-image:linear-grad
 .module-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 .module-btn { background:rgba(0,212,255,0.05); border:1px solid rgba(0,212,255,0.3); border-radius:6px; padding:12px; cursor:pointer; transition:all 0.3s; text-align:left; color:var(--text); font-family:'Share Tech Mono',monospace; font-size:0.75rem; }
 .module-btn:hover { background:rgba(0,212,255,0.15); border-color:var(--blue); box-shadow:var(--glow-blue); transform:translateY(-2px); }
+.module-btn.shopee { border-color:rgba(255,80,0,0.4); }
+.module-btn.shopee:hover { background:rgba(255,80,0,0.15); border-color:#ff5000; box-shadow:0 0 20px rgba(255,80,0,0.4); }
 .module-name { font-weight:700; color:var(--blue); }
+.module-name.orange { color:#ff8c00; }
 .chat-box { height:280px; overflow-y:auto; background:rgba(0,0,0,0.3); border:1px solid var(--border); border-radius:6px; padding:15px; margin-bottom:10px; scroll-behavior:smooth; }
 .chat-box::-webkit-scrollbar{width:4px;} .chat-box::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
 .msg { margin-bottom:12px; animation:fadeIn 0.3s ease; }
@@ -132,7 +135,7 @@ body::before { content:''; position:fixed; inset:0; background-image:linear-grad
 
   <div class="grid g4">
     <div class="panel"><div class="panel-title">⚡ PROVIDERS</div><div class="stat-value" id="providerCount">—</div><div class="stat-label">AI AKTIF</div></div>
-    <div class="panel gold"><div class="panel-title gold">💰 MODULES</div><div class="stat-value" style="color:var(--gold)">7</div><div class="stat-label">AUTONOMOUS</div></div>
+    <div class="panel gold"><div class="panel-title gold">💰 MODULES</div><div class="stat-value" style="color:var(--gold)">8</div><div class="stat-label">AUTONOMOUS</div></div>
     <div class="panel"><div class="panel-title">🔗 AFFILIATES</div><div class="stat-value">2</div><div class="stat-label">PROGRAMS</div></div>
     <div class="panel red"><div class="panel-title red">🚀 SESSIONS</div><div class="stat-value" style="color:var(--red)" id="sessionCount">0</div><div class="stat-label">COMPLETED</div></div>
   </div>
@@ -157,7 +160,8 @@ body::before { content:''; position:fixed; inset:0; background-image:linear-grad
         <button class="module-btn" onclick="runModuleInput('scout','target','Target riset:')"><span style="font-size:1.2rem">🔍</span><br><span class="module-name">Scout</span></button>
         <button class="module-btn" onclick="runWriter()"><span style="font-size:1.2rem">✍️</span><br><span class="module-name">Writer</span></button>
         <button class="module-btn" onclick="runModuleInput('publisher','content','Masukkan konten:')"><span style="font-size:1.2rem">📢</span><br><span class="module-name">Publisher</span></button>
-        <button class="module-btn" onclick="runModule('analyst')" style="grid-column:span 2"><span style="font-size:1.2rem">📈</span> <span class="module-name">Analyst</span></button>
+        <button class="module-btn" onclick="runModule('analyst')"><span style="font-size:1.2rem">📈</span><br><span class="module-name">Analyst</span></button>
+        <button class="module-btn shopee" onclick="runShopee()"><span style="font-size:1.2rem">🛒</span><br><span class="module-name orange">ShopeePromoter</span></button>
       </div>
     </div>
   </div>
@@ -180,7 +184,7 @@ body::before { content:''; position:fixed; inset:0; background-image:linear-grad
       </div>
       <div class="link-card">
         <div class="link-platform">🛒 SHOPEE</div>
-        <div class="link-url" onclick="copyLink(this)">shopee.co.id affiliate</div>
+        <div class="link-url" onclick="copyLink(this)">https://s.shopee.co.id/6pvyNUFq9A</div>
         <div class="link-commission">💵 2-10%/sale</div>
       </div>
       <button class="btn gold" style="width:100%;margin-top:8px" onclick="genTemplate()">📝 GEN TEMPLATE</button>
@@ -287,6 +291,23 @@ async function runWriter() {
   } catch(e) { outputBox.textContent = '⚠️ Error.'; }
 }
 
+async function runShopee() {
+  const product_link = window.prompt('Link affiliate produk Shopee:');
+  if (!product_link) return;
+  const product_name = window.prompt('Nama produk (boleh kosong):') || '';
+  const price = window.prompt('Harga produk (boleh kosong):') || '';
+  outputBox.innerHTML = `<div class="thinking"><span></span><span></span><span></span></div> Generating konten Shopee...`;
+  try {
+    const res = await fetch('/api/module', {method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({module:'shopee', product_link, product_name, price})});
+    const data = await res.json();
+    outputBox.textContent = data.output;
+    document.getElementById('outputMeta').textContent = `ShopeePromoter: ${product_name || product_link}`;
+    document.getElementById('providerBadge').textContent = data.provider;
+    document.getElementById('providerBadge').style.display = 'inline';
+    logActivity('SHOPEE', 'Konten generated');
+  } catch(e) { outputBox.textContent = '��️ Error.'; }
+}
+
 async function genTemplate() {
   const platform = window.prompt('Platform (hostinger/shopee):') || 'hostinger';
   try {