Release binaries / Build macOS ARM64 (push) Has been cancelled
Release binaries / Build macOS x64 (push) Has been cancelled
Release binaries / Build Linux ARM64 (push) Has been cancelled
Release binaries / Build Linux musl ARM64 (push) Has been cancelled
Release binaries / Build Linux musl x64 (push) Has been cancelled
Release binaries / Build Linux x64 (push) Has been cancelled
Release binaries / Build Windows x64 (push) Has been cancelled
Release binaries / Attach binaries to GitHub Release (push) Has been cancelled
Standalone product rename across the whole repo (issue: project identity): - Binary/package/repo/skill/docs: agent-browser[-stealth] → chrome-use (single binary name `chrome-use`; old aliases agent-browser/abs dropped). - Version: 0.27.0-fork.51 → 1.0.0 (drop the upstream-fork counter). - Native-messaging host: com.agent_browser.connect → com.leeguoo.chrome_use (CLI + ab-connect extension in lockstep — this is a breaking handshake change, extension bumped 0.4.2 → 0.5.0, needs a Web Store republish). - Config dir: ~/.agent-browser → ~/.chrome-use. - README/zh: reframed from "stealth fork of agent-browser" to a standalone product with a small `originally based on vercel-labs/agent-browser` credit. - Kept AGENT_BROWSER_* env vars working (63 vars across the codebase; renaming them would break every existing script/skill for no user-facing gain). Build green, 802 unit tests pass, fmt + clippy clean. Upstream attribution to vercel-labs/agent-browser preserved.
127 lines
3.4 KiB
HTML
127 lines
3.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<style>
|
|
:root {
|
|
--bg: #0f1115;
|
|
--panel: #161a21;
|
|
--fg: #e6edf3;
|
|
--muted: #8b949e;
|
|
--cyan: #2ad4ff;
|
|
--green: #3fb950;
|
|
--amber: #d29922;
|
|
--border: #232a33;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; }
|
|
body {
|
|
width: 320px;
|
|
background: var(--bg);
|
|
color: var(--fg);
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.55;
|
|
}
|
|
header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 16px 16px 12px;
|
|
border-bottom: 1px solid var(--border);
|
|
}
|
|
header img { width: 32px; height: 32px; border-radius: 7px; }
|
|
header .title { font-weight: 600; font-size: 14px; }
|
|
header .ver { color: var(--muted); font-size: 11px; }
|
|
main { padding: 14px 16px 8px; }
|
|
.status {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 9px;
|
|
padding: 10px 12px;
|
|
background: var(--panel);
|
|
border: 1px solid var(--border);
|
|
border-radius: 9px;
|
|
}
|
|
.dot {
|
|
width: 9px; height: 9px; border-radius: 50%;
|
|
background: var(--muted); flex: none;
|
|
box-shadow: 0 0 0 0 rgba(0,0,0,0);
|
|
}
|
|
.dot.on { background: var(--green); box-shadow: 0 0 8px var(--green); }
|
|
.dot.off { background: var(--amber); box-shadow: 0 0 8px var(--amber); }
|
|
.status .label { font-weight: 600; }
|
|
.status .sub { color: var(--muted); font-size: 11px; }
|
|
.desc { color: var(--muted); margin: 12px 2px 4px; }
|
|
.hint {
|
|
margin: 10px 0 2px;
|
|
padding: 9px 11px;
|
|
background: #1d1a12;
|
|
border: 1px solid #3a3014;
|
|
border-radius: 8px;
|
|
color: #e3c878;
|
|
font-size: 12px;
|
|
display: none;
|
|
}
|
|
.hint code {
|
|
display: block;
|
|
margin-top: 5px;
|
|
padding: 6px 8px;
|
|
background: #0b0d10;
|
|
border-radius: 6px;
|
|
color: var(--cyan);
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
font-size: 11.5px;
|
|
user-select: all;
|
|
}
|
|
footer {
|
|
padding: 10px 16px 14px;
|
|
border-top: 1px solid var(--border);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
footer .privacy { color: var(--muted); font-size: 11px; }
|
|
footer a { color: var(--cyan); text-decoration: none; font-size: 11px; cursor: pointer; }
|
|
footer a:hover { text-decoration: underline; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<img src="icons/icon128.png" alt="" />
|
|
<div>
|
|
<div class="title">chrome-use</div>
|
|
<div class="ver">local automation bridge</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="status">
|
|
<span id="dot" class="dot"></span>
|
|
<div>
|
|
<div class="label" id="statusLabel">Checking…</div>
|
|
<div class="sub" id="statusSub">contacting the local CLI</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="desc">
|
|
Lets your locally-installed <strong>chrome-use</strong> command-line tool
|
|
drive your own logged-in Chrome tabs — entirely on this machine, only when
|
|
you run a command. No remote server, no data collection.
|
|
</p>
|
|
|
|
<div class="hint" id="hint">
|
|
Not linked yet. Install & pair the CLI, then reopen this popup:
|
|
<code>chrome-use extension install</code>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<span class="privacy">No tracking · no remote server</span>
|
|
<a id="repo" data-href="https://github.com/leeguooooo/chrome-use">GitHub ↗</a>
|
|
</footer>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|