Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |
| <title>PURIQ Finance — Signal Console · SZL Holdings</title> | |
| <style> | |
| :root{--bg:#05070d;--panel:#0b1020;--edge:#1b2b4a;--ink:#dbe7ff;--dim:#5f7398;--acc:#35e0c2;--warn:#ffb454;--bad:#ff5470;--good:#54ff9f} | |
| *{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,#0d1c33 0%,var(--bg) 55%);color:var(--ink);font:14px/1.5 "SF Mono",ui-monospace,Menlo,Consolas,monospace;min-height:100vh} | |
| header{padding:22px 28px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px} | |
| h1{font-size:18px;letter-spacing:.22em;margin:0;color:var(--acc);text-transform:uppercase} | |
| .truth{font-size:11px;color:var(--warn);letter-spacing:.08em} | |
| main{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 28px;max-width:1280px;margin:0 auto} | |
| @media(max-width:900px){main{grid-template-columns:1fr}} | |
| section{background:linear-gradient(180deg,rgba(27,43,74,.25),rgba(11,16,32,.9));border:1px solid var(--edge);border-radius:10px;padding:18px 20px;box-shadow:0 0 24px rgba(53,224,194,.05) inset} | |
| h2{font-size:12px;letter-spacing:.2em;color:var(--dim);margin:0 0 14px;text-transform:uppercase} | |
| input,textarea,select{width:100%;background:#060a14;border:1px solid var(--edge);border-radius:6px;color:var(--ink);padding:9px 10px;font:inherit;margin-bottom:10px} | |
| textarea{min-height:110px;resize:vertical} | |
| button{background:transparent;border:1px solid var(--acc);color:var(--acc);border-radius:6px;padding:9px 16px;font:inherit;letter-spacing:.12em;cursor:pointer;text-transform:uppercase} | |
| button:hover{background:rgba(53,224,194,.1)} | |
| .row{display:flex;gap:10px}.row>*{flex:1} | |
| .badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;letter-spacing:.1em;border:1px solid} | |
| .b-MEASURED{color:var(--good);border-color:var(--good)}.b-BLOCKED,.b-FAILED,.b-INVALID{color:var(--bad);border-color:var(--bad)}.b-ADVISORY{color:var(--warn);border-color:var(--warn)} | |
| .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px} | |
| .kv b{color:var(--dim);font-weight:400}.kv span{text-align:right} | |
| .big{font-size:30px;letter-spacing:.15em;margin:6px 0} | |
| .BULLISH{color:var(--good)}.BEARISH{color:var(--bad)}.NEUTRAL{color:var(--dim)} | |
| .mono{font-size:11px;color:var(--dim);word-break:break-all} | |
| .err{color:var(--bad);font-size:12px;white-space:pre-wrap} | |
| a{color:var(--acc)} | |
| footer{padding:14px 28px;color:var(--dim);font-size:11px;border-top:1px solid var(--edge)} | |
| #health{font-size:11px} | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>◈ PURIQ Finance</h1> | |
| <span class="truth">ADVISORY-ONLY · PAPER-ONLY · NOT FINANCIAL ADVICE</span> | |
| <span id="health">probing…</span> | |
| </header> | |
| <main> | |
| <section> | |
| <h2>Signal Suite</h2> | |
| <div class="row"> | |
| <input id="sym" placeholder="symbol (AAPL)" value="AAPL"/> | |
| <select id="origin" style="max-width:140px"> | |
| <option value="stooq">stooq · live</option> | |
| <option value="fixture">fixture · offline</option> | |
| </select> | |
| </div> | |
| <input id="bench" placeholder="benchmark for beta (e.g. SPY, optional)"/> | |
| <button onclick="runSignals()">Run Analysis</button> | |
| <div id="sigOut" style="margin-top:14px"></div> | |
| </section> | |
| <section> | |
| <h2>Portfolio Analyzer</h2> | |
| <textarea id="pf" spellcheck="false">{"AAA":[100,101,99,103,104,102,105,107,106,109],"BBB":[50,51,50,52,53,51,54,55,54,56]}</textarea> | |
| <button onclick="runPortfolio()">Analyze</button> | |
| <div id="pfOut" style="margin-top:14px"></div> | |
| </section> | |
| <section style="grid-column:1/-1"> | |
| <h2>Provenance · Receipt Ledger — <a href="/panels">verification desk →</a></h2> | |
| <button onclick="runVerify()">Verify Chain</button> | |
| <div id="rcOut" style="margin-top:10px"></div> | |
| </section> | |
| </main> | |
| <footer>PURIQ FINANCE ENGINE v2 · schema szl.finance-engine/v2 · receipts UNSIGNED_HONEST · fail-closed by doctrine v11 · source: szl-holdings/vertical-services/services/finance</footer> | |
| <script> | |
| const $=id=>document.getElementById(id); | |
| const esc=s=>String(s).replace(/[&<>"]/g,c=>({"&":"&","<":"<",">":">",'"':"""}[c])); | |
| const badge=s=>`<span class="badge b-${esc(s)}">${esc(s)}</span>`; | |
| async function api(path,opts){const r=await fetch(path,opts);const j=await r.json().catch(()=>({state:"FAILED"}));j._http=r.status;return j} | |
| async function health(){try{const j=await api("/healthz");$("health").innerHTML=j.ok?`engine <span style="color:var(--good)">UP</span> · ${esc(j.schema)}`:"engine UNKNOWN"}catch(e){$("health").textContent="engine UNAVAILABLE"}} | |
| async function runSignals(){ | |
| const sym=encodeURIComponent($("sym").value||"AAPL"); | |
| const b=$("bench").value.trim(); | |
| const lane=$("origin").value; | |
| const j=await api(`/api/finance/v2/signals/${sym}?origin=${lane}`); | |
| if(j.state!=="MEASURED"){$("sigOut").innerHTML=`${badge(j.state||"FAILED")} <span class="err">${esc(j.reason||"unavailable")}</span>`;return} | |
| const q=await api(`/api/finance/v2/quote/${sym}?origin=${lane}${b?`&benchmark=${encodeURIComponent(b)}`:""}`); | |
| const strip=q.state==="MEASURED" | |
| ?`<div class="kv" style="margin:8px 0"><b>last</b><span>${q.stats.last.toFixed(2)} · ${q.stats.bars} bars</span><b>ann. vol</b><span>${(q.stats.volatility*100).toFixed(1)}%</span><b>sharpe</b><span>${q.stats.sharpe.toFixed(2)}</span><b>max dd</b><span>${(q.stats.max_drawdown*100).toFixed(1)}%</span>${q.stats.beta!==undefined?`<b>beta vs ${esc(q.stats.beta_vs)}</b><span>${q.stats.beta.toFixed(2)}</span>`:""}</div>` | |
| :`<div class="err" style="margin:8px 0">risk strip ${esc(q.state||"FAILED")}: ${esc(q.reason||"")}</div>`; | |
| const i=j.indicators; | |
| $("sigOut").innerHTML=`${badge(j.state)} ${badge("ADVISORY")}${strip}<div class="big ${j.verdict}">${esc(j.verdict)} <span style="font-size:14px;color:var(--dim)">votes ${j.vote_score}</span></div> | |
| <div class="kv"> | |
| <b>symbol</b><span>${esc(j.symbol)} · ${esc(j.data_origin)} · ${j.series_len} bars</span> | |
| <b>SMA 10/30</b><span>${i.sma_fast.toFixed(2)} / ${i.sma_slow.toFixed(2)}</span> | |
| <b>RSI 14</b><span>${i.rsi_14.toFixed(2)}</span> | |
| <b>MACD hist</b><span>${i.macd.histogram.toFixed(4)}</span> | |
| <b>Bollinger z</b><span>${i.bollinger_z_20.toFixed(2)}</span> | |
| </div><div class="mono">input_digest ${esc(j.input_digest)}<br>receipt ${esc(j.receipt_sha256)}</div>`; | |
| } | |
| async function runPortfolio(){ | |
| let body;try{body=JSON.parse($("pf").value)}catch(e){$("pfOut").innerHTML='<span class="err">invalid JSON</span>';return} | |
| const j=await api("/api/finance/v2/portfolio",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(body)}); | |
| if(j.state!=="MEASURED"){$("pfOut").innerHTML=`${badge(j.state||"FAILED")} <span class="err">${esc(j.reason||"")}</span>`;return} | |
| const rows=j.constituents.map(k=>{const r=j.per_asset[k];return `<div class="kv" style="margin-bottom:8px"><b>${esc(k)}</b><span>vol ${(r.volatility*100).toFixed(1)}% · sharpe ${r.sharpe.toFixed(2)} · mdd ${(r.max_drawdown*100).toFixed(1)}%</span></div>`}).join(""); | |
| $("pfOut").innerHTML=`${badge(j.state)} ${badge("ADVISORY")}<div style="margin-top:10px">${rows}</div> | |
| <div class="kv"><b>mean sharpe</b><span>${j.aggregate.mean_sharpe.toFixed(3)}</span><b>worst drawdown</b><span>${(j.aggregate.worst_drawdown*100).toFixed(1)}%</span></div> | |
| <div class="mono">report_digest ${esc(j.report_digest)}<br>receipt ${esc(j.receipt_sha256)}</div>`; | |
| } | |
| async function runVerify(){const j=await api("/api/finance/v2/receipts/verify");$("rcOut").innerHTML=`${badge(j.state==="CONSISTENT"?"MEASURED":"INVALID")} <b style="font-weight:400">${esc(j.state)}</b> · length ${j.length??"-"} <span class="err">${esc(j.reason||"")}</span>`} | |
| health();setInterval(health,30000); | |
| </script> | |
| </body> | |
| </html> | |