@oracle-agent/oracle 0.13.0 → 0.13.1

package/public/oracle-console/index.html

@@ -0,0 +1,91 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Oracle Console</title>
+<link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+  <main class="page">
+    <header class="hero">
+      <p class="hero-line">Preview agent permissions before you install a real wallet-enforced session.</p>
+      <p class="hero-sub">
+        Full crypto pack: multichain reads, quotes, simulation, and unsigned
+        transaction prep across 11 EVM chains plus Solana and Bitcoin L1 lanes.
+        Protocol builder included &mdash; design and prepare a deploy, sign it yourself.
+      </p>
+      <p class="hero-posture">
+        Every lane starts <strong>DISARMED</strong>. This console previews policy only and does not authorize an agent.
+      </p>
+    </header>
+
+    <section class="cta-row">
+      <button id="connect-btn" class="cta" type="button">Preview agent permissions</button>
+      <button id="btc-connect-btn" class="cta cta-secondary" type="button">Connect Bitcoin wallet</button>
+      <p id="wallet-state" class="wallet-state" aria-live="polite"></p>
+      <p id="btc-wallet-state" class="wallet-state" aria-live="polite"></p>
+    </section>
+
+    <section id="btc-panel" class="permission-panel btc-panel" hidden>
+      <h2 class="panel-title">Bitcoin lane</h2>
+      <p class="panel-note">Actual BTC L1 + ordinals/runes via Satflow. Sign in wallet (Xverse / UniSat / Leather / OKX / Phantom). Magic Eden BTC marketplace is dead. Oracle never holds keys.</p>
+      <dl class="panel-grid">
+        <dt>Wallet</dt>
+        <dd id="btc-wallet-label">.</dd>
+        <dt>Address</dt>
+        <dd id="btc-address">.</dd>
+        <dt>Detected</dt>
+        <dd id="btc-detected">.</dd>
+      </dl>
+      <p id="btc-panel-status" class="panel-status" aria-live="polite"></p>
+    </section>
+
+    <section class="sequence" aria-label="connection sequence">
+      <div class="seq-step" id="step-connect" data-state="pending">
+        <span class="seq-index">1</span>
+        <span class="seq-label">Connect</span>
+      </div>
+      <div class="seq-arrow">-&gt;</div>
+      <div class="seq-step" id="step-bound" data-state="pending">
+        <span class="seq-index">2</span>
+        <span class="seq-label">Review</span>
+      </div>
+      <div class="seq-arrow">-&gt;</div>
+      <div class="seq-step" id="step-enforced" data-state="pending">
+        <span class="seq-index">3</span>
+        <span class="seq-label">Preview</span>
+      </div>
+    </section>
+
+    <section id="permission-panel" class="permission-panel" hidden>
+      <h2 class="panel-title">What this agent can do</h2>
+      <dl class="panel-grid">
+        <dt>Chain</dt>
+        <dd id="perm-chain">.</dd>
+
+        <dt>Actions</dt>
+        <dd id="perm-actions">.</dd>
+
+        <dt>Targets</dt>
+        <dd id="perm-targets">.</dd>
+
+        <dt>Max value</dt>
+        <dd id="perm-max-value">.</dd>
+
+        <dt>Expiry</dt>
+        <dd id="perm-expiry">.</dd>
+      </dl>
+      <button id="revoke-btn" class="revoke" type="button">Clear preview</button>
+      <p id="panel-status" class="panel-status" aria-live="polite"></p>
+    </section>
+
+    <footer class="custody-line">
+      <p>You keep custody. A preview is not an installed grant, session key, or revocation.</p>
+    </footer>
+  </main>
+
+  <script src="bitcoin-wallets.js"></script>
+  <script src="app.js"></script>
+</body>
+</html>

package/public/oracle-console/styles.css

@@ -0,0 +1,239 @@
+/* Oracle Console. Public frontend, Slice I.
+   Palette: obsidian #0A0E0D bg, mint #50D2C1 accent, off-white #F2F5F3 text,
+   cool grey #b0d4d5 secondary. No other brand colors. */
+
+:root {
+  --obsidian: #0A0E0D;
+  --mint: #50D2C1;
+  --off-white: #F2F5F3;
+  --cool-grey: #b0d4d5;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+  padding: 0;
+  background: var(--obsidian);
+  color: var(--off-white);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+
+.page {
+  max-width: 640px;
+  margin: 0 auto;
+  padding: 48px 24px 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+}
+
+.hero {
+  text-align: center;
+}
+
+.hero-line {
+  font-size: 22px;
+  line-height: 1.4;
+  color: var(--off-white);
+  margin: 0;
+}
+
+.hero-sub {
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--muted, #9aa4b2);
+  margin: 12px auto 0;
+  max-width: 60ch;
+}
+
+.hero-posture {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--muted, #9aa4b2);
+  margin: 8px 0 0;
+}
+
+.hero-posture strong {
+  color: var(--off-white);
+  letter-spacing: 0.04em;
+}
+
+.cta-row {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.cta {
+  background: var(--mint);
+  color: var(--obsidian);
+  border: none;
+  border-radius: 8px;
+  padding: 14px 32px;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.cta:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.cta:hover:not(:disabled) {
+  opacity: 0.9;
+}
+
+.cta-secondary {
+  background: transparent;
+  color: var(--mint);
+  border: 1px solid var(--mint);
+}
+
+.panel-note {
+  margin: 0 0 16px;
+  color: var(--cool-grey);
+  font-size: 14px;
+  line-height: 1.45;
+}
+
+.btc-panel {
+  border-color: var(--mint);
+}
+
+.wallet-state {
+  margin: 0;
+  color: var(--cool-grey);
+  font-size: 14px;
+  min-height: 20px;
+  text-align: center;
+}
+
+.sequence {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+}
+
+.seq-step {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 14px;
+  border: 1px solid var(--cool-grey);
+  border-radius: 999px;
+  color: var(--cool-grey);
+}
+
+.seq-step[data-state="active"] {
+  border-color: var(--mint);
+  color: var(--mint);
+}
+
+.seq-step[data-state="done"] {
+  border-color: var(--mint);
+  color: var(--obsidian);
+  background: var(--mint);
+}
+
+.seq-index {
+  font-size: 12px;
+  font-weight: 700;
+  border: 1px solid currentColor;
+  border-radius: 999px;
+  width: 18px;
+  height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.seq-label {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.seq-arrow {
+  color: var(--cool-grey);
+  font-size: 14px;
+}
+
+.permission-panel {
+  border: 1px solid var(--cool-grey);
+  border-radius: 12px;
+  padding: 24px;
+  background: rgba(80, 210, 193, 0.04);
+}
+
+.panel-title {
+  margin: 0 0 16px;
+  font-size: 16px;
+  color: var(--off-white);
+}
+
+.panel-grid {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  row-gap: 10px;
+  column-gap: 16px;
+  margin: 0;
+}
+
+.panel-grid dt {
+  color: var(--cool-grey);
+  font-size: 13px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.panel-grid dd {
+  margin: 0;
+  color: var(--off-white);
+  font-size: 14px;
+  word-break: break-word;
+}
+
+.revoke {
+  margin-top: 20px;
+  background: transparent;
+  color: var(--mint);
+  border: 1px solid var(--mint);
+  border-radius: 8px;
+  padding: 10px 20px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.revoke:hover:not(:disabled) {
+  background: var(--mint);
+  color: var(--obsidian);
+}
+
+.revoke:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.panel-status {
+  margin: 12px 0 0;
+  color: var(--cool-grey);
+  font-size: 13px;
+  min-height: 18px;
+}
+
+.custody-line {
+  text-align: center;
+  color: var(--cool-grey);
+  font-size: 13px;
+}
+
+.custody-line p {
+  margin: 0;
+}