@oxvo/ai-live-assist 7.4.37 → 7.4.49

package/lib/ui.js

@@ -13,6 +13,7 @@ const CAPTION_HEIGHT_GLIDE_MS = 250;
 const ASSISTANT_READY_VISUAL_GRACE_MS = 1200;
 const FEEDBACK_EXIT_FADE_MS = 180;
 const AMBIENT_IDLE_GRACE_MS = 700;
+const VOICE_CARD_EFFECT_SETTLE_MS = 720;
 const OMAGO_SOURCE_CONTENT_FADE_MS = 16;
 const OMAGO_BOX_IN_HOLD_MS = 130;
 const OMAGO_BOX_IN_GEOMETRY_MS = 550;
@@ -76,6 +77,21 @@ const style = `
     --glass-control-border: rgba(255, 255, 255, .76);
     --conversation-bubble-background: #fff;
     --conversation-bubble-text: #3a3542;
+    --conversation-bubble-shadow: 0 2px 10px rgba(103, 42, 150, .06);
+    --caption-background: rgba(255, 255, 255, .82);
+    --caption-border: rgba(255, 255, 255, .65);
+    --caption-text: #17151b;
+    --prompt-pill-background: #1d1031;
+    --prompt-pill-border: #3c2359;
+    --prompt-pill-text: #ecdffa;
+    --input-material-background: #010201;
+    --glass-highlight: rgba(255, 255, 255, .65);
+    --glass-highlight-subtle: rgba(255, 255, 255, .64);
+    --glass-highlight-strong: rgba(255, 255, 255, .8);
+    --glass-highlight-terminal: rgba(255, 255, 255, .72);
+    --danger-control-text: #9d2947;
+    --danger-control-background: rgba(255, 245, 248, .7);
+    --danger-control-border: rgba(196, 87, 117, .24);
     --soft-surface-background: rgba(255, 255, 255, .48);
     --soft-surface-border: rgba(255, 255, 255, .72);
     --soft-surface-strong-background: rgba(255, 255, 255, .58);
@@ -83,6 +99,10 @@ const style = `
       linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(250, 244, 252, .88));
     --dialog-surface-border: rgba(255, 255, 255, .86);
     --mode-active-background: #fff;
+    --non-iridescent-panel-background: #f7f4f8;
+    --non-iridescent-panel-border: #d9d4dc;
+    --non-iridescent-panel-shadow: 0 12px 28px rgba(15, 23, 42, .16);
+    --brand-mark-border: rgba(255, 255, 255, .8);
     --surface-material-plane: 0;
     --surface-content-plane: 10;
     --skel: rgba(255, 255, 255, .55);
@@ -90,50 +110,95 @@ const style = `
   }
   :host([data-theme="dark"]) {
     color-scheme: dark;
-    --assist-text: #f6f1f8;
-    --assist-muted: #b9b0bf;
-    --assist-border: rgba(255, 255, 255, .12);
-    --assist-surface: #17131b;
-    --assist-surface-muted: #201a25;
-    --conversation-glass-background: rgba(28, 22, 34, .7);
-    --conversation-glass-border: 1px solid rgba(255, 255, 255, .12);
+    --assist-text: #f2edf8;
+    --assist-muted: #9c92ad;
+    --assist-border: rgba(255, 255, 255, .08);
+    --assist-surface: #150a22;
+    --assist-surface-muted: #1d102e;
+    --conversation-glass-background: rgba(255, 255, 255, .05);
+    --conversation-glass-border: 1px solid rgba(255, 255, 255, .16);
     --expanded-panel-background:
-      radial-gradient(72% 48% at 50% 45%, rgba(116, 82, 136, .2), transparent 72%),
-      linear-gradient(
-        168deg,
-        color-mix(in srgb, var(--accent) 8%, #211a26) 0%,
-        color-mix(in srgb, var(--accent) 12%, #1b151f) 48%,
-        color-mix(in srgb, var(--accent) 15%, #141017) 100%
-      );
-    --expanded-panel-border: rgba(255, 255, 255, .12);
+      radial-gradient(65% 42% at 52% 46%, rgba(168, 85, 247, .13), rgba(255, 255, 255, 0) 70%),
+      linear-gradient(168deg, #271741 0%, #1d102e 45%, #150a22 100%);
+    --expanded-panel-border: rgba(255, 255, 255, .08);
     --expanded-panel-shadow:
-      0 24px 70px rgba(4, 2, 8, .48),
-      0 4px 16px color-mix(in srgb, var(--accent) 15%, transparent);
-    --glass-control-background: rgba(34, 27, 40, .72);
-    --glass-control-border: rgba(255, 255, 255, .13);
-    --conversation-bubble-background: rgba(31, 25, 36, .94);
-    --conversation-bubble-text: #f3eef6;
-    --soft-surface-background: rgba(31, 24, 37, .68);
-    --soft-surface-border: rgba(255, 255, 255, .12);
-    --soft-surface-strong-background: rgba(38, 30, 45, .82);
+      0 24px 70px rgba(0, 0, 0, .55),
+      0 4px 14px rgba(0, 0, 0, .3);
+    --glass-control-background: rgba(255, 255, 255, .05);
+    --glass-control-border: rgba(255, 255, 255, .12);
+    --conversation-bubble-background: #2a1c3e;
+    --conversation-bubble-text: #e6def2;
+    --conversation-bubble-shadow: 0 2px 10px rgba(0, 0, 0, .28);
+    --caption-background: rgba(40, 25, 62, .88);
+    --caption-border: rgba(255, 255, 255, .08);
+    --caption-text: #f2edf8;
+    --prompt-pill-background: rgba(255, 255, 255, .05);
+    --prompt-pill-border: rgba(255, 255, 255, .16);
+    --prompt-pill-text: #d9a1f5;
+    --input-material-background: linear-gradient(176deg, #221136, #12081f);
+    --glass-highlight: rgba(255, 255, 255, .08);
+    --glass-highlight-subtle: rgba(255, 255, 255, .08);
+    --glass-highlight-strong: rgba(255, 255, 255, .08);
+    --glass-highlight-terminal: rgba(255, 255, 255, .08);
+    --danger-control-text: #ff9aad;
+    --danger-control-background: rgba(255, 122, 143, .08);
+    --danger-control-border: rgba(255, 122, 143, .22);
+    --soft-surface-background: rgba(255, 255, 255, .05);
+    --soft-surface-border: rgba(255, 255, 255, .16);
+    --soft-surface-strong-background: rgba(255, 255, 255, .05);
     --dialog-surface-background:
-      linear-gradient(145deg, rgba(39, 31, 46, .98), rgba(24, 19, 29, .96));
-    --dialog-surface-border: rgba(255, 255, 255, .13);
-    --mode-active-background: rgba(45, 36, 52, .98);
+      linear-gradient(145deg, rgba(42, 28, 62, .98), rgba(21, 10, 34, .96));
+    --dialog-surface-border: rgba(255, 255, 255, .16);
+    --mode-active-background: #33214a;
+    --non-iridescent-panel-background: #1d102e;
+    --non-iridescent-panel-border: rgba(255, 255, 255, .08);
+    --non-iridescent-panel-shadow:
+      0 24px 70px rgba(0, 0, 0, .55),
+      0 4px 14px rgba(0, 0, 0, .3);
+    --brand-mark-border: transparent;
     --skel: rgba(255, 255, 255, .06);
     --shimmer: rgba(255, 255, 255, .1);
   }
   :host([data-theme="dark"]) .mode-option:not([aria-pressed="true"]):not(:disabled):hover {
     background: rgba(255, 255, 255, .08);
   }
+  :host([data-theme="dark"]) .brand-mark {
+    border-color: var(--brand-mark-border);
+  }
+  :host([data-theme="dark"]) .tags button,
+  :host([data-theme="dark"]) .tags.welcome-actions button {
+    color: var(--prompt-pill-text);
+    background: var(--prompt-pill-background);
+    border-color: var(--prompt-pill-border);
+  }
+  :host([data-theme="dark"]) .tags button:not(:disabled):hover,
+  :host([data-theme="dark"]) .tags button:not(:disabled):focus-visible,
+  :host([data-theme="dark"]) .tags.welcome-actions button:not(:disabled):hover,
+  :host([data-theme="dark"]) .tags.welcome-actions button:not(:disabled):focus-visible {
+    background: var(--mode-active-background);
+  }
+  :host([data-theme="dark"]) .intro-composer,
+  :host([data-theme="dark"]) .compact-chat-actions,
+  :host([data-theme="dark"]) .compact-chat-card::before,
+  :host([data-theme="dark"]) .composer::before,
+  :host([data-theme="dark"]) .panel-transition-inner-clone .chatbox,
+  :host([data-theme="dark"]) .panel.open:not(.compact) .chatbox,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .header,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice)::before {
+    background: var(--input-material-background);
+  }
+  :host([data-theme="dark"]) .intro-composer-frame.omago-transition-source,
+  :host([data-theme="dark"]) .panel.panel-transition-compact-clone:not(.voice-session) .compact-chat-actions {
+    background: var(--input-material-background) !important;
+  }
   :host([data-theme="dark"]) .panel.open.voice-session:not(.compact) .line:not(.bubble) {
-    color: var(--assist-text);
-    background: rgba(32, 25, 38, .9);
-    border-color: rgba(255, 255, 255, .11);
+    color: var(--caption-text);
+    background: var(--caption-background);
+    border-color: var(--caption-border);
   }
   :host([data-theme="dark"]) .panel.open.voice-session:not(.compact) .line.user:not(.bubble) {
-    color: var(--assist-text);
-    background: rgba(40, 32, 47, .88);
+    color: var(--caption-text);
+    background: var(--caption-background);
   }
   .support-reply-notice,
   .compact-support-reply,
@@ -252,10 +317,15 @@ const style = `
   }
   .panel.omago-awaiting {
     opacity: 0;
+    visibility: hidden;
     pointer-events: none;
     transition: none !important;
   }
+  .panel.omago-awaiting * {
+    visibility: hidden !important;
+  }
   .panel.omago-destination-reveal {
+    visibility: visible;
     transition: opacity .24s ease;
   }
   .panel.compact.omago-destination-reveal {
@@ -752,9 +822,9 @@ const style = `
     max-height: 180px;
     max-width: 100%;
     padding: 9px 13px;
-    color: #17151b;
-    background: rgba(255, 255, 255, .82);
-    border: 1px solid rgba(255, 255, 255, .65);
+    color: var(--caption-text);
+    background: var(--caption-background);
+    border: 1px solid var(--caption-border);
     border-radius: 16px;
     box-shadow: 0 10px 30px rgba(60, 20, 100, .25);
     backdrop-filter: blur(14px);
@@ -871,7 +941,7 @@ const style = `
     background:
       radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .62), transparent 28%),
       linear-gradient(145deg, color-mix(in srgb, var(--accent) 72%, #c85ddf), var(--accent));
-    border: 1px solid rgba(255, 255, 255, .8);
+    border: 1px solid var(--brand-mark-border);
     border-radius: 50%;
     box-shadow: 0 7px 18px color-mix(in srgb, var(--accent) 30%, transparent);
   }
@@ -926,6 +996,15 @@ const style = `
     border-radius: 50%;
   }
   .panel.open:not(.compact) .close:hover { background: #24232a; }
+  :host([data-theme="dark"]) .panel.open:not(.compact) .close {
+    color: var(--assist-text);
+    background: var(--glass-control-background);
+    border-color: var(--glass-control-border);
+    box-shadow: none;
+  }
+  :host([data-theme="dark"]) .panel.open:not(.compact) .close:hover {
+    background: var(--mode-active-background);
+  }
   .panel.active-session.compact .brand-mark {
     width: 42px;
     height: 42px;
@@ -1217,7 +1296,7 @@ const style = `
     border-radius: 999px;
     box-shadow:
       0 12px 30px rgba(15, 23, 42, .15),
-      inset 0 1px 0 rgba(255, 255, 255, .72);
+      inset 0 1px 0 var(--glass-highlight-terminal);
     -webkit-backdrop-filter: blur(16px) saturate(1.08);
     backdrop-filter: blur(16px) saturate(1.08);
     font-size: 12px;
@@ -1336,7 +1415,7 @@ const style = `
     line-height: 0;
   }
   .button-icon svg, .menu-icon svg, .turn-icon svg { display: block; }
-  .body { min-height: 0; padding: 12px; overflow: auto; overflow-x: hidden; }
+  .body { grid-area: 2 / 1; min-height: 0; padding: 12px; overflow: auto; overflow-x: hidden; }
   .intro {
     position: fixed;
     inset-inline-end: 20px;
@@ -2045,6 +2124,16 @@ const style = `
   :host(:is([data-activity="connecting"], [data-activity="listening"], [data-activity="thinking"], [data-activity="speaking"], [data-activity="acting"]):not([data-effects-paused="true"]):not([data-effect-motion="off"])) .input-effect-host > :is(.intro-effect, .composer-effect)::before {
     animation: original-border-busy 3.2s linear infinite;
   }
+  :host([data-voice-effect-settle="captured"]) .panel.active-session.compact.voice-session > .voice-card-fx.intro-effect::before {
+    animation: none !important;
+    transform: var(--voice-effect-captured-transform) !important;
+    transition: none !important;
+  }
+  :host([data-voice-effect-settle="settling"]) .panel.active-session.compact.voice-session > .voice-card-fx.intro-effect::before {
+    animation: none !important;
+    transform: translate(-50%, -50%) rotate(var(--effect-rest-angle)) !important;
+    transition: transform .72s cubic-bezier(.22, .72, .28, 1) !important;
+  }
   .intro-composer-frame:focus-within {
     outline: 1px solid rgba(160, 153, 216, .55);
     outline-offset: 3px;
@@ -2321,30 +2410,49 @@ const style = `
   .legal-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
   .legal-links a { color: #185ea8; font-size: 11px; font-weight: 600; }
   .page-assistance-overlay {
-    position: absolute;
-    inset: 0;
+    position: relative;
+    grid-area: 2 / 1;
     z-index: 6;
     display: grid;
+    width: 100%;
+    height: 100%;
     min-width: 0;
-    place-items: center;
-    padding: 14px;
-    background: rgba(15, 23, 42, .42);
-    border-radius: inherit;
+    min-height: 0;
+    place-items: end center;
+    padding: 12px 8px 8px;
+    background:
+      radial-gradient(80% 52% at 50% 100%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 72%),
+      color-mix(in srgb, var(--assist-surface) 48%, transparent);
+    border-radius: 18px;
     overflow: hidden;
-    animation: page-assistance-backdrop-in .16s ease-out both;
+    overscroll-behavior: contain;
+    -webkit-backdrop-filter: blur(10px) saturate(1.08);
+    backdrop-filter: blur(10px) saturate(1.08);
+    animation: page-assistance-backdrop-in .24s ease-out both;
   }
   .page-assistance-dialog {
     width: min(100%, 430px);
-    max-height: calc(100% - 12px);
+    max-height: calc(100% - 8px);
     min-width: 0;
     overflow: auto;
-    padding: 18px;
+    overscroll-behavior: contain;
+    padding: 16px;
     color: var(--assist-text);
-    background: var(--assist-surface);
-    border: 1px solid var(--assist-border);
-    border-radius: inherit;
-    box-shadow: 0 18px 42px rgba(15, 23, 42, .26);
-    animation: page-assistance-dialog-in .18s cubic-bezier(.2, .8, .3, 1) both;
+    background:
+      linear-gradient(
+        145deg,
+        color-mix(in srgb, var(--assist-surface) 86%, transparent),
+        color-mix(in srgb, var(--assist-surface-muted) 74%, transparent)
+      );
+    border: 1px solid var(--dialog-surface-border);
+    border-radius: 20px;
+    box-shadow:
+      0 20px 48px color-mix(in srgb, var(--accent) 16%, transparent),
+      0 4px 16px rgba(15, 23, 42, .14),
+      inset 0 1px 0 var(--glass-highlight-strong);
+    -webkit-backdrop-filter: blur(18px) saturate(1.1);
+    backdrop-filter: blur(18px) saturate(1.1);
+    animation: page-assistance-dialog-in .32s cubic-bezier(.2, .8, .3, 1) both;
   }
   .page-assistance-header {
     display: grid;
@@ -2355,8 +2463,8 @@ const style = `
   .page-assistance-header-copy { min-width: 0; }
   .page-assistance-header h3 {
     margin: 0;
-    font-size: 18px;
-    line-height: 24px;
+    font-size: 16px;
+    line-height: 22px;
     font-weight: 720;
   }
   .page-assistance-action-copy {
@@ -2375,11 +2483,12 @@ const style = `
   .page-assistance-footer {
     display: grid;
     gap: 6px;
-    margin-top: 12px;
-    padding: 10px 12px;
-    background: var(--assist-surface-muted);
-    border: 1px solid var(--assist-border);
-    border-radius: 12px;
+    margin-top: 13px;
+    padding: 11px 0 0;
+    background: transparent;
+    border: 0;
+    border-top: 1px solid var(--soft-surface-border);
+    border-radius: 0;
   }
   .page-assistance-always {
     display: grid;
@@ -2467,6 +2576,38 @@ const style = `
     color: #fbbf24;
     background: rgba(245, 158, 11, .18);
   }
+  :host([data-theme="dark"]) .end,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .end {
+    color: #ff7a8f;
+    background: rgba(255, 255, 255, .06);
+    border-color: rgba(255, 255, 255, .12);
+    box-shadow: none;
+    backdrop-filter: blur(8px);
+  }
+  :host([data-theme="dark"]) .end:not(:disabled):hover,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .end:not(:disabled):hover {
+    color: #ff7a8f;
+    background: rgba(255, 255, 255, .13);
+    border-color: rgba(255, 255, 255, .12);
+    box-shadow: none;
+  }
+  :host([data-theme="dark"]) .end:focus-visible,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .end:focus-visible {
+    color: #ff7a8f;
+    background: rgba(255, 255, 255, .13);
+    border-color: rgba(255, 255, 255, .12);
+    box-shadow: none;
+    outline-color: rgba(217, 161, 245, .72);
+  }
+  :host([data-theme="dark"]) .end:disabled,
+  :host([data-theme="dark"]) .end[aria-busy="true"],
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .end:disabled,
+  :host([data-theme="dark"]) .panel.active-session.compact:is(.voice-session, .starting-voice) .end[aria-busy="true"] {
+    color: rgba(255, 122, 143, .68);
+    background: rgba(255, 255, 255, .04);
+    border-color: rgba(255, 255, 255, .08);
+    box-shadow: none;
+  }
   .page-assistance-actions {
     display: flex;
     justify-content: flex-end;
@@ -2620,7 +2761,7 @@ const style = `
     background: var(--conversation-bubble-background);
     border: 0;
     border-radius: 16px;
-    box-shadow: 0 2px 10px rgba(103, 42, 150, .06);
+    box-shadow: var(--conversation-bubble-shadow);
     font-family: Poppins, system-ui, "Segoe UI", sans-serif;
     font-size: 12.5px;
     line-height: 1.6;
@@ -2788,6 +2929,7 @@ const style = `
   .empty { display: grid; min-height: 140px; place-items: center; color: #6a7480; font-size: 12px; text-align: center; }
   .controls {
     position: relative;
+    grid-area: 3 / 1;
     z-index: 4;
     display: none;
     padding: 0 12px max(10px, env(safe-area-inset-bottom));
@@ -3286,7 +3428,7 @@ const style = `
   }
   @keyframes page-assistance-backdrop-in { from { opacity: 0; } }
   @keyframes page-assistance-dialog-in {
-    from { opacity: 0; transform: translateY(6px) scale(.985); }
+    from { opacity: 0; transform: translateY(10px) scale(.98); }
   }
   @keyframes pop { from { opacity: 0; transform: translateY(8px); } }
   @keyframes attribution-in { from { opacity: 0; transform: translateY(3px); } }
@@ -3326,7 +3468,11 @@ const style = `
   .confirmation strong { color: #17212b; }
   .confirmation-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
   .confirmation [data-role="approve"], .visual-request [data-role="visual-share"] { background: #16a34a; border-color: #16a34a; }
-  .confirmation [data-role="decline"], .visual-request [data-role="visual-decline"] { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
+  .confirmation [data-role="decline"], .visual-request [data-role="visual-decline"] {
+    color: var(--danger-control-text);
+    background: var(--danger-control-background);
+    border-color: var(--danger-control-border);
+  }
   .visual-request { display: none; padding: 12px; border: 2px solid #55758c; border-radius: 12px; background: white; }
   .visual-request.visible { display: block; }
   .visual-request.preparing .confirmation-actions { display: none; }
@@ -3391,7 +3537,7 @@ const style = `
     background: var(--soft-surface-background);
     border: 1px solid var(--soft-surface-border);
     border-radius: 18px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64);
+    box-shadow: inset 0 1px 0 var(--glass-highlight-subtle);
     backdrop-filter: blur(12px);
   }
   .panel.open:not(.compact) .status-card.visible { padding: 14px 16px; }
@@ -3405,26 +3551,16 @@ const style = `
     background: rgba(39, 22, 47, .34);
     backdrop-filter: blur(12px);
   }
-  .panel.open:not(.compact) .page-assistance-overlay {
-    inset: 0;
-    padding: 16px;
-    background: rgba(39, 22, 47, .34);
-    border-radius: inherit;
-    overflow: hidden;
-    backdrop-filter: blur(12px);
-  }
-  .panel.open:not(.compact) .legal-dialog,
-  .panel.open:not(.compact) .page-assistance-dialog {
+  .panel.open:not(.compact) .legal-dialog {
     padding: 18px;
     background: var(--dialog-surface-background);
     border: 1px solid var(--dialog-surface-border);
     box-shadow:
       0 24px 60px rgba(49, 26, 58, .24),
-      inset 0 1px 0 rgba(255, 255, 255, .8);
+      inset 0 1px 0 var(--glass-highlight-strong);
     backdrop-filter: blur(18px);
   }
   .panel.open:not(.compact) .legal-dialog { border-radius: 22px; }
-  .panel.open:not(.compact) .page-assistance-dialog { border-radius: inherit; }
   .panel.open:not(.compact) .legal-header h3 {
     color: color-mix(in srgb, var(--assist-text) 88%, var(--accent));
     font-size: 16px;
@@ -3432,8 +3568,8 @@ const style = `
   }
   .panel.open:not(.compact) .page-assistance-header h3 {
     color: color-mix(in srgb, var(--assist-text) 88%, var(--accent));
-    font-size: 18px;
-    line-height: 24px;
+    font-size: 16px;
+    line-height: 22px;
   }
   .panel.open:not(.compact) .legal-close {
     color: var(--assist-text);
@@ -3478,7 +3614,7 @@ const style = `
     background: var(--soft-surface-background);
     border: 1px solid var(--soft-surface-border);
     border-radius: 18px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65);
+    box-shadow: inset 0 1px 0 var(--glass-highlight);
     backdrop-filter: blur(12px);
   }
   .panel.open:not(.compact) .confirmation p,
@@ -3488,11 +3624,13 @@ const style = `
   .panel.open:not(.compact) .confirmation strong { color: var(--assist-text); }
   .panel.open:not(.compact) .confirmation [data-role="decline"],
   .panel.open:not(.compact) .visual-request [data-role="visual-decline"] {
-    color: #9d2947;
-    background: rgba(255, 245, 248, .7);
-    border-color: rgba(196, 87, 117, .24);
+    color: var(--danger-control-text);
+    background: var(--danger-control-background);
+    border-color: var(--danger-control-border);
   }
   .panel.open:not(.compact) .feedback.visible { margin-top: 2px; }
+  .panel.page-assistance-state .header,
+  .panel.page-assistance-state .controls { pointer-events: none; }
   .panel.open:not(.compact) .feedback-options button {
     color: color-mix(in srgb, var(--assist-text) 74%, var(--accent));
     background: var(--soft-surface-strong-background);
@@ -3509,9 +3647,9 @@ const style = `
     display: none;
   }
   .panel.active-session.compact .compact-caption {
-    color: #17151b;
-    background: rgba(255, 255, 255, .82);
-    border-color: rgba(255, 255, 255, .65);
+    color: var(--caption-text);
+    background: var(--caption-background);
+    border-color: var(--caption-border);
     border-radius: 16px;
     box-shadow: 0 10px 30px rgba(60, 20, 100, .25);
     backdrop-filter: blur(14px);
@@ -3519,9 +3657,9 @@ const style = `
   .panel.active-session.compact .compact-caption.assistant { border-end-start-radius: 6px; }
   .panel.active-session.compact .compact-caption.user,
   .panel.active-session.compact .compact-caption.user.pending {
-    color: #17151b;
-    background: rgba(255, 255, 255, .82);
-    border-color: rgba(255, 255, 255, .65);
+    color: var(--caption-text);
+    background: var(--caption-background);
+    border-color: var(--caption-border);
     border-end-end-radius: 6px;
   }
   .widget-corner-glow {
@@ -3680,6 +3818,17 @@ const style = `
       border-color: var(--assist-border);
       box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
     }
+    .panel.open:not(.compact) .page-assistance-overlay {
+      background: color-mix(in srgb, var(--assist-surface) 90%, transparent);
+      -webkit-backdrop-filter: none;
+      backdrop-filter: none;
+    }
+    .panel.open:not(.compact) .page-assistance-dialog {
+      background: var(--assist-surface);
+      box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
+      -webkit-backdrop-filter: none;
+      backdrop-filter: none;
+    }
     .panel.open:not(.compact) .brand-mark,
     .panel.open:not(.compact) .mode-switch,
     .panel.open:not(.compact) .voice-state-chip {
@@ -3713,9 +3862,9 @@ const style = `
     .intro-composer-frame:focus-within,
     .compact-chat-card:focus-within { box-shadow: none; }
     .panel.open.compact.ending-state .compact-error-notice.visible {
-      background: #fff;
-      border-color: #d9d4dc;
-      box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
+      background: var(--assist-surface);
+      border-color: var(--assist-border);
+      box-shadow: var(--non-iridescent-panel-shadow);
       -webkit-backdrop-filter: none;
       backdrop-filter: none;
     }
@@ -3740,6 +3889,20 @@ const style = `
       border: 2px solid CanvasText !important;
       box-shadow: none !important;
     }
+    .panel.open:not(.compact) .page-assistance-overlay {
+      background: transparent;
+      -webkit-backdrop-filter: none;
+      backdrop-filter: none;
+    }
+    .panel.open:not(.compact) .page-assistance-dialog {
+      color: CanvasText;
+      background: Canvas;
+      border: 2px solid CanvasText;
+      box-shadow: none;
+      -webkit-backdrop-filter: none;
+      backdrop-filter: none;
+      forced-color-adjust: auto;
+    }
     .panel.active-session.compact:is(.voice-session, .starting-voice) .header {
       background: Canvas;
       border: 2px solid CanvasText;
@@ -3813,7 +3976,7 @@ const style = `
     .header-actions { gap: 4px; }
     .duration { min-width: 48px; padding-inline: 6px; }
     .feedback-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-    .page-assistance-overlay { place-items: end center; padding: 8px; }
+    .page-assistance-overlay { place-items: end center; padding: 8px 6px 6px; }
     .page-assistance-dialog { width: 100%; max-height: calc(100% - 4px); }
     .page-assistance-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
     .page-assistance-actions button { width: 100%; }
@@ -3926,7 +4089,7 @@ const style = `
       height: auto;
       max-height: calc(100dvh - 16px - env(safe-area-inset-bottom));
       padding: 14px;
-      border: 1px solid rgba(255, 255, 255, .72);
+      border: 1px solid var(--expanded-panel-border);
       border-radius: 24px;
     }
     .panel.open.compact.error-state {
@@ -3956,9 +4119,9 @@ const style = `
     }
   }
   :host([data-iridescence="false"]) .panel.open:not(.compact) {
-    background: #f7f4f8;
-    border-color: #d9d4dc;
-    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
+    background: var(--non-iridescent-panel-background);
+    border-color: var(--non-iridescent-panel-border);
+    box-shadow: var(--non-iridescent-panel-shadow);
   }
   :host([data-iridescence="false"]) .panel.open:not(.compact) .brand-mark,
   :host([data-iridescence="false"]) .panel.open:not(.compact) .mode-switch,
@@ -4016,6 +4179,7 @@ export class WidgetView {
         this.currentHandoffContextRequest = null;
         this.handoffRequestPreparing = false;
         this.currentPageAssistanceRequest = null;
+        this.pageAssistancePresentationSnapshot = null;
         this.safetyInteractionIdentity = null;
         this.introComposing = false;
         this.legalOpenedPanel = false;
@@ -4030,6 +4194,7 @@ export class WidgetView {
         this.tooltipTarget = null;
         this.tooltipTimer = null;
         this.ambientHideTimer = null;
+        this.voiceCardEffectSettleTimer = null;
         this.attributionTimer = null;
         this.feedbackExitTimer = null;
         this.assistantReadyVisualTimer = null;
@@ -4391,6 +4556,16 @@ export class WidgetView {
         void this.playRemoteAudio();
     }
     playRemoteAudio() {
+        // Text sessions keep a receive-only audio section for the realtime
+        // transport, so an attached stream alone never authorizes playback.
+        const remoteStream = this.audio.srcObject;
+        const hasLiveAudioTrack = typeof remoteStream?.getAudioTracks === "function" &&
+            remoteStream
+                .getAudioTracks()
+                .some((track) => track.readyState === "live");
+        if (!this.active || !this.voiceActive || !hasLiveAudioTrack) {
+            return Promise.resolve();
+        }
         if (this.playbackResumePending)
             return Promise.resolve();
         const generation = this.playbackGeneration;
@@ -4422,9 +4597,12 @@ export class WidgetView {
         this.playbackBlocked = false;
         this.playbackResumePending = false;
     }
-    resetRemotePlayback() {
+    pauseRemotePlayback() {
         this.invalidateRemotePlayback();
         this.audio.pause();
+    }
+    resetRemotePlayback() {
+        this.pauseRemotePlayback();
         this.audio.srcObject = null;
     }
     playbackEventIsCurrent() {
@@ -4516,9 +4694,75 @@ export class WidgetView {
     applyActivity(value) {
         if (this.activity === value)
             return;
+        const wasBusy = this.effectActivityIsBusy(this.activity);
+        const willBeBusy = this.effectActivityIsBusy(value);
+        if (willBeBusy) {
+            this.clearVoiceCardEffectSettle();
+        }
+        else if (wasBusy && value === "ready") {
+            this.beginVoiceCardEffectSettle();
+        }
+        else {
+            this.clearVoiceCardEffectSettle();
+        }
         this.activity = value;
         this.host.dataset.activity = value;
     }
+    effectActivityIsBusy(value) {
+        return (value === "connecting" ||
+            value === "listening" ||
+            value === "thinking" ||
+            value === "speaking" ||
+            value === "acting");
+    }
+    beginVoiceCardEffectSettle() {
+        this.clearVoiceCardEffectSettle();
+        if (!this.active ||
+            !this.voiceActive ||
+            !this.compact ||
+            !this.panel.classList.contains("voice-session") ||
+            !this.effectsCanRun()) {
+            return;
+        }
+        const effects = this.voiceCardEffectElements();
+        if (effects.length === 0)
+            return;
+        let captures;
+        try {
+            captures = effects.map((effect) => ({
+                effect,
+                transform: getComputedStyle(effect, "::before").transform,
+            }));
+        }
+        catch {
+            return;
+        }
+        if (captures.some(({ transform }) => !transform || transform === "none")) {
+            return;
+        }
+        for (const { effect, transform } of captures) {
+            effect.style.setProperty("--voice-effect-captured-transform", transform);
+        }
+        this.host.dataset.voiceEffectSettle = "captured";
+        void this.panel.offsetWidth;
+        this.host.dataset.voiceEffectSettle = "settling";
+        this.voiceCardEffectSettleTimer = setTimeout(() => {
+            this.voiceCardEffectSettleTimer = null;
+            this.clearVoiceCardEffectSettle();
+        }, VOICE_CARD_EFFECT_SETTLE_MS);
+    }
+    clearVoiceCardEffectSettle() {
+        if (this.voiceCardEffectSettleTimer !== null) {
+            clearTimeout(this.voiceCardEffectSettleTimer);
+            this.voiceCardEffectSettleTimer = null;
+        }
+        delete this.host.dataset.voiceEffectSettle;
+        this.voiceCardEffectElements().forEach((effect) => effect.style.removeProperty("--voice-effect-captured-transform"));
+    }
+    voiceCardEffectElements() {
+        return [...this.panel.children].filter((element) => element instanceof HTMLElement &&
+            element.matches(".voice-card-fx.intro-effect"));
+    }
     effectsCanRun() {
         return (this.capabilityTier === "standard" &&
             !this.isReducedMotionRequested() &&
@@ -4535,6 +4779,8 @@ export class WidgetView {
                 ? "on"
                 : "off";
         this.host.dataset.effectsPaused = String(!shouldRun);
+        if (!shouldRun)
+            this.clearVoiceCardEffectSettle();
     }
     message(key) {
         return this.messages[key];
@@ -4546,8 +4792,9 @@ export class WidgetView {
     open(mode = "text") {
         const requestedMode = mode === "voice" && this.config.capabilities?.voice ? "voice" : "text";
         if (!this.active) {
-            if (this.introMinimized)
+            if (this.introMinimized && !this.compactEntryEnabled()) {
                 this.setIntroMinimized(false);
+            }
             this.syncLauncherState();
             queueMicrotask(() => this.focusIntroControl(requestedMode));
             return;
@@ -5671,10 +5918,8 @@ export class WidgetView {
         const alwaysControl = this.require('[data-role="page-assistance-always-control"]');
         alwaysControl.hidden = !value.persistenceEligible;
         this.syncPageAssistanceFooter();
-        this.require('[data-role="page-assistance-overlay"]').hidden =
-            false;
+        const overlay = this.syncPageAssistancePresentation();
         this.syncHeaderActions();
-        const overlay = this.require('[data-role="page-assistance-overlay"]');
         this.dialogFocus.present({
             surface: overlay,
             initialFocus: () => this.require('[data-role="page-assistance-decline"]'),
@@ -5684,6 +5929,55 @@ export class WidgetView {
             },
         });
     }
+    syncPageAssistancePresentation() {
+        const overlay = this.require('[data-role="page-assistance-overlay"]');
+        const visible = this.currentPageAssistanceRequest !== null;
+        overlay.hidden = !visible;
+        this.panel.classList.toggle("page-assistance-state", visible);
+        const backgroundElements = [
+            this.require(".header"),
+            ...[...this.body.children].filter((child) => child instanceof HTMLElement),
+            this.controls,
+        ];
+        if (visible) {
+            if (!this.pageAssistancePresentationSnapshot) {
+                this.pageAssistancePresentationSnapshot = {
+                    inert: new Map(),
+                    bodyOverflow: this.body.style.overflow,
+                    bodyOverflowX: this.body.style.overflowX,
+                    bodyOverflowY: this.body.style.overflowY,
+                    bodyOverscrollBehavior: this.body.style.overscrollBehavior,
+                    bodyScrollTop: this.body.scrollTop,
+                    bodyScrollLeft: this.body.scrollLeft,
+                };
+            }
+            for (const element of backgroundElements) {
+                if (!this.pageAssistancePresentationSnapshot.inert.has(element)) {
+                    this.pageAssistancePresentationSnapshot.inert.set(element, element.inert);
+                }
+                element.inert = true;
+            }
+            this.body.style.overflow = "hidden";
+            this.body.style.overflowX = "hidden";
+            this.body.style.overflowY = "hidden";
+            this.body.style.overscrollBehavior = "contain";
+            return overlay;
+        }
+        const snapshot = this.pageAssistancePresentationSnapshot;
+        if (!snapshot)
+            return overlay;
+        for (const [element, inert] of snapshot.inert) {
+            element.inert = inert;
+        }
+        this.body.style.overflow = snapshot.bodyOverflow;
+        this.body.style.overflowX = snapshot.bodyOverflowX;
+        this.body.style.overflowY = snapshot.bodyOverflowY;
+        this.body.style.overscrollBehavior = snapshot.bodyOverscrollBehavior;
+        this.body.scrollTop = snapshot.bodyScrollTop;
+        this.body.scrollLeft = snapshot.bodyScrollLeft;
+        this.pageAssistancePresentationSnapshot = null;
+        return overlay;
+    }
     syncPageAssistanceFooter() {
         const alwaysControl = this.require('[data-role="page-assistance-always-control"]');
         const agreement = this.require('[data-role="page-assistance-agreement"]');
@@ -5802,6 +6096,12 @@ export class WidgetView {
             ? this.createPrimarySurfaceTransitionClone(compactModeSource, true)
             : null;
         this.voiceActive = voiceActive;
+        if (wasVoiceActive && !voiceActive) {
+            this.resetRemotePlayback();
+        }
+        else if (!wasVoiceActive && voiceActive) {
+            void this.playRemoteAudio();
+        }
         this.modeTransitionPending = null;
         if (committingStartingVoice) {
             this.discardStartingVoicePresentation();
@@ -5874,8 +6174,13 @@ export class WidgetView {
         this.syncHeaderActions();
     }
     setModeTransitionPending(mode) {
+        const previousMode = this.modeTransitionPending;
         this.modeTransitionPending = mode;
         if (mode === "voice" && this.active && !this.voiceActive) {
+            // A text session can still own a live recv-only stream. Detach it before
+            // the prepared Voice transport supplies its own authoritative stream.
+            if (previousMode !== "voice")
+                this.resetRemotePlayback();
             this.beginStartingVoicePresentation();
         }
         else if (mode === null &&
@@ -6376,11 +6681,14 @@ export class WidgetView {
             document.visibilityState === "hidden") {
             return false;
         }
-        const surface = this.confirmation.classList.contains("visible")
-            ? this.confirmation
-            : this.visualRequest.classList.contains("visible")
-                ? this.visualRequest
-                : this.panel;
+        const pageAssistance = this.require('[data-role="page-assistance-overlay"]');
+        const surface = this.currentPageAssistanceRequest && !pageAssistance.hidden
+            ? pageAssistance
+            : this.confirmation.classList.contains("visible")
+                ? this.confirmation
+                : this.visualRequest.classList.contains("visible")
+                    ? this.visualRequest
+                    : this.panel;
         const rect = surface.getBoundingClientRect();
         const computed = getComputedStyle(surface);
         if (rect.width < 2 ||
@@ -6410,7 +6718,7 @@ export class WidgetView {
                 return false;
             }
             const shadowTop = shadowFromPoint?.(x, y) ?? null;
-            return !shadowTop || this.panel.contains(shadowTop);
+            return !shadowTop || surface.contains(shadowTop);
         });
     }
     destroy() {
@@ -6425,6 +6733,7 @@ export class WidgetView {
         this.reducedMotionQuery?.removeEventListener?.("change", this.onReducedMotionChange);
         this.hideTooltip();
         this.clearAssistantReadyVisualTimer();
+        this.clearVoiceCardEffectSettle();
         this.clearFeedbackExitFade();
         this.cancelPanelDrag();
         this.resetRemotePlayback();
@@ -6451,6 +6760,7 @@ export class WidgetView {
         this.hideAttribution();
         this.panel.removeEventListener("pointerdown", this.onPlaybackActivation, true);
         this.currentPageAssistanceRequest = null;
+        this.pageAssistancePresentationSnapshot = null;
         this.dialogFocus.destroy();
         this.host.remove();
         this.currentConfirmation = null;
@@ -6557,28 +6867,6 @@ export class WidgetView {
           <div class="legal-links" data-role="legal-links"><a data-role="legal-privacy" target="_blank" rel="noopener noreferrer"></a><a data-role="legal-terms" target="_blank" rel="noopener noreferrer"></a></div>
         </section>
       </div>
-      <div class="page-assistance-overlay" data-role="page-assistance-overlay" hidden>
-        <section class="page-assistance-dialog" role="dialog" aria-modal="true" aria-labelledby="oxvo-ai-page-assistance-title" aria-describedby="oxvo-ai-page-assistance-action">
-          <div class="page-assistance-header">
-            <div class="page-assistance-header-copy">
-              <h3 id="oxvo-ai-page-assistance-title" data-role="page-assistance-title"></h3>
-              <p id="oxvo-ai-page-assistance-action" class="page-assistance-action-copy"><span data-role="page-assistance-action"></span><span class="page-assistance-target" data-role="page-assistance-target"></span></p>
-            </div>
-            <button type="button" class="legal-close icon-button" data-role="page-assistance-close"><span class="button-icon" data-icon aria-hidden="true"></span></button>
-          </div>
-          <div class="page-assistance-footer" hidden>
-            <label class="page-assistance-always" data-role="page-assistance-always-control" hidden>
-              <input type="checkbox" data-role="page-assistance-always">
-              <span data-role="page-assistance-always-label"></span>
-            </label>
-            <p id="oxvo-ai-page-assistance-agreement" class="page-assistance-agreement" data-role="page-assistance-agreement"><span data-role="page-assistance-agreement-prefix"></span><a data-role="privacy" target="_blank" rel="noopener noreferrer"></a><span data-role="page-assistance-agreement-connector"></span><a data-role="terms" target="_blank" rel="noopener noreferrer"></a><span data-role="page-assistance-agreement-terminator"></span></p>
-          </div>
-          <div class="page-assistance-actions">
-            <button type="button" class="secondary" data-role="page-assistance-decline"></button>
-            <button type="button" class="primary" data-role="page-assistance-allow"></button>
-          </div>
-        </section>
-      </div>
       <div class="body" id="oxvo-ai-live-assist-content">
         <div class="support-reply-notice" data-role="support-reply-notice" role="status" aria-live="polite" aria-atomic="true" hidden>
           <span data-role="support-reply-message"></span>
@@ -6613,6 +6901,28 @@ export class WidgetView {
           <div class="attribution-bubble" data-role="attribution" role="status" hidden><a href="https://oxvo.com/" target="_blank" rel="noopener noreferrer">OXVO</a></div>
         </div>
       </div>
+      <div class="page-assistance-overlay" data-role="page-assistance-overlay" hidden>
+        <section class="page-assistance-dialog" role="dialog" aria-modal="true" aria-labelledby="oxvo-ai-page-assistance-title" aria-describedby="oxvo-ai-page-assistance-action">
+          <div class="page-assistance-header">
+            <div class="page-assistance-header-copy">
+              <h3 id="oxvo-ai-page-assistance-title" data-role="page-assistance-title"></h3>
+              <p id="oxvo-ai-page-assistance-action" class="page-assistance-action-copy"><span data-role="page-assistance-action"></span><span class="page-assistance-target" data-role="page-assistance-target"></span></p>
+            </div>
+            <button type="button" class="legal-close icon-button" data-role="page-assistance-close"><span class="button-icon" data-icon aria-hidden="true"></span></button>
+          </div>
+          <div class="page-assistance-footer" hidden>
+            <label class="page-assistance-always" data-role="page-assistance-always-control" hidden>
+              <input type="checkbox" data-role="page-assistance-always">
+              <span data-role="page-assistance-always-label"></span>
+            </label>
+            <p id="oxvo-ai-page-assistance-agreement" class="page-assistance-agreement" data-role="page-assistance-agreement"><span data-role="page-assistance-agreement-prefix"></span><a data-role="privacy" target="_blank" rel="noopener noreferrer"></a><span data-role="page-assistance-agreement-connector"></span><a data-role="terms" target="_blank" rel="noopener noreferrer"></a><span data-role="page-assistance-agreement-terminator"></span></p>
+          </div>
+          <div class="page-assistance-actions">
+            <button type="button" class="secondary" data-role="page-assistance-decline"></button>
+            <button type="button" class="primary" data-role="page-assistance-allow"></button>
+          </div>
+        </section>
+      </div>
       <footer class="controls">
         <div class="composer-shell">
           <div class="voice-hud" data-role="voice-hud" hidden>
@@ -6654,7 +6964,7 @@ export class WidgetView {
           </div>
         </div>
       </footer>
-      <audio autoplay></audio>
+      <audio></audio>
     `;
         fragment.append(intro, highlight, panel, tooltip);
         return fragment;
@@ -6706,12 +7016,8 @@ export class WidgetView {
             }
             if (!this.active || this.voiceActive || !this.compact)
                 return;
+            this.preferredFocusAfterTransition = this.require('[data-role="text-input"]');
             this.setCompact(false);
-            queueMicrotask(() => {
-                if (this.active && !this.voiceActive && !this.compact) {
-                    this.require('[data-role="text-input"]').focus();
-                }
-            });
         });
         this.require('[data-role="compact-voice"]').addEventListener("click", () => {
             if (this.panel.classList.contains("error-state")) {
@@ -6874,8 +7180,11 @@ export class WidgetView {
         });
         composer.addEventListener("submit", (event) => {
             event.preventDefault();
-            if (textInput.disabled)
+            if (textInput.disabled ||
+                this.panel.inert ||
+                this.panel.getAttribute("aria-hidden") === "true") {
                 return;
+            }
             const value = textInput.value.trim();
             if (!value)
                 return;
@@ -7041,8 +7350,10 @@ export class WidgetView {
             this.messages.privacyPolicy;
         this.require('[data-role="legal-terms"]').textContent =
             this.messages.termsOfService;
-        this.require('[data-role="empty"]').textContent =
-            this.messages.emptyConversation;
+        const emptyConversation = this.captions.querySelector('[data-role="empty"]');
+        if (emptyConversation) {
+            emptyConversation.textContent = this.messages.emptyConversation;
+        }
         const end = this.require('[data-role="end"]');
         end.setAttribute("aria-label", this.messages.end);
         this.setTooltip(end, this.messages.end);
@@ -7095,10 +7406,12 @@ export class WidgetView {
         const introMinimize = this.require('[data-role="intro-minimize"]');
         const introExpand = this.require('[data-role="intro-expand"]');
         const introCompactVoice = this.require('[data-role="intro-compact-voice"]');
+        const compactEntryEnabled = appearance?.compactEntryEnabled === true;
         const textEntryEnabled = this.config.capabilities?.text === true;
         const voiceEntryEnabled = this.config.capabilities?.voice === true;
         introEntry.hidden = !textEntryEnabled && !voiceEntryEnabled;
         introEntry.dataset.textEnabled = String(textEntryEnabled);
+        introEntry.dataset.compactEntryEnabled = String(compactEntryEnabled);
         introInput.hidden = !textEntryEnabled;
         introInput.placeholder =
             entryEnabled && entry?.inputPlaceholder.trim()
@@ -7130,6 +7443,10 @@ export class WidgetView {
         this.require('[data-role="intro-compact-group"]').setAttribute("aria-label", this.messages.conversationStarters);
         this.require('[data-role="proactive-prompts"]').setAttribute("aria-label", this.messages.conversationStarters);
         this.require('[data-role="suggested-prompts"]').setAttribute("aria-label", this.messages.conversationStarters);
+        if (!this.active) {
+            this.clearIntroTransition();
+            this.introMinimized = compactEntryEnabled;
+        }
         this.syncIntroMinimizedState();
         this.syncIntroSendState();
         const send = this.require('[data-role="send"]');
@@ -7377,6 +7694,11 @@ export class WidgetView {
     setIntroMinimized(value, moveFocus = false) {
         if (value && (this.active || this.launcherSuppressed))
             return;
+        if (!value && this.compactEntryEnabled()) {
+            if (moveFocus)
+                this.focusIntroView(true);
+            return;
+        }
         if (this.introTransitionTarget === value)
             return;
         if (this.introTransitionTarget !== null && this.introMinimized === value) {
@@ -7561,6 +7883,20 @@ export class WidgetView {
     focusIntroControl(mode) {
         const input = this.require('[data-role="intro-text-input"]');
         const voice = this.require('[data-role="intro-voice"]');
+        const compactChat = this.require('[data-role="intro-expand"]');
+        const compactVoice = this.require('[data-role="intro-compact-voice"]');
+        if (this.introMinimized && this.compactEntryEnabled()) {
+            const compactCandidates = mode === "voice"
+                ? [compactVoice, compactChat]
+                : [compactChat, compactVoice];
+            for (const candidate of compactCandidates) {
+                if (candidate.hidden || candidate.hasAttribute("disabled"))
+                    continue;
+                candidate.focus({ preventScroll: true });
+                return;
+            }
+            return;
+        }
         const candidates = mode === "voice" ? [voice, input] : [input, voice];
         for (const candidate of candidates) {
             if (candidate.hidden || candidate.hasAttribute("disabled"))
@@ -7574,10 +7910,8 @@ export class WidgetView {
         if (!request)
             return;
         this.currentPageAssistanceRequest = null;
-        this.require('[data-role="page-assistance-overlay"]').hidden =
-            true;
+        const overlay = this.syncPageAssistancePresentation();
         this.require('[data-role="page-assistance-always"]').checked = false;
-        const overlay = this.require('[data-role="page-assistance-overlay"]');
         this.dialogFocus.dismiss(overlay);
         this.restoreVoicePresenceAfterPrompt();
         this.syncHeaderActions();
@@ -8863,6 +9197,9 @@ export class WidgetView {
         this.syncProactiveEngagementVisibility();
         this.syncSurfaceEffectOwner();
     }
+    compactEntryEnabled() {
+        return this.config.appearance?.compactEntryEnabled === true;
+    }
     cancelPendingConfirmation() {
         if (!this.resolvePendingConfirmation(false))
             return false;
@@ -9056,7 +9393,7 @@ export class WidgetView {
         introInput.value = "";
         introInput.setAttribute("aria-invalid", "false");
         this.clearIntroTransition();
-        this.introMinimized = false;
+        this.introMinimized = this.compactEntryEnabled();
         this.syncIntroMinimizedState();
         this.panel.classList.remove("voice-session");
         this.panel.removeAttribute("data-presentation");