27a185c00aef

fix: initial sync screen — headline 'Pair a device', local-network body copy, remove redundant chirp hint line + chevron icon, drop dead mic-notice CSS (v4.0.4)

time
2026-06-18 16:15 UTC · 4 months ago
machine
koh2
agent
claude-opus-4-8
session
sync hub pairing ux redesign
parent
4bd8406af985
2 files src/popup/styles/popup.css+0 −6src/popup/views/ChirpSync.tsx+2 −9
src/popup/styles/popup.css+0 −6
@@ -9651,12 +9651,6 @@96519651   flex-direction: column;96529652   gap: 8px;96539653 }9654-.peach-chirp-mic-notice {9655-  margin: 0;9656-  font-size: 0.625rem;9657-  color: var(--peach-t2);9658-  line-height: 1.4;9659-}96609654 .peach-chirp-action-waiting {96619655   display: flex;96629656   align-items: center;

view file

src/popup/views/ChirpSync.tsx+2 −9
@@ -491,11 +491,11 @@491491       <div class="peach-chirp-copy-host">492492         <div class="peach-chirp-copy peach-chirp-copy-rest">493493           <div class="peach-chirp-headline">494-            {devices().length === 0 ? "Bring your phone close" : "Sync is ready"}494+            {devices().length === 0 ? "Pair a device" : "Sync is ready"}495495           </div>496496           <div class="peach-chirp-sub">497497             {devices().length === 0498-              ? "Peach pairs over a short, inaudible chirp — no codes, no servers."498+              ? "Sync over your local network. No cloud, no account, no servers."499499               : "Pair another device, or manage the ones already connected below."}500500           </div>501501         </div>@@ -569,14 +569,7 @@569569       </Show>570570 571571       <div class="peach-chirp-action">572-        <p class="peach-chirp-mic-notice">573-          Pair over a chirp in the same room, or with the desktop helper by code.574-        </p>575572         <button class="peach-chirp-pair-start" onClick={() => openPairMethodSelect()}>576-          <svg width="16" height="16" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">577-            <path d="M3 9 L9 3 L15 9" />578-            <path d="M3 13 L9 7 L15 13" opacity="0.5" />579-          </svg>580573           <span>{devices().length === 0 ? "Pair a device" : "Pair another device"}</span>581574         </button>582575       </div>

view file