diff --git a/main.js b/main.js index e8df0028..a2114d4b 100644 --- a/main.js +++ b/main.js @@ -273,6 +273,10 @@ function fetchEngineIcon(host) { fs.writeFileSync(f + ".tmp", got.buf); fs.renameSync(f + ".tmp", f); iconFetches.delete(host); emitEngines(); // the toolbar and the picker repaint with the real icon + // The sidebar-strip LLM button and the picker overlay also read engine + // favicons; without this they stay on the sym emoji until some other + // state change re-emits the quicklinks payload. + try { emitQuickLinksState(); } catch {} return f; })(); iconFetches.set(host, p); diff --git a/package.json b/package.json index 19b1d764..272d4015 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "theseus-navigator", - "version": "0.3.114", + "version": "0.3.115", "license": "MPL-2.0", "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.", "author": "Silent Mode", diff --git a/quicklinks.html b/quicklinks.html index f834d45a..89ec4453 100644 --- a/quicklinks.html +++ b/quicklinks.html @@ -54,10 +54,15 @@ .llm.on { background: var(--acid-tint); box-shadow: inset 2px 0 0 var(--acid); color: var(--ink); } .llm .glyph { font-size: 16px; line-height: 1; } .llm img { width: 18px; height: 18px; display: block; } - .llm .chev { position: absolute; right: 1px; bottom: 1px; width: 10px; height: 10px; - display: grid; place-items: center; color: var(--mut); background: var(--bg); - border: 1px solid var(--line2); border-radius: 3px; font-size: 7px; line-height: 1; padding: 0; cursor: pointer; } - .llm .chev:hover { color: var(--ink); } + /* Chevron is the discoverable "pick AI" affordance — kept small so it + doesn't crowd the AI icon, but with the acid accent so it reads at + a glance and a bigger hit target through padding. */ + .llm .chev { position: absolute; right: -2px; bottom: -2px; width: 14px; height: 14px; + display: grid; place-items: center; color: var(--bg); background: var(--acid); + border: 2px solid var(--bg); border-radius: 50%; font-size: 9px; font-weight: 800; + line-height: 1; padding: 0; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.5); } + .llm .chev:hover { background: #fff; } + .llm .chev:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; }