@ash-qw/dsh-theme-prts 0.1.96 → 0.1.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "0.1.96",
+  "version": "0.1.98",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web",
@@ -68,7 +68,7 @@
   },
   "engines": {
     "node": ">=18",
-    "dsh": ">=0.1.2-rc.1 <0.1.3-0"
+    "dsh": ">=0.1.2-rc.1 <0.1.3-0 || >=0.1.5-rc.1 <0.1.6-0"
   },
   "devDependencies": {
     "@playwright/test": "1.55.1",

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

@@ -1,5 +1,6 @@
 export const ASSISTANT_SURFACE_ATTRIBUTE = 'data-prts-ai-surface'
 export const ASSISTANT_STATE_ATTRIBUTE = 'data-prts-ai-surface-state'
+export const ASSISTANT_AVATAR_PROPERTY = '--prts-assistant-avatar-image'
 
 const STEP_SELECTOR = '[data-chat-flow-kind="assistant-step"]'
 const CONTENT_HINT_SELECTOR = [
@@ -16,6 +17,7 @@ const EXCLUDED_SELECTOR = [
 ].join(', ')
 const SCAN_CHUNK_LIMIT = 64
 const SCAN_BUDGET_MS = 4
+const INITIAL_LATEST_LIMIT = 12
 
 function isElement(node) {
   return node?.nodeType === 1
@@ -90,13 +92,42 @@ export function resolveAssistantSurface(step) {
   return resolution(step).surface
 }
 
-export function createAssistantGlassAdapter({ document, window }) {
+function cssUrl(value) {
+  if (!value) return ''
+  const escaped = String(value)
+    .replaceAll('\\', '\\\\')
+    .replaceAll('"', '\\"')
+    .replaceAll('\n', '')
+  return `url("${escaped}")`
+}
+
+export function createAssistantGlassAdapter({ document, window, avatarImage = '' }) {
   let observer
   let scanFrame
   const ownedSurfaces = new Set()
   const ownedSteps = new Set()
   const stepSurfaces = new Map()
   const pendingSteps = new Set()
+  let previousAvatarImage
+  let ownsAvatarImage = false
+
+  function mountAvatarImage() {
+    const root = document?.documentElement
+    const value = cssUrl(avatarImage)
+    if (!root?.style || !value || ownsAvatarImage) return
+    previousAvatarImage = root.style.getPropertyValue(ASSISTANT_AVATAR_PROPERTY)
+    root.style.setProperty(ASSISTANT_AVATAR_PROPERTY, value)
+    ownsAvatarImage = true
+  }
+
+  function releaseAvatarImage() {
+    if (!ownsAvatarImage) return
+    const root = document?.documentElement
+    if (previousAvatarImage) root?.style?.setProperty(ASSISTANT_AVATAR_PROPERTY, previousAvatarImage)
+    else root?.style?.removeProperty(ASSISTANT_AVATAR_PROPERTY)
+    previousAvatarImage = undefined
+    ownsAvatarImage = false
+  }
 
   function collectSteps(node, includeParent = true) {
     if (!isElement(node)) return
@@ -108,6 +139,23 @@ export function createAssistantGlassAdapter({ document, window }) {
     }
   }
 
+  function collectInitialSteps(node) {
+    if (!isElement(node)) return
+    const steps = [...(node.querySelectorAll?.(STEP_SELECTOR) ?? [])]
+    if (node.matches?.(STEP_SELECTOR)) steps.unshift(node)
+    const priorityStart = Math.max(0, steps.length - INITIAL_LATEST_LIMIT)
+
+    // The host restores conversations in chronological DOM order. Resolve the
+    // newest screenful synchronously so the startup cover never reveals plain
+    // assistant content while an older history backlog is still being scanned.
+    for (let index = steps.length - 1; index >= priorityStart; index -= 1) {
+      processStep(steps[index])
+    }
+    for (let index = priorityStart - 1; index >= 0; index -= 1) {
+      pendingSteps.add(steps[index])
+    }
+  }
+
   function stableBodyContains(step, node) {
     const surface = stepSurfaces.get(step)
     return step?.getAttribute?.(ASSISTANT_STATE_ATTRIBUTE) === 'body'
@@ -201,12 +249,13 @@ export function createAssistantGlassAdapter({ document, window }) {
   return {
     start() {
       if (!document) return
+      mountAvatarImage()
       const observationRoot = document.querySelector('[data-prts-region="operation"]')
-        ?? document.querySelector('[data-slot="conversation"]')
+        ?? document.querySelector('[data-slot="main.conversation"], [data-slot="conversation"]')
       if (!observationRoot) return
-      collectSteps(observationRoot)
-      scan()
       if (observer) return
+      collectInitialSteps(observationRoot)
+      scan()
       const Observer = window?.MutationObserver
       if (!Observer) return
       observer = new Observer(onMutations)
@@ -226,6 +275,7 @@ export function createAssistantGlassAdapter({ document, window }) {
       }
       scanFrame = undefined
       removeMarkers()
+      releaseAvatarImage()
     },
   }
 }

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

@@ -2,8 +2,13 @@ const CONTROL_ATTRIBUTE = 'data-prts-glass-control'
 const MENU_ATTRIBUTE = 'data-prts-glass-menu'
 const FALLBACK_COMPOSER_ATTRIBUTE = 'data-prts-composer-fallback'
 const COMPOSER_SIGNAL_ATTRIBUTE = 'data-prts-composer-signal'
+const FALLBACK_COMPOSER_ROOT_SELECTOR = [
+  '[data-slot="conversation.composer"]',
+  '[data-composer-seat]',
+].join(', ')
 const COMPOSER_RELEVANCE_SELECTOR = [
   '[data-composer-card]',
+  FALLBACK_COMPOSER_ROOT_SELECTOR,
   'form textarea',
   'button[aria-haspopup="menu"]',
   'button[aria-haspopup="listbox"]',
@@ -56,6 +61,18 @@ function markPopup(popup, kind) {
   }
 }
 
+function fallbackComposerForms(document) {
+  const forms = new Set()
+  for (const root of document?.querySelectorAll?.(FALLBACK_COMPOSER_ROOT_SELECTOR) ?? []) {
+    if (root.querySelector('[data-composer-card]')) continue
+    for (const textarea of root.querySelectorAll('form textarea')) {
+      const form = textarea.closest('form')
+      if (form && root.contains(form)) forms.add(form)
+    }
+  }
+  return forms
+}
+
 export function createComposerGlassAdapter({ document, window }) {
   let observer
   let scanFrame
@@ -104,17 +121,17 @@ export function createComposerGlassAdapter({ document, window }) {
       signal.remove?.()
       ownedSignals.delete(signal)
     }
+    const fallbackForms = fallbackComposerForms(document)
     for (const form of [...ownedFallbacks]) {
-      if (!form.isConnected || form.hasAttribute('data-composer-card')) {
-        form.removeAttribute?.(FALLBACK_COMPOSER_ATTRIBUTE)
-        ownedFallbacks.delete(form)
-      }
+      if (form.isConnected && fallbackForms.has(form) && !form.hasAttribute('data-composer-card')) continue
+      form.removeAttribute?.(FALLBACK_COMPOSER_ATTRIBUTE)
+      ownedFallbacks.delete(form)
+      if (form.hasAttribute('data-composer-card')) continue
+      const signal = form.querySelector?.(`:scope > [${COMPOSER_SIGNAL_ATTRIBUTE}]`)
+      if (!ownedSignals.has(signal)) continue
+      signal.remove?.()
+      ownedSignals.delete(signal)
     }
-    const fallbackForms = new Set(
-      [...(document?.querySelectorAll?.('form textarea') ?? [])]
-        .map(textarea => textarea.closest('form'))
-        .filter(form => form && !form.querySelector('[data-composer-card]')),
-    )
     for (const form of fallbackForms) {
       form.setAttribute(FALLBACK_COMPOSER_ATTRIBUTE, '')
       ownedFallbacks.add(form)
@@ -187,7 +204,7 @@ export function createComposerGlassAdapter({ document, window }) {
       const Observer = window?.MutationObserver
       if (!Observer) return
       const observationRoot = document.querySelector('[data-prts-region="operation"]')
-        ?? document.querySelector('[data-slot="conversation"]')
+        ?? document.querySelector('[data-slot="main.conversation"], [data-slot="conversation"]')
       if (!observationRoot) return
       observer = new Observer(onMutations)
       observer.observe(observationRoot, {

package/src/client/index.js

@@ -44,9 +44,12 @@ export function applyPrtsPlugin(ctx, environment) {
   const safeMode = isSafeMode(window?.location?.search ?? '')
   const storage = window?.localStorage
   const themeService = contextService(ctx, 'theme')
-  const startup = createPrtsStartupSequence({ document, window, prtsEmblem: assets.prtsEmblem, rhodesEmblem: assets.emblem, timings: startupTimings })
   const composerGlass = createComposerGlassAdapter({ document, window })
-  const assistantGlass = createAssistantGlassAdapter({ document, window })
+  const assistantGlass = createAssistantGlassAdapter({
+    document,
+    window,
+    avatarImage: assets.prtsEmblem,
+  })
   const particleField = createParticleFieldAdapter({
     document,
     window,
@@ -58,6 +61,19 @@ export function applyPrtsPlugin(ctx, environment) {
       sync()
     },
   })
+  const startup = createPrtsStartupSequence({
+    document,
+    window,
+    prtsEmblem: assets.prtsEmblem,
+    rhodesEmblem: assets.emblem,
+    timings: startupTimings,
+    onActiveChange(active) {
+      particleField.setStartupActive(active)
+    },
+    onReady() {
+      particleField.setStartupActive(false)
+    },
+  })
   const theme = createThemeController({
     document,
     window,
@@ -140,6 +156,7 @@ export function applyPrtsPlugin(ctx, environment) {
   }
 
   const disposeVisualState = () => {
+    particleField.update({ ...preferences, enabled: false })
     startup.stop({ restoreFocus: false })
     stopStartupReadyWatch()
     stopMountWatch()
@@ -147,7 +164,6 @@ export function applyPrtsPlugin(ctx, environment) {
     disposeOperations()
     composerGlass.dispose()
     assistantGlass.dispose()
-    particleField.update({ ...preferences, enabled: false })
     toBottom.dispose()
     conversationControls.dispose()
     layoutDiagnostics.dispose()
@@ -206,7 +222,8 @@ export function applyPrtsPlugin(ctx, environment) {
     }
     particleField.update(preferences)
     composerGlass.start()
-    assistantGlass.start()
+    if (preferences.conversationStyle === 'deck-chat') assistantGlass.start()
+    else assistantGlass.dispose()
     toBottom.start()
     conversationControls.start()
     layoutDiagnostics.start()
@@ -222,9 +239,11 @@ export function applyPrtsPlugin(ctx, environment) {
       phase: result.persisted ? 'saved' : 'error',
       revision: settingsPersistence.revision + 1,
     }
+    const shouldPlayStartup = !safeMode && !wasEnabled && preferences.enabled && preferences.bootAnimation
+    if (shouldPlayStartup) particleField.setStartupActive(true)
     applyVisualState()
     sync()
-    if (!safeMode && !wasEnabled && preferences.enabled && preferences.bootAnimation) startup.play()
+    if (shouldPlayStartup && !startup.play()) particleField.setStartupActive(false)
   }
 
 
@@ -297,13 +316,13 @@ export function applyPrtsPlugin(ctx, environment) {
   }
   ctx.effect(() => () => {
     statusSource.dispose()
+    particleField.dispose()
     startup.dispose({ restoreFocus: false })
     stopStartupReadyWatch()
     stopMountWatch()
     disposeOperations()
     composerGlass.dispose()
     assistantGlass.dispose()
-    particleField.dispose()
     toBottom.dispose()
     conversationControls.dispose()
     layoutDiagnostics.dispose()

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

@@ -27,7 +27,10 @@ function markup(emblem) {
           <svg data-prts-scheme-icon="dark" viewBox="0 0 24 24" aria-hidden="true"><path d="M20.2 15.4A8.4 8.4 0 0 1 8.6 3.8 8.5 8.5 0 1 0 20.2 15.4Z"></path></svg>
           <small>明暗</small>
         </button>
-        <button type="button" data-prts-theme-disable aria-label="关闭 P.R.T.S. 主题"><b aria-hidden="true">×</b><small>关闭主题</small></button>
+        <button type="button" data-prts-theme-disable aria-label="退出 P.R.T.S.，返回 Harness 原生界面">
+          <svg data-prts-theme-disable-icon viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3v8"></path><path d="M7.1 6.8a7 7 0 1 0 9.8 0"></path></svg>
+          <small>退出 P.R.T.S.</small>
+        </button>
       </div>
     </nav>
     ${themeSettingsMarkup()}

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

@@ -326,7 +326,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   const rhodesIndex = Math.max(0, emblemSequence.findIndex(entry => entry.key === 'rhodes-island'))
   const suppliedHeroMask = normalizeEmblemMasks(heroEmblemMask ? [heroEmblemMask] : [], window).get('rhodes-island-hero')
   const empty = { mounted: false, hero: false, side: -1, transition: null, anchor: { horizontalProgress: 0, verticalProgress: 0 }, phase: 'error', error: '徽记资源异常' }
-  if (!document || !window) return { update() {}, setSchemeTransitionActive() {}, inspect: () => empty, dispose() {} }
+  if (!document || !window) return { update() {}, setStartupActive() {}, setSchemeTransitionActive() {}, inspect: () => empty, dispose() {} }
 
   let preferences = {}
   let operation
@@ -396,6 +396,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   let pauseStartedAt
   let hydrationPaused = false
   let schemeTransitionPaused = false
+  let startupPaused = false
   let hydrationTimer
   let hydrationFrame
   let hydrationStableFrames = 0
@@ -429,7 +430,7 @@ 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 && !schemeTransitionPaused && !resizing
+  const canRenderFrame = () => !disposed && documentVisible && canvasVisible && !hydrationPaused && !startupPaused && !schemeTransitionPaused && !resizing
   const layoutWidth = () => width
   const layoutHeight = () => height
   const layoutShiftX = () => 0
@@ -707,6 +708,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   }
 
   function buildParticles() {
+    if (startupPaused) return false
     const selected = populationSource()
     if (!selected.length) {
       reportState({ phase: 'error', error: '徽记资源异常' })
@@ -1646,14 +1648,17 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
       cancelFrame()
       return
     }
-    if (pauseStartedAt !== undefined) {
-      resumePausedTimelines(now)
-      if (canvas && particles.length) {
-        syncCanvasBackingStore()
-        cancelFrame()
-        draw(now)
-        return
-      }
+    const resumedFromPause = pauseStartedAt !== undefined
+    if (resumedFromPause) resumePausedTimelines(now)
+    let particlesBuilt = false
+    if (canvas && !particles.length && maskRecords.length) {
+      particlesBuilt = buildParticles()
+    }
+    if (canvas && particles.length && (resumedFromPause || particlesBuilt)) {
+      syncCanvasBackingStore()
+      cancelFrame()
+      draw(now)
+      return
     }
     scheduleFrame()
   }
@@ -1819,6 +1824,12 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
   if (!mediaQuery?.addEventListener) mediaQuery?.addListener?.(mediaListener)
   document.addEventListener?.('visibilitychange', onVisibilityChange)
   return {
+    setStartupActive(active) {
+      const next = Boolean(active)
+      if (startupPaused === next) return
+      startupPaused = next
+      updateFrameGate()
+    },
     setSchemeTransitionActive(active) {
       const next = Boolean(active)
       if (schemeTransitionPaused === next) return
@@ -1877,7 +1888,7 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
           mutationObserver.observe(observationRoot, { childList: true, subtree: true })
         }
       }
-      if (ambient) ambient.hidden = preferences.texture === 'off'
+      if (ambient) ambient.hidden = preferences.texture === 'off' && preferences.conversationStyle !== 'deck-chat'
       scheduleFrame()
     },
     inspect() {
@@ -1903,12 +1914,13 @@ export function createParticleFieldAdapter({ document, window, emblem = '', embl
           : transition?.toCount !== undefined
             ? Math.round(transition.fromCount + (transition.toCount - transition.fromCount) * easeInOut(transition.progress))
             : particles.length,
-        targetParticles: transition?.toCount ?? targetParticleCount(),
+        targetParticles: startupPaused && !particles.length ? 0 : transition?.toCount ?? targetParticleCount(),
         density: activeDensity() || 'standard',
         firstFrameReady: canvas?.hasAttribute('data-prts-particle-ready') === true,
         hydrationPaused,
         sleeping: Boolean(context && particles.length && frame === undefined && canRenderFrame() && !motionReduced() && !phoneStatic()),
         schemeTransitionPaused,
+        startupPaused,
         pointer: {
           active: pointerActive,
           clientX: pointerClientX,

package/src/client/preferences.js

@@ -6,7 +6,7 @@ export const PARTICLE_TRAVERSAL_SPEED_STEP = 0.25
 export const PARTICLE_TRAVERSAL_SPEED_DEFAULT = 1
 
 export const DEFAULT_PREFERENCES = Object.freeze({
-  version: 8,
+  version: 9,
   enabled: false,
   preset: 'standard-tactical',
   texture: 'full',
@@ -18,6 +18,7 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   particleTraversalSpeed: PARTICLE_TRAVERSAL_SPEED_DEFAULT,
   particlePattern: 'orthogonal',
   railDefaultHidden: false,
+  conversationStyle: 'native',
 })
 
 export const VISUAL_PRESETS = Object.freeze({
@@ -59,6 +60,7 @@ export const PREFERENCE_GROUPS = Object.freeze({
   material: Object.freeze(['glass']),
   accessibility: Object.freeze(['motion', 'bootAnimation']),
   navigation: Object.freeze(['railDefaultHidden']),
+  conversation: Object.freeze(['conversationStyle']),
 })
 
 const TEXTURES = new Set(['off', 'restrained', 'full'])
@@ -66,6 +68,7 @@ const GLASS_STRENGTHS = new Set(['off', 'soft', 'standard', 'clear'])
 const MOTIONS = new Set(['system', 'reduced'])
 const PARTICLE_DENSITIES = new Set(['sparse', 'light', 'standard', 'dense', 'ultra'])
 const PRESETS = new Set([...Object.keys(VISUAL_PRESETS), 'custom'])
+const CONVERSATION_STYLES = new Set(['native', 'deck-chat'])
 const PRESET_LINKED_KEYS = new Set(Object.keys(VISUAL_PRESETS['standard-tactical']))
 
 
@@ -129,7 +132,7 @@ export function normalizePreferences(value) {
   const particlePreset = VISUAL_PRESETS[input.preset] ?? DEFAULT_PREFERENCES
   const legacyDensities = legacyParticleDensities(input)
   const normalized = {
-    version: 8,
+    version: 9,
     enabled: booleanOr(input.enabled, DEFAULT_PREFERENCES.enabled),
     preset: enumOr(migratedPreset, PRESETS, DEFAULT_PREFERENCES.preset),
     texture: enumOr(input.texture, TEXTURES, DEFAULT_PREFERENCES.texture),
@@ -144,6 +147,7 @@ export function normalizePreferences(value) {
     ),
     particlePattern: 'orthogonal',
     railDefaultHidden: booleanOr(input.railDefaultHidden, DEFAULT_PREFERENCES.railDefaultHidden),
+    conversationStyle: enumOr(input.conversationStyle, CONVERSATION_STYLES, DEFAULT_PREFERENCES.conversationStyle),
   }
   normalized.preset = matchedVisualPreset(normalized)
   return normalized
@@ -190,7 +194,7 @@ export function loadPreferences(storage) {
     const raw = storage?.getItem(PRTS_STORAGE_KEY)
     if (raw === null || raw === undefined) return { ...DEFAULT_PREFERENCES }
     const parsed = JSON.parse(raw)
-    if (![1, 2, 3, 4, 5, 6, 7, 8].includes(parsed?.version)) return { ...DEFAULT_PREFERENCES }
+    if (![1, 2, 3, 4, 5, 6, 7, 8, 9].includes(parsed?.version)) return { ...DEFAULT_PREFERENCES }
     return normalizePreferences(parsed)
   } catch {
     return { ...DEFAULT_PREFERENCES }

package/src/client/rc7-adapter.js

@@ -7,36 +7,73 @@ function closestCommonContainer(root, nodes) {
   return root && nodes.every(node => root.contains(node)) ? root : null
 }
 
+const LAYOUT_CONTRACTS = [
+  {
+    version: '0.1.5',
+    center: '[data-slot="main"]',
+    auxiliary: '[data-slot="rightbar"]',
+  },
+  {
+    version: '0.1.2',
+    center: '[data-slot="conversation"]',
+    auxiliary: '[data-slot="details"]',
+  },
+]
+
 export function resolveRc7Regions(document, report = () => {}) {
   const root = document?.querySelector('[data-slot="root"]')
   const sidebarSlot = root?.querySelector('[data-slot="sidebar"]')
-  const conversationSlot = root?.querySelector('[data-slot="conversation"]')
-  const detailsSlot = root?.querySelector('[data-slot="details"]')
-  if (!root || !sidebarSlot || !conversationSlot || !detailsSlot) {
+  const contract = LAYOUT_CONTRACTS
+    .map(candidate => ({
+      ...candidate,
+      centerSlot: root?.querySelector(candidate.center),
+      auxiliarySlot: root?.querySelector(candidate.auxiliary),
+    }))
+    .find(candidate => candidate.centerSlot && candidate.auxiliarySlot)
+  if (!root || !sidebarSlot || !contract) {
     report('required layout slots are unavailable', {
       root: Boolean(root), sidebar: Boolean(sidebarSlot),
-      conversation: Boolean(conversationSlot), details: Boolean(detailsSlot),
+      main: Boolean(root?.querySelector('[data-slot="main"]')),
+      rightbar: Boolean(root?.querySelector('[data-slot="rightbar"]')),
+      conversation: Boolean(root?.querySelector('[data-slot="conversation"]')),
+      details: Boolean(root?.querySelector('[data-slot="details"]')),
     })
     return null
   }
+  const { centerSlot, auxiliarySlot } = contract
   const sidebar = sidebarSlot?.parentElement
-  const center = conversationSlot?.parentElement
-  const details = detailsSlot?.parentElement
+  const center = centerSlot?.parentElement
+  const auxiliary = auxiliarySlot?.parentElement
 
-  if (!sidebar || !center || !details) {
+  if (!sidebar || !center || !auxiliary) {
     report('required layout region containers are unavailable', {
-      sidebar: Boolean(sidebar), conversation: Boolean(center), details: Boolean(details),
+      sidebar: Boolean(sidebar), center: Boolean(center), auxiliary: Boolean(auxiliary),
     })
     return null
   }
 
-  const frame = closestCommonContainer(root, [sidebar, center, details])
+  const frame = closestCommonContainer(root, [sidebar, center, auxiliary])
   if (!frame) {
     report('common layout container is unavailable')
     return null
   }
 
-  return { root, frame, sidebar, center, details, sidebarSlot, conversationSlot, detailsSlot }
+  return {
+    root,
+    frame,
+    sidebar,
+    center,
+    auxiliary,
+    sidebarSlot,
+    centerSlot,
+    auxiliarySlot,
+    layoutVersion: contract.version,
+    // Legacy aliases keep the internal adapter face compatible with callers
+    // built against the 0.1.2 layout vocabulary.
+    conversationSlot: centerSlot,
+    details: auxiliary,
+    detailsSlot: auxiliarySlot,
+  }
 }
 
 export function createRc7Adapter({ document, warn } = {}) {
@@ -64,7 +101,7 @@ export function createRc7Adapter({ document, warn } = {}) {
         [regions.frame, 'frame'],
         [regions.sidebar, 'sessions'],
         [regions.center, 'operation'],
-        [regions.details, 'details'],
+        [regions.auxiliary, 'auxiliary'],
       ]) {
         owned.push([node, node.getAttribute('data-prts-region')])
         node.setAttribute('data-prts-region', value)