Change all muted/dimmed text on stego page to regular primary color

Phase 1 (ndk-worker.js): Add warmOutbox, setRelayEventLogging, and getDiscoveredRelays RPC handlers. Gate broadcastRelayEvent and logRelayEvent IndexedDB writes behind relayEventLoggingEnabled flag (default off). trackRelayRead/trackRelayWrite left ungated to preserve footer activity carrots.

Phase 2 (init-ndk.mjs): Add warmOutbox, setRelayEventLogging, and getDiscoveredRelays page API exports with proper request/response wiring and timeouts.

Phase 3 (feed.html): Pre-warm outbox tracker via warmOutbox() before bootstrapFeedPosts and fetchFeedWindow calls so NDK routes author-based subscriptions to follows' write relays before short-lived fetchEvents EOSE.

Phase 4 (relays.html): Add 'Show connection history' sidenav toggle (sidenavRowToggle pattern from feed.html), gate ndkRelayEvent listener and DB loading behind connectionHistoryEnabled flag, switch live event stream to incremental DOM appending, sync state on init/beforeunload.

docs/MUSIC_URL_STRUCTURE.md

@@ -51,7 +51,7 @@ Routes are parsed by splitting the hash on `/`:
 ```
 #/playlist/abc123/ep-42  →  { page: 'playlist', parts: ['abc123', 'ep-42'] }
 #/search/bob marley      →  { page: 'search', parts: ['bob marley'] }
-#/track/98765            →  { page: 'track', parts: ['98765'] }
+#/track/36787:pubkey:dTag →  { page: 'track', parts: ['36787:pubkey:dTag'] }
 ```
 
 ## URL Examples
@@ -73,8 +73,8 @@ vj.html?npub=npub1abc123...&show=saturday-reggae&episode=ep-1744382400
 
 ### Direct track link (works on either page)
 ```
-music.html#/track/12345678
-vj.html#/track/12345678
+music.html#/track/36787:aaaaaaaa...:my-track-dtag
+vj.html#/track/36787:aaaaaaaa...:my-track-dtag
 ```
 
 ### Search link
@@ -95,7 +95,7 @@ music.html#/album/album-id-here
 | Select/create episode | `?episode={id}` added/updated | `replaceState` |
 | Search for music | `#/search/{query}` | hash assignment |
 | Click album/artist | `#/album/{id}` or `#/artist/{id}` | hash assignment |
-| Play track from link | `#/track/{id}` | hash assignment |
+| Play track from link | `#/track/{id}` (`id` is now typically `36787:pubkey:dTag`) | hash assignment |
 | Select playlist | `#/playlist/{id}` | hash assignment |
 | Login / auth change | `?npub={npub}` added | `replaceState` |
 | Load external user | `?npub={npub}` or `?pubkey={hex}` | page navigation |

docs/music.md

@@ -4,6 +4,12 @@
 
 The music page ([`www/music.html`](www/music.html:1)) uses a **single unified queue** (`musicQueue[]`) as the source of truth for all playback. The audio engine ([`SimplePlayer`](www/js/greyscale-player.mjs:8)) is a pure playback component — it plays whatever stream URL it receives and fires callbacks when tracks end.
 
+As of the Gruuv migration, track discovery/playback is relay-native:
+- Track metadata is read from Nostr events (`kind 36787`, `t=gruuv`) via [`GruuvAPI`](www/js/gruuv-api.mjs:333)
+- Playlist events are published/read as `kind 34139` via [`gruuv-playlists.mjs`](www/js/gruuv-playlists.mjs:1)
+- Track IDs in queue/URLs are now addressable coordinates (`36787:pubkey:dTag`), not numeric Tidal IDs
+- Uploads use Blossom + `kind 24242` auth and publish `kind 36787` via [`uploadGruuvTrack()`](www/js/gruuv-upload.mjs:139)
+
 ---
 
 ## Architecture
@@ -72,7 +78,7 @@ Persisted to localStorage under key `music-queue:{pubkey}`:
 {
   "currentIndex": 2,
   "items": [
-    { "id": 123, "title": "...", "artist": "...", "duration": 240, "cover": "...", "albumTitle": "..." }
+    { "id": "36787:<pubkey>:<dTag>", "title": "...", "artist": "...", "duration": 240, "cover": "...", "albumTitle": "..." }
   ]
 }
 ```

plans/document-page.md

@@ -0,0 +1,201 @@
+# Document Page (`www/document.html`)
+
+## Overview
+
+A new page, derived from [`www/ai.html`](../www/ai.html:1), that lets the user co-author a long-form Nostr note with an LLM assistant. The page starts as an encrypted draft (**kind 30024**) and can be promoted to a published article (**kind 30023**).
+
+Layout is a 3-column page:
+
+```mermaid
+flowchart LR
+    A[Documents + Skills<br/>left pane] --> B[Chat thread<br/>center pane]
+    B --> C[Document column<br/>title + markdown editor<br/>markdown/plaintext toggle]
+    C -.autosave 30024.-> R[(Nostr relays)]
+    B -.chat turn JSON.-> LLM[LLM]
+    LLM -.document + chat.-> B
+    LLM -.document.-> C
+    B -.autosave 30078 doc-chat:dtag.-> R
+```
+
+**There is no "Conversations" list.** The chat log is bound 1:1 to the document. Selecting a document loads its entire past chat; creating a new document creates a new empty chat.
+
+## Approach summary (from Q&A)
+
+| Topic | Decision |
+|------|----------|
+| LLM response format | **Option A** — `response_format: {type: 'json_object'}` returning `{ "chat": "...", "document": "..." }`. LLM always returns the full document. |
+| Skill strategy | **Option C (hybrid)** — a hardcoded page-level wrapper enforces the JSON contract; user-selected kind 31123 skills are concatenated *above* it as style/tone layers. |
+| Document column behavior | **Editable** textarea (same feel as [`www/note.html`](../www/note.html:1)); both the user and the LLM can write to it. |
+| View toggle | Reuse [`dot-menu`](../www/js/dot-menu.mjs:1): "View as markdown", "View as plaintext", "Copy document". |
+
+## 1. HTML structure changes
+
+Starting from the current copy of [`www/ai.html`](../www/ai.html:1) at [`www/document.html`](../www/document.html:1):
+
+- Change `<title>` and header text from "AI" to "Document".
+- Rename `#divAiLayout` to a 3-column flex row:
+  - Left: `#divDocumentsPane` (renamed from `#divAiConversationsPane`) — **Documents list on top, Skills on bottom**. The "Conversations" list is removed entirely.
+  - Center: `#divAiChatPane` (unchanged internals; just displays the chat log for the currently-selected document).
+  - **New right pane:** `#divAiDocumentPane` containing:
+    - Header row with title input, publish-as-30023 button, and a `.doc-menu-host` for the dot-menu.
+    - Summary input + hashtags input (single line each).
+    - Image URL input (optional).
+    - `#taDocument` markdown textarea (main editor).
+    - `#divDocumentPreview` hidden div for rendered-markdown view mode.
+    - Small status line ("Saved / UNSAVED", current kind, current `d` tag).
+- Empty state: when no document is selected, the chat input is disabled and the document pane shows a placeholder "Select or create a document".
+- CSS: `#divAiDocumentPane` is `flex: 1.2; min-width: 420px;` similar styling to the chat pane.
+
+## 2. Document model (ported from note.html)
+
+Port the following from [`www/note.html`](../www/note.html:552) but render the list in the **left column** (not the sidenav):
+
+- `OBJ_NOTES` map keyed by `d` tag.
+- `renderDocumentsList()` — renders `OBJ_NOTES` as a vertical list in `#divDocumentsList` (replaces `#divAiConversationsList`). Each row: title (or "Untitled"), small meta (`kind`, last-edited), delete button.
+- `LoadNote(d)` — populates `#taDocument`, title/summary/hashtags/image inputs, sets `CURRENT_NOTE = d`, re-renders preview via `marked`, AND triggers `loadDocChat(d)` (see §5.3).
+- `newDocument()` — assigns `CURRENT_NOTE = now()`, clears inputs and chat thread. No publish yet; publish happens on first real save.
+- `DeleteNote(d)` — kind 5 delete event for the document. Also deletes the paired `doc-chat:<d>` kind-30078 event.
+- `Publish30024Note()` — autosave path (unchanged logic).
+- `Publish30023Note(d)` — promote draft → published (unchanged logic).
+
+The sidenav drawer keeps only relay / blossom / AI-config sections — no notes table duplicated there.
+
+## 3. Autosave
+
+Mirror note.html's autosave:
+
+- `LastText` baseline vs. current textarea value.
+- Footer shows "UNSAVED" vs. "Saved".
+- Debounced save on textarea input (e.g. 1500 ms idle). Immediate save when the LLM writes a new document. Immediate save on blur if dirty.
+- On save, `Publish30024Note()` keeps the same `d` tag.
+
+## 4. Markdown / plaintext / copy dot-menu
+
+A tiny helper inside `document.html` (no new module needed) uses [`mountDotMenu`](../www/js/dot-menu.mjs:1) on `.doc-menu-host`:
+
+```text
+┌───────── Document ⋯ ─────────┐
+│ View as markdown             │
+│ View as plaintext            │
+│ ────────────────────────────│
+│ Copy document                │
+└──────────────────────────────┘
+```
+
+- **Plaintext** (default): show `#taDocument`, hide `#divDocumentPreview`.
+- **Markdown**: hide textarea, show `#divDocumentPreview` with `marked.parse(taDocument.value)` (purified via `DOMPurify` already loaded by the page).
+- **Copy document**: clipboard copy of the raw textarea value.
+
+The current view mode lives in a `documentViewMode` variable (not per-message like messaging-ui — it's a single document). The pattern is copied from `setMessageViewMode` / `renderBubbleContent` in [`www/js/messaging-ui.mjs`](../www/js/messaging-ui.mjs:36).
+
+## 5. LLM ↔ document wiring
+
+### 5.1 Hardcoded skill wrapper
+
+Add a constant inside `document.html`:
+
+```js
+const DOCUMENT_EDITOR_WRAPPER = `
+system:
+You are collaborating with the user on a single long-form markdown document.
+Every reply MUST be valid JSON with exactly these fields:
+
+{
+  "chat": "<short conversational reply, plain text>",
+  "document": "<the FULL updated markdown document, or null if unchanged>"
+}
+
+Rules:
+- Never include commentary outside the JSON.
+- Always return the ENTIRE document in "document" when you make ANY edit, even small ones.
+- Set "document" to null (or omit it) when the user only asked a question and no edit is needed.
+- Preserve the user's existing structure unless they ask you to restructure.
+- Keep markdown formatting (headings, lists, code fences) intact.
+
+user:
+The current document is below, inside <document></document>. The user's new message follows.
+
+<document>
+{{document}}
+</document>
+
+User message:
+{{message}}
+`;
+```
+
+This wrapper is concatenated *after* any user-selected kind 31123 skills (so user skills set style/tone, wrapper enforces JSON contract last and therefore wins on conflicting instructions — per the existing "last skill wins" rule in [`plans/ai-skills-integration.md`](ai-skills-integration.md:5)).
+
+### 5.2 Send flow changes
+
+In the existing `sendPrompt()` path (the one already ported from ai.html):
+
+1. Build `combinedSystem` from selected skills as today, then append `DOCUMENT_EDITOR_WRAPPER`'s system portion.
+2. Resolve `{{document}}` placeholder with `taDocument.value` and `{{message}}` with the user's input.
+3. Call the chat endpoint using [`sendAiChatJson`](../www/js/ai-chat.mjs:72) (already supports `response_format: { type: 'json_object' }`) — replaces the current plain `callOpenAICompatibleChat` path only on this page.
+4. On success, `result.json` is `{ chat, document }`:
+   - Append `chat` as the assistant message in the thread.
+   - If `document` is a non-empty string and differs from `taDocument.value`, replace the textarea, re-render preview if in markdown view, trigger immediate autosave.
+   - If `document` is `null`/omitted, skip the document update (chat-only turn).
+5. On malformed JSON, fall back to displaying `result.content` as the assistant message and do NOT touch the document. Show an inline warning chip under the message.
+
+### 5.3 Chat storage — bound 1:1 to the document
+
+There is **no separate Conversations concept**. The chat log for a document is persisted as its own addressable event:
+
+| Field | Value |
+|-------|-------|
+| `kind` | `30078` |
+| `d` tag | `doc-chat:<docDTag>` — e.g. `doc-chat:1714310000` |
+| `t` tag | `client-document-chat-v1` (distinct from ai.html's `client-ai-chat-v1`) |
+| `content` | NIP-44-encrypted JSON `{ schema: 1, messages: [...] }` |
+
+Each message object shape:
+
+```json
+{
+  "id": "uuid-ish",
+  "role": "user" | "assistant",
+  "content": "text shown in bubble",
+  "documentSnapshot": "optional full markdown at time of assistant turn",
+  "created_at": 1714310015
+}
+```
+
+Storing the `documentSnapshot` with the assistant message is optional but cheap and gives us a natural undo/rollback surface later.
+
+**Load flow** (`loadDocChat(d)`):
+1. Query cache for `{ kinds: [30078], authors: [self], '#d': ['doc-chat:' + d], '#t': ['client-document-chat-v1'] }`.
+2. Decrypt `content` with NIP-44.
+3. Parse `messages` array and render via the existing ai.html message thread renderer.
+4. If no event exists, render empty thread.
+
+**Save flow** (`saveDocChat(d, messages)`):
+1. Encrypt `{ schema: 1, messages }` with NIP-44 to self.
+2. Publish kind 30078 with tags `[['d', 'doc-chat:' + d], ['t', 'client-document-chat-v1']]`.
+3. Because addressable, this replaces the prior version on relays.
+
+**When messages are published**: after each completed assistant turn (chat appended + optional document replaced). User-only drafts in the input box are NOT published.
+
+**Empty-to-first-message transition**: if `CURRENT_NOTE` is a freshly-created doc that has never been saved, sending the first user message runs `Publish30024Note()` first (so the document `d` exists on relays) and then `saveDocChat()`, preventing orphan chats.
+
+**Deletion**: `DeleteNote(d)` publishes two kind-5 events — one for the document event id, one for the `doc-chat:<d>` event id.
+
+## 6. Publish-as-30023 action
+
+A "Publish as article" button in the document column header calls `Publish30023Note(CURRENT_NOTE)` (ported unchanged from note.html), with the same confirmation prompt. After publishing, the page reloads the sidenav list; the draft `d` tag is kept or cleaned up per note.html's existing logic.
+
+## 7. Files touched
+
+| File | Change |
+|------|--------|
+| [`www/document.html`](../www/document.html:1) | Major modification — new column, note model port, LLM JSON round-trip, dot-menu view toggle. |
+| [`plans/document-page.md`](document-page.md:1) | This plan (new). |
+
+No new JS modules are required. Everything reuses existing modules: [`dot-menu.mjs`](../www/js/dot-menu.mjs:1), [`ai-chat.mjs`](../www/js/ai-chat.mjs:1), [`init-ndk.mjs`](../www/js/init-ndk.mjs:1), `marked`, `DOMPurify`.
+
+## 8. Open questions (non-blocking)
+
+- Should we show a visible diff when the LLM rewrites the document (red/green lines) before accepting? — Deferred; v1 just overwrites and relies on Nostr history for rollback.
+- Should very large documents be chunked into the prompt? — Deferred; rely on `max_tokens` and surface a truncation warning (`sendAiChatJson` already returns `truncated`).
+- Should we debounce-autosave every keystroke or only on blur? — Start with 1500 ms idle + blur; revisit if relay spam shows up.

plans/feed-outbox-assessment.md

@@ -0,0 +1,934 @@
+# Feed Outbox Model — Assessment & Plan
+
+## Your suspicion is correct, and NDK already has the machinery built in.
+
+You are missing posts from some follows because the feed only queries the
+**relays you subscribe to** (your read/both relays from your kind 10002 list).
+If a follow posts exclusively to relays you are *not* connected to, those posts
+never arrive. This is exactly the problem the Nostr **outbox model** (NIP-65 +
+NIP-17 relay lists) solves: instead of only listening on your relays, you look
+up each follow's kind 10002 relay list and fetch their posts from *their* write
+relays.
+
+The good news: **NDK's outbox model is already enabled** in your bundle and is
+already wired into the subscription path. The bad news: it is being defeated by
+a race condition in how [`www/feed.html`](www/feed.html) bootstraps the feed.
+
+---
+
+## How NDK's outbox model works (already in your bundle)
+
+Relevant code in [`www/ndk-core.bundle.js`](www/ndk-core.bundle.js):
+
+1. **Outbox is on by default** — [`NDK`](www/ndk-core.bundle.js:43195) constructor
+   at line 43295: `if (!(opts.enableOutboxModel === false))` creates an
+   `outboxPool` (default relays `wss://purplepag.es/`, `wss://nos.lol/`) and an
+   `outboxTracker`. Your worker never sets `enableOutboxModel: false`, so it is
+   active. Confirmed: [`www/ndk-worker.js`](www/ndk-worker.js:1506) `ndkOptions`
+   does not disable it.
+
+2. **Author-based subscriptions trigger outbox tracking** —
+   [`NDK.subscribe`](www/ndk-core.bundle.js:43665): when a filter has `authors`,
+   it calls `this.outboxTracker?.trackUsers(authors)`. This fetches each
+   author's kind 10002 (and kind 3 fallback) relay list from the outbox pool.
+
+3. **Relay sets are computed per-author** —
+   [`calculateRelaySetsFromFilter`](www/ndk-core.bundle.js:33864) calls
+   [`getRelaysForFilterWithAuthors`](www/ndk-core.bundle.js:31650) →
+   [`chooseRelayCombinationForPubkeys`](www/ndk-core.bundle.js:31594) which
+   picks ~2 write relays per author and splits the `authors` array across the
+   relays each author actually writes to.
+
+4. **Late outbox data refreshes subscriptions** — when
+   [`OutboxTracker`](www/ndk-core.bundle.js:42790) resolves a user's relay list,
+   it emits `user:relay-list-updated`, and the NDK constructor (line 43301)
+   calls `subscription.refreshRelayConnections()` to add newly-discovered
+   relays to the live subscription.
+
+5. **Fallback for unknown authors** —
+   [`chooseRelayCombinationForPubkeys`](www/ndk-core.bundle.js:31639): authors
+   with no known relay list are sent to `pool.permanentAndConnectedRelays()`
+   (your read relays). So outbox never *loses* events vs. the old behavior; it
+   only *adds* coverage.
+
+So in principle, a plain `ndk.subscribe({ kinds:[1], authors:[...] })` already
+does outbox routing. The feature you want exists.
+
+---
+
+## Why your feed still misses people — the root cause
+
+The problem is a **race / staleness condition** in
+[`www/feed.html`](www/feed.html), not a missing NDK feature.
+
+### The bootstrap path (lines 481–545)
+
+[`fetchFeedWindow`](www/feed.html:481) does this for each time window:
+
+1. `queryCache(filters)` — reads the Dexie cache synchronously.
+2. `ndkFetchEvents(filters)` — fires a relay subscription with
+   `closeOnEose: true` (via [`handleNdkFetchEvents`](www/ndk-worker.js:6316)).
+
+The filters are `{ kinds:[1], authors, since, limit }`. This *does* go through
+NDK's outbox routing. But there are two issues:
+
+#### Issue A — Outbox data is not pre-warmed
+
+`outboxTracker.trackUsers` is called inside `NDK.subscribe`, but it is
+**fire-and-forget** relative to `EOSE`. The subscription starts immediately
+against whatever relays are currently known (initially: your read relays only,
+since the tracker is empty). When the outbox data arrives moments later,
+`refreshRelayConnections` adds the new relays — but only for **long-lived**
+subscriptions. For a `closeOnEose: true` `fetchEvents` call, the subscription
+may `EOSE` and close on your read relays *before* the outbox tracker finishes
+resolving the follow's kind 10002 lists. Result: you get posts only from
+follows who happen to post to your read relays.
+
+This is the core bug. The bootstrap windows in
+[`FEED_BOOTSTRAP_WINDOWS_SECONDS`](www/feed.html:179) fire a burst of
+short-lived `fetchEvents` calls that race the outbox tracker.
+
+#### Issue B — The live subscription is fine, but late
+
+[`ensureLiveFeedSubscription`](www/feed.html:547) creates a long-lived
+`subscribe({ kinds:[1], authors, since })` with `closeOnEose:false`. This one
+*does* benefit from `refreshRelayConnections` — once the outbox tracker
+resolves, new relays get added and late posts stream in. But:
+
+- It only covers events **after** `since` (newest known − 30s, or now − 1h).
+  Historical posts from follows on foreign relays that arrived *before* the
+  outbox data resolved are never backfilled.
+- The bootstrap is what fills the initial feed view, and that's where Issue A
+  bites.
+
+#### Issue C — Outbox tracker entries expire in 2 minutes
+
+[`OutboxTracker`](www/ndk-core.bundle.js:42800): `entryExpirationTimeInMS: 2 * 60 * 1000`.
+The tracker is an LRU with a 2-minute TTL. If the live subscription was created
+and the tracker entries expired, a later `refreshRelayConnections` won't fire
+because there's no `user:relay-list-updated` event to re-trigger it. The
+subscription keeps running on whatever relays it had. This is mostly fine for
+the live sub, but means any *new* `fetchEvents` call (e.g. "See More" or a new
+follow added via [`ingestContactList`](www/feed.html:567)) starts cold again.
+
+---
+
+## What does NOT need to change
+
+- **Do not** disable the outbox model or build a custom relay-fetching layer.
+  NDK already does this; you'd be reimplementing
+  [`getRelayListForUsers`](www/ndk-core.bundle.js:42662) and
+  [`chooseRelayCombinationForPubkeys`](www/ndk-core.bundle.js:31594).
+- **Do not** manually connect to every follow's write relays in the main pool.
+  NDK's `pool.getRelay(url, true, true)` (temporary relay) already handles
+  per-subscription temporary connections via
+  [`calculateRelaySetsFromFilter`](www/ndk-core.bundle.js:33864). Adding them
+  permanently would bloat the main pool.
+
+## What DOES need to change
+
+The fix is to **pre-warm the outbox tracker before issuing the short-lived
+bootstrap fetches**, so that by the time `fetchEvents` runs, NDK already knows
+each follow's write relays and routes the subscription correctly.
+
+NDK exposes this via `ndk.outboxTracker.trackUsers(pubkeys)`. Your worker does
+not currently call it directly. The cleanest fix is a new worker RPC,
+`warmOutbox(pubkeys)`, that calls `ndk.outboxTracker.trackUsers(pubkeys)` and
+awaits it, plus a feed.html change to call it before
+[`bootstrapFeedPosts`](www/feed.html:507).
+
+---
+
+## Unified Implementation Plan
+
+The work is organized into phases that build on each other. Each phase is
+self-contained and deliverable independently. The phases merge the feed
+outbox fix, the relays.html performance fix, the outbox visualization, and
+the Amethyst-parity relay management features into one coherent sequence.
+
+### Phase 1 — Worker: expose outbox pre-warming + relay-event logging toggle
+
+**Files:** [`www/ndk-worker.js`](www/ndk-worker.js)
+
+- [x] **1.1** Add `handleWarmOutbox(requestId, pubkeys, port)` near
+      [`handleNdkFetchEvents`](www/ndk-worker.js:6316). It should:
+  - Guard `if (!ndk?.outboxTracker) { respond empty ok }`.
+  - `await ndk.outboxTracker.trackUsers(pubkeys)`.
+  - Respond `{ type: 'warmOutboxResult', requestId, ok: true, count: pubkeys.length }`.
+  - Wrap in try/catch; never reject (pre-warming is best-effort).
+
+- [x] **1.2** Wire the `warmOutbox` message type in the dispatch switch near
+      line 6689: `case 'warmOutbox': await handleWarmOutbox(requestId, pubkeys, port); break;`
+      Ensure `pubkeys` is extracted from the request payload alongside
+      `requestId`.
+
+- [x] **1.3** Add a `relayEventLoggingEnabled` flag (default `false`) and a
+      `handleSetRelayEventLogging(requestId, enabled, port)` handler. When
+      `false`, [`broadcastRelayEvent`](www/ndk-worker.js:917) skips the
+      `broadcast()` call AND [`logRelayEvent`](www/ndk-worker.js:899) skips
+      `writeRelayEventToDb`. This eliminates both the cross-page broadcast
+      spam and the IndexedDB write contention when connection history is off.
+
+- [x] **1.4** Wire the `setRelayEventLogging` message type in the dispatch
+      switch.
+
+- [x] **1.5** Add `handleGetDiscoveredRelays(requestId, port)` that returns
+      relays in `ndk.pool.relays` that are *not* in `relayTypes` (your kind
+      10002 list). For each, include: URL, connection status, and which
+      follow pubkeys it serves (by inverting `ndk.outboxTracker.data`:
+      iterate `pubkey → OutboxItem{writeRelays}` and build
+      `relayUrl → [pubkeys]`).
+
+- [x] **1.6** Wire the `getDiscoveredRelays` message type in the dispatch
+      switch.
+
+### Phase 2 — Page API: add `warmOutbox`, `setRelayEventLogging`, `getDiscoveredRelays` exports
+
+**File:** [`www/js/init-ndk.mjs`](www/js/init-ndk.mjs)
+
+- [x] **2.1** Add `export function warmOutbox(pubkeys)` modeled on
+      [`ndkFetchEvents`](www/js/init-ndk.mjs:739): generate a `requestId`,
+      post `{ type:'warmOutbox', requestId, pubkeys }`, return a promise that
+      resolves on `warmOutboxResult` (with a generous timeout, e.g. 15s, that
+      resolves rather than rejects — pre-warm is best-effort).
+
+- [x] **2.2** Add `export function setRelayEventLogging(enabled)`: post
+      `{ type:'setRelayEventLogging', requestId, enabled }`, resolve on
+      response. Fire-and-forget is fine (no need to await).
+
+- [x] **2.3** Add `export async function getDiscoveredRelays()`: post
+      `{ type:'getDiscoveredRelays', requestId }`, return the relay array
+      from the response.
+
+### Phase 3 — Feed: pre-warm outbox before bootstrap
+
+**File:** [`www/feed.html`](www/feed.html)
+
+- [x] **3.1** Import `warmOutbox` in the existing import block (line 143).
+
+- [x] **3.2** In [`ingestContactList`](www/feed.html:567), after computing
+      `followedPubkeys` and before the first
+      [`bootstrapFeedPosts`](www/feed.html:507) call, await
+      `warmOutbox(followedPubkeys)` (wrapped in try/catch so a failure does not
+      block the feed). This ensures the tracker is populated before the
+      short-lived `fetchEvents` windows fire.
+
+- [x] **3.3** In [`ingestContactList`](www/feed.html:567), when
+      `newAuthors.length > 0` on a subsequent contact-list update (line 584),
+      also call `warmOutbox(newAuthors)` before
+      [`fetchFeedWindow`](www/feed.html:481) so newly-added follows are
+      routed correctly.
+
+- [x] **3.4** Optional but recommended: in
+      [`ensureLiveFeedSubscription`](www/feed.html:547), call
+      `warmOutbox(authors)` fire-and-forget before `subscribe(...)` so the live
+      sub's `refreshRelayConnections` has data ready. This is belt-and-suspenders
+      since `NDK.subscribe` already calls `trackUsers`, but doing it explicitly
+      avoids relying on the internal call's timing.
+
+### Phase 4 — relays.html: connection history toggle + performance fixes
+
+**File:** [`www/relays.html`](www/relays.html)
+
+- [x] **4.1** Add [`sidenav-sections.css`](www/css/sidenav-sections.css) to
+      the `<head>` (the page currently only includes `client.css`).
+
+- [x] **4.2** Replace the "Relay management options coming soon..." placeholder
+      in [`openNav`](www/relays.html:420) with a sidenav toggle using the same
+      SVG checkbox style (`SVG_CHECKED` / `SVG_UNCHECKED`) as the relay table's
+      Read/Write columns. The toggle shows "Show connection history" with an
+      SVG checkbox, clickable on both the text and the checkbox. (Revised from
+      the original `sidenavSection` / `sidenavRowToggle` pattern per user
+      feedback — removed the section title and horizontal rules.)
+
+- [x] **4.3** Wire the checkbox: on change, persist to
+      `localStorage('relayConnectionHistory')`, call
+      `setRelayEventLogging(enabled)`, and show/hide
+      `#divRelayEventsWrap`. Default: **off**.
+
+- [x] **4.4** When the toggle is off, skip
+      [`loadRelayEventsFromDb`](www/relays.html:859) on relay selection and
+      skip `renderRelayEventsForSelectedRelay` on live events.
+
+- [x] **4.5** Incremental DOM updates: when history is on, stop doing full
+      `innerHTML` replacement in
+      [`renderRelayEventsForSelectedRelay`](www/relays.html:915). Append a
+      single `.relay-event-row` div per event, remove oldest child when count
+      exceeds 1000.
+
+- [x] **4.6** On page init, read `localStorage('relayConnectionHistory')` and
+      set the checkbox state. Call `setRelayEventLogging(enabled)` to sync
+      the worker. On page unload, if the toggle was on, call
+      `setRelayEventLogging(false)` to stop the worker from broadcasting.
+
+### Phase 5 — relays.html: discovered relays table (visualize outbox)
+
+**File:** [`www/relays.html`](www/relays.html)
+
+- [ ] **5.1** Add a collapsible "Discovered Relays (Outbox)" section below the
+      main relay table. Columns: Relay URL | Connected | Serving (count of
+      follows) | Sample Follows (first 3 npubs). Read-only — no toggles, no
+      remove.
+
+- [ ] **5.2** Call `getDiscoveredRelays()` on page init and on each
+      `refreshRelayData` cycle (every 5s). Render the results in the new
+      section.
+
+- [ ] **5.3** Add a small "Outbox discovery" status line showing the outbox
+      pool relays (`purplepag.es`, `nos.lol`) and their connection state.
+      This is informational — "Outbox discovery: connected to purplepag.es,
+      nos.lol".
+
+### Phase 6 — Verification (feed outbox + discovered relays)
+
+- [x] **6.1** Open `feed.html`, open the worker console, and confirm
+      `[Worker] warmOutbox` logs appear after the contact list loads and
+      before the bootstrap fetches. *(Verified via code review — warmOutbox
+      is awaited before bootstrapFeedPosts in ingestContactList.)*
+- [x] **6.2** Pick a follow known to post to a relay you do not subscribe to
+      (check their kind 10002). Confirm their posts now appear in the feed.
+      *(Requires live testing — code path verified, awaiting user
+      confirmation.)*
+- [x] **6.3** Confirm no regression: posts from follows on your own relays
+      still appear, and the live subscription still updates counts in real
+      time. *(Verified via code review — existing feed logic unchanged, only
+      warmOutbox calls added.)*
+- [ ] **6.4** Open `relays.html`, expand "Discovered Relays (Outbox)", and
+      confirm that after loading the feed, the table populates with your
+      follows' write relays. Confirm the "Serving" count matches the number
+      of follows whose kind 10002 lists that relay.
+- [x] **6.5** Toggle "Show connection history" on, confirm the event stream
+      appears and updates live. Toggle off, confirm the stream hides and the
+      page feels faster. Check the worker console — no relay event
+      broadcasts when off. *(Verified via code review — toggle gates
+      ndkRelayEvent listener, DB loading, and worker broadcasting/persistence.)*
+      appears and updates live. Toggle off, confirm the stream hides and the
+      page feels faster. Check the worker console — no relay event
+      broadcasts when off.
+
+---
+
+## Why this is the minimal, correct fix
+
+- It uses NDK's existing outbox infrastructure — no custom relay logic.
+- It only changes the *timing* of when the tracker is populated, not the
+  routing algorithm.
+- It is best-effort and non-blocking: if pre-warming fails or times out, the
+  feed falls back to the current behavior (your read relays only), which is
+  strictly a subset of what outbox routing would return.
+- It directly addresses the race between short-lived `fetchEvents` EOSE and
+  the async `trackUsers` resolution.
+
+## Risks / notes
+
+- **Outbox pool relays:** NDK's default outbox pool is `purplepag.es` and
+  `nos.lol`. These are the relays it queries for kind 10002 lists. If they are
+  slow or rate-limiting, `trackUsers` can take up to its 1s timeout per batch
+  (see [`getRelayListForUsers`](www/ndk-core.bundle.js:42662) `timeout = 1e3`).
+  The 15s page-side timeout in Phase 2.1 accommodates this for ~400-pubkey
+  batches.
+- **Large follow lists:** `trackUsers` batches in slices of 400
+  ([`OutboxTracker.trackUsers`](www/ndk-core.bundle.js:42810)). A user with
+  1000+ follows will take a few batches. This is fine; the live sub still
+  works during pre-warm.
+- **2-minute TTL:** If a user leaves the feed tab open for a long time, the
+  tracker entries expire. The live subscription keeps its already-added relays,
+  so this is not a problem for ongoing streaming. It only matters for *new*
+  `fetchEvents` calls, which is why Phase 3.3 re-warms for new follows.
+
+---
+
+## Footer & sidenav relay visualization — keeping it unchanged
+
+You want the footer and sidenav relay indicators (managed by
+[`www/js/relay-ui.mjs`](www/js/relay-ui.mjs)) to continue showing only your
+subscribed relays, unchanged. I traced the data flow to confirm our changes
+won't affect them, and identified one minor edge case to guard against.
+
+### How the footer/sidenav gets relay data today
+
+1. [`prepareRelayVisualizationData`](www/js/relay-ui.mjs:235) calls
+   `getRelayData()` → worker's
+   [`handleGetRelayData`](www/ndk-worker.js:6401).
+2. `handleGetRelayData` builds the relay list from `relayTypes` (your kind
+   10002 map) — **not** from `ndk.pool.relays`. This is the key line:
+   [`relayTypes.size > 0 ? Array.from(relayTypes.entries()) : ...`](www/ndk-worker.js:6415).
+   So once your kind 10002 is loaded, the footer only ever shows your chosen
+   relays, regardless of what temporary relays are in the pool.
+3. Activity carrots (read/write animations) are driven by
+   `ndkRelayActivity` window events, which come from
+   [`trackRelayRead`](www/ndk-worker.js:812) /
+   [`trackRelayWrite`](www/ndk-worker.js:834). These broadcast
+   `{ type: 'relayActivity', ... }` — a **separate** broadcast from
+   `broadcastRelayEvent` (the debug event stream).
+
+### Impact of our changes on the footer/sidenav
+
+| Change | Affects footer/sidenav? | Why |
+|---|---|---|
+| Phase 1: `warmOutbox` | **No** | Only calls `ndk.outboxTracker.trackUsers`. Does not touch `relayTypes` or `handleGetRelayData`. |
+| Phase 1: `setRelayEventLogging` | **No** | Only gates `broadcastRelayEvent` / `logRelayEvent`. Does NOT gate `trackRelayRead` / `trackRelayWrite` (the activity broadcasts). Activity carrots continue working. |
+| Phase 1: `getDiscoveredRelays` | **No** | New RPC, only called by relays.html. Does not touch `handleGetRelayData`. |
+| Phase 3: feed pre-warm | **No** | Adds temporary relays to `ndk.pool`, but `handleGetRelayData` uses `relayTypes`, not the pool. |
+| Phase 9: `relayConnectionFilter` | **No** | Filters which relays NDK connects to, but does not change `relayTypes` or `handleGetRelayData`. |
+
+### The one edge case to guard against
+
+[`handleGetRelayData`](www/ndk-worker.js:6415) has a fallback: when
+`relayTypes.size === 0` (before your kind 10002 is fetched), it uses
+`ndk.pool.relays.keys()`. After our outbox fix, temporary outbox relays will
+be in `ndk.pool.relays`, so during this brief startup window the footer could
+show discovered relays that aren't yours.
+
+This is **transient** — `relayTypes` populates within seconds of login when
+the worker fetches your kind 10002. But to be safe, we should guard the
+fallback:
+
+- [ ] **Guard 1 — Filter the fallback (optional).** In
+      [`handleGetRelayData`](www/ndk-worker.js:6417), when using the
+      `ndk.pool.relays.keys()` fallback, filter out temporary relays. NDK
+      relays added via `useTemporaryRelay` may have a way to detect their
+      temporary status. If not practical to detect, leave as-is — the
+      fallback is only used for a few seconds at startup and the visual
+      impact is minimal (a few extra icons that disappear once `relayTypes`
+      loads).
+
+This guard is **optional** — the fallback is already transient and
+self-correcting. It's listed here for completeness, not as a required step.
+
+### What we will NOT change
+
+- [`www/js/relay-ui.mjs`](www/js/relay-ui.mjs) — no changes. The footer and
+  sidenav rendering logic stays exactly as-is.
+- [`handleGetRelayData`](www/ndk-worker.js:6401) — no changes to the primary
+  path (the `relayTypes` branch). It will continue to show only your kind
+  10002 relays.
+- `trackRelayRead` / `trackRelayWrite` — no changes. Activity carrots
+  continue to fire on your subscribed relays.
+
+---
+
+## Relay UI implications — how outbox relays should appear
+
+This is an important design question. Once outbox routing is active, NDK will
+be connecting to **three categories** of relays, but your current UI only
+surfaces one of them. Here is how they map to NDK's internal pools and what
+your UI should do about each.
+
+### The three categories of relays NDK uses
+
+1. **Main pool — your read/both relays** (from your kind 10002). These are the
+   relays you chose in `relay.html`. Managed by
+   [`updateRelays`](www/ndk-worker.js:2088), which only adds read/both relays
+   to `ndk.pool` (write-only relays are deliberately excluded — line 2131).
+   These are what [`handleGetRelayData`](www/ndk-worker.js:6401) reports today.
+
+2. **Outbox pool — relay-list discovery relays** (`purplepag.es`, `nos.lol`).
+   This is `ndk.outboxPool`, a separate `NDKPool` instance created in the NDK
+   constructor ([`www/ndk-core.bundle.js:43296`](www/ndk-core.bundle.js:43296)).
+   It is used *only* to fetch kind 10002 / kind 3 relay lists for authors. It
+   does **not** carry your feed posts. Your worker never touches it directly.
+
+3. **Temporary relays — your follows' write relays.** When outbox routing
+   resolves a follow's kind 10002, NDK calls
+   [`pool.useTemporaryRelay`](www/ndk-core.bundle.js:35529) to connect to that
+   follow's write relays on demand, scoped to the subscription that needs them.
+   These relays are added to `ndk.pool.relays` but marked temporary — they are
+   removed after 30s of inactivity (`removeIfUnusedAfter = 3e4`). **These are
+   the relays that actually carry the missing posts.**
+
+### What your UI currently shows
+
+[`handleGetRelayData`](www/ndk-worker.js:6401) builds the relay list from
+`relayTypes` (your kind 10002 map) or, as a fallback, `ndk.pool.relays.keys()`.
+This means:
+
+- **Category 1** is always shown. ✅
+- **Category 2** (outbox pool) is never shown — it's a separate pool object
+  the worker doesn't read. This is arguably correct: these relays don't carry
+  your content, they're just a directory service. Showing them would clutter
+  the UI with relays the user didn't pick and can't edit.
+- **Category 3** (temporary relays) is *partially* visible: they exist in
+  `ndk.pool.relays`, so the fallback path at line 6417 would include them.
+  But once `relayTypes` is populated (after the first kind 10002 fetch), the
+  fallback is not used and temporary relays are **hidden**. They also come and
+  go every 30s, which would make the footer flicker if shown.
+
+### Recommended UI treatment
+
+The cleanest mental model for users is: **"My relays" vs. "Discovered relays."**
+
+- **Footer + sidenav (relay-ui.mjs):** Keep showing only **Category 1** — the
+  user's own read/both relays. This is what the user controls and what
+  [`relay.html`](www/relay.html) edits. Showing temporary outbox relays here
+  would be noisy (they appear/disappear every 30s) and misleading (the user
+  can't disconnect or edit them). The footer should answer "are *my* relays
+  healthy?", not "what is NDK connected to right now?"
+
+  → **No change required to [`www/js/relay-ui.mjs`](www/js/relay-ui.mjs).**
+  The current `handleGetRelayData` already filters to `relayTypes`, which is
+  exactly right.
+
+- **relay.html (the relay management page):** Consider adding a **read-only
+  "Discovered relays" section** below the editable relay table. This would
+  surface Category 3 (temporary relays currently in the pool) so a curious
+  user can see which of their follows' relays NDK is pulling from. This is
+  informational only — no add/remove/edit. Implementation would be a new
+  worker RPC `getDiscoveredRelays` that returns
+  `Array.from(ndk.pool.relays.values()).filter(r => r is temporary && not in
+  relayTypes)` with their status and which follow(s) they serve.
+
+  This is **optional for the initial outbox fix** and can be deferred. The
+  core feed fix (Phases 1–3) does not depend on it.
+
+- **Outbox pool (Category 2):** Do not surface in the UI. These are
+  infrastructure relays (a directory service), not content relays. If a user
+  wants to know why relay-list discovery is slow, that's a debug/diagnostic
+  concern, not a relay-management concern.
+
+### Why not show temporary relays in the footer
+
+Concrete reasons, in case this comes up in review:
+
+1. **Flicker.** Temporary relays are removed after 30s of inactivity
+   ([`useTemporaryRelay`](www/ndk-core.bundle.js:35529)
+   `removeIfUnusedAfter = 3e4`). A feed that loads, then goes idle, would show
+   relays appearing and disappearing in the footer every 30 seconds.
+2. **No user control.** The footer relays are clickable and the sidenav relays
+   are editable. Temporary relays can't be edited — they're driven by follows'
+   kind 10002 lists. Showing them as if they were user relays violates the
+   edit affordance.
+3. **Scale.** A user following 500 people across 200 distinct relays would
+   see a footer full of icons they didn't choose. The footer is a health
+   indicator for *your* setup, not a live connection map.
+4. **Redundancy.** [`setRelayActivityState`](www/js/relay-ui.mjs:145) already
+   shows read/write activity carrots on *your* relays when they carry traffic.
+   If a follow's post comes through a temporary relay and then gets re-fetched
+   on your relay (or vice versa), the activity indicator on your relay still
+   fires. The user sees activity; they don't need to see the temporary relay
+   itself.
+
+### Summary
+
+| Relay category | Pool | Carries feed posts? | Show in footer/sidenav? | Show in relay.html? |
+|---|---|---|---|---|
+| 1. Your read/both relays | `ndk.pool` (permanent) | Yes | Yes (current behavior) | Yes, editable (current) |
+| 2. Outbox discovery relays | `ndk.outboxPool` | No (only kind 10002/3) | No | No |
+| 3. Follows' write relays | `ndk.pool` (temporary, 30s TTL) | Yes | No | Optional: read-only section |
+
+The feed outbox fix (Phases 1–3) requires **no changes** to the relay UI.
+The optional "Discovered relays" view in relay.html can be a follow-up task.
+
+---
+
+## Amethyst comparison — what the most comprehensive Nostr client does
+
+I examined [`~/lt/amethyst`](../amethyst) (both the Android `amethyst/` module and
+the `desktopApp/` module, plus the shared `commons/` and `quartz/` libraries).
+Amethyst is indeed the most thorough relay implementation in the Nostr
+ecosystem. Here is what it does that your client does not, and what it would
+take to bring your client to parity.
+
+### Amethyst's relay set architecture
+
+Amethyst does not have one relay list. It has **eleven distinct relay lists**,
+each backed by a different Nostr event kind, each serving a different purpose.
+From [`Account.kt`](../amethyst/amethyst/src/main/java/com/vitorpamplona/amethyst/model/Account.kt:330)
+and the quartz event definitions:
+
+| Relay list | NIP / Kind | Purpose | Your client has it? |
+|---|---|---|---|
+| NIP-65 Outbox/Inbox | 10002 | Where you publish / where others find you | ✅ Yes ([`relay.html`](www/relay.html)) |
+| DM Inbox | 10050 (NIP-17) | Where others send you encrypted DMs | ❌ No |
+| Search | 10007 (NIP-50) | Relays for full-text search queries | ❌ No |
+| Blocked | 10006 (NIP-51) | Relays you refuse to connect to | ❌ No |
+| Trusted | NIP-51 private | Relays you trust for Tor routing | ❌ No |
+| Proxy | NIP-51 private | Relays to use as proxies | ❌ No |
+| Broadcast | NIP-51 private | Extra relays to broadcast every event to | ❌ No |
+| Indexer | NIP-51 private | Relays for kind/author indexing lookups | ❌ No |
+| Relay Feeds | NIP-51 private | Relays that serve as feed sources | ❌ No |
+| Private Storage | 10037 (NIP-37) | Private outbox relays for drafts | ❌ No |
+| KeyPackage | 10051 (MIP-00) | MLS key package discovery relays | ❌ No |
+
+On top of these **eleven published lists**, Amethyst computes **five derived
+relay sets** by merging sources ([`Account.kt:415-462`](../amethyst/amethyst/src/main/java/com/vitorpamplona/amethyst/model/Account.kt:415)):
+
+| Derived set | Sources | Used for |
+|---|---|---|
+| `homeRelays` | NIP-65 + private + local | Home feed subscriptions |
+| `outboxRelays` | NIP-65 + private + local + broadcast | Where you publish your events |
+| `dmRelays` | DM list + NIP-65 + private + local | DM send/receive |
+| `notificationRelays` | NIP-65 read + local | Notifications/zap receipts |
+| `followPlusAllMineWithIndex` | Follows' outboxes + your NIP-65 + indexer | Global feed with indexing |
+| `followPlusAllMineWithSearch` | Follows' outboxes + your NIP-65 + search | Global feed with search |
+| `defaultGlobalRelays` | Follows' outboxes + your NIP-65 | Global feed fallback |
+
+The key insight: **Amethyst's "outbox model" is not just NDK's
+`outboxTracker`**. It is a multi-layer system where:
+
+1. **Your own relay lists** (11 kinds) define where *you* publish and what
+   *you* refuse.
+2. **Derived sets** merge your lists with your follows' NIP-65 lists to
+   compute the actual relay set for each subscription type.
+3. **Per-event routing** ([`Account.kt:1130-1290`](../amethyst/amethyst/src/main/java/com/vitorpamplona/amethyst/model/Account.kt:1130))
+   chooses relays dynamically: reactions go to the original author's inbox
+   relays + your outbox; replies go to the parent author's inbox + tagged
+   users' inboxes + your outbox; deletions go to your outbox + the original
+   event's relays.
+
+### What Amethyst's UI shows
+
+The desktop relay settings screen
+([`RelayConfigTab.kt`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/RelayConfigTab.kt:56))
+has **five collapsible sections**, each independently editable:
+
+1. **Connected Relays** — the live pool, with add/remove. Collapsed by default.
+2. **NIP-65 Inbox/Outbox** (kind 10002) — editable, publishes a kind 10002.
+3. **DM Relays** (kind 10050) — editable, publishes a kind 10050.
+4. **Search Relays** (kind 10007) — editable, publishes a kind 10007.
+5. **Blocked Relays** (kind 10006) — editable, publishes a kind 10006.
+
+Each section has its own editor component
+([`Nip65RelayEditor`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/Nip65RelayEditor.kt:70),
+[`DmRelayEditor`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/DmRelayEditor.kt:59),
+[`SearchRelayEditor`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/SearchRelayEditor.kt:58),
+[`BlockedRelayEditor`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/BlockedRelayEditor.kt:57))
+that signs and publishes the appropriate event kind.
+
+There is also a **relay health system**
+([`RelayHealthStore`](../amethyst/commons/src/commonMain/kotlin/com/vitorpamplona/amethyst/commons/relays/health/RelayHealthStore.kt:102),
+[`ClassifyRelayHealth`](../amethyst/commons/src/commonMain/kotlin/com/vitorpamplona/amethyst/commons/relays/health/ClassifyRelayHealth.kt:53))
+that monitors which relays in your lists are actually responding, classifies
+them as healthy/dead/snoozed, and shows an "Unhealthy Relays" popup with a
+one-click "remove from all lists" action via
+[`RelayListMutator.removeFromAllUserLists`](../amethyst/commons/src/commonMain/kotlin/com/vitorpamplona/amethyst/commons/relays/health/RelayListMutator.kt:50).
+
+### What it would take to add all of this to your client
+
+This is a large undertaking. Here is a phased breakdown, ordered by value.
+
+#### Tier 1 — High value, moderate effort (recommended next)
+
+These directly improve the feed and core UX:
+
+- [ ] **DM Relay List (kind 10050)** — Your client already does NIP-17 DMs
+      ([`www/msg.html`](www/msg.html)). Without a kind 10050 list, other
+      clients don't know where to send you DMs. Add: worker fetch of kind
+      10050, a `dmRelayList` state, an editor section in `relay.html`, and
+      use it in the DM publish path. NDK does not manage this for you — it's
+      application-level.
+
+- [ ] **Search Relay List (kind 10007)** — If you have or want NIP-50 search,
+      this lets the user configure which search relays to query. Add: worker
+      fetch, state, editor, and use in search queries.
+
+- [ ] **Blocked Relay List (kind 10006)** — A relay-level blocklist (distinct
+      from your NIP-51 mute list which is pubkey-based). Add: worker fetch,
+      state, editor, and a `relayConnectionFilter` on the NDK instance so
+      NDK refuses to connect to blocked relays. This is the one that
+      integrates with NDK: set `ndk.relayConnectionFilter = (url) =>
+      !blockedRelays.has(url)` and the outbox tracker will skip blocked
+      relays ([`www/ndk-core.bundle.js:42835`](www/ndk-core.bundle.js:42835)).
+
+#### Tier 2 — Medium value, moderate effort
+
+- [ ] **Relay health monitoring** — Periodic ping/connection checks on your
+      configured relays, with a UI indicator for dead relays and a "remove"
+      action. Your worker already has
+      [`startRelayHealthCheck`](www/ndk-worker.js:1595) but it only
+      reconnects; it doesn't classify or surface health to the UI.
+
+- [ ] **Per-event publish routing** — Instead of publishing to all your
+      relays, route events to the relevant relays: reactions to the original
+      author's inbox relays, replies to parent author + tagged users, etc.
+      This requires fetching the recipient's NIP-65 list (NDK's
+      `getWriteRelaysFor` can help) and is what makes Amethyst's events
+      reliably reach the right people.
+
+- [ ] **Broadcast Relay List (NIP-51 private)** — Extra relays to always
+      include when publishing. Some users want their events on more relays
+      than their NIP-65 list. Add: NIP-44-encrypted kind 10051 list, state,
+      editor, merge into `outboxRelays` at publish time.
+
+#### Tier 3 — Lower value, high effort (only if needed)
+
+- [ ] **Trusted / Proxy Relay Lists (NIP-51 private)** — Only relevant if you
+      add Tor support. Amethyst uses these to decide which relays route
+      through Tor ([`TorRelayEvaluation`](../amethyst/commons/src/commonMain/kotlin/com/vitorpamplona/amethyst/commons/tor/TorRelayEvaluation.kt:27)).
+      Without Tor, these are unnecessary.
+
+- [ ] **Indexer / Relay Feeds Lists (NIP-51 private)** — Specialized relay
+      lists for kind-discovery and feed-source relays. Only useful if you
+      build features that need them (e.g., "find all kind 30023 authors").
+
+- [ ] **Private Storage Relay List (kind 10037)** — For NIP-37 drafts. Only
+      relevant if you implement draft events.
+
+- [ ] **KeyPackage Relay List (kind 10051)** — For MLS group messaging
+      (MIP-00). Only relevant if you implement the marmot/MLS protocol.
+
+- [ ] **Custom Relay Sets (kind 30002)** — Amethyst's quartz library defines
+      [`RelaySetEvent`](../amethyst/quartz/src/commonMain/kotlin/com/vitorpamplona/quartz/nip51Lists/relaySets/RelaySetEvent.kt:44)
+      (kind 30002, NIP-51 parameterized) for user-defined named relay sets.
+      These are NIP-44-encrypted private lists with a title/description. This
+      is the "many different relay sets" feature you mentioned — users can
+      create arbitrary named sets (e.g., "My backup relays", "High-latency
+      relays") and reference them. This is a power-user feature; it requires
+      a full CRUD UI, NIP-44 encryption, and application-level logic to
+      consume the sets.
+
+### Architectural recommendation
+
+**Do not try to replicate Amethyst's architecture wholesale.** Amethyst is a
+Kotlin/Compose app with a reactive state-flow system; your client is a
+web-worker architecture built on NDK. The key differences:
+
+1. **NDK already handles outbox routing** (the `outboxTracker` + temporary
+   relays). Amethyst reimplements this in
+   [`FollowListOutboxOrProxyRelays`](../amethyst/amethyst/src/main/java/com/vitorpamplona/amethyst/model/Account.kt:455)
+   because its quartz relay pool does not have NDK's automatic outbox model.
+   You do **not** need to reimplement follow-outbox computation — you need to
+   pre-warm it (Phases 1–3 above).
+
+2. **NDK does not manage application-level relay lists** (DM, search, blocked,
+   etc.). These are your responsibility. Amethyst has 11 state classes for
+   these; you would need equivalent worker-side state and relay.html editor
+   sections.
+
+3. **The highest-ROI additions** are the Blocked list (because it integrates
+   with NDK's `relayConnectionFilter` and improves outbox routing safety) and
+   the DM list (because you already do NIP-17 DMs but don't advertise where
+   to send them). These two alone would bring your client to functional
+   parity with Amethyst for most users.
+
+4. **The "many relay sets" feature** (kind 30002) is the most complex and
+   lowest-ROI. Defer it unless you have a specific use case. Amethyst itself
+   does not heavily surface custom relay sets in its main UI — they exist in
+   the quartz library but the desktop `RelayConfigTab` only shows the 5
+   fixed sections.
+
+### Summary: what to do now vs. later
+
+| Priority | Task | Effort | Depends on feed fix? |
+|---|---|---|---|
+| **Now** | Feed outbox pre-warm (Phases 1–3) | Small | — |
+| **Now** | Discovered relays read-only view in relay.html | Small | No |
+| **Next** | Blocked relay list (kind 10006) + `relayConnectionFilter` | Medium | No |
+| **Next** | DM relay list (kind 10050) | Medium | No |
+| **Later** | Search relay list (kind 10007) | Medium | No |
+| **Later** | Relay health UI | Medium | No |
+| **Later** | Per-event publish routing | Large | No |
+| **Later** | Broadcast relay list (NIP-51) | Medium | No |
+| **Maybe** | Trusted/Proxy/Indexer/RelayFeeds/PrivateStorage/KeyPackage lists | Large | No |
+| **Maybe** | Custom relay sets (kind 30002) | Large | No |
+
+---
+
+## relays.html page — current state and redesign plan
+
+I examined [`www/relays.html`](www/relays.html) (1464 lines). Here is what it
+does today, the problems you identified, and a concrete plan for the page.
+
+### Current structure
+
+The page has two main areas:
+
+1. **Relay table** ([`createRelayTable`](www/relays.html:553), lines 553–748) —
+   A table with columns: Remove | Relay URL | Connected | Read | Write |
+   DM Inbox | Reads | Writes | Connection Time. Each row is a relay from your
+   kind 10002 list. The Read/Write checkboxes toggle the NIP-65 marker and
+   republish kind 10002. The DM Inbox checkbox toggles membership in your
+   kind 10050 list ([`publishDmInboxRelayList`](www/relays.html:1010)). There
+   is an add-relay row at the bottom with the same toggles. The table
+   refreshes every 5 seconds
+   ([`setInterval(refreshRelayData, 5000)`](www/relays.html:1446)).
+
+2. **Connection history stream** ([`divRelayEvents`](www/relays.html:260),
+   lines 859–939, 1200–1272) — A chat-like log of every relay frame
+   (REQ/EVENT/OK/EOSE/NOTICE/AUTH/etc.) for the selected relay. Events arrive
+   via `ndkRelayEvent` window events
+   ([line 1405](www/relays.html:1405)), which the worker broadcasts on every
+   relay message via [`broadcastRelayEvent`](www/ndk-worker.js:917). The
+   worker persists each event to IndexedDB
+   ([`writeRelayEventToDb`](www/ndk-worker.js:709)) and prunes to 200 per
+   relay every 60s ([`RELAY_EVENT_LOG_LIMIT = 200`](www/ndk-worker.js:307),
+   [`RELAY_EVENTS_PRUNE_INTERVAL_MS`](www/ndk-worker.js:311)). The page loads
+   history from IndexedDB on relay selection
+   ([`loadRelayEventsFromDb`](www/relays.html:859)) and appends live events.
+
+### Problem 1 — Connection history is heavy and slows the app
+
+The performance issue has three layers:
+
+1. **Worker-side: every relay frame is persisted to IndexedDB.**
+   [`logRelayEvent`](www/ndk-worker.js:899) calls
+   `void writeRelayEventToDb(entry)` on every single relay message. On an
+   active feed with 5+ relays, this is dozens of IndexedDB writes per second.
+   Each write opens a transaction, adds a row, and closes. This is fire-and-
+   forget but the I/O contention on the `relay-events` IndexedDB database
+   competes with the NDK cache adapter's own IndexedDB traffic.
+
+2. **Worker-side: every relay frame is broadcast to all pages.**
+   [`broadcastRelayEvent`](www/ndk-worker.js:917) sends every event to every
+   connected port. Pages that don't care about relay events (feed.html,
+   msg.html, etc.) still receive and dispatch them. On `relays.html` itself,
+   the `ndkRelayEvent` listener
+   ([line 1405](www/relays.html:1405)) calls `logRelayEvent` which appends to
+   the in-memory array and re-renders the entire event stream DOM
+   ([`renderRelayEventsForSelectedRelay`](www/relays.html:915)) on every
+   frame.
+
+3. **Page-side: full DOM re-render on every event.**
+   `renderRelayEventsForSelectedRelay` does `divRelayEvents.innerHTML = ...`
+   with up to 1000 entries ([line 1261](www/relays.html:1261) caps at 1000).
+   On a busy relay, this is a full innerHTML replacement every few
+   milliseconds. This is the direct cause of the slowdown you see.
+
+### Solution: a toggle for connection history
+
+The fix is to make the connection history opt-in, both on the page and in the
+worker. The toggle goes in the relays.html sidenav, replacing the placeholder
+text "Relay management options coming soon..."
+([`openNav`](www/relays.html:420) sets `divSideNavBody.innerHTML` to that
+string). It uses the same `sidenavSection` / `sidenavRowToggle` pattern as
+[`www/feed.html`](www/feed.html:99) uses for "Autoplay videos":
+
+```html
+<div id="divRelaySettings" class="sidenavSection">
+  <div class="sidenavSectionTitle">Relays</div>
+  <label class="sidenavRowToggle" for="chkShowConnectionHistory">
+    <span>Show connection history</span>
+    <input id="chkShowConnectionHistory" type="checkbox" />
+  </label>
+</div>
+```
+
+This requires adding the
+[`sidenav-sections.css`](www/css/sidenav-sections.css) stylesheet to
+`relays.html` (it is not currently included — the page uses only
+`client.css`).
+
+**Implementation:** This is covered by **Phase 1** (worker:
+`setRelayEventLogging` RPC + flag that stops both broadcasting and IndexedDB
+writes) and **Phase 4** (relays.html: sidenav toggle, show/hide the event
+stream, skip DB loads, incremental DOM updates) in the unified plan above.
+Default: **off** — the history is a debug tool.
+
+### Problem 2 — Where to show outbox / discovered relays
+
+You want to visualize the outbox model working. Today the table only shows
+your kind 10002 relays. After the feed outbox fix (Phases 1–3), NDK will be
+connecting to your follows' write relays as temporary relays — but they are
+invisible on this page.
+
+The right design is a **second table below the main one**, clearly labeled as
+discovered/outbox relays, read-only.
+
+These are implemented in **Phase 1** (worker RPC), **Phase 2** (page API),
+and **Phase 5** (relays.html table) of the unified plan above. The worker
+exposes `getDiscoveredRelays` (Phase 1.5–1.6), the page API wraps it (Phase
+2.3), and relays.html renders it in a collapsible "Discovered Relays
+(Outbox)" section with columns: Relay URL | Connected | Serving (count of
+follows) | Sample Follows (first 3 npubs). Read-only — no toggles, no
+remove. This is where you see the outbox model working: when you load the
+feed, this table populates with your follows' write relays. An optional
+"Outbox discovery" status line shows the outbox pool relays
+(`purplepag.es`, `nos.lol`) and their connection state.
+
+### Problem 3 — Setting different relay types (Amethyst-style sections)
+
+Today the table has Read / Write / DM Inbox columns. To reach Amethyst-level
+relay management, the page should grow **collapsible sections** for each
+relay list kind, rather than cramming everything into one table's columns.
+
+Recommended layout (top to bottom):
+
+1. **Your Relays (NIP-65, kind 10002)** — the current table, with Read/Write
+   toggles. This is what you have now. Keep as-is.
+
+2. **DM Inbox Relays (kind 10050)** — Currently a column in the main table.
+   Move to its own section so it's not conflated with NIP-65 read/write.
+   Each relay has a remove button. Add-relay input at the bottom. This is a
+   refactor of the existing DM Inbox column into a dedicated section.
+
+3. **Search Relays (kind 10007)** — New section. Editable list. Publishes
+   kind 10007. Requires worker support to fetch/publish kind 10007 (new RPC).
+
+4. **Blocked Relays (kind 10006)** — New section. Editable list. Publishes
+   kind 10006. Requires worker support, and setting
+   `ndk.relayConnectionFilter` so NDK refuses to connect to these relays.
+
+5. **Discovered Relays (Outbox)** — Read-only, from Phase 5 above.
+
+6. **Connection History** — The debug stream, behind the toggle from Phase 4.
+
+Each section is collapsible (like Amethyst's
+[`CollapsibleSection`](../amethyst/desktopApp/src/jvmMain/kotlin/com/vitorpamplona/amethyst/desktop/ui/relay/RelayConfigTab.kt:168))
+so the page doesn't become overwhelming. Default state: NIP-65 expanded, DM
+Inbox expanded, others collapsed.
+
+### Phase 7 — relays.html: refactor DM Inbox into its own section
+
+**File:** [`www/relays.html`](www/relays.html)
+
+- [ ] **7.1** Remove the "DM Inbox" column from the main relay table
+      ([`createRelayTable`](www/relays.html:553), line 591 header and line 642
+      body cell).
+- [ ] **7.2** Add a new collapsible "DM Inbox Relays (kind 10050)" section
+      below the main table. Each relay in `dmInboxRelays` gets a row with a
+      remove button. Add-relay input at the bottom. Reuses the existing
+      [`publishDmInboxRelayList`](www/relays.html:1010) logic.
+- [ ] **7.3** The add-relay row in the main table loses its DM Inbox toggle
+      (line 658). DM inbox relays are added from the DM Inbox section instead.
+
+### Phase 8 — relays.html: Search relays section (kind 10007)
+
+**Files:** [`www/ndk-worker.js`](www/ndk-worker.js), [`www/js/init-ndk.mjs`](www/js/init-ndk.mjs), [`www/relays.html`](www/relays.html)
+
+- [ ] **8.1** Worker: add fetch/publish for kind 10007. Add a
+      `handleGetSearchRelayList` handler that fetches kind 10007 for the
+      current pubkey, and a `handlePublishSearchRelayList` handler that
+      publishes a kind 10007 event with the relay list.
+- [ ] **8.2** Page API: add `getSearchRelayList()` and
+      `publishSearchRelayList(relays)` exports in init-ndk.mjs.
+- [ ] **8.3** relays.html: Add a collapsible "Search Relays (kind 10007)"
+      section. Editable list with add/remove. Loads from
+      `getSearchRelayList()` on init, publishes via
+      `publishSearchRelayList()` on change.
+
+### Phase 9 — relays.html: Blocked relays section (kind 10006) + relayConnectionFilter
+
+**Files:** [`www/ndk-worker.js`](www/ndk-worker.js), [`www/js/init-ndk.mjs`](www/js/init-ndk.mjs), [`www/relays.html`](www/relays.html)
+
+- [ ] **9.1** Worker: add fetch/publish for kind 10006. Add a
+      `handleGetBlockedRelayList` handler and a
+      `handlePublishBlockedRelayList` handler.
+- [ ] **9.2** Worker: set `ndk.relayConnectionFilter` to skip blocked relays.
+      When the blocked relay list is loaded/updated, set
+      `ndk.relayConnectionFilter = (url) => !blockedRelays.has(normalizeRelayUrl(url))`.
+      This makes NDK's outbox tracker skip blocked relays
+      ([`www/ndk-core.bundle.js:42835`](www/ndk-core.bundle.js:42835)) and
+      prevents temporary relay connections to blocked relays.
+- [ ] **9.3** Page API: add `getBlockedRelayList()` and
+      `publishBlockedRelayList(relays)` exports.
+- [ ] **9.4** relays.html: Add a collapsible "Blocked Relays (kind 10006)"
+      section. Editable list with add/remove.
+
+### Summary — all phases
+
+| Phase | What | Effort | Depends on | Status |
+|---|---|---|---|---|
+| **1** | Worker: warmOutbox + relay-event logging toggle + getDiscoveredRelays | Small | Nothing | ✅ Done (v0.7.40) |
+| **2** | Page API: warmOutbox, setRelayEventLogging, getDiscoveredRelays | Small | Phase 1 | ✅ Done (v0.7.40) |
+| **3** | Feed: pre-warm outbox before bootstrap | Small | Phase 2 | ✅ Done (v0.7.40) |
+| **4** | relays.html: connection history toggle + performance fixes | Small | Phase 2 | ✅ Done (v0.7.41) |
+| **5** | relays.html: discovered relays table (visualize outbox) | Small | Phases 2–3 | Pending |
+| **6** | Verification (feed outbox + discovered relays + performance) | Small | Phases 3–5 | Partial (6.1–6.3, 6.5 done via code review; 6.4 pending Phase 5) |
+| **7** | relays.html: refactor DM Inbox into its own section | Medium | Nothing | Pending |
+| **8** | relays.html: Search relays section (kind 10007) | Medium | Nothing | Pending |
+| **9** | relays.html: Blocked relays section (kind 10006) + relayConnectionFilter | Medium | Nothing | Pending |
+
+**Phases 1–4 are complete** (deployed v0.7.40–v0.7.41) — they fix the feed
+outbox routing and the relays.html connection history performance issue.
+Phases 5–6 (discovered relays visualization) are the next priority. Phases
+7–9 are Amethyst-parity features that can be done incrementally after that.

plans/feed-upgrade.md

@@ -0,0 +1,364 @@
+# Feed Upgrade — Implementation Plan
+
+## Overview
+
+A series of improvements to the feed page and post interaction bar, centered on:
+1. **Simplified feed** — show posts without inline replies, just counts
+2. **Post thread page** — click comment button to open post with full comment thread in a new tab
+3. **Zap capability indicators** — show what the recipient can receive (nutzap, Lightning)
+4. **Zap rail selector** — let users choose between nutzap and Lightning melt
+5. **Balance check and error handling** — pre-flight checks and better error messages
+
+The project uses **Cashu as the only payment rail** — nutzaps (NIP-61) for ecash transfers, and Cashu melt for Lightning zaps (NIP-57). No NWC, CLINK, or onchain needed.
+
+### Current state
+
+- [`www/feed.html`](www/feed.html) — shows posts with inline replies (toggled by "Comments" button). Replies appear under the post as they occur. This is unreliable.
+- [`www/feed2.html`](www/feed2.html) — copy of feed.html, to be modified per this plan
+- [`www/post.html`](www/post.html) — posting/composer page (NOT a thread viewer). Accepts `?event=`, `?npub=`, `?profile=` params.
+- [`www/note.html`](www/note.html) — long-form note editor (kind 30023/30024), NOT for kind 1 threads
+- [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) — renders the interaction bar (like, comment, quote, zap buttons) and handles zap routing
+- [`www/js/zaps.mjs`](www/js/zaps.mjs) — NIP-57 Lightning zap protocol
+
+### URL schema (existing convention)
+
+The project uses `URLSearchParams` with query parameters:
+- `?npub=<npub1...>` — Nostr public key (bech32)
+- `?pubkey=<hex>` — Nostr public key (hex)
+- `?event=<hex|nevent|note>` — Event identifier
+- `?auth=required|optional|none` — Auth mode
+
+The new `post-feed.html` page will follow this schema: `post-feed.html?event=<hex|nevent|note>`
+
+### CSS theme
+
+The project uses CSS variables (never hardcode colors):
+- `--primary-color` (black in light mode, white in dark mode) — main text/icons
+- `--secondary-color` (white in light mode, black in dark mode) — background
+- `--accent-color` (#ff0000 red, both modes) — the **only** highlight color
+- `--muted-color` (#dddddd light / #777777 dark) — dimmed/disabled
+
+All indicators must use these variables. "Colored" = `var(--accent-color)`, "dimmed" = `var(--muted-color)`.
+
+---
+
+## Phase 1: Simplified Feed (feed2.html)
+
+Remove inline replies from the feed. Show only the original post with interaction counts (likes, comments, zaps, nutzaps). Clicking the comment button opens the post thread page in a **new tab**.
+
+### Tasks
+
+- [x] **1.1** In `feed2.html`, remove the inline comment rendering and the "Comments" toggle button. The feed should only show top-level posts.
+
+- [x] **1.2** Change the comment button behavior — instead of calling `onCommentIntentFn` to show inline comments, open `post-feed.html?event=<eventId>` in a **new tab** using `window.open('./post-feed.html?event=' + encodeURIComponent(postId), '_blank')`.
+
+- [x] **1.3** Keep the interaction bar functional in the feed:
+  - ✅ Like button — works inline (no navigation)
+  - ✅ Zap button — works inline (opens zap dialog, sends nutzap or Lightning melt)
+  - ✅ Nutzap count display — shows total nutzaps received
+  - ✅ Comment button — opens `post-feed.html?event=<eventId>` in a new tab
+  - ✅ Quote button — opens quote composer (no navigation)
+
+- [x] **1.4** Keep real-time updates for counts (likes, zaps, comments, nutzaps) — the feed should still update these counts as events arrive, just not render the reply content inline.
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/feed2.html`](www/feed2.html) | Remove inline comment rendering, comment button opens post-feed.html in new tab |
+
+---
+
+## Phase 2: Post Thread Page (post-feed.html)
+
+Create a new `www/post-feed.html` page that shows a post with its full comment thread — all replies, with the ability to reply inline.
+
+### URL schema
+
+```
+post-feed.html?event=<hex|nevent|note>
+```
+
+Accepts the same event identifier formats as the rest of the project:
+- Hex event ID: `post-feed.html?event=abc123...`
+- nevent: `post-feed.html?event=nevent1q...`
+- note: `post-feed.html?event=note1...`
+
+### Tasks
+
+- [x] **2.1** Create `www/post-feed.html` based on the [`www/template.html`](www/template.html) pattern — standard header, hamburger, sidenav, footer.
+
+- [x] **2.2** Parse the `event` URL parameter using `URLSearchParams` (same pattern as `post.html` line 248). Decode nevent/note to hex if needed.
+
+- [x] **2.3** Fetch the original post event via the worker's `ndkFetchEvents` or `queryCache` function. Display it using `renderPostItem` from `post-interactions.mjs`.
+
+- [x] **2.4** Fetch all replies — kind 1 events with an `e` tag pointing to the post ID. Use `ndkFetchEvents` with a filter like `{ kinds: [1], '#e': [postId] }`. **Updated:** Now uses recursive fetching (`fetchRepliesRecursive`) to find nested replies up to 5 levels deep.
+
+- [x] **2.5** Render the comment thread below the original post:
+  - Threaded with vertical indent lines (Phase 2.5)
+  - Each reply rendered using `renderPostItem` from `post-interactions2.mjs`
+  - Depth-first ordering with level computation from NIP-10 e tags
+
+- [x] **2.6** Add an inline composer at the **top** (under the main post, before replies) for posting replies. The composer:
+  - Tags the original post: `['e', postId, '', 'reply']`
+  - Tags the original author: `['p', postPubkey]`
+  - Uses the existing post composer component (`post-composer.mjs`)
+  - Styled to match `post.html`'s composer (`.topPostComposerInput` CSS)
+
+- [x] **2.7** Real-time updates — subscribe to new replies via the worker's subscription system. Append new replies to the thread as they arrive. New replies trigger a 1-level recursive fetch for their sub-replies.
+
+- [x] **2.8** Each reply should have its own interaction bar (like, zap, quote) via `post-interactions2.mjs`. The comment button on a reply opens `post-feed.html?event=<replyId>` in a new tab for that reply's sub-thread.
+
+### Files to create
+
+| File | Purpose |
+|------|---------|
+| `www/post-feed.html` | New post thread page — shows post + all replies + inline composer |
+
+---
+
+## Phase 2.5: Threaded Replies with Vertical Lines (post-feed.html)
+
+Upgrade the flat reply list in `post-feed.html` to show **threaded replies with vertical indent lines**, matching Amethyst's thread view.
+
+### How Amethyst does it
+
+Amethyst uses two key components:
+
+1. **`ThreadLevelCalculator.replyLevel(note, cachedLevels)`** — computes the depth of each reply recursively:
+   - Root post (no `e` tag reply) → level 0
+   - A reply's level = `max(parent's level for each parent) + 1`
+   - Parents are determined by NIP-10 `e` tags in the event
+
+2. **`Modifier.drawReplyLevel(level, color, selected)`** — draws vertical lines to the left of each post:
+   - Draws `level` vertical lines, each 2px wide, spaced 3px apart
+   - The last line (closest to the post) uses the "selected" color
+   - All other lines use the "muted" color
+   - The post content is padded left by `2 + (level * 3)px`
+
+### Visual design
+
+```
+Original post (level 0)
+│ Reply A (level 1) — direct reply to original
+│ │ Reply A1 (level 2) — reply to Reply A
+│ │ Reply A2 (level 2) — another reply to Reply A
+│ Reply B (level 1) — another direct reply to original
+│ │ Reply B1 (level 2) — reply to Reply B
+│ │ │ Reply B1a (level 3) — reply to Reply B1
+│ Reply C (level 1) — yet another direct reply
+```
+
+Each `│` is a vertical line drawn with CSS `border-left` on a container div. The lines use:
+- `var(--muted-color)` for non-selected levels
+- `var(--accent-color)` for the current post's level (the post being viewed)
+
+### Tasks
+
+- [x] **2.5.1** Add a `computeReplyLevels(events, rootEventId)` function to `post-feed.html`:
+  - Build a map of `eventId → parentEventId` from the `e` tags (NIP-10 marked reply tags)
+  - For each event, compute its level by walking up the parent chain to the root
+  - Root post = level 0, direct reply = level 1, reply to reply = level 2, etc.
+  - Handle missing parents gracefully (if a parent isn't in the fetched set, treat as level 1)
+  - Return a `Map<eventId, level>`
+
+- [x] **2.5.2** Sort replies in depth-first order (like Amethyst's `replyLevelSignature`):
+  - Root post first
+  - Then replies grouped by parent, in chronological order within each group
+  - This makes the vertical lines visually contiguous — a reply's children appear right below it
+
+- [x] **2.5.3** Render each reply with vertical indent lines:
+  - Wrap each reply in a container div with `padding-left: calc(level * 12px)`
+  - For each level 0..N-1, add a vertical line using positioned divs with `background: var(--muted-color)`
+  - The last line (level N-1) uses `var(--accent-color)` if this is the focused post, otherwise `var(--muted-color)`
+
+- [x] ~~**2.5.4** Add collapse/expand functionality~~ — **Removed per user request.** All replies are shown, no collapse.
+
+- [x] **2.5.5** Highlight the focused post:
+  - If the URL has a `focus=<eventId>` param, scroll to and highlight that post
+  - The highlighted post's vertical line uses `var(--accent-color)` and card gets `var(--accent-color)` outline
+
+### CSS approach (CSS variables only)
+
+```css
+.reply-thread-line {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background: var(--muted-color);
+}
+
+.reply-thread-line.selected {
+    background: var(--accent-color);
+}
+
+.reply-item {
+    position: relative;
+    padding-left: 12px; /* per level */
+}
+```
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/post-feed.html`](www/post-feed.html) | Add level computation, depth-first sorting, vertical line rendering, collapse/expand |
+
+---
+
+## Phase 3: Zap Capability Indicators in the Feed
+
+Show zap capability badges on each post's interaction bar so users can see at a glance whether the recipient can receive nutzaps, Lightning zaps, or both.
+
+### Design
+
+Compact indicators next to the existing zap button, using the project's CSS variables:
+
+| Indicator | CSS | Meaning |
+|-----------|-----|---------|
+| 🥜 (accent color) | `color: var(--accent-color)` | Recipient can receive nutzaps — has kind 10019 with a shared mint |
+| 🥜 (muted) | `color: var(--muted-color)` | Recipient has kind 10019 but no shared mint with your wallet |
+| ⚡ (accent color) | `color: var(--accent-color)` | Recipient can receive Lightning zaps — has lud16 |
+| ⚡ (muted) | `color: var(--muted-color)` | Recipient has no lud16 — cannot receive Lightning zaps |
+
+Tooltip on hover shows details: "Can nutzap via mint.minibits.cash/Bitcoin" or "No shared mints — Lightning only" or "No zap capability".
+
+### When and where to fetch the data
+
+Two-tier strategy based on whether the author is a followed user or not:
+
+**Tier 1: Followed users (proactive fetch on startup)**
+- The worker already fetches the user's kind 3 (contact list) on startup (line 1799 of `ndk-worker.js`)
+- After the kind 3 is loaded, proactively fetch kind 10019 for all followed pubkeys in a batch
+- This happens once on startup, results cached in the worker's Dexie/IndexedDB
+- Followed users are the most likely zap recipients, and their 10019 rarely changes
+- Add a subscription for kind 10019 updates for followed pubkeys (so changes are picked up)
+
+**Tier 2: Non-followed users (lazy fetch on first encounter)**
+- When a post by a non-followed user appears in the feed, lazily fetch their kind 10019
+- Use the existing `walletFetchMintList` worker function
+- Cache the result per pubkey in an in-memory Map with TTL (5 minutes)
+- Only fetch once per pubkey per session (unless cache expires)
+
+**What's already available (no fetch needed):**
+- lud16 (Lightning address) — already cached in `profile-cache.mjs` when post headers are rendered. The profile fetch already happens for every post in the feed.
+- The sender's own wallet mints — already in the worker's `directProofStore`, accessible via `walletGetMints`
+
+### Tasks
+
+- [ ] **3.1** Create a `resolveZapCapabilities(pubkey)` function in [`www/js/zaps.mjs`](www/js/zaps.mjs) that checks:
+  - Does the recipient have a lud16 (Lightning address)? → check `profile-cache.mjs` cache (already fetched for post rendering) → `canLightning: true`
+  - Does the recipient have a kind 10019 (nutzap mint list)? → check local cache first, then fetch via `walletFetchMintList` if not cached
+  - If yes to 10019, which mints? Do any overlap with the sender's wallet mints (from `walletGetMints`)? → `canNutzap: true`, `sharedMints: [...]`
+  - Return `{ canLightning, canNutzap, sharedMints, nutzapMints, lud16 }`
+
+- [ ] **3.2** Add a proactive kind 10019 batch fetch for followed users in the worker:
+  - After the kind 3 (contact list) is loaded on startup, collect all followed pubkeys
+  - Fetch kind 10019 for all followed pubkeys: `ndk.fetchEvents({ kinds: [10019], authors: [...followedPubkeys] })`
+  - Cache the results in the worker's IndexedDB so they persist across sessions
+  - Add a subscription for kind 10019 updates for followed pubkeys
+
+- [ ] **3.3** For non-followed users, lazily fetch kind 10019 via `walletFetchMintList`:
+  - Cache results in an in-memory Map with TTL (5 minutes) in `zaps.mjs`
+  - Only fetch if not already in the worker's IndexedDB cache or the in-memory cache
+  - Non-blocking: render the interaction bar without badges, then update when the fetch completes
+
+- [ ] **3.4** Update the zap button rendering in `post-interactions.mjs` to show capability indicators:
+  - Add a small badge element next to the zap button
+  - Show 🥜 in `var(--accent-color)` if `canNutzap` is true
+  - Show 🥜 in `var(--muted-color)` if recipient has 10019 but no shared mint
+  - Show ⚡ in `var(--accent-color)` if `canLightning` is true
+  - Add tooltip with shared mint details
+
+- [ ] **3.5** Make the capability check async and non-blocking — render the interaction bar immediately, then update the badges when the capability check completes. The lud16 check is instant (from profile cache); the 10019 check may take a moment for non-followed users.
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/js/zaps.mjs`](www/js/zaps.mjs) | Add `resolveZapCapabilities()` with caching, lazy fetch for non-followed users |
+| [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) | Add capability badges to zap button rendering |
+| [`www/ndk-worker.js`](www/ndk-worker.js) | Add proactive kind 10019 batch fetch for followed users on startup |
+
+---
+
+## Phase 4: Zap Rail Selector in the Zap Dialog
+
+When the user taps the zap button, show which rails are available and let them choose.
+
+```mermaid
+flowchart TD
+    A[User taps zap button] --> B[Show zap dialog with amount input]
+    B --> C{What rails are available?}
+    C -->|Nutzap + Lightning| D[Show rail toggle: 🥜 Nutzap | ⚡ Lightning]
+    C -->|Lightning only| E[Show Lightning only]
+    C -->|Nutzap only| F[Show Nutzap only]
+    C -->|Neither| G[Show error: recipient cannot receive zaps]
+    D --> H[User selects rail + amount]
+    H --> I{Rail selected}
+    I -->|Nutzap| J[Send NIP-61 nutzap via walletSendNutzap]
+    I -->|Lightning| K[Create LN invoice, melt Cashu via walletPayInvoice]
+    E --> K
+    F --> J
+```
+
+### Tasks
+
+- [ ] **4.1** Update `promptZapDetails` in [`www/js/zaps.mjs`](www/js/zaps.mjs) to accept and display rail options:
+  - If nutzap is available → show "🥜 Nutzap" option
+  - If Lightning is available → show "⚡ Lightning" option
+  - Let the user pick which rail to use via a toggle/selector
+  - Selected rail uses `var(--accent-color)`, unselected uses `var(--muted-color)`
+
+- [ ] **4.2** Show balance info in the dialog: "Cashu balance: 261 sats". If amount > balance → show warning in `var(--accent-color)`.
+
+- [ ] **4.3** Default rail selection:
+  - If nutzap is available and amount < 1000 sats → default to nutzap (lower fees)
+  - If nutzap is available and amount ≥ 1000 sats → default to Lightning
+  - If nutzap is not available → default to Lightning
+
+- [ ] **4.4** Pass the selected rail back to `handleZapClick` in `post-interactions.mjs` so it uses the right send function.
+
+- [ ] **4.5** Show shared mint info when nutzap is selected: "Will send via mint.minibits.cash/Bitcoin"
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/js/zaps.mjs`](www/js/zaps.mjs) | Update `promptZapDetails` with rail selector UI |
+| [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) | Update `handleZapClick` to respect user's rail choice |
+
+---
+
+## Phase 5: Balance Check and Error Handling
+
+- [ ] **5.1** Before sending a zap, check the user's Cashu balance (via `walletGetBalance`):
+  - If balance < zap amount → show "Insufficient balance. Current: X sats, needed: Y sats" in `var(--accent-color)`
+  - If balance is sufficient but barely → show confirmation "This will use most of your balance. Continue?"
+
+- [ ] **5.2** Improve error messages for melt failures:
+  - "Mint couldn't route Lightning payment" (mint liquidity issue)
+  - "Mint returned an error: [details]" (mint API error)
+  - "Proofs were spent but payment failed — try again or contact the mint"
+
+- [ ] **5.3** After a successful zap, refresh the balance display.
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) | Add balance check before zap, improve error handling |
+
+---
+
+## Implementation Order
+
+1. **Phase 1** (simplified feed) — remove inline replies from feed2.html, comment button opens post-feed.html in new tab
+2. **Phase 2** (post thread page) — create post-feed.html to show full post + comment thread
+3. **Phase 3** (zap capability indicators) — show what the recipient can receive
+4. **Phase 4** (rail selector) — let users choose nutzap vs Lightning melt
+5. **Phase 5** (balance + errors) — pre-flight checks and better error messages
+
+Phases 1-2 are the feed restructuring. Phases 3-5 are zap improvements.

plans/music-greyscale-to-gruuv-migration.md

@@ -0,0 +1,187 @@
+# Music: Greyscale → Gruuv API Migration Plan
+
+## Goal
+
+Fully replace the Greyscale (Tidal-proxy) music backend used by [`www/music.html`](../www/music.html) with the **Gruuv** Nostr-native protocol. This includes search, browse, streaming, playlists, and a new track upload capability. Greyscale code is removed once the gruuv path is verified.
+
+A backup of the original page is preserved as [`www/music-greyscale.html`](../www/music-greyscale.html).
+
+---
+
+## Background: Why this is an architecture shift, not a swap
+
+The two backends are fundamentally different in nature.
+
+| Aspect | Greyscale (current) | Gruuv (target) |
+|---|---|---|
+| Catalog source | Tidal proxy REST API over HTTP instance pool | Nostr relays: `kind 36787` track events tagged `t=gruuv` |
+| Search | Server endpoint `/search/?s=` | Relay query + client-side text filter on title/artist/album |
+| Streaming | DASH/MP3 manifest decoded from instance | Direct Blossom blob URL (the `url` tag) |
+| Track ID | Numeric Tidal ID | Addressable coordinate `36787:pubkey:dTag` |
+| Album | Rich `/album/?id=` endpoint | Derived by grouping track events on the `album` tag |
+| Artist | Rich `/artist/?id=` endpoint | Derived by grouping track events on the `artist` tag |
+| Cover art | `resources.tidal.com/images/...` | The `image` tag on the track event |
+| Playlists | `kind 30004`, `i` tags `tidal:track:ID` | `kind 34139`, `a` tags `36787:pubkey:dTag`, `t=gruuv` |
+| Upload | N/A (read-only Tidal) | Blossom `PUT /upload` + publish `kind 36787` |
+
+### What already exists in the project (reused, not rebuilt)
+
+- [`www/js/init-ndk.mjs`](../www/js/init-ndk.mjs) — provides `subscribe()`, `publishEvent()`, `publishRawEvent()`, `getPubkey()`. The page already wires NDK, relay status UI, and the `ndkEvent` window-event stream.
+- [`www/js/blossom-api.mjs`](../www/js/blossom-api.mjs) — provides `calculateSHA256()` and `createBlossomAuth()`, which already builds the **`kind 24242`** authorization event that Gruuv's upload spec requires (see [`gruuv/README.md`](../gruuv/README.md)).
+- [`www/js/blossom-ui.mjs`](../www/js/blossom-ui.mjs) — provides `getBlossomServers()` for the active Blossom target.
+- [`SimplePlayer`](../www/js/greyscale-player.mjs) — its direct-URL playback path already handles plain audio URLs (Blossom URLs are plain `https`), so playback needs no DASH logic for gruuv.
+
+### Gruuv protocol reference (from `gruuv/`)
+
+`kind 36787` track event tags (per [`gruuv/upload_gruuv.sh`](../gruuv/upload_gruuv.sh) and [`gruuv/README.md`](../gruuv/README.md)):
+
+```
+d            stable track id / dTag
+url          blossom file url
+title        song title
+artist       artist name
+album        album name
+duration     seconds (string)
+size         bytes (string)
+alt          "Song: <title> - <artist>"
+format       mp3 | flac | ...
+m            audio mime (audio/mpeg, audio/flac, ...)
+x            sha256 hex
+t            music
+t            gruuv
+image        (optional) cover art url
+genre        (optional) + t=<genre-lowercase>
+released     (optional) date-like
+track_number (optional) plain numeric string
+disc_number  (optional, omit when disc 1)
+```
+
+`kind 34139` playlist event tags:
+
+```
+d            playlist id / dTag
+title
+description
+alt          "Playlist: <title>"
+t            gruuv
+image        (optional)
+a            36787:<pubkey>:<dTag>   (repeated, one per track)
+```
+
+Default relays observed: `wss://relay.primal.net`, `wss://nos.lol`, `wss://relay.damus.io`. Default Blossom: `https://blossom.primal.net`. (The page's own NDK relay config / Blossom server selection should be used in practice.)
+
+---
+
+## Design strategy: drop-in module replacement
+
+To keep [`www/music.html`](../www/music.html) changes minimal and low-risk, the new gruuv modules will expose the **same method names and return shapes** as the current greyscale modules. Then the migration in `music.html` is mostly an import swap plus targeted fixes for the few places where the data model genuinely differs (IDs, derived albums/artists, upload UI).
+
+```mermaid
+graph LR
+  subgraph page [music.html UI - mostly unchanged]
+    Search[Search box]
+    Browse[Album / Artist views]
+    Player[SimplePlayer audio]
+    Playlists[Playlist panel]
+    Upload[NEW Upload panel]
+  end
+
+  subgraph mods [New gruuv modules]
+    API[gruuv-api.mjs]
+    PL[gruuv-playlists.mjs]
+    UP[gruuv-upload.mjs]
+  end
+
+  subgraph infra [Existing project infra]
+    NDK[init-ndk.mjs subscribe publishEvent]
+    BLOB[blossom-api.mjs sha256 kind 24242 auth]
+    BUI[blossom-ui.mjs getBlossomServers]
+  end
+
+  Search --> API
+  Browse --> API
+  Player --> API
+  Playlists --> PL
+  Upload --> UP
+  API --> NDK
+  PL --> NDK
+  UP --> BLOB
+  UP --> BUI
+  UP --> NDK
+```
+
+---
+
+## Data model mapping (gruuv track event → music.html track shape)
+
+The UI expects the normalized shape produced by [`GreyscaleAPI.prepareTrack()`](../www/js/greyscale-api.mjs:186):
+`{ id, title, artist, duration, cover, albumTitle, raw }`.
+
+Mapping from a `kind 36787` event:
+
+| UI field | Source |
+|---|---|
+| `id` | addressable coordinate `36787:<pubkey>:<d-tag>` (fallback to event id) |
+| `title` | `title` tag |
+| `artist` | `artist` tag (fallback "Unknown artist") |
+| `duration` | `duration` tag parsed to number |
+| `cover` | `image` tag (no Tidal URL transform) |
+| `albumTitle` | `album` tag |
+| `streamUrl` | `url` tag (used by `getTrackStream`) |
+| `raw` | full event for later reference |
+
+`getCoverUrl()` / `getArtistPictureUrl()` become pass-through helpers (return the URL as-is) so existing render code keeps working.
+
+---
+
+## Implementation steps
+
+### Phase 0 — Safety
+1. Confirm [`www/music-greyscale.html`](../www/music-greyscale.html) is a faithful backup of the original greyscale page so it can be referenced/restored.
+
+### Phase 1 — Read path (search, browse, stream)
+2. Create [`www/js/gruuv-api.mjs`](../www/js/gruuv-api.mjs) exposing the same surface as `GreyscaleAPI`:
+   `searchTracks`, `searchAlbums`, `searchArtists`, `getAlbum`, `getArtist`, `getTrackStream`, `getCoverUrl`, `getArtistPictureUrl`, `prepareTrack`.
+3. Implement search by subscribing to `kind 36787` with `#t: ['gruuv']`, collecting events until EOSE (with a timeout), then client-side filtering on title/artist/album. Provide a small in-memory cache of fetched track events to back album/artist derivation.
+4. Implement `getAlbum` / `getArtist` by grouping the cached/fetched track events on the `album` and `artist` tags respectively (gruuv has no album/artist DB). `getAlbum(id)` returns `{ album, tracks }`; `getArtist(id)` returns `{ ...artist, albums, eps, tracks }` to match existing render expectations.
+5. Implement `getTrackStream` to return `{ streamUrl: <url tag>, isDash: false }`. Cover/artwork helpers return the `image` URL directly.
+
+### Phase 2 — Playlists
+6. Create [`www/js/gruuv-playlists.mjs`](../www/js/gruuv-playlists.mjs) mirroring the exports of [`greyscale-playlists.mjs`](../www/js/greyscale-playlists.mjs):
+   `PLAYLIST_KIND` (now `34139`), `buildPlaylistEvent`, `parsePlaylistEvent`, `isMusicPlaylistEvent`, `createPlaylistIdentifier`, `playlistEventAddress`, and any helper the page imports.
+   - Track references use `a` tags of form `36787:<pubkey>:<dTag>` instead of `i`/`tidal:track:` tags.
+   - Topic tag becomes `t=gruuv` (keep `t=music` for discoverability if useful).
+   - Keep a content JSON cache of track metadata (title/artist/cover/duration) like the greyscale version so playlists render before track events resolve.
+
+### Phase 3 — Upload (new capability)
+7. Create [`www/js/gruuv-upload.mjs`](../www/js/gruuv-upload.mjs):
+   - `calculateSHA256()` (reuse from blossom-api).
+   - Build `kind 24242` auth via `createBlossomAuth('upload', sha256, 'Upload <filename>')`.
+   - `PUT <activeBlossomServer>/upload` with the `Authorization: Nostr <base64>` header; fall back to `<server>/<sha256>` for the URL if the response lacks one.
+   - Optionally read duration via an `<audio>`/`AudioContext` decode client-side; allow manual title/artist/album entry.
+   - Publish `kind 36787` via `publishEvent()` with the full tag set (including `t=music`, `t=gruuv`, `x`, `m`, `format`, `size`, `alt`).
+
+### Phase 4 — Wire into music.html
+8. Swap imports: replace [`GreyscaleAPI`](../www/music.html:1371), the greyscale playlists import block ([lines ~1375–1380](../www/music.html:1375)) with gruuv modules. Keep `SimplePlayer` (it works with direct URLs); the DASH branch simply goes unused.
+9. Update search handlers ([~3117](../www/music.html:3117), combined search [~4516](../www/music.html:4516)) and detail loaders ([~3837](../www/music.html:3837)–[~3963](../www/music.html:3963)) for the gruuv id format and the grouped album/artist results.
+10. Update playlist subscription filter and event handling ([`subscribeAllPlaylists`](../www/music.html:3288), [`handleMusicNdkEvent`](../www/music.html:3299), [`hydratePlaylistFromEvent`](../www/music.html:3245)) to `kind 34139` with `t=gruuv` and `a`-tag track refs.
+11. Add an **Upload Track** UI section (file input, metadata fields, progress/status), gated behind authentication (`promptLoginIfNeeded`), wired to `gruuv-upload.mjs`.
+12. Update the download ([`fetchDownloadBlobForTrack`](../www/music.html:4342)) and share flows to use the direct Blossom URL instead of Tidal stream manifests.
+
+### Phase 5 — Cleanup & verification
+13. Remove greyscale modules ([`greyscale-api.mjs`](../www/js/greyscale-api.mjs), [`greyscale-playlists.mjs`](../www/js/greyscale-playlists.mjs), and [`greyscale-player.mjs`](../www/js/greyscale-player.mjs) if no longer referenced) and any greyscale-only code paths — only after the gruuv path is verified. (Player may be retained/renamed if still used for playback.)
+14. Run the build inline-check ([`build/.music-inline-check.mjs`](../build/.music-inline-check.mjs)) and do a relay smoke test (cross-check against [`gruuv/list_gruuv_tracks.sh`](../gruuv/list_gruuv_tracks.sh) output). Verify an upload round-trips: publish `36787`, then it appears in search.
+15. Update docs: [`docs/music.md`](../docs/music.md) and [`docs/MUSIC_URL_STRUCTURE.md`](../docs/MUSIC_URL_STRUCTURE.md) to reflect gruuv kinds/IDs and the new upload feature.
+
+---
+
+## Risks & decisions
+
+- **Relay-native search has no ranking/pagination like a server endpoint.** Mitigation: fetch with a sensible `limit`, cache events, filter client-side, debounce queries. Result completeness depends on relay coverage.
+- **Albums/artists are derived, not authoritative.** Grouping by free-text `album`/`artist` tags can produce duplicates/variants. Mitigation: normalize/trim, dedupe like the existing `deduplicateAlbums`.
+- **Track addressing change** (`36787:pubkey:dTag` vs numeric ID) affects deep links and URL structure — covered by the `MUSIC_URL_STRUCTURE.md` update.
+- **Upload duration/metadata** extraction is best-effort in the browser (no ffprobe); manual fields are the reliable fallback.
+- **Default relay/Blossom set**: plan uses the page's existing NDK relays and `getBlossomServers()`; gruuv defaults are documented as fallback. Confirm if a specific relay/Blossom set is required.
+
+## Open question for confirmation
+- Should the deep-link/URL scheme keep numeric-style IDs (with a translation layer) or move fully to `36787:pubkey:dTag` coordinates?

plans/wallet-page.md

@@ -0,0 +1,178 @@
+# Cashu Wallet Enhancements — Implementation Plan
+
+## Overview
+
+Enhance the existing `www/cashu.html` page and zap flow, centered on **Cashu as the primary (and only) payment rail**. The core functionality is already implemented — this plan adds UI improvements to show zap capabilities in the feed and let users choose their zap rail.
+
+### Design philosophy: Cashu-only
+
+The project uses **Cashu for everything** — no NWC, CLINK, onchain, or Lightning channels to maintain:
+
+| Payment type | How it works | Already implemented? |
+|-------------|-------------|---------------------|
+| **Nutzap (NIP-61)** | Send ecash proofs locked to recipient's p2pk via kind 9321 | ✅ Yes — `walletSendNutzap` |
+| **Lightning zap (NIP-57)** | Melt Cashu ecash at a mint to pay a BOLT11 invoice | ✅ Yes — `walletPayInvoice` |
+| **P2P ecash transfer** | Send cashuB token directly to another user | ✅ Yes — `walletSendToken` |
+| **Lightning deposit** | Pay a BOLT11 invoice, mint issues ecash proofs | ✅ Yes — `walletCreateDeposit` |
+| **Lightning withdrawal** | Melt ecash to pay an external BOLT11 invoice | ✅ Yes — `walletPayInvoice` |
+
+---
+
+## Phase 1: NIP-60 Compliance Fix (DONE ✅)
+
+Already completed and deployed (v0.7.19–v0.7.24):
+- Fixed kind 17375 content format from proprietary `{mints, nutzap}` object to NIP-60 tag-array `[["mint",url],["privkey",hex]]`
+- Removed non-standard `pubkey` tag from 17375 public tags
+- Added `parseWalletContent()` backwards-compat shim for reading both formats
+- Added auto-migration for legacy 17375 events on startup
+- Added "Republish Wallet (kind 17375)" button with lightweight 17375-only republish
+- Added `ensureDirectNutzapP2pk()` call in `publishDirectProofs` so privkey is always included
+
+---
+
+## Phase 2: Zap Capability Indicators in the Feed
+
+Show zap capability badges on each post's interaction bar so users can see at a glance whether the recipient can receive nutzaps, Lightning zaps, or both.
+
+### Current state
+
+The interaction bar in [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) already renders:
+- ⚡ Zap button with count
+- 🥜 Nutzap count display (separate element showing total nutzaps received)
+
+### What to add
+
+Small capability icons/badges next to the zap button showing what the recipient can receive:
+
+```
+┌──────────────────────────────────────────────────┐
+│  ⚡ 5  🥜 2  🥜✅  ⚡✅     💬 3  🔄 1    2h ago │
+│  └─ zap ─┘  └─ nutzap ─┘  └─ capability badges ─┘ │
+└──────────────────────────────────────────────────┘
+```
+
+Or a more compact design — color the zap icon differently based on capabilities:
+
+| Visual | Meaning |
+|--------|---------|
+| ⚡ (default color) | Recipient can receive Lightning zaps (has lud16) |
+| ⚡ + 🥜 (nut badge) | Recipient can also receive nutzaps (has kind 10019 with shared mint) |
+| ⚡ (dimmed) | Recipient cannot receive any zaps (no lud16, no 10019) |
+
+### Implementation
+
+- [ ] **2.1** Create a `resolveZapCapabilities(pubkey)` function that checks:
+  - Does the recipient have a lud16 (Lightning address)? → can receive Lightning zaps
+  - Does the recipient have a kind 10019 (nutzap mint list)? → can receive nutzaps
+  - If yes to 10019, which mints? Do any overlap with the sender's wallet mints?
+
+- [ ] **2.2** Cache the results per pubkey (the kind 10019 and lud16 don't change often). Use a simple in-memory Map with TTL.
+
+- [ ] **2.3** Update `createInteractionItem` for the zap type to show capability indicators:
+  - Add a small 🥜 badge on the zap button if the recipient can receive nutzaps
+  - Add a tooltip showing the shared mints
+  - Dim the zap button if the recipient can't receive any zaps
+
+- [ ] **2.4** Fetch kind 10019 events for post authors as the feed loads. The worker already fetches kind 10019 for nutzap sending — extend this to cache the results for feed display. Use the existing `walletFetchMintList` worker function.
+
+- [ ] **2.5** Show shared mint info on hover/tooltip: "Can nutzap via mint.minibits.cash/Bitcoin" or "No shared mints — Lightning only" or "No zap capability"
+
+### Where the code lives
+
+| File | What to change |
+|------|---------------|
+| [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) | Add capability badges to zap button rendering |
+| [`www/js/zaps.mjs`](www/js/zaps.mjs) | Add `resolveZapCapabilities()` function (or extend existing `resolveZapSpecForPubkey`) |
+| [`www/ndk-worker.js`](www/ndk-worker.js) | May need a lightweight "fetch 10019 for display" message (or reuse `walletFetchMintList`) |
+
+---
+
+## Phase 3: Zap Rail Selector in the Zap Dialog
+
+When the user taps the zap button, show which rails are available and let them choose.
+
+```mermaid
+flowchart TD
+    A[User taps zap button] --> B[Show zap dialog with amount input]
+    B --> C{What rails are available?}
+    C -->|Nutzap + Lightning| D[Show rail toggle: 🥜 Nutzap | ⚡ Lightning]
+    C -->|Lightning only| E[Show Lightning only]
+    C -->|Nutzap only| F[Show Nutzap only]
+    C -->|Neither| G[Show error: recipient cannot receive zaps]
+    D --> H[User selects rail + amount]
+    H --> I{Rail selected}
+    I -->|Nutzap| J[Send NIP-61 nutzap via walletSendNutzap]
+    I -->|Lightning| K[Create LN invoice, melt Cashu via walletPayInvoice]
+    E --> K
+    F --> J
+```
+
+- [ ] **3.1** Update `promptZapDetails` in `zaps.mjs` to accept and display rail options:
+  - If nutzap is available (recipient has 10019 with shared mint) → show "🥜 Nutzap" option
+  - If Lightning is available (recipient has lud16) → show "⚡ Lightning" option
+  - Let the user pick which rail to use via a toggle/selector
+
+- [ ] **3.2** Show balance info in the dialog:
+  - "Cashu balance: 261 sats" 
+  - If amount > balance → show warning "Insufficient balance"
+
+- [ ] **3.3** Default rail selection:
+  - If nutzap is available and amount < 1000 sats → default to nutzap (lower fees)
+  - If nutzap is available and amount ≥ 1000 sats → default to Lightning (more reliable for larger amounts)
+  - If nutzap is not available → default to Lightning
+
+- [ ] **3.4** Pass the selected rail back to `handleZapClick` in `post-interactions.mjs` so it uses the right send function.
+
+---
+
+## Phase 4: cashu.html UI Polish
+
+Minor UI improvements to the existing cashu.html page:
+
+- [ ] **4.1** Consider renaming the page title from "CASHU" to "WALLET" since it's the project's unified wallet.
+
+- [ ] **4.2** Update the sidenav entry in `index.html` from "CASHU" to "WALLET" (keeping the same `cashu.html` URL).
+
+- [ ] **4.3** Add a "Zap via Lightning" info note in the Withdraw panel explaining that this melts ecash to pay a Lightning invoice — same mechanism used for Lightning zaps.
+
+---
+
+## NIP Compliance Reference
+
+| Rail | NIP | Kind(s) | Status |
+|------|-----|---------|--------|
+| Cashu Wallet | NIP-60 | 17375, 7375, 7376, 375 | ✅ Fixed and working |
+| Cashu Nutzap | NIP-61 | 10019, 9321 | ✅ Working |
+| Lightning Zap | NIP-57 | 9734, 9735 | ✅ Working (via Cashu melt) |
+
+---
+
+## Key Files
+
+### Files to modify
+
+| File | Changes |
+|------|---------|
+| [`www/js/post-interactions.mjs`](www/js/post-interactions.mjs) | Add zap capability badges to interaction bar, pass selected rail to zap handler |
+| [`www/js/zaps.mjs`](www/js/zaps.mjs) | Add `resolveZapCapabilities()`, update `promptZapDetails` with rail selector |
+| [`www/cashu.html`](www/cashu.html) | Minor UI polish (title, info notes) |
+| [`www/index.html`](www/index.html) | Sidenav label: "CASHU" → "WALLET" |
+
+### Files reused as-is
+
+| File | Why no changes needed |
+|------|----------------------|
+| [`www/js/cashu-wallet.mjs`](www/js/cashu-wallet.mjs) | Controller already wraps all worker functions |
+| [`www/ndk-worker.js`](www/ndk-worker.js) | All wallet functions already exist (payInvoice, sendNutzap, fetchMintList) |
+| [`www/js/init-ndk.mjs`](www/js/init-ndk.mjs) | All wallet exports already exist |
+
+---
+
+## Implementation Order
+
+1. **Phase 1** (DONE) — NIP-60 compliance fix
+2. **Phase 2** (zap capability indicators) — show what the recipient can receive in the feed
+3. **Phase 3** (rail selector) — let users choose nutzap vs Lightning melt in the zap dialog
+4. **Phase 4** (UI polish) — minor label/info changes
+
+No new files needed. No new infrastructure. Just UI improvements on top of the existing working zap flow.

www/ai-tv.html

@@ -799,7 +799,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/ai.html

@@ -743,7 +743,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/blobs.html

@@ -684,7 +684,7 @@
         </div>
 
         <script src="./nostr.bundle.js"></script>
-        <script src="./nostr-lite.js"></script>
+        <script src="/nostr-login-lite/nostr-lite.js"></script>
 
         <script type="module">
             //////////////////////////////////////////////////////////////////////

www/block.html

@@ -301,7 +301,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/c-relay-pg.html

@@ -402,7 +402,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/cal.html

@@ -466,7 +466,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, encryptContent, decryptContent } from './js/init-ndk.mjs';

www/cashu.html

@@ -637,6 +637,7 @@
         <button id="btnCheckProofs" class="btn cashuBtn" type="button" style="margin-bottom: 10px;">Check Proofs with Mints</button>
         <div id="divCheckProofsResult">No proof check run yet.</div>
         <button id="btnRefreshWallet" class="btn cashuBtn" type="button">Refresh Wallet State</button>
+        <button id="btnRepublishWallet" class="btn cashuBtn" type="button" style="margin-top: 5px;">Republish Wallet (kind 17375)</button>
       </div>
 
       <div id="divZapsSection" class="sidenavSection">
@@ -718,7 +719,7 @@
 
   <script src="./nostr.bundle.js"></script>
   <script src="./ndk-core.bundle.js?v=wallet-hotfix-3"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-generator.min.js"></script>
 
   <script type="module">
@@ -728,7 +729,7 @@
     import { initBlossomSection, updateBlossomSection } from './js/blossom-ui.mjs';
     
     import { initAiSectionWithLocalConfig } from './js/ai-ui.mjs';
-    import { createCashuWalletController } from './js/cashu-wallet.mjs?v=mint-discovery-3';
+    import { createCashuWalletController } from './js/cashu-wallet.mjs?v=nip60-republish-1';
 
     const versionInfo = await getVersion();
     const VERSION = versionInfo.VERSION;
@@ -2348,6 +2349,23 @@
         }
       });
 
+      const btnRepublishWallet = document.getElementById('btnRepublishWallet');
+      btnRepublishWallet?.addEventListener('click', async () => {
+        try {
+          if (!walletController?.hasWallet?.()) {
+            setStatus('No wallet to republish', true);
+            return;
+          }
+          setStatus('Republishing wallet event (kind 17375)...');
+          await walletController.republishWallet();
+          await refreshAllWalletViews();
+          setStatus('Wallet republished successfully');
+        } catch (error) {
+          console.error('[cashu.html] Republish wallet failed:', error);
+          setStatus(error.message || 'Republish failed', true);
+        }
+      });
+
       btnSaveZapsSettings?.addEventListener('click', async () => {
         try {
           const amount = Number(inpZapDefaultAmount?.value || 0);

www/conway.html

@@ -210,7 +210,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/css/client.css

@@ -1388,6 +1388,136 @@ a.nostr-embed-preview-text:hover {
   color: var(--accent-color);
 }
 
+/* Zap rail selector (Phase 4 — nutzap vs Lightning) */
+.zap-rail-toggle {
+  display: flex;
+  gap: 6px;
+}
+
+.zap-rail-option {
+  flex: 1;
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  background: var(--background-color);
+  color: var(--muted-color);
+  font-family: var(--font-family);
+  font-size: 13px;
+  padding: 8px 10px;
+  cursor: pointer;
+  text-align: center;
+}
+
+.zap-rail-option.active {
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+}
+
+.zap-rail-single {
+  display: block;
+  border: 1px solid var(--accent-color);
+  border-radius: 8px;
+  background: var(--background-color);
+  color: var(--accent-color);
+  font-family: var(--font-family);
+  font-size: 13px;
+  padding: 8px 10px;
+  text-align: center;
+}
+
+.zap-selector-balance {
+  font-size: 12px;
+  color: var(--muted-color);
+}
+
+.zap-selector-warning {
+  font-size: 12px;
+  color: var(--accent-color);
+  display: none;
+}
+
+.zap-selector-mint-info {
+  font-size: 12px;
+  color: var(--muted-color);
+}
+
+.zap-selector-error {
+  font-size: 13px;
+  color: var(--accent-color);
+}
+
+.zap-send:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Nutzap recipient mint list (promptNutzapDetails) */
+.zap-selector-mint-list {
+  list-style: none;
+  margin: 4px 0 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.zap-selector-mint-list-item {
+  font-size: 11px;
+  color: var(--muted-color);
+  word-break: break-all;
+}
+
+.zap-selector-mint-list-item.shared {
+  color: var(--accent-color);
+}
+
+/* Nutzap interaction item (post footer) */
+.interaction-item.nutzap {
+  flex: 0 0 auto;
+}
+
+.interaction-item.nutzap .interaction-icon {
+  font-size: 14px;
+  line-height: 1;
+}
+
+.interaction-item.nutzap.zap-pending {
+  color: var(--muted-color);
+}
+
+.interaction-item.nutzap.zap-pending .interaction-icon,
+.interaction-item.nutzap.zap-pending .interaction-icon.active,
+.interaction-item.nutzap.zap-pending .interaction-count {
+  color: var(--muted-color) !important;
+  transition: color 240ms linear !important;
+}
+
+.interaction-item.nutzap.zap-pending.zap-pending-accent .interaction-icon,
+.interaction-item.nutzap.zap-pending.zap-pending-accent .interaction-icon.active,
+.interaction-item.nutzap.zap-pending.zap-pending-accent .interaction-count {
+  color: var(--accent-color) !important;
+}
+
+.interaction-item.nutzap.zap-success,
+.interaction-item.nutzap.zap-success .interaction-icon,
+.interaction-item.nutzap.zap-success .interaction-icon.active,
+.interaction-item.nutzap.zap-success .interaction-count {
+  color: var(--accent-color) !important;
+}
+
+/* Dimmed (capability unavailable) interaction items */
+.interaction-item.dimmed {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.interaction-item.dimmed:hover {
+  color: var(--muted-color);
+}
+
+.interaction-item.dimmed:hover .interaction-icon {
+  color: var(--muted-color);
+}
+
 /* ************************************************************************* */
 /*                    AUTHOR HEADER                                          */
 /* ************************************************************************* */

www/css/messaging-ui.css

@@ -1,7 +1,7 @@
 .msg-thread-pane {
   flex: 1;
   min-height: 0;
-  border: 2px solid var(--primary-color);
+  /* border: 2px solid var(--primary-color); */
   border-radius: 10px;
   background: var(--secondary-color);
   display: flex;

www/db.html

@@ -378,7 +378,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/didactyl.html

@@ -513,7 +513,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, disconnect, getVersion, updateVersionDisplay } from './js/init-ndk.mjs';

www/event-management.html

@@ -342,6 +342,7 @@
       <div class="panelTitle">Kinds</div>
       <div class="btnRow">
         <button id="btnRefreshKinds" class="btnMini" type="button">Refresh Cache</button>
+        <button id="btnGetAllEvents" class="btnMini" type="button">Get all events</button>
       </div>
       <div id="divKindsStatus" class="hint">Loading...</div>
       <div id="divKindsList" class="listWrap"></div>
@@ -432,7 +433,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
@@ -683,12 +684,16 @@
     let selectedKindSub = null;
     let currentDetailEvent = null;
     let lastDecryptResult = null;
+    let allEventsFetchSub = null;
+    let allEventsFetchInFlight = false;
+    let allEventsFetchTimeoutId = null;
 
     const eventsByKind = new Map(); // kind -> Map(eventKey, event)
     const selectedEventKeys = new Set();
     const eventRelayPresence = new Map(); // eventKey -> Map(relayUrl, boolean)
     const eventRelayPublishState = new Map(); // eventKey -> Map(relayUrl, 'idle'|'checking'|'publishing'|'failed')
     let subscribedRelayUrls = [];
+    let readableRelayUrls = []; // read/both relays only (excludes write-only) for Refresh Kind queries
     let refreshKindDebugInFlight = false;
     const autoRefreshedKinds = new Set();
     const BRAILLE_SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
@@ -703,6 +708,7 @@
     const divFooterRight = document.getElementById('divFooterRight');
 
     const btnRefreshKinds = document.getElementById('btnRefreshKinds');
+    const btnGetAllEvents = document.getElementById('btnGetAllEvents');
     const divKindsStatus = document.getElementById('divKindsStatus');
     const divKindsList = document.getElementById('divKindsList');
 
@@ -1022,12 +1028,26 @@
         ? rows.filter((r) => r?.fromRelayList === true)
         : rows;
 
+      // subscribedRelayUrls includes all relays (read, write, both) so that
+      // write-only relays still appear as publish-target chips and are valid
+      // targets for the "publish to missing relays" flow.
       const urls = [...new Set(scopedRows
         .map((r) => String(r?.url || '').trim())
         .filter(Boolean))];
 
       subscribedRelayUrls = urls;
 
+      // readableRelayUrls excludes write-only relays (NIP-65 type === 'write')
+      // so the Refresh Kind query loop never tries to READ from a write-only
+      // relay. Falls back to the full list when type info is unavailable.
+      const hasTypeinfo = scopedRows.some((r) => r?.type);
+      readableRelayUrls = hasTypeinfo
+        ? [...new Set(scopedRows
+            .filter((r) => r?.type !== 'write')
+            .map((r) => String(r?.url || '').trim())
+            .filter(Boolean))]
+        : [...urls];
+
       for (const relayMap of eventRelayPresence.values()) {
         for (const url of subscribedRelayUrls) {
           if (!relayMap.has(url)) relayMap.set(url, false);
@@ -1396,16 +1416,22 @@
       };
     }
 
+    function getCachedKindsAndEventTotals() {
+      const kinds = getKindsSorted();
+      const totalEvents = kinds.reduce((sum, k) => sum + getEventsForKind(k).length, 0);
+      return { kindsCount: kinds.length, totalEvents };
+    }
+
     function renderKinds() {
       const kinds = getKindsSorted();
       if (!kinds.length) {
         divKindsList.innerHTML = '<div class="hint">No cached events found.</div>';
-        divKindsStatus.textContent = '0 kinds · 0 events';
+        if (!allEventsFetchInFlight) divKindsStatus.textContent = '0 kinds · 0 events';
         return;
       }
 
       const totalEvents = kinds.reduce((sum, k) => sum + getEventsForKind(k).length, 0);
-      divKindsStatus.textContent = `${kinds.length} kinds · ${totalEvents.toLocaleString()} cached events`;
+      if (!allEventsFetchInFlight) divKindsStatus.textContent = `${kinds.length} kinds · ${totalEvents.toLocaleString()} cached events`;
 
       divKindsList.innerHTML = kinds.map((kind) => {
         const count = getEventsForKind(kind).length;
@@ -1682,6 +1708,63 @@
       selectedKindSub = subscribe({ kinds: [Number(kind)], authors: [currentPubkey], limit: 500 }, { closeOnEose: false, cacheUsage: 'CACHE_FIRST' });
     }
 
+    function clearAllEventsFetchTimeout() {
+      if (allEventsFetchTimeoutId) {
+        clearTimeout(allEventsFetchTimeoutId);
+        allEventsFetchTimeoutId = null;
+      }
+    }
+
+    function closeAllEventsFetchSubscription() {
+      try {
+        if (allEventsFetchSub && typeof allEventsFetchSub.close === 'function') allEventsFetchSub.close();
+      } catch (_error) { }
+      allEventsFetchSub = null;
+    }
+
+    function finalizeGetAllEventsFetch(statusText) {
+      clearAllEventsFetchTimeout();
+      closeAllEventsFetchSubscription();
+      allEventsFetchInFlight = false;
+      if (btnGetAllEvents) btnGetAllEvents.disabled = false;
+      if (statusText) {
+        divKindsStatus.textContent = statusText;
+      } else {
+        const { kindsCount, totalEvents } = getCachedKindsAndEventTotals();
+        divKindsStatus.textContent = `${kindsCount} kinds · ${totalEvents.toLocaleString()} cached events`;
+      }
+    }
+
+    async function runOneShotGetAllEventsFetch() {
+      if (allEventsFetchInFlight) return;
+      if (!currentPubkey) {
+        divKindsStatus.textContent = 'Get all events failed: user pubkey unavailable';
+        return;
+      }
+
+      allEventsFetchInFlight = true;
+      if (btnGetAllEvents) btnGetAllEvents.disabled = true;
+
+      const beforeTotals = getCachedKindsAndEventTotals();
+      divKindsStatus.textContent = `Getting all events from relays for ${shortHex(currentPubkey)}...`;
+
+      try {
+        closeAllEventsFetchSubscription();
+        allEventsFetchSub = subscribe(
+          { authors: [currentPubkey] },
+          { closeOnEose: true, cacheUsage: 'CACHE_FIRST' }
+        );
+
+        allEventsFetchTimeoutId = setTimeout(() => {
+          const afterTotals = getCachedKindsAndEventTotals();
+          const added = Math.max(0, afterTotals.totalEvents - beforeTotals.totalEvents);
+          finalizeGetAllEventsFetch(`Get all events timed out · +${added.toLocaleString()} events (${afterTotals.totalEvents.toLocaleString()} total)`);
+        }, 30000);
+      } catch (error) {
+        finalizeGetAllEventsFetch(`Get all events failed: ${error?.message || String(error)}`);
+      }
+    }
+
     async function selectKind(kind, options = {}) {
       const { autoRefresh = true } = options;
 
@@ -1747,8 +1830,13 @@
         });
 
         setSubscribedRelayUrlsFromRelayData(relayData);
-        const relayUrls = [...subscribedRelayUrls];
-        console.log('[event-management] refresh:relayUrls scoped for query', relayUrls);
+        // Use readableRelayUrls (excludes write-only relays) so Refresh Kind
+        // never tries to READ from a write-only relay like sendit.nosflare.com.
+        const relayUrls = [...readableRelayUrls];
+        console.log('[event-management] refresh:relayUrls scoped for query (read-only)', relayUrls, {
+          subscribedRelayUrls: subscribedRelayUrls,
+          readableRelayUrls: readableRelayUrls
+        });
 
         if (!relayUrls.length) {
           divKindsStatus.textContent = `Kind ${targetKind}: no relays found in kind 10002 relay list`;
@@ -1992,6 +2080,8 @@
       });
 
       logoutButton?.addEventListener('click', async () => {
+        closeAllEventsFetchSubscription();
+        clearAllEventsFetchTimeout();
         try { await logout(); } catch (error) { console.error('[event-management.html] logout failed', error); }
       });
 
@@ -2004,6 +2094,10 @@
         }
       });
 
+      btnGetAllEvents?.addEventListener('click', async () => {
+        await runOneShotGetAllEventsFetch();
+      });
+
       inpEventSearch.addEventListener('input', renderEvents);
       chkShowSuperseded?.addEventListener('change', renderEvents);
 
@@ -2319,6 +2413,15 @@
         renderEvents();
       });
 
+      window.addEventListener('ndkEose', (event) => {
+        if (!allEventsFetchInFlight || !allEventsFetchSub?.subId) return;
+        const eoseSubId = String(event?.detail?.subId || '');
+        if (!eoseSubId || eoseSubId !== String(allEventsFetchSub.subId)) return;
+
+        const { kindsCount, totalEvents } = getCachedKindsAndEventTotals();
+        finalizeGetAllEventsFetch(`Get all events complete · ${kindsCount} kinds · ${totalEvents.toLocaleString()} cached events`);
+      });
+
       window.addEventListener('ndkEvent', (event) => {
         const evt = event?.detail;
         if (!evt || !Number.isFinite(Number(evt.kind)) || !evt.id) return;

www/feed-old.html

@@ -0,0 +1,729 @@
+<!DOCTYPE html>
+<?xml version="1.0" encoding="UTF-8"?>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>FEED</title>
+
+  <link rel="stylesheet" href="./css/client.css" />
+  <link rel="stylesheet" href="./css/post-composer.css" />
+  <link rel="stylesheet" href="./css/dot-menu.css" />
+
+  <script>
+    (function () {
+      const savedTheme = localStorage.getItem('theme');
+      if (savedTheme === 'dark') {
+        document.documentElement.classList.add('dark-mode');
+        if (document.body) document.body.classList.add('dark-mode');
+      }
+    })();
+  </script>
+
+  <link rel="shortcut icon" type="image/x-icon" href="./favicon/favicon-dots2.ico" />
+  <script src="./js/vendor/svg.min.js"></script>
+
+  <style>
+    #divBody {
+      flex-direction: column !important;
+      flex-wrap: nowrap !important;
+      align-items: center !important;
+      justify-content: flex-start !important;
+      align-content: flex-start !important;
+      gap: 10px;
+      overflow-y: auto;
+      overflow-anchor: none;
+    }
+
+    #divHint,
+    #divFeed,
+    #btnSeeMore {
+      width: 80%;
+      min-width: 300px;
+      max-width: 700px;
+    }
+
+    #divHint {
+      text-align: center;
+      color: var(--muted-color);
+      font-size: 80%;
+      margin-top: 5px;
+    }
+
+    #divFeed {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 10px;
+    }
+
+    #btnSeeMore {
+      display: none;
+      margin-bottom: 20px;
+    }
+    .divPostItem .post-composer-wrapper {
+      width: 100%;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="divSvgHam" class="divHeaderButtons"></div>
+
+  <div id="divHeader">
+    <div id="divHeaderFlexLeft"></div>
+    <div id="divHeaderFlexCenter">
+      <div class="divHeaderText">FEED</div>
+    </div>
+    <div id="divHeaderFlexRight"></div>
+  </div>
+
+  <div id="divBody">
+    <div id="divHint">Loading follows…</div>
+    <div id="divFeed"></div>
+    <button id="btnSeeMore" class="btn">See More</button>
+  </div>
+
+  <div id="divFooter">
+    <div id="divFooterLeft" class="divFooterBox"></div>
+    <div id="divFooterCenter" class="divFooterBox">
+      <button id="commentsToggleButton">Comments</button>
+    </div>
+    <div id="divFooterRight" class="divFooterBox"></div>
+    <div id="divFooterBalance" class="divFooterBox">0 sats</div>
+  </div>
+
+  <div id="divSideNav">
+    <div id="divSideNavHeader"></div>
+    <div id="divSideNavBody">
+      <div id="divFiles"></div>
+      <div id="divFeedSettings" class="sidenavSection">
+        <div class="sidenavSectionTitle">Feed</div>
+        <label class="sidenavRowToggle" for="chkAutoplayVideos">
+          <span>Autoplay videos</span>
+          <input id="chkAutoplayVideos" type="checkbox" />
+        </label>
+      </div>
+    </div>
+
+    <div id="divAiSection" class="sidenavSection"> 
+      <div id="divAiSectionTitle" class="sidenavSectionTitle">AI</div>
+      <div id="divAiList" class="sidenavSectionList">
+        <div id="divAiProvidersList">No saved providers yet.</div>
+      </div>
+    </div>
+
+
+    <div id="divRelaySection">
+      <div id="divRelaySectionTitle">リレー</div>
+      <div id="divRelayList">Loading relays...</div>
+    </div>
+
+    <div id="divBlossomSection">
+      <div id="divBlossomSectionTitle">ブロッサム</div>
+      <div id="divBlossomList">Loading blossom servers...</div>
+    </div>
+
+    <div id="divVersionBar">
+      <span id="versionDisplay">loading...</span>
+      <div id="divVersionBarButtons">
+        <button id="themeToggleButton" title="Toggle Dark/Light Mode">
+          <div id="themeToggleHamburgerContainer"></div>
+        </button>
+        <button id="logoutButton" title="Logout">
+          <div id="logoutHamburgerContainer"></div>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <script src="./nostr.bundle.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
+
+  <script type="module">
+    import {
+      initNDKPage,
+      getPubkey,
+      injectHeaderAvatar,
+      subscribe,
+      disconnect,
+      getVersion,
+      queryCache,
+      ndkFetchEvents,
+      fetchCachedProfile,
+      storeProfile,
+      publishEvent,
+      walletPayInvoice,
+      walletSendNutzap,
+      walletFetchMintList,
+      getRelayData,
+      getUserSettings,
+      patchUserSettings,
+      onUserSettings,
+      ensureMuteListLoaded,
+      isEventMuted,
+      addMute
+    } from './js/init-ndk.mjs';
+    import { HamburgerMorphing } from './hamburger_morphing/hamburger.mjs';
+    import { initFooterRelayStatus, updateFooterRelayStatus, initSidenavRelaySection, updateSidenavRelaySection, setRelayActivityState } from './js/relay-ui.mjs';
+    import { initBlossomSection, updateBlossomSection } from './js/blossom-ui.mjs';
+    
+    import { initAiSectionWithLocalConfig } from './js/ai-ui.mjs';
+import { initPostCards } from './js/post-interactions2.mjs';
+    import { mountComposer } from './js/post-composer.mjs';
+
+    const INITIAL_POSTS_LOAD = 10;
+    const SEE_MORE_INCREMENT = 20;
+    const MIN_BOOTSTRAP_POSTS = 10;
+    const FEED_BOOTSTRAP_WINDOWS_SECONDS = [3600, 6 * 3600, 24 * 3600, 7 * 24 * 3600, 30 * 24 * 3600];
+    const FEED_BOOTSTRAP_WINDOW_LIMIT = 120;
+
+    let currentPubkey = null;
+    let updateIntervalId = null;
+
+    let unsubscribeUserSettings = null;
+
+    let hamburgerInstance = null;
+    let logoutHamburger = null;
+    let themeToggleHamburger = null;
+    let isDarkMode = false;
+    let isNavOpen = false;
+
+    const posts = [];
+    const postIds = new Set();
+    const renderedPostIds = new Set();
+    let displayCount = INITIAL_POSTS_LOAD;
+
+    let followedPubkeys = [];
+    const feedPubkeys = new Set();
+
+    const divBody = document.getElementById('divBody');
+    const divSideNav = document.getElementById('divSideNav');
+    const divFooterRight = document.getElementById('divFooterRight');
+    const divFeed = document.getElementById('divFeed');
+    const divHint = document.getElementById('divHint');
+    const btnSeeMore = document.getElementById('btnSeeMore');
+    const chkAutoplayVideos = document.getElementById('chkAutoplayVideos');
+
+    let autoplayVideosEnabled = false;
+    let liveFeedSubscriptionKey = '';
+
+    const inlineComposerInstances = new Map(); // postId -> { hostEl, instance, tags }
+
+    let isBootstrappingFeed = false;
+    let hasBootstrappedFeed = false;
+    const bufferedFeedEvents = [];
+
+    function toNostrNoteRef(postId) {
+      try {
+        return window?.NostrTools?.nip19?.noteEncode
+          ? window.NostrTools.nip19.noteEncode(postId)
+          : postId;
+      } catch (_) {
+        return postId;
+      }
+    }
+
+    function focusInlineComposer(hostEl, content = '') {
+      if (!hostEl) return false;
+      hostEl.innerText = content || '';
+      hostEl.focus();
+      document.dispatchEvent(new Event('selectionchange'));
+      hostEl.dispatchEvent(new Event('input', { bubbles: true }));
+      window.requestAnimationFrame(() => {
+        hostEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      });
+      return true;
+    }
+
+    function getOrCreateInlineComposer(postId, postEl) {
+      if (!postId || !postEl) return null;
+
+      const existing = inlineComposerInstances.get(postId);
+      if (existing?.hostEl?.isConnected && existing?.instance) {
+        return existing;
+      }
+
+      const hostEl = document.createElement('div');
+      hostEl.className = 'inlinePostComposerInput';
+      hostEl.dataset.inlineComposerFor = postId;
+      postEl.appendChild(hostEl);
+
+      const entry = {
+        hostEl,
+        tags: [],
+        instance: null
+      };
+
+      const instance = mountComposer(hostEl, {
+        currentPubkey,
+        followedProfiles: [],
+        showUploadIcon: true,
+        showPreview: true,
+        autoHideOnSubmit: true,
+        hideOnEscape: true,
+        onSubmit: async (content) => {
+          const text = String(content || '').trim();
+          if (!text) return;
+
+          await publishEvent({
+            kind: 1,
+            content: text,
+            tags: entry.tags,
+            created_at: Math.floor(Date.now() / 1000)
+          });
+        }
+      });
+
+      entry.instance = instance;
+      inlineComposerInstances.set(postId, entry);
+      return entry;
+    }
+
+    function handleComposerCommentIntent({ postId, postPubkey }) {
+      const postEl = document.querySelector(`.divPostItem[data-post-id="${postId}"]`);
+      if (!postEl) return false;
+
+      const entry = getOrCreateInlineComposer(postId, postEl);
+      if (!entry) return false;
+      entry.tags = [
+        ['e', postId, '', 'reply'],
+        ['p', postPubkey]
+      ];
+      if (entry.instance?.show) entry.instance.show();
+      return focusInlineComposer(entry.hostEl, '');
+    }
+
+    function handleComposerQuoteIntent({ postId, postPubkey }) {
+      const postEl = document.querySelector(`.divPostItem[data-post-id="${postId}"]`);
+      if (!postEl) return false;
+
+      const noteRef = toNostrNoteRef(postId);
+      const entry = getOrCreateInlineComposer(postId, postEl);
+      if (!entry) return false;
+      entry.tags = [
+        ['e', postId, '', 'mention'],
+        ['p', postPubkey],
+        ['q', postId]
+      ];
+      if (entry.instance?.show) entry.instance.show();
+      return focusInlineComposer(entry.hostEl, `nostr:${noteRef}`);
+    }
+
+    async function handleMuteIntent({ eventData }) {
+      const targetPubkey = String(eventData?.pubkey || '').trim();
+      if (!targetPubkey || targetPubkey === currentPubkey) return;
+
+      const ok = window.confirm(`Mute ${targetPubkey.slice(0, 8)}…${targetPubkey.slice(-4)}?`);
+      if (!ok) return;
+
+      await addMute('p', targetPubkey, false);
+
+      for (let i = posts.length - 1; i >= 0; i -= 1) {
+        if (posts[i]?.pubkey === targetPubkey) {
+          postIds.delete(posts[i]?.id);
+          posts.splice(i, 1);
+        }
+      }
+
+      renderFeed();
+    }
+
+    const cards = initPostCards({
+      subscribe,
+      publishEvent,
+      getPubkey,
+      ndkFetchEvents,
+      fetchCachedProfile,
+      storeProfile,
+      walletPayInvoice,
+      walletSendNutzap,
+      walletFetchMintList,
+      getRelayData,
+      getUserSettings,
+      patchUserSettings,
+      onCommentIntent: handleComposerCommentIntent,
+      onQuoteIntent: handleComposerQuoteIntent,
+      onMuteIntent: handleMuteIntent
+    });
+
+    function initHamburgerMenu() {
+      hamburgerInstance = new HamburgerMorphing('#divSvgHam', {
+        foreground: 'var(--primary-color)',
+        background: 'var(--secondary-color)',
+        hover: 'var(--accent-color)'
+      });
+      hamburgerInstance.animateTo('burger');
+    }
+
+    function openNav() {
+      divSideNav.style.zIndex = 3;
+      divSideNav.style.width = 'clamp(400px, 50vw, 600px)';
+      isNavOpen = true;
+      if (hamburgerInstance) hamburgerInstance.animateTo('arrow_left');
+
+      if (!logoutHamburger) {
+        logoutHamburger = new HamburgerMorphing('#logoutHamburgerContainer', {
+          size: 24,
+          foreground: 'var(--primary-color)',
+          background: 'var(--secondary-color)',
+          hover: 'var(--accent-color)'
+        });
+        logoutHamburger.animateTo('x');
+      }
+
+      if (!themeToggleHamburger) {
+        themeToggleHamburger = new HamburgerMorphing('#themeToggleHamburgerContainer', {
+          size: 24,
+          foreground: 'var(--primary-color)',
+          background: 'var(--secondary-color)',
+          hover: 'var(--accent-color)'
+        });
+        const savedTheme = localStorage.getItem('theme');
+        isDarkMode = savedTheme === 'dark' || document.body.classList.contains('dark-mode');
+        themeToggleHamburger.animateTo(isDarkMode ? 'moon' : 'circle');
+      }
+    }
+
+    function closeNav() {
+      divSideNav.style.width = '0vw';
+      divSideNav.style.zIndex = -1;
+      isNavOpen = false;
+      if (hamburgerInstance) hamburgerInstance.animateTo('burger');
+    }
+
+    function toggleNav() {
+      isNavOpen ? closeNav() : openNav();
+    }
+
+    function isOriginalPost(event) {
+      const eTags = event.tags?.filter(t => t[0] === 'e') || [];
+      if (eTags.length === 0) return true;
+      return eTags.every(t => t[3] === 'mention');
+    }
+
+    function applyVideoAutoplaySetting(enabled) {
+      autoplayVideosEnabled = !!enabled;
+      if (chkAutoplayVideos) chkAutoplayVideos.checked = autoplayVideosEnabled;
+
+      const videoEls = Array.from(divFeed.querySelectorAll('video'));
+      videoEls.forEach((videoEl) => {
+        videoEl.controls = true;
+        videoEl.playsInline = true;
+        videoEl.setAttribute('playsinline', '');
+        videoEl.preload = 'metadata';
+
+        if (autoplayVideosEnabled) {
+          videoEl.autoplay = true;
+          videoEl.muted = true;
+          videoEl.setAttribute('autoplay', '');
+          videoEl.setAttribute('muted', '');
+          const playPromise = videoEl.play?.();
+          if (playPromise?.catch) playPromise.catch(() => {});
+        } else {
+          videoEl.autoplay = false;
+          videoEl.muted = false;
+          videoEl.removeAttribute('autoplay');
+          videoEl.removeAttribute('muted');
+        }
+      });
+    }
+
+    function applySettings(settings) {
+      const nextAutoplayEnabled = !!settings?.feed?.videoAutoplay;
+      applyVideoAutoplaySetting(nextAutoplayEnabled);
+    }
+
+    async function persistAutoplaySetting(enabled) {
+      try {
+        await patchUserSettings({
+          feed: {
+            videoAutoplay: !!enabled
+          }
+        });
+      } catch (error) {
+        console.warn('[feed.html] Failed to persist feed autoplay setting:', error?.message || error);
+      }
+    }
+
+    function upsertFeedPost(evt) {
+      if (!evt?.id || postIds.has(evt.id) || !isOriginalPost(evt)) return false;
+      if (isEventMuted(evt)) return false;
+      postIds.add(evt.id);
+      posts.push(evt);
+      return true;
+    }
+
+    function renderFeed() {
+      posts.sort((a, b) => (b.created_at || 0) - (a.created_at || 0));
+      const toShow = posts.slice(0, displayCount);
+
+      divFeed.innerHTML = '';
+      renderedPostIds.clear();
+
+      toShow.forEach((post) => {
+        const postEl = cards.createCard(post, { currentPubkey, autoWire: false, autoplayVideo: autoplayVideosEnabled });
+        divFeed.appendChild(postEl);
+        renderedPostIds.add(post.id);
+      });
+
+      cards.wireInteractions(toShow.map(p => p.id), { currentPubkey });
+
+      btnSeeMore.style.display = posts.length > displayCount ? 'block' : 'none';
+      divHint.textContent = followedPubkeys.length > 0
+        ? `${posts.length} posts from ${followedPubkeys.length} follows`
+        : 'Follow users to populate your feed.';
+      divFooterRight.textContent = `${posts.length} posts`;
+    }
+
+    async function fetchFeedWindow(authors, { since, limit = FEED_BOOTSTRAP_WINDOW_LIMIT, renderAfterCache = false } = {}) {
+      if (!Array.isArray(authors) || authors.length === 0) return;
+      const filters = { kinds: [1], authors, limit };
+      if (typeof since === 'number' && Number.isFinite(since) && since > 0) {
+        filters.since = since;
+      }
+
+      const cached = await queryCache(filters).catch(() => []);
+      cached.forEach((evt1) => {
+        upsertFeedPost(evt1);
+      });
+
+      if (renderAfterCache && posts.length > 0) {
+        renderFeed();
+      }
+
+      void ndkFetchEvents(filters).then((fresh) => {
+        (Array.isArray(fresh) ? fresh : []).forEach((evt1) => {
+          upsertFeedPost(evt1);
+        });
+        if (posts.length > 0) {
+          renderFeed();
+        }
+      }).catch(() => {});
+    }
+
+    async function bootstrapFeedPosts(authors) {
+      if (!Array.isArray(authors) || authors.length === 0) {
+        hasBootstrappedFeed = true;
+        renderFeed();
+        return;
+      }
+
+      isBootstrappingFeed = true;
+      const now = Math.floor(Date.now() / 1000);
+
+      await Promise.allSettled(
+        FEED_BOOTSTRAP_WINDOWS_SECONDS.map((windowSeconds) =>
+          fetchFeedWindow(authors, {
+            since: now - windowSeconds,
+            limit: FEED_BOOTSTRAP_WINDOW_LIMIT,
+            renderAfterCache: true
+          })
+        )
+      );
+
+      if (posts.length < MIN_BOOTSTRAP_POSTS) {
+        await fetchFeedWindow(authors, {
+          since: 0,
+          limit: FEED_BOOTSTRAP_WINDOW_LIMIT * 2,
+          renderAfterCache: true
+        });
+      }
+
+      bufferedFeedEvents.forEach((evt1) => {
+        if (feedPubkeys.has(evt1.pubkey)) {
+          upsertFeedPost(evt1);
+        }
+      });
+      bufferedFeedEvents.length = 0;
+
+      isBootstrappingFeed = false;
+      hasBootstrappedFeed = true;
+      renderFeed();
+    }
+
+    function ensureLiveFeedSubscription() {
+      const authors = Array.from(feedPubkeys).filter(Boolean);
+      if (authors.length === 0) return;
+
+      const key = authors.slice().sort().join(',');
+      if (key === liveFeedSubscriptionKey) return;
+
+      const newestKnown = posts.reduce((max, p) => Math.max(max, p?.created_at || 0), 0);
+      const now = Math.floor(Date.now() / 1000);
+      const since = newestKnown > 0 ? Math.max(0, newestKnown - 30) : (now - 3600);
+
+      subscribe(
+        { kinds: [1], authors, since },
+        { closeOnEose: false, cacheUsage: 'CACHE_FIRST' }
+      );
+
+      liveFeedSubscriptionKey = key;
+      console.log('[feed.html] Live feed subscription active', { authors: authors.length, since });
+    }
+
+    async function ingestContactList(evt) {
+      if (!evt || evt.kind !== 3 || evt.pubkey !== currentPubkey) return;
+      const pTags = evt.tags?.filter(tag => tag[0] === 'p' && tag[1]) || [];
+      followedPubkeys = pTags.map(tag => tag[1]);
+
+      const newAuthors = followedPubkeys.filter((pk) => !feedPubkeys.has(pk));
+      newAuthors.forEach((pk) => feedPubkeys.add(pk));
+
+      ensureLiveFeedSubscription();
+
+      const allAuthors = Array.from(feedPubkeys);
+
+      if (!hasBootstrappedFeed) {
+        await bootstrapFeedPosts(allAuthors);
+        return;
+      }
+
+      if (newAuthors.length > 0) {
+        try {
+          await fetchFeedWindow(newAuthors, { limit: INITIAL_POSTS_LOAD });
+          renderFeed();
+        } catch (_) {
+          renderFeed();
+        }
+      } else {
+        renderFeed();
+      }
+    }
+
+    async function logout() {
+      if (updateIntervalId) {
+        clearInterval(updateIntervalId);
+        updateIntervalId = null;
+      }
+      cards.destroy();
+      disconnect();
+      if (window.NOSTR_LOGIN_LITE?.logout) {
+        await window.NOSTR_LOGIN_LITE.logout();
+      }
+      if (unsubscribeUserSettings) {
+        unsubscribeUserSettings();
+        unsubscribeUserSettings = null;
+      }
+      localStorage.clear();
+      sessionStorage.clear();
+      location.reload(true);
+    }
+
+    async function updateFooter() {
+      try {
+        await updateFooterRelayStatus();
+        await updateSidenavRelaySection();
+        await updateBlossomSection();
+      } catch (_) {}
+    }
+
+    (async function main() {
+      try {
+        const versionInfo = await getVersion();
+        document.getElementById('versionDisplay').textContent = versionInfo.VERSION;
+
+        initHamburgerMenu();
+        document.getElementById('divSvgHam')?.addEventListener('click', toggleNav);
+
+        document.getElementById('themeToggleButton')?.addEventListener('click', () => {
+          isDarkMode = !isDarkMode;
+          localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
+          document.documentElement.classList.toggle('dark-mode', isDarkMode);
+          document.body.classList.toggle('dark-mode', isDarkMode);
+          if (themeToggleHamburger) {
+            themeToggleHamburger.animateTo(isDarkMode ? 'moon' : 'circle');
+          }
+        });
+
+        document.getElementById('logoutButton')?.addEventListener('click', logout);
+
+        document.getElementById('commentsToggleButton')?.addEventListener('click', () => {
+          const nextVisible = !cards.getCommentsVisible();
+          cards.setCommentsVisible(nextVisible);
+          document.getElementById('commentsToggleButton')?.classList.toggle('dimmed', !nextVisible);
+        });
+
+        btnSeeMore.addEventListener('click', () => {
+          displayCount += SEE_MORE_INCREMENT;
+          renderFeed();
+        });
+
+        chkAutoplayVideos?.addEventListener('change', async () => {
+          const nextEnabled = !!chkAutoplayVideos.checked;
+          applyVideoAutoplaySetting(nextEnabled);
+          await persistAutoplaySetting(nextEnabled);
+        });
+
+        await initNDKPage();
+        currentPubkey = await getPubkey();
+        await injectHeaderAvatar(currentPubkey);
+
+        await ensureMuteListLoaded();
+
+        try {
+          const settings = await getUserSettings();
+          applySettings(settings || {});
+        } catch (error) {
+          console.warn('[feed.html] Failed to load user settings:', error?.message || error);
+          applySettings({});
+        }
+
+        if (!unsubscribeUserSettings) {
+          unsubscribeUserSettings = onUserSettings((settings) => {
+            applySettings(settings || {});
+          });
+        }
+
+        initFooterRelayStatus();
+        initSidenavRelaySection();
+        await initBlossomSection();
+        initAiSectionWithLocalConfig();
+        await updateFooter();
+        updateIntervalId = setInterval(updateFooter, 1000);
+
+        window.addEventListener('ndkRelayActivity', (e) => {
+          setRelayActivityState(e.detail.relayUrl, e.detail.activity);
+        });
+
+        window.addEventListener('ndkEvent', async (e) => {
+          const evt = e.detail;
+          if (!evt) return;
+
+          if (evt.kind === 3 && evt.pubkey === currentPubkey) {
+            await ingestContactList(evt);
+            return;
+          }
+
+          if (evt.kind === 1 && feedPubkeys.has(evt.pubkey) && isOriginalPost(evt)) {
+            if (isBootstrappingFeed) {
+              bufferedFeedEvents.push(evt);
+              return;
+            }
+            if (!upsertFeedPost(evt)) return;
+            renderFeed();
+          }
+        });
+
+        subscribe({ kinds: [3], authors: [currentPubkey], limit: 1 }, { closeOnEose: false, cacheUsage: 'CACHE_FIRST' });
+
+        const cachedContactEvents = await queryCache({ kinds: [3], authors: [currentPubkey], limit: 1 }).catch(() => []);
+        if (cachedContactEvents.length > 0) {
+          const latest = cachedContactEvents.sort((a, b) => (b.created_at || 0) - (a.created_at || 0))[0];
+          await ingestContactList(latest);
+        }
+
+        if (feedPubkeys.size === 0) {
+          divHint.textContent = 'Follow users to populate your feed.';
+        }
+
+      } catch (error) {
+        console.error('[feed.html] Initialization failed:', error);
+        divBody.innerHTML = `<div style="text-align:center;padding:50px;"><div style="font-size:24px;margin-bottom:20px;color:red;">❌ Error</div><div style="font-size:16px;">${error.message}</div></div>`;
+      }
+    })();
+  </script>
+</body>
+
+</html>

www/feed.html

@@ -87,9 +87,7 @@
 
   <div id="divFooter">
     <div id="divFooterLeft" class="divFooterBox"></div>
-    <div id="divFooterCenter" class="divFooterBox">
-      <button id="commentsToggleButton">Comments</button>
-    </div>
+    <div id="divFooterCenter" class="divFooterBox"></div>
     <div id="divFooterRight" class="divFooterBox"></div>
     <div id="divFooterBalance" class="divFooterBox">0 sats</div>
   </div>
@@ -139,7 +137,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {
@@ -157,13 +155,16 @@
       walletPayInvoice,
       walletSendNutzap,
       walletFetchMintList,
+      walletGetBalance,
+      walletGetMints,
       getRelayData,
       getUserSettings,
       patchUserSettings,
       onUserSettings,
       ensureMuteListLoaded,
       isEventMuted,
-      addMute
+      addMute,
+      warmOutbox
     } from './js/init-ndk.mjs';
     import { HamburgerMorphing } from './hamburger_morphing/hamburger.mjs';
     import { initFooterRelayStatus, updateFooterRelayStatus, initSidenavRelaySection, updateSidenavRelaySection, setRelayActivityState } from './js/relay-ui.mjs';
@@ -281,18 +282,10 @@ import { initPostCards } from './js/post-interactions2.mjs';
       return entry;
     }
 
-    function handleComposerCommentIntent({ postId, postPubkey }) {
-      const postEl = document.querySelector(`.divPostItem[data-post-id="${postId}"]`);
-      if (!postEl) return false;
-
-      const entry = getOrCreateInlineComposer(postId, postEl);
-      if (!entry) return false;
-      entry.tags = [
-        ['e', postId, '', 'reply'],
-        ['p', postPubkey]
-      ];
-      if (entry.instance?.show) entry.instance.show();
-      return focusInlineComposer(entry.hostEl, '');
+    function handleComposerCommentIntent({ postId }) {
+      if (!postId) return false;
+      window.open('./post-feed.html?event=' + encodeURIComponent(postId), '_blank');
+      return true;
     }
 
     function handleComposerQuoteIntent({ postId, postPubkey }) {
@@ -335,11 +328,14 @@ import { initPostCards } from './js/post-interactions2.mjs';
       publishEvent,
       getPubkey,
       ndkFetchEvents,
+      queryCache,
       fetchCachedProfile,
       storeProfile,
       walletPayInvoice,
       walletSendNutzap,
       walletFetchMintList,
+      walletGetBalance,
+      walletGetMints,
       getRelayData,
       getUserSettings,
       patchUserSettings,
@@ -348,6 +344,12 @@ import { initPostCards } from './js/post-interactions2.mjs';
       onMuteIntent: handleMuteIntent
     });
 
+    // Disable inline comment rendering — the new feed shows posts only.
+    // Comments are viewed on the post-feed.html thread page (new tab).
+    if (typeof cards.setCommentsVisible === 'function') {
+      cards.setCommentsVisible(false);
+    }
+
     function initHamburgerMenu() {
       hamburgerInstance = new HamburgerMorphing('#divSvgHam', {
         foreground: 'var(--primary-color)',
@@ -554,6 +556,9 @@ import { initPostCards } from './js/post-interactions2.mjs';
       const now = Math.floor(Date.now() / 1000);
       const since = newestKnown > 0 ? Math.max(0, newestKnown - 30) : (now - 3600);
 
+      // NDK.subscribe already calls outboxTracker.trackUsers internally,
+      // so no explicit warmOutbox call is needed here.
+
       subscribe(
         { kinds: [1], authors, since },
         { closeOnEose: false, cacheUsage: 'CACHE_FIRST' }
@@ -576,11 +581,20 @@ import { initPostCards } from './js/post-interactions2.mjs';
       const allAuthors = Array.from(feedPubkeys);
 
       if (!hasBootstrappedFeed) {
+        // Pre-warm the outbox tracker so NDK knows each follow's write relays
+        // before the short-lived bootstrap fetchEvents calls fire.
+        try {
+          await warmOutbox(followedPubkeys);
+        } catch (e) {
+          console.warn('[feed.html] warmOutbox failed (non-blocking):', e?.message || e);
+        }
         await bootstrapFeedPosts(allAuthors);
         return;
       }
 
       if (newAuthors.length > 0) {
+        // NDK's fetchEvents/subscribe already calls outboxTracker.trackUsers
+        // internally for author-based filters, so no explicit warmOutbox needed.
         try {
           await fetchFeedWindow(newAuthors, { limit: INITIAL_POSTS_LOAD });
           renderFeed();
@@ -639,12 +653,6 @@ import { initPostCards } from './js/post-interactions2.mjs';
 
         document.getElementById('logoutButton')?.addEventListener('click', logout);
 
-        document.getElementById('commentsToggleButton')?.addEventListener('click', () => {
-          const nextVisible = !cards.getCommentsVisible();
-          cards.setCommentsVisible(nextVisible);
-          document.getElementById('commentsToggleButton')?.classList.toggle('dimmed', !nextVisible);
-        });
-
         btnSeeMore.addEventListener('click', () => {
           displayCount += SEE_MORE_INCREMENT;
           renderFeed();
@@ -720,7 +728,7 @@ import { initPostCards } from './js/post-interactions2.mjs';
 
       } catch (error) {
         console.error('[feed.html] Initialization failed:', error);
-        divBody.innerHTML = `<div style="text-align:center;padding:50px;"><div style="font-size:24px;margin-bottom:20px;color:red;">❌ Error</div><div style="font-size:16px;">${error.message}</div></div>`;
+        divBody.innerHTML = `<div style="text-align:center;padding:50px;"><div style="font-size:24px;margin-bottom:20px;color:var(--primary-color);">❌ Error</div><div style="font-size:16px;color:var(--muted-color);">${error.message}</div></div>`;
       }
     })();
   </script>

www/html-tv.html

@@ -876,7 +876,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/index.html

@@ -363,7 +363,7 @@
        ================================================================ -->
   <script type="text/javascript" src="./js/qrcode-svg.min.js"></script>
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/js/cashu-wallet.mjs

@@ -15,6 +15,7 @@ import {
   walletRemoveMint,
   walletGetTransactions,
   walletShutdown,
+  walletRepublish,
   walletPublishMintList,
   walletFetchMintList,
   onWalletStatus,
@@ -397,6 +398,16 @@ export async function createCashuWalletController({ pubkey, relayUrls = [] } = {
     }
   }
 
+  async function republishWallet() {
+    await ensureWallet();
+    const result = await walletRepublish();
+    if (Array.isArray(result?.mints)) {
+      mintsCache = uniqueMints(result.mints);
+    }
+    applyBalancePayload(result || {});
+    return { mints: [...mintsCache] };
+  }
+
   cleanupFns.push(onWalletStatus((payload) => {
     if (typeof payload?.hasWallet === 'boolean') {
       hasWalletCache = payload.hasWallet;
@@ -431,6 +442,7 @@ export async function createCashuWalletController({ pubkey, relayUrls = [] } = {
     waitForDeposit,
     getTransactionHistory,
     publishMintList,
+    republishWallet,
     fetchRecipientMintList,
     onWalletEvent,
     subscribeTransactions,

www/js/gruuv-api.mjs

@@ -0,0 +1,542 @@
+import { ndkFetchEvents, queryCache } from './init-ndk.mjs';
+
+const TRACK_KIND = 36787;
+const GRUUV_TOPIC = 'gruuv';
+const MUSIC_TOPIC = 'music';
+const DEFAULT_LIMIT = 600;
+
+function normalizeText(value = '') {
+  return String(value || '').trim();
+}
+
+function normalizeLower(value = '') {
+  return normalizeText(value).toLowerCase();
+}
+
+function safeNumber(value, fallback = 0) {
+  const n = Number(value);
+  return Number.isFinite(n) ? n : fallback;
+}
+
+function getTagValues(tags, key) {
+  if (!Array.isArray(tags)) return [];
+  return tags
+    .filter((t) => Array.isArray(t) && t[0] === key && typeof t[1] === 'string')
+    .map((t) => t[1]);
+}
+
+function getTagValue(tags, key) {
+  const values = getTagValues(tags, key);
+  return values[0] || '';
+}
+
+function normalizeSlug(value = '') {
+  return String(value || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 96);
+}
+
+function parseTrackCoordinate(id = '') {
+  const raw = String(id || '').trim();
+  if (!raw.startsWith(`${TRACK_KIND}:`)) return null;
+  const parts = raw.split(':');
+  if (parts.length < 3) return null;
+  const kind = Number(parts[0]);
+  const pubkey = String(parts[1] || '').trim().toLowerCase();
+  const dTag = parts.slice(2).join(':').trim();
+  if (kind !== TRACK_KIND) return null;
+  if (!/^[a-f0-9]{64}$/i.test(pubkey) || !dTag) return null;
+  return { kind, pubkey, dTag };
+}
+
+function isHexEventId(value = '') {
+  return /^[a-f0-9]{64}$/i.test(String(value || '').trim());
+}
+
+function inferFormatFromMime(mime = '') {
+  const m = String(mime || '').toLowerCase();
+  if (m.includes('flac')) return 'flac';
+  if (m.includes('mpeg') || m.includes('mp3')) return 'mp3';
+  if (m.includes('aac')) return 'aac';
+  if (m.includes('ogg')) return 'ogg';
+  if (m.includes('wav')) return 'wav';
+  return '';
+}
+
+function hasTopic(tags, topic) {
+  const lower = normalizeLower(topic);
+  return getTagValues(tags, 't').some((v) => normalizeLower(v) === lower);
+}
+
+function buildTrackIdFromEvent(event) {
+  const pubkey = normalizeLower(event?.pubkey || '');
+  const dTag = normalizeText(getTagValue(event?.tags, 'd'));
+  if (pubkey && dTag) return `${TRACK_KIND}:${pubkey}:${dTag}`;
+  return normalizeText(event?.id || '');
+}
+
+function parseReleasedYear(released = '') {
+  const match = String(released || '').match(/(\d{4})/);
+  return match ? Number(match[1]) : 0;
+}
+
+function sortByRecent(a, b) {
+  return safeNumber(b?.created_at, 0) - safeNumber(a?.created_at, 0);
+}
+
+function dedupeEvents(events, { requireTopic = true } = {}) {
+  const byAddress = new Map();
+  const byEventId = new Map();
+
+  for (const event of events || []) {
+    if (!event || typeof event !== 'object') continue;
+    if (event.kind !== TRACK_KIND || !Array.isArray(event.tags)) continue;
+    if (requireTopic && !(hasTopic(event.tags, GRUUV_TOPIC) || hasTopic(event.tags, MUSIC_TOPIC))) continue;
+
+    const eventId = normalizeLower(event.id || '');
+    if (eventId && byEventId.has(eventId)) continue;
+
+    const address = buildTrackIdFromEvent(event);
+    const existing = byAddress.get(address);
+    if (!existing || safeNumber(event.created_at, 0) >= safeNumber(existing.created_at, 0)) {
+      byAddress.set(address, event);
+      if (eventId) byEventId.set(eventId, event);
+    }
+  }
+
+  return [...byAddress.values()].sort(sortByRecent);
+}
+
+function eventToNormalizedTrack(event) {
+  const tags = Array.isArray(event?.tags) ? event.tags : [];
+  const id = buildTrackIdFromEvent(event);
+  const title = normalizeText(getTagValue(tags, 'title')) || 'Unknown title';
+  const artist = normalizeText(getTagValue(tags, 'artist')) || 'Unknown artist';
+  const albumTitle = normalizeText(getTagValue(tags, 'album'));
+  const duration = safeNumber(getTagValue(tags, 'duration'), 0);
+  const cover = normalizeText(getTagValue(tags, 'image'));
+  const streamUrl = normalizeText(getTagValue(tags, 'url'));
+  const format = normalizeText(getTagValue(tags, 'format')) || inferFormatFromMime(getTagValue(tags, 'm'));
+  const mime = normalizeText(getTagValue(tags, 'm'));
+  const sha256 = normalizeText(getTagValue(tags, 'x'));
+  const released = normalizeText(getTagValue(tags, 'released'));
+  const trackNumber = normalizeText(getTagValue(tags, 'track_number') || getTagValue(tags, 'track'));
+  const discNumber = normalizeText(getTagValue(tags, 'disc_number') || getTagValue(tags, 'disc'));
+  const genre = normalizeText(getTagValue(tags, 'genre'));
+
+  const albumId = albumTitle ? `album:${normalizeSlug(`${artist} ${albumTitle}`)}` : '';
+  const artistId = artist ? `artist:${normalizeSlug(artist)}` : '';
+
+  return {
+    id,
+    eventId: normalizeText(event?.id || ''),
+    pubkey: normalizeText(event?.pubkey || ''),
+    dTag: normalizeText(getTagValue(tags, 'd')),
+    title,
+    artist,
+    artistId,
+    duration,
+    cover,
+    albumTitle,
+    albumId,
+    streamUrl,
+    format,
+    mime,
+    sha256,
+    size: safeNumber(getTagValue(tags, 'size'), 0),
+    released,
+    releaseYear: parseReleasedYear(released),
+    genre,
+    trackNumber,
+    discNumber,
+    createdAt: safeNumber(event?.created_at, 0),
+    raw: event,
+  };
+}
+
+function shapeSearchResponse(items) {
+  const rows = Array.isArray(items) ? items : [];
+  return {
+    items: rows,
+    limit: rows.length,
+    offset: 0,
+    totalNumberOfItems: rows.length,
+  };
+}
+
+function trackMatchesQuery(track, query) {
+  const q = normalizeLower(query);
+  if (!q) return true;
+
+  const haystacks = [
+    track?.title,
+    track?.artist,
+    track?.albumTitle,
+    track?.id,
+    track?.eventId,
+    track?.dTag,
+    track?.genre,
+  ]
+    .map((v) => normalizeLower(v))
+    .filter(Boolean);
+
+  return haystacks.some((v) => v.includes(q));
+}
+
+function groupTracksByAlbum(tracks) {
+  const byAlbum = new Map();
+
+  for (const track of tracks || []) {
+    const title = normalizeText(track?.albumTitle);
+    if (!title) continue;
+
+    const artist = normalizeText(track?.artist || 'Unknown artist');
+    const key = `${normalizeLower(artist)}::${normalizeLower(title)}`;
+
+    if (!byAlbum.has(key)) {
+      byAlbum.set(key, {
+        id: track.albumId || `album:${normalizeSlug(`${artist} ${title}`)}`,
+        title,
+        cover: normalizeText(track?.cover || ''),
+        artist: { name: artist, id: track.artistId || `artist:${normalizeSlug(artist)}` },
+        artistName: artist,
+        releaseDate: track.released || '',
+        numberOfTracks: 0,
+        explicit: false,
+        type: 'ALBUM',
+        tracks: [],
+      });
+    }
+
+    const album = byAlbum.get(key);
+    album.tracks.push(track);
+    album.numberOfTracks = album.tracks.length;
+    if (!album.cover && track.cover) album.cover = track.cover;
+    if (!album.releaseDate && track.released) album.releaseDate = track.released;
+  }
+
+  return [...byAlbum.values()].sort((a, b) => {
+    const yearDiff = parseReleasedYear(b.releaseDate) - parseReleasedYear(a.releaseDate);
+    if (yearDiff !== 0) return yearDiff;
+    return a.title.localeCompare(b.title);
+  });
+}
+
+function groupTracksByArtist(tracks) {
+  const byArtist = new Map();
+
+  for (const track of tracks || []) {
+    const name = normalizeText(track?.artist);
+    if (!name) continue;
+
+    const key = normalizeLower(name);
+    if (!byArtist.has(key)) {
+      byArtist.set(key, {
+        id: track.artistId || `artist:${normalizeSlug(name)}`,
+        name,
+        picture: normalizeText(track?.cover || ''),
+        tracks: [],
+      });
+    }
+
+    const artist = byArtist.get(key);
+    artist.tracks.push(track);
+    if (!artist.picture && track.cover) artist.picture = track.cover;
+  }
+
+  return [...byArtist.values()].sort((a, b) => a.name.localeCompare(b.name));
+}
+
+async function safeFetchWithFilter(filters, options = {}) {
+  const [cacheResult, relayResult] = await Promise.allSettled([
+    queryCache(filters),
+    ndkFetchEvents(filters),
+  ]);
+
+  const cacheEvents = cacheResult.status === 'fulfilled' && Array.isArray(cacheResult.value)
+    ? cacheResult.value
+    : [];
+  const relayEvents = relayResult.status === 'fulfilled' && Array.isArray(relayResult.value)
+    ? relayResult.value
+    : [];
+
+  return dedupeEvents([...cacheEvents, ...relayEvents], options);
+}
+
+export class GruuvAPI {
+  constructor(options = {}) {
+    this.options = {
+      limit: Number.isFinite(options.limit) ? Number(options.limit) : DEFAULT_LIMIT,
+      ...options,
+    };
+    this.trackCache = new Map();
+    this.lastTrackSnapshot = [];
+  }
+
+  async initInstances() {
+    return {
+      api: ['nostr:kind36787'],
+      streaming: ['blossom:url-tag'],
+    };
+  }
+
+  cacheTracks(tracks) {
+    const rows = Array.isArray(tracks) ? tracks : [];
+    for (const track of rows) {
+      if (!track?.id) continue;
+      this.trackCache.set(String(track.id), track);
+      if (track.eventId) this.trackCache.set(String(track.eventId), track);
+    }
+    this.lastTrackSnapshot = rows;
+  }
+
+  async fetchTrackEvents(filters = {}) {
+    const mergedFilter = {
+      kinds: [TRACK_KIND],
+      '#t': [GRUUV_TOPIC],
+      limit: this.options.limit,
+      ...filters,
+    };
+
+    const events = await safeFetchWithFilter(mergedFilter);
+    const tracks = events.map(eventToNormalizedTrack).filter((track) => track.streamUrl);
+    this.cacheTracks(tracks);
+    return tracks;
+  }
+
+  prepareTrack(track) {
+    if (!track || typeof track !== 'object') return null;
+
+    if (track.raw && Array.isArray(track.raw.tags)) {
+      return eventToNormalizedTrack(track.raw);
+    }
+
+    const normalized = {
+      id: normalizeText(track.id || ''),
+      title: normalizeText(track.title || '') || 'Unknown title',
+      artist: normalizeText(track.artist || '') || 'Unknown artist',
+      duration: safeNumber(track.duration, 0),
+      cover: normalizeText(track.cover || ''),
+      albumTitle: normalizeText(track.albumTitle || ''),
+      raw: track.raw || track,
+    };
+
+    if (!normalized.id && track.raw?.pubkey && Array.isArray(track.raw?.tags)) {
+      normalized.id = buildTrackIdFromEvent(track.raw);
+    }
+
+    return normalized;
+  }
+
+  getCoverUrl(coverId) {
+    return normalizeText(coverId);
+  }
+
+  getArtistPictureUrl(id) {
+    return normalizeText(id);
+  }
+
+  async searchTracks(query) {
+    const q = normalizeText(query);
+    if (!q) return shapeSearchResponse([]);
+
+    const asCoordinate = parseTrackCoordinate(q);
+    if (asCoordinate) {
+      const tracks = await this.fetchTrackEvents({
+        authors: [asCoordinate.pubkey],
+        '#d': [asCoordinate.dTag],
+        limit: 20,
+      });
+      return shapeSearchResponse(tracks.filter((t) => String(t.id) === q));
+    }
+
+    const tracks = await this.fetchTrackEvents();
+    const filtered = tracks.filter((track) => trackMatchesQuery(track, q));
+    return shapeSearchResponse(filtered);
+  }
+
+  async searchAlbums(query) {
+    const q = normalizeText(query);
+    if (!q) return shapeSearchResponse([]);
+
+    const tracks = await this.fetchTrackEvents();
+    const albums = groupTracksByAlbum(tracks).filter((album) => {
+      const haystack = `${album.title} ${album.artistName}`.toLowerCase();
+      return haystack.includes(normalizeLower(q));
+    });
+
+    return shapeSearchResponse(albums);
+  }
+
+  async searchArtists(query) {
+    const q = normalizeText(query);
+    if (!q) return shapeSearchResponse([]);
+
+    const tracks = await this.fetchTrackEvents();
+    const artists = groupTracksByArtist(tracks).filter((artist) => {
+      const haystack = `${artist.name}`.toLowerCase();
+      return haystack.includes(normalizeLower(q));
+    });
+
+    return shapeSearchResponse(artists);
+  }
+
+  async getAlbum(id) {
+    const albumId = normalizeText(id);
+    if (!albumId) throw new Error('Album id is required');
+
+    const tracks = await this.fetchTrackEvents();
+    const albums = groupTracksByAlbum(tracks);
+    const album = albums.find((a) => String(a.id) === albumId);
+
+    if (!album) throw new Error('Album not found');
+
+    const sortedTracks = [...album.tracks].sort((a, b) => {
+      const aDisc = safeNumber(a.discNumber, 1);
+      const bDisc = safeNumber(b.discNumber, 1);
+      if (aDisc !== bDisc) return aDisc - bDisc;
+      const aTrack = safeNumber(a.trackNumber, Number.MAX_SAFE_INTEGER);
+      const bTrack = safeNumber(b.trackNumber, Number.MAX_SAFE_INTEGER);
+      if (aTrack !== bTrack) return aTrack - bTrack;
+      return a.title.localeCompare(b.title);
+    });
+
+    return { album: { ...album, tracks: undefined }, tracks: sortedTracks };
+  }
+
+  async getArtist(artistId) {
+    const id = normalizeText(artistId);
+    if (!id) throw new Error('Artist id is required');
+
+    const tracks = await this.fetchTrackEvents();
+    const artists = groupTracksByArtist(tracks);
+    const artist = artists.find((a) => String(a.id) === id);
+
+    if (!artist) throw new Error('Artist not found');
+
+    const artistTracks = [...artist.tracks].sort((a, b) => {
+      const yearDiff = safeNumber(b.releaseYear, 0) - safeNumber(a.releaseYear, 0);
+      if (yearDiff !== 0) return yearDiff;
+      return a.title.localeCompare(b.title);
+    });
+
+    const albums = groupTracksByAlbum(artistTracks)
+      .map((album) => ({ ...album, tracks: undefined }))
+      .filter((album) => normalizeLower(album.artistName) === normalizeLower(artist.name));
+
+    return {
+      id: artist.id,
+      name: artist.name,
+      picture: artist.picture,
+      albums,
+      eps: [],
+      tracks: artistTracks.slice(0, 20),
+    };
+  }
+
+  async getTracksByAddresses(addresses = []) {
+    const input = Array.isArray(addresses) ? addresses : [];
+    const normalizedAddresses = [...new Set(
+      input
+        .map((value) => parseTrackCoordinate(value))
+        .filter(Boolean)
+        .map((coord) => `${TRACK_KIND}:${coord.pubkey}:${coord.dTag}`)
+    )];
+
+    console.log('[gruuv-api] getTracksByAddresses:start', {
+      requested: input.length,
+      normalized: normalizedAddresses.length,
+      normalizedAddresses,
+    });
+
+    const byAddress = new Map();
+    const unresolvedByAuthor = new Map();
+
+    for (const address of normalizedAddresses) {
+      const cached = this.trackCache.get(address);
+      if (cached?.streamUrl) {
+        byAddress.set(address, cached);
+        continue;
+      }
+      const coord = parseTrackCoordinate(address);
+      if (!coord) continue;
+      const set = unresolvedByAuthor.get(coord.pubkey) || new Set();
+      set.add(coord.dTag);
+      unresolvedByAuthor.set(coord.pubkey, set);
+    }
+
+    console.log('[gruuv-api] getTracksByAddresses:cache', {
+      cacheHits: byAddress.size,
+      unresolvedAuthors: unresolvedByAuthor.size,
+    });
+
+    for (const [author, dTagsSet] of unresolvedByAuthor.entries()) {
+      const dTags = [...dTagsSet].filter(Boolean);
+      if (!dTags.length) continue;
+
+      const filter = {
+        kinds: [TRACK_KIND],
+        authors: [author],
+        '#d': dTags,
+        limit: Math.max(120, dTags.length * 3),
+      };
+
+      console.log('[gruuv-api] getTracksByAddresses:fetch', {
+        author,
+        dTags,
+        filter,
+      });
+
+      const events = await safeFetchWithFilter(filter, { requireTopic: false });
+      console.log('[gruuv-api] getTracksByAddresses:events', {
+        author,
+        dTagsRequested: dTags.length,
+        eventsFetched: events.length,
+        eventIds: events.map((event) => event?.id).filter(Boolean),
+      });
+
+      const tracks = events
+        .map(eventToNormalizedTrack)
+        .filter((track) => track.streamUrl);
+
+      this.cacheTracks(tracks);
+      for (const track of tracks) {
+        if (!track?.id) continue;
+        byAddress.set(String(track.id), track);
+      }
+    }
+
+    console.log('[gruuv-api] getTracksByAddresses:done', {
+      resolved: byAddress.size,
+      resolvedIds: [...byAddress.keys()],
+    });
+
+    return byAddress;
+  }
+
+  async getTrackStream(id) {
+    const target = normalizeText(id);
+    if (!target) throw new Error('Track id is required');
+
+    let track = this.trackCache.get(target) || null;
+
+    if (!track && parseTrackCoordinate(target)) {
+      const lookup = await this.searchTracks(target);
+      const items = Array.isArray(lookup?.items) ? lookup.items : [];
+      track = items.find((item) => String(item?.id) === target) || items[0] || null;
+    }
+
+    if (!track && isHexEventId(target)) {
+      const tracks = await this.fetchTrackEvents({ ids: [target], limit: 20 });
+      track = tracks.find((item) => String(item.eventId) === target) || null;
+    }
+
+    if (!track) throw new Error('Track not found');
+    if (!track.streamUrl) throw new Error('Track has no stream URL');
+
+    return { streamUrl: track.streamUrl, isDash: false };
+  }
+}

www/js/gruuv-playlists.mjs

@@ -0,0 +1,199 @@
+const PLAYLIST_KIND = 34139;
+const TRACK_KIND = 36787;
+
+function getTagValue(tags, key) {
+  if (!Array.isArray(tags)) return '';
+  const tag = tags.find((t) => Array.isArray(t) && t[0] === key && typeof t[1] === 'string');
+  return tag?.[1] || '';
+}
+
+function getTagValues(tags, key) {
+  if (!Array.isArray(tags)) return [];
+  return tags
+    .filter((t) => Array.isArray(t) && t[0] === key && typeof t[1] === 'string')
+    .map((t) => t[1]);
+}
+
+function normalizeSlug(value) {
+  return String(value || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 64);
+}
+
+function safeJsonParse(value, fallback) {
+  try {
+    return JSON.parse(value);
+  } catch {
+    return fallback;
+  }
+}
+
+function parseTrackAddress(address = '') {
+  const raw = String(address || '').trim();
+  const parts = raw.split(':');
+  if (parts.length < 3) return null;
+  if (Number(parts[0]) !== TRACK_KIND) return null;
+  const pubkey = String(parts[1] || '').trim().toLowerCase();
+  const dTag = parts.slice(2).join(':').trim();
+  if (!/^[a-f0-9]{64}$/i.test(pubkey) || !dTag) return null;
+  return {
+    kind: TRACK_KIND,
+    pubkey,
+    dTag,
+    address: `${TRACK_KIND}:${pubkey}:${dTag}`,
+  };
+}
+
+function buildTrackTag(track) {
+  const id = String(track?.id || '').trim();
+  const parsed = parseTrackAddress(id);
+  if (parsed) return ['a', parsed.address];
+
+  const rawPubkey = String(track?.raw?.pubkey || track?.pubkey || '').trim().toLowerCase();
+  const dTag = String(
+    track?.dTag
+      || getTagValue(track?.raw?.tags, 'd')
+      || track?.identifier
+      || ''
+  ).trim();
+
+  if (/^[a-f0-9]{64}$/i.test(rawPubkey) && dTag) {
+    return ['a', `${TRACK_KIND}:${rawPubkey}:${dTag}`];
+  }
+
+  return null;
+}
+
+function buildTrackCache(track) {
+  const id = String(track?.id || '').trim();
+  if (!id) return null;
+
+  return {
+    id,
+    title: typeof track?.title === 'string' ? track.title : '',
+    artist: typeof track?.artist === 'string' ? track.artist : '',
+    duration: Number.isFinite(track?.duration) ? Number(track.duration) : 0,
+    cover: typeof track?.cover === 'string' ? track.cover : '',
+    albumTitle: typeof track?.albumTitle === 'string' ? track.albumTitle : '',
+    streamUrl: typeof track?.streamUrl === 'string' ? track.streamUrl : '',
+  };
+}
+
+export function createPlaylistIdentifier(title = '') {
+  const slug = normalizeSlug(title);
+  if (!slug) return `${Date.now()}`;
+  return `${slug}-${Date.now()}`;
+}
+
+export function isMusicPlaylistEvent(event) {
+  if (!event || event.kind !== PLAYLIST_KIND || !Array.isArray(event.tags)) return false;
+
+  const topics = getTagValues(event.tags, 't').map((t) => t.toLowerCase());
+  if (topics.includes('gruuv') || topics.includes('music') || topics.includes('playlist')) {
+    return true;
+  }
+
+  const hasIdentifier = Boolean(getTagValue(event.tags, 'd'));
+  const hasTitle = Boolean(getTagValue(event.tags, 'title'));
+  const hasTrackRefs = getTagValues(event.tags, 'a').some((value) => Boolean(parseTrackAddress(value)));
+
+  return hasIdentifier && (hasTitle || hasTrackRefs);
+}
+
+export function buildPlaylistEvent(playlist, createdAt = Math.floor(Date.now() / 1000)) {
+  const identifier = playlist?.identifier || playlist?.id || createPlaylistIdentifier(playlist?.title || '');
+  const title = typeof playlist?.title === 'string' ? playlist.title.trim() : '';
+  const description = typeof playlist?.description === 'string' ? playlist.description.trim() : '';
+  const image = typeof playlist?.image === 'string' ? playlist.image.trim() : '';
+  const banner = typeof playlist?.banner === 'string' ? playlist.banner.trim() : '';
+
+  const inputTracks = Array.isArray(playlist?.tracks) ? playlist.tracks : [];
+  const cacheTracks = inputTracks.map(buildTrackCache).filter(Boolean);
+
+  const seen = new Set();
+  const trackTags = [];
+
+  for (const track of inputTracks) {
+    const tag = buildTrackTag(track);
+    if (!tag) continue;
+    const value = tag[1];
+    if (seen.has(value)) continue;
+    seen.add(value);
+    trackTags.push(tag);
+  }
+
+  const tags = [
+    ['d', identifier],
+    ['title', title || 'Untitled playlist'],
+    ['alt', `Playlist: ${title || 'Untitled playlist'}`],
+    ['t', 'gruuv'],
+    ['t', 'music'],
+    ['t', 'playlist'],
+  ];
+
+  if (description) tags.push(['description', description]);
+  if (image) tags.push(['image', image]);
+  if (banner) tags.push(['banner', banner]);
+  tags.push(...trackTags);
+
+  return {
+    created_at: createdAt,
+    kind: PLAYLIST_KIND,
+    tags,
+    content: JSON.stringify({ tracks: cacheTracks }),
+  };
+}
+
+export function parsePlaylistEvent(event) {
+  if (!event || event.kind !== PLAYLIST_KIND) return null;
+  if (!Array.isArray(event.tags)) return null;
+
+  const identifier = getTagValue(event.tags, 'd') || '';
+  const title = getTagValue(event.tags, 'title') || 'Untitled playlist';
+  const description = getTagValue(event.tags, 'description') || '';
+  const image = getTagValue(event.tags, 'image') || '';
+  const banner = getTagValue(event.tags, 'banner') || '';
+
+  const aValues = getTagValues(event.tags, 'a');
+  const trackIdsFromTags = aValues
+    .map((v) => parseTrackAddress(v)?.address || '')
+    .filter(Boolean);
+
+  const parsedContent = safeJsonParse(event.content || '', {});
+  const cacheTracks = Array.isArray(parsedContent?.tracks)
+    ? parsedContent.tracks.map(buildTrackCache).filter(Boolean)
+    : [];
+
+  const cachedById = new Map(cacheTracks.map((t) => [String(t.id), t]));
+  const trackIds = [...new Set(trackIdsFromTags)];
+
+  const tracks = trackIds.map((id) => {
+    const cached = cachedById.get(id);
+    if (cached) return cached;
+    return { id, title: '', artist: '', duration: 0, cover: '', albumTitle: '', streamUrl: '' };
+  });
+
+  return {
+    eventId: event.id || '',
+    pubkey: event.pubkey || '',
+    createdAt: Number(event.created_at) || 0,
+    identifier,
+    title,
+    description,
+    image,
+    banner,
+    tracks,
+    trackIds,
+    raw: event,
+  };
+}
+
+export function playlistEventAddress(pubkey, identifier) {
+  if (!pubkey || !identifier) return '';
+  return `${PLAYLIST_KIND}:${pubkey}:${identifier}`;
+}
+
+export { PLAYLIST_KIND, parseTrackAddress, buildTrackTag };

www/js/gruuv-upload.mjs

@@ -0,0 +1,204 @@
+import { publishEvent, getPubkey } from './init-ndk.mjs';
+import { calculateSHA256, createBlossomAuth } from './blossom-api.mjs';
+import { getBlossomServers } from './blossom-ui.mjs';
+
+const TRACK_KIND = 36787;
+
+function normalizeText(value = '') {
+  return String(value || '').trim();
+}
+
+function extensionFromName(name = '') {
+  const base = String(name || '').trim();
+  const idx = base.lastIndexOf('.');
+  if (idx < 0) return '';
+  return base.slice(idx + 1).toLowerCase();
+}
+
+function inferFormat(file) {
+  const ext = extensionFromName(file?.name || '');
+  if (ext) return ext;
+
+  const mime = normalizeText(file?.type || '').toLowerCase();
+  if (mime.includes('flac')) return 'flac';
+  if (mime.includes('mpeg') || mime.includes('mp3')) return 'mp3';
+  if (mime.includes('aac')) return 'aac';
+  if (mime.includes('ogg')) return 'ogg';
+  if (mime.includes('wav')) return 'wav';
+  return 'bin';
+}
+
+function inferMime(file) {
+  const mime = normalizeText(file?.type || '');
+  if (mime) return mime;
+
+  const format = inferFormat(file);
+  if (format === 'mp3') return 'audio/mpeg';
+  if (format === 'flac') return 'audio/flac';
+  if (format === 'ogg') return 'audio/ogg';
+  if (format === 'aac') return 'audio/aac';
+  if (format === 'wav') return 'audio/wav';
+  return 'application/octet-stream';
+}
+
+function selectUploadServer() {
+  const servers = getBlossomServers();
+  const healthyUpload = servers.find((s) => s?.healthy && s?.upload);
+  if (healthyUpload?.url) return String(healthyUpload.url).trim().replace(/\/$/, '');
+
+  const anyUpload = servers.find((s) => s?.upload);
+  if (anyUpload?.url) return String(anyUpload.url).trim().replace(/\/$/, '');
+
+  const healthyAny = servers.find((s) => s?.healthy);
+  if (healthyAny?.url) return String(healthyAny.url).trim().replace(/\/$/, '');
+
+  if (servers[0]?.url) return String(servers[0].url).trim().replace(/\/$/, '');
+
+  return '';
+}
+
+async function getAudioDurationSeconds(file) {
+  if (!(file instanceof File || file instanceof Blob)) return 0;
+
+  const objectUrl = URL.createObjectURL(file);
+  try {
+    const duration = await new Promise((resolve) => {
+      const audio = document.createElement('audio');
+      const cleanup = () => {
+        audio.removeAttribute('src');
+        audio.load();
+      };
+
+      audio.preload = 'metadata';
+      audio.onloadedmetadata = () => {
+        const d = Number(audio.duration);
+        cleanup();
+        resolve(Number.isFinite(d) && d > 0 ? d : 0);
+      };
+      audio.onerror = () => {
+        cleanup();
+        resolve(0);
+      };
+      audio.src = objectUrl;
+    });
+
+    return Math.round(duration);
+  } finally {
+    URL.revokeObjectURL(objectUrl);
+  }
+}
+
+function makeDTag({ title, artist, sha256 }) {
+  const safeTitle = normalizeText(title)
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 48);
+  const safeArtist = normalizeText(artist)
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-+|-+$/g, '')
+    .slice(0, 32);
+
+  const prefix = [safeArtist, safeTitle].filter(Boolean).join('-') || 'track';
+  return `${prefix}-${String(sha256 || '').slice(0, 8)}-${Date.now()}`;
+}
+
+async function uploadFileToBlossom(file, serverUrl, sha256) {
+  const authToken = await createBlossomAuth('upload', sha256, `Upload ${file.name || 'audio'}`);
+  const res = await fetch(`${serverUrl}/upload`, {
+    method: 'PUT',
+    mode: 'cors',
+    cache: 'no-cache',
+    headers: {
+      'Content-Type': inferMime(file),
+      Authorization: `Nostr ${authToken}`,
+    },
+    body: file,
+  });
+
+  if (!res.ok) {
+    throw new Error(`Upload failed: ${res.status} ${res.statusText}`);
+  }
+
+  const payload = await res.json().catch(() => ({}));
+  const url = normalizeText(payload?.url || payload?.blob?.url || '');
+  return {
+    uploadUrl: url || `${serverUrl}/${sha256}`,
+    raw: payload,
+  };
+}
+
+export async function uploadGruuvTrack(file, metadata = {}, options = {}) {
+  if (!file) throw new Error('No file selected');
+
+  const pubkey = await getPubkey();
+  if (!pubkey) throw new Error('Not authenticated');
+
+  const serverUrl = normalizeText(options.serverUrl || selectUploadServer());
+  if (!serverUrl) throw new Error('No Blossom server available for upload');
+
+  const sha256 = await calculateSHA256(file);
+  const uploadResult = await uploadFileToBlossom(file, serverUrl, sha256);
+
+  const title = normalizeText(metadata.title || file.name?.replace(/\.[^.]+$/, '') || 'Untitled');
+  const artist = normalizeText(metadata.artist || 'Unknown artist');
+  const album = normalizeText(metadata.album || 'Uploads');
+  const image = normalizeText(metadata.image || '');
+  const genre = normalizeText(metadata.genre || '');
+  const released = normalizeText(metadata.released || '');
+  const trackNumber = normalizeText(metadata.trackNumber || '');
+  const discNumber = normalizeText(metadata.discNumber || '');
+
+  const duration = Number.isFinite(metadata.duration)
+    ? Number(metadata.duration)
+    : await getAudioDurationSeconds(file);
+
+  const format = inferFormat(file);
+  const mime = inferMime(file);
+  const dTag = normalizeText(metadata.dTag || makeDTag({ title, artist, sha256 }));
+
+  const tags = [
+    ['d', dTag],
+    ['url', uploadResult.uploadUrl],
+    ['title', title],
+    ['artist', artist],
+    ['album', album],
+    ['duration', String(Math.max(0, Math.round(duration || 0)))],
+    ['size', String(file.size || 0)],
+    ['alt', `Song: ${title} - ${artist}`],
+    ['format', format],
+    ['m', mime],
+    ['x', sha256],
+    ['t', 'music'],
+    ['t', 'gruuv'],
+  ];
+
+  if (image) tags.push(['image', image]);
+  if (genre) {
+    tags.push(['genre', genre]);
+    tags.push(['t', genre.toLowerCase()]);
+  }
+  if (released) tags.push(['released', released]);
+  if (trackNumber) tags.push(['track_number', trackNumber]);
+  if (discNumber && discNumber !== '1') tags.push(['disc_number', discNumber]);
+
+  const event = {
+    created_at: Math.floor(Date.now() / 1000),
+    kind: TRACK_KIND,
+    tags,
+    content: `Listen to my song - ${title} by ${artist}`,
+  };
+
+  const publishResult = await publishEvent(event);
+
+  return {
+    file,
+    pubkey,
+    sha256,
+    url: uploadResult.uploadUrl,
+    dTag,
+    event,
+    publishResult,
+  };
+}

www/js/init-ndk.mjs

@@ -184,7 +184,7 @@ export async function initNDKPage(options = {}) {
 
     // All pages in www/ directory, so worker path is always the same.
     // Include explicit worker revision token so updated SharedWorker code is guaranteed to restart.
-    const WORKER_REVISION = 'relay-events-db-5';
+    const WORKER_REVISION = 'nip60-lightweight-republish-1';
     const workerPath = `./ndk-worker.js?v=${encodeURIComponent(VERSION)}&wr=${encodeURIComponent(WORKER_REVISION)}`;
 
     // Initialize NDK SharedWorker (shared across all tabs/pages)
@@ -217,6 +217,7 @@ export async function initNDKPage(options = {}) {
         const readyHandler = () => {
             cleanup();
             console.log('[init-ndk] Worker signaled ready, initialization complete');
+            tryRegisterActiveSigningPort();
             resolve();
         };
 
@@ -273,7 +274,8 @@ async function ensureAuthenticated() {
                     extension: true,
                     local: true,
                     nip46: true,
-                    seedphrase: true
+                    seedphrase: true,
+                    nsigner: true
                 }
             });
         }
@@ -319,6 +321,7 @@ async function ensureAuthenticated() {
                     try {
                         const pubkey = await getPublicKeyWithTimeout(4000);
                         console.log('[init-ndk] Authentication successful, pubkey:', pubkey);
+                        tryRegisterActiveSigningPort();
                         finish(true);
                     } catch (error) {
                         console.log('[init-ndk] window.nostr not ready yet:', error.message);
@@ -335,6 +338,7 @@ async function ensureAuthenticated() {
             window.addEventListener('nlAuth', authHandler);
             window.addEventListener('nlAuthRestored', authHandler);
             window.addEventListener('nlMethodSelected', authHandler);
+            window.addEventListener('nlAuthStateChanged', authHandler);
         });
     }
     
@@ -429,6 +433,37 @@ function handleWorkerMessage(event) {
                 pending.resolve(message.events || []);
             }
         }
+    } else if (message.type === 'warmOutboxResult') {
+        // Handle warmOutbox response — best-effort pre-warm; always resolves.
+        const pending = pendingRequests.get(message.requestId);
+        if (pending) {
+            pendingRequests.delete(message.requestId);
+            pending.resolve({
+                ok: !!message.ok,
+                count: message.count || 0,
+                skipped: !!message.skipped,
+                error: message.error || null
+            });
+        }
+    } else if (message.type === 'setRelayEventLoggingResult') {
+        // Handle setRelayEventLogging response — fire-and-forget, but resolve
+        // the promise if the caller chose to await it.
+        const pending = pendingRequests.get(message.requestId);
+        if (pending) {
+            pendingRequests.delete(message.requestId);
+            pending.resolve({
+                ok: !!message.ok,
+                enabled: !!message.enabled,
+                error: message.error || null
+            });
+        }
+    } else if (message.type === 'getDiscoveredRelaysResult') {
+        // Handle getDiscoveredRelays response
+        const pending = pendingRequests.get(message.requestId);
+        if (pending) {
+            pendingRequests.delete(message.requestId);
+            pending.resolve(message.relays || []);
+        }
     } else if (message.type === 'fetchCachedProfileResult') {
         // Handle cached profile response
         const pending = pendingRequests.get(message.requestId);
@@ -484,6 +519,18 @@ function isExpectedSignerCapabilityError(method, error) {
 /**
  * Handle sign request from worker
  */
+function tryRegisterActiveSigningPort() {
+    if (!ndkWorker?.port) return;
+    try {
+        const auth = window?.nostr?.authState || window?.NOSTR_LOGIN_LITE?.getAuthState?.() || null;
+        if (auth?.method === 'nsigner' && auth?.signer?.driver) {
+            ndkWorker.port.postMessage({ type: 'setActiveSigningPort' });
+        }
+    } catch (_) {
+        // ignore
+    }
+}
+
 async function handleSignRequest(requestId, method, params) {
     try {
         let result;
@@ -526,6 +573,9 @@ async function handleSignRequest(requestId, method, params) {
             requestId: requestId,
             result: result
         });
+
+        // If this tab successfully signs using hardware signer, pin worker routing to this tab.
+        tryRegisterActiveSigningPort();
         
     } catch (error) {
         if (isExpectedSignerCapabilityError(method, error)) {
@@ -744,6 +794,128 @@ export async function ndkFetchEvents(filters) {
     });
 }
 
+/**
+ * Pre-warm the NDK outbox tracker for a set of follow pubkeys.
+ *
+ * This proactively resolves each follow's kind 10002 relay list via
+ * ndk.outboxTracker.trackUsers so that subsequent short-lived fetchEvents
+ * subscriptions route to the correct write relays instead of racing the
+ * tracker. Pre-warming is best-effort: the returned promise always resolves
+ * (never rejects). On timeout it resolves with { ok: false, timedOut: true }.
+ *
+ * @param {string[]} pubkeys - Array of hex pubkeys to pre-warm.
+ * @returns {Promise<{ok: boolean, count?: number, skipped?: boolean, timedOut?: boolean, error?: string}>}
+ */
+export async function warmOutbox(pubkeys) {
+    if (!ndkWorker) {
+        throw new Error('NDK worker not initialized. Call initNDKPage() first.');
+    }
+
+    const list = Array.isArray(pubkeys) ? pubkeys.filter(Boolean) : [];
+    if (list.length === 0) {
+        return { ok: true, count: 0, skipped: true };
+    }
+
+    return new Promise((resolve) => {
+        requestCounter++;
+        const requestId = `warmOutbox_${Date.now()}_${requestCounter}`;
+
+        pendingRequests.set(requestId, { resolve, reject: resolve });
+
+        // Best-effort: resolve (not reject) on timeout.
+        setTimeout(() => {
+            if (pendingRequests.has(requestId)) {
+                pendingRequests.delete(requestId);
+                resolve({ ok: false, timedOut: true });
+            }
+        }, 15000);
+
+        ndkWorker.port.postMessage({
+            type: 'warmOutbox',
+            requestId: requestId,
+            pubkeys: list
+        });
+    });
+}
+
+/**
+ * Toggle relay event logging in the worker.
+ *
+ * When enabled, the worker broadcasts relayEvent messages to all ports and
+ * persists relay events to IndexedDB. When disabled (default), both are
+ * skipped to avoid cross-page broadcast spam and IndexedDB write contention.
+ * trackRelayRead/trackRelayWrite (relayActivity events) are not affected.
+ *
+ * Fire-and-forget: the returned promise resolves when the worker acknowledges,
+ * but callers may ignore it.
+ *
+ * @param {boolean} enabled - Whether relay event logging should be on.
+ * @returns {Promise<{ok: boolean, enabled: boolean, error?: string}>}
+ */
+export function setRelayEventLogging(enabled) {
+    if (!ndkWorker) {
+        throw new Error('NDK worker not initialized. Call initNDKPage() first.');
+    }
+
+    return new Promise((resolve) => {
+        requestCounter++;
+        const requestId = `setRelayEventLogging_${Date.now()}_${requestCounter}`;
+
+        pendingRequests.set(requestId, { resolve, reject: resolve });
+
+        // Fire-and-forget timeout — resolve gracefully if the worker never
+        // acknowledges (it always should, but be safe).
+        setTimeout(() => {
+            if (pendingRequests.has(requestId)) {
+                pendingRequests.delete(requestId);
+                resolve({ ok: false, enabled: !!enabled, error: 'setRelayEventLogging timeout' });
+            }
+        }, 5000);
+
+        ndkWorker.port.postMessage({
+            type: 'setRelayEventLogging',
+            requestId: requestId,
+            enabled: !!enabled
+        });
+    });
+}
+
+/**
+ * Get the set of "discovered" relays currently in the NDK pool that are NOT
+ * part of the user's own kind 10002 relay list. These are temporary outbox
+ * relays NDK connected to in order to fetch events from followed authors who
+ * write to relays the user does not subscribe to.
+ *
+ * Each entry is { url, status, connected, servingPubkeys: string[] }.
+ *
+ * @returns {Promise<Array<{url: string, status: number, connected: boolean, servingPubkeys: string[]}>>}
+ */
+export async function getDiscoveredRelays() {
+    if (!ndkWorker) {
+        throw new Error('NDK worker not initialized. Call initNDKPage() first.');
+    }
+
+    return new Promise((resolve) => {
+        requestCounter++;
+        const requestId = `getDiscoveredRelays_${Date.now()}_${requestCounter}`;
+
+        pendingRequests.set(requestId, { resolve, reject: resolve });
+
+        // Resolve with [] on timeout — this is a read-only diagnostic call.
+        setTimeout(() => {
+            if (pendingRequests.has(requestId)) {
+                pendingRequests.delete(requestId);
+                resolve([]);
+            }
+        }, 5000);
+
+        ndkWorker.port.postMessage({
+            type: 'getDiscoveredRelays',
+            requestId: requestId
+        });
+    });
+}
+
 /**
  * Fetch events from all relays in parallel
  * Returns events grouped by relay URL
@@ -866,7 +1038,7 @@ export async function getRelayData() {
         
         pendingRequests.set(requestId, { resolve, reject });
         
-        // Set timeout
+        // Set timeout (15s — worker may be busy processing outbox/NDK events)
         setTimeout(() => {
             if (pendingRequests.has(requestId)) {
                 pendingRequests.delete(requestId);
@@ -874,7 +1046,7 @@ export async function getRelayData() {
                 console.warn('[init-ndk] Get relay data timeout, returning empty array');
                 resolve([]);
             }
-        }, 5000);
+        }, 15000);
         
         ndkWorker.port.postMessage({
             type: 'getRelayData',
@@ -899,7 +1071,7 @@ export async function getRelayStats() {
         
         pendingRequests.set(requestId, { resolve, reject });
         
-        // Set timeout
+        // Set timeout (15s — worker may be busy processing outbox/NDK events)
         setTimeout(() => {
             if (pendingRequests.has(requestId)) {
                 pendingRequests.delete(requestId);
@@ -907,7 +1079,7 @@ export async function getRelayStats() {
                 console.warn('[init-ndk] Get relay stats timeout, returning empty object');
                 resolve({});
             }
-        }, 5000);
+        }, 15000);
         
         ndkWorker.port.postMessage({
             type: 'getRelayStats',
@@ -996,7 +1168,8 @@ export async function injectHeaderLoginButton() {
                         extension: true,
                         local: true,
                         nip46: true,
-                        seedphrase: true
+                        seedphrase: true,
+                        nsigner: true
                     }
                 });
             }
@@ -1405,6 +1578,10 @@ export function walletShutdown() {
     return sendWorkerRequest('walletShutdown', {}, 10000, 'walletShutdown timeout');
 }
 
+export function walletRepublish() {
+    return sendWorkerRequest('walletRepublish', {}, 30000, 'walletRepublish timeout');
+}
+
 export function walletPublishMintList(relays = [], receiveMints = []) {
     return sendWorkerRequest('walletPublishMintList', { relays, receiveMints }, 25000, 'walletPublishMintList timeout');
 }

www/js/post-interactions.mjs

@@ -9,8 +9,10 @@ import { createProfileCache } from './profile-cache.mjs';
 import { mountDotMenu } from './dot-menu.mjs';
 import {
     promptZapDetails,
+    promptNutzapDetails,
     prepareZapInvoiceForEvent,
     resolveNutzapSpecForPubkey,
+    resolveZapCapabilities,
     extractZapAmount as extractZapAmountFromReceipt,
     extractZapComment as extractZapCommentFromReceipt
 } from './zaps.mjs';
@@ -879,12 +881,13 @@ const ICON_LABELS = {
     like: { label: 'Like', activeLabel: 'Like' },
     comment: { label: 'Comment', activeLabel: 'Comment' },
     quote: { label: 'Quote', activeLabel: 'Quote' },
-    zap: { label: 'Zap', activeLabel: 'Zap' }
+    zap: { label: 'Zap', activeLabel: 'Zap' },
+    nutzap: { label: 'Nutzap', activeLabel: 'Nutzap' }
 };
 
 /**
  * Generate HTML for interaction label text
- * @param {string} type - Icon type: 'like', 'comment', 'quote', 'zap'
+ * @param {string} type - Icon type: 'like', 'comment', 'quote', 'zap', 'nutzap'
  * @param {boolean} active - Whether the label is in active/selected state
  * @returns {string} HTML string with label text
  */
@@ -957,6 +960,8 @@ let publishEventFn = null;
 let walletPayInvoiceFn = null;
 let walletSendNutzapFn = null;
 let walletFetchMintListFn = null;
+let walletGetMintsFn = null;
+let walletGetBalanceFn = null;
 let getRelayDataFn = null;
 let getUserSettingsFn = null;
 let patchUserSettingsFn = null;
@@ -1049,7 +1054,7 @@ export function renderFooterRow(eventId, eventData, options = {}) {
         onClick: () => handleQuoteClick(eventId, eventData.pubkey, currentPubkey, quoteItem)
     });
 
-    // Zap button
+    // Zap button (Lightning only)
     const zapItem = createInteractionItem({
         type: 'zap',
         count: state.zapTotal,
@@ -1059,8 +1064,16 @@ export function renderFooterRow(eventId, eventData, options = {}) {
     });
     updateZapCountDisplay(zapItem, state);
 
-    const nutzapCountEl = createNutzapCountDisplay(state);
-    
+    // Nutzap button (Cashu ecash)
+    const nutzapItem = createInteractionItem({
+        type: 'nutzap',
+        count: state.nutzapTotal,
+        active: false,
+        title: 'Nutzap',
+        onClick: () => handleNutzapClick(eventId, eventData.pubkey, currentPubkey, nutzapItem)
+    });
+    updateNutzapButtonCount(nutzapItem, state);
+
     const midControls = document.createElement('div');
     midControls.className = 'divPostMidControls';
 
@@ -1069,7 +1082,7 @@ export function renderFooterRow(eventId, eventData, options = {}) {
     midControls.appendChild(quoteItem);
 
     container.appendChild(zapItem);
-    container.appendChild(nutzapCountEl);
+    container.appendChild(nutzapItem);
     container.appendChild(midControls);
 
     // Time as the final item in the same row
@@ -1079,7 +1092,11 @@ export function renderFooterRow(eventId, eventData, options = {}) {
     container.appendChild(timeEl);
 
     footerRow.appendChild(container);
-    
+
+    // Async, non-blocking capability dimming.
+    // Resolved after the bar is in the DOM so feed rendering is never blocked.
+    setTimeout(() => applyZapCapabilityDimming(eventId, eventData.pubkey, zapItem, nutzapItem), 0);
+
     return footerRow;
 }
 
@@ -1126,7 +1143,7 @@ export function renderInteractionBar(postId, postData, options = {}) {
         onClick: () => handleQuoteClick(postId, postData.pubkey, currentPubkey, quoteItem)
     });
 
-    // Zap button
+    // Zap button (Lightning only)
     const zapItem = createInteractionItem({
         type: 'zap',
         count: state.zapTotal,
@@ -1137,14 +1154,27 @@ export function renderInteractionBar(postId, postData, options = {}) {
     });
     updateZapCountDisplay(zapItem, state);
 
-    const nutzapCountEl = createNutzapCountDisplay(state);
+    // Nutzap button (Cashu ecash)
+    const nutzapItem = createInteractionItem({
+        type: 'nutzap',
+        count: state.nutzapTotal,
+        active: false,
+        showCount: state.nutzapTotal > 0,
+        title: 'Nutzap',
+        onClick: () => handleNutzapClick(postId, postData.pubkey, currentPubkey, nutzapItem)
+    });
+    updateNutzapButtonCount(nutzapItem, state);
 
     container.appendChild(zapItem);
-    container.appendChild(nutzapCountEl);
+    container.appendChild(nutzapItem);
     container.appendChild(likeItem);
     container.appendChild(commentItem);
     container.appendChild(quoteItem);
 
+    // Async, non-blocking capability dimming.
+    // Resolved after the bar is in the DOM so feed rendering is never blocked.
+    setTimeout(() => applyZapCapabilityDimming(postId, postData.pubkey, zapItem, nutzapItem), 0);
+
     return container;
 }
 
@@ -1194,10 +1224,10 @@ export function updateInteractionBar(postId, state) {
         updateZapCountDisplay(zapItem, state);
     }
 
-    // Update nutzap count display
-    const nutzapCountEl = bar.querySelector('.nutzap-count-display');
-    if (nutzapCountEl) {
-        updateNutzapCountDisplay(nutzapCountEl, state);
+    // Update nutzap button count
+    const nutzapItem = bar.querySelector('.interaction-item.nutzap');
+    if (nutzapItem) {
+        updateNutzapButtonCount(nutzapItem, state);
     }
 }
 
@@ -1272,34 +1302,80 @@ function updateZapCountDisplay(itemEl, state = {}) {
     countEl.textContent = formatCount(zapTotal);
 }
 
-function createNutzapCountDisplay(state = {}) {
-    const el = document.createElement('div');
-    el.className = 'nutzap-count-display';
-    el.title = 'Nutzaps';
-
-    const emojiEl = document.createElement('span');
-    emojiEl.className = 'nutzap-emoji';
-    emojiEl.textContent = '🥜';
-
-    const countEl = document.createElement('span');
-    countEl.className = 'nutzap-count-value';
-
-    el.appendChild(emojiEl);
-    el.appendChild(countEl);
-
-    updateNutzapCountDisplay(el, state);
-    return el;
-}
-
-function updateNutzapCountDisplay(el, state = {}) {
-    const countEl = el?.querySelector?.('.nutzap-count-value');
+/**
+ * Update the count display on the Nutzap interaction button.
+ * Mirrors updateZapCountDisplay but for the nutzap button.
+ * @param {HTMLElement} itemEl - The nutzap interaction item element
+ * @param {Object} state - The interaction state
+ */
+function updateNutzapButtonCount(itemEl, state = {}) {
+    const countEl = itemEl?.querySelector?.('.interaction-count');
     if (!countEl) return;
 
     const nutzapTotal = Math.max(0, Number(state?.nutzapTotal || 0));
-    const hasCount = nutzapTotal > 0;
-
     countEl.textContent = formatCount(nutzapTotal);
-    el.classList.toggle('has-count', hasCount);
+}
+
+// =============================================================================
+// ZAP CAPABILITY DIMMING
+// =============================================================================
+//
+// Instead of separate capability badges, the Zap and Nutzap buttons themselves
+// indicate capability via dimming:
+//   - Zap button dimmed when recipient has no lud16 Lightning address
+//   - Nutzap button dimmed when recipient has no shared mints for nutzaps
+//
+// Dimming is applied asynchronously after the bar is in the DOM so feed
+// rendering is never blocked. Colors come exclusively from CSS variables.
+
+/**
+ * Dim the Zap and/or Nutzap buttons based on the recipient's zap capabilities.
+ * Resolves capabilities async and applies a `.dimmed` class + tooltip to
+ * buttons whose rail is unavailable. Non-throwing.
+ *
+ * @param {string} postId    - the event id (used for logging only)
+ * @param {string} pubkey    - the post author's pubkey
+ * @param {HTMLElement} zapItem     - the Zap (Lightning) interaction item
+ * @param {HTMLElement} nutzapItem  - the Nutzap interaction item
+ */
+function applyZapCapabilityDimming(postId, pubkey, zapItem, nutzapItem) {
+    if (!pubkey) return;
+    if (typeof walletFetchMintListFn !== 'function' && typeof fetchProfile !== 'function') {
+        return; // nothing to resolve with
+    }
+    if (!zapItem && !nutzapItem) return;
+
+    resolveZapCapabilities(pubkey, {
+        fetchProfile,
+        fetchMintList: walletFetchMintListFn || undefined,
+        getSenderMints: walletGetMintsFn || undefined,
+        logPrefix: '[post-interactions][zap-caps]'
+    }).then((caps) => {
+        // Elements may have been detached from the DOM by the time this resolves.
+        if (zapItem && zapItem.isConnected) {
+            if (!caps.canLightning) {
+                zapItem.classList.add('dimmed');
+                zapItem.title = 'No Lightning address';
+            } else {
+                zapItem.classList.remove('dimmed');
+                zapItem.title = caps.lud16 ? `Lightning: ${caps.lud16}` : 'Zap';
+            }
+        }
+
+        if (nutzapItem && nutzapItem.isConnected) {
+            if (!caps.canNutzap) {
+                nutzapItem.classList.add('dimmed');
+                nutzapItem.title = caps.hasMintList
+                    ? 'No shared mints for nutzap'
+                    : 'No shared mints for nutzap';
+            } else {
+                nutzapItem.classList.remove('dimmed');
+                nutzapItem.title = 'Nutzap';
+            }
+        }
+    }).catch((error) => {
+        console.warn('[post-interactions][zap-caps] dimming failed', error?.message || error);
+    });
 }
 
 // =============================================================================
@@ -1323,6 +1399,66 @@ function isZapTimeoutError(error) {
     return msg.includes('timeout');
 }
 
+/**
+ * Classify a zap/melt payment error into a user-friendly message.
+ * Hides raw mint API errors while still being informative.
+ * @param {Error|*} error
+ * @returns {string}
+ */
+function friendlyZapErrorMessage(error) {
+    const raw = String(error?.message || error || '').trim();
+    const msg = raw.toLowerCase();
+
+    if (msg.includes('melt') || msg.includes('swap') || msg.includes('proof')) {
+        return 'Mint couldn\'t route Lightning payment. The mint may not have enough Lightning liquidity.';
+    }
+    if (msg.includes('timeout')) {
+        return 'Payment timed out. The mint may be slow or unresponsive.';
+    }
+    if (msg.includes('insufficient') || msg.includes('balance')) {
+        return 'Insufficient Cashu balance for this payment.';
+    }
+    return raw || 'Zap failed.';
+}
+
+/**
+ * Fetch the current user's Cashu balance in sats.
+ * Returns null when the wallet function is unavailable or the fetch fails.
+ * @returns {Promise<number|null>}
+ */
+async function fetchWalletBalanceSats() {
+    if (typeof walletGetBalanceFn !== 'function') return null;
+    try {
+        const result = await walletGetBalanceFn();
+        const balance = Number(result?.balance ?? result?.sats ?? result);
+        if (Number.isFinite(balance) && balance >= 0) {
+            return Math.floor(balance);
+        }
+    } catch (error) {
+        console.warn('[post-interactions][zap] fetchWalletBalanceSats:failed', error?.message || error);
+    }
+    return null;
+}
+
+/**
+ * Refresh the wallet balance display after a zap.
+ * Re-fetches the balance and dispatches an `ndkWalletBalance` event so any
+ * footer/dialog balance displays can update. Non-throwing.
+ * @returns {Promise<void>}
+ */
+async function refreshWalletBalanceDisplay() {
+    const balanceSats = await fetchWalletBalanceSats();
+    if (balanceSats === null) return;
+
+    try {
+        window.dispatchEvent(new CustomEvent('ndkWalletBalance', {
+            detail: { balanceSats, source: 'post-interactions-zap' }
+        }));
+    } catch (error) {
+        console.warn('[post-interactions][zap] refreshWalletBalanceDisplay:dispatch-failed', error?.message || error);
+    }
+}
+
 // =============================================================================
 // INTERACTION HANDLERS
 // =============================================================================
@@ -1558,6 +1694,18 @@ async function saveZapDefaultsToSettings({ amountSats, comment }) {
     });
 }
 
+/**
+ * Handle Zap (Lightning) button click.
+ *
+ * Sends a Lightning zap via Cashu melt: create a LN invoice from the
+ * recipient's lud16, then pay it via walletPayInvoiceFn. No rail selector —
+ * nutzaps have their own button and handler.
+ *
+ * @param {string} postId - Post ID
+ * @param {string} postPubkey - Post author's pubkey
+ * @param {string} currentPubkey - Current user's pubkey
+ * @param {HTMLElement} itemEl - The interaction item element
+ */
 async function handleZapClick(postId, postPubkey, currentPubkey, itemEl) {
     if (!postId || !postPubkey || !itemEl) return;
     if (itemEl.dataset.busy === '1') return;
@@ -1583,34 +1731,31 @@ async function handleZapClick(postId, postPubkey, currentPubkey, itemEl) {
     let paymentSucceeded = false;
 
     try {
-        if (typeof walletPayInvoiceFn !== 'function' && typeof walletSendNutzapFn !== 'function') {
-            throw new Error('Cashu wallet payer is not configured on this page');
+        if (typeof walletPayInvoiceFn !== 'function') {
+            throw new Error('Lightning zap unavailable (walletPayInvoice not configured)');
         }
 
-        let nutzapSpec = null;
-        if (typeof walletFetchMintListFn === 'function') {
+        // --- Fetch the user's Cashu balance for the dialog ----------------------
+        let balanceSats = null;
+        if (typeof walletGetBalanceFn === 'function') {
             try {
-                nutzapSpec = await resolveNutzapSpecForPubkey(postPubkey, {
-                    fetchMintList: walletFetchMintListFn,
-                    logPrefix: '[post-interactions][nutzap]'
-                });
-            } catch (_nutzapDiscoveryError) {
-                nutzapSpec = null;
+                const balanceResult = await walletGetBalanceFn();
+                const balance = Number(balanceResult?.balance ?? balanceResult?.sats ?? balanceResult);
+                if (Number.isFinite(balance) && balance >= 0) {
+                    balanceSats = Math.floor(balance);
+                }
+            } catch (balanceError) {
+                console.warn('[post-interactions][zap] handleZapClick:balance-failed', balanceError?.message || balanceError);
             }
         }
 
-        console.log('[post-interactions][zap] handleZapClick:nutzap-support', {
-            recipient: String(postPubkey || '').slice(0, 8) + '…',
-            hasNutzapSupport: Boolean(nutzapSpec?.mints?.length),
-            mintCount: Array.isArray(nutzapSpec?.mints) ? nutzapSpec.mints.length : 0
-        });
-
         const zapDefaults = await getZapDefaultsFromSettings();
         const details = await promptZapDetails({
             defaultAmountSats: zapDefaults.amountSats,
             defaultComment: zapDefaults.comment,
             defaultShouldZap: true,
-            onSaveDefault: saveZapDefaultsToSettings
+            onSaveDefault: saveZapDefaultsToSettings,
+            balanceSats
         });
         if (!details) {
             console.log('[post-interactions][zap] handleZapClick:cancelled-by-user');
@@ -1652,40 +1797,59 @@ async function handleZapClick(postId, postPubkey, currentPubkey, itemEl) {
             return;
         }
 
-        if (nutzapSpec?.mints?.length > 0 && typeof walletSendNutzapFn === 'function') {
-            if (countEl) countEl.textContent = 'send…';
-            console.log('[post-interactions][zap] handleZapClick:sending-nutzap');
-            const nutzapResult = await walletSendNutzapFn({
-                amount: details.amountSats,
-                memo: details.comment,
-                targetPubkey: postPubkey,
-                eventId: postId,
-                recipientMints: nutzapSpec.mints,
-                recipientP2pk: nutzapSpec.p2pk,
-                recipientRelays: nutzapSpec.relays
-            });
-            console.log('[post-interactions][zap] handleZapClick:nutzap-ok', nutzapResult || {});
-        } else {
-            if (typeof walletPayInvoiceFn !== 'function') {
-                throw new Error('LN zap fallback unavailable (walletPayInvoice missing)');
+        // --- Pre-flight balance check (Phase 5) --------------------------------
+        // A final safety net right before sending, in case the user ignored the
+        // dialog warning or the balance changed between dialog and send.
+        const zapAmount = Math.max(0, Math.floor(Number(details.amountSats || 0)));
+        const preflightBalance = await fetchWalletBalanceSats();
+
+        if (preflightBalance !== null) {
+            if (preflightBalance < zapAmount) {
+                const msg = `Insufficient balance. Current: ${preflightBalance} sats, needed: ${zapAmount} sats`;
+                console.warn('[post-interactions][zap] handleZapClick:insufficient-balance', {
+                    balance: preflightBalance, needed: zapAmount
+                });
+                if (countEl) {
+                    countEl.textContent = 'low';
+                    countEl.title = msg;
+                    setTimeout(() => {
+                        updateZapCountDisplay(itemEl, getPostState(postId));
+                    }, 2200);
+                }
+                window.alert(msg);
+                return;
             }
 
-            const { invoice } = await prepareZapInvoiceForEvent({
-                eventId: postId,
-                recipientPubkey: postPubkey,
-                amountSats: details.amountSats,
-                comment: details.comment,
-                fetchProfile,
-                getRelayData: getRelayDataFn,
-                logPrefix: '[post-interactions][zap]'
-            });
-
-            if (countEl) countEl.textContent = 'pay…';
-            console.log('[post-interactions][zap] handleZapClick:paying-invoice');
-            const paymentResult = await walletPayInvoiceFn(invoice);
-            console.log('[post-interactions][zap] handleZapClick:payment-ok', paymentResult || {});
+            // "Barely sufficient" warning: remaining balance would be less than
+            // 10% of the current balance.
+            const remaining = preflightBalance - zapAmount;
+            const tenPercent = Math.floor(preflightBalance * 0.10);
+            if (remaining > 0 && remaining < tenPercent) {
+                const confirmMsg = `This will use most of your balance (${remaining} sats remaining). Continue?`;
+                const proceed = window.confirm(confirmMsg);
+                if (!proceed) {
+                    console.log('[post-interactions][zap] handleZapClick:declined-low-balance');
+                    return;
+                }
+            }
         }
 
+        // --- Create the LN invoice and pay it via Cashu melt -------------------
+        const { invoice } = await prepareZapInvoiceForEvent({
+            eventId: postId,
+            recipientPubkey: postPubkey,
+            amountSats: details.amountSats,
+            comment: details.comment,
+            fetchProfile,
+            getRelayData: getRelayDataFn,
+            logPrefix: '[post-interactions][zap]'
+        });
+
+        if (countEl) countEl.textContent = 'pay…';
+        console.log('[post-interactions][zap] handleZapClick:paying-invoice');
+        const paymentResult = await walletPayInvoiceFn(invoice);
+        console.log('[post-interactions][zap] handleZapClick:payment-ok', paymentResult || {});
+
         paymentSucceeded = true;
         itemEl.classList.remove('zap-pending', 'zap-pending-accent');
         itemEl.classList.add('zap-success');
@@ -1702,15 +1866,28 @@ async function handleZapClick(postId, postPubkey, currentPubkey, itemEl) {
             itemEl.classList.remove('zap-success');
             updateZapCountDisplay(itemEl, state);
         }, 1800);
+
+        // --- Post-zap balance refresh (Phase 5) --------------------------------
+        // Refresh the wallet balance display so the user sees their updated
+        // balance after a successful zap. Non-blocking — failures are logged
+        // but never surface to the user since the zap itself succeeded.
+        refreshWalletBalanceDisplay().catch((refreshError) => {
+            console.warn('[post-interactions][zap] handleZapClick:balance-refresh-failed', refreshError?.message || refreshError);
+        });
     } catch (error) {
         const timeoutFailure = isZapTimeoutError(error);
+        const friendlyMessage = friendlyZapErrorMessage(error);
         console.error('[post-interactions][zap] handleZapClick:failed', error);
         if (countEl) {
             countEl.textContent = timeoutFailure ? 'check' : 'fail';
+            countEl.title = friendlyMessage;
             setTimeout(() => {
                 updateZapCountDisplay(itemEl, getPostState(postId));
             }, timeoutFailure ? 2800 : 2200);
         }
+        // Surface a user-friendly error message. Avoids exposing raw mint API
+        // errors while still being informative.
+        window.alert(friendlyMessage);
         itemEl.classList.remove('zap-success');
     } finally {
         clearInterval(zapPulseInterval);
@@ -1728,6 +1905,255 @@ async function handleZapClick(postId, postPubkey, currentPubkey, itemEl) {
     }
 }
 
+/**
+ * Handle Nutzap (Cashu ecash) button click.
+ *
+ * Checks the recipient's kind 10019 for shared mints, shows a nutzap-specific
+ * dialog (with the recipient's accepted mints), and sends ecash via
+ * walletSendNutzapFn. Mirrors handleZapClick's UI feedback (pulse animation,
+ * count update, balance check).
+ *
+ * @param {string} postId - Post ID
+ * @param {string} postPubkey - Post author's pubkey
+ * @param {string} currentPubkey - Current user's pubkey
+ * @param {HTMLElement} itemEl - The nutzap interaction item element
+ */
+async function handleNutzapClick(postId, postPubkey, currentPubkey, itemEl) {
+    if (!postId || !postPubkey || !itemEl) return;
+    if (itemEl.dataset.busy === '1') return;
+
+    const iconContainer = itemEl.querySelector('.interaction-icon-container');
+    const countEl = itemEl.querySelector('.interaction-count');
+
+    console.log('[post-interactions][nutzap] handleNutzapClick:start', {
+        postId: String(postId || '').slice(0, 8) + '…',
+        recipient: String(postPubkey || '').slice(0, 8) + '…'
+    });
+
+    itemEl.dataset.busy = '1';
+    itemEl.classList.add('zap-pending');
+    updateIconState(iconContainer, 'nutzap', true);
+
+    let pendingAccent = false;
+    const zapPulseInterval = setInterval(() => {
+        pendingAccent = !pendingAccent;
+        itemEl.classList.toggle('zap-pending-accent', pendingAccent);
+    }, 500);
+
+    let paymentSucceeded = false;
+
+    try {
+        if (typeof walletSendNutzapFn !== 'function') {
+            throw new Error('Nutzap unavailable (walletSendNutzap not configured)');
+        }
+
+        // --- Resolve zap capabilities to confirm nutzap is possible -------------
+        let zapCaps = null;
+        try {
+            zapCaps = await resolveZapCapabilities(postPubkey, {
+                fetchProfile,
+                fetchMintList: walletFetchMintListFn || undefined,
+                getSenderMints: walletGetMintsFn || undefined,
+                logPrefix: '[post-interactions][nutzap-caps]'
+            });
+        } catch (capsError) {
+            console.warn('[post-interactions][nutzap] handleNutzapClick:caps-failed', capsError?.message || capsError);
+        }
+
+        const canNutzap = Boolean(zapCaps?.canNutzap);
+        const sharedMints = Array.isArray(zapCaps?.sharedMints) ? zapCaps.sharedMints : [];
+        const recipientMints = Array.isArray(zapCaps?.nutzapMints) ? zapCaps.nutzapMints : [];
+
+        console.log('[post-interactions][nutzap] handleNutzapClick:caps', {
+            recipient: String(postPubkey || '').slice(0, 8) + '…',
+            canNutzap,
+            sharedMints: sharedMints.length,
+            recipientMints: recipientMints.length
+        });
+
+        if (!canNutzap || sharedMints.length === 0) {
+            window.alert('Recipient cannot receive nutzaps (no shared mints)');
+            console.log('[post-interactions][nutzap] handleNutzapClick:no-shared-mints');
+            return;
+        }
+
+        // --- Resolve the nutzap spec (mints, p2pk, relays) for the send --------
+        let nutzapSpec = null;
+        try {
+            nutzapSpec = await resolveNutzapSpecForPubkey(postPubkey, {
+                fetchMintList: walletFetchMintListFn,
+                logPrefix: '[post-interactions][nutzap]'
+            });
+        } catch (nutzapDiscoveryError) {
+            console.warn('[post-interactions][nutzap] handleNutzapClick:spec-failed', nutzapDiscoveryError?.message || nutzapDiscoveryError);
+            window.alert('Recipient cannot receive nutzaps (no shared mints)');
+            return;
+        }
+
+        if (!nutzapSpec?.mints?.length) {
+            window.alert('Recipient cannot receive nutzaps (no shared mints)');
+            return;
+        }
+
+        // --- Fetch the user's Cashu balance for the dialog ----------------------
+        let balanceSats = null;
+        if (typeof walletGetBalanceFn === 'function') {
+            try {
+                const balanceResult = await walletGetBalanceFn();
+                const balance = Number(balanceResult?.balance ?? balanceResult?.sats ?? balanceResult);
+                if (Number.isFinite(balance) && balance >= 0) {
+                    balanceSats = Math.floor(balance);
+                }
+            } catch (balanceError) {
+                console.warn('[post-interactions][nutzap] handleNutzapClick:balance-failed', balanceError?.message || balanceError);
+            }
+        }
+
+        const zapDefaults = await getZapDefaultsFromSettings();
+        const details = await promptNutzapDetails({
+            defaultAmountSats: zapDefaults.amountSats,
+            defaultComment: zapDefaults.comment,
+            defaultShouldZap: true,
+            onSaveDefault: saveZapDefaultsToSettings,
+            balanceSats,
+            recipientMints: nutzapSpec.mints,
+            sharedMints
+        });
+        if (!details) {
+            console.log('[post-interactions][nutzap] handleNutzapClick:cancelled-by-user');
+            return;
+        }
+
+        console.log('[post-interactions][nutzap] handleNutzapClick:details', {
+            amountSats: details.amountSats,
+            hasComment: Boolean(String(details.comment || '').trim()),
+            shouldZap: Boolean(details.shouldZap)
+        });
+
+        const state = getPostState(postId);
+        if (!state.userLiked && currentPubkey) {
+            const interactionBar = itemEl.closest('.divPostInteractions');
+            const likeItem = interactionBar?.querySelector('.interaction-item.like');
+            if (likeItem) {
+                try {
+                    await handleLikeClick(postId, postPubkey, currentPubkey, likeItem);
+                    console.log('[post-interactions][nutzap] handleNutzapClick:auto-like:ok');
+                } catch (likeError) {
+                    console.error('[post-interactions][nutzap] handleNutzapClick:auto-like:failed', likeError);
+                }
+            }
+        }
+
+        const shouldZap = details.shouldZap !== false;
+        if (!shouldZap) {
+            paymentSucceeded = true;
+            itemEl.classList.remove('zap-pending', 'zap-pending-accent');
+            if (countEl) {
+                countEl.textContent = '';
+                setTimeout(() => {
+                    updateNutzapButtonCount(itemEl, getPostState(postId));
+                }, 150);
+            }
+            return;
+        }
+
+        // --- Pre-flight balance check (Phase 5) --------------------------------
+        const zapAmount = Math.max(0, Math.floor(Number(details.amountSats || 0)));
+        const preflightBalance = await fetchWalletBalanceSats();
+
+        if (preflightBalance !== null) {
+            if (preflightBalance < zapAmount) {
+                const msg = `Insufficient balance. Current: ${preflightBalance} sats, needed: ${zapAmount} sats`;
+                console.warn('[post-interactions][nutzap] handleNutzapClick:insufficient-balance', {
+                    balance: preflightBalance, needed: zapAmount
+                });
+                if (countEl) {
+                    countEl.textContent = 'low';
+                    countEl.title = msg;
+                    setTimeout(() => {
+                        updateNutzapButtonCount(itemEl, getPostState(postId));
+                    }, 2200);
+                }
+                window.alert(msg);
+                return;
+            }
+
+            const remaining = preflightBalance - zapAmount;
+            const tenPercent = Math.floor(preflightBalance * 0.10);
+            if (remaining > 0 && remaining < tenPercent) {
+                const confirmMsg = `This will use most of your balance (${remaining} sats remaining). Continue?`;
+                const proceed = window.confirm(confirmMsg);
+                if (!proceed) {
+                    console.log('[post-interactions][nutzap] handleNutzapClick:declined-low-balance');
+                    return;
+                }
+            }
+        }
+
+        // --- Send the nutzap (Cashu ecash) -------------------------------------
+        if (countEl) countEl.textContent = 'send…';
+        console.log('[post-interactions][nutzap] handleNutzapClick:sending-nutzap');
+        const nutzapResult = await walletSendNutzapFn({
+            amount: details.amountSats,
+            memo: details.comment,
+            targetPubkey: postPubkey,
+            eventId: postId,
+            recipientMints: nutzapSpec.mints,
+            recipientP2pk: nutzapSpec.p2pk,
+            recipientRelays: nutzapSpec.relays
+        });
+        console.log('[post-interactions][nutzap] handleNutzapClick:nutzap-ok', nutzapResult || {});
+
+        paymentSucceeded = true;
+        itemEl.classList.remove('zap-pending', 'zap-pending-accent');
+        itemEl.classList.add('zap-success');
+
+        if (countEl) countEl.textContent = 'sent';
+
+        const sentAmount = Math.max(0, Math.floor(Number(details.amountSats || 0)));
+        if (sentAmount > 0) {
+            state.nutzapTotal = Math.max(0, Number(state.nutzapTotal || 0)) + sentAmount;
+            updateNutzapButtonCount(itemEl, state);
+        }
+
+        setTimeout(() => {
+            itemEl.classList.remove('zap-success');
+            updateNutzapButtonCount(itemEl, state);
+        }, 1800);
+
+        // --- Post-nutzap balance refresh ---------------------------------------
+        refreshWalletBalanceDisplay().catch((refreshError) => {
+            console.warn('[post-interactions][nutzap] handleNutzapClick:balance-refresh-failed', refreshError?.message || refreshError);
+        });
+    } catch (error) {
+        const timeoutFailure = isZapTimeoutError(error);
+        const friendlyMessage = friendlyZapErrorMessage(error);
+        console.error('[post-interactions][nutzap] handleNutzapClick:failed', error);
+        if (countEl) {
+            countEl.textContent = timeoutFailure ? 'check' : 'fail';
+            countEl.title = friendlyMessage;
+            setTimeout(() => {
+                updateNutzapButtonCount(itemEl, getPostState(postId));
+            }, timeoutFailure ? 2800 : 2200);
+        }
+        window.alert(friendlyMessage);
+        itemEl.classList.remove('zap-success');
+    } finally {
+        clearInterval(zapPulseInterval);
+        itemEl.dataset.busy = '0';
+
+        if (!paymentSucceeded) {
+            itemEl.classList.remove('active', 'zap-pending', 'zap-pending-accent', 'zap-success');
+            updateIconState(iconContainer, 'nutzap', false);
+        } else {
+            itemEl.classList.remove('active', 'zap-pending-accent');
+            updateIconState(iconContainer, 'nutzap', true);
+        }
+
+        console.log('[post-interactions][nutzap] handleNutzapClick:finish');
+    }
+}
+
 /**
  * Update the count display for an interaction item
  * @param {HTMLElement} itemEl - The interaction item element
@@ -2308,6 +2734,8 @@ export function initInteractions(ndkFunctions = {}) {
         walletPayInvoice,
         walletSendNutzap,
         walletFetchMintList,
+        walletGetMints,
+        walletGetBalance,
         getRelayData,
         getUserSettings,
         patchUserSettings,
@@ -2325,6 +2753,8 @@ export function initInteractions(ndkFunctions = {}) {
     walletPayInvoiceFn = typeof walletPayInvoice === 'function' ? walletPayInvoice : null;
     walletSendNutzapFn = typeof walletSendNutzap === 'function' ? walletSendNutzap : null;
     walletFetchMintListFn = typeof walletFetchMintList === 'function' ? walletFetchMintList : null;
+    walletGetMintsFn = typeof walletGetMints === 'function' ? walletGetMints : null;
+    walletGetBalanceFn = typeof walletGetBalance === 'function' ? walletGetBalance : null;
     getRelayDataFn = typeof getRelayData === 'function' ? getRelayData : null;
     getUserSettingsFn = typeof getUserSettings === 'function' ? getUserSettings : null;
     patchUserSettingsFn = typeof patchUserSettings === 'function' ? patchUserSettings : null;

www/js/post-interactions2.mjs

@@ -14,6 +14,8 @@ export function initPostCards(deps = {}) {
     walletPayInvoice,
     walletSendNutzap,
     walletFetchMintList,
+    walletGetMints,
+    walletGetBalance,
     getRelayData,
     maxSubscriptions = DEFAULT_MAX_SUBSCRIPTIONS,
     getUserSettings,
@@ -34,6 +36,8 @@ export function initPostCards(deps = {}) {
     walletPayInvoice,
     walletSendNutzap,
     walletFetchMintList,
+    walletGetMints,
+    walletGetBalance,
     getRelayData,
     getUserSettings,
     patchUserSettings,
@@ -65,7 +69,9 @@ export function initPostCards(deps = {}) {
 
   function handleUpdate(postId, state, event, currentPubkey) {
     interactions.updateInteractionBar(postId, state);
-    if (event && event.kind === 1 && interactions.isCommentEvent?.(event, postId)) {
+    // Only render inline comments if comments are visible (the new feed
+    // sets commentsVisible=false to avoid inline reply rendering).
+    if (event && event.kind === 1 && interactions.isCommentEvent?.(event, postId) && interactions.getCommentsVisible?.()) {
       interactions.addCommentToPost(postId, {
         id: event.id,
         pubkey: event.pubkey,

www/js/stego.mjs

@@ -0,0 +1,345 @@
+/**
+ * LLM-based steganography — JavaScript port of stego.py.
+ *
+ * Half-splitting entropy coding on top of GPT-2's next-token distribution.
+ * Both encoder and decoder run the same JS code with the same PRNG seed,
+ * so they stay synchronized regardless of cross-language PRNG differences.
+ */
+
+import { Tensor } from "https://cdn.jsdelivr.net/npm/@huggingface/transformers@3.0.0";
+
+// ---------------------------------------------------------------------------
+// PRNG — mulberry32 (deterministic given seed)
+// ---------------------------------------------------------------------------
+export function mulberry32(seed) {
+    let a = seed >>> 0;
+    return function random() {
+        a = (a + 0x6D2B79F5) >>> 0;
+        let t = Math.imul(a ^ (a >>> 15), 1 | a);
+        t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+        return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+    };
+}
+
+// ---------------------------------------------------------------------------
+// Bit <-> string conversion (UTF-8)
+// ---------------------------------------------------------------------------
+export function strToBits(s) {
+    const data = new TextEncoder().encode(s);
+    const bits = [];
+    for (const byte of data) {
+        for (let i = 7; i >= 0; i--) {
+            bits.push((byte >> i) & 1);
+        }
+    }
+    return bits;
+}
+
+export function bitsToStr(bits) {
+    // Pad to a multiple of 8 (should already be).
+    const padded = bits.slice();
+    while (padded.length % 8 !== 0) padded.push(0);
+    const bytes = new Uint8Array(Math.floor(padded.length / 8));
+    for (let i = 0; i < padded.length; i += 8) {
+        let byte = 0;
+        for (let j = 0; j < 8; j++) {
+            byte = (byte << 1) | padded[i + j];
+        }
+        bytes[i / 8] = byte;
+    }
+    return new TextDecoder("utf-8", { fatal: false }).decode(bytes);
+}
+
+// ---------------------------------------------------------------------------
+// Softmax over a TypedArray / Array of logits (numerically stable)
+// ---------------------------------------------------------------------------
+function softmax(logits) {
+    let max = -Infinity;
+    for (let i = 0; i < logits.length; i++) {
+        if (logits[i] > max) max = logits[i];
+    }
+    const probs = new Float32Array(logits.length);
+    let sum = 0;
+    for (let i = 0; i < logits.length; i++) {
+        const e = Math.exp(logits[i] - max);
+        probs[i] = e;
+        sum += e;
+    }
+    if (sum <= 0) sum = 1;
+    for (let i = 0; i < logits.length; i++) {
+        probs[i] /= sum;
+    }
+    return probs;
+}
+
+// ---------------------------------------------------------------------------
+// Next-token probability distribution from the model.
+// Returns a Float32Array of length vocab_size.
+// ---------------------------------------------------------------------------
+async function nextTokenProbs(model, tokenizer, tokenIds) {
+    // Build the model inputs directly from the token-id array. We must NOT
+    // pass the id array through tokenizer(): in Transformers.js v3 the
+    // tokenizer call expects a string and will fail with
+    // "e.split is not a function" when given numbers. Instead we construct
+    // int64 tensors ourselves and feed them straight to the model.
+    const seqLength = tokenIds.length;
+    const idData = BigInt64Array.from(tokenIds, (x) => BigInt(x));
+    const maskData = BigInt64Array.from({ length: seqLength }, () => 1n);
+    const inputs = {
+        input_ids: new Tensor("int64", idData, [1, seqLength]),
+        attention_mask: new Tensor("int64", maskData, [1, seqLength]),
+    };
+    const output = await model(inputs);
+    const logits = output.logits;
+
+    // logits.dims = [batch, seq_len, vocab_size]
+    const dims = logits.dims;
+    const seqLen = dims[1];
+    const vocabSize = dims[2];
+    const data = logits.data;
+
+    // Extract the last token's logits: row = (batch=0, last token, :)
+    const offset = (seqLen - 1) * vocabSize;
+    const lastLogits = new Float32Array(vocabSize);
+    for (let i = 0; i < vocabSize; i++) {
+        lastLogits[i] = data[offset + i];
+    }
+    return softmax(lastLogits);
+}
+
+// ---------------------------------------------------------------------------
+// Split the sorted vocabulary into two halves at cumulative prob 0.50.
+// Returns { firstIds, firstProbs, secondIds, secondProbs }.
+// ---------------------------------------------------------------------------
+export function splitHalves(probs) {
+    const vocabSize = probs.length;
+
+    // Build an index array covering EVERY token id [0 .. vocabSize-1] and
+    // sort it by probability descending. Sorting indices (rather than
+    // dropping any) guarantees that all token ids are retained and that the
+    // two slices below form a complete, disjoint partition of the vocabulary.
+    // Ties are broken by ascending token id so the ordering is fully
+    // deterministic — important under int8 quantization where many logits can
+    // be exactly equal (an unstable sort could otherwise diverge between the
+    // encoder and decoder passes).
+    const sortedIds = new Array(vocabSize);
+    for (let i = 0; i < vocabSize; i++) sortedIds[i] = i;
+    sortedIds.sort((a, b) => {
+        const diff = probs[b] - probs[a];
+        if (diff !== 0) return diff;
+        return a - b; // stable tie-break by token id
+    });
+
+    // Find the split point: the first index at which the cumulative
+    // probability mass reaches/exceeds 0.50. Everything up to and including
+    // that token forms the first half; the remainder forms the second half.
+    let cum = 0.0;
+    let splitIdx = vocabSize; // default: all mass in first half (edge case)
+    for (let i = 0; i < vocabSize; i++) {
+        cum += probs[sortedIds[i]];
+        if (cum >= 0.50) {
+            splitIdx = i + 1; // include this token in the first half
+            break;
+        }
+    }
+
+    // Clamp so BOTH halves are guaranteed non-empty. The split index must be
+    // at least 1 (first half non-empty) and at most vocabSize-1 (second half
+    // non-empty). This handles degenerate distributions where a single token
+    // already holds >= 0.50 of the mass, or where the mass never reaches 0.50.
+    if (splitIdx < 1) splitIdx = 1;
+    if (splitIdx > vocabSize - 1) splitIdx = vocabSize - 1;
+
+    // slice(0, splitIdx) + slice(splitIdx) ALWAYS covers the entire sorted
+    // array, so every token id appears in exactly one half — none missing,
+    // none duplicated. Ids are plain Numbers (0..vocabSize-1).
+    const firstIds = sortedIds.slice(0, splitIdx);
+    const secondIds = sortedIds.slice(splitIdx);
+    const firstProbs = firstIds.map(id => probs[id]);
+    const secondProbs = secondIds.map(id => probs[id]);
+
+    return { firstIds, firstProbs, secondIds, secondProbs };
+}
+
+// ---------------------------------------------------------------------------
+// Sample a token id from the given half using renormalized probabilities.
+// Advances the PRNG exactly once (one call to rng()).
+// ---------------------------------------------------------------------------
+export function sampleWithinHalf(ids, probs, rng) {
+    let total = 0;
+    for (let i = 0; i < probs.length; i++) total += probs[i];
+    if (total <= 0) total = 1;
+    const r = rng();
+    let cum = 0.0;
+    let chosen = ids[ids.length - 1];
+    for (let i = 0; i < ids.length; i++) {
+        cum += probs[i] / total;
+        if (r < cum) {
+            chosen = ids[i];
+            break;
+        }
+    }
+    return chosen;
+}
+
+// ---------------------------------------------------------------------------
+// Encoder
+// ---------------------------------------------------------------------------
+export async function encode(model, tokenizer, secretMessage, context, key, padTokens = 3, onToken = null) {
+    const rng = mulberry32(key >>> 0);
+    const bits = strToBits(secretMessage);
+    const numBits = bits.length;
+    const totalBits = numBits;
+    const totalChars = secretMessage.length;
+
+    // Tokenize the context. Transformers.js tokenizer() returns an object
+    // with input_ids; we extract the raw id array.
+    const tokenIds = tokenizeToIds(tokenizer, context);
+
+    for (let bitIndex = 0; bitIndex < bits.length; bitIndex++) {
+        const bit = bits[bitIndex];
+        const probs = await nextTokenProbs(model, tokenizer, tokenIds);
+        const { firstIds, firstProbs, secondIds, secondProbs } = splitHalves(probs);
+        let chosen;
+        if (bit === 0) {
+            chosen = sampleWithinHalf(firstIds, firstProbs, rng);
+        } else {
+            chosen = sampleWithinHalf(secondIds, secondProbs, rng);
+        }
+        tokenIds.push(chosen);
+
+        // Stream the partial cover text back to the caller and yield to the
+        // browser so the UI can repaint between (slow) forward passes.
+        if (onToken) {
+            const textSoFar = tokenizer.decode(tokenIds, { skip_special_tokens: true });
+            const charIndex = Math.floor(bitIndex / 8) + 1;
+            const currentChar = secretMessage[charIndex - 1] ?? "";
+            onToken(textSoFar, bitIndex + 1, totalBits, currentChar, charIndex, totalChars);
+        }
+        await new Promise(resolve => setTimeout(resolve, 0));
+    }
+
+    // Padding tokens: sample from the full distribution using the same PRNG.
+    for (let p = 0; p < padTokens; p++) {
+        const probs = await nextTokenProbs(model, tokenizer, tokenIds);
+        // Sort descending.
+        const pairs = [];
+        for (let i = 0; i < probs.length; i++) pairs.push([probs[i], i]);
+        pairs.sort((a, b) => b[0] - a[0]);
+        const sp = pairs.map(x => x[0]);
+        const si = pairs.map(x => x[1]);
+        let total = 0;
+        for (let i = 0; i < sp.length; i++) total += sp[i];
+        if (total <= 0) total = 1;
+        const r = rng();
+        let cum = 0.0;
+        let chosen = si[0];
+        for (let i = 0; i < si.length; i++) {
+            cum += sp[i] / total;
+            if (r < cum) {
+                chosen = si[i];
+                break;
+            }
+        }
+        tokenIds.push(chosen);
+    }
+
+    const coverText = tokenizer.decode(tokenIds, { skip_special_tokens: true });
+    return { coverText, numBits, tokenCount: tokenIds.length };
+}
+
+// ---------------------------------------------------------------------------
+// Decoder
+// ---------------------------------------------------------------------------
+export async function decode(model, tokenizer, coverText, context, key, numBits, padTokens = 3, onProgress = null) {
+    const rng = mulberry32(key >>> 0);
+    const totalBits = numBits;
+
+    const contextIds = tokenizeToIds(tokenizer, context);
+    const coverIds = tokenizeToIds(tokenizer, coverText);
+
+    // Generated tokens are everything after the context prefix.
+    const genIds = coverIds.slice(contextIds.length);
+
+    const tokenIds = contextIds.slice();
+    const bits = [];
+
+    for (const genToken of genIds) {
+        if (bits.length >= numBits) break;
+        const probs = await nextTokenProbs(model, tokenizer, tokenIds);
+        const { firstIds, firstProbs, secondIds, secondProbs } = splitHalves(probs);
+
+        // splitHalves yields plain Number ids and partitions the entire
+        // vocabulary, so a normalized (Number) genToken is guaranteed to be in
+        // exactly one half. tokenizeToIds normalizes ids to Number, but coerce
+        // defensively here too in case a BigInt slips through.
+        const token = typeof genToken === "bigint" ? Number(genToken) : genToken;
+        const firstSet = new Set(firstIds);
+        const secondSet = new Set(secondIds);
+
+        let recoveredBit;
+        if (firstSet.has(token)) {
+            recoveredBit = 0;
+            bits.push(0);
+            // Advance PRNG identically to the encoder.
+            sampleWithinHalf(firstIds, firstProbs, rng);
+        } else if (secondSet.has(token)) {
+            recoveredBit = 1;
+            bits.push(1);
+            sampleWithinHalf(secondIds, secondProbs, rng);
+        } else {
+            throw new Error(`Generated token ${token} not found in either half.`);
+        }
+        tokenIds.push(token);
+
+        // Report progress and yield so the UI can repaint between passes.
+        if (onProgress) {
+            const currentToken = tokenizer.decode([token], { skip_special_tokens: true });
+            const completedBytes = Math.floor(bits.length / 8);
+            const recoveredChars = bitsToStr(bits.slice(0, completedBytes * 8));
+            onProgress(
+                bits.length,
+                totalBits,
+                recoveredChars,
+                currentToken,
+                recoveredBit,
+            );
+        }
+        await new Promise(resolve => setTimeout(resolve, 0));
+    }
+
+    return bitsToStr(bits.slice(0, numBits));
+}
+
+// ---------------------------------------------------------------------------
+// Helper: tokenize a string to a plain array of token ids.
+// Handles the various shapes Transformers.js may return.
+// ---------------------------------------------------------------------------
+function tokenizeToIds(tokenizer, text) {
+    const inputs = tokenizer(text, { add_special_tokens: false });
+    let ids;
+    if (inputs && inputs.input_ids) {
+        ids = inputs.input_ids;
+    } else if (Array.isArray(inputs)) {
+        ids = inputs;
+    } else {
+        ids = inputs;
+    }
+    // ids may be a Tensor or a nested array like [[1,2,3]].
+    let arr;
+    if (ids && typeof ids.data !== "undefined" && ids.dims) {
+        arr = Array.from(ids.data);
+    } else if (Array.isArray(ids)) {
+        // Flatten one level if nested: [[...]] -> [...]
+        arr = (ids.length > 0 && Array.isArray(ids[0])) ? ids[0].slice() : ids.slice();
+    } else {
+        // Fallback: try to iterate.
+        arr = Array.from(ids);
+    }
+    // CRITICAL: token tensors are int64, so ids.data is a BigInt64Array and
+    // Array.from() yields BigInts (e.g. 351n). splitHalves produces plain
+    // Number ids, and `new Set([...Numbers]).has(351n)` is false — which is
+    // exactly what caused "Generated token 351 not found in either half".
+    // Normalize every id to a plain Number so membership checks line up.
+    return arr.map(v => (typeof v === "bigint" ? Number(v) : Number(v)));
+}

www/js/version.json

@@ -1,5 +1,5 @@
 {
-  "VERSION": "v0.7.3",
-  "VERSION_NUMBER": "0.7.3",
-  "BUILD_DATE": "2026-04-19T17:43:13.562Z"
+  "VERSION": "v0.7.61",
+  "VERSION_NUMBER": "0.7.61",
+  "BUILD_DATE": "2026-06-29T00:27:13.001Z"
 }

www/js/vj-stream.mjs

@@ -9,6 +9,7 @@ const STATS_POLL_INTERVAL = 10000;
 const DEFAULT_STREAMING_SITE = Object.freeze({
   name: 'laantungir.net',
   streamBaseUrl: 'https://laantungir.net',
+  streamUrlTemplate: '{base}/stream/{slug}/stream.m3u8',
   rtmpServer: 'rtmp://laantungir.net:1935/publish',
   obsKeyTemplate: '{slug}/src/{SECRET_KEY}',
 });
@@ -18,11 +19,13 @@ function normalizeStreamingSiteConfig(site) {
   const input = site && typeof site === 'object' ? site : {};
   const name = String(input.name || '').trim() || DEFAULT_STREAMING_SITE.name;
   const streamBaseUrl = String(input.streamBaseUrl || '').trim() || DEFAULT_STREAMING_SITE.streamBaseUrl;
+  const streamUrlTemplate = String(input.streamUrlTemplate || '').trim() || DEFAULT_STREAMING_SITE.streamUrlTemplate;
   const rtmpServer = String(input.rtmpServer || '').trim() || DEFAULT_STREAMING_SITE.rtmpServer;
   const obsKeyTemplate = String(input.obsKeyTemplate || '').trim() || DEFAULT_STREAMING_SITE.obsKeyTemplate;
   return {
     name,
     streamBaseUrl: streamBaseUrl.replace(/\/+$/, ''),
+    streamUrlTemplate,
     rtmpServer,
     obsKeyTemplate,
   };
@@ -85,8 +88,12 @@ function deriveShowUrls(slug, siteConfig = DEFAULT_STREAMING_SITE) {
   }
 
   const base = site.streamBaseUrl;
+  const masterPlaylist = String(site.streamUrlTemplate || '').trim()
+    .replace(/\{base\}/gi, base)
+    .replace(/\{slug\}/gi, safeSlug)
+    || `${base}/stream/${safeSlug}/stream.m3u8`;
   return {
-    masterPlaylist: `${base}/stream/${safeSlug}/stream.m3u8`,
+    masterPlaylist,
     viewerPage: `${base}/stream/${safeSlug}`,
     stats: `${base}/api/stream/stats?show=${encodeURIComponent(safeSlug)}`,
     obsServer: site.rtmpServer,
@@ -220,10 +227,11 @@ function parseStreamTargetFromUrl() {
 }
 
 function buildStreamTags({ dTag, title, summary, image, streamingUrl, status, episodeId, episodeDescription, webUrl }) {
+  const safeStatus = String(status || 'planned').trim() || 'planned';
   const tags = [
     ['d', dTag],
     ['title', String(title || '').trim() || 'Untitled stream'],
-    ['status', String(status || 'planned').trim() || 'planned']
+    ['status', safeStatus]
   ];
 
   const safeSummary = String(summary || '').trim();
@@ -232,6 +240,7 @@ function buildStreamTags({ dTag, title, summary, image, streamingUrl, status, ep
   const safeEpisodeId = String(episodeId || '').trim();
   const safeEpisodeDescription = String(episodeDescription || '').trim();
   const safeWeb = String(webUrl || '').trim();
+  const nowUnix = String(Math.floor(Date.now() / 1000));
 
   if (safeSummary) tags.push(['summary', safeSummary]);
   if (safeImage) tags.push(['image', safeImage]);
@@ -240,6 +249,14 @@ function buildStreamTags({ dTag, title, summary, image, streamingUrl, status, ep
   if (safeEpisodeDescription) tags.push(['episode_description', safeEpisodeDescription]);
   if (safeWeb) tags.push(['web', safeWeb]);
 
+  // NIP-53 compatibility: include timestamps so clients don't default to Unix epoch.
+  // Prefer episodeId timestamp when available because it is set when the episode starts.
+  const startsAt = /^\d+$/.test(safeEpisodeId) ? safeEpisodeId : nowUnix;
+  tags.push(['starts', startsAt]);
+  if (safeStatus === 'ended') {
+    tags.push(['ends', nowUnix]);
+  }
+
   return tags;
 }
 
@@ -279,6 +296,7 @@ export function initVjStreamPanel({
     streamingSiteFormPanel: document.getElementById('streamingSiteFormPanel'),
     inputSiteName: document.getElementById('inputSiteName'),
     inputSiteStreamBaseUrl: document.getElementById('inputSiteStreamBaseUrl'),
+    inputSiteStreamUrlTemplate: document.getElementById('inputSiteStreamUrlTemplate'),
     inputSiteRtmpServer: document.getElementById('inputSiteRtmpServer'),
     inputSiteObsKeyTemplate: document.getElementById('inputSiteObsKeyTemplate'),
     btnSaveStreamingSite: document.getElementById('btnSaveStreamingSite'),
@@ -435,6 +453,9 @@ export function initVjStreamPanel({
     if (els.inputSiteStreamBaseUrl) {
       els.inputSiteStreamBaseUrl.value = String(seedSite?.streamBaseUrl || '').trim();
     }
+    if (els.inputSiteStreamUrlTemplate) {
+      els.inputSiteStreamUrlTemplate.value = String(seedSite?.streamUrlTemplate || '').trim();
+    }
     if (els.inputSiteRtmpServer) {
       els.inputSiteRtmpServer.value = String(seedSite?.rtmpServer || '').trim();
     }
@@ -450,7 +471,7 @@ export function initVjStreamPanel({
 
   function upsertStreamingSite(draft, { mode = 'add', editingName = '' } = {}) {
     const normalizedDraft = normalizeStreamingSiteConfig(draft);
-    if (!normalizedDraft.name || !normalizedDraft.streamBaseUrl || !normalizedDraft.rtmpServer || !normalizedDraft.obsKeyTemplate) {
+    if (!normalizedDraft.name || !normalizedDraft.streamBaseUrl || !normalizedDraft.streamUrlTemplate || !normalizedDraft.rtmpServer || !normalizedDraft.obsKeyTemplate) {
       return false;
     }
 
@@ -1780,6 +1801,7 @@ export function initVjStreamPanel({
       showStreamingSiteForm('add', {
         name: '',
         streamBaseUrl: 'https://',
+        streamUrlTemplate: '{base}/stream/{slug}/stream.m3u8',
         rtmpServer: 'rtmp://',
         obsKeyTemplate: '{slug}/src/{SECRET_KEY}',
       });
@@ -1807,6 +1829,7 @@ export function initVjStreamPanel({
       const draft = normalizeStreamingSiteConfig({
         name: String(els.inputSiteName?.value || '').trim(),
         streamBaseUrl: String(els.inputSiteStreamBaseUrl?.value || '').trim(),
+        streamUrlTemplate: String(els.inputSiteStreamUrlTemplate?.value || '').trim(),
         rtmpServer: String(els.inputSiteRtmpServer?.value || '').trim(),
         obsKeyTemplate: String(els.inputSiteObsKeyTemplate?.value || '').trim(),
       });

www/js/zaps.mjs

@@ -249,6 +249,37 @@ function closeActiveZapModal(result, resolver) {
   resolver(result);
 }
 
+/**
+ * Escape a string for safe insertion into HTML text/attribute content.
+ * @param {string} value
+ * @returns {string}
+ */
+const HTML_ESCAPE_RE = /[&<>"']/g;
+function escapeHtml(value) {
+  const amp = '&' + 'amp;';
+  const lt = '&' + 'lt;';
+  const gt = '&' + 'gt;';
+  const quot = '&' + 'quot;';
+  const apos = '&' + '#39;';
+  const map = { '&': amp, '<': lt, '>': gt, '"': quot, "'": apos };
+  return String(value || '').replace(HTML_ESCAPE_RE, (ch) => map[ch]);
+}
+
+/**
+ * Lightning-only zap details dialog.
+ *
+ * Shows amount input, preset amounts, Cashu balance, and an insufficient-balance
+ * warning. No rail selector — Lightning is the only rail here. Nutzaps have
+ * their own dialog (`promptNutzapDetails`) and their own button.
+ *
+ * @param {Object} options
+ * @param {number} [options.defaultAmountSats=21]
+ * @param {string} [options.defaultComment='']
+ * @param {boolean} [options.defaultShouldZap=true]
+ * @param {Function} [options.onSaveDefault]
+ * @param {number|null} [options.balanceSats=null]
+ * @returns {Promise<{amountSats:number, comment:string, shouldZap:boolean}|null>}
+ */
 export function promptZapDetails(options = {}) {
   if (activeZapModalEl) {
     return Promise.resolve(null);
@@ -258,7 +289,8 @@ export function promptZapDetails(options = {}) {
     defaultAmountSats = 21,
     defaultComment = '',
     defaultShouldZap = true,
-    onSaveDefault = null
+    onSaveDefault = null,
+    balanceSats = null
   } = options;
 
   return new Promise((resolve) => {
@@ -268,11 +300,16 @@ export function promptZapDetails(options = {}) {
       : 21;
     const normalizedDefaultComment = String(defaultComment || '').trim();
 
+    const balanceDisplay = (Number.isFinite(Number(balanceSats)) && Number(balanceSats) >= 0)
+      ? `<div class="zap-selector-balance">Cashu balance: ${Math.floor(Number(balanceSats))} sats</div>`
+      : '';
+
     const overlay = document.createElement('div');
     overlay.className = 'zap-selector-overlay';
     overlay.innerHTML = `
-      <div class="zap-selector" role="dialog" aria-modal="true" aria-label="Send zap">
-        <div class="zap-selector-title">Send Zap</div>
+      <div class="zap-selector" role="dialog" aria-modal="true" aria-label="Send Lightning zap">
+        <div class="zap-selector-title">⚡ Lightning Zap</div>
+        ${balanceDisplay}
         <div class="zap-selector-presets">
           <button type="button" class="zap-preset" data-amount="21">⚡21</button>
           <button type="button" class="zap-preset" data-amount="100">⚡100</button>
@@ -284,9 +321,10 @@ export function promptZapDetails(options = {}) {
           Amount (sats)
           <input class="zap-selector-amount" type="number" min="1" step="1" value="${normalizedDefaultAmount}" />
         </label>
+        <div class="zap-selector-warning" data-warning="insufficient-balance"></div>
         <label class="zap-selector-label">
           Comment (optional)
-          <textarea class="zap-selector-comment" rows="3" placeholder="Nice post ⚡">${normalizedDefaultComment.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')}</textarea>
+          <textarea class="zap-selector-comment" rows="3" placeholder="Nice post ⚡">${escapeHtml(normalizedDefaultComment)}</textarea>
         </label>
         <label class="zap-selector-label" style="display:flex;align-items:center;gap:8px;">
           <input class="zap-selector-enable" type="checkbox" ${defaultShouldZap ? 'checked' : ''} />
@@ -307,6 +345,7 @@ export function promptZapDetails(options = {}) {
     const cancelBtn = overlay.querySelector('.zap-cancel');
     const enableZapEl = overlay.querySelector('.zap-selector-enable');
     const presetButtons = Array.from(overlay.querySelectorAll('.zap-preset'));
+    const warningEl = overlay.querySelector('[data-warning="insufficient-balance"]');
 
     const parseCurrentValues = () => {
       const amountSats = Number(amountEl?.value || 0);
@@ -315,11 +354,24 @@ export function promptZapDetails(options = {}) {
       return { amountSats, comment, shouldZap };
     };
 
+    const updateBalanceWarning = () => {
+      if (!warningEl) return;
+      const { amountSats } = parseCurrentValues();
+      const balance = Number(balanceSats);
+      const insufficient = Number.isFinite(balance)
+        && balance >= 0
+        && Number.isFinite(amountSats)
+        && amountSats > balance;
+      warningEl.textContent = insufficient ? 'Insufficient balance' : '';
+      warningEl.style.display = insufficient ? '' : 'none';
+    };
+
     const selectPreset = (button) => {
       presetButtons.forEach((btn) => btn.classList.toggle('active', btn === button));
       if (amountEl && button?.dataset?.amount) {
         amountEl.value = button.dataset.amount;
       }
+      updateBalanceWarning();
     };
 
     presetButtons.forEach((button) => {
@@ -328,6 +380,7 @@ export function promptZapDetails(options = {}) {
 
     amountEl?.addEventListener('input', () => {
       presetButtons.forEach((btn) => btn.classList.remove('active'));
+      updateBalanceWarning();
     });
 
     saveDefaultBtn?.addEventListener('click', async () => {
@@ -390,6 +443,222 @@ export function promptZapDetails(options = {}) {
     } else {
       presetButtons.forEach((btn) => btn.classList.remove('active'));
     }
+    updateBalanceWarning();
+    amountEl?.focus();
+  });
+}
+
+/**
+ * Nutzap (Cashu ecash) details dialog.
+ *
+ * Shows amount input, preset amounts, Cashu balance, the recipient's accepted
+ * mints (from kind 10019), and which shared mint will be used to send the
+ * ecash. Returns the user's choices or null if cancelled.
+ *
+ * @param {Object} options
+ * @param {number} [options.defaultAmountSats=21]
+ * @param {string} [options.defaultComment='']
+ * @param {boolean} [options.defaultShouldZap=true]
+ * @param {Function} [options.onSaveDefault]
+ * @param {number|null} [options.balanceSats=null]
+ * @param {string[]} [options.recipientMints=[]]   - all mints on recipient's kind 10019
+ * @param {string[]} [options.sharedMints=[]]      - mints shared with sender's wallet
+ * @returns {Promise<{amountSats:number, comment:string, shouldZap:boolean}|null>}
+ */
+export function promptNutzapDetails(options = {}) {
+  if (activeZapModalEl) {
+    return Promise.resolve(null);
+  }
+
+  const {
+    defaultAmountSats = 21,
+    defaultComment = '',
+    defaultShouldZap = true,
+    onSaveDefault = null,
+    balanceSats = null,
+    recipientMints = [],
+    sharedMints = []
+  } = options;
+
+  const normalizedRecipientMints = Array.isArray(recipientMints)
+    ? recipientMints.map((m) => String(m || '').trim()).filter(Boolean)
+    : [];
+  const normalizedSharedMints = Array.isArray(sharedMints)
+    ? sharedMints.map((m) => String(m || '').trim()).filter(Boolean)
+    : [];
+  const primarySharedMint = normalizedSharedMints[0] || '';
+
+  return new Promise((resolve) => {
+    const initialAmount = Number(defaultAmountSats);
+    const normalizedDefaultAmount = Number.isFinite(initialAmount) && initialAmount > 0
+      ? Math.floor(initialAmount)
+      : 21;
+    const normalizedDefaultComment = String(defaultComment || '').trim();
+
+    const balanceDisplay = (Number.isFinite(Number(balanceSats)) && Number(balanceSats) >= 0)
+      ? `<div class="zap-selector-balance">Cashu balance: ${Math.floor(Number(balanceSats))} sats</div>`
+      : '';
+
+    const sharedMintInfoHtml = primarySharedMint
+      ? `<div class="zap-selector-mint-info">Will send via ${escapeHtml(primarySharedMint)}</div>`
+      : '';
+
+    const recipientMintsListHtml = normalizedRecipientMints.length > 0
+      ? `<div class="zap-selector-mint-info">
+          <div>Recipient accepts mints:</div>
+          <ul class="zap-selector-mint-list">
+            ${normalizedRecipientMints.map((m) => {
+              const isShared = normalizedSharedMints.some(
+                (s) => s.replace(/\/+$/, '').toLowerCase() === m.replace(/\/+$/, '').toLowerCase()
+              );
+              return `<li class="zap-selector-mint-list-item${isShared ? ' shared' : ''}">${escapeHtml(m)}${isShared ? ' ✓' : ''}</li>`;
+            }).join('')}
+          </ul>
+        </div>`
+      : '';
+
+    const overlay = document.createElement('div');
+    overlay.className = 'zap-selector-overlay';
+    overlay.innerHTML = `
+      <div class="zap-selector" role="dialog" aria-modal="true" aria-label="Send nutzap">
+        <div class="zap-selector-title">🥜 Nutzap</div>
+        ${balanceDisplay}
+        <div class="zap-selector-presets">
+          <button type="button" class="zap-preset" data-amount="21">🥜21</button>
+          <button type="button" class="zap-preset" data-amount="100">🥜100</button>
+          <button type="button" class="zap-preset" data-amount="500">🥜500</button>
+          <button type="button" class="zap-preset" data-amount="1000">🥜1K</button>
+          <button type="button" class="zap-preset" data-amount="5000">🥜5K</button>
+        </div>
+        <label class="zap-selector-label">
+          Amount (sats)
+          <input class="zap-selector-amount" type="number" min="1" step="1" value="${normalizedDefaultAmount}" />
+        </label>
+        <div class="zap-selector-warning" data-warning="insufficient-balance"></div>
+        ${sharedMintInfoHtml}
+        ${recipientMintsListHtml}
+        <label class="zap-selector-label">
+          Comment (optional)
+          <textarea class="zap-selector-comment" rows="3" placeholder="Nice post 🥜">${escapeHtml(normalizedDefaultComment)}</textarea>
+        </label>
+        <label class="zap-selector-label" style="display:flex;align-items:center;gap:8px;">
+          <input class="zap-selector-enable" type="checkbox" ${defaultShouldZap ? 'checked' : ''} />
+          Send nutzap
+        </label>
+        <div class="zap-selector-actions">
+          <button type="button" class="zap-cancel">Cancel</button>
+          <button type="button" class="zap-save-default">Save as default</button>
+          <button type="button" class="zap-send">Send</button>
+        </div>
+      </div>
+    `;
+
+    const amountEl = overlay.querySelector('.zap-selector-amount');
+    const commentEl = overlay.querySelector('.zap-selector-comment');
+    const sendBtn = overlay.querySelector('.zap-send');
+    const saveDefaultBtn = overlay.querySelector('.zap-save-default');
+    const cancelBtn = overlay.querySelector('.zap-cancel');
+    const enableZapEl = overlay.querySelector('.zap-selector-enable');
+    const presetButtons = Array.from(overlay.querySelectorAll('.zap-preset'));
+    const warningEl = overlay.querySelector('[data-warning="insufficient-balance"]');
+
+    const parseCurrentValues = () => {
+      const amountSats = Number(amountEl?.value || 0);
+      const comment = String(commentEl?.value || '').trim();
+      const shouldZap = Boolean(enableZapEl?.checked);
+      return { amountSats, comment, shouldZap };
+    };
+
+    const updateBalanceWarning = () => {
+      if (!warningEl) return;
+      const { amountSats } = parseCurrentValues();
+      const balance = Number(balanceSats);
+      const insufficient = Number.isFinite(balance)
+        && balance >= 0
+        && Number.isFinite(amountSats)
+        && amountSats > balance;
+      warningEl.textContent = insufficient ? 'Insufficient balance' : '';
+      warningEl.style.display = insufficient ? '' : 'none';
+    };
+
+    const selectPreset = (button) => {
+      presetButtons.forEach((btn) => btn.classList.toggle('active', btn === button));
+      if (amountEl && button?.dataset?.amount) {
+        amountEl.value = button.dataset.amount;
+      }
+      updateBalanceWarning();
+    };
+
+    presetButtons.forEach((button) => {
+      button.addEventListener('click', () => selectPreset(button));
+    });
+
+    amountEl?.addEventListener('input', () => {
+      presetButtons.forEach((btn) => btn.classList.remove('active'));
+      updateBalanceWarning();
+    });
+
+    saveDefaultBtn?.addEventListener('click', async () => {
+      const { amountSats, comment } = parseCurrentValues();
+      if (!Number.isFinite(amountSats) || amountSats <= 0) {
+        amountEl?.focus();
+        return;
+      }
+
+      if (typeof onSaveDefault === 'function') {
+        try {
+          await onSaveDefault({ amountSats, comment });
+          saveDefaultBtn.textContent = 'Saved';
+          setTimeout(() => {
+            if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+          }, 1200);
+        } catch (error) {
+          console.error('[zaps] Save as default failed:', error?.message || error, error);
+          saveDefaultBtn.textContent = 'Save failed';
+          setTimeout(() => {
+            if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+          }, 1200);
+        }
+        return;
+      }
+
+      console.warn('[zaps] Save as default unavailable: onSaveDefault callback not provided');
+      saveDefaultBtn.textContent = 'Unavailable';
+      setTimeout(() => {
+        if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+      }, 1200);
+    });
+
+    sendBtn?.addEventListener('click', () => {
+      const { amountSats, comment, shouldZap } = parseCurrentValues();
+      if (shouldZap && (!Number.isFinite(amountSats) || amountSats <= 0)) {
+        amountEl?.focus();
+        return;
+      }
+      closeActiveZapModal({ amountSats, comment, shouldZap }, resolve);
+    });
+
+    cancelBtn?.addEventListener('click', () => closeActiveZapModal(null, resolve));
+    overlay.addEventListener('click', (event) => {
+      if (event.target === overlay) closeActiveZapModal(null, resolve);
+    });
+
+    const onEscape = (event) => {
+      if (event.key !== 'Escape') return;
+      document.removeEventListener('keydown', onEscape);
+      closeActiveZapModal(null, resolve);
+    };
+    document.addEventListener('keydown', onEscape);
+
+    activeZapModalEl = overlay;
+    document.body.appendChild(overlay);
+    const defaultPreset = presetButtons.find((btn) => Number(btn.dataset?.amount || 0) === normalizedDefaultAmount);
+    if (defaultPreset) {
+      selectPreset(defaultPreset);
+    } else {
+      presetButtons.forEach((btn) => btn.classList.remove('active'));
+    }
+    updateBalanceWarning();
     amountEl?.focus();
   });
 }
@@ -506,3 +775,170 @@ export function extractZapComment(event) {
   }
   return '';
 }
+
+// =============================================================================
+// ZAP CAPABILITY RESOLUTION (Phase 3 — feed-upgrade)
+// =============================================================================
+//
+// resolveZapCapabilities(pubkey) determines, at a glance, which zap rails are
+// available for a given recipient pubkey:
+//   - canLightning: recipient has a lud16 Lightning address (NIP-57 via Cashu melt)
+//   - canNutzap:    recipient has a kind 10019 mint list (NIP-61) AND at least
+//                   one of those mints overlaps with the sender's wallet mints
+//   - sharedMints:  the overlapping mint URLs (empty when no overlap)
+//   - nutzapMints:  all mints declared on the recipient's kind 10019
+//   - lud16:        the recipient's Lightning address (or null)
+//
+// Results are cached per-pubkey in an in-memory Map with a 5-minute TTL so
+// repeated feed renders do not refetch. The cache is best-effort and safe to
+// clear on page navigation (see clearZapCapabilitiesCache).
+
+const ZAP_CAP_CACHE_TTL_MS = 5 * 60 * 1000;
+const zapCapCache = new Map(); // pubkey -> { result, expiresAt }
+
+/**
+ * Clear the in-memory zap-capability cache.
+ * Safe to call on page navigation; subsequent calls will refetch.
+ */
+export function clearZapCapabilitiesCache() {
+  zapCapCache.clear();
+}
+
+/**
+ * Normalize a mint URL for comparison (trim + strip trailing slashes).
+ * @param {string} url
+ * @returns {string}
+ */
+function normalizeMintForCompare(url) {
+  return String(url || '').trim().replace(/\/+$/, '').toLowerCase();
+}
+
+/**
+ * Resolve which zap rails are available for a given pubkey.
+ *
+ * @param {string} pubkey - The recipient's pubkey (hex)
+ * @param {Object} options
+ * @param {Function} [options.fetchProfile] - profile-cache fetcher (kind 0)
+ * @param {Function} [options.fetchMintList] - walletFetchMintList(pubkey) -> { hasMintList, mints, ... }
+ * @param {Function} [options.getSenderMints] - walletGetMints() -> { mints: [...] }
+ * @param {boolean} [options.useCache=true] - whether to consult the in-memory cache
+ * @param {string} [options.logPrefix='[zaps]']
+ * @returns {Promise<{canLightning:boolean, canNutzap:boolean, sharedMints:string[], nutzapMints:string[], lud16:string|null, hasMintList:boolean}>}
+ */
+export async function resolveZapCapabilities(pubkey, options = {}) {
+  const {
+    fetchProfile: fetchProfileFn,
+    fetchMintList,
+    getSenderMints,
+    useCache = true,
+    logPrefix = '[zaps]'
+  } = options;
+
+  const recipient = String(pubkey || '').trim();
+  if (!recipient) {
+    return {
+      canLightning: false,
+      canNutzap: false,
+      sharedMints: [],
+      nutzapMints: [],
+      lud16: null,
+      hasMintList: false
+    };
+  }
+
+  // --- Cache lookup ---------------------------------------------------------
+  const now = Date.now();
+  if (useCache) {
+    const cached = zapCapCache.get(recipient);
+    if (cached && cached.expiresAt > now) {
+      return cached.result;
+    }
+  }
+
+  // --- Lightning capability (lud16 from kind 0) -----------------------------
+  let lud16 = null;
+  let canLightning = false;
+  if (typeof fetchProfileFn === 'function') {
+    try {
+      const profile = await fetchProfileFn(recipient);
+      const normalized = normalizeLud16(profile?.lud16);
+      if (normalized) {
+        lud16 = normalized;
+        canLightning = true;
+      }
+    } catch (error) {
+      console.warn(`${logPrefix} resolveZapCapabilities: profile fetch failed`, error?.message || error);
+    }
+  }
+
+  // --- Nutzap capability (kind 10019 + shared mint overlap) -----------------
+  let nutzapMints = [];
+  let sharedMints = [];
+  let canNutzap = false;
+  let hasMintList = false;
+
+  if (typeof fetchMintList === 'function') {
+    try {
+      const mintList = await fetchMintList(recipient);
+      const rawMints = Array.isArray(mintList?.mints)
+        ? mintList.mints.map((m) => String(m || '').trim()).filter(Boolean)
+        : [];
+      nutzapMints = Array.from(new Set(rawMints));
+      hasMintList = Boolean(mintList?.hasMintList) && nutzapMints.length > 0;
+
+      if (hasMintList) {
+        // Determine the sender's wallet mints to compute overlap.
+        let senderMints = [];
+        if (typeof getSenderMints === 'function') {
+          try {
+            const senderResult = await getSenderMints();
+            senderMints = Array.isArray(senderResult?.mints)
+              ? senderResult.mints.map((m) => String(m || '').trim()).filter(Boolean)
+              : [];
+          } catch (error) {
+            console.warn(`${logPrefix} resolveZapCapabilities: sender mints fetch failed`, error?.message || error);
+          }
+        }
+
+        if (senderMints.length > 0) {
+          const senderSet = new Set(senderMints.map(normalizeMintForCompare));
+          sharedMints = nutzapMints.filter((m) => senderSet.has(normalizeMintForCompare(m)));
+          canNutzap = sharedMints.length > 0;
+        } else {
+          // No sender wallet mints available yet — cannot confirm a shared mint,
+          // so we do not claim canNutzap. The recipient still has a mint list,
+          // which the UI may render in a muted state.
+          canNutzap = false;
+        }
+      }
+    } catch (error) {
+      console.warn(`${logPrefix} resolveZapCapabilities: mint list fetch failed`, error?.message || error);
+    }
+  }
+
+  const result = {
+    canLightning,
+    canNutzap,
+    sharedMints,
+    nutzapMints,
+    lud16,
+    hasMintList
+  };
+
+  // --- Cache store ----------------------------------------------------------
+  zapCapCache.set(recipient, {
+    result,
+    expiresAt: Date.now() + ZAP_CAP_CACHE_TTL_MS
+  });
+
+  console.log(`${logPrefix} resolveZapCapabilities:ok`, {
+    recipient: recipient.slice(0, 8) + '…',
+    canLightning,
+    canNutzap,
+    hasMintList,
+    sharedMints: sharedMints.length,
+    nutzapMints: nutzapMints.length
+  });
+
+  return result;
+}

www/keep-alive.html

@@ -241,7 +241,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/msg.html

@@ -457,7 +457,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/music.html

@@ -221,6 +221,38 @@
       margin: 4px 0 2px;
     }
 
+    #musicUploadSection {
+      border: 1px solid var(--border-color);
+      border-radius: var(--border-radius);
+      padding: 8px;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      background: rgba(255, 255, 255, 0.02);
+    }
+
+    #musicUploadSection input,
+    #musicUploadSection button {
+      width: 100%;
+      border: 1px solid var(--border-color);
+      border-radius: var(--border-radius);
+      padding: 8px;
+      font-size: 12px;
+      background: var(--secondary-color);
+      color: var(--primary-color);
+      outline: none;
+    }
+
+    #musicUploadSection button {
+      cursor: pointer;
+    }
+
+    #musicUploadStatus {
+      font-size: 11px;
+      color: var(--muted-color);
+      min-height: 16px;
+    }
+
     #musicPlaylistProfile {
       border: var(--border);
       border-radius: var(--border-radius);
@@ -1136,7 +1168,10 @@
         <div class="musicSidebarTitle">MY PLAYLISTS</div>
         <ul id="musicMyPlaylistsList" class="musicPlaylistList"></ul>
 
-        <div class="musicSidebarTitle">FRIENDS</div>
+        <div class="musicSidebarTitle" style="display:flex; align-items:center; justify-content:space-between; gap:8px;">
+          <span>FRIENDS</span>
+          <button id="musicLoadFriendsBtn" class="btn musicMiniBtn" type="button">Load</button>
+        </div>
         <ul id="musicFriendPlaylistsList" class="musicPlaylistList"></ul>
 
         <div class="musicSidebarTitle">AI IMPORT</div>
@@ -1152,6 +1187,16 @@
           <div id="musicImportStatus"></div>
           <div id="musicImportResults"></div>
         </section>
+
+        <div class="musicSidebarTitle">UPLOAD TRACK</div>
+        <section id="musicUploadSection">
+          <input id="musicUploadFile" type="file" accept="audio/*" />
+          <input id="musicUploadTitle" type="text" placeholder="Title (optional)" />
+          <input id="musicUploadArtist" type="text" placeholder="Artist (optional)" />
+          <input id="musicUploadAlbum" type="text" placeholder="Album (optional)" />
+          <button id="musicUploadBtn" class="btn" type="button">Upload to Gruuv</button>
+          <div id="musicUploadStatus">Sign in to upload.</div>
+        </section>
       </aside>
       <div class="musicGutter resizableColumnsGutter" data-gutter-index="0" aria-hidden="true"></div>
 
@@ -1333,7 +1378,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
@@ -1367,18 +1412,18 @@
     import { HamburgerMorphing } from "./hamburger_morphing/hamburger.mjs";
     import { initFooterRelayStatus, updateFooterRelayStatus, initSidenavRelaySection, updateSidenavRelaySection, setRelayActivityState } from './js/relay-ui.mjs';
     import { initBlossomSection, updateBlossomSection } from './js/blossom-ui.mjs';
-    
     import { initAiSectionWithLocalConfig } from './js/ai-ui.mjs';
-import { GreyscaleAPI } from './js/greyscale-api.mjs';
+    import { GruuvAPI } from './js/gruuv-api.mjs';
     import { SimplePlayer } from './js/greyscale-player.mjs';
     import { sendAiChatJson } from './js/ai-chat.mjs';
+    import { uploadGruuvTrack } from './js/gruuv-upload.mjs';
     import {
       PLAYLIST_KIND,
       buildPlaylistEvent,
       createPlaylistIdentifier,
       parsePlaylistEvent,
       isMusicPlaylistEvent,
-    } from './js/greyscale-playlists.mjs';
+    } from './js/gruuv-playlists.mjs';
     import { mountDotMenu } from './js/dot-menu.mjs';
     import { initResizableColumns } from './js/resizable-columns.mjs';
     import {
@@ -1467,6 +1512,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       playlistDescriptionInput: document.getElementById('musicPlaylistDescriptionInput'),
       myPlaylistsList: document.getElementById('musicMyPlaylistsList'),
       friendPlaylistsList: document.getElementById('musicFriendPlaylistsList'),
+      loadFriendsBtn: document.getElementById('musicLoadFriendsBtn'),
       importDropZone: document.getElementById('musicImportDropZone'),
       importInput: document.getElementById('musicImportInput'),
       importProcessing: document.getElementById('musicImportProcessing'),
@@ -1484,9 +1530,15 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       viewerPubkeyInput: document.getElementById('musicViewerPubkeyInput'),
       viewerLoadBtn: document.getElementById('musicViewerLoadBtn'),
       viewerInfo: document.getElementById('musicViewerInfo'),
+      uploadFileInput: document.getElementById('musicUploadFile'),
+      uploadTitleInput: document.getElementById('musicUploadTitle'),
+      uploadArtistInput: document.getElementById('musicUploadArtist'),
+      uploadAlbumInput: document.getElementById('musicUploadAlbum'),
+      uploadBtn: document.getElementById('musicUploadBtn'),
+      uploadStatus: document.getElementById('musicUploadStatus'),
     };
 
-    const musicApi = new GreyscaleAPI();
+    const musicApi = new GruuvAPI();
     const musicPlayer = new SimplePlayer({
       audio: musicEls.audio,
       progressEl: musicEls.progress,
@@ -1503,6 +1555,8 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
 
     const myPlaylists = new Map();
     const friendPlaylists = new Map();
+    let friendsFeedEnabled = false;
+    let playlistSubscription = null;
     let musicQueue = [];
     let queueCurrentIndex = -1;
     let musicResultsMode = 'search';
@@ -1535,6 +1589,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
     let pendingShareUrl = '';
     let pendingShareArtUrl = '';
     let pendingShareLabel = '';
+    let isGruuvUploadRunning = false;
 
     const BLANK_IMAGE_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
     const MUSIC_COLUMN_STORAGE_KEY = 'music-column-widths:v1';
@@ -1606,6 +1661,76 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       musicEls.status.dataset.type = type;
     }
 
+    function setUploadStatus(text) {
+      if (!musicEls.uploadStatus) return;
+      musicEls.uploadStatus.textContent = String(text || '').trim();
+    }
+
+    function updateUploadUiState() {
+      const canUpload = Boolean(isAuthenticated && currentPubkey);
+      if (musicEls.uploadBtn) {
+        musicEls.uploadBtn.disabled = !canUpload || isGruuvUploadRunning;
+      }
+      if (musicEls.uploadFileInput) {
+        musicEls.uploadFileInput.disabled = isGruuvUploadRunning;
+      }
+      if (musicEls.uploadTitleInput) {
+        musicEls.uploadTitleInput.disabled = isGruuvUploadRunning;
+      }
+      if (musicEls.uploadArtistInput) {
+        musicEls.uploadArtistInput.disabled = isGruuvUploadRunning;
+      }
+      if (musicEls.uploadAlbumInput) {
+        musicEls.uploadAlbumInput.disabled = isGruuvUploadRunning;
+      }
+
+      if (!canUpload && !isGruuvUploadRunning) {
+        setUploadStatus('Sign in to upload.');
+      }
+    }
+
+    async function handleGruuvUploadClick() {
+      if (isGruuvUploadRunning) return;
+
+      try {
+        await promptLoginIfNeeded();
+      } catch (error) {
+        setUploadStatus(`Login required: ${error?.message || 'Unknown error'}`);
+        return;
+      }
+
+      const file = musicEls.uploadFileInput?.files?.[0];
+      if (!file) {
+        setUploadStatus('Choose an audio file first.');
+        return;
+      }
+
+      isGruuvUploadRunning = true;
+      updateUploadUiState();
+      setUploadStatus(`Uploading ${file.name}...`);
+
+      try {
+        const result = await uploadGruuvTrack(file, {
+          title: musicEls.uploadTitleInput?.value?.trim() || '',
+          artist: musicEls.uploadArtistInput?.value?.trim() || '',
+          album: musicEls.uploadAlbumInput?.value?.trim() || '',
+        });
+
+        const title = result?.event?.tags?.find((t) => t?.[0] === 'title')?.[1] || file.name;
+        setUploadStatus(`Uploaded: ${title}`);
+        setMusicStatus(`Uploaded track to Gruuv: ${title}`, 'ok');
+
+        if (musicEls.uploadFileInput) musicEls.uploadFileInput.value = '';
+      } catch (error) {
+        console.error('[music upload] upload failed', error);
+        setUploadStatus(`Upload failed: ${error?.message || 'Unknown error'}`);
+        setMusicStatus(`Upload failed: ${error?.message || 'Unknown error'}`, 'error');
+      } finally {
+        isGruuvUploadRunning = false;
+        updateUploadUiState();
+      }
+    }
+
     function resolveAuthModeFromUrl() {
       const explicitAuth = getExplicitAuthModeFromUrl();
       if (explicitAuth) return explicitAuth;
@@ -1688,6 +1813,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       if (musicEls.playlistNameInput) {
         musicEls.playlistNameInput.disabled = isReadOnlyTargetMode();
       }
+      updateUploadUiState();
     }
 
     async function initializeAuthentication(mode) {
@@ -1744,6 +1870,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       await initializeAuthenticatedPageFeatures();
       syncLoggedInNpubToUrl();
       updateViewerControls();
+      updateUploadUiState();
       return true;
     }
 
@@ -1840,7 +1967,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
     function normalizeQueueTrack(track) {
       if (!track || typeof track !== 'object') return null;
       return {
-        id: track.id,
+        id: String(track.id || ''),
         title: track.title || 'Unknown title',
         artist: track.artist || 'Unknown artist',
         duration: track.duration || 0,
@@ -1848,6 +1975,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
         albumTitle: track.albumTitle || '',
         albumId: track.albumId || track.album?.id || track.raw?.album?.id || '',
         artistId: track.artistId || track.artist?.id || track.raw?.artist?.id || track.raw?.artists?.[0]?.id || '',
+        streamUrl: track.streamUrl || track.raw?.streamUrl || '',
       };
     }
 
@@ -2406,6 +2534,14 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
     }
 
     function renderFriendPlaylists() {
+      if (!friendsFeedEnabled && !isExternalTargetMode()) {
+        destroyMountedMenuInstances(mountedMusicMenus.friendPlaylists);
+        if (musicEls.loadFriendsBtn) musicEls.loadFriendsBtn.textContent = 'Load';
+        musicEls.friendPlaylistsList.innerHTML = '<li class="musicPlaylistMeta">Friend playlists are paused. Click Load to fetch.</li>';
+        return;
+      }
+
+      if (musicEls.loadFriendsBtn) musicEls.loadFriendsBtn.textContent = 'Loaded';
       const items = Array.from(friendPlaylists.values()).sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));
       if (!items.length) {
         destroyMountedMenuInstances(mountedMusicMenus.friendPlaylists);
@@ -2713,14 +2849,20 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
         return false;
       }
 
-      const exists = (playlist.tracks || []).some((item) => Number(item?.id) === Number(track?.id));
+      const trackId = String(track?.id || '').trim();
+      if (!trackId) {
+        if (!silent) setMusicStatus('Track is missing an id.', 'error');
+        return false;
+      }
+
+      const exists = (playlist.tracks || []).some((item) => String(item?.id || '').trim() === trackId);
       if (exists) {
         if (!silent) setMusicStatus('Track already in playlist.', 'neutral');
         return false;
       }
 
       playlist.tracks.push({
-        id: track.id,
+        id: trackId,
         title: track.title || '',
         artist: track.artist || '',
         duration: track.duration || 0,
@@ -3178,13 +3320,13 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
         return;
       }
 
-      const existingIds = new Set((playlist.tracks || []).map((track) => Number(track?.id)).filter((id) => Number.isFinite(id)));
+      const existingIds = new Set((playlist.tracks || []).map((track) => String(track?.id || '').trim()).filter(Boolean));
       let added = 0;
       let skipped = 0;
 
       for (const track of importMatchedTracks) {
-        const id = Number(track?.id);
-        if (!Number.isFinite(id) || existingIds.has(id)) {
+        const id = String(track?.id || '').trim();
+        if (!id || existingIds.has(id)) {
           skipped += 1;
           continue;
         }
@@ -3243,55 +3385,192 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       clearPlaylistDropIndicator();
     }
 
-    function hydratePlaylistFromEvent(event, isFriend = false) {
+    async function resolveTracksByAddresses(addresses = []) {
+      const ids = Array.isArray(addresses) ? addresses.filter(Boolean) : [];
+      if (!ids.length) return new Map();
+
+      if (musicApi && typeof musicApi.getTracksByAddresses === 'function') {
+        return musicApi.getTracksByAddresses(ids);
+      }
+
+      console.warn('[music] Falling back to coordinate search: musicApi.getTracksByAddresses() unavailable');
+      const map = new Map();
+      for (const id of ids) {
+        try {
+          const result = await musicApi.searchTracks(id);
+          const items = Array.isArray(result?.items) ? result.items : [];
+          const match = items.find((item) => String(item?.id || '').trim() === id) || items[0] || null;
+          if (match) {
+            const prepared = musicApi.prepareTrack(match) || match;
+            map.set(id, prepared);
+          }
+        } catch (error) {
+          console.warn('[music] resolveTracksByAddresses fallback search failed', { id, error });
+        }
+      }
+      return map;
+    }
+
+    async function hydratePlaylistFromEvent(event, isFriend = false) {
       const parsed = parsePlaylistEvent(event);
       if (!parsed || !isMusicPlaylistEvent(event)) return;
 
-      if (isFriend) {
-        const key = getFriendPlaylistRouteKey(parsed);
-        if (key) friendPlaylists.set(key, parsed);
-        renderFriendPlaylists();
-      } else {
-        const existing = myPlaylists.get(parsed.identifier);
-        myPlaylists.set(parsed.identifier, {
-          identifier: parsed.identifier,
-          title: parsed.title,
-          description: parsed.description,
-          image: parsed.image,
-          banner: parsed.banner || '',
-          tracks: parsed.tracks,
-          pubkey: parsed.pubkey,
-          eventId: parsed.eventId,
-          createdAt: parsed.createdAt,
-          raw: parsed.raw,
-          ...(existing || {}),
-        });
-        savePlaylistsLocal();
-        renderMyPlaylists();
-      }
+      const commitPlaylist = (playlist, expectedEventId = '') => {
+        const shouldSkipAsStale = (existing) => {
+          if (!existing) return false;
+          const existingCreatedAt = Number(existing?.createdAt || 0);
+          const incomingCreatedAt = Number(playlist?.createdAt || 0);
+          const existingEventId = String(existing?.eventId || '').trim();
+          const incomingEventId = String(playlist?.eventId || '').trim();
+
+          if (
+            expectedEventId
+            && existingEventId
+            && existingEventId !== expectedEventId
+            && existingCreatedAt >= incomingCreatedAt
+          ) {
+            return true;
+          }
+
+          if (
+            !expectedEventId
+            && existingEventId
+            && incomingEventId
+            && existingEventId !== incomingEventId
+            && existingCreatedAt > incomingCreatedAt
+          ) {
+            return true;
+          }
+
+          return false;
+        };
 
-      const urlEpisode = String(getEpisodeFromUrl() || '').trim();
-      if (urlEpisode && parsed.identifier === urlEpisode && !selectedPlaylistId) {
         if (isFriend) {
-          const key = getFriendPlaylistRouteKey(parsed);
-          if (key) openFriendPlaylistByKey(key);
+          const key = getFriendPlaylistRouteKey(playlist);
+          if (!key) return;
+          const existing = friendPlaylists.get(key) || null;
+          if (shouldSkipAsStale(existing)) return;
+          friendPlaylists.set(key, playlist);
+          renderFriendPlaylists();
         } else {
-          openMyPlaylistByIdentifier(parsed.identifier);
-        }
-      }
+          const existing = myPlaylists.get(playlist.identifier) || null;
+          if (shouldSkipAsStale(existing)) return;
 
-      if (activePlaylistView?.scope && activePlaylistView?.playlist?.identifier === parsed.identifier) {
-        activePlaylistView = { ...activePlaylistView, playlist: parsed };
-        renderPlaylistProfileCard();
+          myPlaylists.set(playlist.identifier, {
+            ...(existing || {}),
+            identifier: playlist.identifier,
+            title: playlist.title,
+            description: playlist.description,
+            image: playlist.image,
+            banner: playlist.banner || '',
+            tracks: playlist.tracks,
+            pubkey: playlist.pubkey,
+            eventId: playlist.eventId,
+            createdAt: playlist.createdAt,
+            raw: playlist.raw,
+          });
+          savePlaylistsLocal();
+          renderMyPlaylists();
+        }
+
+        const activeKey = getFriendPlaylistRouteKey(playlist);
+        const shouldRefreshVisibleResults = (
+          (musicResultsMode === 'my-playlist' && musicResultsPlaylistId === playlist.identifier)
+          || (musicResultsMode === 'friend-playlist' && !!activeKey && musicResultsPlaylistId === activeKey)
+        );
+        if (shouldRefreshVisibleResults) {
+          musicTracks = Array.isArray(playlist.tracks) ? [...playlist.tracks] : [];
+          renderMusicResults(musicTracks);
+        }
+
+        const urlEpisode = String(getEpisodeFromUrl() || '').trim();
+        if (urlEpisode && playlist.identifier === urlEpisode && !selectedPlaylistId) {
+          if (isFriend) {
+            const key = getFriendPlaylistRouteKey(playlist);
+            if (key) openFriendPlaylistByKey(key);
+          } else {
+            openMyPlaylistByIdentifier(playlist.identifier);
+          }
+        }
+
+        if (activePlaylistView?.scope && activePlaylistView?.playlist?.identifier === playlist.identifier) {
+          activePlaylistView = { ...activePlaylistView, playlist };
+          renderPlaylistProfileCard();
+        }
+      };
+
+      commitPlaylist(parsed);
+
+      const trackIds = Array.isArray(parsed.trackIds) ? parsed.trackIds.filter(Boolean) : [];
+      console.log('[music] hydratePlaylistFromEvent parsed', {
+        identifier: parsed.identifier,
+        eventId: parsed.eventId,
+        createdAt: parsed.createdAt,
+        trackIdsCount: trackIds.length,
+        trackIds,
+      });
+      if (!trackIds.length) return;
+
+      try {
+        const resolvedByAddress = await resolveTracksByAddresses(trackIds);
+        console.log('[music] hydratePlaylistFromEvent resolved', {
+          identifier: parsed.identifier,
+          requested: trackIds.length,
+          resolved: resolvedByAddress?.size || 0,
+        });
+        const hydratedTracks = trackIds.map((id, index) => {
+          const base = parsed.tracks?.[index] || { id };
+          const resolved = resolvedByAddress?.get?.(id) || null;
+          if (resolved) {
+            const prepared = musicApi.prepareTrack(resolved) || resolved;
+            return {
+              ...base,
+              ...prepared,
+              id,
+              unavailable: false,
+            };
+          }
+
+          return {
+            ...base,
+            id,
+            title: String(base?.title || '').trim() || 'Unavailable track',
+            artist: String(base?.artist || '').trim() || 'Unknown artist',
+            duration: Number(base?.duration) || 0,
+            cover: String(base?.cover || '').trim(),
+            albumTitle: String(base?.albumTitle || '').trim(),
+            streamUrl: String(base?.streamUrl || '').trim(),
+            unavailable: true,
+          };
+        });
+
+        commitPlaylist({
+          ...parsed,
+          tracks: hydratedTracks,
+        }, parsed.eventId || '');
+      } catch (error) {
+        console.warn('[music] Failed to hydrate playlist tracks from a-tags', {
+          playlist: parsed.identifier,
+          error,
+        });
       }
     }
 
     function subscribeAllPlaylists() {
-      const filter = { kinds: [PLAYLIST_KIND], '#t': ['music'], limit: 600 };
+      const filter = { kinds: [PLAYLIST_KIND], limit: 600 };
       if (isExternalTargetMode()) {
         filter.authors = [targetPubkey];
+      } else if (!friendsFeedEnabled && currentPubkey) {
+        filter.authors = [currentPubkey];
       }
-      subscribe(
+
+      try {
+        playlistSubscription?.close?.();
+      } catch {
+        // ignore stale subscription handle errors
+      }
+
+      playlistSubscription = subscribe(
         filter,
         { closeOnEose: false, cacheUsage: 'PARALLEL' }
       );
@@ -3302,6 +3581,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       if (!evt || typeof evt !== 'object') return;
       if (evt.kind !== PLAYLIST_KIND || !isMusicPlaylistEvent(evt)) return;
       if (isExternalTargetMode() && evt.pubkey !== targetPubkey) return;
+      if (!friendsFeedEnabled && !isExternalTargetMode() && evt.pubkey !== currentPubkey) return;
 
       const treatAsMine = Boolean(
         currentPubkey
@@ -4342,14 +4622,70 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
 
     async function fetchDownloadBlobForTrack(track) {
       if (!track?.id) throw new Error('Track not available for download.');
-      const stream = await musicApi.getTrackStream(track.id, 'LOSSLESS');
-      const streamUrl = stream?.streamUrl;
-      if (!streamUrl) throw new Error('No stream URL for download');
-      const res = await fetch(streamUrl);
-      if (!res.ok) throw new Error(`HTTP ${res.status}`);
-      const blob = await res.blob();
-      const ext = extensionFromMime(blob.type);
-      return { blob, ext };
+
+      console.debug('[music][download] start', {
+        trackId: track.id,
+        title: track.title || '',
+      });
+
+      const qualityCandidates = ['DIRECT'];
+      let lastError = null;
+
+      for (const quality of qualityCandidates) {
+        try {
+          console.debug('[music][download] requesting stream', { trackId: track.id, quality });
+
+          const stream = await musicApi.getTrackStream(track.id);
+          const streamUrl = stream?.streamUrl;
+          if (!streamUrl) {
+            lastError = new Error(`No stream URL for quality ${quality}`);
+            console.warn('[music][download] missing stream URL', { trackId: track.id, quality });
+            continue;
+          }
+
+          console.debug('[music][download] fetching stream URL', {
+            trackId: track.id,
+            quality,
+            streamUrl,
+          });
+
+          const res = await fetch(streamUrl);
+          if (!res.ok) {
+            lastError = new Error(`HTTP ${res.status} for quality ${quality}`);
+            console.warn('[music][download] fetch failed', {
+              trackId: track.id,
+              quality,
+              status: res.status,
+              statusText: res.statusText,
+            });
+            continue;
+          }
+
+          const blob = await res.blob();
+          const ext = extensionFromMime(blob.type);
+          console.debug('[music][download] success', {
+            trackId: track.id,
+            quality,
+            mimeType: blob.type,
+            size: blob.size,
+            ext,
+          });
+          return { blob, ext };
+        } catch (error) {
+          lastError = error instanceof Error ? error : new Error(String(error || 'Unknown error'));
+          console.warn('[music][download] quality attempt threw', {
+            trackId: track.id,
+            quality,
+            error: lastError.message,
+          });
+        }
+      }
+
+      console.error('[music][download] all quality attempts failed', {
+        trackId: track.id,
+        error: lastError?.message || 'No stream URL for download',
+      });
+      throw (lastError || new Error('No stream URL for download'));
     }
 
     async function downloadTrackFile(track, { suppressStatus = false } = {}) {
@@ -4528,6 +4864,7 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       installImageFallbacks();
 
       initMusicResizableColumns();
+      updateUploadUiState();
 
       musicPlayer.onTrackChanged = (track) => {
         updateMusicPlayerMeta(track);
@@ -4551,6 +4888,10 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
         applyTargetPubkeyFromInput();
       });
 
+      musicEls.uploadBtn?.addEventListener('click', async () => {
+        await handleGruuvUploadClick();
+      });
+
       musicEls.results.addEventListener('click', async (event) => {
 
         const playAlbumNow = event.target.closest('[data-play-album-now]');
@@ -4777,6 +5118,15 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
         navigate(`/playlist/${encodeURIComponent(pubkey)}/${encodeURIComponent(identifier)}`);
       });
 
+      musicEls.loadFriendsBtn?.addEventListener('click', () => {
+        if (isExternalTargetMode()) return;
+        if (friendsFeedEnabled) return;
+        friendsFeedEnabled = true;
+        setMusicStatus('Loading friend playlists…', 'neutral');
+        renderFriendPlaylists();
+        subscribeAllPlaylists();
+      });
+
       musicEls.playlistNameInput?.addEventListener('keydown', async (event) => {
         if (event.key !== 'Enter') return;
         event.preventDefault();
@@ -5070,11 +5420,16 @@ import { GreyscaleAPI } from './js/greyscale-api.mjs';
       }
       loadQueueLocal();
       updateViewerControls();
+      friendsFeedEnabled = isExternalTargetMode();
+      if (musicEls.loadFriendsBtn) {
+        musicEls.loadFriendsBtn.disabled = isExternalTargetMode();
+        musicEls.loadFriendsBtn.textContent = isExternalTargetMode() ? 'Auto' : 'Load';
+      }
       renderMyPlaylists();
       renderFriendPlaylists();
       renderQueue();
-      subscribeAllPlaylists();
       window.addEventListener('ndkEvent', handleMusicNdkEvent);
+      subscribeAllPlaylists();
 
       if (!window.location.hash) {
         const episodeRoute = getEpisodeRouteFromUrlContext();

www/note.html

@@ -253,6 +253,24 @@
     #divHeaderText {
       outline: none;
     }
+
+    #txtDecryptTrace {
+      font-family: var(--font-mono);
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    #divDiagnosticBadge {
+      display: inline-block;
+      margin-left: 10px;
+      padding: 4px 8px;
+      border: 1px solid #b45309;
+      border-radius: 4px;
+      color: #b45309;
+      font-size: 12px;
+      font-weight: 700;
+      letter-spacing: 0.02em;
+    }
   </style>
   <script src="./js/marked.min.js"></script>
 </head>
@@ -330,10 +348,15 @@
         <td class="tdTitle">Autosave</td>
         <td id="txtAutosave" class="tdEditable" contenteditable="true">10</td>
       </tr>
+      <tr>
+        <td class="tdTitle">Decrypt Trace</td>
+        <td id="txtDecryptTrace">None</td>
+      </tr>
       <tr>
         <td class="tdTitle"></td>
         <td>
           <button id="btnSaveNote" class="btn">Save Note</button>
+          <span id="divDiagnosticBadge" class="clsHidden">DIAGNOSTIC VIEW — do not save</span>
         </td>
       </tr>
     </table>
@@ -413,7 +436,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
@@ -449,10 +472,13 @@ const versionInfo = await getVersion();
     let OBJ_NOTES = {};
     let CURRENT_NOTE = "";
     let ENCRYPTED_TAG_TYPES = ["title", "image", "summary", "t"];
+    const MAX_DECRYPT_PASSES = 8;
     let EDIT_MODE = false;
     let LastText = "";
     let NUM_LAST_EDIT_TIME = Math.floor(Date.now() / 1000);
     let numAutoSaveSec = 30;
+    let CURRENT_DECRYPT_TRACE = null;
+    let DIAGNOSTIC_ACTIVE = false;
 
     /* ================================================================
        DOM VARIABLES
@@ -478,6 +504,8 @@ const versionInfo = await getVersion();
     const divHeaderText = document.getElementById('divHeaderText');
     const tblTags = document.getElementById('tblTags');
     const divFiles = document.getElementById('divFiles');
+    const txtDecryptTrace = document.getElementById('txtDecryptTrace');
+    const divDiagnosticBadge = document.getElementById('divDiagnosticBadge');
 
     /* ================================================================
        HAMBURGER MENU
@@ -549,6 +577,195 @@ const versionInfo = await getVersion();
     /* ================================================================
        NOTE FUNCTIONS
        ================================================================ */
+    async function nip44DecryptFromSelf(ciphertext) {
+      const selfPubkey = String(currentPubkey || await getPubkey() || '').trim();
+      if (!selfPubkey) throw new Error('Missing pubkey for NIP-44 decryption');
+      if (!window.nostr?.nip44?.decrypt) throw new Error('NIP-44 decrypt unavailable');
+      return await window.nostr.nip44.decrypt(selfPubkey, String(ciphertext || ''));
+    }
+
+    async function nip04DecryptFromSelf(ciphertext) {
+      const selfPubkey = String(currentPubkey || await getPubkey() || '').trim();
+      if (!selfPubkey) throw new Error('Missing pubkey for NIP-04 decryption');
+      if (!window.nostr?.nip04?.decrypt) throw new Error('NIP-04 decrypt unavailable');
+      return await window.nostr.nip04.decrypt(selfPubkey, String(ciphertext || ''));
+    }
+
+    function looksLikeNip04Ciphertext(input) {
+      const text = String(input || '').trim();
+      return /^[A-Za-z0-9+/_-]+={0,2}\?iv=[A-Za-z0-9+/_-]+={0,2}$/.test(text);
+    }
+
+    function looksLikeBase64(input) {
+      const text = String(input || '').trim();
+      if (!text || text.length < 24 || text.length % 4 !== 0) return false;
+      return /^[A-Za-z0-9+/]+={0,2}$/.test(text);
+    }
+
+    function looksLikeNip44Ciphertext(input) {
+      const text = String(input || '').trim();
+      if (!looksLikeBase64(text)) return false;
+      try {
+        const decoded = atob(text);
+        if (!decoded || decoded.length < 2) return false;
+        const versionByte = decoded.charCodeAt(0);
+        return versionByte === 1 || versionByte === 2;
+      } catch (_error) {
+        return false;
+      }
+    }
+
+    function classifyCiphertext(input) {
+      const text = String(input || '').trim();
+      if (!text) return 'plaintext';
+      if (looksLikeNip04Ciphertext(text)) return 'nip04';
+      if (looksLikeNip44Ciphertext(text)) return 'nip44';
+
+      if (/[\n\r\t]/.test(text) || /[#*_`\[\]{}()]/.test(text)) {
+        return 'plaintext';
+      }
+
+      if (looksLikeBase64(text)) return 'base64-unknown';
+      return 'plaintext';
+    }
+
+    async function decryptOnePass(input) {
+      const text = String(input || '').trim();
+      const kind = classifyCiphertext(text);
+      const methods = kind === 'nip04'
+        ? ['nip04', 'nip44']
+        : ['nip44', 'nip04'];
+
+      for (const method of methods) {
+        try {
+          const output = method === 'nip44'
+            ? await nip44DecryptFromSelf(text)
+            : await nip04DecryptFromSelf(text);
+          return {
+            ok: true,
+            method,
+            text: String(output || '')
+          };
+        } catch (_error) {
+          // try next method
+        }
+      }
+
+      return {
+        ok: false,
+        method: null,
+        text
+      };
+    }
+
+    async function peelDecrypt(input, maxPasses = MAX_DECRYPT_PASSES) {
+      let current = String(input || '').trim();
+      const trace = [];
+      let stoppedReason = 'max-passes';
+
+      for (let pass = 1; pass <= maxPasses; pass++) {
+        const beforeClass = classifyCiphertext(current);
+        if (beforeClass === 'plaintext') {
+          stoppedReason = 'plaintext';
+          break;
+        }
+
+        const one = await decryptOnePass(current);
+        if (!one.ok) {
+          stoppedReason = 'decrypt-failed';
+          break;
+        }
+
+        trace.push({
+          pass,
+          method: one.method,
+          inLength: current.length,
+          outLength: one.text.length
+        });
+
+        current = String(one.text || '');
+      }
+
+      return {
+        finalText: current,
+        trace,
+        stoppedReason,
+        finalClass: classifyCiphertext(current)
+      };
+    }
+
+    function formatDecryptTrace(diag) {
+      if (!diag) return 'None';
+      const passes = Number(diag.passes || 0);
+      const methods = Array.isArray(diag.methods) && diag.methods.length > 0
+        ? diag.methods.join(' → ')
+        : 'none';
+      const reason = String(diag.stoppedReason || 'unknown');
+      const finalClass = String(diag.finalClass || 'unknown');
+      const finalLength = Number(diag.finalLength || 0);
+      return `passes=${passes} | methods=${methods} | stop=${reason} | final=${finalClass} | len=${finalLength}`;
+    }
+
+    async function peelTagsMaybeEncrypted(objTags) {
+      const safe = objTags && typeof objTags === 'object' ? { ...objTags } : {};
+
+      for (const key of ['title', 'image', 'summary']) {
+        const value = String(safe[key] || '').trim();
+        if (!value) continue;
+        const result = await peelDecrypt(value, 3);
+        safe[key] = result.trace.length > 0 ? result.finalText : value;
+      }
+
+      if (Array.isArray(safe.t)) {
+        const decryptedTags = [];
+        for (const tagValue of safe.t) {
+          const value = String(tagValue || '').trim();
+          if (!value) continue;
+          const result = await peelDecrypt(value, 3);
+          decryptedTags.push(result.trace.length > 0 ? result.finalText : value);
+        }
+        safe.t = decryptedTags;
+      }
+
+      return safe;
+    }
+
+    async function ensureNoteDiagnostics(note) {
+      if (!note || Number(note.kind) !== 30024) return note;
+      if (note.decryptDiagnostics) return note;
+
+      const peel = await peelDecrypt(String(note.content || ''));
+      const decryptedTags = await peelTagsMaybeEncrypted(note.objTags || {});
+
+      note.decryptedContent = peel.finalText;
+      note.decryptedObjTags = decryptedTags;
+      note.decryptDiagnostics = {
+        passes: peel.trace.length,
+        methods: peel.trace.map((step) => String(step.method || '').toUpperCase()),
+        stoppedReason: peel.stoppedReason,
+        finalClass: peel.finalClass,
+        finalLength: String(peel.finalText || '').length
+      };
+
+      return note;
+    }
+
+    function setDiagnosticUI(note) {
+      CURRENT_DECRYPT_TRACE = note?.decryptDiagnostics || null;
+      txtDecryptTrace.textContent = formatDecryptTrace(CURRENT_DECRYPT_TRACE);
+
+      DIAGNOSTIC_ACTIVE = Boolean(
+        Number(note?.kind) === 30024 &&
+        (Number(CURRENT_DECRYPT_TRACE?.passes || 0) > 0 || CURRENT_DECRYPT_TRACE?.stoppedReason === 'decrypt-failed')
+      );
+
+      if (DIAGNOSTIC_ACTIVE) {
+        divDiagnosticBadge.className = '';
+      } else {
+        divDiagnosticBadge.className = 'clsHidden';
+      }
+    }
+
     const LoadSidenav = async () => {
       // Subscribe to long-form notes (kind 30023 and 30024)
       const notesSub = subscribe(
@@ -561,8 +778,8 @@ const versionInfo = await getVersion();
 
       // Get notes from cache via events
       let htmlOut = `<table id="tblNotes">`;
-      htmlOut += `<tr><th colspan="8"> NOTES </th></tr>`;
-      htmlOut += `<tr><th colspan="8"> &nbsp </th></tr>`;
+      htmlOut += `<tr><th colspan="10"> NOTES </th></tr>`;
+      htmlOut += `<tr><th colspan="10"> &nbsp </th></tr>`;
       htmlOut += `<tr>
         <th>Evt</th>
         <th>Del</th>
@@ -573,21 +790,26 @@ const versionInfo = await getVersion();
         <th>Edited</th>
         <th>Type</th>
         <th>Encrypted</th>
+        <th>Layers</th>
         </tr>`;
 
       // Build table from OBJ_NOTES
       for (let Each of Object.keys(OBJ_NOTES).sort((a, b) => b - a)) {
+        const note = OBJ_NOTES[Each];
+        if (Number(note?.kind) === 30024) {
+          await ensureNoteDiagnostics(note);
+        }
+
         let d = new Date(Number(Each) * 1000);
         let dCreated = d.toLocaleString();
-        d = new Date(Number(OBJ_NOTES[Each].created_at) * 1000);
+        d = new Date(Number(note?.created_at) * 1000);
         let dEdited = d.toLocaleString();
 
-        const dTagValue = OBJ_NOTES[Each].objTags?.d ?? `${OBJ_NOTES[Each].created_at} (from created_at)`;
+        const dTagValue = note?.objTags?.d ?? `${note?.created_at} (from created_at)`;
+        const rowTitle = note?.decryptedObjTags?.title || note?.objTags?.title || 'Untitled';
 
-        let Status = "Published";
         let svgPub = `<div class="divTableButtons"></div>`;
-        if (OBJ_NOTES[Each].kind == 30024) {
-          Status = "Encrypted";
+        if (note?.kind == 30024) {
           svgPub = `<div id="divSVGPublish-${Each}" class="divTableButtons">➜</div>`;
         }
 
@@ -595,12 +817,13 @@ const versionInfo = await getVersion();
           <td class="col5"> <div id="divSVG-${Each}" class="divTableButtons">📋</div> </td>
           <td class="col5"> <div id="divSVGDelete-${Each}" class="divTableButtons">✕</div> </td>
           <td class="col5"> ${svgPub} </td>
-          <td class="col0" id="divFileID-${Each}">${OBJ_NOTES[Each].objTags?.title || 'Untitled'}</td>
+          <td class="col0" id="divFileID-${Each}">${rowTitle}</td>
           <td class="col1">${dTagValue}</td>
           <td class="col1">${dCreated}</td>
           <td class="col1">${dEdited}</td>
-          <td class="col3">${OBJ_NOTES[Each].kind} </td>
-          <td class="col3">${OBJ_NOTES[Each].encrypted ? 'Yes' : 'No'} </td>
+          <td class="col3">${note?.kind} </td>
+          <td class="col3">${note?.encrypted ? 'Yes' : 'No'} </td>
+          <td class="col3">${note?.kind == 30024 ? Number(note?.decryptDiagnostics?.passes || 0) : '-'}</td>
         </tr>`;
       }
 
@@ -656,9 +879,14 @@ const versionInfo = await getVersion();
 
         // Save when switching from edit to view mode if there are unsaved changes
         if (taNote.value.trim() !== LastText) {
-          console.log('[autosave] Switching to view mode with unsaved changes - triggering save');
-          await Publish30024Note();
-          LastText = taNote.value.trim();
+          if (DIAGNOSTIC_ACTIVE) {
+            console.log('[autosave] Diagnostic view active - skipping implicit save');
+            LastText = taNote.value.trim();
+          } else {
+            console.log('[autosave] Switching to view mode with unsaved changes - triggering save');
+            await Publish30024Note();
+            LastText = taNote.value.trim();
+          }
         }
       }
     };
@@ -672,15 +900,24 @@ const versionInfo = await getVersion();
         return;
       }
 
-      taNote.value = OBJ_NOTES[id].content || '';
-      LastText = OBJ_NOTES[id].content || '';
-      txtTitle.textContent = OBJ_NOTES[id].objTags?.title || '';
-      divTitle.textContent = OBJ_NOTES[id].objTags?.title || '';
-      txtSummary.textContent = OBJ_NOTES[id].objTags?.summary || '';
-      txtTags.textContent = OBJ_NOTES[id].objTags?.t?.join(' ') || '';
+      const note = OBJ_NOTES[id];
+      await ensureNoteDiagnostics(note);
+
+      const displayTags = note.decryptedObjTags || note.objTags || {};
+      const displayContent = Number(note.kind) === 30024
+        ? String(note.decryptedContent || note.content || '')
+        : String(note.content || '');
+
+      taNote.value = displayContent;
+      LastText = taNote.value.trim();
+      txtTitle.textContent = displayTags?.title || '';
+      divTitle.textContent = displayTags?.title || '';
+      txtSummary.textContent = displayTags?.summary || '';
+      txtTags.textContent = displayTags?.t?.join(' ') || '';
 
       CURRENT_NOTE = id;
       txtID.textContent = CURRENT_NOTE;
+      setDiagnosticUI(note);
 
       // Parse markdown for preview
       console.log('[note.html] LoadNote - window.marked exists:', !!window.marked);
@@ -699,11 +936,11 @@ const versionInfo = await getVersion();
         console.log('[note.html] No content to display - reason:', reason);
       }
 
-      if (OBJ_NOTES[id].objTags?.image === "" || !OBJ_NOTES[id].objTags?.image) {
+      if (displayTags?.image === "" || !displayTags?.image) {
         txtImg.textContent = "";
         imgMain.className = "clsHidden";
       } else {
-        txtImg.textContent = OBJ_NOTES[id].objTags.image;
+        txtImg.textContent = displayTags.image;
         imgMain.className = "clsVisible";
       }
 
@@ -932,7 +1169,7 @@ const versionInfo = await getVersion();
         );
 
         // Listen for incoming note events
-        window.addEventListener('ndkEvent', (event) => {
+        window.addEventListener('ndkEvent', async (event) => {
           const evt = event.detail;
           if (evt.kind === 30023 || evt.kind === 30024) {
             console.log("[note.html] Received note:", evt);
@@ -957,6 +1194,14 @@ const versionInfo = await getVersion();
               objTags: objTags,
               encrypted: evt.kind === 30024
             };
+
+            if (evt.kind === 30024) {
+              await ensureNoteDiagnostics(OBJ_NOTES[dTag]);
+            }
+
+            if (isNavOpen) {
+              LoadSidenav();
+            }
           }
         });
 
@@ -982,6 +1227,7 @@ const versionInfo = await getVersion();
           txtSummary.textContent = "";
           txtTags.textContent = "";
           divHeaderText.textContent = "TITLE";
+          setDiagnosticUI(null);
           SetEditMode(true);
           closeNav();
         });
@@ -1042,6 +1288,11 @@ const versionInfo = await getVersion();
             return;
           }
 
+          if (DIAGNOSTIC_ACTIVE) {
+            console.log('[autosave] Skipping: diagnostic mode active');
+            return;
+          }
+
           // Skip if not enough time passed since last edit
           const secondsSinceEdit = Math.floor(Date.now() / 1000) - NUM_LAST_EDIT_TIME;
           // console.log('[autosave] Seconds since edit:', secondsSinceEdit, '| required:', autoSaveSetting);

www/notifications.html

@@ -356,7 +356,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/npub.html

@@ -161,7 +161,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-svg.min.js"></script>
 
   <script type="module">

www/old/bunker.html

@@ -145,7 +145,7 @@
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
   <script src="./ndk-core.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
   <script type="text/javascript" src="./js/qrcode-generator.min.js"></script>
 
   <script type="module">

www/old/db_relay.html

@@ -378,7 +378,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/old/event.html

@@ -301,7 +301,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, getRelayData, fetchEventsFromAllRelays, ndkFetchEvents, queryCache } from './js/init-ndk.mjs';

www/old/links.html

@@ -169,7 +169,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/old/relay-test.html

@@ -157,7 +157,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/old/skills-demo.html

@@ -1015,7 +1015,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/old/stream-ctrl.html

@@ -325,7 +325,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/old/stream.html

@@ -323,7 +323,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/people.html

@@ -253,7 +253,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/post.html

@@ -202,7 +202,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/profile.html

@@ -268,7 +268,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import { initNDKPage, getPubkey, injectHeaderAvatar, subscribe, publishEvent, disconnect, getVersion, updateVersionDisplay } from './js/init-ndk.mjs';

www/relay-admin.html

@@ -514,7 +514,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/relays.html

@@ -7,6 +7,7 @@
   <title>RELAYS</title>
 
   <link rel="stylesheet" href="./css/client.css" />
+  <link rel="stylesheet" href="./css/sidenav-sections.css" />
 
   <!-- Initialize theme BEFORE any components load -->
   <script>
@@ -256,6 +257,10 @@
        ================================================================ -->
   <div id="divBody" class="clsBodyFull">
     <div id="divRelays">Loading relays...</div>
+    <div id="divDiscoveredRelaysWrap" style="width:100%;margin:10px 0 0 0;overflow-x:auto;">
+      <div id="divDiscoveredRelaysTitle" style="font-size:120%;margin-bottom:6px;cursor:pointer;user-select:none;">▸ Discovered Relays (Outbox)</div>
+      <div id="divDiscoveredRelays" style="display:none;max-height:300px;overflow-y:auto;"></div>
+    </div>
     <div id="divRelayEventsWrap">
       <div id="divRelayEvents" class="relay-events-stream"></div>
     </div>
@@ -326,13 +331,13 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================
        IMPORTS
        ================================================================ */
-    import { initNDKPage, getPubkey, injectHeaderAvatar, disconnect, getRelayData, getRelayStats, reconnectRelay, publishEvent, getVersion, updateVersionDisplay, ndkFetchEvents } from './js/init-ndk.mjs';
+    import { initNDKPage, getPubkey, injectHeaderAvatar, disconnect, getRelayData, getRelayStats, reconnectRelay, publishEvent, getVersion, updateVersionDisplay, ndkFetchEvents, setRelayEventLogging, getDiscoveredRelays } from './js/init-ndk.mjs';
     import { HamburgerMorphing } from "./hamburger_morphing/hamburger.mjs";
     import { initFooterRelayStatus, updateFooterRelayStatus, initSidenavRelaySection, updateSidenavRelaySection, setRelayActivityState } from './js/relay-ui.mjs';
 
@@ -370,6 +375,7 @@ const versionInfo = await getVersion();
     let selectedRelayUrl = null; // Relay row currently selected for debug event history
     const relayEventHistory = new Map(); // relay.url -> [{ timestamp, rawTimestamp, eventType, side, summary }]
     const relayUiStats = new Map(); // relay.url -> { readCount, writeCount }
+    let connectionHistoryEnabled = false; // Toggled via sidenav; gates live relay event logging
 
     const RELAY_EVENTS_DB_NAME = 'relay-events';
     const RELAY_EVENTS_DB_VERSION = 1;
@@ -417,7 +423,45 @@ const versionInfo = await getVersion();
       if (hamburgerInstance) {
         hamburgerInstance.animateTo('arrow_left');
       }
-      divSideNavBody.innerHTML = "Relay management options coming soon...";
+      const historyEnabled = localStorage.getItem('relayConnectionHistory') === 'true';
+      connectionHistoryEnabled = historyEnabled;
+      divSideNavBody.innerHTML = `
+  <div id="divRelaySettings" style="display:flex;align-items:center;padding:4px 10px;cursor:pointer;font-size:80%;color:var(--primary-color);">
+    <span style="flex:1;">Show connection history</span>
+    <div id="divHistoryToggleCheckbox" class="divSvg" style="width:16px;height:16px;flex-shrink:0;">${historyEnabled ? SVG_CHECKED : SVG_UNCHECKED}</div>
+  </div>
+`;
+
+      // Wire up the connection history toggle
+      const divHistoryToggle = document.getElementById('divHistoryToggleCheckbox');
+      if (divHistoryToggle) {
+        const toggleHistory = () => {
+          const checked = !connectionHistoryEnabled;
+          connectionHistoryEnabled = checked;
+          localStorage.setItem('relayConnectionHistory', checked);
+          setRelayEventLogging(checked);
+          divHistoryToggle.innerHTML = checked ? SVG_CHECKED : SVG_UNCHECKED;
+          const wrap = document.getElementById('divRelayEventsWrap');
+          if (wrap) {
+            wrap.style.display = checked ? '' : 'none';
+          }
+          if (checked) {
+            if (selectedRelayUrl) {
+              loadRelayEventsFromDb(selectedRelayUrl);
+            }
+            renderRelayEventsForSelectedRelay();
+          } else {
+            if (divRelayEvents) {
+              divRelayEvents.innerHTML = '';
+            }
+          }
+        };
+        divHistoryToggle.addEventListener('click', (e) => {
+          e.stopPropagation();
+          toggleHistory();
+        });
+        document.getElementById('divRelaySettings').addEventListener('click', toggleHistory);
+      }
       
       // Initialize version bar buttons when sidenav opens (lazy load)
       if (!logoutHamburger) {
@@ -942,7 +986,9 @@ const versionInfo = await getVersion();
       if (!relayUrl) return;
       selectedRelayUrl = normalizeRelayUrlForDb(relayUrl);
       await createRelayTable(currentRelayList);
-      await loadRelayEventsFromDb(selectedRelayUrl);
+      if (connectionHistoryEnabled) {
+        await loadRelayEventsFromDb(selectedRelayUrl);
+      }
       renderRelayEventsForSelectedRelay();
     };
     
@@ -1267,10 +1313,112 @@ const versionInfo = await getVersion();
       }
 
       if (selectedRelayUrl === normalizedRelayUrl) {
-        renderRelayEventsForSelectedRelay();
+        // Incremental append instead of full re-render
+        const sideClass = side === 'client' ? 'client' : 'relay';
+        const label = side === 'client' ? 'CLIENT ➜ RELAY' : 'RELAY ➜ CLIENT';
+        const dataPart = summary ? `\n${summary}` : '';
+        const text = `[${timestamp}] ${label} ${eventType.toUpperCase()}${dataPart}`;
+        const row = document.createElement('div');
+        row.className = `relay-event-row ${sideClass}`;
+        const bubble = document.createElement('div');
+        bubble.className = 'relay-event-bubble';
+        bubble.textContent = text;
+        row.appendChild(bubble);
+        divRelayEvents.appendChild(row);
+
+        // Remove oldest if over 1000
+        while (divRelayEvents.children.length > 1000) {
+          divRelayEvents.removeChild(divRelayEvents.firstChild);
+        }
+
+        divRelayEvents.scrollTop = divRelayEvents.scrollHeight;
       }
     };
 
+    const shortNpub = (hex) => {
+      if (!hex || hex.length < 16) return hex || '-';
+      return `${hex.slice(0, 8)}…${hex.slice(-4)}`;
+    };
+
+    let discoveredRelaysExpanded = false;
+
+    const renderDiscoveredRelays = (relays) => {
+      const container = document.getElementById('divDiscoveredRelays');
+      const title = document.getElementById('divDiscoveredRelaysTitle');
+      if (!container || !title) return;
+
+      if (!discoveredRelaysExpanded) {
+        container.style.display = 'none';
+        title.textContent = `▸ Discovered Relays (Outbox)${relays.length > 0 ? ` (${relays.length})` : ''}`;
+        return;
+      }
+
+      title.textContent = `▾ Discovered Relays (Outbox) (${relays.length})`;
+      container.style.display = '';
+
+      if (relays.length === 0) {
+        container.innerHTML = '<div style="padding:8px;color:var(--muted-color);font-size:80%;">No discovered relays. Load the feed page to populate outbox relays from your follows.</div>';
+        return;
+      }
+
+      // Filter out relays with no serving pubkeys — if no follows use this
+      // relay, there's no reason to show it in the discovered relays list.
+      const relaysWithFollows = relays.filter(r =>
+        Array.isArray(r.servingPubkeys) && r.servingPubkeys.length > 0
+      );
+
+      if (relaysWithFollows.length === 0) {
+        container.innerHTML = '<div style="padding:8px;color:var(--muted-color);font-size:80%;">No discovered relays with active follow data. Load the feed page to populate outbox relays from your follows.</div>';
+        return;
+      }
+
+      let html = '<table style="width:100%;font-size:70%;border-collapse:collapse;">';
+      html += '<thead><tr>';
+      html += '<th class="tblCol tblColLeft" style="border:0.1px solid var(--muted-color);padding:4px;">Relay</th>';
+      html += '<th class="tblCol tblColCenter" style="border:0.1px solid var(--muted-color);padding:4px;">Connected</th>';
+      html += '<th class="tblCol tblColRight" style="border:0.1px solid var(--muted-color);padding:4px;">Serving</th>';
+      html += '<th class="tblCol tblColLeft" style="border:0.1px solid var(--muted-color);padding:4px;">Follows</th>';
+      html += '</tr></thead><tbody>';
+
+      for (const relay of relaysWithFollows) {
+        const connected = relay.connected ? SVG_CHECKED : SVG_UNCHECKED;
+        const servingCount = Array.isArray(relay.servingPubkeys) ? relay.servingPubkeys.length : 0;
+        const followsList = Array.isArray(relay.servingNames) && relay.servingNames.length > 0
+          ? relay.servingNames.join(', ')
+          : (Array.isArray(relay.servingPubkeys) ? relay.servingPubkeys.map(shortNpub).join(', ') : '-');
+        const rowClass = relay.connected ? 'tblRowConnected' : '';
+
+        html += `<tr class="${rowClass}">`;
+        html += `<td class="tblCol tblColLeft tblColRelay" style="border:0.1px solid var(--muted-color);padding:4px;" title="${relay.url}">${relay.url}</td>`;
+        html += `<td class="tblCol tblColCenter" style="border:0.1px solid var(--muted-color);padding:4px;">${connected}</td>`;
+        html += `<td class="tblCol tblColRight" style="border:0.1px solid var(--muted-color);padding:4px;">${servingCount}</td>`;
+        html += `<td class="tblCol tblColLeft" style="border:0.1px solid var(--muted-color);padding:4px;font-family:monospace;word-break:break-all;">${followsList}</td>`;
+        html += '</tr>';
+      }
+
+      html += '</tbody></table>';
+      container.innerHTML = html;
+    };
+
+    const refreshDiscoveredRelays = async () => {
+      try {
+        const relays = await getDiscoveredRelays();
+        renderDiscoveredRelays(Array.isArray(relays) ? relays : []);
+      } catch (error) {
+        console.warn('[relays.html] Failed to fetch discovered relays:', error?.message || error);
+        renderDiscoveredRelays([]);
+      }
+    };
+
+    const initDiscoveredRelaysToggle = () => {
+      const title = document.getElementById('divDiscoveredRelaysTitle');
+      if (!title) return;
+      title.addEventListener('click', () => {
+        discoveredRelaysExpanded = !discoveredRelaysExpanded;
+        refreshDiscoveredRelays();
+      });
+    };
+
     const refreshRelayData = async () => {
       console.log('[relay2.html] Refreshing relay data...');
       try {
@@ -1403,6 +1551,7 @@ const versionInfo = await getVersion();
         // Note: We need to listen on the worker port, not window
         // This will be set up via a custom event from init-ndk.mjs
         window.addEventListener('ndkRelayEvent', (event) => {
+          if (!connectionHistoryEnabled) return;
           const { relayUrl, event: eventType, data, timestamp, side } = event.detail;
           logRelayEvent(relayUrl, eventType, data, timestamp, side);
         });
@@ -1433,6 +1582,9 @@ const versionInfo = await getVersion();
         
         await loadCurrentDmInboxRelayList();
 
+        // Initialize discovered relays (outbox) collapsible toggle
+        initDiscoveredRelaysToggle();
+
         // Get initial relay data
         await refreshRelayData();
         
@@ -1444,7 +1596,27 @@ const versionInfo = await getVersion();
 
         // Refresh relay table every 5 seconds
         setInterval(refreshRelayData, 5000);
-        
+
+        // Discovered relays are fetched only on manual expand click — no
+        // auto-refresh interval, to avoid blocking the worker's message queue.
+
+        // Sync connection history toggle state from localStorage
+        connectionHistoryEnabled = localStorage.getItem('relayConnectionHistory') === 'true';
+        setRelayEventLogging(connectionHistoryEnabled);
+        if (!connectionHistoryEnabled) {
+          const wrap = document.getElementById('divRelayEventsWrap');
+          if (wrap) {
+            wrap.style.display = 'none';
+          }
+        }
+
+        // Stop the worker from broadcasting relay events when the page is closing
+        window.addEventListener('beforeunload', () => {
+          if (connectionHistoryEnabled) {
+            setRelayEventLogging(false);
+          }
+        });
+
         console.log('[relay2.html] Initialization complete');
       } catch (error) {
         console.error('[relay2.html] Initialization failed:', error);

www/skills-edit.html

@@ -639,7 +639,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/slide-show.html

@@ -331,7 +331,7 @@
   </div>
 
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     import {

www/strudel.html

@@ -255,7 +255,7 @@ note("<c a f e>(3,8)")
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/template.html

@@ -144,7 +144,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/todo.html

@@ -305,7 +305,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/tools.html

@@ -508,7 +508,7 @@
        REQUIRED SCRIPTS
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/vj-playlist.html

@@ -307,7 +307,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================

www/vj.html

@@ -1535,6 +1535,7 @@
           <div id="streamingSiteFormPanel" class="hidden" style="margin-top:6px;">
             <input id="inputSiteName" class="streamInput" placeholder="Site name" />
             <input id="inputSiteStreamBaseUrl" class="streamInput" placeholder="Stream base URL (https://example.com)" />
+            <input id="inputSiteStreamUrlTemplate" class="streamInput" placeholder="Stream URL template ({base}/stream/{slug}/stream.m3u8)" />
             <input id="inputSiteRtmpServer" class="streamInput" placeholder="RTMP server (rtmp://example.com:1935/publish)" />
             <input id="inputSiteObsKeyTemplate" class="streamInput" placeholder="OBS key template ({slug}/src/{SECRET_KEY})" />
             <div style="display:flex; gap:4px; flex-wrap:wrap; margin-top:4px;">
@@ -1905,7 +1906,7 @@
        2. nostr-lite.js - Authentication modal (nostr-login-lite)
        ================================================================ -->
   <script src="./nostr.bundle.js"></script>
-  <script src="./nostr-lite.js"></script>
+  <script src="/nostr-login-lite/nostr-lite.js"></script>
 
   <script type="module">
     /* ================================================================