@ash-qw/dsh-theme-prts 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web and the official desktop client",
@@ -73,7 +73,8 @@
   },
   "devDependencies": {
     "@playwright/test": "1.55.1",
-    "jsdom": "24.1.3"
+    "jsdom": "24.1.3",
+    "markdown-it": "^14.3.2"
   },
   "dependencies": {
     "sharp": "^0.35.5"

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

@@ -103,6 +103,52 @@ function cssUrl(value) {
 
 export function createAssistantGlassAdapter({ document, window, avatarImage = '' }) {
   let observer
+  let observationRoot
+  let groupAvatars = true
+  let avatarsDirty = true
+  const avatarSteps = new Set()
+  const emptySteps = new Set()
+  function refreshAvatars() {
+    if (!avatarsDirty || !observationRoot) return
+    avatarsDirty = false
+    for (const step of avatarSteps) {
+      if (!observationRoot.contains(step)) {
+        step.removeAttribute('data-prts-avatar-hidden')
+        avatarSteps.delete(step)
+      }
+    }
+    emptySteps.clear()
+    if (!groupAvatars) {
+      for (const step of avatarSteps) step.removeAttribute('data-prts-avatar-hidden')
+      avatarSteps.clear()
+      return
+    }
+    const groups = new Map()
+    for (const node of observationRoot.querySelectorAll('[data-chat-flow-kind="user"], [data-chat-flow-kind="steering"], ' + STEP_SELECTOR)) {
+      const scope = node.closest('[data-conversation-scroll]') ?? observationRoot
+      let group = groups.get(scope)
+      if (!group) groups.set(scope, group = new Set())
+      if (node.getAttribute('data-chat-flow-kind') !== 'assistant-step') {
+        if (node.closest('[hidden], [data-turn-process-hidden="true"]')) continue
+        group.clear()
+        continue
+      }
+      const surface = stepSurfaces.get(node) ?? resolveAssistantSurface(node)
+      const hasContent = Boolean(surface?.textContent?.trim() || surface?.querySelector('img,video,audio,canvas,svg'))
+      if (!hasContent) emptySteps.add(node)
+      const eligible = hasContent && node.getAttribute('data-chat-group-part') !== 'reasoning'
+        && !node.closest('[hidden], [data-turn-process-hidden="true"]')
+      const turn = node.getAttribute('data-chat-turn') ?? 'unassigned'
+      // The compact-answer flag disappears when expanded; process membership
+      // remains stable, so final responses keep their independent avatars.
+      const process = node.hasAttribute('data-turn-process-member')
+      const show = eligible && (!process || !group.has(turn))
+      if (show && process) group.add(turn)
+      if (show) node.removeAttribute('data-prts-avatar-hidden')
+      else if (!node.hasAttribute('data-prts-avatar-hidden')) node.setAttribute('data-prts-avatar-hidden', '')
+      avatarSteps.add(node)
+    }
+  }
   let scanFrame
   const ownedSurfaces = new Set()
   const ownedSteps = new Set()
@@ -198,6 +244,7 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
   }
 
   function scan() {
+    refreshAvatars()
     const startedAt = window?.performance?.now?.() ?? Date.now()
     let processed = 0
     for (const step of pendingSteps) {
@@ -224,10 +271,16 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
 
   function onMutations(mutations) {
     for (const mutation of mutations) {
+      if (mutation.type === 'characterData') {
+        const step = mutation.target.parentElement?.closest(STEP_SELECTOR)
+        if (emptySteps.has(step)) avatarsDirty = true
+        continue
+      }
       const parentStep = mutation.target?.closest?.(STEP_SELECTOR)
       const stableContentMutation = parentStep
         && stableBodyContains(parentStep, mutation.target)
         && !(mutation.type === 'attributes' && stepSurfaces.get(parentStep) === mutation.target)
+      if (!stableContentMutation || emptySteps.has(parentStep)) avatarsDirty = true
       if (parentStep && !stableContentMutation) {
         pendingSteps.add(parentStep)
       }
@@ -239,7 +292,7 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
         if (surface && (surface === node || node.contains?.(surface))) pendingSteps.add(parentStep)
       }
     }
-    if (pendingSteps.size) queueScan()
+    if (pendingSteps.size || avatarsDirty) queueScan()
   }
 
   function removeMarkers() {
@@ -248,13 +301,19 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
   }
 
   return {
-    start() {
+    start({ groupAvatars: enabled = true } = {}) {
       if (!document) return
+      if (groupAvatars !== enabled) {
+        groupAvatars = enabled
+        avatarsDirty = true
+        refreshAvatars()
+      }
       mountAvatarImage()
-      const observationRoot = document.querySelector('[data-prts-region="operation"]')
+      observationRoot = document.querySelector('[data-prts-region="operation"]')
         ?? document.querySelector('[data-slot="main.conversation"], [data-slot="conversation"]')
       if (!observationRoot) return
       if (observer) return
+      avatarsDirty = true
       collectInitialSteps(observationRoot)
       scan()
       const Observer = window?.MutationObserver
@@ -263,8 +322,9 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
       observer.observe(observationRoot, {
         subtree: true,
         childList: true,
+        characterData: true,
         attributes: true,
-        attributeFilter: ['class', 'data-chat-flow-kind', 'data-chat-group-part', 'data-markdown', 'data-slot'],
+        attributeFilter: ['class', 'data-chat-flow-kind', 'data-chat-group-part', 'data-markdown', 'data-slot', 'data-chat-turn', 'hidden', 'data-turn-process-hidden', 'data-turn-process-member', 'data-turn-process-answer'],
       })
     },
     dispose() {
@@ -276,6 +336,10 @@ export function createAssistantGlassAdapter({ document, window, avatarImage = ''
       }
       scanFrame = undefined
       removeMarkers()
+      for (const step of avatarSteps) step.removeAttribute('data-prts-avatar-hidden')
+      avatarSteps.clear()
+      emptySteps.clear()
+      observationRoot = undefined
       releaseAvatarImage()
     },
   }

package/src/client/conversation-control-adapter.js

@@ -14,6 +14,8 @@ function closestWithClassSuffix(node, suffix) {
 function classify(button, operation) {
   // The host's process disclosure owns its transparent, full-width hit area.
   if (button.hasAttribute('data-turn-process')) return null
+  // Changed-file cards own one outer surface; their header and rows stay native.
+  if (button.closest('[data-changed-files]')) return null
   // File previews are transparent hit targets; the enclosing card owns its material and outline.
   if (button.closest('[data-presented-file]') && hasClassSuffix(button, '_cardPreview')) return null
   if (button.tagName !== 'BUTTON' || !operation.contains(button)) return null

package/src/client/cursor-adapter.js

@@ -88,8 +88,18 @@ export function createCursorAdapter({ document, window, assets }) {
   let originalCursor
   let originalPriority
   let appliedCursor
+  let appliedPriority
+  function ownsHandCursor() {
+    return handTarget?.style.cursor === appliedCursor
+      && handTarget.style.getPropertyPriority('cursor') === appliedPriority
+  }
+  function stopIfHandChanged() {
+    if (!handTarget || ownsHandCursor()) return false
+    reset()
+    return true
+  }
   function restoreHandTarget() {
-    if (handTarget && handTarget.style.cursor === appliedCursor) {
+    if (handTarget && ownsHandCursor()) {
       if (originalCursor) handTarget.style.setProperty('cursor', originalCursor, originalPriority)
       else handTarget.style.removeProperty('cursor')
     }
@@ -103,6 +113,7 @@ export function createCursorAdapter({ document, window, assets }) {
     return target && target.getElementsByTagName('*').length <= maxAnimatedDescendants
   }
   function followHand(target) {
+    if (stopIfHandChanged()) return
     if (target === handTarget && target !== textTarget) return
     restoreHandTarget()
     if (!canAnimate(target) || !handCursor || target === textTarget) return
@@ -111,13 +122,16 @@ export function createCursorAdapter({ document, window, assets }) {
     handTarget = target
     originalCursor = target.style.getPropertyValue('cursor')
     originalPriority = target.style.getPropertyPriority('cursor')
+    appliedCursor = originalCursor
+    appliedPriority = originalPriority
     target.setAttribute('data-prts-hand-active', '')
     applyHandFrame()
   }
   function applyHandFrame() {
-    if (!handTarget) return
+    if (stopIfHandChanged() || !handTarget) return
     handTarget.style.setProperty('cursor', handCursor)
     appliedCursor = handTarget.style.cursor
+    appliedPriority = handTarget.style.getPropertyPriority('cursor')
   }
   function clearTimer() {
     if (timer !== undefined) window.clearTimeout(timer)
@@ -144,10 +158,12 @@ export function createCursorAdapter({ document, window, assets }) {
     let index = 0
     function next() {
       timer = undefined
+      if (stopIfHandChanged()) return
       // The source ANI ends with a 60-second hold frame. Use the static state instead.
       if (index >= frames.length - 1) { done(); return }
       const frame = frames[index++]
       show(frame.url)
+      if (!handCursor) return
       timer = window.setTimeout(next, frame.duration)
     }
     next()
@@ -179,6 +195,7 @@ export function createCursorAdapter({ document, window, assets }) {
     play(gestureAssets.release, reset)
   }
   function up(event) {
+    if (stopIfHandChanged()) return
     if (pointerId === undefined || event.pointerId !== pointerId || event.button !== 0) return
     pointerId = undefined
     if (reduced()) { reset(); return }

package/src/client/custom-emblem.js

@@ -245,7 +245,7 @@ export function customEmblemMarkup() {
   return `<section data-prts-custom-emblem>
     <header><strong>徽记管理</strong><small>新会话与正文分别设置，可在任意会话中让 AI 调整，设置在当前 DSH 实例共享</small></header>
     <div data-prts-emblem-hero-panel><h4>新会话徽记</h4><div data-prts-emblem-hero-row></div></div>
-    <div><h4>正文轮换徽记</h4><small>按列表顺序随正文滚动轮换，可混合使用内置与上传的图片，最多 12 张。长按徽记选项任意位置拖动排序，松开保存。</small>
+    <div><h4>正文轮换徽记</h4><small data-prts-emblem-baker-note hidden>Baker 会话正文不显示或运行粒子徽记；下列配置保留供经典主题使用，新会话徽记不受影响。</small><small>按列表顺序随正文滚动轮换，可混合使用内置与上传的图片，最多 12 张。长按徽记选项任意位置拖动排序，松开保存。</small>
       <ol data-prts-emblem-list></ol>
       <div data-prts-emblem-actions><button type="button" data-prts-emblem-add>新增徽记</button><button type="button" data-prts-emblem-reset-list>恢复内置列表</button></div>
     </div>

package/src/client/facility-geometry.js

@@ -1,7 +1,7 @@
 export const FACILITY_GEOMETRY = Object.freeze({
   stroke: 1,
   corner: 1,
-  sideDepth: 2,
+  sideDepth: 14 / 17,
   sideOpening: 10,
   sideInner: 6,
   topOpening: 50,
@@ -20,7 +20,7 @@ function point(x, y) {
   return `${number(x)} ${number(y)}`
 }
 
-export function createFacilityPath({ width, height, topNotch = false, sessionNotch = false } = {}) {
+export function createFacilityPath({ width, height, topNotch = false, sessionNotch = false, spine = false } = {}) {
   if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 2 || height <= FACILITY_GEOMETRY.sideOpening + 2) return ''
 
   const halfStroke = FACILITY_GEOMETRY.stroke / 2
@@ -28,6 +28,10 @@ export function createFacilityPath({ width, height, topNotch = false, sessionNot
   const right = width - halfStroke
   const top = halfStroke
   const bottom = height - halfStroke
+  // Keep the original RIIC sidebar width ratio; align notch ends with the card face.
+  const sideDepth = spine ? (width - FACILITY_GEOMETRY.stroke) * 2 / 17 : FACILITY_GEOMETRY.sideDepth
+  const sideOpening = FACILITY_GEOMETRY.sideOpening
+  const sideInner = FACILITY_GEOMETRY.sideInner
   const centerX = width / 2
   const centerY = height / 2
   const points = [point(left + FACILITY_GEOMETRY.corner, top)]
@@ -47,18 +51,18 @@ export function createFacilityPath({ width, height, topNotch = false, sessionNot
   points.push(
     point(right - FACILITY_GEOMETRY.corner, top),
     point(right, top + FACILITY_GEOMETRY.corner),
-    point(right, centerY - FACILITY_GEOMETRY.sideOpening / 2),
-    point(right - FACILITY_GEOMETRY.sideDepth, centerY - FACILITY_GEOMETRY.sideInner / 2),
-    point(right - FACILITY_GEOMETRY.sideDepth, centerY + FACILITY_GEOMETRY.sideInner / 2),
-    point(right, centerY + FACILITY_GEOMETRY.sideOpening / 2),
+    point(right, centerY - sideOpening / 2),
+    point(right - sideDepth, centerY - sideInner / 2),
+    point(right - sideDepth, centerY + sideInner / 2),
+    point(right, centerY + sideOpening / 2),
     point(right, bottom - FACILITY_GEOMETRY.corner),
     point(right - FACILITY_GEOMETRY.corner, bottom),
     point(left + FACILITY_GEOMETRY.corner, bottom),
     point(left, bottom - FACILITY_GEOMETRY.corner),
-    point(left, centerY + FACILITY_GEOMETRY.sideOpening / 2),
-    point(left + FACILITY_GEOMETRY.sideDepth, centerY + FACILITY_GEOMETRY.sideInner / 2),
-    point(left + FACILITY_GEOMETRY.sideDepth, centerY - FACILITY_GEOMETRY.sideInner / 2),
-    point(left, centerY - FACILITY_GEOMETRY.sideOpening / 2),
+    point(left, centerY + sideOpening / 2),
+    point(left + sideDepth, centerY + sideInner / 2),
+    point(left + sideDepth, centerY - sideInner / 2),
+    point(left, centerY - sideOpening / 2),
     point(left, top + FACILITY_GEOMETRY.corner),
   )
 

package/src/client/facility-vector.js

@@ -279,7 +279,7 @@ export function renderFacilityGraphic(owner, { width, height } = {}) {
     renderStates.set(graphic, state)
   }
   const { statusUnderlay, idleIndicator, silhouette, pickup, lifeline } = state
-  const path = createFacilityPath({ width, height, topNotch, sessionNotch })
+  const path = createFacilityPath({ width, height, topNotch, sessionNotch, spine: graphic.getAttribute('data-prts-facility-svg') === 'spine' })
   graphic.setAttribute('viewBox', `0 0 ${Number(width.toFixed(3))} ${Number(height.toFixed(3))}`)
   for (const layer of state.layers) layer.setAttribute('d', path)
   statusUnderlay?.setAttribute('d', createFacilityPath({ width, height }))

package/src/client/index.js

@@ -100,6 +100,8 @@ export function applyPrtsPlugin(ctx, environment) {
     workspaces: contextService(ctx, 'workspaces'),
     getSessionStatus: () => contextService(ctx, 'uiSession')?.sessionStatus,
     getUiWorkspace: () => contextService(ctx, 'uiWorkspace'),
+    getSessions: () => contextService(ctx, 'sessions'),
+    getUiConversation: () => contextService(ctx, 'uiConversation'),
   })
   const floatingGlass = createFloatingGlassAdapter({ document, window })
   const adapter = createRc7Adapter({ document })
@@ -252,12 +254,12 @@ export function applyPrtsPlugin(ctx, environment) {
     }
     particleField.update(preferences)
     composerGlass.start()
-    if (preferences.conversationStyle === 'deck-chat') assistantGlass.start()
+    if (preferences.conversationStyle === 'deck-chat') assistantGlass.start({ groupAvatars: preferences.bakerGroupAvatars })
     else assistantGlass.dispose()
     toBottom.start()
     conversationControls.start()
     layoutDiagnostics.start()
-    sidebarControls.start()
+    sidebarControls.start(preferences)
     floatingGlass.start()
   }
 

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

@@ -431,7 +431,8 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     : preferences.conversationParticleDensity
   const densityProfile = density => PARTICLE_DENSITY_PROFILES[density] ?? PARTICLE_DENSITY_PROFILES.standard
   const particleRadius = density => densityProfile(density ?? activeDensity()).radius
-  const canRenderFrame = () => !disposed && documentVisible && canvasVisible && !hydrationPaused && !startupPaused && !schemeTransitionPaused && !resizing
+  const fieldEnabled = () => heroActive || (preferences.conversationStyle !== 'deck-chat' && preferences.conversationEmblem !== false)
+  const canRenderFrame = () => fieldEnabled() && !disposed && documentVisible && canvasVisible && !hydrationPaused && !startupPaused && !schemeTransitionPaused && !resizing
   const layoutWidth = () => width
   const layoutHeight = () => height
   const layoutShiftX = () => 0
@@ -496,7 +497,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function populationSource(density = activeDensity()) {
-    return heroActive ? targetsForHero(density) : targetsForSegment(segment, density)
+    return !fieldEnabled() ? [] : heroActive ? targetsForHero(density) : targetsForSegment(segment, density)
   }
 
   function targetParticleCount(density = activeDensity()) {
@@ -697,7 +698,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
 
   function scheduleTargetPrewarm() {
     cancelTargetPrewarm()
-    if (typeof window.requestIdleCallback !== 'function' || !particles.length) return
+    if (preferences.conversationEmblem === false || preferences.conversationStyle === 'deck-chat' || !fieldEnabled() || typeof window.requestIdleCallback !== 'function' || !particles.length) return
     targetPrewarmQueue = (customEmblemConfiguration?.conversation ?? emblemSequence).map((_, index) => index)
       .filter(index => index !== sequenceIndexForSegment(segment))
     const warmNext = () => {
@@ -718,6 +719,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function buildParticles() {
+    if (!fieldEnabled()) { particles = []; cancelTargetPrewarm(); return false }
     if (startupPaused) return false
     const selected = populationSource()
     if (!selected.length) {
@@ -796,6 +798,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function startDensityReassembly(nextCount, force = false) {
+    if (!fieldEnabled()) return
     const baseNextTargets = populationSource()
     const targetCount = baseNextTargets.length
     if (!targetCount) {
@@ -921,6 +924,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function commitTransitionTargets(targetSegment, snap = false, density = preferences.conversationParticleDensity) {
+    if (!fieldEnabled()) return
     const selected = targetsForSegment(targetSegment, density)
     if (!selected.length) return
     segment = targetSegment
@@ -1507,7 +1511,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     heroActive = true
     scroller?.setAttribute('data-prts-hero-active', '')
     resetTraversal()
-    scheduleFrame()
+    updateFrameGate()
   }
 
   function leaveHero() {
@@ -1516,6 +1520,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     heroMarker = undefined
     heroActive = false
     scroller?.removeAttribute('data-prts-hero-active')
+    if (!fieldEnabled()) { resetTraversal(); updateFrameGate(); return }
     side = -1
     segment = 0
     traversalOffset = -currentScrollTop() * particleTraversalSpeed() / traversalViewport()
@@ -1558,7 +1563,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     if (heroActive) leaveHero()
   }
   function onScroll() {
-    if (!scroller || phoneStatic()) return
+    if (!fieldEnabled() || !scroller || phoneStatic()) return
     if (heroActive) {
       scheduleFrame()
       return
@@ -1570,7 +1575,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function onPointerMove(event) {
-    if (!operation || transition || motionReduced() || phoneStatic()) return
+    if (!fieldEnabled() || !operation || transition || motionReduced() || phoneStatic()) return
     pointerClientX = event.clientX
     pointerClientY = event.clientY
     pointerActive = true
@@ -1607,7 +1612,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function registerContentMutations(mutations) {
-    if (phoneStatic()) return
+    if (!fieldEnabled() || phoneStatic()) return
     let weight = mutations.length
     for (const mutation of mutations) {
       for (const node of [...mutation.addedNodes, ...mutation.removedNodes]) {
@@ -1652,6 +1657,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function updateFrameGate() {
+    if (canvas) canvas.hidden = !fieldEnabled()
     const now = Number(window.performance?.now?.()) || 0
     if (!canRenderFrame()) {
       pauseStartedAt ??= now
@@ -1741,7 +1747,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
       if (!phoneStatic()) restoreTraversalFromScroll()
       commitTransitionTargets(segment, true)
     }
-    scheduleFrame()
+    updateFrameGate()
   }
 
   function mount(nextOperation, nextScroller) {
@@ -1768,6 +1774,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
     targetCache.clear()
     initializeFieldSize()
     syncHeroState()
+    canvas.hidden = !fieldEnabled()
     if (!heroActive) restoreTraversalFromScroll()
     if (!particles.length && maskRecords.length) buildParticles()
     if (context && particles.length) {
@@ -1880,6 +1887,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
       }
 
       findMount()
+      if (!fieldEnabled()) resetTraversal()
       const previousActiveDensity = heroActive
         ? previousPreferences.heroParticleDensity
         : previousPreferences.conversationParticleDensity
@@ -1914,10 +1922,11 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
         }
       }
       if (ambient) ambient.hidden = preferences.texture === 'off' && preferences.conversationStyle !== 'deck-chat'
-      scheduleFrame()
+      updateFrameGate()
     },
     inspect() {
       return {
+        enabled: fieldEnabled(),
         mounted: Boolean(ambient?.isConnected && canvas?.isConnected),
         hero: heroActive,
         side,

package/src/client/preferences.js

@@ -30,6 +30,12 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   particleTraversalSpeed: PARTICLE_TRAVERSAL_SPEED_DEFAULT,
   particlePattern: 'orthogonal',
   railDefaultHidden: false,
+  sessionPreview: true,
+  previewOngoing: true,
+  previewWarning: true,
+  previewDone: true,
+  previewDoubleClick: true,
+
   sessionFlow: true,
   sessionGlow: true,
   sessionFlowPalette: 'triad',
@@ -38,6 +44,8 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   sessionFlowColorFront: SESSION_FLOW_PALETTES.triad.front,
   sessionFlowSpeed: SESSION_FLOW_SPEED_DEFAULT,
   conversationStyle: 'native',
+  bakerGroupAvatars: true,
+  conversationEmblem: true,
 })
 
 export const VISUAL_PRESETS = Object.freeze({
@@ -78,8 +86,8 @@ export const PREFERENCE_GROUPS = Object.freeze({
   particles: Object.freeze(['conversationParticleDensity', 'heroParticleDensity', 'particleTraversalSpeed']),
   material: Object.freeze(['glass']),
   accessibility: Object.freeze(['motion', 'bootAnimation', 'cursor']),
-  navigation: Object.freeze(['railDefaultHidden']),
-  conversation: Object.freeze(['sessionFlow', 'sessionGlow', 'sessionFlowPalette', 'sessionFlowColorBack', 'sessionFlowColorCore', 'sessionFlowColorFront', 'sessionFlowSpeed', 'conversationStyle']),
+  navigation: Object.freeze(['railDefaultHidden', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick']),
+  conversation: Object.freeze(['sessionFlow', 'sessionGlow', 'sessionFlowPalette', 'sessionFlowColorBack', 'sessionFlowColorCore', 'sessionFlowColorFront', 'sessionFlowSpeed', 'conversationStyle', 'bakerGroupAvatars', 'conversationEmblem']),
 })
 
 const TEXTURES = new Set(['off', 'restrained', 'full'])
@@ -195,6 +203,13 @@ export function normalizePreferences(value) {
     sessionFlowColorCore: sessionFlowColors.core,
     sessionFlowColorFront: sessionFlowColors.front,
     sessionFlowSpeed: sessionFlowSpeedOr(input.sessionFlowSpeed, DEFAULT_PREFERENCES.sessionFlowSpeed),
+    sessionPreview: booleanOr(input.sessionPreview, DEFAULT_PREFERENCES.sessionPreview),
+    previewOngoing: booleanOr(input.previewOngoing, DEFAULT_PREFERENCES.previewOngoing),
+    previewWarning: booleanOr(input.previewWarning, DEFAULT_PREFERENCES.previewWarning),
+    previewDone: booleanOr(input.previewDone, DEFAULT_PREFERENCES.previewDone),
+    previewDoubleClick: booleanOr(input.previewDoubleClick, DEFAULT_PREFERENCES.previewDoubleClick),
+    conversationEmblem: booleanOr(input.conversationEmblem, DEFAULT_PREFERENCES.conversationEmblem),
+    bakerGroupAvatars: booleanOr(input.bakerGroupAvatars, DEFAULT_PREFERENCES.bakerGroupAvatars),
     conversationStyle: enumOr(input.conversationStyle, CONVERSATION_STYLES, DEFAULT_PREFERENCES.conversationStyle),
   }
   normalized.preset = matchedVisualPreset(normalized)

package/src/client/preview-markdown.js

@@ -0,0 +1,18 @@
+import MarkdownIt from 'markdown-it'
+
+let previewMarkdownParser
+export function renderPreviewMarkdown(text) {
+  if (!previewMarkdownParser) {
+    previewMarkdownParser = new MarkdownIt({html:false,linkify:false,typographer:false})
+    // Previews never fetch remote images or render model-supplied HTML.
+    previewMarkdownParser.renderer.rules.image = (tokens,index) =>
+      previewMarkdownParser.utils.escapeHtml(tokens[index].content || '图片')
+    const link = previewMarkdownParser.renderer.rules.link_open
+    previewMarkdownParser.renderer.rules.link_open = (tokens,index,options,env,self) => {
+      tokens[index].attrSet('target','_blank')
+      tokens[index].attrSet('rel','noopener noreferrer')
+      return link ? link(tokens,index,options,env,self) : self.renderToken(tokens,index,options)
+    }
+  }
+  return previewMarkdownParser.render(text)
+}