Bump to v0.8.0 — polish, portability, discovery

Profile banner polish (hero height, click-to-lightbox, avatar overlap),
data export (bookmarks/follows/relays as JSON), relay recommendations
(discover from follows' NIP-65 lists), reading list tracking (read/unread
on bookmarked articles with sidebar badge), trending hashtags (clickable
pills on search idle screen). Updated CLAUDE.md and release notes.

src/components/shared/RelaysView.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { getNDK, getStoredRelayUrls, removeRelay, publishRelayList } from "../../lib/nostr";
+import { getNDK, getStoredRelayUrls, addRelay, removeRelay, publishRelayList, fetchRelayRecommendations } from "../../lib/nostr";
 import { useRelayHealthStore } from "../../stores/relayHealth";
 import { useUserStore } from "../../stores/user";
 import type { RelayHealthResult } from "../../lib/nostr/relayHealth";
@@ -273,6 +273,76 @@ export function RelaysView() {
             Checking relay health…
           </div>
         )}
+
+        {/* Suggested Relays */}
+        {loggedIn && <SuggestedRelays />}
+      </div>
+    </div>
+  );
+}
+
+function SuggestedRelays() {
+  const { follows } = useUserStore();
+  const [suggestions, setSuggestions] = useState<{ url: string; count: number }[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [loaded, setLoaded] = useState(false);
+
+  const handleDiscover = async () => {
+    setLoading(true);
+    try {
+      const results = await fetchRelayRecommendations(follows, getStoredRelayUrls());
+      setSuggestions(results);
+      setLoaded(true);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleAdd = (url: string) => {
+    addRelay(url);
+    setSuggestions((prev) => prev.filter((s) => s.url !== url));
+  };
+
+  return (
+    <div className="mt-6 pt-4 border-t border-border">
+      <div className="flex items-center justify-between mb-3">
+        <div>
+          <h3 className="text-text text-[11px] font-medium uppercase tracking-widest text-text-dim">Suggested Relays</h3>
+          <p className="text-text-dim text-[10px] mt-0.5">Based on relays your follows use</p>
+        </div>
+        <button
+          onClick={handleDiscover}
+          disabled={loading || follows.length === 0}
+          className="px-3 py-1 text-[11px] border border-border text-text-muted hover:text-accent hover:border-accent/40 transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
+        >
+          {loading ? (
+            <span className="inline-flex items-center gap-1">
+              <span className="w-3 h-3 border border-accent border-t-transparent rounded-full animate-spin" />
+              discovering…
+            </span>
+          ) : "discover relays"}
+        </button>
+      </div>
+
+      {loaded && suggestions.length === 0 && (
+        <p className="text-text-dim text-[11px]">No new relay suggestions found.</p>
+      )}
+
+      <div className="space-y-1">
+        {suggestions.map((s) => (
+          <div key={s.url} className="flex items-center gap-3 px-3 py-2 border border-border text-[12px] group">
+            <span className="text-text truncate flex-1 font-mono">{s.url}</span>
+            <span className="text-text-dim text-[10px] shrink-0">
+              {s.count} follow{s.count !== 1 ? "s" : ""}
+            </span>
+            <button
+              onClick={() => handleAdd(s.url)}
+              className="text-accent hover:text-accent-hover text-[10px] opacity-0 group-hover:opacity-100 transition-opacity shrink-0"
+            >
+              add
+            </button>
+          </div>
+        ))}
       </div>
     </div>
   );

src/components/shared/SettingsView.tsx

@@ -1,6 +1,9 @@
 import { useState } from "react";
+import { save } from "@tauri-apps/plugin-dialog";
+import { writeTextFile } from "@tauri-apps/plugin-fs";
 import { useUserStore } from "../../stores/user";
 import { useMuteStore } from "../../stores/mute";
+import { useBookmarkStore } from "../../stores/bookmark";
 import { getNDK, getStoredRelayUrls, addRelay, removeRelay, publishRelayList } from "../../lib/nostr";
 import { useProfile } from "../../hooks/useProfile";
 import { NWCWizard } from "./NWCWizard";
@@ -198,6 +201,68 @@ function WalletSection() {
   );
 }
 
+function ExportSection() {
+  const { follows } = useUserStore();
+  const { bookmarkedIds, bookmarkedArticleAddrs } = useBookmarkStore();
+  const [status, setStatus] = useState<"idle" | "saving" | "done" | "error">("idle");
+  const [errorMsg, setErrorMsg] = useState<string | null>(null);
+
+  const handleExport = async () => {
+    setStatus("saving");
+    setErrorMsg(null);
+    try {
+      const filePath = await save({
+        defaultPath: `wrystr-export-${new Date().toISOString().slice(0, 10)}.json`,
+        filters: [{ name: "JSON", extensions: ["json"] }],
+      });
+      if (!filePath) {
+        setStatus("idle");
+        return;
+      }
+
+      const exportData = {
+        version: 1,
+        exportedAt: new Date().toISOString(),
+        bookmarks: {
+          noteIds: bookmarkedIds,
+          articleAddrs: bookmarkedArticleAddrs,
+        },
+        follows,
+        relays: getStoredRelayUrls(),
+      };
+
+      await writeTextFile(filePath, JSON.stringify(exportData, null, 2));
+      setStatus("done");
+      setTimeout(() => setStatus("idle"), 3000);
+    } catch (err) {
+      setErrorMsg(String(err));
+      setStatus("error");
+    }
+  };
+
+  return (
+    <section>
+      <h2 className="text-text text-[11px] font-medium uppercase tracking-widest mb-2 text-text-dim">Export Data</h2>
+      <p className="text-text-dim text-[11px] mb-3">
+        Save your bookmarks, follows, and relay list to a JSON file. Your keys, your data.
+      </p>
+      <div className="flex items-center gap-3">
+        <button
+          onClick={handleExport}
+          disabled={status === "saving"}
+          className="px-3 py-1.5 text-[11px] border border-border text-text-muted hover:text-accent hover:border-accent/40 transition-colors disabled:opacity-40 disabled:cursor-not-allowed"
+        >
+          {status === "saving" ? "exporting…" : status === "done" ? "exported ✓" : "export data"}
+        </button>
+        <span className="text-text-dim text-[10px]">
+          {bookmarkedIds.length} notes · {bookmarkedArticleAddrs.length} articles · {follows.length} follows · {getStoredRelayUrls().length} relays
+        </span>
+      </div>
+      {errorMsg && <p className="text-danger text-[10px] mt-1">{errorMsg}</p>}
+    </section>
+  );
+}
+
 export function SettingsView() {
   return (
     <div className="h-full flex flex-col">
@@ -208,6 +273,7 @@ export function SettingsView() {
       <div className="flex-1 overflow-y-auto p-4 space-y-8">
         <WalletSection />
         <RelaySection />
+        <ExportSection />
         <IdentitySection />
         <MuteSection />
       </div>