add destroy button

GEMINI.md

···
-# Gemini Code Assistant Context
-
-This document provides an overview of the "skypod" project to be used as context for AI-assisted development.
-
-## Project Overview
-
-**Skypod** is an offline-first, peer-to-peer RSS and podcast Progressive Web App (PWA). The primary goal is to allow a user to manage their subscriptions and listening history across multiple devices, with data synchronizing directly between them.
-
-### Architecture
-
-The application is a full-stack TypeScript project with three main components:
-
-1.  **Frontend Client:** A Preact-based single-page application built with Vite. It is responsible for all UI, managing local data in IndexedDB via **Dexie.js**, and handling the peer-to-peer communication.
-2.  **Backend Server:** A lightweight Node.js server using Express. Its primary roles are to act as a proxy for fetching and parsing external RSS feeds and to run a WebSocket-based signaling server for establishing WebRTC connections between clients.
-3.  **P2P Sync Protocol:** The core of the application is a custom peer-to-peer synchronization protocol. It uses WebRTC (via `simple-peer`) for direct communication between a user's devices. Data consistency is achieved by syncing an immutable log of actions, with ordering guaranteed by a **Hybrid Logical Clock (HLC)** implementation.
-
-### Key Technologies
-
--   **Language:** TypeScript
--   **Frontend:** Preact, Vite, Dexie.js
--   **Backend:** Node.js, Express, `ws` for WebSockets
--   **P2P & Sync:** WebRTC (`simple-peer`), Hybrid Logical Clocks
--   **Schema & Validation:** Zod
--   **Build & Tooling:** `npm` with `wireit`, ESLint, Prettier, Jest
-
-## Building and Running
-
-The project uses `npm` and `wireit` for robust script and dependency management.
-
--   **Installation:**
-    ```bash
-    npm install
-    ```
-
--   **Development:**
-    ```bash
-    npm run dev
-    ```
-    This is the primary development command. It uses `wireit` to concurrently run the Vite dev server, the backend server with `tsx` for live reloading, and watch modes for linting and type-checking. The frontend is available at `http://127.0.0.1:4000` and the backend at `http://127.0.0.1:4001`.
-
--   **Production:**
-    ```bash
-    npm run start:prod
-    ```
-    This command builds the production frontend assets with Vite and starts the backend server.
-
--   **Testing:**
-    ```bash
-    npm run test
-    ```
-    Runs the entire Jest test suite once.
-
--   **Linting & Type-Checking:**
-    ```bash
-    npm run lint
-    npm run types
-    ```
-
-## Development Conventions
-
--   **Code Style:** The project enforces a strict code style using Prettier and ESLint. Configurations can be found in `prettier.config.js` and `eslint.config.js`.
--   **Git Hooks:** A `pre-commit` hook is provided in `.githooks/` to automatically run linting and type-checking. Enable it with `git config core.hooksPath .githooks`.
--   **Path Aliases:** The codebase uses import aliases like `#common/*` and `#client/*` for clean, absolute-style imports. These are defined in `package.json` and `tsconfig.json`.
--   **P2P Sync Model:** The synchronization protocol follows a specific hybrid model:
-    -   **PULL for Catch-up:** A new client PULLS the full action history from a single, deterministically chosen `syncPartner` to efficiently get up to date.
-    -   **PUSH for Updates:** All clients PUSH their own new or offline-generated changes to all connected peers. This is not a simple broadcast; the client sends a *tailored* set of missing actions to each peer based on a handshake where "knowledge vectors" are exchanged.

src/client/components/debug-nuke.tsx

···
+import {useState} from 'preact/hooks'
+
+export const DebugNuke: preact.FunctionComponent = () => {
+  const [confirming, setConfirming] = useState(false)
+
+  const handleNuke = () => {
+    if (!confirming) {
+      setConfirming(true)
+      return
+    }
+
+    try {
+      window.indexedDB.deleteDatabase('skypod')
+      window.location.reload()
+    } catch (error) {
+      console.error('Failed to nuke database:', error)
+      alert(`Failed to delete database: ${error}`)
+      setConfirming(false)
+    }
+  }
+
+  const handleCancel = () => {
+    setConfirming(false)
+  }
+
+  return (
+    <div style={{position: 'fixed', bottom: '10px', right: '10px', zIndex: 1000}}>
+      {!confirming ? (
+        <button
+          onClick={handleNuke}
+          style={{
+            padding: '8px 16px',
+            backgroundColor: '#dc3545',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            cursor: 'pointer',
+            fontSize: '14px',
+            fontWeight: 'bold',
+          }}
+        >
+          Nuke DB
+        </button>
+      ) : (
+        <div style={{display: 'flex', gap: '8px'}}>
+          <button
+            onClick={handleNuke}
+            style={{
+              padding: '8px 16px',
+              backgroundColor: '#dc3545',
+              color: 'white',
+              border: '2px solid #fff',
+              borderRadius: '4px',
+              cursor: 'pointer',
+              fontSize: '14px',
+              fontWeight: 'bold',
+              animation: 'pulse 1s infinite',
+            }}
+          >
+            CONFIRM DELETE
+          </button>
+          <button
+            onClick={handleCancel}
+            style={{
+              padding: '8px 16px',
+              backgroundColor: '#6c757d',
+              color: 'white',
+              border: 'none',
+              borderRadius: '4px',
+              cursor: 'pointer',
+              fontSize: '14px',
+            }}
+          >
+            Cancel
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}

src/client/page-app.tsx

···
 import {DatabaseProvider} from '#client/root/context-database.js'
 import {SkypodProvider} from '#client/skypod/context'
 
+import {DebugNuke} from './components/debug-nuke'
 import {Messenger} from './components/messenger'
 import {PeerList} from './components/peer-list'
 
···
             <RealmConnectionManager />
             <PeerList />
             <Messenger />
+            <DebugNuke />
           </SkypodProvider>
         </RealmConnectionProvider>
       </RealmIdentityProvider>

src/client/realm/service-connection.ts

···
   #socketLoop = async () => {
     this.#abort.signal.throwIfAborted()
 
+    await sleep(1_000)
     await this.#pingSocket()
+
     while (!this.#abort.signal.aborted) {
       await sleep(30_000)
       await this.#pingSocket()

src/server/realm-storage.ts

···
 
     try {
       // Iterate through all actions (leveldb stores by clock which is sortable)
-      for await (const [, value] of this.#db.values({reverse: true})) {
+      for await (const value of this.#db.values({reverse: true})) {
         const stored = storedActionSchema.parse(JSON.parse(value))
         if (!states[stored.actor]) {
           states[stored.actor] = stored.clock
···
   async buildSyncDelta(clocks: Record<IdentID, LCTimestamp | null>): Promise<StoredAction[]> {
     const results: StoredAction[] = []
     try {
-      for await (const [, value] of this.#db.values()) {
+      for await (const value of this.#db.values()) {
         const stored = storedActionSchema.parse(JSON.parse(value))
         const knownClock = clocks[stored.actor]