Adom Browser Extension - demo/demo3.html

by adom

Your AI's hands in your real, signed-in browser. The Adom Browser Extension (abe) works with both Chrome and Edge: build, drive, and test web apps, and log past vendor walls, in the browser you already use - cookies, SSO, saved logins and captcha trust intact. The nbrowser_* bridge (pup's counterpart) runs in your actual logged-in profile.

Overview Files Skills Discover Packages Releases Dependencies Issues1 Breadcrumbs Pull Requests Activity

Download

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<!doctype html><html><head><meta charset="utf-8"><title>Adom Native Browser — Live Demo</title>
<style>
  html,body{margin:0;height:100%}
  body{background:radial-gradient(1200px 700px at 85% -8%,rgba(0,184,177,.14),transparent 60%),linear-gradient(155deg,#0a0e14,#0d1117 55%,#071318);
       color:#e6edf3;font-family:'Segoe UI',system-ui,sans-serif;padding:46px 56px}
  h1{color:#39d3cb;font-size:38px;margin:0 0 6px;letter-spacing:-.5px}
  .sub{color:#8b949e;margin:0 0 34px;font-size:17px}
  .row{margin:20px 0}
  label{color:#aeb8c4;margin-right:14px;font-size:16px}
  #name{padding:13px 16px;width:330px;border:1px solid #2a3340;border-radius:10px;background:#11161d;color:#e6edf3;font-size:16px;outline:none}
  #name:focus{border-color:#00b8b1;box-shadow:0 0 0 3px rgba(0,184,177,.18)}
  .pay{padding:15px 30px;border:none;border-radius:11px;background:linear-gradient(180deg,#0fb3ab,#0a8f88);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(0,184,177,.25)}
  .tipwrap{position:relative;display:inline-block}
  .hovbox{padding:13px 22px;border:1.5px solid #00b8b1;border-radius:10px;color:#5fe3db;font-weight:600;background:#11161d;cursor:default;display:inline-block}
  .tipwrap .tt{visibility:hidden;opacity:0;transition:.15s;position:absolute;bottom:128%;left:0;background:#1c2a3a;color:#fff;padding:10px 14px;border-radius:8px;white-space:nowrap;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.5)}
  .tipwrap:hover .tt{visibility:visible;opacity:1}
  .ctx{padding:26px;background:#11161d;border:2px dashed #2a3340;border-radius:12px;color:#8b949e;font-size:16px}
  #status{margin-top:30px;font-size:22px;font-weight:700;color:#39d3cb}
.dblbox{padding:13px 22px;border:1.5px solid #8c6bf7;border-radius:10px;color:#b9a6ff;font-weight:600;background:#11161d;cursor:default;display:inline-block}
</style></head><body>
<h1>Adom Native Browser — Live Demo</h1>
<p class="sub">Driving John's real, signed-in Chrome. Watch the actions happen for real.</p>
<div class="row"><label>Your name:</label><input id="name" placeholder="Adom will type here"></div>
<div class="row"><button class="pay" onclick="document.getElementById('status').textContent='✓ Paid $42.00'">Pay $42.00</button></div>
<div class="row"><span class="tipwrap"><span class="hovbox">Hover me for a tooltip</span><span class="tt">🅰️ Tooltip revealed by Adom's hover!</span></span></div>
<div class="row"><span class="dblbox" ondblclick="document.getElementById('status').textContent='✓ Double-click detected'">Double-click me</span></div>

<div class="row ctx" oncontextmenu="document.getElementById('status').textContent='✓ Right-click detected'">Right-click anywhere inside this box</div>
<div id="status">status: waiting…</div>
</body></html>