2026-07-29 13:54:34 +02:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head><meta charset="utf-8">
|
|
|
|
|
<style>
|
2026-07-30 22:00:01 +02:00
|
|
|
:root {
|
|
|
|
|
color-scheme: light dark; font-family: system-ui, sans-serif;
|
|
|
|
|
--bg:#0f1420; --surface:#1b2330; --surface2:#171e2a; --active:#263041cc;
|
|
|
|
|
--ink:#e7eaf1; --mut:#b9c2d0; --dim:#8b98a9; --faint:#5e6678;
|
|
|
|
|
--line:rgba(255,255,255,.20); --line2:rgba(255,255,255,.13); --hover:rgba(255,255,255,.08);
|
fix(theseus/light): darker --acid in light mode so brand green stays legible
#d6ff3d on a #ffffff / #f6f8fb background sits at ~1.3:1 contrast — the
acid green went almost invisible any time the user flipped Settings >
Theme to light. Override --acid to #4d7300 in every chrome page's
prefers-color-scheme: light block. Same hue family, ~5.5:1 contrast
on white, still reads as the same brand color.
Also: chrome.html was missing --acid: #d6ff3d in :root entirely (every
site used var(--acid, #d6ff3d) fallbacks). Adding the real declaration
means the light override can actually take effect.
Files touched: chrome.html, home.html, settings.html, error.html,
approval.html, messages.html. downloads.html is a dark-only overlay
(hardcoded), collision.html already had a proper light-mode --bcdn.
Tint fills (rgba(214,255,61,X) at low alpha) stay as-is — the specific
hue barely matters through 8% opacity.
Verified live via CDP: getComputedStyle(--acid) returned #d6ff3d in
dark, #4d7300 after cfg.set('theme','light').
2026-09-06 21:12:45 +02:00
|
|
|
/* Brand acid green. #d6ff3d reads ~10:1 on the dark ground; a darker
|
|
|
|
|
variant kicks in for light mode below so it stays legible. */
|
|
|
|
|
--acid:#d6ff3d;
|
2026-07-30 22:00:01 +02:00
|
|
|
}
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
|
:root {
|
|
|
|
|
--bg:#e9ecf1; --surface:#ffffff; --surface2:#f1f3f7; --active:#dbe1ec;
|
|
|
|
|
--ink:#1a1f28; --mut:#3c4453; --dim:#697280; --faint:#98a1b0;
|
|
|
|
|
--line:rgba(0,0,0,.18); --line2:rgba(0,0,0,.11); --hover:rgba(0,0,0,.06);
|
fix(theseus/light): darker --acid in light mode so brand green stays legible
#d6ff3d on a #ffffff / #f6f8fb background sits at ~1.3:1 contrast — the
acid green went almost invisible any time the user flipped Settings >
Theme to light. Override --acid to #4d7300 in every chrome page's
prefers-color-scheme: light block. Same hue family, ~5.5:1 contrast
on white, still reads as the same brand color.
Also: chrome.html was missing --acid: #d6ff3d in :root entirely (every
site used var(--acid, #d6ff3d) fallbacks). Adding the real declaration
means the light override can actually take effect.
Files touched: chrome.html, home.html, settings.html, error.html,
approval.html, messages.html. downloads.html is a dark-only overlay
(hardcoded), collision.html already had a proper light-mode --bcdn.
Tint fills (rgba(214,255,61,X) at low alpha) stay as-is — the specific
hue barely matters through 8% opacity.
Verified live via CDP: getComputedStyle(--acid) returned #d6ff3d in
dark, #4d7300 after cfg.set('theme','light').
2026-09-06 21:12:45 +02:00
|
|
|
/* Darker acid for light backgrounds — same hue family, ~5.5:1
|
|
|
|
|
contrast on #ffffff so text and single-pixel accents stay
|
|
|
|
|
readable. Tint fills (rgba(214,255,61,.08) etc.) stay as-is:
|
|
|
|
|
at low alpha the specific hue barely matters. */
|
2026-09-07 00:56:33 +02:00
|
|
|
--acid: #3a5c00;
|
2026-07-30 22:00:01 +02:00
|
|
|
}
|
|
|
|
|
}
|
2026-07-30 08:16:55 +02:00
|
|
|
[hidden] { display: none !important; }
|
2026-09-04 21:55:54 +02:00
|
|
|
/* No `height: 100vh` — the chrome view is sized to CHROME_H by main.js,
|
|
|
|
|
and body took that height, so document.body.scrollHeight always equalled
|
|
|
|
|
the current CHROME_H. syncHeight() then just re-sent CHROME_H, so any
|
|
|
|
|
grow (for a menu) could never shrink back. Letting body size to its
|
|
|
|
|
content means scrollHeight is the natural chrome height, and syncHeight
|
|
|
|
|
shrinks correctly after every menu-close. */
|
|
|
|
|
body { margin: 0; background: var(--bg); color: var(--ink); user-select: none; overflow: hidden; }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
.tabs { display: flex; align-items: flex-end; gap: 4px; padding: 6px 8px 0; height: 34px; overflow: hidden; }
|
|
|
|
|
/* Same-size tabs: each tab claims an equal share of the row, capped at
|
|
|
|
|
200px so 2 tabs don't stretch across the whole window. min-width lets
|
|
|
|
|
many tabs shrink cleanly while still showing a couple letters. */
|
|
|
|
|
.tab { display: flex; align-items: center; gap: 8px; flex: 1 1 0; max-width: 200px; min-width: 60px; padding: 6px 10px;
|
2026-07-30 22:00:01 +02:00
|
|
|
background: var(--surface); border: 1px solid var(--line2); border-bottom: none; border-radius: 8px 8px 0 0;
|
2026-08-29 23:29:18 +02:00
|
|
|
font-size: 12.5px; cursor: default; color: var(--mut); user-select: none; }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
.tab.dragging { opacity: .45; cursor: grabbing; }
|
|
|
|
|
.tab.dropbefore { box-shadow: -2px 0 0 var(--acid); }
|
|
|
|
|
.tab.dropafter { box-shadow: 2px 0 0 var(--acid); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.tab.active { background: var(--active); color: var(--ink); }
|
2026-07-29 13:54:34 +02:00
|
|
|
.tab .t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
|
2026-08-29 23:29:18 +02:00
|
|
|
.tab .fav { width: 14px; height: 14px; flex: none; border-radius: 2px; object-fit: contain; }
|
2026-07-30 19:29:32 +02:00
|
|
|
.tab .spin { width: 10px; height: 10px; flex: none; border: 1.5px solid #ffffff2e; border-top-color: #d6ff3d; border-radius: 50%; animation: spin .7s linear infinite; }
|
|
|
|
|
@keyframes spin { to { transform: rotate(360deg); } }
|
2026-07-29 13:54:34 +02:00
|
|
|
.tab .x { opacity: .5; cursor: pointer; padding: 0 2px; border-radius: 4px; }
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
.tab .mute { font-size: 10px; opacity: .8; margin-right: 2px; }
|
|
|
|
|
/* Tab group visual: a colored dot before the title, plus a matching top
|
|
|
|
|
accent stripe on the tab itself so a whole group reads as one cluster
|
|
|
|
|
even when tabs are next to each other. */
|
|
|
|
|
.tab .gdot { width: 8px; height: 8px; flex: none; border-radius: 50%; }
|
|
|
|
|
.tab.grp { box-shadow: inset 0 2px 0 var(--gc, transparent); }
|
2026-08-31 21:29:14 +02:00
|
|
|
/* Group chip that appears before the first tab of a group. Clicking
|
|
|
|
|
collapses the group (hides its member tabs) and shows a count. */
|
|
|
|
|
.gchip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px;
|
|
|
|
|
background: var(--surface); border: 1px solid var(--line2); border-bottom: none;
|
|
|
|
|
border-radius: 8px 8px 0 0; cursor: pointer; height: 28px;
|
|
|
|
|
font: 12px/1 system-ui, sans-serif; color: var(--mut);
|
|
|
|
|
box-shadow: inset 0 2px 0 var(--gc, transparent); }
|
|
|
|
|
.gchip:hover { color: var(--ink); }
|
|
|
|
|
.gchip .gcdot { width: 10px; height: 10px; border-radius: 50%; background: var(--gc); flex: none; }
|
|
|
|
|
.gchip .gccnt { color: var(--ink); font-weight: 600; }
|
|
|
|
|
.gchip.collapsed { padding: 4px 10px; }
|
2026-09-02 04:39:02 +02:00
|
|
|
/* Drag hover state — a tab being dragged onto a group chip. */
|
|
|
|
|
.gchip.droptarget { background: rgba(214,255,61,.15); border-color: var(--acid); }
|
|
|
|
|
/* Vertical popover: click a collapsed chip → list its member tabs. */
|
|
|
|
|
.grouppop { position: fixed; z-index: 9999; background: var(--surface, #1c222c); border: 1px solid var(--line2);
|
|
|
|
|
border-radius: 10px; box-shadow: 0 12px 34px #000c; padding: 4px; min-width: 220px; max-width: 360px;
|
|
|
|
|
font-size: 13px; color: var(--ink); }
|
|
|
|
|
.grouppop .gph { padding: 6px 10px 4px; font-size: 11px; color: var(--dim); letter-spacing: .08em; text-transform: uppercase;
|
|
|
|
|
display: flex; align-items: center; gap: 8px; }
|
|
|
|
|
.grouppop .gph .gcdot { width: 8px; height: 8px; border-radius: 50%; }
|
|
|
|
|
.grouppop .gpit { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 6px; cursor: pointer;
|
|
|
|
|
white-space: nowrap; overflow: hidden; }
|
|
|
|
|
.grouppop .gpit:hover { background: var(--hover, #ffffff10); }
|
|
|
|
|
.grouppop .gpit.active { background: rgba(214,255,61,.08); color: var(--acid); }
|
|
|
|
|
.grouppop .gpit .gfav { width: 14px; height: 14px; flex: none; object-fit: contain; border-radius: 2px; }
|
|
|
|
|
.grouppop .gpit .gt { overflow: hidden; text-overflow: ellipsis; flex: 1; }
|
|
|
|
|
.grouppop .gpit .gx { opacity: .5; padding: 0 4px; font-size: 12px; }
|
|
|
|
|
.grouppop .gpit:hover .gx { opacity: .9; }
|
|
|
|
|
.grouppop .gpit .gx:hover { color: #f6768a; opacity: 1; }
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
|
.grouppop { background: #ffffff; border-color: rgba(0,0,0,.15); }
|
|
|
|
|
.grouppop .gpit:hover { background: rgba(0,0,0,.05); }
|
|
|
|
|
}
|
2026-08-31 21:29:14 +02:00
|
|
|
.tab.g-red, .gdot.g-red, .gcdot.g-red { --gc: #f6768a; } .gdot.g-red { background: #f6768a; }
|
|
|
|
|
.tab.g-orange, .gdot.g-orange, .gcdot.g-orange { --gc: #ffa96a; } .gdot.g-orange { background: #ffa96a; }
|
|
|
|
|
.tab.g-yellow, .gdot.g-yellow, .gcdot.g-yellow { --gc: #ffd44f; } .gdot.g-yellow { background: #ffd44f; }
|
|
|
|
|
.tab.g-green, .gdot.g-green, .gcdot.g-green { --gc: #4fd1a5; } .gdot.g-green { background: #4fd1a5; }
|
|
|
|
|
.tab.g-cyan, .gdot.g-cyan, .gcdot.g-cyan { --gc: #4fd1e5; } .gdot.g-cyan { background: #4fd1e5; }
|
|
|
|
|
.tab.g-blue, .gdot.g-blue, .gcdot.g-blue { --gc: #4b7bec; } .gdot.g-blue { background: #4b7bec; }
|
|
|
|
|
.tab.g-purple, .gdot.g-purple, .gcdot.g-purple { --gc: #b39ddb; } .gdot.g-purple { background: #b39ddb; }
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
/* Submenu popover for the tab context menu (Group → color). */
|
|
|
|
|
.ctxmenu .mi.sub { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
|
|
|
|
|
.ctxmenu .mi.sub::after { content: "▸"; color: var(--dim); font-size: 11px; }
|
|
|
|
|
.ctxmenu.sub2 { min-width: 140px; }
|
|
|
|
|
.ctxmenu .swatch { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 8px; vertical-align: -1px; border: 1px solid rgba(255,255,255,.10); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.tab .x:hover { opacity: 1; background: var(--line2); }
|
|
|
|
|
.newtab { padding: 4px 10px; cursor: pointer; color: var(--dim); border-radius: 6px; font-size: 16px; }
|
|
|
|
|
.newtab:hover { background: var(--hover); color: var(--ink); }
|
2026-07-29 13:54:34 +02:00
|
|
|
.bar { display: flex; gap: 6px; align-items: center; padding: 6px 10px; }
|
|
|
|
|
.nav { display: flex; gap: 1px; }
|
|
|
|
|
.ic { width: 34px; height: 32px; display: grid; place-items: center; border-radius: 8px; cursor: pointer;
|
2026-07-30 22:00:01 +02:00
|
|
|
color: var(--mut); background: transparent; border: none; padding: 0; }
|
2026-07-30 19:29:32 +02:00
|
|
|
.ic svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
|
2026-07-30 22:00:01 +02:00
|
|
|
.ic:hover { background: var(--line2); color: var(--ink); }
|
Theseus: add-on framework MVP + Notepad reference add-on
New subsystem for extending Theseus with folders on disk. Each add-on
lives at <userData>/addons/<id>/ with an addon.json manifest and a
CommonJS entry that exports activate(api). Nothing about a private
add-on ships in the public installer - drop the folder, restart, it's
live. Bundled reference add-ons ride in the packaged app under
resources/bundled-addons/ and are seeded into <userData>/addons/ on
first boot; the framework treats seeded and drop-in add-ons the same.
Files:
- addons-host.js Loader + api.registerSidebarPanel() + per-
addon storage on <userData>/addons-data/.
Kept at the CommonJS-scoped top level (lib/
is ESM-scoped via its own package.json).
- sidebar-preload.js Runs in every sidebar panel. Exposes
window.silentmode.storage.{get,set,all} +
onVisibility. Main-side handlers derive the
add-on id from the sender file:// URL, so a
panel can only touch its own store.
- bundled-addons/notepad/ Reference add-on: addon.json, index.js,
note.html. Autosaving textarea with char /
word count.
main.js:
- Extension point: sidebar-panel. One right-anchored WebContentsView
(SIDEBAR_W=340) hosts the current panel; layout() shrinks the tab
views by the sidebar width when visible. First registered panel
wins for MVP; picker for multiple panels lands later.
- initAddons() at app.whenReady(): seedBundledAddons, then
AddonHost.discoverAndActivate.
- IPC surface: sidebar-toggle / sidebar-open / sidebar-close /
sidebar-state, addons-list / addons-set-enabled / addons-reveal /
addons-open-dir / addons-reload, and origin-gated
addon-storage-get/set/all.
- Settings gains `disabledAddons: []` — off-toggled ids persist and
the loader honours them without a restart (discoverAndActivate
runs again on toggle).
chrome.html: toolbar sidebar-toggle button, hidden until at least one
add-on has registered a sidebar panel.
settings.html: new "Add-ons" section under privacy. Lists installed
add-ons with icon / name / version / description / capabilities;
per-add-on enable/disable toggle + Show folder button; page-level
Reload and Open add-ons folder buttons; warning note about the trust
model.
package.json: build.files gains sidebar-preload.js + addons-host.js.
extraResources gains bundled-addons/ so the packaged app carries the
reference notepad for the first-boot seed.
Verified: `npm start` boots, addons-host discovers the notepad,
activates it, registers one sidebar panel. Log confirms
"1 installed, 1 enabled, 1 sidebar panels". Actual sidebar rendering
+ notepad UI need clicked-through validation on a real install.
Not shipped yet - deploy still blocked on the fail2ban VPS SSH ban.
Ships as 0.2.0 once SSH clears (this is a new subsystem, not a fix).
2026-08-31 13:51:08 +02:00
|
|
|
.ic.active { background: rgba(214,255,61,.12); color: var(--acid); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.ic:active { background: var(--line); }
|
2026-07-29 13:54:34 +02:00
|
|
|
.ic:disabled { opacity: .28; cursor: default; background: transparent; }
|
2026-09-06 13:32:41 +02:00
|
|
|
/* One toolbar button per registered addon sidebar-panel, plus a static
|
|
|
|
|
placeholder for the built-in wallet before it lands. Each button
|
|
|
|
|
shows the panel's icon (usually a single emoji from the manifest);
|
|
|
|
|
click toggles the sidebar open on that panel, or collapses if it
|
|
|
|
|
was already the active panel. */
|
|
|
|
|
.extdock { display: flex; gap: 2px; align-items: center; padding-left: 4px; margin-left: 2px;
|
|
|
|
|
border-left: 1px solid var(--line); }
|
2026-09-06 20:10:37 +02:00
|
|
|
/* inline-grid (not grid): grid defaults to block-level, which was making
|
|
|
|
|
every extension button take its own line inside #extbuttons; inline-grid
|
|
|
|
|
keeps the icon-centering behaviour without stacking siblings vertically. */
|
|
|
|
|
.extbtn { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 7px;
|
2026-09-06 13:32:41 +02:00
|
|
|
cursor: pointer; border: none; background: transparent; padding: 0;
|
|
|
|
|
font-size: 15px; line-height: 1; color: var(--mut); }
|
|
|
|
|
.extbtn:hover { background: var(--line2); color: var(--ink); }
|
|
|
|
|
.extbtn.active { background: rgba(214,255,61,.12); color: var(--acid); box-shadow: inset 0 -2px 0 var(--acid); }
|
|
|
|
|
.extbtn.soon { opacity: .45; cursor: help; }
|
|
|
|
|
.extbtn.soon:hover { opacity: .7; background: var(--line2); }
|
2026-08-02 13:02:47 +02:00
|
|
|
/* downloads button — a small badge sits over the icon when there's activity */
|
|
|
|
|
.dlbtn { position: relative; }
|
|
|
|
|
.dlbtn.spin::before { content: ""; position: absolute; inset: 4px; border-radius: 999px;
|
|
|
|
|
border: 1.5px solid transparent; border-top-color: #4b7bec; animation: dlspin .9s infinite linear; }
|
|
|
|
|
@keyframes dlspin { to { transform: rotate(360deg); } }
|
|
|
|
|
.dlbadge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px;
|
|
|
|
|
background: #4b7bec; color: #fff; border-radius: 7px; font-size: 9.5px; font-weight: 700;
|
|
|
|
|
display: grid; place-items: center; line-height: 1; box-shadow: 0 0 0 2px var(--bg); }
|
|
|
|
|
.dlbtn.done .dlbadge { background: #4fd1a5; }
|
|
|
|
|
.dlbtn.err .dlbadge { background: #f6768a; }
|
|
|
|
|
/* indeterminate loading bar under the toolbar — collapses when idle so it
|
|
|
|
|
doesn't take a permanent 2px strip below the address bar */
|
|
|
|
|
.loadbar { height: 0; overflow: hidden; background: transparent; transition: height .12s linear; }
|
|
|
|
|
.loadbar.on { height: 2px; }
|
2026-07-30 19:29:32 +02:00
|
|
|
.loadbar.on::after { content: ""; display: block; height: 100%; width: 35%; border-radius: 2px;
|
|
|
|
|
background: linear-gradient(90deg, transparent, #4b7bec, #d6ff3d, transparent); animation: loadslide 1.1s infinite linear; }
|
|
|
|
|
@keyframes loadslide { 0% { transform: translateX(-110%); } 100% { transform: translateX(400%); } }
|
2026-09-06 17:14:57 +02:00
|
|
|
/* address bar. flex:1 by default consumes remaining space; user can cap
|
|
|
|
|
it via Settings > Appearance > Address bar size so the extension dock
|
|
|
|
|
gets more room. min-width guards against squeezing the URL invisible. */
|
2026-09-07 01:07:23 +02:00
|
|
|
.urlwrap { position: relative; flex: 1 1 auto; min-width: 200px; display: flex; align-items: center; gap: 4px; background: var(--surface); border: 1px solid var(--line);
|
2026-07-30 08:16:55 +02:00
|
|
|
border-radius: 999px; padding: 0 6px 0 4px; }
|
2026-09-07 01:07:23 +02:00
|
|
|
/* Capped URL bar: pin the trailing items (download / extensions / logo /
|
|
|
|
|
Theseus) to the RIGHT edge instead of packing them next to the URL bar
|
|
|
|
|
— a smaller address bar shouldn't slide everything leftward. margin-
|
|
|
|
|
right: auto on the URL bar consumes the slack. */
|
|
|
|
|
.bar[data-urlsize="medium"] .urlwrap { flex: 0 1 640px; margin-right: auto; }
|
|
|
|
|
.bar[data-urlsize="compact"] .urlwrap { flex: 0 1 400px; margin-right: auto; }
|
|
|
|
|
.bar[data-urlwidth] .urlwrap { flex: 0 0 var(--urlbar-w, auto); margin-right: auto; }
|
|
|
|
|
.searchbox { position: relative; }
|
2026-09-06 17:14:57 +02:00
|
|
|
.bar[data-searchsize="hidden"] .searchbox { display: none; }
|
|
|
|
|
.bar[data-searchsize="compact"] .searchbox { width: 180px; }
|
|
|
|
|
.bar[data-searchsize="wide"] .searchbox { width: 400px; }
|
2026-09-07 01:07:23 +02:00
|
|
|
.bar[data-searchwidth] .searchbox { width: var(--searchbox-w, 300px); }
|
|
|
|
|
/* Drag-to-resize handles: a thin invisible strip on the trailing edge of
|
|
|
|
|
.urlwrap and the leading edge of .searchbox. col-resize cursor makes
|
|
|
|
|
the affordance visible; a faint acid tint on hover confirms it's live. */
|
|
|
|
|
.urldrag, .searchdrag { position: absolute; top: 0; bottom: 0; width: 6px; cursor: col-resize; z-index: 10; background: transparent; }
|
|
|
|
|
.urldrag { right: -3px; }
|
|
|
|
|
.searchdrag { left: -3px; }
|
|
|
|
|
.urldrag:hover, .searchdrag:hover,
|
|
|
|
|
.urldrag.dragging, .searchdrag.dragging { background: rgba(214,255,61,.35); }
|
2026-09-06 21:45:43 +02:00
|
|
|
/* Adaptive toolbar. A ResizeObserver on .bar sets data-responsive:
|
|
|
|
|
"0" wide — everything visible (default)
|
|
|
|
|
"1" tight — auto-hide the search box, min-width for URL bar drops
|
|
|
|
|
"2" narrow — Theseus button collapses to just the gear icon
|
|
|
|
|
"3" xnarrow — extension dock collapses to a single 🧩 puzzle button
|
|
|
|
|
that opens a dropdown of every registered addon panel
|
|
|
|
|
User's explicit data-searchsize wins over auto-hide at level 1: if the
|
|
|
|
|
user picked "wide" or "normal" they still get it, but "normal" at very
|
|
|
|
|
narrow widths yields to the responsive collapse. */
|
|
|
|
|
.bar[data-responsive="1"] .searchbox,
|
|
|
|
|
.bar[data-responsive="2"] .searchbox,
|
|
|
|
|
.bar[data-responsive="3"] .searchbox { display: none; }
|
|
|
|
|
.bar[data-responsive="2"] .logo span:not(.gear),
|
|
|
|
|
.bar[data-responsive="3"] .logo span:not(.gear) { display: none; }
|
|
|
|
|
.bar[data-responsive="2"] .logo,
|
|
|
|
|
.bar[data-responsive="3"] .logo { padding: 4px 8px; }
|
|
|
|
|
.bar[data-responsive="1"] .urlwrap,
|
|
|
|
|
.bar[data-responsive="2"] .urlwrap,
|
|
|
|
|
.bar[data-responsive="3"] .urlwrap { min-width: 120px; }
|
|
|
|
|
/* Level 3: hide the per-extension button row, show the collapsed puzzle
|
|
|
|
|
button. Dropdown is a floating .extpop the JS builds on click. */
|
|
|
|
|
.bar[data-responsive="3"] #extbuttons { display: none; }
|
|
|
|
|
.extmore { display: none; }
|
|
|
|
|
.bar[data-responsive="3"] .extmore { display: inline-grid; }
|
|
|
|
|
.extmore { width: 30px; height: 30px; place-items: center; border-radius: 7px;
|
|
|
|
|
cursor: pointer; border: none; background: transparent; padding: 0;
|
|
|
|
|
font-size: 15px; line-height: 1; color: var(--mut); }
|
|
|
|
|
.extmore:hover { background: var(--line2); color: var(--ink); }
|
|
|
|
|
.extmore.active { background: rgba(214,255,61,.12); color: var(--acid); }
|
|
|
|
|
.extpop { position: fixed; z-index: 9999; background: var(--surface, #1c222c);
|
|
|
|
|
border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 34px #000c;
|
|
|
|
|
padding: 4px; min-width: 180px; }
|
|
|
|
|
.extpop .epit { display: flex; align-items: center; gap: 10px; padding: 7px 10px;
|
|
|
|
|
border-radius: 6px; cursor: pointer; font-size: 13px; color: var(--ink); }
|
|
|
|
|
.extpop .epit:hover { background: var(--hover, #ffffff10); }
|
|
|
|
|
.extpop .epit.active { background: rgba(214,255,61,.10); color: var(--acid); }
|
|
|
|
|
.extpop .epit .ic { width: 16px; text-align: center; font-size: 15px; line-height: 1; }
|
|
|
|
|
.extpop .epit .lbl { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
2026-07-29 13:54:34 +02:00
|
|
|
.urlwrap:focus-within { border-color: #4b7bec; }
|
2026-08-02 17:46:03 +02:00
|
|
|
/* Site security shield — always present. Colour communicates state:
|
|
|
|
|
neutral (default) for home / resolving, green when the connection is
|
|
|
|
|
secure (BCNR chain-verified OR https:// clearnet), red when it isn't
|
|
|
|
|
(nxdomain / resolver error / plain http). Shape stays constant so the
|
|
|
|
|
button doesn't jump around when the state changes. */
|
2026-07-30 08:16:55 +02:00
|
|
|
.secbadge { display: grid; place-items: center; width: 28px; height: 26px; border-radius: 6px; border: none;
|
2026-08-02 17:46:03 +02:00
|
|
|
background: transparent; cursor: pointer; padding: 0; color: var(--dim); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.secbadge:hover { background: var(--line2); }
|
2026-08-02 17:46:03 +02:00
|
|
|
.secbadge svg { width: 16px; height: 16px; fill: currentColor; }
|
2026-08-06 01:41:31 +02:00
|
|
|
.secbadge.secure { color: #3fb950; } /* GitHub-style saturated green */
|
2026-08-02 17:46:03 +02:00
|
|
|
.secbadge.insecure { color: #f6768a; }
|
|
|
|
|
.secbadge.warn { color: #f6ad55; } /* kept for legacy call sites */
|
2026-07-30 08:16:55 +02:00
|
|
|
input { padding: 7px 6px; border-radius: 999px; border: none; background: transparent; color: inherit; font-size: 13.5px; outline: none; }
|
|
|
|
|
#url { flex: 1; }
|
2026-08-02 19:26:47 +02:00
|
|
|
/* Registry indicator at the END of the address bar. Two shapes:
|
|
|
|
|
- Toggle (segmented control) when this host could be served by EITHER
|
|
|
|
|
registry — a single pill split in half, active side filled, inactive
|
|
|
|
|
side transparent and clickable to switch.
|
|
|
|
|
- Single pill when there's no alternative (pure ICANN or a BCNR-unique TLD).*/
|
|
|
|
|
#reg { display: inline-flex; align-items: center; }
|
|
|
|
|
.reg { font-size: 10.5px; letter-spacing: .03em; padding: 2px 10px; white-space: nowrap;
|
|
|
|
|
cursor: default; user-select: none; transition: background .12s, color .12s, border-color .12s; }
|
|
|
|
|
/* Single-chip form (non-collision hosts) */
|
|
|
|
|
.reg.single { border-radius: 999px; border: 1px solid; }
|
|
|
|
|
.reg.single.bcdn.active { background: rgba(214,255,61,.15); color: #d6ff3d; border-color: #d6ff3d55; }
|
|
|
|
|
.reg.single.icann.active { background: rgba(76,158,255,.15); color: #4c9eff; border-color: #4c9eff55; }
|
|
|
|
|
/* Toggle (segmented control) form for collision candidates */
|
|
|
|
|
.tog { display: inline-flex; border-radius: 999px; overflow: hidden; border: 1px solid #ffffff26; }
|
|
|
|
|
.tog .reg { border: 0; }
|
|
|
|
|
.tog .reg + .reg { border-left: 1px solid #ffffff26; }
|
|
|
|
|
.tog .reg.active.bcdn { background: rgba(214,255,61,.18); color: #d6ff3d; }
|
|
|
|
|
.tog .reg.active.icann { background: rgba(76,158,255,.18); color: #4c9eff; }
|
|
|
|
|
.tog .reg.switch { background: transparent; color: #7b8494; cursor: pointer; }
|
|
|
|
|
.tog .reg.switch:hover { color: #e5e7eb; background: rgba(255,255,255,.05); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.star { border: none; background: transparent; cursor: pointer; color: var(--dim); font-size: 15px; padding: 2px 4px; border-radius: 6px; }
|
|
|
|
|
.star:hover { background: var(--line2); color: var(--ink); } .star.on { color: #ffd23d; }
|
Theseus 0.0.4: cheap in-app update-check chip
Bumps version so the chip actually surfaces itself on 0.0.3 installs
(the version-newer check requires a strict semver bump — same-version
rebuilds don't trigger the chip). From this release on, whenever the
manifest names a newer Theseus, users get a one-click download.
Mechanism
- main.js checkForUpdate() fetches https://dl.silentmode.st/releases-
manifest.json on startup (5s timeout, cache: no-store) + every 6h.
Finds the theseus-navigator release, compares version to
app.getVersion() with a numeric a.b.c comparator that handles
"0.10.0 > 0.9.9" correctly.
- On a match → stores { version, setupUrl, portableUrl, setupHash,
portableHash, date } and emits update-available to chrome. Cleared
after the user upgrades + relaunches (same-version → null).
- Re-emits on chrome's did-finish-load in case the fetch beats the
chrome view.
Chip UI (chrome.html)
- Acid-yellow pill between the downloads button and the Tor toggle:
"↓ Update to X.Y.Z" + a ✕. Main body opens setupUrl in the system
browser via shell.openExternal (origin-validated to
https://dl.silentmode.st/ or https://silentmode.st/). ✕ dismisses
for the current session — you'll see it again next launch if still
behind.
Trust anchor
- No signing / no cryptographic verification of the download in this
phase. releases.silentmode.bch publishes the SAME manifest URL, so
users who want to verify can cross-check the manifest hash against
what BCNR returns. The proper auto-updater with signature checks is
the follow-on to this cheap version.
Non-goals in phase 1
- No delta downloads; the user clicks and gets a full installer.
- No auto-install; download → user runs the installer themselves.
- No "check now" button in Settings; the periodic timer suffices.
- No portable-vs-installed detection; the chip prefers setupUrl (the
installer upgrades in place). Right-click for portable is future work.
2026-08-28 20:21:44 +02:00
|
|
|
/* Update-available chip — shows when the releases manifest names a newer
|
|
|
|
|
version than this build. Two buttons: main body opens the download URL
|
|
|
|
|
in the system browser; ✕ dismisses for the session. */
|
|
|
|
|
.upchip { display: inline-flex; align-items: center; gap: 0; background: rgba(214,255,61,.14);
|
|
|
|
|
border: 1px solid #d6ff3d55; border-radius: 999px; color: #eaffb0; font-size: 12px;
|
|
|
|
|
font-weight: 600; padding: 0; overflow: hidden; }
|
|
|
|
|
.upchip .upcore { background: transparent; border: none; color: inherit; font: inherit;
|
|
|
|
|
padding: 5px 10px 5px 12px; cursor: pointer; white-space: nowrap; }
|
|
|
|
|
.upchip .upcore:hover { background: rgba(214,255,61,.10); }
|
|
|
|
|
.upchip .updismiss { background: transparent; border: none; border-left: 1px solid #d6ff3d33;
|
|
|
|
|
color: inherit; opacity: .55; padding: 5px 8px; cursor: pointer; font-size: 11px; }
|
|
|
|
|
.upchip .updismiss:hover { opacity: 1; }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
/* Password-fill chip — only visible when the vault is unlocked AND the
|
|
|
|
|
current site has matching credentials. Count sits to the left of the key. */
|
|
|
|
|
.pwchip { display: inline-flex; align-items: center; gap: 3px; border: none; background: transparent; color: #3fb950; cursor: pointer; padding: 2px 5px; border-radius: 6px; font-size: 11px; font-weight: 700; }
|
|
|
|
|
.pwchip:hover { background: rgba(63,185,80,.14); }
|
|
|
|
|
.pwchip svg { width: 14px; height: 14px; }
|
2026-07-30 22:00:01 +02:00
|
|
|
/* search box: engine icon (click = pick engine) + a wide typing area */
|
|
|
|
|
.searchbox { display: flex; align-items: center; width: 300px; background: var(--surface); border: 1px solid var(--line);
|
|
|
|
|
border-radius: 999px; padding: 0 12px 0 3px; }
|
|
|
|
|
.searchbox:focus-within { border-color: #4b7bec; }
|
2026-08-01 00:13:14 +02:00
|
|
|
/* dropdown button shows the SELECTED engine's favicon (emoji fallback) + a caret */
|
|
|
|
|
.engine-btn { display: flex; align-items: center; gap: 3px; height: 30px; border: none; cursor: pointer;
|
|
|
|
|
border-radius: 999px 0 0 999px; padding: 0 4px 0 8px; background: transparent; }
|
2026-07-30 22:55:52 +02:00
|
|
|
.engine-btn:hover { background-color: var(--hover); }
|
2026-08-01 00:13:14 +02:00
|
|
|
.engine-btn #engineIcon { display: grid; place-items: center; width: 16px; height: 16px; }
|
|
|
|
|
.engine-btn .eimg { width: 16px; height: 16px; border-radius: 3px; }
|
|
|
|
|
.engine-btn .esym { font-size: 14px; line-height: 1; }
|
|
|
|
|
.engine-btn .cv { font-size: 8px; color: var(--dim); }
|
2026-07-30 22:00:01 +02:00
|
|
|
#search { flex: 1; padding: 7px 4px; }
|
|
|
|
|
.tor { padding: 7px 10px; border-radius: 8px; border: 1px solid var(--line); background: #2b2f3a; color: var(--ink); cursor: pointer; white-space: nowrap; font-size: 12.5px; }
|
2026-07-29 13:54:34 +02:00
|
|
|
.tor.connecting { background: #7a5c14; } .tor.on { background: #6b3fa0; }
|
2026-07-30 08:16:55 +02:00
|
|
|
.logo { display: flex; align-items: center; gap: 6px; font-weight: 700; color: #d6ff3d; white-space: nowrap;
|
2026-07-30 19:29:32 +02:00
|
|
|
padding: 6px 12px; border: 1px solid #d6ff3d33; border-radius: 8px; cursor: pointer; background: rgba(214,255,61,.08); font-size: 13px; }
|
2026-07-30 08:16:55 +02:00
|
|
|
.logo:hover { background: rgba(214,255,61,.16); }
|
|
|
|
|
.logo .gear { font-size: 12px; opacity: .8; }
|
2026-07-30 19:29:32 +02:00
|
|
|
/* favorites bar — new-tab page only, single compact row */
|
|
|
|
|
.bookmarks { display: flex; align-items: center; gap: 4px; padding: 3px 10px 5px; height: 26px; overflow: hidden; }
|
2026-07-30 08:16:55 +02:00
|
|
|
.bm { display: flex; align-items: center; gap: 6px; max-width: 180px; padding: 3px 9px; border-radius: 6px;
|
2026-07-30 22:00:01 +02:00
|
|
|
background: var(--surface2); border: 1px solid var(--hover); color: var(--mut); font-size: 12px; cursor: pointer; white-space: nowrap; }
|
|
|
|
|
.bm:hover { background: var(--active); color: var(--ink); }
|
2026-09-04 22:12:03 +02:00
|
|
|
.bm .bmfav { width: 14px; height: 14px; flex: none; object-fit: contain; border-radius: 2px; }
|
2026-07-30 19:29:32 +02:00
|
|
|
.bm .bt { overflow: hidden; text-overflow: ellipsis; }
|
2026-09-04 22:12:03 +02:00
|
|
|
/* In-chrome prompt modal (window.prompt is disabled in Electron BrowserViews,
|
|
|
|
|
so bookmark rename etc. use this instead). */
|
|
|
|
|
.promptmask { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 10000;
|
|
|
|
|
display: grid; place-items: center; }
|
|
|
|
|
.promptbox { background: var(--surface, #1c222c); border: 1px solid var(--line);
|
|
|
|
|
border-radius: 10px; padding: 14px 16px 12px; min-width: 320px; max-width: 480px;
|
|
|
|
|
box-shadow: 0 20px 60px #000d; color: var(--ink); }
|
|
|
|
|
.promptbox .plbl { font-size: 12px; color: var(--mut); margin-bottom: 8px; }
|
|
|
|
|
.promptbox input { width: 100%; box-sizing: border-box; padding: 7px 10px; border-radius: 6px;
|
|
|
|
|
background: var(--surface2, #0f1621); border: 1px solid var(--line);
|
|
|
|
|
color: var(--ink); font: inherit; font-size: 13px; outline: none; }
|
|
|
|
|
.promptbox input:focus { border-color: rgba(214,255,61,.55); }
|
|
|
|
|
.promptbox .pact { display: flex; gap: 6px; justify-content: flex-end; margin-top: 10px; }
|
|
|
|
|
.promptbox .pbtn { padding: 6px 12px; border-radius: 6px; border: 1px solid var(--line);
|
|
|
|
|
background: var(--surface2, #0f1621); color: var(--ink); cursor: pointer;
|
|
|
|
|
font: inherit; font-size: 12.5px; }
|
|
|
|
|
.promptbox .pbtn:hover { border-color: rgba(214,255,61,.35); }
|
|
|
|
|
.promptbox .pbtn.primary { background: var(--acid, #d6ff3d); color: #0b0e14; border-color: transparent; font-weight: 600; }
|
2026-07-30 08:16:55 +02:00
|
|
|
.bm .bx { opacity: 0; cursor: pointer; font-size: 11px; } .bm:hover .bx { opacity: .55; }
|
|
|
|
|
.bm .bx:hover { opacity: 1; color: #f6768a; }
|
2026-07-30 22:00:01 +02:00
|
|
|
.bm-empty { color: var(--faint); font-size: 11.5px; white-space: nowrap; }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
/* Right-click menu on the bookmarks bar (same visual as settings ctxmenu). */
|
|
|
|
|
.ctxmenu { position: fixed; z-index: 9999; background: #1c222c; border: 1px solid var(--line);
|
|
|
|
|
border-radius: 8px; box-shadow: 0 12px 34px #000c; padding: 4px; min-width: 180px; font-size: 13px; color: var(--ink); }
|
|
|
|
|
.ctxmenu .mi { padding: 7px 12px; border-radius: 5px; cursor: pointer; white-space: nowrap; }
|
|
|
|
|
.ctxmenu .mi:hover { background: #ffffff10; }
|
|
|
|
|
.ctxmenu .mi.danger { color: #f6768a; } .ctxmenu .mi.danger:hover { background: rgba(246,118,138,.12); }
|
|
|
|
|
.ctxmenu .mi.off { color: var(--faint); cursor: default; } .ctxmenu .mi.off:hover { background: transparent; }
|
|
|
|
|
.ctxmenu .sep { height: 1px; background: var(--line); margin: 4px 0; }
|
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
|
|
|
.ctxmenu { background: #ffffff; border-color: rgba(0,0,0,.15); }
|
|
|
|
|
.ctxmenu .mi:hover { background: rgba(0,0,0,.05); }
|
|
|
|
|
}
|
2026-07-29 13:54:34 +02:00
|
|
|
.tordisc { font-size: 11.5px; color: #d9c7f2; background: #2a1c40; border-top: 1px solid #6b3fa055; padding: 5px 14px; }
|
|
|
|
|
.tordisc a { color: #d6ff3d; }
|
2026-07-30 22:00:01 +02:00
|
|
|
.bcnrbar { display: flex; align-items: center; gap: 10px; font-size: 11.5px; color: var(--mut);
|
2026-07-29 13:54:34 +02:00
|
|
|
background: #1a2417; border-top: 1px solid #d6ff3d33; padding: 6px 14px; }
|
|
|
|
|
.bcnrbar .breg { font-size: 10px; letter-spacing: .03em; padding: 1px 7px; border-radius: 999px;
|
|
|
|
|
background: rgba(214,255,61,.14); color: #d6ff3d; border: 1px solid #d6ff3d33; }
|
2026-07-30 22:00:01 +02:00
|
|
|
.bcnrbar b { color: var(--ink); }
|
2026-07-29 13:54:34 +02:00
|
|
|
.bcnrbar .bopen { margin-left: auto; padding: 4px 11px; border-radius: 7px; border: 1px solid #d6ff3d55;
|
|
|
|
|
background: rgba(214,255,61,.12); color: #eaffb0; cursor: pointer; font-size: 11.5px; }
|
|
|
|
|
.bcnrbar .bopen:hover { background: rgba(214,255,61,.22); }
|
2026-07-30 22:00:01 +02:00
|
|
|
.bcnrbar .bdismiss { color: var(--dim); text-decoration: none; } .bcnrbar .bdismiss:hover { color: var(--ink); }
|
2026-07-29 13:54:34 +02:00
|
|
|
</style></head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="tabs" id="tabs"></div>
|
2026-09-06 17:14:57 +02:00
|
|
|
<div class="bar" id="bar">
|
2026-07-29 13:54:34 +02:00
|
|
|
<div class="nav">
|
2026-07-30 08:16:55 +02:00
|
|
|
<button class="ic" id="back" title="Back"><svg viewBox="0 0 16 16"><path d="M10 3 L5 8 L10 13"/></svg></button>
|
|
|
|
|
<button class="ic" id="fwd" title="Forward"><svg viewBox="0 0 16 16"><path d="M6 3 L11 8 L6 13"/></svg></button>
|
|
|
|
|
<button class="ic" id="reload" title="Reload"><svg viewBox="0 0 16 16"><path d="M13 8 a5 5 0 1 1 -1.5 -3.6"/><path d="M13 2.5 L13 5 L10.5 5"/></svg></button>
|
|
|
|
|
<button class="ic" id="home" title="Home"><svg viewBox="0 0 16 16"><path d="M2.5 7.5 L8 3 L13.5 7.5"/><path d="M4 6.7 L4 13 L12 13 L12 6.7"/></svg></button>
|
2026-07-29 13:54:34 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="urlwrap">
|
2026-07-30 19:29:32 +02:00
|
|
|
<button class="secbadge" id="secbadge" title="Site information">
|
2026-08-02 17:46:03 +02:00
|
|
|
<!-- Heraldic shield outline matching the reference image: flared top
|
|
|
|
|
shoulders, concave sides tapering to a sharp bottom point. Single
|
|
|
|
|
filled path, `currentColor` so state class toggles the tint. -->
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">
|
|
|
|
|
<path d="M8 1.2 C6 1.2 3.5 1.7 2.5 2.3 Q2 2.6 2 3.5 L2 7 C2 11.2 4.2 13.7 8 15 C11.8 13.7 14 11.2 14 7 L14 3.5 Q14 2.6 13.5 2.3 C12.5 1.7 10 1.2 8 1.2 Z"/>
|
|
|
|
|
</svg>
|
2026-07-30 08:16:55 +02:00
|
|
|
</button>
|
2026-07-30 20:58:45 +02:00
|
|
|
<input id="url" placeholder="Ask a search engine or enter web address" spellcheck="false">
|
2026-07-29 13:54:34 +02:00
|
|
|
<span class="reg" id="reg" hidden></span>
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
<button class="pwchip" id="pwchip" title="Fill password for this site" hidden><span id="pwchipCount"></span><svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="6" cy="9" r="3.2" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8.8 8.6 L14 8.6 M13.2 8.6 L13.2 11 M11.5 8.6 L11.5 10.4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></button>
|
2026-07-30 08:16:55 +02:00
|
|
|
<button class="star" id="star" title="Save this page">☆</button>
|
2026-09-07 01:07:23 +02:00
|
|
|
<div class="urldrag" id="urldrag" title="Drag to resize"></div>
|
2026-07-29 13:54:34 +02:00
|
|
|
</div>
|
2026-07-30 22:00:01 +02:00
|
|
|
<div class="searchbox">
|
2026-09-07 01:07:23 +02:00
|
|
|
<div class="searchdrag" id="searchdrag" title="Drag to resize"></div>
|
2026-08-01 00:13:14 +02:00
|
|
|
<button id="engineBtn" class="engine-btn" title="Choose search engine"><span id="engineIcon"></span><span class="cv">▾</span></button>
|
2026-07-30 22:00:01 +02:00
|
|
|
<input id="search" placeholder="Search" spellcheck="false">
|
|
|
|
|
</div>
|
2026-08-02 13:02:47 +02:00
|
|
|
<button class="ic dlbtn" id="downloads" title="Downloads">
|
|
|
|
|
<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 2 V10 M4.5 6.5 L8 10 L11.5 6.5"/><path d="M3 12.5 L3 13.5 L13 13.5 L13 12.5"/></svg>
|
|
|
|
|
<span class="dlbadge" id="dlbadge" hidden>0</span>
|
|
|
|
|
</button>
|
2026-09-06 13:32:41 +02:00
|
|
|
<span class="extdock" id="extdock" hidden>
|
|
|
|
|
<span id="extbuttons"></span>
|
2026-09-06 21:58:28 +02:00
|
|
|
<button class="extmore" id="extmore" title="Extensions" aria-label="Extensions"></button>
|
2026-09-06 13:32:41 +02:00
|
|
|
</span>
|
Theseus 0.0.4: cheap in-app update-check chip
Bumps version so the chip actually surfaces itself on 0.0.3 installs
(the version-newer check requires a strict semver bump — same-version
rebuilds don't trigger the chip). From this release on, whenever the
manifest names a newer Theseus, users get a one-click download.
Mechanism
- main.js checkForUpdate() fetches https://dl.silentmode.st/releases-
manifest.json on startup (5s timeout, cache: no-store) + every 6h.
Finds the theseus-navigator release, compares version to
app.getVersion() with a numeric a.b.c comparator that handles
"0.10.0 > 0.9.9" correctly.
- On a match → stores { version, setupUrl, portableUrl, setupHash,
portableHash, date } and emits update-available to chrome. Cleared
after the user upgrades + relaunches (same-version → null).
- Re-emits on chrome's did-finish-load in case the fetch beats the
chrome view.
Chip UI (chrome.html)
- Acid-yellow pill between the downloads button and the Tor toggle:
"↓ Update to X.Y.Z" + a ✕. Main body opens setupUrl in the system
browser via shell.openExternal (origin-validated to
https://dl.silentmode.st/ or https://silentmode.st/). ✕ dismisses
for the current session — you'll see it again next launch if still
behind.
Trust anchor
- No signing / no cryptographic verification of the download in this
phase. releases.silentmode.bch publishes the SAME manifest URL, so
users who want to verify can cross-check the manifest hash against
what BCNR returns. The proper auto-updater with signature checks is
the follow-on to this cheap version.
Non-goals in phase 1
- No delta downloads; the user clicks and gets a full installer.
- No auto-install; download → user runs the installer themselves.
- No "check now" button in Settings; the periodic timer suffices.
- No portable-vs-installed detection; the chip prefers setupUrl (the
installer upgrades in place). Right-click for portable is future work.
2026-08-28 20:21:44 +02:00
|
|
|
<span class="upchip" id="upchip" hidden><button class="upcore" id="upDownload" title=""></button><button class="updismiss" id="upDismiss" title="Not now">✕</button></span>
|
2026-07-29 13:54:34 +02:00
|
|
|
<button class="tor" id="tor" title="Route traffic through Tor">🧅 Tor: Off</button>
|
2026-07-30 08:16:55 +02:00
|
|
|
<button class="logo" id="logo" title="Settings"><span>⛓ Theseus</span><span class="gear">⚙</span></button>
|
2026-07-29 13:54:34 +02:00
|
|
|
</div>
|
2026-07-30 19:29:32 +02:00
|
|
|
<div class="loadbar" id="loadbar"></div>
|
2026-07-30 08:16:55 +02:00
|
|
|
<div class="bookmarks" id="bookmarks" hidden></div>
|
2026-07-29 13:54:34 +02:00
|
|
|
<div id="tordisc" class="tordisc" hidden>
|
|
|
|
|
Onion mode hides your IP from sites and your ISP (including .bch lookups).
|
|
|
|
|
It is <b>not full anonymity</b> — this browser can still be fingerprinted; for that use the Tor Browser.
|
|
|
|
|
<a href="#" id="tordismiss">got it</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="bcnrbar" class="bcnrbar" hidden>
|
2026-08-02 13:02:47 +02:00
|
|
|
<span class="breg" id="bcnrreg">BCDN</span>
|
|
|
|
|
<span><b id="bcnrhost"></b> also exists on <b>BCDN</b> — the decentralized registry.</span>
|
|
|
|
|
<button id="bcnropen" class="bopen">Open on BCDN</button>
|
2026-07-29 13:54:34 +02:00
|
|
|
<a href="#" id="bcnrdismiss" class="bdismiss">dismiss</a>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
const $ = (id) => document.getElementById(id);
|
|
|
|
|
const T = window.theseus;
|
|
|
|
|
function syncHeight() { requestAnimationFrame(() => T.setChromeHeight(document.body.scrollHeight)); }
|
2026-07-30 19:29:32 +02:00
|
|
|
const RELOAD_SVG = `<svg viewBox="0 0 16 16"><path d="M13 8 a5 5 0 1 1 -1.5 -3.6"/><path d="M13 2.5 L13 5 L10.5 5"/></svg>`;
|
|
|
|
|
const STOP_SVG = `<svg viewBox="0 0 16 16"><path d="M4.5 4.5 L11.5 11.5 M11.5 4.5 L4.5 11.5"/></svg>`;
|
2026-07-30 08:16:55 +02:00
|
|
|
|
2026-08-02 17:46:03 +02:00
|
|
|
function goURL() {
|
|
|
|
|
const v = $("url").value.trim();
|
|
|
|
|
if (!v) return;
|
|
|
|
|
// Blur so the tabs-event handler can update the URL bar to the actual
|
|
|
|
|
// loaded page — the "don't clobber the typed text" guard would otherwise
|
|
|
|
|
// keep the search keyword displayed while the results are loading.
|
|
|
|
|
$("url").blur();
|
|
|
|
|
T.navigate(v);
|
|
|
|
|
}
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
// Address-bar suggestions — debounced call to main on every keystroke.
|
|
|
|
|
// Main computes matches from history and shows/hides a floating overlay
|
|
|
|
|
// WebContentsView anchored under the address bar's client rect.
|
|
|
|
|
let suggestTimer = null;
|
|
|
|
|
let pickerOpen = false;
|
|
|
|
|
const askSuggest = () => {
|
|
|
|
|
const q = $("url").value;
|
|
|
|
|
const r = $("url").getBoundingClientRect();
|
|
|
|
|
const rect = { x: Math.round(r.left), y: Math.round(r.bottom + 4), w: Math.round(r.width + 40) };
|
|
|
|
|
T.suggestAddress(q, rect);
|
|
|
|
|
// main hides itself when there are zero matches; assume open otherwise.
|
|
|
|
|
pickerOpen = true;
|
|
|
|
|
};
|
2026-09-02 04:28:54 +02:00
|
|
|
// Whether the user has moved the picker's highlight since last typing.
|
|
|
|
|
// Enter with a highlight submits THAT url (via the picker), not the
|
|
|
|
|
// typed text — so pressing ↓ then Enter opens the highlighted entry
|
|
|
|
|
// instead of doing a web search for the letters you typed.
|
|
|
|
|
let pickerHasCursor = false;
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
const debouncedSuggest = () => { clearTimeout(suggestTimer); suggestTimer = setTimeout(askSuggest, 80); };
|
2026-09-02 04:28:54 +02:00
|
|
|
$("url").addEventListener("input", () => { pickerHasCursor = false; debouncedSuggest(); });
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
$("url").addEventListener("focus", debouncedSuggest);
|
|
|
|
|
$("url").addEventListener("blur", () => {
|
|
|
|
|
// Delay: gives a click on the picker time to register before we close.
|
2026-09-02 04:28:54 +02:00
|
|
|
setTimeout(() => { T.closeAddressPicker(); pickerOpen = false; pickerHasCursor = false; }, 160);
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
});
|
|
|
|
|
$("url").addEventListener("keydown", (e) => {
|
2026-09-02 04:28:54 +02:00
|
|
|
if (e.key === "Enter") {
|
|
|
|
|
if (pickerOpen && pickerHasCursor) {
|
|
|
|
|
// Forward Enter to the picker so it navigates to the HIGHLIGHTED
|
|
|
|
|
// suggestion instead of running goURL against the typed text
|
|
|
|
|
// (which would search for the letters, not open the URL).
|
|
|
|
|
T.addressCursor("enter");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
T.closeAddressPicker(); pickerOpen = false; pickerHasCursor = false; goURL();
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (e.key === "Escape") { T.closeAddressPicker(); pickerOpen = false; pickerHasCursor = false; return; }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
if (!pickerOpen) return;
|
2026-09-02 04:28:54 +02:00
|
|
|
if (e.key === "ArrowDown") { e.preventDefault(); pickerHasCursor = true; T.addressCursor("next"); }
|
|
|
|
|
else if (e.key === "ArrowUp") { e.preventDefault(); pickerHasCursor = true; T.addressCursor("prev"); }
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
});
|
Snapshot in-progress work: Ariadne mobile, Theseus password manager, Hephaestus
Several concurrent workstreams committed together as a checkpoint:
- Ariadne mobile resolver — BchFetcher/Bns/MainActivity resolution logic,
AndroidManifest + build.ps1
- Theseus password manager — settings.html/chrome.html/settings-preload.js UI +
main.js wiring + package.json resource; Argus password-vault.js, record-picker.js
(+ tests) and resolver-web.d.ts
- Hephaestus — new BCH-wallet OIDC auth-proxy + Forgejo docker-compose and
restic/S3 scripts (secrets referenced via env only; Hephaestus/.env is gitignored)
- Argus public-gateway.mjs updates
- Docs — root README, Email README/RUNBOOK, VPS access runbooks (Checkers/Deviant),
site/hermes, WebsiteDev registry + faster-blocks, Failures/ AAAA-mangle writeup,
Decentralized Storage map, coordination notes
- .gitignore — exclude /.keys/ and Hephaestus/.env
2026-08-14 23:17:18 +02:00
|
|
|
// Enter submits the search; keep the query visible so the user can refine
|
|
|
|
|
// it or search again — clearing it on submit lost context and made refining
|
|
|
|
|
// annoying (esp. when the engine's own results page uses its own search box).
|
|
|
|
|
$("search").addEventListener("keydown", (e) => { if (e.key === "Enter") { const q = $("search").value.trim(); if (q) T.search(q); } });
|
2026-07-29 13:54:34 +02:00
|
|
|
$("back").onclick = () => T.back();
|
|
|
|
|
$("fwd").onclick = () => T.forward();
|
2026-08-31 02:50:57 +02:00
|
|
|
// Shift-click on the reload button = hard reload (bypass cache), same
|
|
|
|
|
// convention as Chrome/Firefox. Keyboard alternative: Ctrl+Shift+R.
|
|
|
|
|
$("reload").onclick = (e) => T.reload(e.shiftKey);
|
2026-07-29 13:54:34 +02:00
|
|
|
$("home").onclick = () => T.goHome();
|
2026-07-30 19:29:32 +02:00
|
|
|
$("logo").onclick = () => T.openSettings();
|
|
|
|
|
$("secbadge").onclick = () => { const r = $("secbadge").getBoundingClientRect(); T.toggleSiteInfo({ x: Math.round(r.left), y: Math.round(r.bottom + 4) }); };
|
2026-07-29 13:54:34 +02:00
|
|
|
|
2026-07-30 22:55:52 +02:00
|
|
|
// ---- search-engine picker: the magnifier button opens a custom overlay
|
|
|
|
|
// dropdown (real favicons); here we only track the current engine's name. ----
|
|
|
|
|
function setEnginePlaceholder(d) {
|
|
|
|
|
const cur = (d.engines || []).find((e) => e.id === d.current);
|
|
|
|
|
$("search").placeholder = cur ? "Search with " + cur.name : "Search";
|
2026-08-01 00:13:14 +02:00
|
|
|
const icon = $("engineIcon");
|
|
|
|
|
const sym = (cur && cur.sym) || "🔍";
|
|
|
|
|
if (cur && cur.favicon)
|
|
|
|
|
icon.innerHTML = `<img class="eimg" src="${cur.favicon.replace(/"/g, """)}" onerror="this.replaceWith(Object.assign(document.createElement('span'),{className:'esym',textContent:'${sym}'}))">`;
|
|
|
|
|
else icon.innerHTML = `<span class="esym">${sym}</span>`;
|
2026-07-30 20:58:45 +02:00
|
|
|
}
|
2026-07-30 22:55:52 +02:00
|
|
|
$("engineBtn").onclick = () => {
|
|
|
|
|
const r = $("engineBtn").getBoundingClientRect();
|
|
|
|
|
T.toggleEnginePicker({ x: Math.round(r.left), y: Math.round(r.bottom + 4) });
|
2026-07-30 20:58:45 +02:00
|
|
|
};
|
2026-07-30 22:55:52 +02:00
|
|
|
T.getSearchEngines().then(setEnginePlaceholder);
|
|
|
|
|
T.onEngines && T.onEngines(setEnginePlaceholder);
|
2026-07-30 20:58:45 +02:00
|
|
|
|
2026-08-02 13:02:47 +02:00
|
|
|
// ---- downloads button: badge + click toggles the panel ----
|
|
|
|
|
const dlBtn = $("downloads"), dlBadge = $("dlbadge");
|
|
|
|
|
function renderDownloads(items) {
|
|
|
|
|
const list = items || [];
|
|
|
|
|
const active = list.filter((d) => d.state === "progressing").length;
|
|
|
|
|
const doneNew = list.filter((d) => d.state === "completed").length;
|
|
|
|
|
const failed = list.filter((d) => d.state === "interrupted").length;
|
|
|
|
|
dlBtn.classList.toggle("spin", active > 0);
|
|
|
|
|
dlBtn.classList.toggle("done", active === 0 && doneNew > 0 && failed === 0);
|
|
|
|
|
dlBtn.classList.toggle("err", active === 0 && failed > 0);
|
|
|
|
|
const badge = active || (doneNew + failed);
|
|
|
|
|
if (badge > 0) { dlBadge.hidden = false; dlBadge.textContent = badge > 99 ? "99+" : String(badge); }
|
|
|
|
|
else { dlBadge.hidden = true; }
|
|
|
|
|
}
|
|
|
|
|
dlBtn.onclick = () => {
|
|
|
|
|
const r = dlBtn.getBoundingClientRect();
|
|
|
|
|
T.toggleDownloads({ x: Math.round(r.right - 340), y: Math.round(r.bottom + 4) });
|
|
|
|
|
};
|
|
|
|
|
T.getDownloads && T.getDownloads().then(renderDownloads);
|
|
|
|
|
T.onDownloads && T.onDownloads(renderDownloads);
|
|
|
|
|
|
2026-09-06 13:32:41 +02:00
|
|
|
// ---- extension dock ----
|
|
|
|
|
// One toolbar button per registered addon sidebar-panel, plus a static
|
|
|
|
|
// "coming soon" placeholder for Aegis (the built-in BCH wallet, in
|
|
|
|
|
// progress). Click a live button → open the sidebar on that panel; if
|
|
|
|
|
// the sidebar was already open on that panel, collapse it.
|
|
|
|
|
const extDock = $("extdock");
|
|
|
|
|
const extButtons = $("extbuttons");
|
2026-09-07 00:56:33 +02:00
|
|
|
// Flat list of dock buttons — an addon that registers a sidebar-panel and
|
|
|
|
|
// an addon that declares a toolbar-menu both get one entry here. panels
|
|
|
|
|
// stay clickable-toggle; menus open a floating dropdown positioned under
|
|
|
|
|
// the icon and dispatch the picked item back to the add-on.
|
|
|
|
|
let lastPanels = [], lastMenus = [], lastButtons = [];
|
|
|
|
|
let sidebarOpen = false, activePanelId = null;
|
|
|
|
|
let openMenuAddonId = null; // which addon's menu dropdown is currently open
|
Theseus: add-on framework MVP + Notepad reference add-on
New subsystem for extending Theseus with folders on disk. Each add-on
lives at <userData>/addons/<id>/ with an addon.json manifest and a
CommonJS entry that exports activate(api). Nothing about a private
add-on ships in the public installer - drop the folder, restart, it's
live. Bundled reference add-ons ride in the packaged app under
resources/bundled-addons/ and are seeded into <userData>/addons/ on
first boot; the framework treats seeded and drop-in add-ons the same.
Files:
- addons-host.js Loader + api.registerSidebarPanel() + per-
addon storage on <userData>/addons-data/.
Kept at the CommonJS-scoped top level (lib/
is ESM-scoped via its own package.json).
- sidebar-preload.js Runs in every sidebar panel. Exposes
window.silentmode.storage.{get,set,all} +
onVisibility. Main-side handlers derive the
add-on id from the sender file:// URL, so a
panel can only touch its own store.
- bundled-addons/notepad/ Reference add-on: addon.json, index.js,
note.html. Autosaving textarea with char /
word count.
main.js:
- Extension point: sidebar-panel. One right-anchored WebContentsView
(SIDEBAR_W=340) hosts the current panel; layout() shrinks the tab
views by the sidebar width when visible. First registered panel
wins for MVP; picker for multiple panels lands later.
- initAddons() at app.whenReady(): seedBundledAddons, then
AddonHost.discoverAndActivate.
- IPC surface: sidebar-toggle / sidebar-open / sidebar-close /
sidebar-state, addons-list / addons-set-enabled / addons-reveal /
addons-open-dir / addons-reload, and origin-gated
addon-storage-get/set/all.
- Settings gains `disabledAddons: []` — off-toggled ids persist and
the loader honours them without a restart (discoverAndActivate
runs again on toggle).
chrome.html: toolbar sidebar-toggle button, hidden until at least one
add-on has registered a sidebar panel.
settings.html: new "Add-ons" section under privacy. Lists installed
add-ons with icon / name / version / description / capabilities;
per-add-on enable/disable toggle + Show folder button; page-level
Reload and Open add-ons folder buttons; warning note about the trust
model.
package.json: build.files gains sidebar-preload.js + addons-host.js.
extraResources gains bundled-addons/ so the packaged app carries the
reference notepad for the first-boot seed.
Verified: `npm start` boots, addons-host discovers the notepad,
activates it, registers one sidebar panel. Log confirms
"1 installed, 1 enabled, 1 sidebar panels". Actual sidebar rendering
+ notepad UI need clicked-through validation on a real install.
Not shipped yet - deploy still blocked on the fail2ban VPS SSH ban.
Ships as 0.2.0 once SSH clears (this is a new subsystem, not a fix).
2026-08-31 13:51:08 +02:00
|
|
|
function renderSidebarState(d) {
|
|
|
|
|
if (!d) return;
|
2026-09-06 13:32:41 +02:00
|
|
|
lastPanels = Array.isArray(d.panels) ? d.panels : [];
|
2026-09-07 00:56:33 +02:00
|
|
|
lastMenus = Array.isArray(d.toolbarMenus) ? d.toolbarMenus : [];
|
2026-09-06 13:32:41 +02:00
|
|
|
sidebarOpen = !!d.visible;
|
|
|
|
|
activePanelId = d.active || null;
|
2026-09-07 00:56:33 +02:00
|
|
|
// Build the flat button list, panels first (matches shipped order) then
|
|
|
|
|
// toolbar-menu buttons in registration order.
|
|
|
|
|
lastButtons = [];
|
|
|
|
|
for (const p of lastPanels) {
|
|
|
|
|
lastButtons.push({ kind: "panel", key: "p:" + p.panelId, panelId: p.panelId, icon: String(p.icon || "•"), title: p.title || "Extension" });
|
|
|
|
|
}
|
|
|
|
|
for (const m of lastMenus) {
|
|
|
|
|
lastButtons.push({ kind: "menu", key: "m:" + m.addonId, addonId: m.addonId, icon: String(m.icon || "•"), title: m.title || m.addonId, items: m.items || [] });
|
|
|
|
|
}
|
2026-09-06 20:28:14 +02:00
|
|
|
// Hide the dock entirely on a fresh install with no add-ons registered
|
|
|
|
|
// — no empty-slot artifact next to the download button.
|
2026-09-07 00:56:33 +02:00
|
|
|
extDock.hidden = lastButtons.length === 0;
|
|
|
|
|
extButtons.innerHTML = lastButtons.map((b) => {
|
|
|
|
|
const activePanel = b.kind === "panel" && sidebarOpen && b.panelId === activePanelId;
|
|
|
|
|
const activeMenu = b.kind === "menu" && openMenuAddonId === b.addonId;
|
|
|
|
|
const cls = (activePanel || activeMenu) ? " active" : "";
|
|
|
|
|
const dataAttr = b.kind === "panel"
|
|
|
|
|
? `data-panel="${b.panelId.replace(/"/g,""")}"`
|
|
|
|
|
: `data-menu="${b.addonId.replace(/"/g,""")}"`;
|
|
|
|
|
return `<button class="extbtn${cls}" ${dataAttr} title="${b.title.replace(/"/g,""")}">${b.icon.replace(/</g,"<")}</button>`;
|
2026-09-06 13:32:41 +02:00
|
|
|
}).join("");
|
|
|
|
|
extButtons.querySelectorAll(".extbtn").forEach((btn) => {
|
|
|
|
|
btn.onclick = () => {
|
2026-09-07 00:56:33 +02:00
|
|
|
if (btn.dataset.panel) {
|
|
|
|
|
const pid = btn.dataset.panel;
|
|
|
|
|
closeToolbarMenu();
|
|
|
|
|
if (sidebarOpen && pid === activePanelId) { T.closeSidebar && T.closeSidebar(); }
|
|
|
|
|
else { T.openSidebar && T.openSidebar(pid); }
|
|
|
|
|
} else if (btn.dataset.menu) {
|
|
|
|
|
openToolbarMenu(btn.dataset.menu, btn);
|
|
|
|
|
}
|
2026-09-06 13:32:41 +02:00
|
|
|
};
|
|
|
|
|
});
|
2026-09-07 00:56:33 +02:00
|
|
|
// Collapsed dock button: show the first button's icon (falling back
|
|
|
|
|
// to 🧩 if nothing is registered). Clicking it opens a dropdown of
|
|
|
|
|
// every registered surface so the user can pick.
|
|
|
|
|
const first = lastButtons[0];
|
|
|
|
|
$("extmore").textContent = first ? first.icon : "🧩";
|
|
|
|
|
$("extmore").title = first ? "Extensions — " + first.title : "Extensions";
|
|
|
|
|
$("extmore").classList.toggle("active", (sidebarOpen && !!activePanelId) || !!openMenuAddonId);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ---- toolbar-menu dropdown (per-addon) ----
|
|
|
|
|
// Positions under the clicked icon, styled after .extpop. Clicking an
|
|
|
|
|
// item dispatches to main via addonMenuSelect(addonId, itemId) and
|
|
|
|
|
// closes; clicking outside the popover closes it.
|
|
|
|
|
function closeToolbarMenu() {
|
|
|
|
|
const p = document.getElementById("tbmenu");
|
|
|
|
|
if (p) p.remove();
|
|
|
|
|
if (openMenuAddonId) {
|
|
|
|
|
openMenuAddonId = null;
|
|
|
|
|
// Re-render dock so the "active" tint drops off the icon.
|
|
|
|
|
renderSidebarState({ visible: sidebarOpen, active: activePanelId, panels: lastPanels, toolbarMenus: lastMenus });
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function openToolbarMenu(addonId, anchorBtn) {
|
|
|
|
|
// Toggle: clicking the same icon while its menu is open closes it.
|
|
|
|
|
if (openMenuAddonId === addonId) { closeToolbarMenu(); return; }
|
|
|
|
|
closeToolbarMenu();
|
|
|
|
|
const menu = lastMenus.find((m) => m.addonId === addonId);
|
|
|
|
|
if (!menu) return;
|
|
|
|
|
openMenuAddonId = addonId;
|
|
|
|
|
// Update the button's active state cheaply — no full re-render needed
|
|
|
|
|
// yet; the pop will be built once and outside-click will re-render.
|
|
|
|
|
const btns = extButtons.querySelectorAll(".extbtn[data-menu]");
|
|
|
|
|
btns.forEach((b) => b.classList.toggle("active", b.dataset.menu === addonId));
|
|
|
|
|
$("extmore").classList.toggle("active", true);
|
|
|
|
|
const rect = anchorBtn.getBoundingClientRect();
|
|
|
|
|
const pop = document.createElement("div");
|
|
|
|
|
pop.id = "tbmenu"; pop.className = "extpop";
|
|
|
|
|
pop.innerHTML = (menu.items || []).map((it) => {
|
|
|
|
|
const ic = String(it.icon || "•").replace(/</g,"<");
|
|
|
|
|
const lbl = String(it.label || it.id).replace(/</g,"<");
|
|
|
|
|
return `<div class="epit" data-item="${String(it.id).replace(/"/g,""")}"><span class="ic">${ic}</span><span class="lbl">${lbl}</span></div>`;
|
|
|
|
|
}).join("") || `<div class="epit" style="opacity:.6;cursor:default">No items</div>`;
|
|
|
|
|
document.body.appendChild(pop);
|
|
|
|
|
const pr = pop.getBoundingClientRect();
|
|
|
|
|
// Anchor under the button, left-aligned with the icon but kept inside
|
|
|
|
|
// the viewport.
|
|
|
|
|
pop.style.left = Math.max(4, Math.min(rect.left, window.innerWidth - pr.width - 4)) + "px";
|
|
|
|
|
pop.style.top = Math.round(rect.bottom + 4) + "px";
|
|
|
|
|
pop.querySelectorAll(".epit[data-item]").forEach((row) => {
|
|
|
|
|
row.onclick = () => {
|
|
|
|
|
const iid = row.dataset.item;
|
|
|
|
|
closeToolbarMenu();
|
|
|
|
|
if (T.addonMenuSelect) T.addonMenuSelect(addonId, iid).catch((err) => console.warn("addon-menu-select failed:", err?.message || err));
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
const off = (e) => {
|
|
|
|
|
if (!pop.contains(e.target) && e.target !== anchorBtn) {
|
|
|
|
|
closeToolbarMenu();
|
|
|
|
|
document.removeEventListener("mousedown", off);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
document.addEventListener("mousedown", off);
|
|
|
|
|
}, 0);
|
Theseus: add-on framework MVP + Notepad reference add-on
New subsystem for extending Theseus with folders on disk. Each add-on
lives at <userData>/addons/<id>/ with an addon.json manifest and a
CommonJS entry that exports activate(api). Nothing about a private
add-on ships in the public installer - drop the folder, restart, it's
live. Bundled reference add-ons ride in the packaged app under
resources/bundled-addons/ and are seeded into <userData>/addons/ on
first boot; the framework treats seeded and drop-in add-ons the same.
Files:
- addons-host.js Loader + api.registerSidebarPanel() + per-
addon storage on <userData>/addons-data/.
Kept at the CommonJS-scoped top level (lib/
is ESM-scoped via its own package.json).
- sidebar-preload.js Runs in every sidebar panel. Exposes
window.silentmode.storage.{get,set,all} +
onVisibility. Main-side handlers derive the
add-on id from the sender file:// URL, so a
panel can only touch its own store.
- bundled-addons/notepad/ Reference add-on: addon.json, index.js,
note.html. Autosaving textarea with char /
word count.
main.js:
- Extension point: sidebar-panel. One right-anchored WebContentsView
(SIDEBAR_W=340) hosts the current panel; layout() shrinks the tab
views by the sidebar width when visible. First registered panel
wins for MVP; picker for multiple panels lands later.
- initAddons() at app.whenReady(): seedBundledAddons, then
AddonHost.discoverAndActivate.
- IPC surface: sidebar-toggle / sidebar-open / sidebar-close /
sidebar-state, addons-list / addons-set-enabled / addons-reveal /
addons-open-dir / addons-reload, and origin-gated
addon-storage-get/set/all.
- Settings gains `disabledAddons: []` — off-toggled ids persist and
the loader honours them without a restart (discoverAndActivate
runs again on toggle).
chrome.html: toolbar sidebar-toggle button, hidden until at least one
add-on has registered a sidebar panel.
settings.html: new "Add-ons" section under privacy. Lists installed
add-ons with icon / name / version / description / capabilities;
per-add-on enable/disable toggle + Show folder button; page-level
Reload and Open add-ons folder buttons; warning note about the trust
model.
package.json: build.files gains sidebar-preload.js + addons-host.js.
extraResources gains bundled-addons/ so the packaged app carries the
reference notepad for the first-boot seed.
Verified: `npm start` boots, addons-host discovers the notepad,
activates it, registers one sidebar panel. Log confirms
"1 installed, 1 enabled, 1 sidebar panels". Actual sidebar rendering
+ notepad UI need clicked-through validation on a real install.
Not shipped yet - deploy still blocked on the fail2ban VPS SSH ban.
Ships as 0.2.0 once SSH clears (this is a new subsystem, not a fix).
2026-08-31 13:51:08 +02:00
|
|
|
}
|
|
|
|
|
T.sidebarState && T.sidebarState().then(renderSidebarState);
|
|
|
|
|
T.onSidebarState && T.onSidebarState(renderSidebarState);
|
|
|
|
|
|
2026-09-06 21:45:43 +02:00
|
|
|
// Collapsed extensions dropdown — opens under the .extmore button at
|
|
|
|
|
// responsive level 3, lists every registered panel with icon + name.
|
|
|
|
|
function closeExtPop() { const p = document.getElementById("extpop"); if (p) p.remove(); }
|
|
|
|
|
$("extmore").onclick = (ev) => {
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
if (document.getElementById("extpop")) return closeExtPop();
|
2026-09-07 00:56:33 +02:00
|
|
|
closeToolbarMenu();
|
2026-09-06 21:45:43 +02:00
|
|
|
const rect = $("extmore").getBoundingClientRect();
|
|
|
|
|
const pop = document.createElement("div");
|
|
|
|
|
pop.id = "extpop"; pop.className = "extpop";
|
2026-09-07 00:56:33 +02:00
|
|
|
// Include both sidebar panels AND toolbar-menu buttons at narrow widths.
|
|
|
|
|
// A panel row toggles the sidebar; a menu row opens a nested submenu.
|
|
|
|
|
const rows = [];
|
|
|
|
|
for (const p of lastPanels) {
|
2026-09-06 21:45:43 +02:00
|
|
|
const isActive = sidebarOpen && p.panelId === activePanelId;
|
2026-09-07 00:56:33 +02:00
|
|
|
rows.push(`<div class="epit${isActive ? " active" : ""}" data-panel="${p.panelId.replace(/"/g,""")}"><span class="ic">${String(p.icon || "•").replace(/</g,"<")}</span><span class="lbl">${(p.title || "Extension").replace(/</g,"<")}</span></div>`);
|
|
|
|
|
}
|
|
|
|
|
for (const m of lastMenus) {
|
|
|
|
|
rows.push(`<div class="epit" data-menu="${m.addonId.replace(/"/g,""")}"><span class="ic">${String(m.icon || "•").replace(/</g,"<")}</span><span class="lbl">${(m.title || m.addonId).replace(/</g,"<")}</span></div>`);
|
|
|
|
|
}
|
|
|
|
|
pop.innerHTML = rows.join("") || `<div class="epit" style="opacity:.6;cursor:default">No extensions installed</div>`;
|
2026-09-06 21:45:43 +02:00
|
|
|
document.body.appendChild(pop);
|
|
|
|
|
const r = pop.getBoundingClientRect();
|
|
|
|
|
pop.style.left = Math.max(4, Math.min(rect.left, window.innerWidth - r.width - 4)) + "px";
|
|
|
|
|
pop.style.top = Math.round(rect.bottom + 4) + "px";
|
|
|
|
|
pop.querySelectorAll(".epit[data-panel]").forEach((row) => {
|
|
|
|
|
row.onclick = () => {
|
|
|
|
|
const pid = row.dataset.panel;
|
|
|
|
|
closeExtPop();
|
|
|
|
|
if (sidebarOpen && pid === activePanelId) { T.closeSidebar && T.closeSidebar(); }
|
|
|
|
|
else { T.openSidebar && T.openSidebar(pid); }
|
|
|
|
|
};
|
|
|
|
|
});
|
2026-09-07 00:56:33 +02:00
|
|
|
pop.querySelectorAll(".epit[data-menu]").forEach((row) => {
|
|
|
|
|
row.onclick = () => {
|
|
|
|
|
const aid = row.dataset.menu;
|
|
|
|
|
closeExtPop();
|
|
|
|
|
// Re-anchor the submenu under the .extmore button since the
|
|
|
|
|
// per-icon dock button is hidden at this responsive level.
|
|
|
|
|
openToolbarMenu(aid, $("extmore"));
|
|
|
|
|
};
|
|
|
|
|
});
|
2026-09-06 21:45:43 +02:00
|
|
|
setTimeout(() => {
|
|
|
|
|
const off = (e) => { if (!pop.contains(e.target) && e.target !== $("extmore")) { closeExtPop(); document.removeEventListener("mousedown", off); } };
|
|
|
|
|
document.addEventListener("mousedown", off);
|
|
|
|
|
}, 0);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Responsive breakpoints on .bar width. ResizeObserver reacts to window
|
|
|
|
|
// resize, sidebar toggle, and any chrome-height change — all cheap since
|
|
|
|
|
// we only touch a single dataset attribute if the level changes.
|
|
|
|
|
const barEl = $("bar");
|
|
|
|
|
const RESPONSIVE_BREAKS = [
|
|
|
|
|
{ w: 1050, level: "0" }, // wide
|
|
|
|
|
{ w: 820, level: "1" }, // hide search
|
|
|
|
|
{ w: 620, level: "2" }, // theseus icon-only
|
|
|
|
|
{ w: 0, level: "3" }, // extensions → dropdown
|
|
|
|
|
];
|
|
|
|
|
function pickResponsive(w) {
|
|
|
|
|
for (const b of RESPONSIVE_BREAKS) if (w >= b.w) return b.level;
|
|
|
|
|
return "3";
|
|
|
|
|
}
|
|
|
|
|
const ro = new ResizeObserver((entries) => {
|
|
|
|
|
for (const e of entries) {
|
|
|
|
|
const level = pickResponsive(e.contentRect.width);
|
|
|
|
|
if (barEl.dataset.responsive !== level) {
|
|
|
|
|
barEl.dataset.responsive = level;
|
|
|
|
|
// Close the extmore dropdown if we shrank/grew across level 3.
|
|
|
|
|
if (level !== "3") closeExtPop();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
ro.observe(barEl);
|
|
|
|
|
// Initial pass — RO fires on subscribe, but only after the next frame;
|
|
|
|
|
// set an initial value so first paint doesn't flash the wide layout.
|
|
|
|
|
barEl.dataset.responsive = pickResponsive(barEl.getBoundingClientRect().width);
|
|
|
|
|
|
2026-07-30 19:29:32 +02:00
|
|
|
// ---- favorites bar (new-tab page only) ----
|
2026-09-04 22:12:03 +02:00
|
|
|
let current = { url: "", title: "", favicon: null }, bookmarks = [];
|
2026-07-30 08:16:55 +02:00
|
|
|
function renderBookmarks() {
|
|
|
|
|
const box = $("bookmarks");
|
2026-07-30 19:29:32 +02:00
|
|
|
box.innerHTML = bookmarks.length
|
2026-09-04 22:12:03 +02:00
|
|
|
? bookmarks.map((b, i) => {
|
|
|
|
|
const fav = b.favicon
|
|
|
|
|
? `<img class="bmfav" src="${String(b.favicon).replace(/"/g,""")}" onerror="this.remove()">`
|
|
|
|
|
: `<span class="bmfav" style="display:inline-block"></span>`;
|
|
|
|
|
return `<div class="bm" data-i="${i}" title="${(b.url||"").replace(/"/g,""")}">${fav}<span class="bt">${(b.title||b.url).replace(/</g,"<")}</span><span class="bx" data-x="${i}">✕</span></div>`;
|
|
|
|
|
}).join("")
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
: `<span class="bm-empty">No saved pages yet — click ☆ or right-click here to add one.</span>`;
|
2026-07-30 08:16:55 +02:00
|
|
|
box.querySelectorAll(".bm").forEach((el) => el.onclick = (e) => {
|
|
|
|
|
const i = Number(el.dataset.i);
|
2026-07-30 19:29:32 +02:00
|
|
|
if (e.target.dataset.x !== undefined) T.removeBookmark(bookmarks[i].url);
|
2026-07-30 08:16:55 +02:00
|
|
|
else T.navigate(bookmarks[i].url);
|
|
|
|
|
});
|
2026-09-04 22:12:03 +02:00
|
|
|
// Backfill: older bookmarks stored before favicon-support have no icon.
|
|
|
|
|
// If we're currently on that URL and have a favicon in hand, patch it in
|
|
|
|
|
// once so the next render draws it.
|
|
|
|
|
if (current.url && current.favicon) {
|
|
|
|
|
const stale = bookmarks.find((b) => b.url === current.url && !b.favicon);
|
|
|
|
|
if (stale && T.updateBookmark) T.updateBookmark(current.url, { favicon: current.favicon });
|
|
|
|
|
}
|
2026-07-30 19:29:32 +02:00
|
|
|
updateStar(); syncHeight();
|
2026-07-30 08:16:55 +02:00
|
|
|
}
|
2026-09-04 22:12:03 +02:00
|
|
|
// In-page prompt modal — window.prompt is disabled in Electron BrowserViews.
|
|
|
|
|
// Resolves to the trimmed string on OK, or null on Cancel / Escape / mask click.
|
|
|
|
|
function inPrompt(label, initial) {
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
const mask = document.createElement("div"); mask.className = "promptmask";
|
|
|
|
|
mask.innerHTML = `<div class="promptbox"><div class="plbl">${label.replace(/</g,"<")}</div>`
|
|
|
|
|
+ `<input type="text" spellcheck="false">`
|
|
|
|
|
+ `<div class="pact"><button class="pbtn pcancel" type="button">Cancel</button><button class="pbtn primary pok" type="button">OK</button></div></div>`;
|
|
|
|
|
document.body.appendChild(mask);
|
|
|
|
|
const input = mask.querySelector("input");
|
|
|
|
|
input.value = String(initial ?? "");
|
|
|
|
|
const done = (val) => { try { mask.remove(); } catch {} document.removeEventListener("keydown", key); resolve(val); };
|
|
|
|
|
const key = (e) => { if (e.key === "Escape") done(null); else if (e.key === "Enter") done(input.value.trim() || null); };
|
|
|
|
|
document.addEventListener("keydown", key);
|
|
|
|
|
mask.addEventListener("mousedown", (e) => { if (e.target === mask) done(null); });
|
|
|
|
|
mask.querySelector(".pcancel").addEventListener("click", () => done(null));
|
|
|
|
|
mask.querySelector(".pok").addEventListener("click", () => done(input.value.trim() || null));
|
|
|
|
|
setTimeout(() => { input.focus(); input.select(); }, 0);
|
|
|
|
|
});
|
|
|
|
|
}
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
// Right-click context menu on the bookmarks bar. Two modes:
|
|
|
|
|
// - On a specific bookmark: Open / Edit title / Remove
|
|
|
|
|
// - On empty area OR the placeholder text: Add current page (or Remove
|
|
|
|
|
// if the page is already bookmarked)
|
|
|
|
|
function closeBmMenu() { const m = document.getElementById("bmMenu"); if (m) m.remove(); }
|
|
|
|
|
function openBmMenu(x, y, ctx) {
|
|
|
|
|
closeBmMenu();
|
|
|
|
|
const items = [];
|
|
|
|
|
if (ctx.kind === "item") {
|
|
|
|
|
const bm = bookmarks[ctx.index];
|
|
|
|
|
items.push({ label: "Open", act: () => T.navigate(bm.url) });
|
2026-09-04 22:12:03 +02:00
|
|
|
items.push({ label: "Edit title…", act: async () => {
|
|
|
|
|
const nt = await inPrompt("Edit bookmark title", bm.title || bm.url);
|
|
|
|
|
if (nt && nt !== bm.title && T.updateBookmark) T.updateBookmark(bm.url, { title: nt });
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
}});
|
|
|
|
|
items.push({ label: "Remove", act: () => T.removeBookmark(bm.url), danger: true });
|
|
|
|
|
items.push({ sep: true });
|
|
|
|
|
}
|
|
|
|
|
if (current.url) {
|
|
|
|
|
const saved = bookmarks.some((b) => b.url === current.url);
|
|
|
|
|
items.push(saved
|
|
|
|
|
? { label: "Remove current page", act: () => T.removeBookmark(current.url), danger: true }
|
2026-09-04 22:12:03 +02:00
|
|
|
: { label: "Add current page", act: () => T.addBookmark({ title: current.title || current.url, url: current.url, favicon: current.favicon || null }) });
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
} else {
|
|
|
|
|
items.push({ label: "Add current page", disabled: true });
|
|
|
|
|
}
|
|
|
|
|
const m = document.createElement("div");
|
|
|
|
|
m.id = "bmMenu"; m.className = "ctxmenu";
|
|
|
|
|
m.innerHTML = items.map((it, i) => it.sep
|
|
|
|
|
? `<div class="sep"></div>`
|
|
|
|
|
: `<div class="mi${it.danger ? " danger" : ""}${it.disabled ? " off" : ""}" data-i="${i}">${it.label.replace(/</g, "<")}</div>`
|
|
|
|
|
).join("");
|
|
|
|
|
document.body.appendChild(m);
|
|
|
|
|
const r = m.getBoundingClientRect();
|
|
|
|
|
const vw = document.documentElement.clientWidth, vh = document.documentElement.clientHeight;
|
|
|
|
|
m.style.left = Math.min(x, vw - r.width - 6) + "px";
|
|
|
|
|
m.style.top = Math.min(y, vh - r.height - 6) + "px";
|
|
|
|
|
m.querySelectorAll(".mi").forEach((el) => {
|
|
|
|
|
const it = items[Number(el.dataset.i)];
|
|
|
|
|
if (it.disabled) return;
|
|
|
|
|
el.onclick = () => { closeBmMenu(); try { it.act(); } catch (e) { console.error(e); } };
|
|
|
|
|
});
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
const off = (ev) => { if (!m.contains(ev.target)) { closeBmMenu(); document.removeEventListener("mousedown", off); document.removeEventListener("keydown", esc); } };
|
|
|
|
|
const esc = (ev) => { if (ev.key === "Escape") { closeBmMenu(); document.removeEventListener("mousedown", off); document.removeEventListener("keydown", esc); } };
|
|
|
|
|
document.addEventListener("mousedown", off);
|
|
|
|
|
document.addEventListener("keydown", esc);
|
|
|
|
|
}, 0);
|
|
|
|
|
}
|
|
|
|
|
$("bookmarks").addEventListener("contextmenu", (e) => {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
const bm = e.target.closest(".bm");
|
|
|
|
|
openBmMenu(e.clientX, e.clientY, bm ? { kind: "item", index: Number(bm.dataset.i) } : { kind: "bar" });
|
|
|
|
|
});
|
2026-07-30 08:16:55 +02:00
|
|
|
function updateStar() {
|
2026-07-30 19:29:32 +02:00
|
|
|
const saved = !!current.url && bookmarks.some((b) => b.url === current.url);
|
2026-07-30 08:16:55 +02:00
|
|
|
const s = $("star"); s.textContent = saved ? "★" : "☆"; s.classList.toggle("on", saved);
|
|
|
|
|
s.title = saved ? "Remove from saved pages" : "Save this page";
|
2026-07-29 13:54:34 +02:00
|
|
|
}
|
2026-07-30 08:16:55 +02:00
|
|
|
$("star").onclick = () => {
|
|
|
|
|
if (!current.url) return;
|
|
|
|
|
if (bookmarks.some((b) => b.url === current.url)) T.removeBookmark(current.url);
|
2026-09-04 22:12:03 +02:00
|
|
|
else T.addBookmark({ title: current.title || current.url, url: current.url, favicon: current.favicon || null });
|
2026-07-30 08:16:55 +02:00
|
|
|
};
|
|
|
|
|
T.getBookmarks().then((b) => { bookmarks = b || []; renderBookmarks(); });
|
|
|
|
|
T.onBookmarks((b) => { bookmarks = b || []; renderBookmarks(); });
|
2026-07-29 13:54:34 +02:00
|
|
|
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
// ---- password-fill chip ----
|
|
|
|
|
// Visible only when the vault is unlocked AND the current site has matching
|
|
|
|
|
// credentials. Click opens a floating picker of matches; clicking a match
|
|
|
|
|
// injects the fill into the active tab.
|
|
|
|
|
T.onPwAvailability && T.onPwAvailability((d) => {
|
|
|
|
|
const chip = $("pwchip"); if (!chip) return;
|
|
|
|
|
const n = d && d.count ? d.count : 0;
|
|
|
|
|
chip.hidden = n === 0;
|
|
|
|
|
$("pwchipCount").textContent = n > 1 ? String(n) : "";
|
|
|
|
|
chip.title = n === 1 ? "Fill password for this site" : `${n} saved credentials for this site`;
|
|
|
|
|
});
|
|
|
|
|
$("pwchip") && ($("pwchip").onclick = () => {
|
|
|
|
|
const r = $("pwchip").getBoundingClientRect();
|
|
|
|
|
T.togglePwFill({ x: Math.round(r.right - 280), y: Math.round(r.bottom + 4) });
|
|
|
|
|
});
|
|
|
|
|
|
Theseus 0.0.4: cheap in-app update-check chip
Bumps version so the chip actually surfaces itself on 0.0.3 installs
(the version-newer check requires a strict semver bump — same-version
rebuilds don't trigger the chip). From this release on, whenever the
manifest names a newer Theseus, users get a one-click download.
Mechanism
- main.js checkForUpdate() fetches https://dl.silentmode.st/releases-
manifest.json on startup (5s timeout, cache: no-store) + every 6h.
Finds the theseus-navigator release, compares version to
app.getVersion() with a numeric a.b.c comparator that handles
"0.10.0 > 0.9.9" correctly.
- On a match → stores { version, setupUrl, portableUrl, setupHash,
portableHash, date } and emits update-available to chrome. Cleared
after the user upgrades + relaunches (same-version → null).
- Re-emits on chrome's did-finish-load in case the fetch beats the
chrome view.
Chip UI (chrome.html)
- Acid-yellow pill between the downloads button and the Tor toggle:
"↓ Update to X.Y.Z" + a ✕. Main body opens setupUrl in the system
browser via shell.openExternal (origin-validated to
https://dl.silentmode.st/ or https://silentmode.st/). ✕ dismisses
for the current session — you'll see it again next launch if still
behind.
Trust anchor
- No signing / no cryptographic verification of the download in this
phase. releases.silentmode.bch publishes the SAME manifest URL, so
users who want to verify can cross-check the manifest hash against
what BCNR returns. The proper auto-updater with signature checks is
the follow-on to this cheap version.
Non-goals in phase 1
- No delta downloads; the user clicks and gets a full installer.
- No auto-install; download → user runs the installer themselves.
- No "check now" button in Settings; the periodic timer suffices.
- No portable-vs-installed detection; the chip prefers setupUrl (the
installer upgrades in place). Right-click for portable is future work.
2026-08-28 20:21:44 +02:00
|
|
|
// ---- update-available chip ----
|
|
|
|
|
// Main sends "update-available" with { version, setupUrl, portableUrl, ... }
|
|
|
|
|
// when the releases manifest names a newer Theseus. Null clears the chip
|
|
|
|
|
// (up-to-date, or dismissed this session).
|
|
|
|
|
T.onUpdateAvailable && T.onUpdateAvailable((d) => {
|
|
|
|
|
const chip = $("upchip"); if (!chip) return;
|
|
|
|
|
if (!d) { chip.hidden = true; return; }
|
|
|
|
|
chip.hidden = false;
|
|
|
|
|
const url = d.setupUrl || d.portableUrl || "";
|
|
|
|
|
const core = $("upDownload");
|
Ship Theseus 0.3.1 fe59105d (one-click updates: silent prefetch + install-and-restart)
Setup fe59105d2e99a41b7000caeb86601a8e1675846d193e92204034669f5b368d60
Portable 1b6eda55b53894cf9889548116c7b6100888fb160edc84cc1592bb79f9d95b53
The update flow no longer asks the user to click Download. When
checkForUpdate detects a newer version, autoDownloadUpdate() kicks off
session.defaultSession.downloadURL against the setup URL immediately.
will-download recognises the update URL and routes the file to a
fixed %TEMP% path (bypassing the visible downloads panel entirely),
streams updateDownloadReceived/Total into the chip via
emitUpdateAvailable, and flips updateDownloadState to "ready" when
the transfer finishes.
Chip states:
idle first render before the fetch starts — clickable to
trigger the manual download (kept as a fallback).
downloading "↓ 42% — 0.3.2" — no click, just progress.
ready "✓ Install 0.3.2 & restart" — one click.
failed fall back to the pre-0.3.1 explicit-download click.
install-update-now IPC: spawns the cached setup with /S (detached,
stdio ignored), then app.quit() 400ms later so the installer can
overwrite the running exe. Our nsis/installer.nsh detects an existing
Ariadne install via the HKLM registry and skips its Ariadne prompt on
upgrades, so the /S run is fully unattended.
The one-click flow eliminates two long-standing sources of confusion:
- "Download opens a different browser" — Theseus's default session
fetches the installer itself, not a URL handoff to shell.
- "Update requires multiple wizard clicks" — /S skips them.
Extensions aren't touched by this. The framework lives in
addons-host.js + sidebar-preload.js; add-ons themselves live in
%APPDATA%\Theseus Navigator\addons\<id>\ and are a separate layer.
New extensions ship by drop-a-folder, no browser release required.
Deployed: scp + sia-upload, verified 200 + 0.3.1 in the manifest.
2026-08-31 18:47:50 +02:00
|
|
|
// State machine: idle (nothing yet) -> downloading (silent fetch running,
|
|
|
|
|
// show percent) -> ready (chip becomes "Install & restart, one click") ->
|
|
|
|
|
// failed (fall back to explicit user-triggered download).
|
|
|
|
|
const state = d.downloadState || "idle";
|
|
|
|
|
if (state === "downloading") {
|
|
|
|
|
const pct = d.downloadTotal ? Math.floor((d.downloadReceived / d.downloadTotal) * 100) : null;
|
|
|
|
|
core.textContent = pct != null ? `↓ ${pct}% — ${d.version}` : `↓ Downloading ${d.version}…`;
|
|
|
|
|
core.title = "Downloading update in the background";
|
|
|
|
|
core.onclick = () => {};
|
|
|
|
|
} else if (state === "ready") {
|
|
|
|
|
core.textContent = `✓ Install ${d.version} & restart`;
|
|
|
|
|
core.title = "One-click install: launches the installer silently and restarts Theseus";
|
|
|
|
|
core.onclick = () => T.installUpdateNow && T.installUpdateNow();
|
|
|
|
|
} else if (state === "failed") {
|
|
|
|
|
core.textContent = `↓ Update to ${d.version}`;
|
|
|
|
|
core.title = url ? `Retry download — ${url}` : "Retry download";
|
|
|
|
|
core.onclick = () => { if (url) T.openUpdateDownload(url); };
|
|
|
|
|
} else {
|
|
|
|
|
core.textContent = `↓ Update to ${d.version}`;
|
|
|
|
|
core.title = url ? `Download ${url}` : "Download the new version";
|
|
|
|
|
core.onclick = () => { if (url) T.openUpdateDownload(url); };
|
|
|
|
|
}
|
Theseus 0.0.4: cheap in-app update-check chip
Bumps version so the chip actually surfaces itself on 0.0.3 installs
(the version-newer check requires a strict semver bump — same-version
rebuilds don't trigger the chip). From this release on, whenever the
manifest names a newer Theseus, users get a one-click download.
Mechanism
- main.js checkForUpdate() fetches https://dl.silentmode.st/releases-
manifest.json on startup (5s timeout, cache: no-store) + every 6h.
Finds the theseus-navigator release, compares version to
app.getVersion() with a numeric a.b.c comparator that handles
"0.10.0 > 0.9.9" correctly.
- On a match → stores { version, setupUrl, portableUrl, setupHash,
portableHash, date } and emits update-available to chrome. Cleared
after the user upgrades + relaunches (same-version → null).
- Re-emits on chrome's did-finish-load in case the fetch beats the
chrome view.
Chip UI (chrome.html)
- Acid-yellow pill between the downloads button and the Tor toggle:
"↓ Update to X.Y.Z" + a ✕. Main body opens setupUrl in the system
browser via shell.openExternal (origin-validated to
https://dl.silentmode.st/ or https://silentmode.st/). ✕ dismisses
for the current session — you'll see it again next launch if still
behind.
Trust anchor
- No signing / no cryptographic verification of the download in this
phase. releases.silentmode.bch publishes the SAME manifest URL, so
users who want to verify can cross-check the manifest hash against
what BCNR returns. The proper auto-updater with signature checks is
the follow-on to this cheap version.
Non-goals in phase 1
- No delta downloads; the user clicks and gets a full installer.
- No auto-install; download → user runs the installer themselves.
- No "check now" button in Settings; the periodic timer suffices.
- No portable-vs-installed detection; the chip prefers setupUrl (the
installer upgrades in place). Right-click for portable is future work.
2026-08-28 20:21:44 +02:00
|
|
|
});
|
|
|
|
|
$("upDismiss") && ($("upDismiss").onclick = () => T.dismissUpdate());
|
|
|
|
|
|
2026-07-30 19:29:32 +02:00
|
|
|
// ---- security badge + minimal registry indicator ----
|
2026-08-02 17:46:03 +02:00
|
|
|
// Shield colour communicates connection state at a glance:
|
|
|
|
|
// neutral — home / resolving (no site OR pending)
|
|
|
|
|
// secure — BCDN chain-verified (kind:"ok") OR https:// clearnet
|
|
|
|
|
// insecure — nxdomain / resolver error / plain http:// clearnet
|
2026-07-30 08:16:55 +02:00
|
|
|
function setBadge(d) {
|
|
|
|
|
const b = $("secbadge");
|
2026-07-30 19:29:32 +02:00
|
|
|
let cls = "secbadge", title = "Site information";
|
2026-08-02 17:46:03 +02:00
|
|
|
const isHttps = typeof d?.url === "string" && d.url.startsWith("https:");
|
|
|
|
|
const isHttp = typeof d?.url === "string" && d.url.startsWith("http:") && !isHttps;
|
2026-07-30 19:29:32 +02:00
|
|
|
if (!d || d.kind === "home") title = "Theseus";
|
2026-08-02 17:46:03 +02:00
|
|
|
else if (d.kind === "ok") { cls = "secbadge secure"; title = "Secure · BCDN via " + (d.source || "on-chain") + " — click for details"; }
|
|
|
|
|
else if (d.kind === "web" && isHttps) { cls = "secbadge secure"; title = "Secure · ICANN (HTTPS) — click for details"; }
|
|
|
|
|
else if (d.kind === "web" && isHttp) { cls = "secbadge insecure"; title = "Not secure · plain HTTP — click for details"; }
|
2026-08-02 13:02:47 +02:00
|
|
|
else if (d.kind === "web") title = "Connection · ICANN — click for details";
|
2026-07-30 08:16:55 +02:00
|
|
|
else if (d.kind === "resolving") title = "Resolving…";
|
2026-08-02 17:46:03 +02:00
|
|
|
else if (d.kind === "nxdomain") { cls = "secbadge insecure"; title = "Not registered on BCDN"; }
|
|
|
|
|
else if (d.kind === "error") { cls = "secbadge insecure"; title = "Resolution error"; }
|
2026-07-30 08:16:55 +02:00
|
|
|
b.className = cls; b.title = title;
|
|
|
|
|
}
|
2026-07-30 19:29:32 +02:00
|
|
|
function setReg(d) {
|
|
|
|
|
const r = $("reg");
|
2026-08-02 14:43:31 +02:00
|
|
|
if (!d || d.kind === "home") { r.hidden = true; r.innerHTML = ""; return; }
|
|
|
|
|
// Keep chips visible during "resolving" so the switch feels like a toggle,
|
|
|
|
|
// not a disappear-and-reappear (user complaint 2026-08-02).
|
|
|
|
|
if (d.kind === "resolving") { r.hidden = false; return; }
|
2026-07-30 19:29:32 +02:00
|
|
|
r.hidden = false;
|
2026-08-02 14:43:31 +02:00
|
|
|
// Two chips (toggle) when this host is a collision candidate — could be
|
|
|
|
|
// BCDN OR ICANN. Active one is coloured; inactive is greyed + clickable.
|
2026-08-02 13:02:47 +02:00
|
|
|
const isCand = !!d.tld && (d.kind === "ok" || d.kind === "web") && d.bcnrNativeTld === false;
|
|
|
|
|
const active = d.kind === "ok" ? "bcdn" : d.kind === "web" ? "icann" : null;
|
|
|
|
|
if (isCand) {
|
2026-08-02 14:43:31 +02:00
|
|
|
const bcdn = `<span class="reg bcdn ${active === "bcdn" ? "active" : "switch"}" data-c="bcdn" title="${active === "bcdn" ? "Serving from BCDN" : "Switch to BCDN"}">BCDN</span>`;
|
|
|
|
|
const icann = `<span class="reg icann ${active === "icann" ? "active" : "switch"}" data-c="icann" title="${active === "icann" ? "Serving from ICANN" : "Switch to ICANN"}">ICANN</span>`;
|
2026-08-02 19:26:47 +02:00
|
|
|
r.innerHTML = `<span class="tog">${bcdn}${icann}</span>`;
|
2026-08-02 13:02:47 +02:00
|
|
|
for (const chip of r.querySelectorAll(".reg.switch")) {
|
|
|
|
|
chip.onclick = () => T.collisionSwitch({ choice: chip.dataset.c, remember: "no" });
|
|
|
|
|
}
|
|
|
|
|
} else if (d.kind === "web") {
|
2026-08-02 19:26:47 +02:00
|
|
|
r.innerHTML = `<span class="reg single icann active">ICANN</span>`;
|
2026-08-02 13:02:47 +02:00
|
|
|
} else {
|
2026-08-02 19:26:47 +02:00
|
|
|
r.innerHTML = `<span class="reg single bcdn active">BCDN</span>`;
|
2026-08-02 13:02:47 +02:00
|
|
|
}
|
2026-07-30 19:29:32 +02:00
|
|
|
}
|
2026-07-30 08:16:55 +02:00
|
|
|
|
|
|
|
|
// ---- Tor ----
|
2026-07-29 13:54:34 +02:00
|
|
|
let torShown = false;
|
|
|
|
|
$("tor").onclick = () => { T.toggleTor(); if (!torShown) { $("tordisc").hidden = false; torShown = true; syncHeight(); } };
|
|
|
|
|
$("tordismiss").onclick = (e) => { e.preventDefault(); $("tordisc").hidden = true; syncHeight(); };
|
|
|
|
|
|
2026-07-30 08:16:55 +02:00
|
|
|
// ---- passive BCNR offer ----
|
2026-07-29 13:54:34 +02:00
|
|
|
T.onBcnrOffer((d) => {
|
|
|
|
|
const bar = $("bcnrbar");
|
2026-08-02 13:02:47 +02:00
|
|
|
if (d && d.host) { $("bcnrhost").textContent = d.host; $("bcnrreg").textContent = "BCDN"; bar.hidden = false; }
|
2026-07-30 08:16:55 +02:00
|
|
|
else bar.hidden = true;
|
2026-07-29 13:54:34 +02:00
|
|
|
syncHeight();
|
|
|
|
|
});
|
|
|
|
|
$("bcnropen").onclick = () => { $("bcnrbar").hidden = true; syncHeight(); T.switchToBcnr(); };
|
|
|
|
|
$("bcnrdismiss").onclick = (e) => { e.preventDefault(); $("bcnrbar").hidden = true; syncHeight(); };
|
|
|
|
|
T.onTor((d) => {
|
|
|
|
|
const b = $("tor"); b.className = "tor " + (d.state === "on" ? "on" : d.state === "connecting" ? "connecting" : "");
|
|
|
|
|
b.textContent = d.state === "on" ? "🧅 Tor: On" : d.state === "connecting" ? "🧅 connecting…" : "🧅 Tor: Off";
|
|
|
|
|
});
|
|
|
|
|
|
Ship Theseus 0.0.8: window.bcnr dApp API + eTLD+1 permission origins
Merges a parallel session's work with the multi-source BNS story from 0.0.7.
The dApp side (parallel session)
--------------------------------
* bcnr-preload.js — installs `window.bcnr` on every page via contextBridge.
Read-only surface: resolveName(name), isRegistered(name), getBcnrTlds(),
getRecordVersion(name), plus getPermissionOrigin() for diagnostics. All
Promises; a missing name returns null (not throw). No signing, no wallet
unlock — that surface is designed but deliberately out of scope for 0.0.8
(see TheseusNavigator/DESIGN-integrated-wallet.md).
* bcnr-origin.js — pure function that computes the eTLD+1 permission origin
for a URL. ICANN suffixes via `psl` (same PSL Chromium uses, handles
.co.uk / .github.io / etc); BNS names key off the on-chain TLD list so
foo.wallet becomes a public suffix as soon as `wallet` appears there.
Match browser cookie / MetaMask semantics: a grant on pay.merchant.com
covers account.merchant.com but not evil.com.
* dev/bcnr-selftest.js, dev/origin-selftest.mjs — self-tests, no I/O.
* main.js wires bcnr-preload.js into session.defaultSession.setPreloads() so
it runs BEFORE per-WebContentsView preloads; adds bcnr:* IPC handlers.
* preload.js + chrome.html — small hooks so the shell picks up window.bcnr
the same way regular content does.
* package.json — psl dep, bcnr-preload.js/bcnr-origin.js in `files`.
Also included
-------------
* AriadneResolver/mobile/.../UpdateCheck.java — in-app update-check for the
Android app; already active in the shipped 0.11 APK (build.ps1 -Recurse
picked it up), formalising the source now.
* TheseusNavigator/snapshots/bns-name-snapshot.json — refreshed bundled
starter (73 beacon txs, root c37b8596…c54e414ba).
* Site pages + manifest updated to point at 0.0.8.
TheseusNavigator-Setup-0.0.8.exe 95.4 MB
21939743eafdfe8742a6b7c4b987bd2782384d7bc41289cb80a7e08019dc9f02
TheseusNavigator-0.0.8-portable.exe 92.7 MB
2aa429fe39dc0fa4ac040fc6d6eb31b0f890c8a83175c49fcb50f052c480d39d
2026-08-31 01:38:55 +02:00
|
|
|
// Address-picker pick: the picker fires "address-pick" which routes to
|
|
|
|
|
// navigateTab, but the tabs event's focus-guard would leave the typed
|
|
|
|
|
// query in place if the URL input still had DOM focus. Force the full
|
|
|
|
|
// picked URL into the bar and drop focus so subsequent tabs events
|
2026-09-02 04:28:54 +02:00
|
|
|
// paint the loaded URL cleanly. Also arm a short-lived override that
|
|
|
|
|
// makes the next onTabs event overwrite the URL bar even if the input
|
|
|
|
|
// still shows focused — belt-and-braces for cases where blur() is
|
|
|
|
|
// async and the tabs event arrives first.
|
|
|
|
|
let overrideUrlBarUntil = 0;
|
Ship Theseus 0.0.8: window.bcnr dApp API + eTLD+1 permission origins
Merges a parallel session's work with the multi-source BNS story from 0.0.7.
The dApp side (parallel session)
--------------------------------
* bcnr-preload.js — installs `window.bcnr` on every page via contextBridge.
Read-only surface: resolveName(name), isRegistered(name), getBcnrTlds(),
getRecordVersion(name), plus getPermissionOrigin() for diagnostics. All
Promises; a missing name returns null (not throw). No signing, no wallet
unlock — that surface is designed but deliberately out of scope for 0.0.8
(see TheseusNavigator/DESIGN-integrated-wallet.md).
* bcnr-origin.js — pure function that computes the eTLD+1 permission origin
for a URL. ICANN suffixes via `psl` (same PSL Chromium uses, handles
.co.uk / .github.io / etc); BNS names key off the on-chain TLD list so
foo.wallet becomes a public suffix as soon as `wallet` appears there.
Match browser cookie / MetaMask semantics: a grant on pay.merchant.com
covers account.merchant.com but not evil.com.
* dev/bcnr-selftest.js, dev/origin-selftest.mjs — self-tests, no I/O.
* main.js wires bcnr-preload.js into session.defaultSession.setPreloads() so
it runs BEFORE per-WebContentsView preloads; adds bcnr:* IPC handlers.
* preload.js + chrome.html — small hooks so the shell picks up window.bcnr
the same way regular content does.
* package.json — psl dep, bcnr-preload.js/bcnr-origin.js in `files`.
Also included
-------------
* AriadneResolver/mobile/.../UpdateCheck.java — in-app update-check for the
Android app; already active in the shipped 0.11 APK (build.ps1 -Recurse
picked it up), formalising the source now.
* TheseusNavigator/snapshots/bns-name-snapshot.json — refreshed bundled
starter (73 beacon txs, root c37b8596…c54e414ba).
* Site pages + manifest updated to point at 0.0.8.
TheseusNavigator-Setup-0.0.8.exe 95.4 MB
21939743eafdfe8742a6b7c4b987bd2782384d7bc41289cb80a7e08019dc9f02
TheseusNavigator-0.0.8-portable.exe 92.7 MB
2aa429fe39dc0fa4ac040fc6d6eb31b0f890c8a83175c49fcb50f052c480d39d
2026-08-31 01:38:55 +02:00
|
|
|
T.onAddressPicked && T.onAddressPicked((url) => {
|
|
|
|
|
try { $("url").blur(); } catch (e) {}
|
|
|
|
|
$("url").value = String(url || "");
|
2026-09-02 04:28:54 +02:00
|
|
|
overrideUrlBarUntil = Date.now() + 1500;
|
Ship Theseus 0.0.8: window.bcnr dApp API + eTLD+1 permission origins
Merges a parallel session's work with the multi-source BNS story from 0.0.7.
The dApp side (parallel session)
--------------------------------
* bcnr-preload.js — installs `window.bcnr` on every page via contextBridge.
Read-only surface: resolveName(name), isRegistered(name), getBcnrTlds(),
getRecordVersion(name), plus getPermissionOrigin() for diagnostics. All
Promises; a missing name returns null (not throw). No signing, no wallet
unlock — that surface is designed but deliberately out of scope for 0.0.8
(see TheseusNavigator/DESIGN-integrated-wallet.md).
* bcnr-origin.js — pure function that computes the eTLD+1 permission origin
for a URL. ICANN suffixes via `psl` (same PSL Chromium uses, handles
.co.uk / .github.io / etc); BNS names key off the on-chain TLD list so
foo.wallet becomes a public suffix as soon as `wallet` appears there.
Match browser cookie / MetaMask semantics: a grant on pay.merchant.com
covers account.merchant.com but not evil.com.
* dev/bcnr-selftest.js, dev/origin-selftest.mjs — self-tests, no I/O.
* main.js wires bcnr-preload.js into session.defaultSession.setPreloads() so
it runs BEFORE per-WebContentsView preloads; adds bcnr:* IPC handlers.
* preload.js + chrome.html — small hooks so the shell picks up window.bcnr
the same way regular content does.
* package.json — psl dep, bcnr-preload.js/bcnr-origin.js in `files`.
Also included
-------------
* AriadneResolver/mobile/.../UpdateCheck.java — in-app update-check for the
Android app; already active in the shipped 0.11 APK (build.ps1 -Recurse
picked it up), formalising the source now.
* TheseusNavigator/snapshots/bns-name-snapshot.json — refreshed bundled
starter (73 beacon txs, root c37b8596…c54e414ba).
* Site pages + manifest updated to point at 0.0.8.
TheseusNavigator-Setup-0.0.8.exe 95.4 MB
21939743eafdfe8742a6b7c4b987bd2782384d7bc41289cb80a7e08019dc9f02
TheseusNavigator-0.0.8-portable.exe 92.7 MB
2aa429fe39dc0fa4ac040fc6d6eb31b0f890c8a83175c49fcb50f052c480d39d
2026-08-31 01:38:55 +02:00
|
|
|
});
|
|
|
|
|
|
2026-07-30 08:16:55 +02:00
|
|
|
// ---- tabs ----
|
2026-07-29 13:54:34 +02:00
|
|
|
T.onTabs((d) => {
|
|
|
|
|
$("back").disabled = !d.canBack; $("fwd").disabled = !d.canForward;
|
2026-07-30 19:29:32 +02:00
|
|
|
// loading indicator: progress bar + reload↔stop button
|
|
|
|
|
$("loadbar").classList.toggle("on", !!d.loading);
|
2026-09-02 04:39:02 +02:00
|
|
|
// Any tabs event that fires while no menu is open is a good moment to
|
|
|
|
|
// reset the chrome view height to the natural body-scrollHeight — this
|
|
|
|
|
// eliminates the "chrome stays huge after a menu action" gap that could
|
|
|
|
|
// otherwise linger if a menu-close path missed syncHeight().
|
|
|
|
|
if (!document.querySelector(".ctxmenu, .grouppop")) syncHeight();
|
2026-07-30 19:29:32 +02:00
|
|
|
const rb = $("reload");
|
|
|
|
|
if (d.loading) { rb.innerHTML = STOP_SVG; rb.title = "Stop"; rb.onclick = () => T.stop(); }
|
2026-08-31 02:50:57 +02:00
|
|
|
else { rb.innerHTML = RELOAD_SVG; rb.title = "Reload (Shift-click: hard reload)"; rb.onclick = (ev) => T.reload(ev.shiftKey); }
|
2026-09-02 04:28:54 +02:00
|
|
|
if (document.activeElement !== $("url") || Date.now() < overrideUrlBarUntil) $("url").value = d.url || "";
|
2026-07-30 08:16:55 +02:00
|
|
|
current.url = d.url || "";
|
|
|
|
|
const active = d.tabs.find((t) => t.active);
|
|
|
|
|
current.title = active ? active.title : "";
|
2026-09-04 22:12:03 +02:00
|
|
|
current.favicon = active ? (active.favicon || null) : null;
|
2026-07-30 08:16:55 +02:00
|
|
|
updateStar();
|
2026-07-29 13:54:34 +02:00
|
|
|
const box = $("tabs");
|
2026-08-31 21:29:14 +02:00
|
|
|
// Render tabs with group awareness. For every group, emit a chip BEFORE
|
|
|
|
|
// the group's first tab. If the group is collapsed, tabs inside it are
|
|
|
|
|
// hidden and the chip shows the count as "[● 3]"; expanded chips show
|
|
|
|
|
// just the color dot.
|
|
|
|
|
const collapsed = new Set(d.collapsedGroups || []);
|
|
|
|
|
const groupsSeen = new Set();
|
|
|
|
|
const groupsCount = {};
|
|
|
|
|
for (const t of d.tabs) if (t.group) groupsCount[t.group] = (groupsCount[t.group] || 0) + 1;
|
2026-08-29 23:29:18 +02:00
|
|
|
box.innerHTML = d.tabs.map((t) => {
|
2026-08-31 21:29:14 +02:00
|
|
|
let out = "";
|
|
|
|
|
// Chip appears once, at the FIRST tab of the group in render order.
|
|
|
|
|
if (t.group && !groupsSeen.has(t.group)) {
|
|
|
|
|
groupsSeen.add(t.group);
|
|
|
|
|
const isCollapsed = collapsed.has(t.group);
|
|
|
|
|
out += `<button class="gchip g-${t.group}${isCollapsed ? " collapsed" : ""}" data-group="${t.group}" title="${isCollapsed ? "Expand" : "Collapse"} ${t.group} group"><span class="gcdot g-${t.group}"></span>${isCollapsed ? `<span class="gccnt">${groupsCount[t.group]}</span>` : ""}</button>`;
|
|
|
|
|
}
|
|
|
|
|
// Skip rendering the tab itself if its group is collapsed.
|
|
|
|
|
if (t.group && collapsed.has(t.group)) return out;
|
2026-08-29 23:29:18 +02:00
|
|
|
// Loading spinner takes the icon slot while a page is loading, then
|
|
|
|
|
// hands it back to the favicon once page-favicon-updated fires.
|
|
|
|
|
const icon = t.loading
|
|
|
|
|
? '<span class="spin"></span>'
|
|
|
|
|
: (t.favicon ? `<img class="fav" src="${String(t.favicon).replace(/"/g,""")}" onerror="this.remove()">` : '');
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
const mute = t.muted ? `<span class="mute" title="Muted">🔇</span>` : "";
|
2026-09-06 01:46:58 +02:00
|
|
|
const tt = ((t.title || "New Tab") + (t.url ? "\n" + t.url : "")).replace(/"/g, """);
|
|
|
|
|
out += `<div class="tab ${t.active ? "active" : ""}${t.group ? " grp g-" + t.group : ""}" data-id="${t.id}" draggable="true" title="${tt}">${icon}<span class="t">${(t.title||"New Tab").replace(/</g,"<")}</span>${mute}<span class="x" data-close="${t.id}">✕</span></div>`;
|
2026-08-31 21:29:14 +02:00
|
|
|
return out;
|
2026-08-29 23:29:18 +02:00
|
|
|
}).join("") +
|
2026-07-29 13:54:34 +02:00
|
|
|
`<span class="newtab" id="newtab">+</span>`;
|
2026-09-02 04:39:02 +02:00
|
|
|
// dragId is shared between tab-reorder handlers and group-chip drop
|
|
|
|
|
// handlers; declared here so both scopes see the same identity.
|
|
|
|
|
let dragId = null;
|
|
|
|
|
// Group chip clicks:
|
|
|
|
|
// collapsed chip → show a vertical popover listing the group's tabs
|
|
|
|
|
// expanded chip → toggle to collapsed
|
|
|
|
|
// Also acts as a drop target: drag any tab onto a chip to assign it
|
|
|
|
|
// to that group.
|
|
|
|
|
box.querySelectorAll(".gchip").forEach((chip) => {
|
|
|
|
|
chip.onclick = (ev) => {
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
const color = chip.dataset.group;
|
|
|
|
|
if (chip.classList.contains("collapsed")) {
|
|
|
|
|
openGroupPopover(chip, color, d);
|
|
|
|
|
} else {
|
|
|
|
|
T.tabGroupToggle && T.tabGroupToggle(color);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
chip.addEventListener("dragover", (ev) => {
|
|
|
|
|
if (dragId == null) return;
|
|
|
|
|
ev.preventDefault(); ev.dataTransfer.dropEffect = "move";
|
|
|
|
|
chip.classList.add("droptarget");
|
|
|
|
|
});
|
|
|
|
|
chip.addEventListener("dragleave", () => chip.classList.remove("droptarget"));
|
|
|
|
|
chip.addEventListener("drop", (ev) => {
|
|
|
|
|
ev.preventDefault();
|
|
|
|
|
chip.classList.remove("droptarget");
|
|
|
|
|
if (dragId != null) T.tabGroup(dragId, chip.dataset.group);
|
|
|
|
|
dragId = null;
|
|
|
|
|
});
|
2026-08-31 21:29:14 +02:00
|
|
|
});
|
2026-07-29 13:54:34 +02:00
|
|
|
box.querySelectorAll(".tab").forEach((el) => el.onclick = (e) => {
|
|
|
|
|
if (e.target.dataset.close) T.closeTab(Number(e.target.dataset.close));
|
|
|
|
|
else T.switchTab(Number(el.dataset.id));
|
|
|
|
|
});
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
// Right-click a tab → floating menu (Reload / Duplicate / Group / Add to
|
|
|
|
|
// Bookmarks / Mute / Close). Menu closes on any other click.
|
|
|
|
|
box.querySelectorAll(".tab").forEach((el) => el.addEventListener("contextmenu", (e) => {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
const id = Number(el.dataset.id);
|
|
|
|
|
const t = d.tabs.find((x) => x.id === id);
|
|
|
|
|
if (!t) return;
|
|
|
|
|
openTabContextMenu(e.clientX, e.clientY, t);
|
|
|
|
|
}));
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
// Drag-reorder — HTML5 drag events. Drop-side chosen by whether the pointer
|
|
|
|
|
// is on the left or right half of the target tab (matches Chrome UX).
|
2026-09-02 04:39:02 +02:00
|
|
|
// dragId already declared above so group-chip drop targets share it.
|
Theseus UX batch: tabs, address history, password autofill MVP, home cards
Six user-visible improvements + supporting infra, all uncommitted from
the earlier session-in-progress state. Ships together in one release.
Chrome / tabs
- Same-size tabs: flex 1 1 0 with max 200px, min 60px. Container gets
overflow: hidden so many tabs shrink evenly instead of scrolling out.
- Drag-and-drop tab reordering. HTML5 drag events on each .tab; drop
side chosen by pointer x within target (Chrome UX). New move-tab IPC
splices the tabs array + re-emits.
Address bar
- Persistent history at userData/history.json capped at 500 LRU. Ranked
by host-prefix > url-prefix > contains > title-contains > recency.
- Floating suggestions dropdown (addressPicker WebContentsView) anchored
under the URL bar. Debounced 80ms input; ArrowUp/Down forward to the
picker via address-cursor IPC; Enter fires goURL; blur closes after
160ms so click-through registers. New files address-picker.html +
address-picker-preload.js. Cleared by existing clearHistoryOnQuit.
Password autofill (A.2 MVP)
- Green key chip in the address bar appears when the vault is UNLOCKED
and the active tab's host has matching credentials (exact hostname
match for phase 1; eTLD+1 upgrade queued as A.2.5).
- Click chip → floating picker of usernames. Click a match → main.js
runs a small script in the active tab: finds first visible
input[type=password]:not([disabled]), walks the same form for a
visible text/email/tel/url/search input whose name/id/autocomplete
matches /username|user|email|login|account|id/, fills both via the
native value setter + dispatches input/change so React/Vue-controlled
inputs update. New files pw-fill.html + pw-fill-preload.js.
- emitPwAvailability fires from pushNav + vault setup/unlock/lock so
the chip's visibility + count stays accurate.
Bookmarks bar
- Right-click context menu on the favorites bar. On empty area:
"Add current page" (or "Remove current page" if already saved). On a
specific bookmark: "Open", "Edit title…" (prompt), "Remove", plus
the add/remove-current entry. Uses a shared .ctxmenu style mirroring
the settings ctxmenu (dark/light aware).
- Empty-state text updated to mention right-click.
Home page
- Larger responsive card grid: auto-fill minmax(260-280px, 1fr) with
breakpoints at 600/900/1200. Cards have a subtitle line, a colored
badge (on-chain / Sia / server / custom), and edit affordances that
reveal only in Edit mode.
- User-editable set: Edit toggle reveals per-card ✎/✕ + a dashed "+ Add
card" tile. Modal for add/edit with title / URL / subtitle / badge.
Reset-to-defaults button.
- Persisted at userData/home-cards.json. New home-preload.js exposes
window.home = { getCards, setCards, resetCards, navigate }. IPC
handlers in main.js validate sender.getURL() matches our own
home.html — third-party pages see the API shape via the preload but
can't act on the user's local cards.
- Fallback set of 2 cards renders when window.home is unavailable
(e.g. opening home.html directly outside Electron for preview) so
the grid is never blank.
Docs
- TheseusNavigator/ROADMAP-identity-wallet.md — the phased plan for
the two independent strands (password manager A.2/3, browser wallet
B.1-6). Committed earlier this session; re-listed here for context.
- TheseusNavigator/SESSION-PROMPT-identity-wallet.md — pastable
kickoff for the next session picking up either strand.
Files added to build.files: address-picker.html,
address-picker-preload.js, pw-fill.html, pw-fill-preload.js,
home-preload.js.
2026-08-17 02:17:12 +02:00
|
|
|
box.querySelectorAll(".tab").forEach((row) => {
|
|
|
|
|
row.addEventListener("dragstart", (e) => {
|
|
|
|
|
dragId = Number(row.dataset.id);
|
|
|
|
|
try { e.dataTransfer.effectAllowed = "move"; e.dataTransfer.setData("text/plain", String(dragId)); } catch {}
|
|
|
|
|
row.classList.add("dragging");
|
|
|
|
|
});
|
|
|
|
|
row.addEventListener("dragend", () => {
|
|
|
|
|
row.classList.remove("dragging");
|
|
|
|
|
box.querySelectorAll(".tab").forEach((r) => r.classList.remove("dropbefore", "dropafter"));
|
|
|
|
|
dragId = null;
|
|
|
|
|
});
|
|
|
|
|
row.addEventListener("dragover", (e) => {
|
|
|
|
|
if (dragId == null || Number(row.dataset.id) === dragId) return;
|
|
|
|
|
e.preventDefault(); e.dataTransfer.dropEffect = "move";
|
|
|
|
|
const r = row.getBoundingClientRect();
|
|
|
|
|
const before = (e.clientX - r.left) < r.width / 2;
|
|
|
|
|
row.classList.toggle("dropbefore", before);
|
|
|
|
|
row.classList.toggle("dropafter", !before);
|
|
|
|
|
});
|
|
|
|
|
row.addEventListener("dragleave", () => row.classList.remove("dropbefore", "dropafter"));
|
|
|
|
|
row.addEventListener("drop", (e) => {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
const targetId = Number(row.dataset.id);
|
|
|
|
|
if (dragId == null || dragId === targetId) return;
|
|
|
|
|
const r = row.getBoundingClientRect();
|
|
|
|
|
const before = (e.clientX - r.left) < r.width / 2;
|
|
|
|
|
T.moveTab(dragId, targetId, before ? "before" : "after");
|
|
|
|
|
});
|
|
|
|
|
});
|
2026-07-29 13:54:34 +02:00
|
|
|
$("newtab").onclick = () => T.newTab();
|
|
|
|
|
});
|
|
|
|
|
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
// ---- Tab context menu (right-click a tab) ----
|
|
|
|
|
const TAB_GROUP_COLORS = [
|
|
|
|
|
{ id: "red", label: "Red" }, { id: "orange", label: "Orange" },
|
|
|
|
|
{ id: "yellow", label: "Yellow" }, { id: "green", label: "Green" },
|
|
|
|
|
{ id: "cyan", label: "Cyan" }, { id: "blue", label: "Blue" },
|
|
|
|
|
{ id: "purple", label: "Purple" },
|
|
|
|
|
];
|
2026-08-31 21:29:14 +02:00
|
|
|
function closeAllMenus() {
|
2026-09-02 04:39:02 +02:00
|
|
|
document.querySelectorAll(".ctxmenu, .grouppop").forEach((m) => m.remove());
|
2026-08-31 21:29:14 +02:00
|
|
|
// Menus were rendered outside the chrome's normal flow (position:fixed),
|
|
|
|
|
// so closing them means the natural chrome height wins again.
|
|
|
|
|
syncHeight();
|
|
|
|
|
}
|
2026-09-02 04:39:02 +02:00
|
|
|
// Vertical dropdown of a collapsed group's tabs. Click a row → switch to
|
|
|
|
|
// that tab (and expand the group so the newly-active tab is visible in
|
|
|
|
|
// the strip). The X on a row closes just that tab. Popover closes on
|
|
|
|
|
// outside click via the shared document listener at the bottom.
|
|
|
|
|
function openGroupPopover(chip, color, d) {
|
|
|
|
|
closeAllMenus();
|
|
|
|
|
const rect = chip.getBoundingClientRect();
|
|
|
|
|
const pop = document.createElement("div");
|
|
|
|
|
pop.className = "grouppop";
|
|
|
|
|
pop.dataset.group = color;
|
|
|
|
|
const groupTabs = d.tabs.filter((t) => t.group === color);
|
|
|
|
|
const header = document.createElement("div");
|
|
|
|
|
header.className = "gph";
|
|
|
|
|
header.innerHTML = '<span class="gcdot g-' + color + '"></span><span>' + color + ' group · ' + groupTabs.length + ' tab' + (groupTabs.length === 1 ? '' : 's') + '</span>';
|
|
|
|
|
pop.appendChild(header);
|
|
|
|
|
for (const t of groupTabs) {
|
|
|
|
|
const row = document.createElement("div");
|
|
|
|
|
row.className = "gpit" + (t.active ? " active" : "");
|
|
|
|
|
const fav = t.favicon
|
|
|
|
|
? '<img class="gfav" src="' + String(t.favicon).replace(/"/g, """) + '" onerror="this.remove()">'
|
|
|
|
|
: '<span class="gfav" style="display:inline-block"></span>';
|
|
|
|
|
row.innerHTML = fav + '<span class="gt">' + String(t.title || "New Tab").replace(/</g, "<") + '</span><span class="gx" data-close="' + t.id + '" title="Close tab">✕</span>';
|
|
|
|
|
row.addEventListener("click", (ev) => {
|
|
|
|
|
if (ev.target.dataset.close) {
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
T.closeTab(Number(ev.target.dataset.close));
|
|
|
|
|
// Rebuild popover after close (next onTabs update will refresh anyway).
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// Switch to this tab and expand the group so it's visible in the strip.
|
|
|
|
|
T.switchTab(t.id);
|
|
|
|
|
if (T.tabGroupToggle) T.tabGroupToggle(color); // was collapsed, now expand
|
|
|
|
|
closeAllMenus();
|
|
|
|
|
});
|
|
|
|
|
pop.appendChild(row);
|
|
|
|
|
}
|
|
|
|
|
pop.style.left = Math.round(rect.left) + "px";
|
|
|
|
|
pop.style.top = Math.round(rect.bottom + 4) + "px";
|
|
|
|
|
document.body.appendChild(pop);
|
|
|
|
|
const r = pop.getBoundingClientRect();
|
|
|
|
|
if (r.right > window.innerWidth) pop.style.left = Math.max(4, window.innerWidth - r.width - 4) + "px";
|
|
|
|
|
growChromeForMenu();
|
|
|
|
|
}
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
function openTabContextMenu(x, y, t) {
|
|
|
|
|
closeAllMenus();
|
|
|
|
|
const m = document.createElement("div");
|
|
|
|
|
m.className = "ctxmenu";
|
|
|
|
|
m.style.left = x + "px"; m.style.top = y + "px";
|
|
|
|
|
// Build items
|
|
|
|
|
const item = (label, cls, fn) => {
|
|
|
|
|
const el = document.createElement("div");
|
|
|
|
|
el.className = "mi" + (cls ? " " + cls : "");
|
|
|
|
|
el.innerHTML = label;
|
|
|
|
|
el.onclick = (ev) => { ev.stopPropagation(); if (fn) fn(); closeAllMenus(); };
|
|
|
|
|
return el;
|
|
|
|
|
};
|
|
|
|
|
m.appendChild(item("Reload", "", () => T.tabReload(t.id)));
|
|
|
|
|
m.appendChild(item("Duplicate", "", () => T.tabDuplicate(t.id)));
|
|
|
|
|
// Group submenu — hover/click opens a second menu next to the first.
|
|
|
|
|
const gp = item("Group " + (t.group ? '<span class="swatch g-' + t.group + '"></span>' : ""), "sub", null);
|
|
|
|
|
gp.onclick = (ev) => {
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
const rect = gp.getBoundingClientRect();
|
|
|
|
|
openGroupSubmenu(rect.right + 2, rect.top, t);
|
|
|
|
|
};
|
|
|
|
|
m.appendChild(gp);
|
|
|
|
|
// Add to Bookmarks (disabled if the tab has no url — e.g. Home).
|
|
|
|
|
const bmDisabled = !t.url;
|
|
|
|
|
m.appendChild(item("Add to Bookmarks", bmDisabled ? "off" : "", bmDisabled ? null : () => T.tabBookmark(t.id)));
|
|
|
|
|
m.appendChild(item(t.muted ? "Unmute" : "Mute", "", () => T.tabMute(t.id)));
|
|
|
|
|
const sep = document.createElement("div"); sep.className = "sep"; m.appendChild(sep);
|
|
|
|
|
m.appendChild(item("Close", "danger", () => T.closeTab(t.id)));
|
|
|
|
|
document.body.appendChild(m);
|
2026-08-31 21:29:14 +02:00
|
|
|
// Clamp horizontally to the viewport. VERTICALLY: the chrome view has a
|
|
|
|
|
// fixed height (main.js CHROME_H), which clips anything below that line.
|
|
|
|
|
// Grow the chrome view so the menu is fully visible — restored on close.
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
const r = m.getBoundingClientRect();
|
|
|
|
|
if (r.right > window.innerWidth) m.style.left = Math.max(4, window.innerWidth - r.width - 4) + "px";
|
2026-08-31 21:29:14 +02:00
|
|
|
growChromeForMenu();
|
|
|
|
|
}
|
|
|
|
|
function growChromeForMenu() {
|
2026-09-02 04:39:02 +02:00
|
|
|
// Wait a frame so all newly-added overlays contribute to the bounding box.
|
2026-08-31 21:29:14 +02:00
|
|
|
requestAnimationFrame(() => {
|
|
|
|
|
let needed = document.body.scrollHeight;
|
2026-09-02 04:39:02 +02:00
|
|
|
for (const m of document.querySelectorAll(".ctxmenu, .grouppop")) {
|
2026-08-31 21:29:14 +02:00
|
|
|
const r = m.getBoundingClientRect();
|
|
|
|
|
needed = Math.max(needed, Math.ceil(r.bottom) + 4);
|
|
|
|
|
}
|
|
|
|
|
T.setChromeHeight(needed);
|
|
|
|
|
});
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
}
|
|
|
|
|
function openGroupSubmenu(x, y, t) {
|
|
|
|
|
document.querySelectorAll(".ctxmenu.sub2").forEach((m) => m.remove());
|
|
|
|
|
const m = document.createElement("div");
|
|
|
|
|
m.className = "ctxmenu sub2";
|
|
|
|
|
m.style.left = x + "px"; m.style.top = y + "px";
|
|
|
|
|
const row = (html, fn) => {
|
|
|
|
|
const el = document.createElement("div");
|
|
|
|
|
el.className = "mi";
|
|
|
|
|
el.innerHTML = html;
|
|
|
|
|
el.onclick = (ev) => { ev.stopPropagation(); fn(); closeAllMenus(); };
|
|
|
|
|
m.appendChild(el);
|
|
|
|
|
};
|
|
|
|
|
row('<span class="swatch" style="background:transparent;border:1px dashed var(--line2)"></span>None' + (t.group ? "" : " ✓"), () => T.tabGroup(t.id, null));
|
|
|
|
|
for (const c of TAB_GROUP_COLORS) {
|
|
|
|
|
row('<span class="swatch g-' + c.id + '"></span>' + c.label + (t.group === c.id ? " ✓" : ""), () => T.tabGroup(t.id, c.id));
|
|
|
|
|
}
|
|
|
|
|
document.body.appendChild(m);
|
|
|
|
|
const r = m.getBoundingClientRect();
|
|
|
|
|
if (r.right > window.innerWidth) m.style.left = Math.max(4, x - r.width - 6) + "px";
|
2026-08-31 21:29:14 +02:00
|
|
|
growChromeForMenu();
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
}
|
|
|
|
|
document.addEventListener("click", (e) => {
|
|
|
|
|
// Close any open menus on outside click.
|
2026-09-02 04:39:02 +02:00
|
|
|
if (!e.target.closest(".ctxmenu, .grouppop, .gchip")) closeAllMenus();
|
Ship Theseus 0.3.2 09331b2f (tab context menu + branded installer)
Setup 09331b2fd9ccf136e2183b7cd85354cfd56e2ed50260b7aadeed63c7ea450251
Portable 21752d0fc85fb39ec1e65192920461e9ae395a22d9a68abd27f12e638d0fdd07
Right-click a tab: floating context menu with Reload, Duplicate, Group
(submenu: None / Red / Orange / Yellow / Green / Cyan / Blue / Purple),
Add to Bookmarks, Mute (also Unmute; 🔇 shows next to the title when
muted), Close. Menus close on outside click or Escape.
Group state is per-tab. A grouped tab shows a colored dot before the
title and a matching 2-px accent stripe on the top edge, so a cluster
of same-group tabs reads visually. Palette is drawn from existing
provenance colors (err/warn/acid/srv/sia/blue).
Backend IPCs are all tab-scoped (not "active tab"): tab-reload,
tab-duplicate, tab-mute (toggle or explicit boolean), tab-group,
tab-bookmark. emitTabs payload gains muted, group, and url so the
menu can read current state.
Installer wizard branding: 164×314 sidebar BMP with the compass mark
centered + "Theseus / NAVIGATOR" wordmark under it, plus a 150×57
top-strip header with a mini compass on the right. Sharp can't write
BMP directly (only png/webp/etc), so nsis/make-icons.mjs renders raw
RGB via sharp and wraps it in a hand-rolled 24-bit uncompressed BMP
header. Uninstaller reuses the same sidebar.
Silent-install fix: nsis/installer.nsh's AriadnePageCreate now checks
IfSilent BEFORE touching nsDialogs::Create. In /S mode the flag is
zeroed and the function returns cleanly, so the installer no longer
hangs waiting for a page it will never draw. This is why 0.3.2 needed
two builds — the first hung on /S install; the fixed hash is the one
that ships.
Deployed: scp + sia-upload of both trees. Verified VPS hash matches
local 09331b2f. Fresh /S install to D:\Program Files\Theseus Navigator\
placed 0.3.2 with the correct HKCU Uninstall registry entry.
2026-08-31 19:30:30 +02:00
|
|
|
});
|
|
|
|
|
document.addEventListener("keydown", (e) => { if (e.key === "Escape") closeAllMenus(); });
|
|
|
|
|
|
2026-07-30 08:16:55 +02:00
|
|
|
// ---- provenance ----
|
2026-07-29 13:54:34 +02:00
|
|
|
T.onNav((d) => {
|
2026-07-30 19:29:32 +02:00
|
|
|
setBadge(d); setReg(d);
|
2026-07-29 13:54:34 +02:00
|
|
|
if (document.activeElement !== $("url")) {
|
|
|
|
|
if (d.kind === "home") $("url").value = "";
|
|
|
|
|
else if (d.host && !$("url").value) $("url").value = d.host;
|
|
|
|
|
}
|
2026-07-30 19:29:32 +02:00
|
|
|
// Favorites bar shows only on the new-tab / home page (hides once a page loads).
|
2026-08-31 21:29:14 +02:00
|
|
|
// Bookmarks bar was originally home-only; users adding a bookmark from
|
|
|
|
|
// a real tab saw nothing visible. Keep it visible on every tab so the
|
|
|
|
|
// add / remove has an immediate on-screen effect.
|
|
|
|
|
$("bookmarks").hidden = false;
|
2026-07-30 08:16:55 +02:00
|
|
|
syncHeight();
|
2026-07-29 13:54:34 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
syncHeight();
|
2026-09-06 17:14:57 +02:00
|
|
|
// Toolbar sizing: URL bar + search box widths follow user preference.
|
|
|
|
|
// Applied as data-attrs on .bar so CSS handles the layout swap.
|
2026-09-07 01:07:23 +02:00
|
|
|
// urlBarWidthPx / searchBoxWidthPx (integers > 0) come from the drag
|
|
|
|
|
// handles; when present they OVERRIDE the discrete size preset. Set to
|
|
|
|
|
// null (or 0) to restore preset behavior.
|
2026-09-06 17:14:57 +02:00
|
|
|
function applyBarSizes(s) {
|
|
|
|
|
if (!s) return;
|
|
|
|
|
const bar = $("bar");
|
|
|
|
|
if (s.urlBarSize) bar.dataset.urlsize = s.urlBarSize;
|
|
|
|
|
if (s.searchBoxSize) bar.dataset.searchsize = s.searchBoxSize;
|
2026-09-07 01:07:23 +02:00
|
|
|
const uw = Number(s.urlBarWidthPx) || 0;
|
|
|
|
|
if (uw > 0) { bar.dataset.urlwidth = "1"; bar.style.setProperty("--urlbar-w", uw + "px"); }
|
|
|
|
|
else { delete bar.dataset.urlwidth; bar.style.removeProperty("--urlbar-w"); }
|
|
|
|
|
const sw = Number(s.searchBoxWidthPx) || 0;
|
|
|
|
|
if (sw > 0) { bar.dataset.searchwidth = "1"; bar.style.setProperty("--searchbox-w", sw + "px"); }
|
|
|
|
|
else { delete bar.dataset.searchwidth; bar.style.removeProperty("--searchbox-w"); }
|
2026-09-06 17:14:57 +02:00
|
|
|
syncHeight();
|
|
|
|
|
}
|
|
|
|
|
T.getSettings && T.getSettings().then(applyBarSizes);
|
|
|
|
|
T.onSettingsUpdate && T.onSettingsUpdate(applyBarSizes);
|
2026-09-07 01:07:23 +02:00
|
|
|
|
|
|
|
|
// Drag handles: right edge of .urlwrap resizes the URL bar; left edge of
|
|
|
|
|
// .searchbox resizes the search box. Persists to settings.urlBarWidthPx /
|
|
|
|
|
// searchBoxWidthPx on release, which then wins over the size preset.
|
|
|
|
|
function makeDragHandle(handleEl, targetEl, opts) {
|
|
|
|
|
let startX = 0, startW = 0, dragging = false, lastW = 0;
|
|
|
|
|
handleEl.addEventListener("pointerdown", (e) => {
|
|
|
|
|
if (e.button !== 0) return;
|
|
|
|
|
dragging = true;
|
|
|
|
|
startX = e.clientX;
|
|
|
|
|
startW = targetEl.getBoundingClientRect().width;
|
|
|
|
|
handleEl.setPointerCapture(e.pointerId);
|
|
|
|
|
handleEl.classList.add("dragging");
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
});
|
|
|
|
|
handleEl.addEventListener("pointermove", (e) => {
|
|
|
|
|
if (!dragging) return;
|
|
|
|
|
const dx = e.clientX - startX;
|
|
|
|
|
// Left-edge handles (search) grow when dragged LEFT (dx < 0).
|
|
|
|
|
const w = Math.round(Math.max(opts.min, Math.min(opts.max, startW + (opts.reverseX ? -dx : dx))));
|
|
|
|
|
lastW = w;
|
|
|
|
|
opts.applyLive(w);
|
|
|
|
|
});
|
|
|
|
|
const stop = (e) => {
|
|
|
|
|
if (!dragging) return;
|
|
|
|
|
dragging = false;
|
|
|
|
|
handleEl.classList.remove("dragging");
|
|
|
|
|
try { handleEl.releasePointerCapture(e.pointerId); } catch {}
|
|
|
|
|
if (lastW > 0 && T.setSetting) T.setSetting(opts.settingKey, lastW);
|
|
|
|
|
};
|
|
|
|
|
handleEl.addEventListener("pointerup", stop);
|
|
|
|
|
handleEl.addEventListener("pointercancel", stop);
|
|
|
|
|
}
|
|
|
|
|
const barEl2 = $("bar");
|
|
|
|
|
makeDragHandle($("urldrag"), $("bar").querySelector(".urlwrap"), {
|
|
|
|
|
min: 200, max: 1800, settingKey: "urlBarWidthPx", reverseX: false,
|
|
|
|
|
applyLive: (w) => { barEl2.dataset.urlwidth = "1"; barEl2.style.setProperty("--urlbar-w", w + "px"); },
|
|
|
|
|
});
|
|
|
|
|
makeDragHandle($("searchdrag"), $("bar").querySelector(".searchbox"), {
|
|
|
|
|
min: 120, max: 800, settingKey: "searchBoxWidthPx", reverseX: true,
|
|
|
|
|
applyLive: (w) => { barEl2.dataset.searchwidth = "1"; barEl2.style.setProperty("--searchbox-w", w + "px"); },
|
|
|
|
|
});
|
2026-09-02 22:16:09 +02:00
|
|
|
// Self-heal: some menu-close paths (drag interruptions, focus flips) can
|
|
|
|
|
// leave the chrome view taller than the natural body-scrollHeight. Every
|
|
|
|
|
// 750 ms with no menu open, re-sync — main.js only re-layouts when the
|
|
|
|
|
// value actually changes, so this is a cheap no-op in the steady state.
|
|
|
|
|
setInterval(() => { if (!document.querySelector(".ctxmenu, .grouppop")) syncHeight(); }, 750);
|
2026-07-29 13:54:34 +02:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|