@echomem/mcp 1.4.19 → 1.4.21

package/dist/setup-page/styles-extraction.js

@@ -139,6 +139,129 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       font-size: 12px;
       font-weight: 650;
     }
+    .localAuthStage {
+      display: grid;
+      place-items: center;
+      width: min(720px, 100%);
+      min-height: min(660px, calc(100vh - 120px));
+      margin: 0 auto;
+    }
+    .localAuthCard {
+      width: min(680px, 100%);
+      border: 1.5px solid rgba(26,58,143,0.16);
+      border-radius: 20px;
+      background: rgba(255,255,255,0.88);
+      padding: clamp(22px, 4vw, 34px);
+      box-shadow: 0 24px 60px -42px rgba(20,36,84,0.48);
+      text-align: left;
+    }
+    .localAuthLead {
+      display: grid;
+      justify-items: start;
+      gap: 10px;
+    }
+    .localAuthLead img {
+      width: 58px;
+      height: 58px;
+      object-fit: contain;
+      filter: drop-shadow(0 10px 16px rgba(26,58,143,0.18));
+    }
+    .localAuthLead h2 {
+      max-width: 610px;
+      font-size: clamp(30px, 4vw, 46px);
+      line-height: 1;
+    }
+    .localAuthLead p:not(.consentEyebrow) {
+      max-width: 590px;
+      margin: 0;
+      color: var(--echo-ink-mute);
+      font-size: 15px;
+      line-height: 1.55;
+    }
+    .localAuthForm {
+      display: grid;
+      gap: 14px;
+      margin-top: 22px;
+    }
+    .localAuthField {
+      display: grid;
+      gap: 7px;
+    }
+    .localAuthField > span {
+      font-family: var(--echo-font-mono);
+      color: var(--echo-ink-mute);
+      font-size: 11px;
+      font-weight: 800;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+    .localAuthField input {
+      width: 100%;
+      min-height: 50px;
+      border: 1px solid rgba(26,58,143,0.20);
+      border-radius: 10px;
+      background: #fff;
+      color: var(--echo-ink-text);
+      padding: 0 14px;
+      font: inherit;
+      font-size: 16px;
+      outline: none;
+    }
+    .localAuthField input:focus {
+      border-color: var(--echo-ink-primary);
+      box-shadow: 0 0 0 3px rgba(26,58,143,0.12);
+    }
+    .localAuthLegal {
+      display: grid;
+      gap: 10px;
+      border: 1px solid rgba(26,58,143,0.10);
+      border-radius: 14px;
+      background: rgba(240,239,233,0.56);
+      padding: 13px 14px;
+    }
+    .localAuthLegal label {
+      display: grid;
+      grid-template-columns: 18px minmax(0, 1fr);
+      gap: 10px;
+      align-items: start;
+      color: var(--echo-ink-mute);
+      font-size: 12px;
+      line-height: 1.45;
+    }
+    .localAuthLegal input {
+      width: 16px;
+      height: 16px;
+      margin: 2px 0 0;
+      accent-color: var(--echo-ink-primary);
+    }
+    .localAuthLegal a {
+      color: var(--echo-ink-primary);
+      font-weight: 750;
+      text-decoration: underline;
+      text-underline-offset: 2px;
+    }
+    .localAuthActions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
+      align-items: center;
+    }
+    .localAuthStatus {
+      min-height: 18px;
+      margin: 0;
+      color: var(--echo-ink-mute);
+      font-size: 13px;
+      line-height: 1.45;
+    }
+    .localAuthStatus:empty { display: none; }
+    .localAuthStatus.is-error {
+      border: 1px solid rgba(139,44,38,0.22);
+      border-radius: 10px;
+      background: #fff4ee;
+      padding: 9px 11px;
+      color: #8b2c26;
+      font-weight: 650;
+    }
     .track { height: 12px; overflow: hidden; border-radius: 999px; background: #e8e8e1; margin: 16px 0 10px; }
     .fill { height: 100%; width: 0%; background: var(--echo-ink-primary); transition: width 180ms ease; }
     /* indeterminate "we're working on it" bar for the prep phase (before job counts move) */
@@ -173,6 +296,8 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       .explainCta .promiseActions { width: 100%; }
       .explainCta .primary, .explainCta .secondary { width: 100%; }
       .consentActions .primary { width: 100%; }
+      .localAuthActions .primary,
+      .localAuthForm > .primary { width: 100%; }
       .cityHero { min-height: auto; }
       .cityShell {
         width: 100vw;
@@ -271,6 +396,11 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       border-radius: 14px;
       box-shadow: 0 18px 34px -20px rgba(26,58,143,0.62);
     }
+    .readyDecision .actions .skipHistoryButton {
+      min-height: 58px;
+      padding: 0 22px;
+      border-radius: 14px;
+    }
     .readyDecision .actions .primary:not(:disabled):hover { box-shadow: 0 22px 38px -18px rgba(26,58,143,0.66); }
     .readyDecision .actions .primary .setupGlyph { width: 19px; height: 19px; }
     /* Proof strip: one quiet line of evidence (source split), not stat cards. Centered. */
@@ -1383,6 +1513,7 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
 
     .sessionPicker {
       width: min(860px, calc(100vw - 32px));
+      height: min(780px, calc(100vh - 32px));
       max-height: min(780px, calc(100vh - 32px));
       margin: auto;
       border: 0;
@@ -1393,7 +1524,7 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       box-shadow: 0 34px 90px -30px rgba(10,18,46,0.68);
     }
     .sessionPicker::backdrop { background: rgba(13,21,43,0.62); backdrop-filter: blur(4px); }
-    .sessionPickerShell { display: grid; grid-template-rows: auto auto auto minmax(180px, 1fr) auto; max-height: min(780px, calc(100vh - 32px)); background: var(--echo-paper-white); }
+    .sessionPickerShell { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; height: 100%; min-height: 0; max-height: min(780px, calc(100vh - 32px)); overflow: hidden; background: var(--echo-paper-white); }
     .sessionPickerHead {
       display: flex;
       align-items: flex-start;
@@ -1465,9 +1596,60 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       padding: 9px 24px;
     }
     .sessionPickerActions > strong { margin-right: auto; color: var(--echo-ink-primary); font-size: 13px; font-variant-numeric: tabular-nums; }
-    .sessionPickerActions [role="status"] { color: #9b6612; font-size: 11px; font-weight: 700; }
+    .sessionPickerStatus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
     .sessionPickerActions .textButton { min-height: 32px; color: var(--echo-ink-primary); }
-    .sessionPickerList { min-height: 0; overflow-y: auto; background: var(--echo-paper-white); padding: 6px 0; }
+    .sessionPickerListWrap { position: relative; min-height: 0; overflow: hidden; background: var(--echo-paper-white); }
+    .sessionPickerList { height: 100%; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; background: var(--echo-paper-white); padding: 6px 0; }
+    .sessionPickerListWrap.is-limit-blocked .sessionPickerList {
+      filter: blur(4px);
+      opacity: 0.36;
+      pointer-events: none;
+      transform: scale(1.012);
+      transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
+      user-select: none;
+    }
+    .sessionPickerLimitOverlay {
+      position: absolute;
+      inset: 0;
+      z-index: 3;
+      display: grid;
+      place-items: center;
+      overflow-y: auto;
+      background: rgba(245,247,252,0.38);
+      padding: 20px;
+      backdrop-filter: blur(2px);
+    }
+    .sessionPickerLimitOverlay[hidden] { display: none; }
+    .sessionPickerLimitCard {
+      width: min(470px, 100%);
+      border: 1px solid rgba(26,58,143,0.18);
+      border-radius: 18px;
+      background: rgba(255,255,255,0.92);
+      padding: clamp(24px, 5vw, 36px);
+      text-align: center;
+      box-shadow: 0 24px 56px -28px rgba(20,36,84,0.46), 0 6px 18px rgba(20,24,34,0.10);
+    }
+    .sessionPickerLimitEyebrow {
+      display: inline-block;
+      color: #9b6612;
+      font-family: var(--echo-font-mono);
+      font-size: 10px;
+      font-weight: 900;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+    .sessionPickerLimitCard h3 {
+      margin: 8px 0 0;
+      color: var(--echo-ink-text);
+      font-family: var(--echo-font-brand);
+      font-size: clamp(28px, 5vw, 40px);
+      font-weight: 900;
+      line-height: 1;
+    }
+    .sessionPickerLimitCard p { margin: 13px auto 0; max-width: 360px; color: var(--echo-ink-mute); font-size: 14px; line-height: 1.5; }
+    .sessionPickerLimitActions { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
+    .sessionPickerLimitActions .button { min-height: 46px; padding: 0 20px; }
+    .sessionPickerLimitActions .textButton { color: var(--echo-ink-primary); }
     .sessionPickerRow {
       display: grid;
       grid-template-columns: auto auto minmax(0, 1fr) auto;
@@ -1521,6 +1703,7 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       padding: 14px 24px;
     }
     .sessionPickerFoot p { margin: 0; color: var(--echo-ink-mute); font-size: 12px; }
+    .sessionPickerFootActions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
     .sessionPickerFoot button { min-width: 170px; }
 
     .pauseStatus {
@@ -1740,6 +1923,10 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       border-radius: 4px;
       box-shadow: none;
     }
+    .readyDecision .actions .skipHistoryButton {
+      min-height: 52px;
+      border-radius: 4px;
+    }
     .readyDecision .actions .primary:not(:disabled):hover { box-shadow: none; }
     .ctaMeta { justify-content: flex-start; }
     .readyFoot {
@@ -1948,7 +2135,8 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       .setupPlanConfirmed { grid-template-columns: auto minmax(0, 1fr); }
       .setupPlanConfirmed .textButton { grid-column: 2; width: fit-content; }
       .readyDecision .actions,
-      .readyDecision .actions .primary { width: 100%; }
+      .readyDecision .actions .primary,
+      .readyDecision .actions .skipHistoryButton { width: 100%; }
       .readyDecision .actions .primary { min-width: 0; }
       .readyGo,
       .readyFoot,
@@ -1965,15 +2153,21 @@ export const SETUP_PAGE_STYLES_EXTRACTION = String.raw `    /* ---- dashboard (p
       .recallPromptActions { display: grid; grid-template-columns: 1fr; }
       .recallAgent { width: 100%; }
       .skipStage { width: calc(100vw - 28px); padding: 26px 20px; }
-      .sessionPicker { width: 100vw; max-height: 100vh; border-radius: 0; border-left-width: 4px; }
-      .sessionPickerShell { max-height: 100vh; min-height: 100vh; }
+      .sessionPicker { width: 100vw; height: 100vh; max-height: 100vh; border-radius: 0; border-left-width: 4px; }
+      .sessionPickerShell { height: 100%; max-height: 100vh; min-height: 0; }
       .sessionPickerHead { padding: 18px 16px 15px; }
       .sessionPickerToolbar { grid-template-columns: 1fr; padding: 12px 16px; }
       .sessionPickerActions { flex-wrap: wrap; padding: 8px 16px; }
       .sessionPickerActions > strong { width: 100%; }
       .sessionPickerRow { grid-template-columns: auto auto minmax(0, 1fr); margin: 0 4px; padding: 10px 8px; }
       .sessionPickerMeta { display: none; }
+      .sessionPickerLimitOverlay { padding: 14px; }
+      .sessionPickerLimitCard { border-radius: 15px; padding: 24px 18px; }
+      .sessionPickerLimitActions { display: grid; }
+      .sessionPickerLimitActions .button,
+      .sessionPickerLimitActions button { width: 100%; }
       .sessionPickerFoot { align-items: stretch; flex-direction: column; padding: 12px 16px; }
+      .sessionPickerFootActions { display: grid; }
       .sessionPickerFoot button { width: 100%; }
     }
 

package/dist/setup-page/styles-website-alignment.js

@@ -88,6 +88,144 @@ export const SETUP_PAGE_STYLES_WEBSITE_ALIGNMENT = String.raw `
       box-shadow: none;
     }
 
+    /* Local scan -------------------------------------------------------------- */
+    body.scanMode {
+      background:
+        radial-gradient(circle, rgba(26,58,143,0.075) 0 1px, transparent 1.35px) 0 0 / 18px 18px,
+        radial-gradient(circle, rgba(78,205,196,0.07) 0 1px, transparent 1.35px) 9px 9px / 22px 22px,
+        var(--echo-paper-canvas);
+    }
+    body.scanMode main {
+      padding: clamp(32px, 6vw, 72px) clamp(18px, 5vw, 58px);
+    }
+    body.scanMode #app {
+      width: min(860px, 100%);
+      min-height: min(72vh, 680px);
+    }
+    .scanLoader {
+      position: relative;
+      overflow: visible;
+      width: min(760px, 100%);
+      border: 1.5px solid rgba(26,58,143,0.20);
+      border-radius: var(--echo-radius-panel);
+      background: rgba(255,255,255,0.92);
+      padding: clamp(26px, 5vw, 48px);
+      box-shadow: var(--echo-shadow-pop);
+    }
+    .scanLoader::before {
+      content: "";
+      position: absolute;
+      top: -11px;
+      left: 50%;
+      z-index: 2;
+      width: 88px;
+      height: 25px;
+      border: 1px solid rgba(43,42,38,0.07);
+      background: color-mix(in srgb, var(--echo-note-cream) 72%, white 28%);
+      box-shadow: 0 1px 2px rgba(43,42,38,0.07);
+      opacity: 0.82;
+      transform: translateX(-50%) rotate(-1deg);
+    }
+    .scanLoaderLead {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr);
+      align-items: center;
+      gap: clamp(20px, 4vw, 34px);
+    }
+    .scanMascot {
+      display: grid;
+      place-items: center;
+      width: clamp(92px, 13vw, 118px);
+      aspect-ratio: 1;
+      flex: 0 0 auto;
+      border: 1px solid rgba(26,58,143,0.11);
+      border-radius: 20px;
+      background: color-mix(in srgb, var(--echo-paper-white) 64%, var(--echo-note-cream) 36%);
+      box-shadow: var(--echo-shadow-paper);
+      transform: rotate(-1.5deg);
+    }
+    .scanMascot img {
+      display: block;
+      width: 76%;
+      height: 76%;
+      object-fit: contain;
+      filter: drop-shadow(0 12px 14px rgba(26,58,143,0.16));
+    }
+    .scanLoaderCopy { min-width: 0; }
+    .scanEyebrow {
+      width: fit-content;
+      margin: 0 0 15px;
+      border: 1px solid rgba(26,58,143,0.13);
+      border-radius: 999px;
+      background: rgba(255,255,255,0.72);
+      padding: 6px 11px;
+      box-shadow: var(--echo-shadow-glass);
+      color: color-mix(in srgb, var(--echo-ink-primary) 70%, var(--echo-ink-accent) 30%);
+      font-size: 11px;
+      letter-spacing: 0.11em;
+    }
+    .scanLoader h2.siteHeadline {
+      max-width: 560px;
+      font-size: clamp(40px, 6vw, 64px);
+      line-height: 0.98;
+    }
+    .scanIntro {
+      max-width: 520px;
+      margin: 18px 0 0;
+      color: var(--echo-ink-mute);
+      font-size: 15px;
+      font-weight: 500;
+      line-height: 1.55;
+    }
+    .scanProgressCard {
+      margin-top: clamp(26px, 5vw, 38px);
+      border: 1px solid rgba(26,58,143,0.10);
+      border-radius: var(--echo-radius-card);
+      background: color-mix(in srgb, var(--echo-paper-white) 68%, var(--echo-note-blue) 32%);
+      padding: 17px 18px 15px;
+      box-shadow: var(--echo-shadow-paper);
+    }
+    .scanProgress {
+      width: 100%;
+      height: 10px;
+      margin: 0;
+      border-radius: 999px;
+      background: rgba(255,255,255,0.78);
+      box-shadow: inset 0 1px 3px rgba(20,24,34,0.10);
+    }
+    .scanProgressFill {
+      min-width: 10px;
+      border-radius: 999px;
+      background: linear-gradient(90deg, var(--echo-ink-primary), color-mix(in srgb, var(--echo-ink-primary) 72%, var(--echo-ink-accent) 28%));
+      box-shadow: 0 0 0 1px rgba(26,58,143,0.08), 0 3px 9px rgba(26,58,143,0.20);
+    }
+    .scanCaption {
+      margin: 12px 0 0;
+      color: var(--echo-ink-mute);
+      font-size: 12px;
+      font-weight: 700;
+      line-height: 1.5;
+    }
+    .scanPrivacy {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin: 15px 2px 0;
+      color: var(--echo-ink-faint);
+      font-family: var(--echo-font-mono);
+      font-size: 11px;
+      font-weight: 600;
+      line-height: 1.45;
+    }
+    .scanPrivacy > span {
+      width: 8px;
+      height: 8px;
+      flex: 0 0 auto;
+      border-radius: 50%;
+      background: var(--echo-ink-accent-deep);
+      box-shadow: 0 0 0 4px rgba(78,205,196,0.13);
+    }
+
     /* Permission and skip states ------------------------------------------------ */
     .localConsent {
       overflow: visible;
@@ -379,6 +517,9 @@ export const SETUP_PAGE_STYLES_WEBSITE_ALIGNMENT = String.raw `
     .readyDecision .actions .primary:not(:disabled):hover {
       box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), 0 16px 34px rgba(26,58,143,0.25);
     }
+    .readyDecision .actions .skipHistoryButton {
+      border-radius: 999px;
+    }
     .readyFoot {
       border-top-color: rgba(26,58,143,0.10);
       border-radius: 0 0 calc(var(--echo-radius-panel) - 2px) calc(var(--echo-radius-panel) - 2px);
@@ -563,6 +704,16 @@ export const SETUP_PAGE_STYLES_WEBSITE_ALIGNMENT = String.raw `
       background: color-mix(in srgb, var(--echo-paper-white) 64%, var(--echo-note-blue) 36%);
       box-shadow: inset 3px 0 0 var(--echo-ink-primary);
     }
+    .sessionPickerLimitCard {
+      border-color: rgba(26,58,143,0.16);
+      border-radius: var(--echo-radius-card);
+      background: color-mix(in srgb, rgba(255,255,255,0.94) 84%, var(--echo-note-cream) 16%);
+      box-shadow: var(--echo-shadow-pop);
+    }
+    .sessionPickerLimitActions .button,
+    .sessionPickerLimitActions button {
+      border-radius: 999px;
+    }
     .sessionPickerSource {
       border-radius: 9px;
       box-shadow: var(--echo-shadow-paper);
@@ -585,6 +736,38 @@ export const SETUP_PAGE_STYLES_WEBSITE_ALIGNMENT = String.raw `
       .skipStage {
         border-radius: 18px;
       }
+      body.scanMode main {
+        padding: 34px 14px 52px;
+      }
+      body.scanMode #app {
+        min-height: calc(100vh - 86px);
+      }
+      .scanLoader {
+        border-radius: 18px;
+        padding: 28px 20px 22px;
+      }
+      .scanLoaderLead {
+        grid-template-columns: 1fr;
+        gap: 18px;
+      }
+      .scanMascot {
+        width: 76px;
+        border-radius: 16px;
+      }
+      .scanLoader h2.siteHeadline {
+        font-size: clamp(38px, 12vw, 52px);
+      }
+      .scanIntro {
+        margin-top: 14px;
+        font-size: 14px;
+      }
+      .scanProgressCard {
+        margin-top: 24px;
+        padding: 15px 14px 13px;
+      }
+      .scanPrivacy {
+        align-items: flex-start;
+      }
       .consentLead,
       .skippedEcho {
         border-radius: 16px 16px 0 0;

package/dist/setup-page.js

@@ -1,5 +1,6 @@
 import { renderSetupPageDocument } from "./setup-page/document.js";
 import { renderSetupPreviewBootstrap } from "./setup-preview.js";
+export { SETUP_PREVIEW_STATES } from "./setup-preview.js";
 /**
  * Setup page entry point. The implementation is split by product phase under ./setup-page/:
  * core utilities, local report, post-auth extraction, and lifecycle polling.