@livedesk/client 0.1.53 → 0.1.55

package/bin/livedesk-client.js

@@ -621,7 +621,7 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       border-radius: 9px;
       background: linear-gradient(135deg, #2dd4bf, #2563eb);
       color: #ffffff;
-      font-weight: 950;
+      font-weight: 750;
       box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18);
     }
     .brand-copy {
@@ -630,21 +630,22 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       line-height: 1;
     }
     .brand-copy strong {
-      font-size: 15px;
+      font-size: 14px;
+      font-weight: 650;
       letter-spacing: 0;
     }
     .brand-copy span {
       color: #64748b;
       font-size: 12px;
-      font-weight: 750;
+      font-weight: 500;
     }
     .headline {
       display: grid;
       gap: 9px;
       padding-top: 16px;
     }
-    h1 { margin: 0; font-size: 32px; line-height: 1.08; letter-spacing: 0; }
-    p { margin: 0; color: #64748b; font-size: 14px; line-height: 1.55; font-weight: 650; }
+    h1 { margin: 0; font-size: 28px; line-height: 1.14; letter-spacing: 0; font-weight: 650; }
+    p { margin: 0; color: #667085; font-size: 13px; line-height: 1.6; font-weight: 450; }
     .panel {
       display: grid;
       gap: 14px;
@@ -663,12 +664,12 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
     .placement span {
       color: #64748b;
       font-size: 12px;
-      font-weight: 800;
+      font-weight: 550;
     }
     .placement strong {
       color: #111827;
       font-size: 13px;
-      font-weight: 900;
+      font-weight: 650;
     }
     .startup-option {
       display: grid;
@@ -695,42 +696,42 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
     }
     .startup-option strong {
       font-size: 13px;
-      font-weight: 900;
+      font-weight: 600;
     }
     .startup-option small {
       color: #64748b;
       text-align: left;
       font-size: 12px;
-      font-weight: 700;
+      font-weight: 450;
     }
     form {
       display: grid;
       gap: 12px;
       margin: 0;
     }
-    label {
+    .field-label {
       display: grid;
       gap: 8px;
       color: #475569;
       font-size: 12px;
-      font-weight: 900;
+      font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.04em;
     }
-    input {
+    .pin-input {
       height: 42px;
       border: 1px solid #cfd6e1;
       border-radius: 8px;
       padding: 0 12px;
       background: rgba(17, 24, 39, 0.026);
       color: #111827;
-      font-size: 22px;
-      font-weight: 950;
+      font-size: 20px;
+      font-weight: 650;
       letter-spacing: 0.18em;
       text-align: center;
       outline: 0;
     }
-    input:focus {
+    .pin-input:focus {
       border-color: #111827;
       box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
     }
@@ -744,7 +745,7 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       background: #111827;
       color: #ffffff;
       font-size: 14px;
-      font-weight: 900;
+      font-weight: 650;
       text-decoration: none;
       cursor: pointer;
       transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
@@ -772,7 +773,7 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       align-items: center;
       color: #94a3b8;
       font-size: 11px;
-      font-weight: 900;
+      font-weight: 550;
       text-transform: uppercase;
       letter-spacing: 0.08em;
     }
@@ -788,13 +789,13 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       background: rgba(254, 226, 226, 0.75);
       color: #991b1b;
       font-size: 13px;
-      font-weight: 800;
+      font-weight: 550;
     }
     small {
       color: #94a3b8;
       text-align: center;
       font-size: 12px;
-      font-weight: 750;
+      font-weight: 500;
     }
     aside {
       display: grid;
@@ -894,9 +895,9 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
           <div class="divider">or</div>
           <form id="pin-form" method="post" action="/pin">
             <input id="pin-startup" type="hidden" name="startup" value="${startup ? '1' : '0'}">
-            <label>
+            <label class="field-label">
               Hub PIN
-              <input name="pin" value="${escapeHtml(pin)}" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000" autofocus>
+              <input class="pin-input" name="pin" value="${escapeHtml(pin)}" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000" autofocus>
             </label>
             <button type="submit">Connect with PIN</button>
           </form>
@@ -1345,7 +1346,14 @@ async function prepareLoginConnection(parsed) {
     if (shouldLogin) {
         const supabase = await createSupabaseClient();
         const startupArgs = buildStartupClientArgs(parsed);
-        const savedSession = parsed.startupRun ? await refreshSessionIfNeeded(supabase) : null;
+        let savedSession = null;
+        if (parsed.startupRun) {
+            try {
+                savedSession = await refreshSessionIfNeeded(supabase);
+            } catch (err) {
+                console.warn(`LiveDesk saved sign-in could not be refreshed: ${err?.message || err}`);
+            }
+        }
         const choice = savedSession?.access_token
             ? { type: 'google', session: savedSession }
             : await chooseClientConnection(supabase, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livedesk/client",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "LiveDesk local remote client",
   "type": "module",
   "bin": {