From bac52b15acc6ee57c82a3def2cbf0daca4ea6170 Mon Sep 17 00:00:00 2001
From: Jure <44338+hoornet@users.noreply.github.com>
Date: Thu, 9 Apr 2026 18:29:43 +0200
Subject: [PATCH] =?UTF-8?q?Polish=20pass=205=20=E2=80=94=20sentence=20case?=
 =?UTF-8?q?,=20theme=20tokens,=20remaining=20a11y?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Sentence case on all button labels (Mark read, Go to settings, Try again,
  Mark all read, Disconnect, Connect wallet, Logging in, Posting, Quote & post,
  Loading, Refresh); V4V tabs capitalized
- V4VDashboard: amber-500 hard-coded colors → zap theme token
- BookmarkView: tab container rounded-sm overflow-hidden
- ToastContainer, DebugPanel, PodcastPlayerBar: aria-labels on dismiss/close buttons
- PodcastPlayerBar: ASCII x → × Unicode, ... → … Unicode
- AboutView: document bg-white on QR code as intentional
---
 src/components/bookmark/BookmarkView.tsx           | 4 ++--
 src/components/feed/Feed.tsx                       | 2 +-
 src/components/feed/QuoteModal.tsx                 | 2 +-
 src/components/notifications/NotificationsView.tsx | 2 +-
 src/components/podcast/PodcastPlayerBar.tsx        | 7 ++++---
 src/components/shared/AboutView.tsx                | 1 +
 src/components/shared/DebugPanel.tsx               | 2 +-
 src/components/shared/LoginModal.tsx               | 2 +-
 src/components/shared/NWCWizard.tsx                | 4 ++--
 src/components/shared/ToastContainer.tsx           | 1 +
 src/components/v4v/V4VDashboard.tsx                | 4 ++--
 src/components/v4v/V4VView.tsx                     | 2 +-
 src/components/zap/ZapModal.tsx                    | 4 ++--
 13 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/bookmark/BookmarkView.tsx b/src/components/bookmark/BookmarkView.tsx
index ea391c3..a55d596 100644
--- a/src/components/bookmark/BookmarkView.tsx
+++ b/src/components/bookmark/BookmarkView.tsx
@@ -27,7 +27,7 @@ function ArticleCardWithReadStatus({ event }: { event: NDKEvent }) {
           onClick={() => isRead ? markArticleUnread(fullAddr) : markArticleRead(fullAddr)}
           className="absolute right-3 top-3 text-[10px] text-text-dim hover:text-accent opacity-0 group-hover:opacity-100 transition-opacity z-10"
         >
-          {isRead ? "mark unread" : "mark read"}
+          {isRead ? "Mark unread" : "Mark read"}
         </button>
       )}
     </div>
@@ -173,7 +173,7 @@ export function BookmarkView() {
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
             <h2 className="text-text text-[13px] font-medium">Bookmarks</h2>
-            <div className="flex border border-border text-[11px]">
+            <div className="flex border border-border rounded-sm overflow-hidden text-[11px]">
               <button
                 onClick={() => setTab("notes")}
                 className={`px-3 py-0.5 transition-colors ${tab === "notes" ? "bg-accent/10 text-accent" : "text-text-muted hover:text-text"}`}
diff --git a/src/components/feed/Feed.tsx b/src/components/feed/Feed.tsx
index 045984a..e1d379b 100644
--- a/src/components/feed/Feed.tsx
+++ b/src/components/feed/Feed.tsx
@@ -182,7 +182,7 @@ export function Feed() {
             disabled={isLoading}
             className="text-text-muted hover:text-text text-[11px] px-2 py-1 border border-border hover:border-text-dim transition-colors disabled:opacity-40"
           >
-            {isLoading ? "loading…" : "refresh"}
+            {isLoading ? "Loading…" : "Refresh"}
           </button>
         </div>
       </header>
diff --git a/src/components/feed/QuoteModal.tsx b/src/components/feed/QuoteModal.tsx
index c8ca06b..d336c1f 100644
--- a/src/components/feed/QuoteModal.tsx
+++ b/src/components/feed/QuoteModal.tsx
@@ -95,7 +95,7 @@ export function QuoteModal({ event, authorName, authorAvatar, onClose, onPublish
               disabled={!canPublish}
               className="px-4 py-1.5 text-[11px] bg-accent hover:bg-accent-hover text-accent-text transition-colors disabled:opacity-30 disabled:cursor-not-allowed"
             >
-              {publishing ? "posting…" : "quote & post"}
+              {publishing ? "Posting…" : "Quote & post"}
             </button>
           </div>
         </div>
diff --git a/src/components/notifications/NotificationsView.tsx b/src/components/notifications/NotificationsView.tsx
index 4b54162..21ac625 100644
--- a/src/components/notifications/NotificationsView.tsx
+++ b/src/components/notifications/NotificationsView.tsx
@@ -43,7 +43,7 @@ export function NotificationsView() {
             onClick={markAllRead}
             className="text-[11px] text-text-dim hover:text-accent transition-colors"
           >
-            mark all read
+            Mark all read
           </button>
         )}
       </header>
diff --git a/src/components/podcast/PodcastPlayerBar.tsx b/src/components/podcast/PodcastPlayerBar.tsx
index 2a24869..0d62247 100644
--- a/src/components/podcast/PodcastPlayerBar.tsx
+++ b/src/components/podcast/PodcastPlayerBar.tsx
@@ -49,7 +49,7 @@ function ShareButton({ episode }: { episode: PodcastEpisode | null }) {
         {state === "shared" ? "shared" : state === "confirm" ? "publish?" : "share"}
       </button>
       {state === "confirm" && (
-        <button onClick={handleCancel} className="text-[10px] text-text-dim hover:text-text">x</button>
+        <button onClick={handleCancel} aria-label="Cancel share" className="text-[10px] text-text-dim hover:text-text">×</button>
       )}
     </span>
   );
@@ -291,7 +291,7 @@ export function PodcastPlayerBar() {
               <rect x="7" y="1" width="3" height="10" rx="0.5" />
             </svg>
           ) : playbackState === "loading" ? (
-            <span className="text-[10px] text-text-dim animate-pulse">...</span>
+            <span className="text-[10px] text-text-dim animate-pulse">…</span>
           ) : (
             <svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" className="text-text ml-0.5">
               <polygon points="2,1 11,6 2,11" />
@@ -354,10 +354,11 @@ export function PodcastPlayerBar() {
         {/* Close */}
         <button
           onClick={saveAndStop}
+          aria-label="Stop and close player"
           className="text-text-dim hover:text-text transition-colors shrink-0 text-[14px]"
           title="Stop"
         >
-          x
+          ×
         </button>
       </div>
       )}
diff --git a/src/components/shared/AboutView.tsx b/src/components/shared/AboutView.tsx
index ff14b19..f7fb072 100644
--- a/src/components/shared/AboutView.tsx
+++ b/src/components/shared/AboutView.tsx
@@ -31,6 +31,7 @@ function CopyButton({ text }: { text: string }) {
 function QRBlock({ value, label }: { value: string; label: string }) {
   return (
     <div className="flex flex-col items-center gap-2">
+      {/* bg-white intentional — required for QR code scan contrast */}
       <div className="bg-white p-2.5 inline-block">
         <QRCode value={value} size={120} />
       </div>
diff --git a/src/components/shared/DebugPanel.tsx b/src/components/shared/DebugPanel.tsx
index 5a7e260..df3340a 100644
--- a/src/components/shared/DebugPanel.tsx
+++ b/src/components/shared/DebugPanel.tsx
@@ -71,7 +71,7 @@ export function DebugPanel({ onClose }: { onClose: () => void }) {
       {/* Header */}
       <div className="flex items-center justify-between px-3 py-2 border-b border-border/50">
         <span className="text-text-muted uppercase tracking-widest text-[10px]">Debug</span>
-        <button onClick={onClose} className="text-text-dim hover:text-text transition-colors">×</button>
+        <button onClick={onClose} aria-label="Close debug panel" className="text-text-dim hover:text-text transition-colors">×</button>
       </div>
 
       {/* Uptime + Live Sub */}
diff --git a/src/components/shared/LoginModal.tsx b/src/components/shared/LoginModal.tsx
index 51dfe88..10ca9c3 100644
--- a/src/components/shared/LoginModal.tsx
+++ b/src/components/shared/LoginModal.tsx
@@ -71,7 +71,7 @@ function NewAccountTab({ onClose }: { onClose: () => void }) {
         disabled={!confirmed || logging}
         className="w-full px-4 py-2 text-[12px] bg-accent hover:bg-accent-hover text-accent-text transition-colors disabled:opacity-30 disabled:cursor-not-allowed"
       >
-        {logging ? "logging in…" : "create account"}
+        {logging ? "Logging in…" : "create account"}
       </button>
     </div>
   );
diff --git a/src/components/shared/NWCWizard.tsx b/src/components/shared/NWCWizard.tsx
index 84d5187..0257691 100644
--- a/src/components/shared/NWCWizard.tsx
+++ b/src/components/shared/NWCWizard.tsx
@@ -115,7 +115,7 @@ function ConnectedState({ nwcUri, onDisconnect }: { nwcUri: string; onDisconnect
           onClick={onDisconnect}
           className="text-[10px] text-text-dim hover:text-danger transition-colors shrink-0"
         >
-          disconnect
+          Disconnect
         </button>
       </div>
       <p className="text-text-dim text-[10px] px-1">
@@ -246,7 +246,7 @@ function PasteStep({
         disabled={!valid}
         className="px-4 py-1.5 text-[11px] border border-border text-text-muted hover:text-accent hover:border-accent/40 transition-colors disabled:opacity-30 disabled:cursor-not-allowed"
       >
-        connect wallet
+        Connect wallet
       </button>
     </div>
   );
diff --git a/src/components/shared/ToastContainer.tsx b/src/components/shared/ToastContainer.tsx
index b00a9fc..ded6625 100644
--- a/src/components/shared/ToastContainer.tsx
+++ b/src/components/shared/ToastContainer.tsx
@@ -23,6 +23,7 @@ export function ToastContainer() {
             <span className="text-[12px] text-text">{toast.message}</span>
             <button
               onClick={() => removeToast(toast.id)}
+              aria-label="Dismiss"
               className="text-text-dim hover:text-text transition-colors text-[12px] shrink-0"
             >
               ×
diff --git a/src/components/v4v/V4VDashboard.tsx b/src/components/v4v/V4VDashboard.tsx
index f46e878..a89a322 100644
--- a/src/components/v4v/V4VDashboard.tsx
+++ b/src/components/v4v/V4VDashboard.tsx
@@ -63,9 +63,9 @@ export function V4VDashboard() {
             Playing <span className="text-text">{episode.title}</span> — no V4V recipients.
           </div>
         ) : v4vStreaming ? (
-          <div className="bg-amber-500/5 border border-amber-500/20 rounded-sm p-3">
+          <div className="bg-zap/5 border border-zap/20 rounded-sm p-3">
             <div className="flex items-center gap-2 mb-2">
-              <span className="text-amber-400 animate-pulse text-[12px]">&#9889;</span>
+              <span className="text-zap animate-pulse text-[12px]">&#9889;</span>
               <span className="text-[12px] text-text font-medium">Streaming</span>
               {autoEnabled && (
                 <span className="text-[9px] text-accent bg-accent/10 px-1.5 py-0.5 rounded-sm">AUTO</span>
diff --git a/src/components/v4v/V4VView.tsx b/src/components/v4v/V4VView.tsx
index 42c2b1e..5db59a6 100644
--- a/src/components/v4v/V4VView.tsx
+++ b/src/components/v4v/V4VView.tsx
@@ -26,7 +26,7 @@ export function V4VView() {
                     : "border-transparent text-text-dim hover:text-text"
                 }`}
               >
-                {t}
+                {t.charAt(0).toUpperCase() + t.slice(1)}
               </button>
             ))}
           </div>
diff --git a/src/components/zap/ZapModal.tsx b/src/components/zap/ZapModal.tsx
index 6554318..d2c4087 100644
--- a/src/components/zap/ZapModal.tsx
+++ b/src/components/zap/ZapModal.tsx
@@ -70,7 +70,7 @@ export function ZapModal({ target, recipientName, onClose }: ZapModalProps) {
               onClick={() => { onClose(); setView("settings"); }}
               className="px-4 py-1.5 text-[11px] border border-accent/60 text-accent hover:bg-accent hover:text-accent-text transition-colors"
             >
-              go to settings →
+              Go to settings →
             </button>
           </div>
         )}
@@ -155,7 +155,7 @@ export function ZapModal({ target, recipientName, onClose }: ZapModalProps) {
               onClick={() => setState("idle")}
               className="w-full py-1.5 text-[11px] border border-border text-text-muted hover:text-text transition-colors"
             >
-              try again
+              Try again
             </button>
           </div>
         )}