Pup - the AI's own browser - src/extension-identity/identity.html

by adom

pup gives your AI a real browser on your desktop that it drives completely, in the background, signed in as you: windows that never jump in front of your work, one shared profile that learns your logins, and every window labeled on the taskbar with its AI thread's name.

Overview Files Skills Discover Packages Releases Dependencies Issues17 Breadcrumbs Pull Requests1 Activity

master

History Download

John Lauer Toolbar popup actions actually fire from any tab (John clicked Annotate and nothing happened): the popup could only mat… 3c2844b 3mo ago

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 31 32 33 34 35 36 37 38 39 40

<!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>