diff --git a/packages/extension-chrome/README.md b/packages/extension-chrome/README.md index ae592db..75c0081 100644 --- a/packages/extension-chrome/README.md +++ b/packages/extension-chrome/README.md @@ -100,6 +100,11 @@ After loading the unpacked extension and completing first-run setup: - [ ] Note: installing now prompts for **"Read your browsing history"** (the `tabs` permission, required to read every tab's URL/title). +**Web UI link:** +- [ ] The popup footer shows **"Open web UI ↗"** on every state — clicking it + opens the companion read/search/manage web UI + (https://paperhurts.github.io/gitmarks/) in a new tab. + **Native tree sync (new in v0.2):** - [ ] Drag any URL to your Chrome bookmarks bar. Wait ~1 second. Refresh `bookmarks.json` on github.com — the entry appears with diff --git a/packages/extension-firefox/README.md b/packages/extension-firefox/README.md index 341a2ec..a92f318 100644 --- a/packages/extension-firefox/README.md +++ b/packages/extension-firefox/README.md @@ -77,6 +77,9 @@ version Chrome uses) need a manual check: then auto-closes. One batched commit adds them under `folder: "Session YYYY-MM-DD"`. The add-on now requests the `tabs` permission (needed to read every tab's URL/title). +- [ ] The popup footer shows **"Open web UI ↗"** on every state — clicking it + opens the companion web UI (https://paperhurts.github.io/gitmarks/) in a + new tab. **Native tree sync:** diff --git a/packages/extension-shared/src/popup.html b/packages/extension-shared/src/popup.html index bd144b0..40e5acf 100644 --- a/packages/extension-shared/src/popup.html +++ b/packages/extension-shared/src/popup.html @@ -46,11 +46,22 @@ #status.err { color: #e879f9; } .err { color: #e879f9; } .title { font-size: 0.85rem; color: #9ca3af; margin: 0 0 0.5rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + footer.weblink { + padding: 0.5rem 1rem 0.75rem; + border-top: 1px solid #23232e; + font-size: 0.8rem; + } + footer.weblink a { color: #67e8f9; text-decoration: none; } + footer.weblink a:hover { color: #22d3ee; text-decoration: underline; }