/* global React */ const useStateD = React.useState; const useEffectD = React.useEffect; const useRefD = React.useRef; const useMemoD = React.useMemo; const useCallbackD = React.useCallback; const D = window.NEXUS_DATA; const UD = window.NEXUS_UTIL; // ============================================================ // Trigger Cycle button // ============================================================ function TriggerButton({ running, progress, onTrigger }) { return ( ); } // ============================================================ // Trading signal panel // ============================================================ function TradingSignal({ signal }) { const colorMap = { BUY: { c: "var(--green)", bg: "linear-gradient(135deg, rgba(16,185,129,0.18), rgba(16,185,129,0.04))" }, SELL: { c: "var(--red)", bg: "linear-gradient(135deg, rgba(239,68,68,0.20), rgba(239,68,68,0.04))" }, HOLD: { c: "var(--yellow)", bg: "linear-gradient(135deg, rgba(245,158,11,0.18), rgba(245,158,11,0.04))" }, }; const m = colorMap[signal.decision] || colorMap.HOLD; return (
} title="Trading Signal" sub="Quant strategy output · last cycle" right={} />
Decision
{signal.decision}
0 ? "+" : ""}${(signal.positionDelta*100).toFixed(0)}%`} valueColor={signal.positionDelta < 0 ? "var(--red)" : "var(--green)"}/>
Rationale
{signal.rationale}
generated {UD.timeAgo(signal.generatedAt)} strategy: momentum-rsi-divergence
); } function Pill({ label, value, valueColor }) { return (
{label} {value}
); } // ============================================================ // Analyst Health panel // ============================================================ function AnalystHealth({ health }) { const tempHot = health.npu.temp_c > 70; const memPct = (health.npu.mem_mb / health.npu.mem_total_mb) * 100; const utilPct = health.npu.util * 100; return (
} title="Analyst Agent · Health" sub={`uptime ${Math.floor(health.uptime_s/3600)}h ${Math.floor((health.uptime_s%3600)/60)}m`} right={} />
{health.backend} } /> {health.model}} /> {health.inference_p50_ms}ms} /> {health.inference_p99_ms}ms} />
); } function KV({ k, v }) { return (
{k}
{v}
); } function Meter({ label, value, pct, color }) { return (
{label} {value}
); } // ============================================================ // Job history table // ============================================================ function JobHistoryTable({ jobs, onSelect }) { return (
} title="Job History" sub={`${jobs.length} escrow events`} right={ e.currentTarget.style.color = "var(--blue)"} onMouseLeave={(e)=> e.currentTarget.style.color = "var(--fg-2)"}> view all } />
{jobs.map((j) => ( onSelect && onSelect(j)}> ))}
Job ID Status Asset Amount Worker Time Disburse Tx
{j.asset} {UD.timeAgo(j.createdAt)} {j.disburseSig ? ( e.stopPropagation()} style={{ display: "inline-flex", alignItems: "center", gap: 4, fontSize: 11, fontFamily: "var(--font-mono)" }}> {UD.truncatePubkey(j.disburseSig, 5, 4)} ) : —}
); } function Th({ children, align = "left" }) { return ( {children} ); } function Td({ children, align = "left" }) { return ( {children} ); } // ============================================================ // Sentiment panel // ============================================================ function SentimentPanel({ sentiment }) { const sampleCount = Object.values(sentiment).reduce((sum, item) => sum + (item.samples || 0), 0); return (
} title="Asset Sentiment" sub="Latest cross-asset analysis" right={{sampleCount ? `n=${sampleCount.toLocaleString()}` : "waiting"}} />
{Object.entries(sentiment).length ? Object.entries(sentiment).map(([asset, data]) => ( )) :
No live sentiment result yet.
}
); } // ============================================================ // Dashboard page // ============================================================ function DashboardPage({ jobs, sentiment, signal, health, running, progress, activePhase, completedThrough, currentArtifacts, onTrigger }) { const totalJobs = jobs.length; const totalDisbursedLamports = jobs.filter(j => j.status === "Disbursed").reduce((a, j) => a + j.amountLamports, 0); const activeEscrows = jobs.filter(j => j.status === "Initialized" || j.status === "Proof Submitted" || j.status === "Escrow Locked").length + (running ? 1 : 0); const inferenceTimes = jobs.filter(j => j.inferenceMs).map(j => j.inferenceMs); const avgInf = inferenceTimes.length ? Math.round(inferenceTimes.reduce((a,b)=>a+b,0) / inferenceTimes.length) : 0; return (
{/* Hero stats */}
} sparkline={buildSpark(2.1)} trend="+12%" /> } sparkline={buildSpark(7.4)} trend="+0.075" /> } sparkline={buildSpark(11.2)} /> } sparkline={buildSpark(3.8)} trend="-8ms" />
{/* Trigger + flow */}
Hire-loop control
Manual cycle dispatch
Quant agent issues a paid request to the Analyst worker. Each cycle locks{" "} 0.025 SOL in escrow until proof of inference is submitted on-chain.
POST · localhost:3001 polling 2s
{/* Two-col: signal + analyst */}
{/* Sentiment */} {/* Job history */}
); } window.DashboardPage = DashboardPage;