app

Pup - Puppeteer Bridge

Public Made by Adom

by adom

pup is the AI's own browser: a real, full Chrome on the user's desktop that the AI fully controls (a sandbox, not the user's signed-in browser). Rides Bridge; pup_* verbs open windows and tabs, navigate, screenshot, and eval JS.

skillspuppuppeteerbrowseradom-bridgebridgepup-bridge
Overview Files Skills Discover Packages Releases Dependencies Issues4 Breadcrumbs Pull Requests Activity
pup-bridge / src / extension-identity / identity.html
Download
12345678910111213141516171819202122232425262728293031323334353637383940
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
  @font-face { font-family: 'Familjen Grotesk'; font-weight: 700; src: url(fg-700.woff2) format('woff2'); }
  @font-face { font-family: 'Satoshi'; font-weight: 400; src: url(satoshi-400.woff2) format('woff2'); }
  @font-face { font-family: 'Satoshi'; font-weight: 500; src: url(satoshi-500.woff2) format('woff2'); }
  :root { color-scheme: dark; }
  body { margin: 0; width: 264px; background: #0d1117; color: #c9d1d9;
    font: 400 13px 'Satoshi', sans-serif; border: 1px solid #30363d; }
  .card { padding: 16px 16px 12px; text-align: center; }
  .card img.avatar { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #00b8b1;
    display: block; margin: 0 auto 10px; background: #161b22; }
  .who { font: 700 16px 'Familjen Grotesk', sans-serif; color: #e6edf3; }
  .as { font-size: 11px; color: #8b949e; margin-bottom: 10px; }
  .desc { text-align: left; font-size: 12px; line-height: 1.5; color: #c9d1d9;
    background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 10px 12px; }
  .desc b { color: #00d4cb; font-weight: 500; }
  .foot { padding: 8px 16px 10px; font: 400 10.5px 'JetBrains Mono', monospace; color: #8b949e;
    border-top: 1px solid #30363d; margin-top: 12px; display: flex; justify-content: space-between; }
  .foot .dot { color: #3fb950; }
</style>
</head>
<body>
  <div class="card">
    <img class="avatar" src="icon128.png" alt="">
    <div class="who" id="who">adom-you</div>
    <div class="as" id="sub">the shared Adom browsing profile</div>
    <div id="orgs" style="display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:2px 0 10px;"></div>
    <div class="desc">
      Every pup window on this profile surfs as <b>adom-you</b>: logins made here are remembered in
      the shared credential store, so pup can sign in for you next time on every site it has seen.
      Throwaway windows use isolated profiles and never carry this identity.
    </div>
  </div>
  <div class="foot"><span><span class="dot">&#9679;</span> managed by pup</span><span id="ver"></span></div>
  <script src="identity.js"></script>
</body>
</html>