${AGENT.toUpperCase()} CORE ✕

${palette.map(c=>``).join('')}

Tamil mode: text stays English, only the spoken voice is in natural conversational Tamil.

Free at elevenlabs.io/sign-up · 10,000 chars/month free. Same key works for all agents. ▶ Test voice

Routed via the free Pollinations gateway — supports OpenAI, Mistral, Llama, Gemini, Claude, DeepSeek and more.

Visual style of the arc reactor — Mark I cage through Endgame Nano. Live preview below.

LIVE PREVIEW

⚙ CORE DESIGN CALIBRATION Core Style (8 designs) ${CORE_DESIGNS.map(d=>`${d.label}`).join('')} Core Color ⤴ COPY JARVIS CORE DESIGN

CAPABILITIES
${(AGENT_SKILLS[AGENT]||[]).map(s=>'• '+s).join('
') || '• general intelligence'}

` or `.settings-box`. // We watch for it and inject the calibration section so the user finds it in the place they look. function injectCalibrationIntoNativeSettings() { if (AGENT === 'jarvis') return; // Find ANY native settings container. Try multiple selectors. const selectors = [ '#settings-modal .settings-box', '.settings-modal .settings-box', '#settings-modal .modal-content', '#settings-modal', '.settings-panel', '.settings-box', '#set-username', // ORBIT's user alias input — find its parent '#augustSettingsBox', '.modal-overlay .settings-box' ]; let box = null; for (const sel of selectors) { const el = document.querySelector(sel); if (el) { // If we matched an input, climb to the nearest panel-like container if (el.tagName === 'INPUT' || el.tagName === 'SELECT') { let p = el.parentElement; while (p && !/settings|modal|panel|box/i.test(p.className + ' ' + p.id) && p !== document.body) p = p.parentElement; if (p && p !== document.body) box = p; } else { box = el; } if (box) break; } } if (!box) return; if (box.querySelector('#agent-core-design-native')) return; // already injected console.log('[JARVIS-CORE-INJECT] Injecting CORE DESIGN CALIBRATION into native settings panel of', AGENT, box); const accent = getComputedStyle(document.documentElement).getPropertyValue('--primary').trim() || '#00d2ff'; const cur = localStorage.getItem('jarvis_core_style_' + AGENT) || 'exact3d'; const curC = localStorage.getItem('jarvis_core_color_' + AGENT) || accent; // Make sure the modal/box can scroll if it overflows try { const cs = getComputedStyle(box); if (cs.maxHeight === 'none' || cs.maxHeight === '') box.style.maxHeight = '85vh'; if (cs.overflowY !== 'auto' && cs.overflowY !== 'scroll') box.style.overflowY = 'auto'; } catch(_){} const section = document.createElement('div'); section.className = 'set-group jrx-core-calib-section'; section.style.cssText = 'border-top: 2px solid ' + accent + '; padding-top: 12px; margin-top: 14px'; section.innerHTML = ` ⚙ CORE DESIGN CALIBRATION Core Style (8 designs) ${CORE_DESIGNS.map(d=>`${d.label}`).join('')} Core Color ⤴ COPY JARVIS CORE DESIGN `; // Insert before the save button if present, else append at the end const saveBtn = box.querySelector('.btn-save, .save-btn, button[onclick*="saveSettings"], button[onclick*="applySettings"]'); if (saveBtn) box.insertBefore(section, saveBtn); else box.appendChild(section); // Wire const sel = section.querySelector('#agent-core-design-native'); const col = section.querySelector('#agent-core-design-color-native'); const cpy = section.querySelector('#agent-apply-jarvis-core-native'); const persist = () => { localStorage.setItem('jarvis_core_style_' + AGENT, sel.value); localStorage.setItem('jarvis_core_color_' + AGENT, col.value); applyCoreDesign(sel.value, col.value); try { if (window.parent && window.parent !== window) { window.parent.postMessage({ __jrx:true, type:'agentDesignChanged', agent:AGENT, coreStyle:sel.value, coreColor:col.value }, '*'); } } catch(_){} }; sel.addEventListener('change', persist); col.addEventListener('input', persist); cpy.addEventListener('click', () => { const jd = localStorage.getItem('jarvis_core_style_jarvis') || 'exact3d'; const jc = localStorage.getItem('jarvis_core_color_jarvis') || '#00d2ff'; sel.value = jd; col.value = jc; persist(); }); } // Run once on load + every 500ms for the first 5s (settings modal may be lazy-built) setTimeout(injectCalibrationIntoNativeSettings, 300); for (let t = 800; t <= 5000; t += 800) setTimeout(injectCalibrationIntoNativeSettings, t); // Also re-inject when the modal becomes visible new MutationObserver(injectCalibrationIntoNativeSettings).observe(document.body, { childList:true, subtree:true, attributes:true }); // ---------- 11. Boot ---------- function boot() { attachInput(); ensureReactorStyles(); ensureCoreDesignStyles(); ensureAgentSettings(); // Apply saved reactor model + core design + color on every page. applyReactorModel(localStorage.getItem('agent_reactor_' + AGENT) || 'mark3'); applyCoreDesign( localStorage.getItem('jarvis_core_style_' + AGENT), localStorage.getItem('jarvis_core_color_' + AGENT) ); // (build version stamps removed per user request) // Re-apply when DOM grows (some agents inject the reactor late). let _moTimer = null; new MutationObserver((muts) => { if (muts.every(m => m.target && (m.target.classList?.contains('stark3d-canvas') || m.target.closest?.('.stark3d-canvas')))) return; clearTimeout(_moTimer); _moTimer = setTimeout(() => { attachInput(); applyReactorModel(localStorage.getItem('agent_reactor_' + AGENT) || 'mark3'); applyCoreDesign( localStorage.getItem('jarvis_core_style_' + AGENT), localStorage.getItem('jarvis_core_color_' + AGENT) ); }, 200); }).observe(document.body, { childList: true, subtree: true }); log(`Upgrades loaded for ${AGENT.toUpperCase()}. Capabilities: ${(AGENT_SKILLS[AGENT]||[]).length}.`, 'sys'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })(); \n', 'style.css': 'body { font-family: system-ui; padding: 40px; background:#0a0a0a; color:#fff; }', 'app.js': 'console.log("AEGIS project loaded");' }); let active = Object.keys(proj)[0]; body.innerHTML = ` Vanilla HTML/CSS/JS React (CDN, no build) Vue (CDN) Node + Express Python + Flask 🤖 GENERATE PROJECT 📦 DOWNLOAD ZIP

---

`; const renderTree = () => { $('mf-tree').innerHTML = Object.keys(proj).map(f => `` ).join(''); $('mf-tree').querySelectorAll('.file').forEach(d => d.onclick = () => { active = d.dataset.f; $('mf-edit').value = proj[active]; renderTree(); }); $('mf-edit').value = proj[active] || ''; }; renderTree(); $('mf-save').onclick = () => { proj[active] = $('mf-edit').value; store.set('project', proj); toast('Saved '+active,'success'); }; $('mf-new').onclick = () => { const n = prompt('Filename:'); if(n){ proj[n]=''; active=n; store.set('project',proj); renderTree(); } }; $('mf-del').onclick = () => { if(confirm('Delete '+active+'?')){ delete proj[active]; active=Object.keys(proj)[0]||'index.html'; if(!proj[active])proj[active]=''; store.set('project',proj); renderTree(); }}; $('mf-gen').onclick = async () => { const p = $('mf-prompt').value.trim(); if (!p) return; const stack = $('mf-stack').value; toast('Generating project…','info'); const out = await llm([ { role:'system', content:'You scaffold multi-file projects. Output ONLY a JSON object mapping filename -> file contents. No prose, no markdown fences. Example: {"index.html":"...","app.js":"...","style.css":"..."}' }, { role:'user', content:`Stack: ${stack}\nProject: ${p}` } ]); let parsed; try { parsed = JSON.parse(out.replace(/```json\s*|```/g,'').trim()); } catch(_) { const m = out.match(/\{[\s\S]*\}/); if (m) try { parsed = JSON.parse(m[0]); } catch(_){} } if (!parsed || typeof parsed !== 'object') return toast('Could not parse project','error'); Object.keys(proj).forEach(k => delete proj[k]); Object.assign(proj, parsed); active = Object.keys(proj)[0]; store.set('project', proj); renderTree(); toast(`Generated ${Object.keys(proj).length} files`,'success'); }; $('mf-zip').onclick = () => { // simple manual zip (stored only) const files = Object.entries(proj).map(([n,c]) => ({ n, c })); // for browser convenience: just concatenate as multi-doc HTML or single download per file files.forEach(f => { const blob = new Blob([f.c], { type:'text/plain' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = f.n; a.click(); setTimeout(()=>URL.revokeObjectURL(a.href), 10000); }); toast(`Downloaded ${files.length} files`,'success'); }; }, // #12 Language / framework selector langs(body) { const cur = store.get('lang_stack', 'auto'); const STACKS = [ ['auto','🤖 Auto-detect'], ['html','HTML / CSS / JS'], ['react','React (functional)'], ['vue','Vue 3 Composition'], ['svelte','Svelte'], ['python','Python (3.11)'], ['nodejs','Node.js / Express'], ['flutter','Flutter / Dart'], ['rust','Rust'], ['go','Go'], ['java','Java / Spring Boot'], ['kotlin','Kotlin / Android'], ['swift','Swift / iOS'], ['cpp','C++ (modern)'] ]; body.innerHTML = ` ${STACKS.map(([v,l]) => `${l}`).join('')} 💾 SAVE STACK

---

🚀 GENERATE

`; $('ls-save').onclick = () => { store.set('lang_stack', $('ls-sel').value); toast('Stack saved','success'); }; $('ls-gen').onclick = async () => { const p = $('ls-prompt').value.trim(); if (!p) return; const stack = $('ls-sel').value; const sys = stack==='auto' ? 'You are AEGIS, code engineer. Output production-quality code in the language best suited to the task. Use one triple-backtick fenced block.' : 'You are AEGIS. Write ONLY ' + stack + ' code, idiomatic and production-quality, inside one triple-backtick fenced block. No prose.'; $('ls-out').textContent = '⏳ Generating…'; const ans = await llm([{ role:'system', content: sys }, { role:'user', content: p }]); $('ls-out').textContent = ans; shareOut('last_code', ans); }; } }; /* ============================================================ * ========= HEALER — REPAIR AGENT (#13-15) ============== * ============================================================ */ const HEALER = { init() { addFab('✨ HEAL+', () => this.open()); }, open(tab) { openPanel('HEALER — Repair Enhancements', { 'DIFF VIEW': b => this.diff(b), 'SUGGESTIONS': b => this.suggest(b), 'PULL FROM AGENT': b => this.pull(b) }, tab); }, // #13 Side-by-side diff view diff(body) { body.innerHTML = ` 🩺 AUTO-FIX (HEALER) ↔ SHOW DIFF ⤴ PULL FROM AEGIS `; $('d-pull').onclick = () => { const o = pullFrom('aegis','last_code'); if (o) { $('d-a').value = o.data; toast('Pulled AEGIS code','success'); } else toast('No AEGIS code shared yet','warn'); }; $('d-fix').onclick = async () => { const src = $('d-a').value; if (!src.trim()) return toast('Paste broken code in left box','warn'); toast('Healing…','info'); const ans = await llm([ { role:'system', content:'You are HEALER. Fix ALL bugs in the user\'s code. Output ONLY the fixed code inside one ``` fenced block. No prose.' }, { role:'user', content: src } ]); const m = ans.match(/```\w*\s*([\s\S]*?)```/); $('d-b').value = m ? m[1].trim() : ans; renderDiff(); }; $('d-render').onclick = renderDiff; function renderDiff() { const a = $('d-a').value.split('\n'), b = $('d-b').value.split('\n'); // LCS-based simple diff const m = a.length, n = b.length; const dp = Array.from({length:m+1}, () => new Array(n+1).fill(0)); for (let i=m-1;i>=0;i--) for (let j=n-1;j>=0;j--) dp[i][j] = a[i]===b[j] ? dp[i+1][j+1]+1 : Math.max(dp[i+1][j], dp[i][j+1]); const left=[], right=[]; let i=0, j=0; while (i= dp[i][j+1]) { left.push({l:i+1,t:a[i],k:'rem'}); right.push({l:'',t:'',k:'unc'}); i++; } else { left.push({l:'',t:'',k:'unc'}); right.push({l:j+1,t:b[j],k:'add'}); j++; } } while (i arr.map(x => `

${x.l}${esc(x.t)}

`).join(''); $('d-out').innerHTML = `

Side-by-side diff

${fmt(left)}

${fmt(right)}

`; shareOut('last_code', $('d-b').value); } }, // #14 Auto-fix suggestions suggest(body) { body.innerHTML = `

💡 ADDITIONAL SUGGESTIONS
After fixing, HEALER lists extra improvements you can one-click apply.

Code 🔍 ANALYZE

`; $('sg-go').onclick = async () => { const src = $('sg-src').value; if (!src.trim()) return; $('sg-out').innerHTML = '⏳ Analyzing…'; const ans = await llm([ { role:'system', content:'You are HEALER. Analyze the user\'s code and return STRICT JSON: {"suggestions":[{"title":"...","why":"...","patch":"replacement code OR diff hint"},...]}. 3-6 items. No prose, no fences.' }, { role:'user', content: src } ]); let parsed; try { parsed = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_) { const m = ans.match(/\{[\s\S]*\}/); if (m) try { parsed = JSON.parse(m[0]); } catch(_){} } if (!parsed?.suggestions) { $('sg-out').innerHTML = 'Could not extract suggestions.'; return; } $('sg-out').innerHTML = parsed.suggestions.map((s,i) => `

${i+1}. ${esc(s.title)}

${esc(s.why)}

${esc(s.patch||'')}

✅ APPLY

`).join(''); }; }, // #15 Pull from sibling agent pull(body) { body.innerHTML = `

📡 PULL FROM SIBLING
Grab the last code output from another agent and load it for repair.

⤴ PULL FROM AEGIS ⤴ PULL FROM ORBIT ⤴ PULL FROM TESTER Pulled code 🩺 SEND TO DIFF / FIX`; const grab = which => { const o = pullFrom(which, which==='orbit' ? 'last_html' : 'last_code'); if (!o) return toast(`No ${which.toUpperCase()} output shared yet`,'warn'); $('p-out').value = o.data; toast(`Pulled from ${which.toUpperCase()} · ${(Date.now()-o.t)/1000|0}s ago`, 'success'); }; $('p-aegis').onclick = () => grab('aegis'); $('p-orbit').onclick = () => grab('orbit'); $('p-tester').onclick = () => grab('tester'); $('p-heal').onclick = () => { const c = $('p-out').value; if (!c) return; HEALER.open('DIFF VIEW'); setTimeout(()=>{ const a = $('d-a'); if (a) a.value = c; }, 200); }; } }; /* ============================================================ * ========== TESTER — QA AGENT (#16-18) ================= * ============================================================ */ const TESTER = { init() { addFab('✨ QA+', () => this.open()); }, open(tab) { openPanel('TESTER — QA Enhancements', { 'LLM-POWERED QA': b => this.smart(b), 'RESPONSIVE': b => this.responsive(b), 'EXPORT REPORT': b => this.report(b) }, tab); }, // #16 LLM-powered QA smart(body) { body.innerHTML = `

🧪 SEMANTIC QA
TESTER reads the code, evaluates logic, accessibility, UX, security — not just regex string presence.

Code under test (HTML/JS/CSS or any language) ⤴ PULL FROM AEGIS/ORBIT 🧪 RUN SMART QA

`; $('qa-pull').onclick = () => { const o = pullFrom('orbit','last_html') || pullFrom('aegis','last_code'); if (o) { $('qa-src').value = o.data; toast('Pulled','success'); } else toast('Nothing shared yet','warn'); }; $('qa-run').onclick = async () => { const src = $('qa-src').value; if (!src.trim()) return; $('qa-out').innerHTML = '⏳ Running semantic QA…'; const ans = await llm([ { role:'system', content:'You are TESTER. Evaluate code on these 6 axes: correctness, accessibility, UX, security, performance, maintainability. Output STRICT JSON: {"overall":0-100,"axes":{"correctness":{"score":0-100,"notes":"..."}, ...},"issues":[{"severity":"high|med|low","title":"...","detail":"..."}]}. No prose, no fences.' }, { role:'user', content: src } ]); let r; try { r = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_) { const m = ans.match(/\{[\s\S]*\}/); if(m) try{r=JSON.parse(m[0])}catch(_){}; } if (!r) return $('qa-out').innerHTML = 'Could not parse QA report.'; const grade = r.overall >= 85 ? 'A' : r.overall >= 70 ? 'B' : r.overall >= 55 ? 'C' : r.overall >= 40 ? 'D' : 'F'; const color = r.overall >= 70 ? '#10b981' : r.overall >= 50 ? '#f59e0b' : '#ef4444'; let html = `

${grade}
${r.overall}/100

`; html += '

' + Object.entries(r.axes||{}).map(([k,v]) => `

${k.toUpperCase()} · ${v.score}/100

${esc(v.notes||'')}

`).join('') + '

'; if (r.issues?.length) { html += '

âš  ISSUES

' + r.issues.map(i => `

[${i.severity.toUpperCase()}] ${esc(i.title)}
${esc(i.detail)}

`).join(''); } $('qa-out').innerHTML = html; store.set('last_report', { html, r, src, t: Date.now() }); }; }, // #17 Responsive / viewport check responsive(body) { body.innerHTML = `

📱 VIEWPORT SIMULATION
Renders the same code in mobile (375), tablet (768), desktop (1440) iframes side-by-side.

HTML ⤴ PULL FROM ORBIT 📱 RENDER ALL 3

`; $('vp-pull').onclick = () => { const o = pullFrom('orbit','last_html'); if (o) { $('vp-src').value = o.data; toast('Pulled ORBIT','success'); } }; $('vp-run').onclick = () => { const src = $('vp-src').value; if (!src.trim()) return; const sizes = [['📱 Mobile',375,667],['📱 Tablet',768,900],['🖥 Desktop',1440,900]]; $('vp-host').innerHTML = sizes.map(([l,w,h]) => `

${l} · ${w}×${h}

` ).join(''); }; }, // #18 Export report report(body) { const last = store.get('last_report', null); body.innerHTML = `

${last ? '✅ Latest QA report ready' : 'Run a SMART QA first to generate a report.'}

⬇ DOWNLOAD HTML REPORT ⬇ DOWNLOAD JSON`; if (!last) return; $('rp-html').onclick = () => { const html = `

🧪 TESTER QA REPORT

Generated ${new Date(last.t).toLocaleString()}

${last.html}

Source under test

${esc(last.src)}

⚙ SETTINGS

Enter password to access settings

UNLOCK

Wrong password!

✅ Settings unlocked!

🔊 SoundON

🌙 Dark ThemeON

🌐 LanguageEnglishTamil

CLOSE

`; const blob = new Blob([html],{type:'text/html'}); const a = document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='qa-report-'+Date.now()+'.html'; a.click(); }; $('rp-json').onclick = () => { const blob = new Blob([JSON.stringify(last.r,null,2)],{type:'application/json'}); const a = document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='qa-report-'+Date.now()+'.json'; a.click(); }; } }; /* ============================================================ * ========== FRIDAY — MONITOR AGENT (#19-21) ============ * ============================================================ */ const FRIDAY = { init() { addFab('✨ MONITOR+', () => this.open()); // Start passive health monitoring setInterval(() => this.healthCheck(), 15000); window.addEventListener('message', e => { if (e.data?.__agentBus && e.data.type === 'pong') { const t = JSON.parse(sessionStorage.getItem('agent_telemetry')||'{}'); (t[e.data.from] = t[e.data.from] || {}).lastPong = Date.now(); t[e.data.from].latency = Date.now() - (e.data.data?.echo||Date.now()); sessionStorage.setItem('agent_telemetry', JSON.stringify(t)); } }); }, healthCheck() { const agents = ['orbit','atlas','aegis','healer','tester','nova','nero','vector','august','aurix']; const tele = JSON.parse(sessionStorage.getItem('agent_telemetry') || '{}'); const now = Date.now(); agents.forEach(a => { if (!tele[a]) tele[a] = { lastPong: 0, latency: -1, errors: 0, calls: 0, status:'unknown' }; const age = now - tele[a].lastPong; tele[a].status = age < 30000 ? 'online' : age < 120000 ? 'idle' : 'offline'; // Send ping try { window.postMessage({ __agentBus:true, from:'friday', type:'ping', data:{ echo: now } }, '*'); } catch(_){} }); sessionStorage.setItem('agent_telemetry', JSON.stringify(tele)); // #21 Alert if anyone went offline within last cycle Object.entries(tele).forEach(([a, t]) => { if (t.status === 'offline' && !t.alerted) { t.alerted = true; toast(`⚠ ${a.toUpperCase()} has not responded in 30s`, 'warn', 8000); } if (t.status === 'online') t.alerted = false; }); sessionStorage.setItem('agent_telemetry', JSON.stringify(tele)); }, open() { openPanel('FRIDAY — Monitoring Enhancements', { 'STATUS BOARD': b => this.board(b), 'TELEMETRY': b => this.telemetry(b), 'ALERTS': b => this.alerts(b) }); }, // #19 Real status (not hardcoded ONLINE) board(body) { const tele = JSON.parse(sessionStorage.getItem('agent_telemetry') || '{}'); const agents = ['orbit','atlas','aegis','healer','tester','nova','nero','vector','august','aurix']; const colors = { online:'#10b981', idle:'#fbbf24', offline:'#ef4444', unknown:'#64748b' }; body.innerHTML = `

Live status from actual ping/pong — updates every 15s. Agents in other tabs respond when this module is loaded.

` + agents.map(a => { const t = tele[a] || { status:'unknown' }; const c = colors[t.status]; return `

${a.toUpperCase()} ● ${t.status.toUpperCase()} ${t.latency>=0?` · ${t.latency}ms`:''} ${t.lastPong?` · last seen ${new Date(t.lastPong).toLocaleTimeString()}`:''}

`; }).join('') + `🔄 PING NOW`; }, // #20 Real telemetry telemetry(body) { const tele = JSON.parse(sessionStorage.getItem('agent_telemetry') || '{}'); body.innerHTML = `

Real metrics aggregated this session via sessionStorage.

` + Object.entries(tele).map(([a,t]) => `

${a.toUpperCase()}
Latency: ${t.latency>=0?t.latency+'ms':'—'}
Calls: ${t.calls||0}
Errors: ${t.errors||0}
Status: ${t.status||'?'}

`).join('') + '

'; }, // #21 Alerts alerts(body) { const log = JSON.parse(sessionStorage.getItem('friday_alert_log') || '[]'); body.innerHTML = `

FRIDAY watches every agent. Alerts fire when an agent goes silent > 30s or an API call fails.

` + (log.length ? log.slice(-30).reverse().map(a => `

⚠ ${esc(a.text)} · ${new Date(a.t).toLocaleString()}

`).join('') : '

No alerts yet.

') + `🗑 CLEAR LOG`; } }; // All agents respond to ping window.addEventListener('message', e => { if (e.data?.__agentBus && e.data.type === 'ping' && e.data.from !== AGENT) { try { window.postMessage({ __agentBus:true, from:AGENT, type:'pong', data: e.data.data }, '*'); } catch(_){} } }); /* ============================================================ * ========== NERO — NEWS AGENT (#22-24) ================= * ============================================================ */ const NERO = { init() { addFab('✨ INTEL+', () => this.open()); }, open(tab) { openPanel('NERO — Intel Enhancements', { 'LIVE FEED': b => this.feed(b), 'BOOKMARKS': b => this.bookmarks(b) }, tab); }, feed(body) { const cur = store.get('news_cat', 'world'); const CATS = [ ['world','🌍 World','http://feeds.bbci.co.uk/news/world/rss.xml'], ['tech','💻 Tech','http://feeds.bbci.co.uk/news/technology/rss.xml'], ['sports','⚽ Sports','http://feeds.bbci.co.uk/sport/rss.xml'], ['cricket','🏏 Cricket','http://feeds.bbci.co.uk/sport/cricket/rss.xml'], ['business','💰 Business','http://feeds.bbci.co.uk/news/business/rss.xml'], ['finance','📈 Finance','https://feeds.reuters.com/reuters/businessNews'], ['india','🇮🇳 India','http://feeds.bbci.co.uk/news/world/asia/india/rss.xml'] ]; body.innerHTML = `

📰 LIVE NEWS — real RSS from BBC/Reuters, fetched live.

${CATS.map(([id,l,u]) => `${l}`).join('')}

Pick a category to load…

`; const load = async (cat, url) => { store.set('news_cat', cat); $('n-feed').innerHTML = '⏳ Fetching…'; // Use CORS proxy + parse RSS const PROXIES = [u => 'https://corsproxy.io/?'+encodeURIComponent(u), u => 'https://api.allorigins.win/raw?url='+encodeURIComponent(u)]; let text = null; for (const p of PROXIES) { try { const r = await fetch(p(url)); if (r.ok) { text = await r.text(); break; } } catch(_){} } if (!text) { $('n-feed').innerHTML = '❌ Could not reach RSS feed.'; return; } try { const xml = new DOMParser().parseFromString(text, 'text/xml'); const items = [...xml.querySelectorAll('item')].slice(0, 15).map(it => ({ title: it.querySelector('title')?.textContent || '', link: it.querySelector('link')?.textContent || '', desc: (it.querySelector('description')?.textContent || '').replace(/<[^>]+>/g,'').slice(0,200), date: it.querySelector('pubDate')?.textContent || '' })); $('n-feed').innerHTML = items.map((it,i) => `

${esc(it.title)}

${esc(it.desc)}…

${esc(it.date)} · read → · ★ BOOKMARK

`).join(''); $('n-feed').querySelectorAll('[data-bm]').forEach(b => b.onclick = () => { const i = +b.dataset.bm; const bm = store.get('bookmarks', []); bm.push({...items[i], saved: Date.now()}); store.set('bookmarks', bm); toast('Bookmarked','success'); }); } catch(e) { $('n-feed').innerHTML = '❌ Parse error: ' + e.message; } }; body.querySelectorAll('[data-cat]').forEach(p => p.onclick = () => load(p.dataset.cat, p.dataset.url)); // Auto-load current const c = CATS.find(c => c[0]===cur); if (c) load(c[0], c[2]); }, // #24 Bookmarks bookmarks(body) { const bm = store.get('bookmarks', []); body.innerHTML = `

⭐ INTEL ARCHIVE · ${bm.length} saved items

` + (bm.length ? bm.slice().reverse().map((it,i) => { const real = bm.length - 1 - i; return `

${esc(it.title)}

${esc(it.desc||'')}

Saved ${new Date(it.saved).toLocaleString()} · open → · DELETE

`; }).join('') : '

No bookmarks yet.

') + `🗑 CLEAR ALL`; body.querySelectorAll('[data-del]').forEach(d => d.onclick = () => { const i = +d.dataset.del; bm.splice(i,1); store.set('bookmarks', bm); NERO.bookmarks(body); }); } }; /* ============================================================ * ========== NOVA — STEP GUIDE AGENT (#25-26) =========== * ============================================================ */ const NOVA = { init() { addFab('✨ GUIDE+', () => this.open()); }, open(tab) { openPanel('NOVA — Guide Enhancements', { 'GENERATE GUIDE': b => this.gen(b), 'PROGRESS': b => this.progress(b) }, tab); }, // #25 Modes gen(body) { const MODES = { tutorial: { label:'🎓 Tutorial', sys:'You are NOVA in TUTORIAL mode. Output a teaching guide in numbered steps. For each step: title, action, why it matters, common mistake to avoid.' }, troubleshoot: { label:'🔧 Troubleshoot', sys:'You are NOVA in TROUBLESHOOT mode. Output a diagnostic flow. For each step: symptom check, action, expected outcome, next branch if fails.' }, recipe: { label:'🍳 Recipe', sys:'You are NOVA in RECIPE mode. Output ingredients list, then numbered cooking steps. For each step: action, time, sensory check ("until golden brown").' }, workflow: { label:'⚙ Workflow', sys:'You are NOVA in WORKFLOW mode. Output an end-to-end SOP. Numbered steps with: who does it, tool needed, deliverable, hand-off to next step.' } }; body.innerHTML = `

Mode

${Object.entries(MODES).map(([k,v]) => `${v.label}`).join('')}

Topic / goal

🚀 GENERATE

`; $('nv-go').onclick = async () => { const q = $('nv-q').value.trim(); if (!q) return; const m = MODES[$('nv-mode').value]; $('nv-out').innerHTML = '⏳ Generating…'; const ans = await llm([ { role:'system', content: m.sys + ' Output STRICT JSON: {"title":"...","steps":[{"title":"...","detail":"..."}, ...]} No prose.' }, { role:'user', content: q } ]); let parsed; try { parsed = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_) { const mm = ans.match(/\{[\s\S]*\}/); if(mm) try{parsed=JSON.parse(mm[0])}catch(_){}; } if (!parsed) return $('nv-out').innerHTML = 'Could not parse.'; const guide = { ...parsed, mode: $('nv-mode').value, t: Date.now(), id: 'g'+Date.now() }; guide.steps = guide.steps.map(s => ({ ...s, done: false })); const all = store.get('guides', []); all.push(guide); store.set('guides', all); $('nv-out').innerHTML = `

${esc(guide.title)}
Saved · ${guide.steps.length} steps

📋 OPEN PROGRESS TRACKER`; }; }, // #26 Progress progress(body) { const guides = store.get('guides', []); body.innerHTML = `

Pick a guide

— pick — ${guides.map((g,i) => `${esc(g.title)} (${g.mode})`).join('')}

`; $('pr-sel').onchange = e => { const idx = +e.target.value; if (isNaN(idx)) return; const g = guides[idx]; const done = g.steps.filter(s => s.done).length; const pct = Math.round(done / g.steps.length * 100); $('pr-host').innerHTML = `

${esc(g.title)}
${done}/${g.steps.length} steps complete · ${pct}%

` + g.steps.map((s,i) => `

${i+1}. ${esc(s.title)}

${esc(s.detail||'')}

`).join('') + `🗑 DELETE GUIDE`; $('pr-host').querySelectorAll('input[type=checkbox]').forEach(cb => cb.onchange = () => { g.steps[+cb.dataset.i].done = cb.checked; store.set('guides', guides); $('pr-sel').dispatchEvent(new Event('change')); }); $('pr-del').onclick = () => { guides.splice(idx,1); store.set('guides', guides); NOVA.progress(body); }; }; } }; /* ============================================================ * ========== VECTOR — 3D AGENT (#27-29) ================= * ============================================================ */ const VECTOR = { init() { addFab('✨ HOLO+', () => this.open()); }, open(tab) { openPanel('VECTOR — Holo Enhancements', { 'SHAPE LIBRARY': b => this.lib(b), 'NL → SHAPE': b => this.nl(b), 'EXPORT': b => this.exp(b) }, tab); }, canvas: null, ctx: null, geometry: null, rotY: 0, rotX: 0.3, ensureCanvas(body, prefix) { const c = el('canvas', { width:'520', height:'400', style:{ width:'100%', background:'#000', borderRadius:'6px', border:'1px solid var(--primary)' } }); const host = el('div', { class:'au-canvas-host' }); host.append(c); body.append(host); VECTOR.canvas = c; VECTOR.ctx = c.getContext('2d'); if (!VECTOR._tick) { VECTOR._tick = () => { VECTOR.rotY += 0.008; VECTOR.render(); requestAnimationFrame(VECTOR._tick); }; VECTOR._tick(); } }, render() { const ctx = VECTOR.ctx, c = VECTOR.canvas; if (!ctx || !VECTOR.geometry) return; ctx.clearRect(0,0,c.width,c.height); const cx = c.width/2, cy = c.height/2, scale = 120; const cosY = Math.cos(VECTOR.rotY), sinY = Math.sin(VECTOR.rotY); const cosX = Math.cos(VECTOR.rotX), sinX = Math.sin(VECTOR.rotX); const proj = (p) => { let x = p[0]*cosY + p[2]*sinY; let z = -p[0]*sinY + p[2]*cosY; let y = p[1]*cosX - z*sinX; z = p[1]*sinX + z*cosX; const f = 2.5 / (2.5 + z*0.5); return [cx + x*scale*f, cy + y*scale*f, z]; }; const accent = getComputedStyle(document.documentElement).getPropertyValue('--primary').trim() || '#00d2ff'; ctx.strokeStyle = accent; ctx.lineWidth = 1.2; ctx.fillStyle = accent; // points VECTOR.geometry.points.forEach(p => { const [x,y] = proj(p); ctx.beginPath(); ctx.arc(x,y,1.2,0,Math.PI*2); ctx.fill(); }); // edges VECTOR.geometry.edges.forEach(([a,b]) => { const [x1,y1] = proj(VECTOR.geometry.points[a]); const [x2,y2] = proj(VECTOR.geometry.points[b]); ctx.beginPath(); ctx.moveTo(x1,y1); ctx.lineTo(x2,y2); ctx.stroke(); }); }, // #27 Shape library lib(body) { const SHAPES = { 'IRON_HELMET': () => VECTOR.buildHelmet(), 'MARK_LXXXV': () => VECTOR.buildArmor(), 'ARC_REACTOR': () => VECTOR.buildReactor(), 'DNA_HELIX': () => VECTOR.buildDNA(), 'NEURAL_NET': () => VECTOR.buildNeural(), 'MOLECULE_H2O': () => VECTOR.buildMolecule([[0,0,0],[1,0.5,0],[-1,0.5,0]], [[0,1],[0,2]]), 'CIRCUIT_BOARD': () => VECTOR.buildCircuit(), 'TORUS': () => VECTOR.buildTorus(), 'WIREFRAME_CUBE':() => VECTOR.buildCube(), 'SPHERE': () => VECTOR.buildSphere(), 'PYRAMID': () => VECTOR.buildPyramid(), 'ICOSAHEDRON': () => VECTOR.buildIco() }; body.innerHTML = `

Click any holographic preset:

${Object.keys(SHAPES).map(s => `${s.replace(/_/g,' ')}`).join('')}

`; VECTOR.ensureCanvas(body); body.querySelectorAll('[data-s]').forEach(b => b.onclick = () => { VECTOR.geometry = SHAPES[b.dataset.s](); toast('Loaded '+b.dataset.s,'success'); }); // default if (!VECTOR.geometry) VECTOR.geometry = SHAPES['ARC_REACTOR'](); }, // #29 NL → shape nl(body) { body.innerHTML = `

🧠 NATURAL-LANGUAGE GEOMETRY
Type any object — VECTOR asks an LLM for points/edges and renders it live.

🪄 BUILD

`; VECTOR.ensureCanvas(body); $('nl-go').onclick = async () => { const q = $('nl-q').value.trim(); if (!q) return; $('nl-status').textContent = '⏳ Asking VECTOR to plot geometry…'; const ans = await llm([ { role:'system', content:'You output 3D wireframe geometry as STRICT JSON. Shape ranges -2 to 2 on each axis, 20-80 points. Format: {"points":[[x,y,z], ...], "edges":[[i,j], ...]} . No prose, no fences.' }, { role:'user', content: q } ]); let g; try { g = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_) { const m = ans.match(/\{[\s\S]*\}/); if(m) try{g=JSON.parse(m[0])}catch(_){}; } if (!g?.points) return $('nl-status').textContent = '❌ Could not parse geometry'; if (!g.edges) g.edges = []; VECTOR.geometry = g; $('nl-status').textContent = `✅ Plotted ${g.points.length} points, ${g.edges.length} edges`; }; }, // #28 PNG export exp(body) { body.innerHTML = `

Capture the current 3D view as a PNG.

📸 CAPTURE HOLOGRAM

`; VECTOR.ensureCanvas(body); $('ex-go').onclick = () => { if (!VECTOR.canvas) return; const url = VECTOR.canvas.toDataURL('image/png'); const a = document.createElement('a'); a.href = url; a.download = 'vector-hologram-'+Date.now()+'.png'; a.click(); $('ex-out').innerHTML = ''; }; }, // shape builders ↓ buildCube() { const p = [[-1,-1,-1],[1,-1,-1],[1,1,-1],[-1,1,-1],[-1,-1,1],[1,-1,1],[1,1,1],[-1,1,1]]; const e = [[0,1],[1,2],[2,3],[3,0],[4,5],[5,6],[6,7],[7,4],[0,4],[1,5],[2,6],[3,7]]; return { points:p, edges:e }; }, buildSphere() { const p=[], e=[]; const lat=10, lon=14; for (let i=0;i<=lat;i++) for (let j=0;j[x*0.9,y*0.9,z*0.9]); const e = [[0,1],[0,5],[0,7],[0,10],[0,11],[1,5],[1,7],[1,8],[1,9],[2,3],[2,4],[2,6],[2,10],[2,11],[3,4],[3,6],[3,8],[3,9],[4,5],[4,9],[4,11],[5,9],[5,11],[6,7],[6,8],[6,10],[7,8],[7,10],[8,9],[10,11]]; return { points:p, edges:e }; }, buildTorus() { const p=[], e=[]; const R=1.2, r=0.4, rings=18, segs=12; for (let i=0;i0) g.edges.push([g.points.length-1, g.points.length-2]); } return g; }, buildArmor() { const g = VECTOR.buildHelmet(); // add chest reactor const cx = g.points.length; for (let i=0;i<12;i++) { const a=i/12*Math.PI*2; g.points.push([Math.cos(a)*0.4, -0.8 + Math.sin(a)*0.4, 0.8]); } for (let i=0;i<12;i++) g.edges.push([cx+i, cx+(i+1)%12]); g.points.push([0,-0.8,0.8]); for (let i=0;i<12;i++) g.edges.push([g.points.length-1, cx+i]); return g; }, buildDNA() { const p=[], e=[]; for (let i=0;i<40;i++) { const t = i/40*Math.PI*4; p.push([Math.cos(t)*0.6, -1.5 + i*0.075, Math.sin(t)*0.6]); p.push([Math.cos(t+Math.PI)*0.6, -1.5 + i*0.075, Math.sin(t+Math.PI)*0.6]); if (i>0) { e.push([2*i, 2*(i-1)], [2*i+1, 2*(i-1)+1]); } if (i%2===0) e.push([2*i, 2*i+1]); } return { points:p, edges:e }; }, buildNeural() { const p=[], e=[]; const layers = [4,6,6,3]; let offset = 0; const indices = []; layers.forEach((n, li) => { const layerIdx = []; for (let i=0;i this.open()); }, open() { openPanel('AUGUST — Streaming Chat', { 'CHAT (streaming + history)': b => this.chat(b), 'HISTORY': b => this.history(b) }); }, chat(body) { const history = store.get('aug_history', []); body.innerHTML = `

💬 STREAMING CONVERSATION
Full chat history is sent on every turn so AUGUST has context. Tokens stream live.

📤 SEND ⏹ STOP 🗑 CLEAR HISTORY`; const renderHist = () => { $('ch-host').innerHTML = (history.length ? history : [{role:'assistant',content:'Hello, Boss. How may I help today?'}]).map(m => `

${m.role.toUpperCase()}
${esc(m.content).replace(/\n/g,'
')}

` ).join(''); $('ch-host').scrollTop = $('ch-host').scrollHeight; }; renderHist(); let stopReq = false; $('ch-stop').onclick = () => { stopReq = true; }; $('ch-send').onclick = async () => { const q = $('ch-in').value.trim(); if (!q) return; history.push({ role:'user', content: q }); store.set('aug_history', history); $('ch-in').value = ''; renderHist(); const placeholder = { role:'assistant', content:'…' }; history.push(placeholder); renderHist(); stopReq = false; await llmStream([ { role:'system', content:'You are AUGUST, an advanced AI assistant in the JARVIS system. Be helpful, concise, and remember prior turns of this conversation.' }, ...history.slice(0,-1).filter(m => m.role!=='system') ], (delta, full) => { if (stopReq) return; placeholder.content = full; renderHist(); }); store.set('aug_history', history); renderHist(); }; $('ch-clear').onclick = () => { if (confirm('Clear conversation?')) { store.set('aug_history', []); AUGUST.chat(body); } }; }, history(body) { const h = store.get('aug_history', []); body.innerHTML = `

${h.length} messages in history. Sent on every turn so AUGUST has full context.

` + h.map(m => `

${m.role}
${esc(m.content)}

`).join('') + `⬇ EXPORT JSON 🗑 WIPE`; } }; /* ============================================================ * ========== AURIX — HALAL MARKET AGENT (NEW) =========== * Adds: watchlist+alerts, zakat calc, portfolio tracker, * price-alert engine, Islamic finance education, * gold/silver historical sketch. * ============================================================ */ const AURIX = { init() { addFab('✨ AURIX+', () => this.open()); // Background tick: check price alerts every 90s setInterval(() => this.checkAlerts(), 90_000); }, open(tab) { openPanel('AURIX — Halal Market Enhancements', { 'WATCHLIST': b => this.watchlist(b), 'PORTFOLIO': b => this.portfolio(b), 'PRICE ALERTS': b => this.alerts(b), 'ZAKAT CALC': b => this.zakat(b), 'EDUCATION': b => this.edu(b), 'METALS CHART': b => this.metals(b) }, tab); }, // Yahoo quote helper (uses CORS proxy chain) async quote(symbols) { const url = 'https://query1.finance.yahoo.com/v7/finance/quote?symbols=' + encodeURIComponent(symbols.join(',')); const PROXIES = [ u => 'https://corsproxy.io/?'+encodeURIComponent(u), u => 'https://api.allorigins.win/raw?url='+encodeURIComponent(u), u => 'https://api.codetabs.com/v1/proxy?quest='+encodeURIComponent(u) ]; for (const p of PROXIES) { try { const r = await fetch(p(url)); if (r.ok) { const j = await r.json(); const out = {}; (j.quoteResponse?.result||[]).forEach(x => out[x.symbol] = x); if (Object.keys(out).length) return out; } } catch(_){} } return {}; }, // ⭐ Watchlist watchlist(body) { const list = store.get('watchlist', ['TCS.NS','INFY.NS','WIPRO.NS','SUNPHARMA.NS','MARUTI.NS']); body.innerHTML = `

⭐ HALAL WATCHLIST
Track Shariah-compliant NSE stocks. Add symbols like TCS.NS, INFY.NS, SUNPHARMA.NS.

＋ ADD 🔄 REFRESH PRICES

⏳ Loading prices…

`; const render = async () => { const q = await this.quote(list); const cur = store.get('watchlist', list); if (!Object.keys(q).length) { $('wl-out').innerHTML = 'âš  Live feed unreachable.'; return; } $('wl-out').innerHTML = cur.map((s,i) => { const r = q[s]; if (!r) return `

${esc(s)} — no data ✕

`; const chg = r.regularMarketChangePercent || 0; const cls = chg>=0?'#10b981':'#ef4444'; return `

${esc(s.replace('.NS',''))} · ${esc(r.shortName||'').slice(0,30)}
₹ ${(r.regularMarketPrice||0).toFixed(2)} ${chg>=0?'▲':'▼'} ${chg.toFixed(2)}% ✕

`; }).join(''); body.querySelectorAll('[data-rm]').forEach(b => b.onclick = () => { const i = +b.dataset.rm; const l = store.get('watchlist', list); l.splice(i,1); store.set('watchlist', l); this.watchlist(body); }); }; render(); $('wl-go').onclick = () => { const s = $('wl-add').value.trim().toUpperCase(); if (!s) return; const sym = s.includes('.') ? s : s + '.NS'; const l = store.get('watchlist', list); if (!l.includes(sym)) { l.push(sym); store.set('watchlist', l); this.watchlist(body); } }; $('wl-refresh').onclick = render; }, // 💼 Portfolio tracker portfolio(body) { const p = store.get('portfolio', []); body.innerHTML = `

💼 HOLDINGS
Track your halal positions. Buy price + quantity → live P&L.

Symbol

Quantity

Buy price (₹)

Date

＋ ADD POSITION

⏳ Loading…

`; $('po-add').onclick = () => { const s = $('po-s').value.trim().toUpperCase(); const q = +$('po-q').value, b = +$('po-b').value, d = $('po-d').value; if (!s || !q || !b) return toast('Fill symbol, qty, buy price','warn'); const sym = s.includes('.') ? s : s + '.NS'; const cur = store.get('portfolio', []); cur.push({ sym, qty:q, buy:b, date:d, t:Date.now() }); store.set('portfolio', cur); this.portfolio(body); }; (async () => { if (!p.length) { $('po-out').innerHTML = 'No holdings yet.'; return; } const q = await this.quote([...new Set(p.map(x=>x.sym))]); let totalInv = 0, totalCur = 0; const rows = p.map((h,i) => { const r = q[h.sym]; const cur = r ? r.regularMarketPrice * h.qty : 0; const inv = h.buy * h.qty; totalInv += inv; totalCur += cur; const pnl = cur - inv, pct = inv ? (pnl/inv*100) : 0; const cls = pnl>=0?'#10b981':'#ef4444'; return `

${esc(h.sym.replace('.NS',''))} · ${h.qty} @ ₹${h.buy}
Now: ₹${r?r.regularMarketPrice.toFixed(2):'—'} · Value ₹${cur.toFixed(0)}
${pnl>=0?'+':''}₹${pnl.toFixed(0)} (${pct.toFixed(2)}%) ✕

`; }).join(''); const overall = totalCur - totalInv; const overallPct = totalInv ? (overall/totalInv*100) : 0; const oclass = overall>=0?'#10b981':'#ef4444'; $('po-out').innerHTML = `

TOTAL · Invested ₹${totalInv.toFixed(0)} · Current ₹${totalCur.toFixed(0)}
${overall>=0?'+':''}₹${overall.toFixed(0)} (${overallPct.toFixed(2)}%)

${rows}`; body.querySelectorAll('[data-rm]').forEach(b => b.onclick = () => { const i = +b.dataset.rm; const cur = store.get('portfolio', []); cur.splice(i,1); store.set('portfolio', cur); this.portfolio(body); }); })(); }, // 🔔 Price alerts alerts(body) { const list = store.get('price_alerts', []); body.innerHTML = `

🔔 PRICE ALERTS
AURIX checks every 90s and notifies via toast + browser notification.

Symbol

Condition above ₹below ₹

Trigger price (₹) ＋ ADD ALERT

${list.map((a,i) => `

${esc(a.sym)} ${a.cond} ₹${a.price} ${a.fired?'· ✓ FIRED':''} ✕

`).join('') || 'No alerts yet.'}

`; $('al-add').onclick = () => { const s = $('al-s').value.trim().toUpperCase(); if (!s) return toast('Symbol required','warn'); const sym = s.includes('.') ? s : s + '.NS'; const cur = store.get('price_alerts', []); cur.push({ sym, cond:$('al-c').value, price:+$('al-p').value, fired:false, t:Date.now() }); store.set('price_alerts', cur); this.alerts(body); toast('Alert active','success'); }; body.querySelectorAll('[data-al]').forEach(b => b.onclick = () => { const i = +b.dataset.al; const cur = store.get('price_alerts', []); cur.splice(i,1); store.set('price_alerts', cur); this.alerts(body); }); }, async checkAlerts() { const list = store.get('price_alerts', []); const active = list.filter(a => !a.fired); if (!active.length) return; const q = await this.quote([...new Set(active.map(a => a.sym))]); let changed = false; active.forEach(a => { const r = q[a.sym]; if (!r) return; const p = r.regularMarketPrice; const hit = (a.cond === 'above' && p >= a.price) || (a.cond === 'below' && p <= a.price); if (hit) { a.fired = true; changed = true; const msg = `🔔 ${a.sym.replace('.NS','')} is ${a.cond} ₹${a.price} — now ₹${p.toFixed(2)}`; toast(msg, 'success', 12000); if ('Notification' in window && Notification.permission === 'granted') { try { new Notification('AURIX Alert', { body: msg }); } catch(_){} } } }); if (changed) store.set('price_alerts', list); }, // 💰 Zakat calculator (2.5% on qualifying wealth, with nisab gold reference) zakat(body) { const cur = store.get('zakat_inputs', { cash:0, savings:0, gold_g:0, silver_g:0, stocks:0, recv:0, debt:0 }); body.innerHTML = `

💰 ZAKAT CALCULATOR
Standard 2.5% on net qualifying wealth held for one lunar year. Nisab threshold: ~87.48g gold (whichever is lower of gold/silver).

Cash (₹)

Bank savings (₹)

Gold (grams)

Silver (grams)

Stocks/MF value (₹)

Money owed to you (₹)

Immediate debts you owe (₹) 🧮 CALCULATE ZAKAT

`; $('z-calc').onclick = async () => { const inp = { cash: +$('z-cash').value||0, savings:+$('z-sav').value||0, gold_g:+$('z-gold').value||0, silver_g:+$('z-sil').value||0, stocks:+$('z-stk').value||0, recv:+$('z-rec').value||0, debt:+$('z-dbt').value||0 }; store.set('zakat_inputs', inp); // Live gold/silver INR per gram const q = await this.quote(['GC=F','SI=F','INR=X']); const inr = q['INR=X']?.regularMarketPrice || 84; const goldPerG = q['GC=F'] ? q['GC=F'].regularMarketPrice * inr / 31.1035 : 7500; const silverPerG = q['SI=F'] ? q['SI=F'].regularMarketPrice * inr / 31.1035 : 95; const goldVal = inp.gold_g * goldPerG; const silverVal = inp.silver_g * silverPerG; const total = inp.cash + inp.savings + goldVal + silverVal + inp.stocks + inp.recv - inp.debt; const nisabGold = 87.48 * goldPerG; const nisabSilver = 612.36 * silverPerG; const nisab = Math.min(nisabGold, nisabSilver); const due = total >= nisab && total > 0 ? total * 0.025 : 0; $('z-out').innerHTML = `

Net wealth: ₹${total.toFixed(0)}
Nisab (lower of gold/silver): ₹${nisab.toFixed(0)}
Gold rate: ₹${goldPerG.toFixed(0)}/g · Silver rate: ₹${silverPerG.toFixed(2)}/g
${due>0 ? '✅ Zakat due: ₹' + due.toFixed(0) : '⚠ Below nisab — no zakat'}

Educational only. Consult a qualified Mufti for final ruling — particularly on stocks, pension/EPF, business inventory.

`; }; }, // 📚 Islamic finance education edu(body) { const TOPICS = [ 'What makes a stock halal vs haram', 'AAOIFI screening criteria explained', 'Riba (interest) and modern banking', 'Murabaha vs conventional loans', 'Sukuk vs conventional bonds', 'Physical gold vs gold ETFs (Shariah view)', 'Day trading & margin — halal or haram?', 'Cryptocurrency in Islamic finance', 'Zakat on stocks and mutual funds', 'Purification of incidental haram income' ]; body.innerHTML = `

📚 ISLAMIC FINANCE EDUCATION
Tap any topic for a clean explainer from AURIX.

${TOPICS.map(t => `${esc(t)}`).join('')}

`; body.querySelectorAll('[data-t]').forEach(p => p.onclick = async () => { const t = p.dataset.t; $('ed-out').innerHTML = '⏳ AURIX is explaining…'; const ans = await llm([ { role:'system', content:'You are AURIX, a halal Islamic finance educator. Explain clearly in 200 words max. Cite AAOIFI standards when relevant. End with one practical takeaway.' }, { role:'user', content: t } ]); $('ed-out').innerHTML = `

${esc(t)}

${esc(ans).replace(/\n/g,'
')}

`; }); }, // 📈 Metals historical sketch (using Yahoo chart endpoint) metals(body) { body.innerHTML = `

📈 METALS HISTORICAL SKETCH
30-day price trajectory for physical metals.

${[['GC=F','🪙 Gold'],['SI=F','🥈 Silver'],['PL=F','⚪ Platinum'],['PA=F','⚫ Palladium'],['HG=F','🟠 Copper']] .map(([s,l]) => `${l}`).join('')}

`; body.querySelectorAll('[data-s]').forEach(p => p.onclick = async () => { const s = p.dataset.s; const PROXIES = [u=>'https://corsproxy.io/?'+encodeURIComponent(u), u=>'https://api.allorigins.win/raw?url='+encodeURIComponent(u)]; const url = `https://query1.finance.yahoo.com/v8/finance/chart/${s}?interval=1d&range=1mo`; let j; for (const pr of PROXIES) { try { const r = await fetch(pr(url)); if (r.ok) { j = await r.json(); break; } } catch(_){} } if (!j?.chart?.result?.[0]) { $('mc-meta').textContent = 'Data unreachable.'; return; } const res = j.chart.result[0]; const closes = res.indicators.quote[0].close.filter(v=>v!==null); const min = Math.min(...closes), max = Math.max(...closes); const cvs = $('mc'), ctx = cvs.getContext('2d'); const accent = getComputedStyle(document.documentElement).getPropertyValue('--primary').trim() || '#d4af37'; ctx.clearRect(0,0,cvs.width,cvs.height); ctx.strokeStyle = accent; ctx.lineWidth = 2; ctx.beginPath(); closes.forEach((c,i) => { const x = (i/(closes.length-1))*cvs.width; const y = cvs.height - ((c-min)/(max-min))*cvs.height*0.9 - 10; if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); }); ctx.stroke(); // gradient fill under line ctx.lineTo(cvs.width, cvs.height); ctx.lineTo(0, cvs.height); ctx.closePath(); const grad = ctx.createLinearGradient(0,0,0,cvs.height); grad.addColorStop(0, accent+'66'); grad.addColorStop(1, accent+'00'); ctx.fillStyle = grad; ctx.fill(); $('mc-meta').textContent = `${p.textContent} · 30-day · min $${min.toFixed(2)} · max $${max.toFixed(2)} · last $${closes[closes.length-1].toFixed(2)}`; }); } }; HANDLERS_NEW = (window.HANDLERS_NEW||{}); window.HANDLERS_NEW.aurix = AURIX; /* ============================================================ * ============ TIER-2 BONUS UPGRADES ==================== * Extends existing agents with the polish items from your list. * ============================================================ */ // #6 ATLAS — Pomodoro timer ATLAS.pomodoro = function(body) { const st = store.get('pomo', { runs:0, mins:0, last:0 }); body.innerHTML = `

⏱ POMODORO STUDY TIMER
25 min focus → 5 min break → repeat. Auto-tracks hours into your dashboard.

Focus minutes

Break minutes

25:00

▶ START ⏹ STOP

📊 STATS
Sessions completed: ${st.runs}
Total focus minutes: ${st.mins}
Last session: ${st.last ? new Date(st.last).toLocaleString() : 'never'}

`; let timer = null, secs = 0, phase = 'focus'; function fmt(s) { const m = Math.floor(s/60), x = s%60; return String(m).padStart(2,'0')+':'+String(x).padStart(2,'0'); } function update() { const c = $('pm-clock'); if (c) c.textContent = fmt(secs); if (secs <= 0) { clearInterval(timer); timer = null; if (phase === 'focus') { const f = +$('pm-f').value || 25; st.runs++; st.mins += f; st.last = Date.now(); store.set('pomo', st); const stats = store.get('study_stats', { topics:[],quizzes:[],hours:0,weak:[] }); stats.hours += f/60; store.set('study_stats', stats); toast('🎉 Focus done! Take a '+($('pm-b').value||5)+' min break','success', 8000); if ('Notification' in window && Notification.permission === 'granted') try { new Notification('Pomodoro complete', { body: 'Focus session done — take a break.' }); } catch(_){} phase = 'break'; secs = (+$('pm-b').value||5)*60; c.style.color = '#10b981'; timer = setInterval(() => { secs--; update(); }, 1000); } else { toast('⏰ Break over — back to work!','warn',8000); phase = 'focus'; c.style.color = ''; ATLAS.pomodoro(body); } } } $('pm-start').onclick = () => { if (timer) return; secs = (+$('pm-f').value||25)*60; timer = setInterval(() => { secs--; update(); }, 1000); toast('Focus mode on — see you in '+(secs/60)+' min','info'); }; $('pm-stop').onclick = () => { clearInterval(timer); timer = null; phase = 'focus'; secs = 0; update(); }; }; // #7 ATLAS — Quiz score persistence helper (exposed globally so atlas.html can call it) window.atlasLogQuiz = function(topic, score) { const stats = JSON.parse(localStorage.getItem('atlas_study_stats') || '{"topics":[],"quizzes":[],"hours":0,"weak":[]}'); stats.quizzes.push({ topic, score, t: Date.now() }); if (score < 60 && !stats.weak.includes(topic)) stats.weak.push(topic); if (!stats.topics.includes(topic)) stats.topics.push(topic); localStorage.setItem('atlas_study_stats', JSON.stringify(stats)); }; // #8 ATLAS — Voice-read flashcards (override the existing flashcards method) const _origFC = ATLAS.flashcards; ATLAS.flashcards = function(body) { _origFC.call(this, body); // patch the rendered card to add a "🔊 READ ALOUD" button setTimeout(() => { const host = $('fc-host'); if (!host) return; const obs = new MutationObserver(() => { if (host.querySelector('.au-flash') && !host.querySelector('.fc-read')) { const btn = document.createElement('button'); btn.className = 'au-btn ghost fc-read'; btn.textContent = '🔊 READ ALOUD'; btn.style.marginTop = '8px'; btn.onclick = (e) => { e.stopPropagation(); const sides = host.querySelectorAll('.au-flash-side'); if (!sides.length || !window.speechSynthesis) return; speechSynthesis.cancel(); const u1 = new SpeechSynthesisUtterance(sides[0].textContent.trim()); const u2 = new SpeechSynthesisUtterance(sides[1].textContent.trim()); u1.rate = 0.95; u2.rate = 0.95; u1.onend = () => { host.querySelector('.au-flash').classList.add('flipped'); setTimeout(() => speechSynthesis.speak(u2), 800); }; speechSynthesis.speak(u1); }; host.appendChild(btn); } }); obs.observe(host, { childList: true }); }, 300); }; // Add new tabs into ATLAS panel const _atlasOpen = ATLAS.open; ATLAS.open = function(tab) { openPanel('ATLAS — Study Enhancements', { 'DASHBOARD': b => this.dashboard(b), 'SRS': b => this.srs(b), 'FLASHCARDS': b => this.flashcards(b), 'PDF CHUNKS': b => this.pdf(b), 'MIND MAP': b => this.mindmap(b), 'POMODORO': b => this.pomodoro(b) }, tab); }; // #9 ORBIT — JSZip multi-file export ORBIT.zipExport = function(body) { body.innerHTML = `

📦 ZIP EXPORT
Bundle multiple products into a single .zip (uses JSZip from CDN).

Pick products to bundle

📦 BUILD & DOWNLOAD ZIP

`; const lib = store.get('product_library', []); $('zx-list').innerHTML = lib.length ? lib.map((p,i) => ` ${esc(p.name)} (${p.type})`).join('') : 'Library empty.'; $('zx-go').onclick = async () => { const picks = [...body.querySelectorAll('[data-zi]:checked')].map(c => lib[+c.dataset.zi]); if (!picks.length) return toast('Pick at least one','warn'); $('zx-status').textContent = 'Loading JSZip…'; if (!window.JSZip) { await new Promise((res,rej) => { const s=document.createElement('script'); s.src='https://cdn.jsdelivr.net/npm/jszip@3.10.1/dist/jszip.min.js'; s.onload=res; s.onerror=rej; document.head.appendChild(s); }).catch(()=>{ $('zx-status').textContent='❌ JSZip CDN failed'; }); } if (!window.JSZip) return; const zip = new JSZip(); picks.forEach((p,i) => zip.file(`${i+1}-${p.name.replace(/\W/g,'_').slice(0,40)}.html`, p.html)); zip.file('README.txt', 'Bundle generated by ORBIT on '+new Date().toString()+'\nContains '+picks.length+' files.'); const blob = await zip.generateAsync({ type:'blob' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = $('zx-name').value||'orbit-bundle.zip'; a.click(); $('zx-status').innerHTML = '✅ Built '+picks.length+' files into ZIP'; }; }; // #10 ORBIT — Listing copy generator ORBIT.listing = function(body) { body.innerHTML = `

🛒 SELL LISTING GENERATOR
One product → Gumroad/Instamojo/Etsy ready copy with title, description, tags, pricing.

Product description All platformsGumroadInstamojoEtsyAmazon 📝 GENERATE LISTING

`; $('ls-go').onclick = async () => { const d = $('ls-desc').value.trim(); if (!d) return; $('ls-out').innerHTML = '⏳ Crafting listing…'; const ans = await llm([ { role:'system', content:'You write conversion-optimized e-commerce product listings. Output STRICT JSON: {"title":"max 80 chars","short_desc":"1-2 sentences","long_desc":"3-4 paragraph SEO copy","bullet_features":["..."],"tags":["..."],"pricing":{"low":"$X","sweet":"$Y","premium":"$Z"}}. No prose.' }, { role:'user', content: 'Platform: '+$('ls-platform').value+'\nProduct: '+d } ]); let r; try { r = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_){ const m = ans.match(/\{[\s\S]*\}/); if(m) try{r=JSON.parse(m[0])}catch(_){}; } if (!r) return $('ls-out').innerHTML = 'Parse failed.'; $('ls-out').innerHTML = `

TITLE
${esc(r.title)}

SHORT DESC
${esc(r.short_desc)}

LONG DESC
${esc(r.long_desc).replace(/\n/g,'
')}

FEATURES
${(r.bullet_features||[]).map(f=>'• '+esc(f)).join('
')}

TAGS
${(r.tags||[]).map(t=>''+esc(t)+'').join('')}

PRICING
Low: ${esc(r.pricing?.low)} · Sweet: ${esc(r.pricing?.sweet)} · Premium: ${esc(r.pricing?.premium)}

📋 COPY ALL JSON`; }; }; // #11 ORBIT — Version history per product ORBIT.versions = function(body) { const lib = store.get('product_library', []); // group by base name const groups = {}; lib.forEach((p,i) => { const base = p.name.replace(/\s*\(v\d+\)\s*$/, '').trim(); (groups[base] = groups[base] || []).push({ ...p, idx:i }); }); body.innerHTML = `

🕒 VERSION HISTORY
Every edit creates a new version. Rollback anytime.

${Object.entries(groups).map(([n, vs]) => `

${esc(n)} · ${vs.length} version(s) ${vs.sort((a,b)=>(b.v||1)-(a.v||1)).map(v => `

v${v.v||1} · ${new Date(v.t).toLocaleString()} · ${v.html.length} chars 👁 PREVIEW ⏪ ROLLBACK

`).join('')}

`).join('') || 'No products yet.'}`; }; const _orbitOpen = ORBIT.open; ORBIT.open = function(tab) { openPanel('ORBIT — Builder Enhancements', { 'TEMPLATES': b => this.templates(b), 'EDIT/ITERATE': b => this.edit(b), 'LIBRARY': b => this.library(b), 'IMAGES': b => this.images(b), 'ZIP EXPORT': b => this.zipExport(b), 'LISTINGS': b => this.listing(b), 'VERSIONS': b => this.versions(b) }, tab); }; // #12 AEGIS — Real code execution (Pyodide for Python, eval for JS) AEGIS.runner = function(body) { body.innerHTML = `

âš¡ RUN CODE LIVE
JavaScript runs instantly. Python uses Pyodide (loaded on first run, ~10MB).

Language JavaScriptPython (Pyodide)

Code // JS demo const sum = [1,2,3,4,5].reduce((a,b)=>a+b,0); console.log("Sum:", sum); "Hello from AEGIS"; ▶ EXECUTE ⤴ PULL FROM AEGIS LANG TAB Output

`; $('rn-pull').onclick = () => { const o = pullFrom('aegis','last_code'); if(o){ $('rn-src').value = o.data.replace(/```\w*\s*|```/g,'').trim(); } }; $('rn-go').onclick = async () => { const src = $('rn-src').value; const lang = $('rn-lang').value; $('rn-out').textContent = '⏳ Running…'; if (lang === 'js') { const logs = []; const origLog = console.log; console.log = (...a) => { logs.push(a.map(x => typeof x === 'object' ? JSON.stringify(x) : String(x)).join(' ')); origLog(...a); }; try { const result = (new Function(src))(); if (result !== undefined) logs.push('→ ' + (typeof result === 'object' ? JSON.stringify(result, null, 2) : String(result))); $('rn-out').textContent = logs.join('\n') || '(no output)'; } catch(e) { $('rn-out').textContent = '❌ ' + e.message; } finally { console.log = origLog; } } else if (lang === 'py') { if (!window.pyodide) { $('rn-out').textContent = '⏳ Loading Pyodide (~10MB, first time only)…'; if (!window.loadPyodide) { await new Promise((res,rej)=>{ const s=document.createElement('script'); s.src='https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js'; s.onload=res; s.onerror=rej; document.head.appendChild(s); }).catch(()=>{ $('rn-out').textContent='❌ Pyodide CDN failed'; }); } window.pyodide = await loadPyodide({ indexURL: 'https://cdn.jsdelivr.net/pyodide/v0.24.1/full/' }); } try { let out = ''; pyodide.setStdout({ batched: s => out += s + '\n' }); pyodide.setStderr({ batched: s => out += s + '\n' }); const result = await pyodide.runPythonAsync(src); if (result !== undefined) out += '→ ' + result; $('rn-out').textContent = out || '(no output)'; } catch(e) { $('rn-out').textContent = '❌ ' + e.message; } } }; }; // #13 AEGIS — GitHub integration AEGIS.github = function(body) { body.innerHTML = `

🐙 GITHUB
Uses the token from Settings → Connectors → GitHub.

Operation

Create repo Push a file to repo Create issue List my repos

🚀 EXECUTE

`; const renderForm = () => { const op = $('gh-op').value; const f = $('gh-form'); if (op==='create_repo') f.innerHTML = `Repo name Private`; if (op==='push_file') f.innerHTML = `owner/repoPathContentCommit message`; if (op==='create_issue') f.innerHTML = `owner/repoTitleBody`; if (op==='list_repos') f.innerHTML = ''; }; $('gh-op').onchange = renderForm; renderForm(); $('gh-go').onclick = async () => { const tok = (window.getConnectorToken && window.getConnectorToken('github')) || ''; if (!tok) return toast('Connect GitHub first (Settings → Connectors)','warn'); const op = $('gh-op').value; const H = { 'Authorization':'Bearer '+tok, 'Accept':'application/vnd.github+json', 'Content-Type':'application/json' }; let url, init; try { if (op === 'create_repo') { url = 'https://api.github.com/user/repos'; init = { method:'POST', headers:H, body: JSON.stringify({ name:$('gh-n').value, private:$('gh-priv').checked, auto_init:true }) }; } else if (op === 'push_file') { const repo = $('gh-r').value, path = $('gh-p').value; const content = btoa(unescape(encodeURIComponent($('gh-c').value))); url = `https://api.github.com/repos/${repo}/contents/${path}`; init = { method:'PUT', headers:H, body: JSON.stringify({ message:$('gh-m').value, content }) }; } else if (op === 'create_issue') { url = `https://api.github.com/repos/${$('gh-r').value}/issues`; init = { method:'POST', headers:H, body: JSON.stringify({ title:$('gh-t').value, body:$('gh-b').value }) }; } else { url = 'https://api.github.com/user/repos?per_page=20&sort=updated'; init = { headers:H }; } const r = await fetch(url, init); const d = await r.json(); $('gh-out').textContent = JSON.stringify(d, null, 2).slice(0, 4000); if (r.ok) toast('✅ ' + op + ' succeeded','success'); else toast('❌ ' + (d.message || 'failed'),'error'); } catch(e) { $('gh-out').textContent = '❌ ' + e.message; } }; }; const _aegisOpen = AEGIS.open; AEGIS.open = function(tab) { openPanel('AEGIS — Code Enhancements', { 'LIVE PREVIEW': b => this.preview(b), 'MULTI-FILE PROJECT': b => this.multifile(b), 'LANGUAGE STACK': b => this.langs(b), 'RUN CODE': b => this.runner(b), 'GITHUB': b => this.github(b) }, tab); }; // #14 HEALER — Bug pattern library + #15 Explain Mode HEALER.bugs = function(body) { const lib = store.get('bug_library', []); body.innerHTML = `

🐛 BUG PATTERN LIBRARY
Every fix HEALER does is cached. Next time, it suggests the instant fix.

${lib.length ? lib.slice().reverse().map((b,i) => `

${esc(b.pattern)}
Fix: ${esc(b.fix).slice(0,200)}…
Seen ${b.count}× · last ${new Date(b.t).toLocaleString()}

`).join('') : 'No patterns logged yet. Run a fix to populate.'} 🗑 CLEAR`; }; HEALER.explain = function(body) { body.innerHTML = `

💡 EXPLAIN MODE
Paste broken code. HEALER explains in plain English what's wrong + writes the fix.

Broken code 🔍 EXPLAIN & FIX

`; $('ex-go').onclick = async () => { const src = $('ex-src').value; if (!src.trim()) return; $('ex-out').innerHTML = '⏳ Analyzing…'; const ans = await llm([ { role:'system', content:'You are HEALER in EXPLAIN mode. Output STRICT JSON: {"diagnosis":"plain-English description of what is wrong","why":"why it broke","fixed_code":"the corrected code","changes":["list of specific changes made"]}. No prose, no fences.' }, { role:'user', content: src } ]); let r; try { r = JSON.parse(ans.replace(/```json\s*|```/g,'').trim()); } catch(_){ const m=ans.match(/\{[\s\S]*\}/); if(m) try{r=JSON.parse(m[0])}catch(_){}; } if (!r) return $('ex-out').innerHTML='Parse failed'; // Cache to bug library const lib = store.get('bug_library', []); const existing = lib.find(b => b.pattern === r.diagnosis); if (existing) { existing.count++; existing.t = Date.now(); } else lib.push({ pattern: r.diagnosis, fix: r.fixed_code, count:1, t: Date.now() }); store.set('bug_library', lib); $('ex-out').innerHTML = `

🔍 DIAGNOSIS
${esc(r.diagnosis)}

💭 WHY
${esc(r.why)}

✅ CHANGES
${(r.changes||[]).map(c=>'• '+esc(c)).join('
')}

${esc(r.fixed_code)}

📋 COPY FIX`; }; }; const _healerOpen = HEALER.open; HEALER.open = function(tab) { openPanel('HEALER — Repair Enhancements', { 'DIFF VIEW': b => this.diff(b), 'SUGGESTIONS': b => this.suggest(b), 'PULL FROM AGENT': b => this.pull(b), 'EXPLAIN MODE': b => this.explain(b), 'BUG LIBRARY': b => this.bugs(b) }, tab); }; // #16 TESTER — Auto-run on broadcast + #17 WCAG accessibility window.addEventListener('message', e => { if (!e.data?.__agentBus) return; if (AGENT !== 'tester') return; if (e.data.type === 'auto-qa' && e.data.data?.html) { const html = e.data.data.html; toast('🧪 Auto-QA triggered','info'); // lightweight scoring: count issues const flags = []; if (!/

🟠 AUGUST conversation

Exported ${new Date().toLocaleString()} · ${h.length} messages

${h.map(m => `

${m.role.toUpperCase()} ${new Date(m.t||Date.now()).toLocaleString()}
${esc(m.content).replace(/\n/g,'
')}

`).join('')}

⚙ SETTINGS

Enter password to access settings

UNLOCK

Wrong password!

✅ Settings unlocked!

🔊 SoundON

🌙 Dark ThemeON

🌐 LanguageEnglishTamil

CLOSE

`; const blob = new Blob([html],{type:'text/html'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='august-chat-'+Date.now()+'.html'; a.click(); }; $('ex-json').onclick = () => { const blob = new Blob([JSON.stringify(h,null,2)],{type:'application/json'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='august-chat-'+Date.now()+'.json'; a.click(); }; }; const _augustOpen = AUGUST.open; AUGUST.open = function() { openPanel('AUGUST — Streaming Chat', { 'CHAT (streaming + history)': b => this.chat(b), 'HISTORY': b => this.history(b), 'PERSONA': b => this.persona(b), 'EXPORT': b => this.export(b) }); }; /* ============================================================ * BOOT — init the upgrade pack for whichever agent is loaded * ============================================================ */ const HANDLERS = { atlas:ATLAS, orbit:ORBIT, aegis:AEGIS, healer:HEALER, tester:TESTER, friday:FRIDAY, nero:NERO, nova:NOVA, vector:VECTOR, august:AUGUST, aurix:AURIX }; function boot() { const h = HANDLERS[AGENT]; if (h && h.init) { ensureStyles(); h.init(); console.log(`[AGENT-UPGRADES] ${AGENT.toUpperCase()} enhancements loaded.`); } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else setTimeout(boot, 600); })();

⚙ SETTINGS

Enter password to access settings

UNLOCK

Wrong password!

✅ Settings unlocked!

🔊 SoundON

🌙 Dark ThemeON

🌐 LanguageEnglishTamil

CLOSE