@ash-qw/dsh-theme-prts 0.1.93 → 0.1.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "0.1.93",
+  "version": "0.1.95",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web",
@@ -70,7 +70,7 @@
     "node": ">=18"
   },
   "devDependencies": {
-    "@playwright/test": "1.55.0",
+    "@playwright/test": "1.55.1",
     "jsdom": "24.1.3"
   }
 }

package/src/client/composer-glass-adapter.js

@@ -9,6 +9,7 @@ const COMPOSER_RELEVANCE_SELECTOR = [
   'button[aria-haspopup="listbox"]',
   '[role="menu"]',
   '[role="listbox"]',
+  '[data-trigger-menu]',
   '[data-slot="conversation.input.overlay"]',
 ].join(', ')
 const PRESET_TRIGGER_SELECTOR = [
@@ -27,7 +28,7 @@ function controlledPopup(document, trigger) {
 }
 
 function localPopup(trigger) {
-  const selector = '[role="menu"], [role="listbox"], [class*="mufS8W_card"]'
+  const selector = '[role="menu"], [role="listbox"], [data-trigger-menu], [class*="mufS8W_card"]'
   const sibling = trigger.nextElementSibling
   if (sibling?.matches(selector)) return sibling
   return trigger.parentElement?.querySelector(`:scope > ${selector}`) ?? null
@@ -36,7 +37,7 @@ function localPopup(trigger) {
 function overlayPopup(document) {
   const overlay = document.querySelector('[data-slot="conversation.input.overlay"]')
   if (!overlay) return null
-  return overlay.querySelector('[role="listbox"], [role="menu"], [class*="mufS8W_card"]')
+  return overlay.querySelector('[data-trigger-menu], [role="listbox"], [role="menu"], [class*="mufS8W_card"]')
 }
 
 function linkedMenu(document, trigger) {
@@ -48,9 +49,9 @@ function linkedMenu(document, trigger) {
 function markPopup(popup, kind) {
   if (!popup) return
   mark(popup, MENU_ATTRIBUTE, kind)
-  const card = popup.closest?.('[class*="mufS8W_card"]')
+  const card = popup.closest?.('[data-trigger-menu], [class*="mufS8W_card"]')
   mark(card, MENU_ATTRIBUTE, kind)
-  for (const nested of popup.querySelectorAll?.('[role="menu"], [role="listbox"], [class*="mufS8W_card"]') ?? []) {
+  for (const nested of popup.querySelectorAll?.('[role="menu"], [role="listbox"], [data-trigger-menu], [class*="mufS8W_card"]') ?? []) {
     mark(nested, MENU_ATTRIBUTE, kind)
   }
 }
@@ -162,7 +163,7 @@ export function createComposerGlassAdapter({ document, window }) {
 
     const overlay = document?.querySelector?.('[data-slot="conversation.input.overlay"]')
     if (overlay) {
-      for (const popup of overlay.querySelectorAll('[role="menu"], [role="listbox"], [class*="mufS8W_card"]')) {
+      for (const popup of overlay.querySelectorAll('[data-trigger-menu], [role="menu"], [role="listbox"], [class*="mufS8W_card"]')) {
         markPopup(popup, popup.hasAttribute('aria-busy') ? 'model' : 'action')
       }
     }

package/src/client/index.js

@@ -12,7 +12,6 @@ import { createThemeController } from './theme-controller-v2.js'
 import { createParticleFieldAdapter } from './particle-field-adapter.js'
 import { createToBottomAdapter } from './to-bottom-adapter.js'
 import { createConversationControlAdapter } from './conversation-control-adapter.js'
-import { createConversationScaleAdapter } from './conversation-scale-adapter.js'
 import { createLayoutStabilityDiagnostics } from './layout-stability-diagnostics.js'
 import { createSidebarControlAdapter } from './sidebar-control-adapter.js'
 import { createFloatingGlassAdapter } from './floating-glass-adapter.js'
@@ -68,10 +67,8 @@ export function applyPrtsPlugin(ctx, environment) {
       particleField.setSchemeTransitionActive(active)
     },
   })
-  const sessions = contextService(ctx, 'sessions')
   const toBottom = createToBottomAdapter({ document, window })
   const conversationControls = createConversationControlAdapter({ document, window })
-  const conversationScale = createConversationScaleAdapter({ document, window, sessions })
   const layoutDiagnostics = createLayoutStabilityDiagnostics({ document, window })
   const sidebarControls = createSidebarControlAdapter({ document, window })
   const floatingGlass = createFloatingGlassAdapter({ document, window })
@@ -153,7 +150,6 @@ export function applyPrtsPlugin(ctx, environment) {
     particleField.update({ ...preferences, enabled: false })
     toBottom.dispose()
     conversationControls.dispose()
-    conversationScale.dispose()
     layoutDiagnostics.dispose()
     sidebarControls.dispose()
     floatingGlass.dispose()
@@ -194,9 +190,6 @@ export function applyPrtsPlugin(ctx, environment) {
       onRetrySave() {
         retryPersistence()
       },
-      getConversationScalePreview(value) {
-        return conversationScale.getCalibrationState(value)
-      },
     })
     if (!operations.update(preferences, status, settingsPersistence)) {
       if (!mountWarningIssued) {
@@ -216,8 +209,6 @@ export function applyPrtsPlugin(ctx, environment) {
     assistantGlass.start()
     toBottom.start()
     conversationControls.start()
-    conversationScale.update(preferences)
-    conversationScale.start()
     layoutDiagnostics.start()
     sidebarControls.start()
     floatingGlass.start()
@@ -315,7 +306,6 @@ export function applyPrtsPlugin(ctx, environment) {
     particleField.dispose()
     toBottom.dispose()
     conversationControls.dispose()
-    conversationScale.dispose()
     layoutDiagnostics.dispose()
     sidebarControls.dispose()
     floatingGlass.dispose()
@@ -361,7 +351,7 @@ export function applyPrtsPlugin(ctx, environment) {
 
 export function apply(ctx) {
   const React = require('react')
-  const { defineStore } = require('@deepseek-ai/dsh-client-runtime/client')
+  const { defineStore } = require('@deepseek-ai/dsh-client-store')
   applyPrtsPlugin(ctx, {
     document,
     window,

package/src/client/operations-shell-v2.js

@@ -1,6 +1,12 @@
 import { createThemeSettingsOverlay, themeSettingsMarkup } from './theme-settings-workbench.js'
 import { createResizeShieldAdapter } from './resize-shield-adapter.js'
 
+const PHONE_RAIL_BREAKPOINT = 640
+const RAIL_HOLD_DELAY_MS = 350
+const RAIL_HOLD_MOVE_TOLERANCE = 8
+const RAIL_SWIPE_THRESHOLD = 32
+const RAIL_SWIPE_AXIS_RATIO = 1.25
+
 function setText(root, selector, value) {
   const node = root?.querySelector(selector)
   const next = String(value ?? '')
@@ -9,7 +15,7 @@ function setText(root, selector, value) {
 
 function markup(emblem) {
   return `<div data-prts-shell data-plugin="dsh-theme-prts">
-    <button type="button" data-prts-rail-launcher aria-label="打开 P.R.T.S. 导航" aria-controls="prts-nav-rail" aria-expanded="false"><span aria-hidden="true">P.R.T.S.</span></button>
+    <button type="button" data-prts-rail-launcher aria-label="打开 P.R.T.S. 导航" aria-controls="prts-nav-rail" aria-expanded="false"><span aria-hidden="true">P.R.T.S.</span><i data-prts-rail-gesture-cue aria-hidden="true">⌄<br>⌄</i></button>
     <nav id="prts-nav-rail" data-prts-nav-rail aria-label="P.R.T.S. 导航">
       <button type="button" data-prts-rail-brand aria-label="P.R.T.S. 终端设置" aria-controls="prts-theme-settings" aria-expanded="false">${emblem || ''}<span>P.R.T.S.</span></button>
       <div data-prts-nav-bottom>
@@ -40,7 +46,6 @@ export function createOperationsShell({
   onPreferenceChange = () => {},
   onPreferencePreview = () => {},
   onVisualReset = () => {},
-  getConversationScalePreview = () => ({ visible: false, reason: 'unmeasured', mode: 'hidden' }),
   onRetrySave = () => {},
 }) {
   const root = document.documentElement
@@ -52,6 +57,10 @@ export function createOperationsShell({
   let railViewport
   let railDefaultHidden = false
   let railViewportQuery
+  let railPointerQuery
+  let railHoverQuery
+  let railPointer
+  let railHoldTimer
   let settingsOverlay
   let schemeToggle
   let schemeIntent
@@ -72,6 +81,89 @@ export function createOperationsShell({
     try { return window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches === true } catch { return false }
   }
 
+  function phoneRailGesture() {
+    if (railMode !== 'overlay' || Number(window.innerWidth) > PHONE_RAIL_BREAKPOINT) return false
+    return railPointerQuery?.matches === true
+      || railHoverQuery?.matches === true
+      || Number(window.navigator?.maxTouchPoints) > 0
+  }
+
+  function clearRailGesture({ release = true } = {}) {
+    if (railHoldTimer !== undefined) window.clearTimeout(railHoldTimer)
+    railHoldTimer = undefined
+    const pointer = railPointer
+    railPointer = undefined
+    if (release && pointer) {
+      try { railLauncher?.releasePointerCapture?.(pointer.pointerId) } catch {}
+    }
+    railLauncher?.removeAttribute('data-prts-rail-gesture-active')
+    railLauncher?.removeAttribute('data-prts-rail-gesture-ready')
+    railLauncher?.style?.removeProperty('--prts-rail-gesture-progress')
+  }
+
+  function armRailGesture() {
+    railHoldTimer = undefined
+    if (!railPointer || !phoneRailGesture()) return
+    railPointer.armed = true
+    railLauncher?.setAttribute('data-prts-rail-gesture-active', '')
+  }
+
+  function onRailPointerDown(event) {
+    if (!phoneRailGesture() || railPointer || (event.button ?? 0) !== 0) return
+    const pointerId = event.pointerId ?? 1
+    railPointer = {
+      pointerId,
+      startX: Number(event.clientX) || 0,
+      startY: Number(event.clientY) || 0,
+      armed: false,
+      ready: false,
+    }
+    try { railLauncher?.setPointerCapture?.(pointerId) } catch {}
+    railHoldTimer = window.setTimeout(armRailGesture, RAIL_HOLD_DELAY_MS)
+  }
+
+  function onRailPointerMove(event) {
+    const pointer = railPointer
+    if (!pointer || (event.pointerId ?? 1) !== pointer.pointerId) return
+    const deltaX = (Number(event.clientX) || 0) - pointer.startX
+    const deltaY = (Number(event.clientY) || 0) - pointer.startY
+    if (!pointer.armed) {
+      if (Math.hypot(deltaX, deltaY) > RAIL_HOLD_MOVE_TOLERANCE) clearRailGesture()
+      return
+    }
+    event.preventDefault?.()
+    if (Math.abs(deltaX) > Math.max(RAIL_HOLD_MOVE_TOLERANCE, Math.max(0, deltaY) / RAIL_SWIPE_AXIS_RATIO)) {
+      clearRailGesture()
+      return
+    }
+    const progress = Math.min(1, Math.max(0, deltaY) / RAIL_SWIPE_THRESHOLD)
+    pointer.ready = deltaY >= RAIL_SWIPE_THRESHOLD
+      && deltaY >= Math.abs(deltaX) * RAIL_SWIPE_AXIS_RATIO
+    railLauncher?.style?.setProperty('--prts-rail-gesture-progress', Math.round(progress * 12) + 'px')
+    railLauncher?.toggleAttribute('data-prts-rail-gesture-ready', pointer.ready)
+  }
+
+  function onRailPointerUp(event) {
+    const pointer = railPointer
+    if (!pointer || (event.pointerId ?? 1) !== pointer.pointerId) return
+    const shouldOpen = pointer.armed && pointer.ready
+    clearRailGesture()
+    if (shouldOpen) openRail()
+  }
+
+  function onRailLostPointerCapture(event) {
+    if (!railPointer || (event.pointerId ?? 1) !== railPointer.pointerId) return
+    clearRailGesture({ release: false })
+  }
+
+  function onRailClick(event) {
+    if (phoneRailGesture() && Number(event?.detail) > 0) {
+      event.preventDefault?.()
+      return
+    }
+    toggleRail()
+  }
+
   function playSchemePress() {
     if (!schemeToggle || reducedMotion()) return
     const revision = ++schemePressRevision
@@ -129,7 +221,6 @@ export function createOperationsShell({
     )
     const active = Boolean(candidate)
     root.dataset.prtsConversationState = active ? 'active' : 'idle'
-    settingsOverlay?.refreshScalePreview()
   }
 
   function toggleScheme(event) {
@@ -257,7 +348,8 @@ export function createOperationsShell({
     const overlay = railMode === 'overlay'
     const open = overlay && root.hasAttribute('data-prts-rail-open')
     railLauncher.setAttribute('aria-expanded', String(open))
-    railLauncher.setAttribute('aria-label', open ? '关闭 P.R.T.S. 导航' : '打开 P.R.T.S. 导航')
+    const closedLabel = phoneRailGesture() ? '长按并向下滑动打开 P.R.T.S. 导航' : '打开 P.R.T.S. 导航'
+    railLauncher.setAttribute('aria-label', open ? '关闭 P.R.T.S. 导航' : closedLabel)
     if (overlay && !open) {
       navRail.setAttribute('aria-hidden', 'true')
       navRail.setAttribute('inert', '')
@@ -294,6 +386,7 @@ export function createOperationsShell({
     if (!viewportChanged && !modeChanged && !forceClose) return railMode
     railViewport = nextViewport
     railMode = nextMode
+    clearRailGesture()
     root.dataset.prtsRailMode = nextMode
     root.removeAttribute('data-prts-rail-open')
     syncRailState()
@@ -320,13 +413,18 @@ export function createOperationsShell({
   }
 
   function onResponsiveChange() {
+    clearRailGesture()
     setRailViewport(window.innerWidth)
-    settingsOverlay?.scheduleScalePreviewRefresh?.()
+    syncRailState()
   }
 
   function bindResponsiveQueries() {
     railViewportQuery = window.matchMedia?.('(min-width: 1180px)')
+    railPointerQuery = window.matchMedia?.('(pointer: coarse)')
+    railHoverQuery = window.matchMedia?.('(hover: none)')
     railViewportQuery?.addEventListener?.('change', onResponsiveChange)
+    railPointerQuery?.addEventListener?.('change', onResponsiveChange)
+    railHoverQuery?.addEventListener?.('change', onResponsiveChange)
   }
   function disableTheme() { onThemeDisable() }
 
@@ -356,7 +454,6 @@ export function createOperationsShell({
       onPreferencePreview,
       onResetVisual: onVisualReset,
       onRetrySave,
-      getConversationScalePreview,
     })
     resizeShield.start([
       operationRegion,
@@ -367,7 +464,12 @@ export function createOperationsShell({
     conversationObserver.observe(operationRegion, { childList: true, subtree: true, attributes: true, attributeFilter: ['hidden', 'data-chat-flow-kind', 'data-message-role'] })
     schemeObserver = new window.MutationObserver(syncSchemeToggle)
     schemeObserver.observe(root, { attributes: true, attributeFilter: ['data-prts-scheme'] })
-    railLauncher.addEventListener('click', toggleRail)
+    railLauncher.addEventListener('click', onRailClick)
+    railLauncher.addEventListener('pointerdown', onRailPointerDown)
+    railLauncher.addEventListener('pointermove', onRailPointerMove)
+    railLauncher.addEventListener('pointerup', onRailPointerUp)
+    railLauncher.addEventListener('pointercancel', clearRailGesture)
+    railLauncher.addEventListener('lostpointercapture', onRailLostPointerCapture)
     document.addEventListener('keydown', onRailKeydown)
     document.addEventListener('click', onDocumentClick)
     schemeToggle.addEventListener('click', toggleScheme)
@@ -384,10 +486,16 @@ export function createOperationsShell({
   }
 
   function dispose() {
+    clearRailGesture()
     cancelSchemePointer()
     clearSchemeClickSuppression()
     clearSchemePressDelays()
-    railLauncher?.removeEventListener('click', toggleRail)
+    railLauncher?.removeEventListener('click', onRailClick)
+    railLauncher?.removeEventListener('pointerdown', onRailPointerDown)
+    railLauncher?.removeEventListener('pointermove', onRailPointerMove)
+    railLauncher?.removeEventListener('pointerup', onRailPointerUp)
+    railLauncher?.removeEventListener('pointercancel', clearRailGesture)
+    railLauncher?.removeEventListener('lostpointercapture', onRailLostPointerCapture)
     document.removeEventListener('keydown', onRailKeydown)
     document.removeEventListener('click', onDocumentClick)
     schemeToggle?.removeEventListener('click', toggleScheme)
@@ -399,7 +507,11 @@ export function createOperationsShell({
     window.removeEventListener?.('blur', cancelSchemePointer)
     themeDisable?.removeEventListener('click', disableTheme)
     railViewportQuery?.removeEventListener?.('change', onResponsiveChange)
+    railPointerQuery?.removeEventListener?.('change', onResponsiveChange)
+    railHoverQuery?.removeEventListener?.('change', onResponsiveChange)
     railViewportQuery = undefined
+    railPointerQuery = undefined
+    railHoverQuery = undefined
     resizeShield.dispose()
     settingsOverlay?.dispose()
     conversationObserver?.disconnect()

package/src/client/particle-field-adapter.js

@@ -557,6 +557,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
 
 
   function particleTraversalSpeed(value = preferences) {
+    if (phoneStatic()) return 0
     const numeric = Number(value?.particleTraversalSpeed)
     return Number.isFinite(numeric) ? clamp(numeric, 0, 2) : 1
   }
@@ -1123,6 +1124,19 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     const entry = entries.find(candidate => candidate.target === operation) ?? entries[0]
     const contentRect = entry?.contentRect
     pendingResizeSize = contentRect ? sizeFromRect(contentRect) : readOperationSize()
+    if (phoneStatic()) {
+      const nextSize = pendingResizeSize
+      clearResizeState()
+      const changed = applyFieldSize(nextSize)
+      if (changed && particles.length) snapParticlesToCurrentLayout()
+      resizeCommits += changed ? 1 : 0
+      syncCanvasBackingStore()
+      geometryDirty = false
+      cancelFrame()
+      draw(Number(window.performance?.now?.()) || 0)
+      cancelFrame()
+      return
+    }
     if (resizeFrame !== undefined) return
     resizeFrame = window.requestAnimationFrame?.(() => {
       resizeFrame = undefined
@@ -1532,7 +1546,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     if (heroActive) leaveHero()
   }
   function onScroll() {
-    if (!scroller) return
+    if (!scroller || phoneStatic()) return
     if (heroActive) {
       scheduleFrame()
       return
@@ -1581,6 +1595,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function registerContentMutations(mutations) {
+    if (phoneStatic()) return
     let weight = mutations.length
     for (const mutation of mutations) {
       for (const node of [...mutation.addedNodes, ...mutation.removedNodes]) {
@@ -1693,8 +1708,35 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     cancelFrame()
   }
 
+  function rebindScroller(nextScroller) {
+    scroller?.removeAttribute('data-prts-hero-active')
+    scroller?.removeEventListener('scroll', onScroll)
+    cancelHydrationResume()
+    hydrationPaused = false
+    mutationBurstScore = 0
+    if (mutationBurstTimer !== undefined) window.clearTimeout?.(mutationBurstTimer)
+    mutationBurstTimer = undefined
+    heroMarker = undefined
+    heroActive = false
+    scroller = nextScroller
+    scroller.addEventListener('scroll', onScroll, { passive: true })
+    syncHeroState()
+    if (!heroActive) {
+      resetTraversal()
+      if (!phoneStatic()) restoreTraversalFromScroll()
+      commitTransitionTargets(segment, true)
+    }
+    scheduleFrame()
+  }
+
   function mount(nextOperation, nextScroller) {
-    if (operation === nextOperation && scroller === nextScroller && ambient?.isConnected && canvas?.isConnected) return
+    if (operation === nextOperation && ambient?.isConnected && canvas?.isConnected) {
+      if (scroller === nextScroller) return
+      if (nextScroller) {
+        rebindScroller(nextScroller)
+        return
+      }
+    }
     unmount()
     operation = nextOperation
     scroller = nextScroller
@@ -1705,7 +1747,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     glow = created.glow
     canvas = document.createElement('canvas')
     canvas.setAttribute('data-prts-particle-layer', '')
-    canvas.setAttribute('aria-label', '随对话滚动轮换阵营标识的粒子画布')
+    canvas.setAttribute('aria-label', phoneStatic() ? '静态阵营标识粒子画布' : '随对话滚动轮换阵营标识的粒子画布')
     canvas.style.visibility = 'hidden'
     if (typeof window.CanvasRenderingContext2D === 'function') context = canvas.getContext('2d')
     targetCache.clear()

package/src/client/preferences.js

@@ -1,15 +1,5 @@
 export const PRTS_STORAGE_KEY = 'dsh.ui.prts.v1'
 
-export const CONVERSATION_SCALE_DISTANCE_MIN = 16
-export const CONVERSATION_SCALE_DISTANCE_MAX = 240
-export const CONVERSATION_SCALE_DISTANCE_STEP = 8
-export const CONVERSATION_SCALE_DISTANCE_DEFAULT = 96
-
-export const CONVERSATION_SCALE_FOCUS_CONTRAST_MIN = 0
-export const CONVERSATION_SCALE_FOCUS_CONTRAST_MAX = 100
-export const CONVERSATION_SCALE_FOCUS_CONTRAST_STEP = 10
-export const CONVERSATION_SCALE_FOCUS_CONTRAST_DEFAULT = 70
-
 export const PARTICLE_TRAVERSAL_SPEED_MIN = 0
 export const PARTICLE_TRAVERSAL_SPEED_MAX = 2
 export const PARTICLE_TRAVERSAL_SPEED_STEP = 0.25
@@ -28,8 +18,6 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   particleTraversalSpeed: PARTICLE_TRAVERSAL_SPEED_DEFAULT,
   particlePattern: 'orthogonal',
   railDefaultHidden: false,
-  conversationScaleMaxDistance: CONVERSATION_SCALE_DISTANCE_DEFAULT,
-  conversationScaleFocusContrast: CONVERSATION_SCALE_FOCUS_CONTRAST_DEFAULT,
 })
 
 export const VISUAL_PRESETS = Object.freeze({
@@ -70,7 +58,7 @@ export const PREFERENCE_GROUPS = Object.freeze({
   particles: Object.freeze(['conversationParticleDensity', 'heroParticleDensity', 'particleTraversalSpeed']),
   material: Object.freeze(['glass']),
   accessibility: Object.freeze(['motion', 'bootAnimation']),
-  navigation: Object.freeze(['railDefaultHidden', 'conversationScaleMaxDistance', 'conversationScaleFocusContrast']),
+  navigation: Object.freeze(['railDefaultHidden']),
 })
 
 const TEXTURES = new Set(['off', 'restrained', 'full'])
@@ -107,20 +95,6 @@ function enumOr(value, allowed, fallback) {
   return allowed.has(value) ? value : fallback
 }
 
-function scaleDistanceOr(value, fallback) {
-  const numeric = Number(value)
-  if (!Number.isFinite(numeric)) return fallback
-  const clamped = Math.min(CONVERSATION_SCALE_DISTANCE_MAX, Math.max(CONVERSATION_SCALE_DISTANCE_MIN, numeric))
-  return Math.round(clamped / CONVERSATION_SCALE_DISTANCE_STEP) * CONVERSATION_SCALE_DISTANCE_STEP
-}
-
-function scaleFocusContrastOr(value, fallback) {
-  const numeric = Number(value)
-  if (!Number.isFinite(numeric)) return fallback
-  const clamped = Math.min(CONVERSATION_SCALE_FOCUS_CONTRAST_MAX, Math.max(CONVERSATION_SCALE_FOCUS_CONTRAST_MIN, numeric))
-  return Math.round(clamped / CONVERSATION_SCALE_FOCUS_CONTRAST_STEP) * CONVERSATION_SCALE_FOCUS_CONTRAST_STEP
-}
-
 function particleTraversalSpeedOr(value, fallback) {
   const numeric = Number(value)
   if (!Number.isFinite(numeric)) return fallback
@@ -170,14 +144,6 @@ export function normalizePreferences(value) {
     ),
     particlePattern: 'orthogonal',
     railDefaultHidden: booleanOr(input.railDefaultHidden, DEFAULT_PREFERENCES.railDefaultHidden),
-    conversationScaleMaxDistance: scaleDistanceOr(
-      input.conversationScaleMaxDistance,
-      DEFAULT_PREFERENCES.conversationScaleMaxDistance,
-    ),
-    conversationScaleFocusContrast: scaleFocusContrastOr(
-      input.conversationScaleFocusContrast,
-      DEFAULT_PREFERENCES.conversationScaleFocusContrast,
-    ),
   }
   normalized.preset = matchedVisualPreset(normalized)
   return normalized

package/src/client/resize-shield-adapter.js

@@ -29,6 +29,11 @@ export function createResizeShieldAdapter({
 
   function onResize() {
     if (!started) return
+    if (Number(window?.innerWidth) <= 640) {
+      clearTimer()
+      setActive(false)
+      return
+    }
     setActive(true)
     clearTimer()
     settleTimer = window?.setTimeout?.(settle, settleDelay)