@oracle-agent/oracle 0.5.0 → 0.6.0

package/public/oracle-splash/index.html

@@ -4,12 +4,12 @@
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>ORACLE</title>
-<meta name="description" content="Oracle multichain agent control. 13 chains, six bounded surfaces, prepare-only public plane. Self-custody. Powered by Hermes." />
+<meta name="description" content="Oracle multichain agent control. Prepare-only public plane. Self-custody. Powered by Hermes." />
 <meta name="theme-color" content="#0B1018" />
 <meta name="robots" content="noindex,nofollow" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:wght@500;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@500;650;750;850&family=Manrope:wght@600;800&family=Outfit:wght@300;400;500;700&family=Sora:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet" />
+<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:wght@500;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@500;650;750;850&family=UnifrakturCook:wght@700&family=Manrope:wght@600;800&family=Outfit:wght@300;400;500;700&family=Sora:wght@500;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet" />
 <style>
 :root{
  --bg:#0B1018;
@@ -19,8 +19,8 @@
  --blue2:#A7D8FF;
  --blue-dim:#3a6f99;
  --ink:#E8F1FA;
- --cool:#9BB6D1;
- --mute:#5B738F;
+ --cool:#B7CCE0;
+ --mute:#89A3BE;
  --line:rgba(124,196,255,.14);
  --line-2:rgba(124,196,255,.24);
  --evm:#7CC4FF;
@@ -39,8 +39,8 @@
 *{box-sizing:border-box;margin:0;padding:0}
 html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
 body{
- min-height:100dvh;background:var(--bg);color:var(--ink);
- font-family:var(--sans);font-weight:300;overflow-x:hidden;
+ min-height:100dvh;background:var(--bg);color:var(--ink);position:relative;isolation:isolate;
+ font-family:var(--sans);font-weight:350;overflow-x:hidden;
 }
 ::selection{background:var(--blue);color:#061018}
 a{color:inherit;text-decoration:none}
@@ -92,7 +92,6 @@ img{display:inline-block}
  align-items:center;gap:16px;
  padding:14px var(--pad);
  background:rgba(11,16,24,.82);
- backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
 }
 .brand{
@@ -118,12 +117,12 @@ img{display:inline-block}
 .nav-cta:hover{border-color:var(--blue);color:var(--blue2);box-shadow:0 0 0 1px rgba(124,196,255,.12)}
 
 /* fixed soft field behind content */
-#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;opacity:.9}
+#gl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;opacity:.75;pointer-events:none}
 .veil{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
-  radial-gradient(60% 50% at 50% 28%, rgba(124,196,255,.08), transparent 58%),
-  linear-gradient(180deg, rgba(11,16,24,.2), var(--bg) 88%);
+  radial-gradient(60% 50% at 50% 28%, rgba(124,196,255,.10), transparent 58%),
+  linear-gradient(180deg, rgba(11,16,24,.12), rgba(11,16,24,.42));
 }
 main{position:relative;z-index:2;padding-top:84px}
 
@@ -146,10 +145,10 @@ main{position:relative;z-index:2;padding-top:84px}
  margin-bottom:6px;position:relative;z-index:3;
 }
 .hero-stage{position:relative;width:100%;display:grid;place-items:center;min-height:clamp(360px,52vh,560px)}
-.hero-art{position:absolute;inset:0;display:grid;place-items:center;z-index:1;pointer-events:none}
-#orb-gl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,840px);aspect-ratio:1;display:none}
-.webgl-orb #orb-gl{display:block}
-.webgl-orb .hero-orb{display:none}
+.hero-art{position:absolute;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}
+#orb-vid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(74vw,620px);aspect-ratio:1;object-fit:contain;opacity:0;transition:opacity 1.4s var(--ease);mix-blend-mode:screen}
+#orb-vid.ready{opacity:.5}
+.blender-orb .hero-orb{display:none}
 .hero-orb{
  width:clamp(380px,50vw,640px);aspect-ratio:1;position:relative;transform-style:preserve-3d;
  animation:orb-slew 22s linear infinite;
@@ -178,6 +177,9 @@ main{position:relative;z-index:2;padding-top:84px}
  text-shadow:0 2px 30px rgba(0,0,0,.6);
 }
 .home-title em{font-style:italic;color:var(--blue2)}
+.hero-lockup{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
+.hero-byline{margin-top:12px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--blue2);position:relative;z-index:3}
+.hero-byline:hover{color:var(--ink)}
 .home-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}
 .home-copy p:not(.home-kicker){max-width:56ch;color:#aac0d6;font-size:16px;line-height:1.7;margin:18px 0 0;text-shadow:0 1px 20px rgba(0,0,0,.65)}
 .home-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;align-items:center;justify-content:center}
@@ -211,7 +213,7 @@ main{position:relative;z-index:2;padding-top:84px}
  max-width:18ch;margin-bottom:12px;
 }
 .section-title em{font-style:italic;color:var(--blue2)}
-.section-lede{max-width:52ch;color:var(--cool);font-size:15px;line-height:1.65;margin-bottom:clamp(28px,4vw,44px)}
+.section-lede{max-width:52ch;color:#B7CCE0;font-size:16px;line-height:1.7;margin-bottom:clamp(28px,4vw,44px)}
 
 /* orchestration graph */
 .graph-shell{
@@ -219,9 +221,9 @@ main{position:relative;z-index:2;padding-top:84px}
  background:linear-gradient(180deg, rgba(124,196,255,.04), transparent 42%), var(--panel);
 }
 .graph-top{
- display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;
+ display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  padding:14px 18px;border-bottom:1px solid var(--line);
- font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
+ font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#88A6C2;
 }
 .graph-top b{color:var(--blue);font-weight:500}
 .graph-canvas{padding:clamp(28px,4vw,40px) clamp(14px,2.5vw,24px) clamp(22px,3vw,30px);overflow:auto}
@@ -246,7 +248,7 @@ main{position:relative;z-index:2;padding-top:84px}
  .route-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 }
 .node{
- border:1px solid var(--line-2);border-radius:14px;background:rgba(11,16,24,.72);
+ border:1px solid rgba(124,196,255,.42);border-radius:14px;background:rgba(21,32,49,.92);
  padding:14px 12px;text-align:center;
  transition:border-color .3s,transform .3s var(--ease),box-shadow .3s;
 }
@@ -260,11 +262,11 @@ main{position:relative;z-index:2;padding-top:84px}
  display:flex;flex-direction:column;align-items:center;
 }
 .node.hub .orbital{width:74px;height:74px;margin:2px 0 10px;filter:drop-shadow(0 0 20px rgba(124,196,255,.35))}
-.node .tag{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
+.node .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#88A6C2;margin-bottom:8px}
 .node.hub .tag{color:var(--blue)}
-.node .name{font-family:var(--display);font-size:22px;line-height:1;letter-spacing:.01em;margin-bottom:6px}
+.node .name{font-family:var(--display);font-size:22px;font-weight:500;color:#DCEAF6;line-height:1;letter-spacing:.01em;margin-bottom:6px}
 .node.hub .name{font-size:34px;font-weight:400;font-style:italic}
-.node .sub{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--cool);line-height:1.45}
+.node .sub{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#AAC4DC;line-height:1.5}
 .node.route{min-height:138px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;padding:14px}
 .node.route .name{font-size:18px;margin-bottom:8px}
 .node.route .chains{
@@ -367,7 +369,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .moat-card:hover{background:var(--panel-2)}
 .moat-card .n{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
 .moat-card h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.2vw,26px)}
-.moat-card p{color:var(--cool);font-size:14px;line-height:1.55;max-width:44ch}
+.moat-card p{color:#B7CCE0;font-size:15px;line-height:1.55;max-width:44ch}
 @media (max-width:860px){.moat-grid{grid-template-columns:1fr}}
 .evolve-rail{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
@@ -382,7 +384,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .wires{height:40px;position:relative}
 .wires svg{width:100%;height:100%;display:block;overflow:visible}
 .wires path{
- fill:none;stroke:rgba(124,196,255,.35);stroke-width:1.25;stroke-linecap:round;
+ fill:none;stroke:rgba(124,196,255,.58);stroke-width:1.5;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;
  transition:stroke-dashoffset 1.3s var(--ease);
 }
@@ -411,8 +413,11 @@ main{position:relative;z-index:2;padding-top:84px}
 .route-card h3{font-family:var(--display);font-weight:400;font-size:26px;display:flex;align-items:center;gap:10px}
 .route-card h3 img{width:20px;height:20px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .route-card .where{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
-.route-card p{color:var(--cool);font-size:13.5px;line-height:1.55}
+.route-card p{color:#B7CCE0;font-size:15px;line-height:1.55}
 .route-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
+.route-card.p-add{grid-column:1/-1;align-items:center;text-align:center;justify-content:center;gap:14px;padding:30px 22px}
+.route-card.p-add .chips{justify-content:center;margin-top:4px}
+.route-card.p-add p{max-width:46ch}
 .chip-s{
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--cool);
@@ -434,6 +439,16 @@ main{position:relative;z-index:2;padding-top:84px}
 
 /* chains */
 .chain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
+.hl-surface{margin-top:34px;border:1px solid var(--line);border-radius:14px;padding:20px;background:rgba(124,196,255,.02)}
+.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
+.hl-grid article{border:1px solid var(--line);border-radius:10px;padding:14px 15px;background:rgba(255,255,255,.012)}
+.hl-grid h3{font-family:var(--display);font-size:15px;font-weight:500;color:var(--ink);margin:0 0 6px}
+.hl-grid p{font-size:14px;line-height:1.6;color:#B7CCE0;margin:0}
+.hl-note{margin:16px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--cool);opacity:.62}
+.hip3{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
+.hl-note code{font-family:var(--mono);color:var(--blue2);opacity:.9}
+@media(max-width:900px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media(max-width:620px){.hl-grid{grid-template-columns:1fr}}
 .chain{
  border:1px solid var(--line);border-radius:14px;padding:16px;
  background:linear-gradient(180deg, rgba(124,196,255,.035), transparent 55%), var(--panel);
@@ -472,6 +487,7 @@ main{position:relative;z-index:2;padding-top:84px}
 .chip img{width:18px;height:18px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06)}
 .chip.wm-chip{padding:10px 16px}
 .chip img.wm{width:auto;height:20px;max-width:150px;border-radius:0;object-fit:contain;background:none;opacity:.92}
+.chip img.wm.tall{height:22px;max-width:26px}
 
 .chip .wordmark{font-family:var(--proto-font,var(--sans));font-weight:var(--proto-weight,750);font-style:var(--proto-style,normal);text-transform:var(--proto-transform,none);letter-spacing:var(--proto-track,-.025em);line-height:1.2}
 .proto-uniswap{--proto-font:"Inter",var(--sans);--proto-color:#ff4dcb;--proto-weight:850}
@@ -522,6 +538,8 @@ main{position:relative;z-index:2;padding-top:84px}
 }
 
 footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);padding:32px var(--pad) 40px;position:relative;z-index:2}
+.labs-link{font-family:"UnifrakturCook","Old English Text MT","Lucida Blackletter",serif;font-size:16px;letter-spacing:.04em;text-transform:none;color:var(--blue2)}
+.labs-link:hover{color:var(--ink)}
 .foot-row{
  max-width:var(--max);margin:0 auto 14px;
  display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:center;
@@ -541,9 +559,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);
 }
 
-.js .rv{opacity:0;transform:translateY(18px);filter:blur(4px)}
-.js .rv.in{opacity:1;transform:none;filter:blur(0);transition:opacity 1s var(--ease),transform 1s var(--ease),filter .9s var(--ease)}
-.js .rv.done{filter:none;transform:none;will-change:auto}
+.js .rv{opacity:0;transform:translateY(18px)}
+.js .rv.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
+.js .rv.done{transform:none;will-change:auto}
 
 @media (max-width:960px){
  .hero-stage{min-height:clamp(300px,44vh,460px)}.home-title{font-size:clamp(80px,20vw,150px)}
@@ -602,7 +620,6 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </span>
   oracle</a>
  <nav class="nav-links" aria-label="Primary">
-  <span class="nav-chip">13 chains · 6 bounded surfaces</span>
   <a class="hide-sm" href="#orchestration">How it works</a>
   <a class="hide-sm" href="#wallets">Wallets</a>
   <a class="hide-sm" href="#chains">Chains</a>
@@ -617,7 +634,9 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  <div class="home-inner">
   <div class="hero-stage">
    <div class="hero-art" aria-hidden="true">
-    <canvas id="orb-gl"></canvas>
+    <video id="orb-vid" autoplay muted loop playsinline preload="metadata" poster="assets/hero/orb.avif">
+     <source src="assets/hero/orb.webm" type="video/webm">
+    </video>
     <div class="hero-orb" id="hero-orb">
      <span class="lat l1"></span><span class="lat l2"></span><span class="lat l3"></span><span class="lat l4"></span>
      <span class="par p1"></span><span class="par p2"></span><span class="par p3"></span>
@@ -626,14 +645,16 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <span class="orbit-dot"></span>
     </div>
    </div>
-   <h1 class="home-title" id="hero-title">OR<em>ACLE</em></h1>
+   <div class="hero-lockup" id="hero-title">
+    <h1 class="home-title">OR<em>ACLE</em></h1>
+    <a class="hero-byline" href="https://x.com/demi_hl" target="_blank" rel="noopener noreferrer">BY DEMI</a>
+   </div>
   </div>
   <div class="home-copy">
    <p class="home-kicker">self-custody agent control</p>
-   <p>One control plane for Hyperliquid, Polymarket, EVM, Bitcoin, Solana, Stable, Robinhood Chain, and new protocol builds. The model prepares. Policy bounds. You enter when your wallet signs.</p>
+   <p>One control plane for Hyperliquid, Polymarket, EVM, Bitcoin, Solana, Stable, Robinhood Chain, and new protocol builds. Cross-chain research, trade, protocol interactions, NFT listing and buying. The all-in-one crypto agent. The future is agentic.</p>
    <div class="home-actions">
     <a class="enter-cta" href="#orchestration">Enter oracle</a>
-    <span class="hero-note">13 chains · 6 bounded surfaces · protocol builder</span>
    </div>
   </div>
  </div>
@@ -642,13 +663,11 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 <section class="section" id="orchestration">
  <p class="section-label rv">How it works</p>
  <h2 class="section-title rv">Multi-profile. <em>Customizable.</em></h2>
- <p class="section-lede rv">Not one bot. A mesh: Input / Command hits the oracle control plane, then fans out across venue profiles, multi-chain EVM, Bitcoin, Solana, and a protocol builder. The public plane is prepare-only. Your wallet signs.</p>
+ <p class="section-lede rv">Not one bot. A mesh with profile routing via Hermes: Input / Command hits the oracle control plane, then fans out across venue profiles, multi-chain EVM, Bitcoin, Solana, and a protocol builder. Any MCP harness can drive a single agent. The public plane is prepare-only. Your wallet signs.</p>
 
  <div class="graph-shell rv">
   <div class="graph-top">
-   <span>for <b>users</b></span>
    <span>multi-profile // protocol builder // multi-chain</span>
-   <span><b>prepare-only</b> public plane</span>
   </div>
 
   <div class="evolve-rail">
@@ -843,6 +862,16 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
      <span class="chip-s">best route</span>
     </div>
    </article>
+   <article class="route-card p-nft">
+    <div class="where">nft agent →</div>
+    <h3>Cross-chain NFTs <img src="assets/protocols/opensea.png" alt="OpenSea" loading="lazy"></h3>
+    <p>List across 22 EVM chains and Solana via OpenSea. Buy and list Ordinals through Satflow with proven PSBT provenance. Solana listings via Magic Eden. Floors, holdings and PnL are read first, then prepared for your signature.</p>
+    <div class="chips">
+     <span class="chip-s">list</span>
+     <span class="chip-s">buy</span>
+     <span class="chip-s">floor · pnl</span>
+    </div>
+   </article>
    <article class="route-card p-stable">
     <div class="where">stable agent →</div>
     <h3>Stable <img src="https://icons.llamao.fi/icons/chains/rsz_stable?w=40&h=40" alt="Stable" loading="lazy"></h3>
@@ -943,11 +972,26 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  <h2 class="section-title rv">Where you can <em>operate.</em></h2>
  <p class="section-lede rv">Live coverage grows with the profile mesh. Each chain maps to an agent, and new agents can join.</p>
  <div class="chain-grid" id="chain-grid"></div>
+ <div class="hl-surface rv">
+  <div class="venues-head"><span>hyperliquid // what oracle actually does</span><span><b>prepare-only</b> · your wallet signs</span></div>
+  <div class="hl-grid">
+   <article><h3>Perps</h3><p>Asset info, order + bracket prepare, cancel, leverage and isolated-margin updates. Tick and lot sizing enforced to 5 sig figs.</p></article>
+   <article><h3>Spot &amp; markets</h3><p>Spot meta, mids, L2 book, candles, market and coin datapoints, leaderboards.</p></article>
+   <article><h3>Staking</h3><p>Validator summaries, delegations, rewards and history. Stake deposit, withdraw and delegate prepare with a 7-day unstaking queue.</p></article>
+   <article><h3>Outcome markets</h3><p>HIP-4 outcome listing plus order and cancel prepare.</p></article>
+   <article><h3>Account state</h3><p>Clearinghouse state, open orders, user fills, positions.</p></article>
+   <article><h3>HyperEVM 999</h3><p>Token search and metadata on chain 999, routed with the EVM lane.</p></article>
+  </div>
+ </div>
  <div class="venues rv">
   <div class="venues-head"><span>protocols // venues</span><span><b>routed by name</b> · quotes ranked · prepare-only</span></div>
   <div class="marquee" aria-hidden="true"><div class="track" id="proto-track-a"></div></div>
   <div class="marquee rev" aria-hidden="true"><div class="track" id="proto-track-b"></div></div>
  </div>
+ <div class="venues rv">
+  <div class="venues-head"><span>models // harnesses</span><span><b>bring your own model</b> · oracle is the control plane</span></div>
+  <div class="marquee" aria-hidden="true"><div class="track" id="llm-track"></div></div>
+ </div>
  </section>
 
  <section class="section" id="custody" style="padding-top:clamp(48px,8vh,80px)">
@@ -977,8 +1021,7 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   </div>
  </div>
  <div class="foot-meta">
-  <span>oracle · for users</span>
-  <span>13 chains · six bounded surfaces · protocol builder</span>
+  <span>oracle · <a class="labs-link" href="https://demi.la">locals only labs</a></span>
   <span>you sign // no house custody</span>
  </div>
 </footer>
@@ -1014,16 +1057,21 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
 
  var WM = "assets/wordmarks/";
  var PROTOS_A = [
-  { n: "Uniswap",     wm: "uniswap.svg" },
   { n: "Hyperliquid", wm: "hyperliquid.svg" },
+  { n: "Outcome",     wm: "outcome.svg" },
+  { n: "XYZ",         wm: "xyz.svg" },
+  { n: "Markets By Kinetiq", txt: 1 },
+  { n: "HyENA",       wm: "hyena.svg" },
+  { n: "Paragon",     txt: 1 },
+  { n: "HyperSwap",   wm: "hyperswap.svg" },
+  { n: "Uniswap",     wm: "uniswap.svg" },
   { n: "Polymarket",  wm: "polymarket.png" },
   { n: "Aerodrome",   wm: "aerodrome.svg" },
   { n: "Velodrome",   wm: "velodrome.svg" },
   { n: "PancakeSwap", wm: "pancakeswap.svg" },
   { n: "QuickSwap",   wm: "quickswap.png" },
-  { n: "LFJ",         c: "lfj", s: "protocols/lfj" },
-  { n: "HyperSwap",   wm: "hyperswap.svg" },
-  { n: "Curve",       c: "curve", s: "protocols/curve-dex" },
+  { n: "LFJ",         txt: 1 },
+  { n: "Curve",       txt: 1 },
   { n: "Balancer",    wm: "balancer.svg" },
   { n: "Pendle",      wm: "pendle.png" }
  ];
@@ -1047,14 +1095,35 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
   var seq = list.concat(list);
   return seq.map(function (x) {
    if (x.wm) {
-    return '<span class="chip wm-chip"><img class="wm" src="' + WM + x.wm + '" alt="' + x.n + '" loading="lazy"></span>';
+    return '<span class="chip wm-chip"><img class="wm" src="' + WM + x.wm + '" alt="' + x.n + '" decoding="async"></span>';
    }
-   return '<span class="chip proto-' + x.c + '"><img src="' + ICON + x.s + '?w=32&h=32" alt="" loading="lazy"><span class="wordmark">' + x.n + '</span></span>';
+   return '<span class="chip wm-chip"><span class="wordmark">' + x.n + '</span></span>';
   }).join("");
  }
  document.getElementById("proto-track-a").innerHTML = chipRow(PROTOS_A);
  document.getElementById("proto-track-b").innerHTML = chipRow(PROTOS_B);
 
+ var LM = "assets/llms/";
+ var LLMS = [
+  { n: "Hermes Agent", wm: "hermes.png", tall: 1 },
+  { n: "Claude",       wm: "claude.svg" },
+  { n: "Grok",         wm: "grok.svg" },
+  { n: "Codex",        wm: "codex.svg" },
+  { n: "Gemini",       wm: "gemini.svg" },
+  { n: "OpenClaw",     wm: "openclaw.svg", tall: 1 },
+  { n: "Perplexity",   wm: "perplexity.svg" },
+  { n: "Manus",        wm: "manus.svg" },
+  { n: "Cursor",       wm: "cursor.svg" },
+  { n: "Windsurf",     wm: "windsurf.svg" },
+  { n: "DeepSeek",     wm: "deepseek.svg" },
+  { n: "Qwen",         wm: "qwen.svg", tall: 1 },
+  { n: "Kimi",         wm: "kimi.svg" }
+ ];
+ document.getElementById("llm-track").innerHTML = LLMS.concat(LLMS).map(function (x) {
+  var cls = x.tall ? "wm tall" : "wm";
+  return '<span class="chip wm-chip"><img class="' + cls + '" src="' + LM + x.wm + '" alt="' + x.n + '" decoding="async">' + (x.tall ? '<span class="wordmark">' + x.n + '</span>' : '') + '</span>';
+ }).join("");
+
  var loader = document.getElementById("loader");
  var fill = document.getElementById("loader-fill");
  requestAnimationFrame(function () { fill.style.width = "100%"; });
@@ -1103,104 +1172,17 @@ footer{margin-top:clamp(72px,12vh,120px);border-top:1px solid var(--line);paddin
  }
 
  (function () {
-  var cv = document.getElementById("orb-gl");
-  if (!cv || reduced) return;
-  var g = cv.getContext("webgl", { antialias: true, alpha: true, premultipliedAlpha: false });
-  if (!g) return;
-  document.querySelector(".hero-art").classList.add("webgl-orb");
-  document.body.classList.add("webgl-orb");
-
-  var N = 4200;
-  var pos = new Float32Array(N * 4);
-  var GA = Math.PI * (3 - Math.sqrt(5));
-  for (var i = 0; i < N; i++) {
-   var y = 1 - (i / (N - 1)) * 2;
-   var r = Math.sqrt(1 - y * y);
-   var th = GA * i;
-   pos[i * 4] = Math.cos(th) * r;
-   pos[i * 4 + 1] = y;
-   pos[i * 4 + 2] = Math.sin(th) * r;
-   pos[i * 4 + 3] = (i % 97) / 97;
-  }
-  var vs = [
-   "attribute vec4 p;",
-   "uniform float t; uniform float dpr; uniform vec2 m;",
-   "varying float vd; varying float vtw;",
-   "void main(){",
-   " float a = t*.22 + m.x*.35;",
-   " float ca=cos(a), sa=sin(a);",
-   " vec3 q = vec3(p.x*ca + p.z*sa, p.y, -p.x*sa + p.z*ca);",
-   " float b = .42 + m.y*.22;",
-   " float cb=cos(b), sb=sin(b);",
-   " q = vec3(q.x, q.y*cb - q.z*sb, q.y*sb + q.z*cb);",
-   " float persp = 2.2/(2.2 - q.z*.9);",
-   " vd = q.z*.5+.5;",
-   " vtw = p.w;",
-   " gl_Position = vec4(q.x*.58*persp, q.y*.58*persp, 0., 1.);",
-   " gl_PointSize = (1.8 + vd*4.2) * dpr;",
-   "}"
-  ].join("\n");
-  var fs = [
-   "precision mediump float;",
-   "uniform float t;",
-   "varying float vd; varying float vtw;",
-   "void main(){",
-   " vec2 c = gl_PointCoord - .5;",
-   " float d = length(c);",
-   " if (d > .5) discard;",
-   " float soft = smoothstep(.5, .28, d);",
-   " float tw = .82 + .18*sin(t*2.2 + vtw*40.0);",
-   " vec3 near = vec3(.86,.95,1.0);",
-   " vec3 far = vec3(.24,.44,.68);",
-   " vec3 col = mix(far, near, vd);",
-   " float alpha = soft * mix(.2, 1.0, vd*vd) * tw;",
-   " gl_FragColor = vec4(col*alpha, alpha);",
-   "}"
-  ].join("\n");
-  function sh(ty, src) { var s = g.createShader(ty); g.shaderSource(s, src); g.compileShader(s); return s; }
-  var pr = g.createProgram();
-  g.attachShader(pr, sh(g.VERTEX_SHADER, vs));
-  g.attachShader(pr, sh(g.FRAGMENT_SHADER, fs));
-  g.linkProgram(pr); g.useProgram(pr);
-  var buf = g.createBuffer();
-  g.bindBuffer(g.ARRAY_BUFFER, buf);
-  g.bufferData(g.ARRAY_BUFFER, pos, g.STATIC_DRAW);
-  var loc = g.getAttribLocation(pr, "p");
-  g.enableVertexAttribArray(loc);
-  g.vertexAttribPointer(loc, 4, g.FLOAT, false, 0, 0);
-  var uT = g.getUniformLocation(pr, "t");
-  var uD = g.getUniformLocation(pr, "dpr");
-  var uM = g.getUniformLocation(pr, "m");
-  var mx = 0, my = 0, tx = 0, ty = 0;
-  window.addEventListener("pointermove", function (e) {
-   tx = (e.clientX / window.innerWidth - .5) * 2;
-   ty = (e.clientY / window.innerHeight - .5) * 2;
-  }, { passive: true });
-  g.enable(g.BLEND);
-  g.blendFunc(g.ONE, g.ONE_MINUS_SRC_ALPHA);
-  var dpr = Math.min(window.devicePixelRatio || 1, 2);
-  function size() {
-   var w = Math.floor(cv.clientWidth * dpr), h = Math.floor(cv.clientHeight * dpr);
-   if (cv.width !== w || cv.height !== h) { cv.width = w; cv.height = h; g.viewport(0, 0, w, h); }
-  }
-  var run = true;
-  function frame(now) {
-   if (!run) return;
-   size();
-   g.clearColor(0, 0, 0, 0);
-   g.clear(g.COLOR_BUFFER_BIT);
-   mx += (tx - mx) * .04; my += (ty - my) * .04;
-   g.uniform1f(uT, now * .001);
-   g.uniform1f(uD, dpr);
-   g.uniform2f(uM, mx, my);
-   g.drawArrays(g.POINTS, 0, N);
-   requestAnimationFrame(frame);
-  }
+  var v = document.getElementById("orb-vid");
+  if (!v) return;
+  var art = document.querySelector(".hero-art");
+  function ready() { art.classList.add("blender-orb"); v.classList.add("ready"); }
+  if (v.readyState >= 2) ready();
+  v.addEventListener("loadeddata", ready, { once: true });
+  if (reduced) { v.removeAttribute("autoplay"); v.pause(); ready(); return; }
   document.addEventListener("visibilitychange", function () {
-   run = document.visibilityState === "visible";
-   if (run) requestAnimationFrame(frame);
+   if (document.visibilityState === "visible") { var q = v.play(); if (q && q.catch) q.catch(function () {}); }
+   else v.pause();
   });
-  requestAnimationFrame(frame);
  })();
 
  var nodes = Array.prototype.slice.call(document.querySelectorAll(".rv, .wires"));

package/skills/oracle-chat/SKILL.md

@@ -0,0 +1,61 @@
+---
+name: oracle-chat
+description: "Use when opening the one oracle chat surface, selecting chains with /chain, or configuring messaging with /setup."
+version: 1.0.0
+---
+
+# oracle chat surface
+
+You are **oracle** — one lowercase persona. Models can change underneath via `/model`. Branding stays oracle.
+
+## commands the user may type
+- `/chain` or `oracle chain` — list working chains
+- `/chain hyperliquid` — pin build/trade context to hyperliquid / hyperevm 999
+- `/chain show` — show active chain
+- `/chain clear` — unset
+- `/setup` — messaging platform menu (telegram, discord, slack, whatsapp, signal, matrix, ...)
+- `/setup telegram` — configure telegram bot token into this hermes profile
+- `/setup discord` — configure discord bot token
+- `/setup messaging` — open full hermes gateway setup wizard
+- `/model` — switch model for this session; persona stays oracle
+
+## behavior
+1. When the user asks to build on a chain, prefer the active chain from env:
+   - `ORACLE_ACTIVE_CHAIN`
+   - `ORACLE_ACTIVE_CHAIN_ID`
+   - `ORACLE_ACTIVE_AGENT`
+2. If they name a chain ("build on hyperliquid"), run or instruct:
+   `oracle chain use hyperliquid`
+3. Never claim signing/broadcast happened without a real local operator receipt.
+4. Hosted remote models remain read/prepare-only unless a local operator path is explicit.
+5. Keep replies lowercase-friendly and terse. No glaze.
+
+## terminal and telegram are the same oracle
+
+`oracle` in a TTY launches Hermes with `-p oracle`. Telegram is wired to that
+same profile. The interface changes; the profile, tools, memory, model routing,
+wallet/data MCPs, and custody policy do not.
+
+- Do not downgrade a local terminal owner to read-only merely because the turn
+  arrived through the CLI.
+- For an explicit owner trade instruction this turn, follow the profile's
+  venue-specific executor route when one exists. Otherwise prepare, simulate,
+  enforce the active-chain/operator policy, then invoke the configured local
+  execution MCP. The signer/operator remains authoritative.
+- If confirmation is not explicit, show the exact action and wait for it.
+- `arm` is a chat action for one exact intent and TTL. Never tell the owner to
+  flip an execution environment variable.
+- A tool refusal is a real policy wall. Report the exact refusal instead of
+  bypassing it.
+- Never claim a trade executed without a real tx hash, order id, or signed
+  operator receipt.
+
+## shell helpers
+```bash
+oracle chain list
+oracle chain use hyperliquid
+oracle setup status
+oracle setup telegram --token <BOT_TOKEN>
+oracle setup gateway restart
+oracle chat
+```

package/skills/oracle-chat/chain.SKILL.md

@@ -0,0 +1,31 @@
+---
+name: chain
+description: "Use when the user types /chain or wants to list/select oracle working chains (hyperliquid, base, solana, bitcoin, ...)."
+version: 1.0.0
+disable-model-invocation: true
+---
+
+# /chain
+
+Run the local oracle chain selector. Do not invent chains.
+
+```bash
+# list
+oracle chain list
+
+# select build surface
+oracle chain use {{arg1}}
+
+# show / clear
+oracle chain show
+oracle chain clear
+```
+
+If `{{arg1}}` is empty, run `oracle chain list`.
+If `{{arg1}}` is `show`, `status`, `clear`, `list`, or a chain key, pass it through:
+
+```bash
+oracle chain {{arg1}} {{arg2}}
+```
+
+After selection, confirm active chain key + id + agent in lowercase.

package/skills/oracle-chat/setup.SKILL.md

@@ -0,0 +1,37 @@
+---
+name: setup
+description: "Use when the user types /setup or wants to connect telegram, discord, slack, or other hermes messaging platforms to oracle."
+version: 1.0.0
+disable-model-invocation: true
+---
+
+# /setup
+
+Configure hermes messaging for the oracle profile. Secrets stay local.
+
+```bash
+# menu + status (never prints tokens)
+oracle setup status
+
+# open full hermes wizard
+oracle setup messaging
+
+# platform shortcuts
+oracle setup telegram
+oracle setup discord
+oracle setup slack
+oracle setup whatsapp
+
+# gateway control
+oracle setup gateway status
+oracle setup gateway restart
+```
+
+If the user passed args after `/setup`, forward them:
+
+```bash
+oracle setup {{arg1}} {{arg2}} {{arg3}}
+```
+
+If no args, show `oracle setup status`.
+Never echo bot tokens, app tokens, or passwords back into chat.