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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web and the official desktop client",

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/index.js

@@ -252,7 +252,7 @@ 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()

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

@@ -38,6 +38,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({
@@ -79,7 +81,7 @@ export const PREFERENCE_GROUPS = Object.freeze({
   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']),
+  conversation: Object.freeze(['sessionFlow', 'sessionGlow', 'sessionFlowPalette', 'sessionFlowColorBack', 'sessionFlowColorCore', 'sessionFlowColorFront', 'sessionFlowSpeed', 'conversationStyle', 'bakerGroupAvatars', 'conversationEmblem']),
 })
 
 const TEXTURES = new Set(['off', 'restrained', 'full'])
@@ -195,6 +197,8 @@ export function normalizePreferences(value) {
     sessionFlowColorCore: sessionFlowColors.core,
     sessionFlowColorFront: sessionFlowColors.front,
     sessionFlowSpeed: sessionFlowSpeedOr(input.sessionFlowSpeed, DEFAULT_PREFERENCES.sessionFlowSpeed),
+    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/theme-settings-workbench.js

@@ -51,12 +51,16 @@ function settingButtons(key, label, options) {
         ? '<small data-prts-setting-note>立即切换会话背景、头像与消息气泡</small>'
       : key === 'sessionFlow'
         ? '<small data-prts-setting-note>仅控制当前会话卡片的三色流线</small>'
+      : key === 'conversationEmblem'
+        ? '<small data-prts-setting-note>控制经典主题正文中的粒子徽记，不影响新会话徽记</small>'
+      : key === 'bakerGroupAvatars'
+        ? '<small data-prts-setting-note>过程正文仅首条显示头像，最终回答独立保留；关闭后每条回复均显示</small>'
       : key === 'sessionGlow'
         ? '<small data-prts-setting-note>为流线添加柔和的同色辉光</small>'
       : key === 'sessionFlowPalette'
         ? '<small data-prts-setting-note>同时适配日间与夜间模式</small>'
       : ''
-  if (['cursor', 'railDefaultHidden', 'sessionFlow', 'sessionGlow'].includes(key)) return `<div data-prts-setting-row="${key}">
+  if (['cursor', 'railDefaultHidden', 'sessionFlow', 'sessionGlow', 'bakerGroupAvatars', 'conversationEmblem'].includes(key)) return `<div data-prts-setting-row="${key}">
     <span><strong>${label}</strong>${note}</span>
     <button type="button" role="switch" aria-label="${label}" aria-checked="false" data-prts-setting-switch="${key}" ${key === 'cursor' ? 'data-prts-cursor-switch' : ''}><span aria-hidden="true"></span></button>
   </div>`
@@ -165,7 +169,9 @@ export function themeSettingsMarkup() {
               <button type="button" data-prts-setting-key="conversationStyle" data-prts-setting-value="native" aria-pressed="false"><span data-prts-conversation-sample="classic" aria-hidden="true"><i></i><i></i></span><strong>经典</strong><small>简洁正文，保留熟悉的阅读布局</small></button>
               <button type="button" data-prts-setting-key="conversationStyle" data-prts-setting-value="deck-chat" aria-pressed="false"><span data-prts-conversation-sample="baker" aria-hidden="true"><i></i><i></i></span><strong>Baker</strong><small>终末地通讯风格，圆形头像与消息气泡</small></button>
             </div>
+            <div data-prts-classic-options>${settingButtons('conversationEmblem', '正文徽记', [])}</div>
             ${avatarMarkup()}
+            <div data-prts-baker-options>${settingButtons('bakerGroupAvatars', '合并过程回复头像', [])}</div>
           </section>
           </section>
           <section data-prts-settings-common data-prts-settings-section="interaction" role="tabpanel" id="prts-page-interaction" aria-labelledby="prts-tab-interaction" tabindex="0" hidden>
@@ -688,6 +694,10 @@ export function createThemeSettingsOverlay({
 
   return {
     update(preferences, status, persistenceState = currentPersistence) {
+      const emblemNote = panel.querySelector('[data-prts-emblem-baker-note]')
+      if (emblemNote) emblemNote.hidden = preferences?.conversationStyle !== 'deck-chat'
+      panel.querySelector('[data-prts-classic-options]').hidden = preferences?.conversationStyle === 'deck-chat'
+      panel.querySelector('[data-prts-baker-options]').hidden = preferences?.conversationStyle !== 'deck-chat'
       panel.querySelector('[data-prts-avatars]').hidden = preferences?.conversationStyle !== 'deck-chat'
       currentPreferences = preferences
       currentStatus = status

package/src/styles/prts.css

@@ -1346,11 +1346,31 @@ html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
   color: var(--prts-ink) !important;
 }
 
+/* Bordered Baker tables need inset cells and a scrollport inside the bubble. */
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
-  [data-prts-ai-surface],
-  [data-message-role="assistant"]
-) blockquote {
-  border-inline-start: 3px solid var(--prts-cyan);
+  [data-prts-ai-surface], [data-message-role="assistant"], [data-message-role="user"],
+  :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"]
+) {
+  & :is(th,td){padding-inline:14px!important}
+  & :is(.md-table-wide,[class*="_tableScroll_"]){
+    box-sizing:border-box;width:100%;max-width:100%;min-width:0;
+    margin-inline:0!important;padding:0!important;overflow:auto;
+    border:1px solid color-mix(in srgb,var(--prts-cyan) 24%,var(--prts-line));
+    border-radius:10px;corner-shape:round;
+    background:color-mix(in srgb,var(--prts-canvas) 88%,transparent);
+    & > table{border:0;background:transparent;margin:0;width:100%}
+  }
+}
+
+/* Group process avatars without changing reply alignment or final-answer avatars. */
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-avatar-hidden]::before{content:none!important}
+
+/* Baker quote surfaces; classic prose retains the host styling. */
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind],[data-message-role],[data-prts-ai-surface],[data-submission-echo]) blockquote {
+  border-radius:10px;corner-shape:round;padding:8px 14px;
+  border-inline-start:3px solid var(--prts-cyan)!important;
+  & > :first-child{margin-top:0}
+  & > :last-child{margin-bottom:0}
 }
 
 html[data-dsh-prts] [aria-invalid="true"],

package/src/styles/refinement.css

@@ -196,6 +196,8 @@ html[data-dsh-prts] [data-prts-composer-fallback]::after {
   position: absolute;
   z-index: 1;
   inset: 1px 1px 3px;
+  border: 0;
+  border-radius: 0;
   background: var(--prts-composer-surface, var(--prts-active-glass));
   clip-path: polygon(
     2px 0,
@@ -441,7 +443,7 @@ html[data-dsh-prts] [data-prts-hero-active] [data-composer-seat] {
 }
 
 /* File presentations share one rounded material; preview hit targets stay native. */
-html[data-dsh-prts] :is([data-presented-file],[data-prts-conversation-control="file"],[data-produced-files-row] > button[type="button"]){
+html[data-dsh-prts] :is([data-presented-file],[data-changed-files],[data-prts-conversation-control="file"],[data-produced-files-row] > button[type="button"]){
   border:1px solid var(--prts-glass-border)!important;
   border-radius:10px!important;corner-shape:round!important;clip-path:none!important;
   background:var(--prts-active-glass)!important;color:var(--prts-ink);
@@ -449,8 +451,25 @@ html[data-dsh-prts] :is([data-presented-file],[data-prts-conversation-control="f
   &::before{content:none}
   &:is(:hover,:focus-within){border-color:var(--prts-yellow)!important}
 }
-/* The host change-card wrapper must not clip a smaller inner outline. */
-html[data-dsh-prts] [class$="_card"]:has(> span > [data-prts-conversation-control="file"]){
-  border:0!important;border-radius:10px!important;corner-shape:round!important;
-  background:transparent!important;box-shadow:none!important;
+/* One surface for both single-file summaries and grouped changes. */
+html[data-dsh-prts] [data-changed-files]{
+  overflow:hidden;
+  & button{background:transparent;backdrop-filter:none}
+  & button:is(:hover,:focus-visible){background:color-mix(in srgb,var(--prts-yellow) 8%,transparent)}
+  & button:focus-visible{box-shadow:inset 0 0 0 2px var(--prts-yellow)}
+}
+
+/* Inline file references need their own inset, unlike full delivery cards. */
+html[data-dsh-prts] [data-prts-conversation-control="file"]:is([class*="_fileLink"],[class*="_fileMention"]){
+  padding:4px 10px!important;max-width:100%;box-sizing:border-box;
+  white-space:normal;overflow-wrap:anywhere;
+}
+
+/* Baker user bubbles are light even when the surrounding shell is dark. */
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([class$="_bubble"],[data-message-role="user"]) [data-ref-chip="file"]{
+  background:color-mix(in srgb,var(--prts-cyan) 8%,var(--prts-canvas))!important;
+  border-color:color-mix(in srgb,var(--prts-cyan) 28%,transparent)!important;
+  color:var(--prts-cyan)!important;backdrop-filter:none!important;
+  padding:2px 7px!important;border-radius:6px!important;
+  &:is(:hover,:focus-visible){border-color:var(--prts-cyan)!important}
 }