peach-browser / history

4bd8406af985

fix: sync hub settings — make Sync hub row tappable (remove open button), drop DEVICE FLOW label, rewrite Pair new device copy, warm note style for info box (v4.0.4)

time
2026-06-18 16:14 UTC · 4 months ago
machine
koh2
agent
claude-opus-4-8
session
sync hub pairing ux redesign
parent
a9460c1401e0

↓ peach-browser-4bd8406a.tar.gzatlas at this save

files changed2 files src/popup/styles/popup.css+7 −0src/popup/views/Settings.tsx+8 −11
src/popup/styles/popup.css+7 −0 
@@ -1332,6 +1332,13 @@13321332   margin-bottom: 8px;13331333 }13341334 1335+/* Warm helpful-context note — reads as a soft aside, not an alert. */1336+.peach-info-notice--note {1337+  background: color-mix(in srgb, var(--peach-bg-elevated, var(--peach-bg)) 88%, var(--peach-accent) 12%);1338+  border-color: color-mix(in srgb, var(--peach-accent) 18%, transparent);1339+  color: var(--peach-t2);1340+}1341+13351342 .peach-strength-row {13361343   display: flex;13371344   align-items: center;

view file

src/popup/views/Settings.tsx+8 −11 
@@ -1473,22 +1473,19 @@14731473             <span>Status</span>14741474             <span class="peach-settings-value">{isPro() ? "Ready" : "Requires Pro"}</span>14751475           </div>1476-          <div class="peach-settings-row peach-settings-row--meta">1476+          <button1477+            class="peach-settings-row peach-settings-row--meta peach-settings-row--tappable"1478+            onClick={() => props.onOpenSyncPairing?.()}1479+          >14771480             <span>Sync hub</span>1478-            <button1479-              class="peach-btn peach-btn--subtle peach-btn--sm"1480-              onClick={() => props.onOpenSyncPairing?.()}1481-            >1482-              open1483-            </button>1484-          </div>1481+            <span class="peach-settings-advanced-chevron" aria-hidden="true">›</span>1482+          </button>14851483 1486-          <p class="peach-settings-sub-label">DEVICE FLOW</p>14871484           <div class="peach-settings-row peach-settings-row--top">14881485             <div class="peach-settings-row-main">14891486               <span>Pair new device</span>14901487               <span class="peach-settings-value" style="font-size:11px;line-height:1.5;color:var(--peach-t2)">1491-                Opens the full chirp pairing console with scan, show-code, and advanced diagnostics.1488+                Add a phone, another browser, or your desktop sync helper.14921489               </span>14931490             </div>14941491             <button@@ -1530,7 +1527,7 @@15301527             </For>15311528           </Show>15321529 1533-          <div class="peach-info-notice" style="margin-top:8px">1530+          <div class="peach-info-notice peach-info-notice--note" style="margin-top:8px">15341531             Sync uses the same zero-knowledge vault format as backup and restore; pairing authorizes a device, not a cloud account.15351532           </div>15361533

view file