shepherd-onboard 0.1.15 → 0.1.16

package/bin/shepherd-onboard.js

@@ -1357,7 +1357,6 @@ function renderMessagesSelectorPage(chats, token, error = "") {
   <style>
     :root {
       --bg: #fbfbfa;
-      --panel: #ffffff;
       --fg: #141614;
       --muted: #767d78;
       --faint: #9aa09b;
@@ -1365,7 +1364,7 @@ function renderMessagesSelectorPage(chats, token, error = "") {
       --green: #1f5c2e;
       --green-hover: #246836;
       --radius: 8px;
-      --grid: 20px minmax(0, 1fr) 84px 112px;
+      --grid: 20px minmax(0, 1fr) 78px 104px;
     }
     * { box-sizing: border-box; }
     body {
@@ -1378,32 +1377,30 @@ function renderMessagesSelectorPage(chats, token, error = "") {
       -webkit-font-smoothing: antialiased;
     }
     main {
-      width: min(720px, calc(100vw - 32px));
+      width: min(680px, calc(100vw - 32px));
       margin: 0 auto;
-      padding: 30px 0 28px;
+      padding: 48px 0 28px;
     }
     .header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 16px;
-      padding: 0 0 18px;
+      display: grid;
+      justify-items: center;
+      text-align: center;
+      padding: 0 0 28px;
     }
     .brand {
-      display: flex;
-      align-items: center;
-      gap: 10px;
+      display: grid;
+      justify-items: center;
+      gap: 14px;
       min-width: 0;
     }
     .logo {
-      width: 28px;
-      height: 28px;
+      width: 30px;
+      height: 30px;
       object-fit: contain;
-      flex: none;
     }
     .logo-fallback {
-      width: 28px;
-      height: 28px;
+      width: 30px;
+      height: 30px;
       border-radius: 6px;
       display: grid;
       place-items: center;
@@ -1415,36 +1412,32 @@ function renderMessagesSelectorPage(chats, token, error = "") {
     }
     h1 {
       margin: 0;
-      font-size: 19px;
+      font-size: 28px;
       line-height: 1.1;
       font-weight: 700;
       letter-spacing: 0;
     }
     .subtitle {
-      margin: 4px 0 0;
-      font-size: 13px;
+      margin: 8px 0 0;
+      font-size: 15px;
       line-height: 1.4;
       color: var(--muted);
     }
     .panel {
-      background: var(--panel);
-      border: 1px solid var(--line);
-      border-radius: var(--radius);
-      overflow: hidden;
+      background: transparent;
     }
     .panel-head {
-      padding: 12px;
-      border-bottom: 1px solid var(--line);
+      padding: 0 0 18px;
     }
     .search {
       width: 100%;
       border: 1px solid #d7d9d6;
-      border-radius: 6px;
+      border-radius: 8px;
       background: #ffffff;
       color: var(--fg);
-      padding: 9px 10px;
+      padding: 11px 12px;
       font: inherit;
-      font-size: 13px;
+      font-size: 15px;
       outline: none;
     }
     .search:focus {
@@ -1454,7 +1447,7 @@ function renderMessagesSelectorPage(chats, token, error = "") {
     }
     .search::placeholder { color: var(--faint); }
     .error {
-      margin: 10px 12px 0;
+      margin: 0 0 12px;
       color: #9B1C1C;
       font-size: 13px;
     }
@@ -1463,7 +1456,8 @@ function renderMessagesSelectorPage(chats, token, error = "") {
       grid-template-columns: var(--grid);
       gap: 12px;
       align-items: center;
-      padding: 9px 12px;
+      padding: 9px 0;
+      border-top: 1px solid var(--line);
       border-bottom: 1px solid var(--line);
       color: var(--faint);
       font-size: 11px;
@@ -1477,12 +1471,11 @@ function renderMessagesSelectorPage(chats, token, error = "") {
       grid-template-columns: var(--grid);
       gap: 12px;
       align-items: center;
-      padding: 11px 12px;
+      padding: 11px 0;
       border-bottom: 1px solid var(--line);
       cursor: pointer;
       transition: background 120ms ease;
     }
-    .chat-row:last-child { border-bottom: 0; }
     .chat-row:hover { background: #f6f7f5; }
     input[type="checkbox"] {
       position: absolute;
@@ -1558,8 +1551,8 @@ function renderMessagesSelectorPage(chats, token, error = "") {
       gap: 12px;
       position: sticky;
       bottom: 0;
-      margin-top: 12px;
-      padding: 10px 0 0;
+      margin-top: 16px;
+      padding: 12px 0 0;
       background: var(--bg);
     }
     .selection-count {
@@ -1595,7 +1588,7 @@ function renderMessagesSelectorPage(chats, token, error = "") {
         ${logo ? `<img class="logo" src="${htmlAttr(logo)}" alt="">` : `<span class="logo-fallback" aria-hidden="true">S</span>`}
         <div>
           <h1>Select chats</h1>
-          <p class="subtitle">Choose the local Messages chats Shepherd should sync.</p>
+          <p class="subtitle">Choose which local Messages chats Shepherd should sync.</p>
         </div>
       </div>
     </header>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shepherd-onboard",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Customer-facing Shepherd raw sync onboarding CLI",
   "type": "module",
   "bin": {