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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "0.1.98",
+  "version": "0.1.99",
   "private": false,
   "type": "module",
   "description": "Unofficial Arknights P.R.T.S.-inspired UI theme for DeepSeek Harness Web",

package/src/client/facility-vector.js

@@ -1,4 +1,5 @@
 import { createFacilityPath } from './facility-geometry.js'
+import { configureSessionLifeline } from './session-lifeline.js'
 
 const SVG_NS = 'http://www.w3.org/2000/svg'
 const SILHOUETTE_TRACK_WIDTH = 512
@@ -117,6 +118,16 @@ function appendSessionPickup(document, graphic) {
   clip.append(svgNode(document, 'path', { 'data-prts-facility-clip': '' }))
   defs.append(clip)
 
+  const lifeline = svgNode(document, 'g', {
+    'data-prts-session-lifeline': '',
+    'clip-path': `url(#${clipId})`,
+  })
+  for (const strand of ['back', 'core', 'front']) {
+    lifeline.append(svgNode(document, 'path', {
+      'data-prts-session-lifeline-filament': strand,
+    }))
+  }
+
   const pickup = svgNode(document, 'g', {
     'data-prts-session-pickup': '',
     'clip-path': `url(#${clipId})`,
@@ -146,9 +157,22 @@ function appendSessionPickup(document, graphic) {
   })
 
   graphic.insertBefore(defs, graphic.firstChild)
+  graphic.insertBefore(lifeline, graphic.querySelector('[data-prts-facility-layer="outline"]'))
   graphic.insertBefore(pickup, graphic.querySelector('[data-prts-facility-layer="outline"]'))
 }
 
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value))
+}
+
+function sessionLifelineGeometry(width, height) {
+  const start = clamp(width * .04, 8, 12)
+  const end = Math.max(start + 1, width - 8)
+  const baseline = height * .56
+  const lift = clamp(height * .35, 10, 14)
+  return { start, end, baseline, lift }
+}
+
 export function ensureFacilityGraphic(document, owner, { kind, topNotch = false, texture = 'none' } = {}) {
   if (!owner) return null
   let graphic = owner.querySelector?.(':scope > svg[data-prts-facility-svg]')
@@ -200,6 +224,8 @@ export function renderFacilityGraphic(owner, { width, height } = {}) {
   }
 
   const size = `${Number(width.toFixed(3))}x${Number(height.toFixed(3))}`
+  const lifeline = graphic.querySelector('[data-prts-session-lifeline]')
+  const lifelineGeometry = lifeline ? sessionLifelineGeometry(width, height) : undefined
   if (owner.getAttribute('data-prts-facility-size') !== size) {
     graphic.setAttribute('viewBox', `0 0 ${Number(width.toFixed(3))} ${Number(height.toFixed(3))}`)
     for (const layer of graphic.querySelectorAll('[data-prts-facility-layer], [data-prts-facility-clip]')) layer.setAttribute('d', path)
@@ -223,6 +249,9 @@ export function renderFacilityGraphic(owner, { width, height } = {}) {
         bar.setAttribute('y', String(Number((center - barHeight / 2).toFixed(3))))
       }
     }
+    if (lifeline) {
+      configureSessionLifeline(lifeline, lifelineGeometry)
+    }
     owner.setAttribute('data-prts-facility-size', size)
   }
   setReady(owner, true)

package/src/client/preferences.js

@@ -18,6 +18,7 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   particleTraversalSpeed: PARTICLE_TRAVERSAL_SPEED_DEFAULT,
   particlePattern: 'orthogonal',
   railDefaultHidden: false,
+  sessionFlow: true,
   conversationStyle: 'native',
 })
 
@@ -147,6 +148,7 @@ export function normalizePreferences(value) {
     ),
     particlePattern: 'orthogonal',
     railDefaultHidden: booleanOr(input.railDefaultHidden, DEFAULT_PREFERENCES.railDefaultHidden),
+    sessionFlow: booleanOr(input.sessionFlow, DEFAULT_PREFERENCES.sessionFlow),
     conversationStyle: enumOr(input.conversationStyle, CONVERSATION_STYLES, DEFAULT_PREFERENCES.conversationStyle),
   }
   normalized.preset = matchedVisualPreset(normalized)

package/src/client/session-lifeline.js

@@ -0,0 +1,255 @@
+const HOVER_SETTLE = 180
+const STATIC_TIME = 2.4
+const POINT_COUNT = 9
+
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value))
+}
+
+function number(value) {
+  return Number(value.toFixed(3))
+}
+
+function readGeometry(lifeline) {
+  const start = Number(lifeline?.getAttribute?.('data-prts-lifeline-start'))
+  const end = Number(lifeline?.getAttribute?.('data-prts-lifeline-end'))
+  const baseline = Number(lifeline?.getAttribute?.('data-prts-lifeline-baseline'))
+  const lift = Number(lifeline?.getAttribute?.('data-prts-lifeline-lift'))
+  if (![start, end, baseline, lift].every(Number.isFinite) || end <= start || lift <= 0) return null
+  return { start, end, baseline, lift }
+}
+
+function filamentNodes(lifeline) {
+  if (!lifeline) return []
+  if (lifeline.matches?.('[data-prts-session-lifeline-filament]')) return [lifeline]
+  return Array.from(lifeline.querySelectorAll?.('[data-prts-session-lifeline-filament]') ?? [])
+}
+
+function createSmoothPath(points) {
+  if (points.length < 2) return ''
+  const commands = [`M ${number(points[0].x)} ${number(points[0].y)}`]
+  for (let index = 0; index < points.length - 1; index += 1) {
+    const previous = points[Math.max(0, index - 1)]
+    const current = points[index]
+    const next = points[index + 1]
+    const following = points[Math.min(points.length - 1, index + 2)]
+    const firstControl = {
+      x: current.x + (next.x - previous.x) / 6,
+      y: current.y + (next.y - previous.y) / 6,
+    }
+    const secondControl = {
+      x: next.x - (following.x - current.x) / 6,
+      y: next.y - (following.y - current.y) / 6,
+    }
+    commands.push([
+      'C',
+      number(firstControl.x),
+      number(firstControl.y),
+      number(secondControl.x),
+      number(secondControl.y),
+      number(next.x),
+      number(next.y),
+    ].join(' '))
+  }
+  return commands.join(' ')
+}
+
+function sampleFlow(u, time, strand) {
+  const edgeEnvelope = Math.sin(Math.PI * u) ** .88
+  const slowTurn = Math.sin(time * .43 + u * Math.PI * 1.16 + Math.sin(time * .13) * .48)
+  const crossCurrent = Math.sin(time * -.29 + u * Math.PI * 2.42 + .7)
+  const fineCurrent = Math.sin(time * .19 + u * Math.PI * 3.76 - .9)
+  const sharedFlow = slowTurn * .52 + crossCurrent * .24 + fineCurrent * .08
+
+  const fan = Math.sin(Math.PI * u) ** 1.35
+  const separation = strand * (.15 + Math.sin(time * .31 + u * Math.PI * 1.48 + strand * .8) * .1)
+  const independentDrift = Math.sin(time * (.36 + strand * .021) + u * Math.PI * 2.18 + strand * 1.35) * .055
+  return edgeEnvelope * clamp(sharedFlow + fan * separation + independentDrift, -.9, .9)
+}
+
+export function createSessionLifelinePath(geometry, time = STATIC_TIME, strength = 1, strand = 0) {
+  const { start, end, baseline, lift } = geometry
+  const span = end - start
+  const tension = clamp(strength, 0, 1)
+  const points = []
+  for (let index = 0; index < POINT_COUNT; index += 1) {
+    const u = index / (POINT_COUNT - 1)
+    points.push({
+      x: start + span * u,
+      y: baseline - lift * sampleFlow(u, time, strand) * tension,
+    })
+  }
+  return createSmoothPath(points)
+}
+
+export function configureSessionLifeline(lifeline, { start, end, baseline, lift }) {
+  if (!lifeline) return false
+  const geometry = { start, end, baseline, lift }
+  lifeline.setAttribute('data-prts-lifeline-start', String(number(start)))
+  lifeline.setAttribute('data-prts-lifeline-end', String(number(end)))
+  lifeline.setAttribute('data-prts-lifeline-baseline', String(number(baseline)))
+  lifeline.setAttribute('data-prts-lifeline-lift', String(number(lift)))
+  filamentNodes(lifeline).forEach((filament, index, filaments) => {
+    const strand = filaments.length === 1 ? 0 : index - (filaments.length - 1) / 2
+    filament.setAttribute('d', createSessionLifelinePath(geometry, STATIC_TIME, 1, strand))
+  })
+  return true
+}
+
+export function createSessionLifelineAnimator({ document, window }) {
+  const requestFrame = window?.requestAnimationFrame?.bind(window)
+    ?? (callback => window?.setTimeout?.(() => callback(Date.now()), 1000 / 60))
+  const cancelFrame = window?.cancelAnimationFrame?.bind(window)
+    ?? window?.clearTimeout?.bind(window)
+  const reducedMotion = window?.matchMedia?.('(prefers-reduced-motion: reduce)')
+  const MotionObserver = window?.MutationObserver
+
+  let frame
+  let lastTime
+  let flowTime = STATIC_TIME
+  let strength = 1
+  let row
+  let lifeline
+  let filaments = []
+  let hovered = false
+  let motionObserver
+
+  function render() {
+    const geometry = readGeometry(lifeline)
+    if (!geometry || filaments.length === 0) return false
+    filaments.forEach((filament, index) => {
+      const strand = filaments.length === 1 ? 0 : index - (filaments.length - 1) / 2
+      filament.setAttribute('d', createSessionLifelinePath(geometry, flowTime, strength, strand))
+    })
+    return true
+  }
+
+  function canAnimate() {
+    return Boolean(
+      row?.isConnected
+      && lifeline?.isConnected
+      && row.getAttribute('aria-selected') === 'true'
+      && document?.visibilityState !== 'hidden'
+      && document?.documentElement?.dataset?.prtsSessionFlow !== 'off'
+      && document?.documentElement?.dataset?.prtsMotion !== 'reduced'
+      && !reducedMotion?.matches
+    )
+  }
+
+  function cancel() {
+    if (frame !== undefined) cancelFrame?.(frame)
+    frame = undefined
+    lastTime = undefined
+  }
+
+  function needsFrame() {
+    return canAnimate() && (!hovered || strength > 0)
+  }
+
+  function schedule() {
+    if (frame !== undefined || !needsFrame()) return
+    frame = requestFrame?.(tick)
+  }
+
+  function tick(time) {
+    frame = undefined
+    if (!canAnimate()) {
+      lastTime = undefined
+      return
+    }
+    const now = Number.isFinite(time) ? time : Date.now()
+    if (lastTime === undefined) lastTime = now
+    const elapsed = Math.min(100, Math.max(0, now - lastTime))
+    lastTime = now
+    flowTime += elapsed / 1000
+    const target = hovered ? 0 : 1
+    if (strength !== target) {
+      const step = elapsed / HOVER_SETTLE
+      strength = target > strength
+        ? Math.min(target, strength + step)
+        : Math.max(target, strength - step)
+    }
+    render()
+    schedule()
+  }
+
+  function motionReduced() {
+    return document?.documentElement?.dataset?.prtsMotion === 'reduced' || reducedMotion?.matches
+  }
+
+  function syncMotion() {
+    if (canAnimate()) {
+      schedule()
+      return
+    }
+    cancel()
+    if (lifeline && motionReduced()) {
+      flowTime = STATIC_TIME
+      strength = 1
+      render()
+    }
+  }
+
+  function onPointerEnter() {
+    hovered = true
+    syncMotion()
+  }
+
+  function onPointerLeave() {
+    hovered = false
+    syncMotion()
+  }
+
+  function detachRow() {
+    row?.removeEventListener?.('pointerenter', onPointerEnter)
+    row?.removeEventListener?.('pointerleave', onPointerLeave)
+  }
+
+  function attachObservers() {
+    document?.addEventListener?.('visibilitychange', syncMotion)
+    reducedMotion?.addEventListener?.('change', syncMotion)
+    if (!motionObserver && typeof MotionObserver === 'function' && document?.documentElement) {
+      motionObserver = new MotionObserver(syncMotion)
+      motionObserver.observe(document.documentElement, {
+        attributes: true,
+        attributeFilter: ['data-prts-motion', 'data-prts-session-flow'],
+      })
+    }
+  }
+
+  return {
+    start() {
+      attachObservers()
+      syncMotion()
+    },
+    setTarget(nextRow, nextLifeline) {
+      if (row === nextRow && lifeline === nextLifeline) {
+        syncMotion()
+        return
+      }
+      cancel()
+      detachRow()
+      row = nextRow
+      lifeline = nextLifeline
+      filaments = filamentNodes(lifeline)
+      hovered = Boolean(row?.matches?.(':hover'))
+      flowTime = STATIC_TIME
+      strength = hovered ? 0 : 1
+      row?.addEventListener?.('pointerenter', onPointerEnter)
+      row?.addEventListener?.('pointerleave', onPointerLeave)
+      render()
+      syncMotion()
+    },
+    dispose() {
+      cancel()
+      detachRow()
+      row = undefined
+      lifeline = undefined
+      filaments = []
+      motionObserver?.disconnect()
+      motionObserver = undefined
+      document?.removeEventListener?.('visibilitychange', syncMotion)
+      reducedMotion?.removeEventListener?.('change', syncMotion)
+    },
+  }
+}

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

@@ -1,4 +1,5 @@
 import { ensureFacilityGraphic, ensureFacilityTextureDefs, renderFacilityGraphic } from './facility-vector.js'
+import { createSessionLifelineAnimator } from './session-lifeline.js'
 
 const OWNED_ATTRIBUTES = [
   'data-prts-row-title',
@@ -128,6 +129,7 @@ export function createSidebarControlAdapter({ document, window }) {
   let vectorOwners = new Set()
   const dirtyVectors = new Map()
   const vectorSizes = new WeakMap()
+  const lifelineAnimator = createSessionLifelineAnimator({ document, window })
 
   function scheduleVectors() {
     if (resizeFrame !== undefined) return
@@ -191,6 +193,8 @@ export function createSidebarControlAdapter({ document, window }) {
     const root = document?.querySelector?.('[data-prts-region="sessions"] [data-slot="sidebar.workspaces"]')
     const next = new Set()
     const nextVectorOwners = new Set()
+    let activeLifelineRow
+    let activeLifeline
     if (root) {
       for (const projection of root.querySelectorAll('[data-prts-owned-projection]')) projection.remove()
       for (const row of root.querySelectorAll('div[role="treeitem"][aria-expanded]')) {
@@ -222,6 +226,10 @@ export function createSidebarControlAdapter({ document, window }) {
         const spine = ensureFacilitySpine(document, row, 'session', next)
         registerVector(face, { kind: 'face', topNotch: true, texture: 'pickup' }, next, nextVectorOwners)
         registerVector(spine, { kind: 'spine' }, next, nextVectorOwners)
+        if (!activeLifelineRow && row.getAttribute('aria-selected') === 'true') {
+          activeLifelineRow = row
+          activeLifeline = face.querySelector('[data-prts-session-lifeline]')
+        }
         markSidebarNode(row, 'data-prts-session-row', next)
         row.dataset.prtsSessionIndex = sessionIndex
         const title = resolveRowTitle(row, 'session', controls.actions)
@@ -236,6 +244,7 @@ export function createSidebarControlAdapter({ document, window }) {
         registerVector(controls.menu, { kind: 'button' }, next, nextVectorOwners)
       }
     }
+    lifelineAnimator.setTarget(activeLifelineRow, activeLifeline)
     for (const node of owned) {
       if (next.has(node)) continue
       if (node.hasAttribute?.('data-prts-owned-projection')
@@ -252,6 +261,7 @@ export function createSidebarControlAdapter({ document, window }) {
   }
 
   function clear() {
+    lifelineAnimator.setTarget(undefined, undefined)
     for (const node of document?.querySelectorAll?.('[data-prts-owned-projection], [data-prts-owned-facility], [data-prts-owned-facility-spine], [data-prts-owned-facility-vector], [data-prts-owned-facility-defs]') ?? []) node.remove()
     for (const node of owned) {
       for (const attribute of OWNED_ATTRIBUTES) node.removeAttribute?.(attribute)
@@ -267,6 +277,7 @@ export function createSidebarControlAdapter({ document, window }) {
   return {
     start() {
       if (!document) return
+      lifelineAnimator.start()
       ensureFacilityTextureDefs(document)
       const ResizeObserver = window?.ResizeObserver
       if (!resizeObserver && typeof ResizeObserver === 'function') {
@@ -311,6 +322,7 @@ export function createSidebarControlAdapter({ document, window }) {
       resizeFrame = undefined
       if (resizeTimer !== undefined) window?.clearTimeout?.(resizeTimer)
       resizeTimer = undefined
+      lifelineAnimator.dispose()
       clear()
     },
   }

package/src/client/theme-controller-v2.js

@@ -7,6 +7,7 @@ const ROOT_ATTRIBUTES = [
   'data-prts-glass',
   'data-prts-motion',
   'data-prts-particle-pattern',
+  'data-prts-session-flow',
   'data-prts-conversation-style',
 ]
 
@@ -716,6 +717,7 @@ export function createThemeController({ document, window, cssText, service, onTr
       root.dataset.prtsGlass = preferences.glass
       root.dataset.prtsMotion = preferences.motion
       root.dataset.prtsParticlePattern = 'orthogonal'
+      root.dataset.prtsSessionFlow = preferences.sessionFlow ? 'on' : 'off'
       root.dataset.prtsConversationStyle = preferences.conversationStyle
       refresh()
     },

package/src/client/theme-controller.js

@@ -7,6 +7,7 @@ const ROOT_ATTRIBUTES = [
   'data-prts-glass',
   'data-prts-motion',
   'data-prts-particle-pattern',
+  'data-prts-session-flow',
   'data-prts-conversation-style',
 ]
 
@@ -109,6 +110,7 @@ export function createThemeController({ document, window, cssText, service }) {
       root.dataset.prtsGlass = preferences.glass
       root.dataset.prtsMotion = preferences.motion
       root.dataset.prtsParticlePattern = 'orthogonal'
+      root.dataset.prtsSessionFlow = preferences.sessionFlow ? 'on' : 'off'
       root.dataset.prtsConversationStyle = preferences.conversationStyle
       refresh()
     },

package/src/client/theme-settings-workbench.js

@@ -19,6 +19,7 @@ const COMMON_CONTROLS = [
   ['texture', '环境底纹', [['off', '关闭'], ['restrained', '克制'], ['full', '完整']]],
   ['glass', '玻璃材质', [['off', '关闭'], ['soft', '柔和'], ['standard', '标准'], ['clear', '清晰']]],
   ['motion', '动态效果', [['system', '跟随系统'], ['reduced', '减少']]],
+  ['sessionFlow', '当前会话流线', [['false', '关闭'], ['true', '开启']]],
   ['conversationStyle', '会话主题', [['native', '原有'], ['deck-chat', '通讯链路']]],
 ]
 
@@ -37,6 +38,8 @@ function settingButtons(key, label, options) {
         ? '<small data-prts-setting-note>在任意窗口宽度下默认收起 P.R.T.S. 导航，可从左侧按钮临时展开</small>'
       : key === 'conversationStyle'
         ? '<small data-prts-setting-note>立即切换会话背景、头像与消息气泡</small>'
+      : key === 'sessionFlow'
+        ? '<small data-prts-setting-note>仅控制当前会话卡片的三色流线</small>'
       : ''
   const sample = value => key === 'texture' || key === 'glass'
     ? `<i data-prts-option-sample="${key}" data-prts-option-sample-value="${value}" aria-hidden="true"></i>`
@@ -281,7 +284,11 @@ export function createThemeSettingsOverlay({
     const particleDetail = resolveParticleDetail(currentPreferences)
     for (const button of panel.querySelectorAll('button[data-prts-setting-key]')) {
       const key = button.dataset.prtsSettingKey
-      const actual = key === 'particleDetail' ? particleDetail : currentPreferences[key]
+      const actual = key === 'particleDetail'
+        ? particleDetail
+        : key === 'sessionFlow'
+          ? currentPreferences.sessionFlow !== false
+          : currentPreferences[key]
       const selected = String(actual) === button.dataset.prtsSettingValue
       button.classList.toggle('is-selected', selected)
       button.setAttribute('aria-pressed', String(selected))

package/src/styles/facility-vector.css

@@ -141,6 +141,71 @@ html[data-dsh-prts] [data-prts-session-pickup] {
   pointer-events: none;
 }
 
+html[data-dsh-prts] [data-prts-session-lifeline] {
+  --prts-lifeline-pink: #f7ddeb;
+  --prts-lifeline-green: #65ddb0;
+  --prts-lifeline-blue: #6eb7f3;
+  opacity: 0;
+  transition: opacity 160ms ease;
+  pointer-events: none;
+}
+
+html[data-dsh-prts][data-prts-scheme="light"] [data-prts-session-lifeline] {
+  --prts-lifeline-pink: #c36f99;
+  --prts-lifeline-green: #218d6b;
+  --prts-lifeline-blue: #357ebc;
+}
+
+html[data-dsh-prts] [data-prts-session-lifeline-filament] {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: .8;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  vector-effect: non-scaling-stroke;
+  shape-rendering: geometricPrecision;
+}
+
+html[data-dsh-prts] [data-prts-session-lifeline-filament="back"] {
+  stroke: var(--prts-lifeline-pink);
+  opacity: .74;
+  stroke-width: .85;
+}
+
+html[data-dsh-prts] [data-prts-session-lifeline-filament="core"] {
+  stroke: var(--prts-lifeline-green);
+  opacity: .68;
+  stroke-width: .9;
+}
+
+html[data-dsh-prts] [data-prts-session-lifeline-filament="front"] {
+  stroke: var(--prts-lifeline-blue);
+  opacity: .74;
+  stroke-width: .85;
+}
+
+html[data-dsh-prts] [data-prts-session-row][aria-selected="true"] [data-prts-session-lifeline] {
+  opacity: .62;
+}
+
+html[data-dsh-prts] [data-prts-session-row][aria-selected="true"]:hover [data-prts-session-lifeline] {
+  opacity: 0;
+}
+
+html[data-dsh-prts][data-prts-session-flow="off"] [data-prts-session-row] [data-prts-session-lifeline] {
+  opacity: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html[data-dsh-prts] [data-prts-session-lifeline] {
+    transition-duration: 0s;
+  }
+}
+
+html[data-dsh-prts][data-prts-motion="reduced"] [data-prts-session-lifeline] {
+  transition-duration: 0s;
+}
+
 html[data-dsh-prts] [data-prts-session-row]:hover [data-prts-facility-texture="pickup"] [data-prts-session-pickup] {
   opacity: .58;
   transform: translate3d(0, 0, 0);

package/src/styles/prts.css

@@ -809,7 +809,6 @@ html[data-dsh-prts] [data-prts-region="operation"] {
 html[data-dsh-prts] [data-prts-region="sessions"] {
   box-sizing: border-box;
   position: relative;
-  z-index: 4;
   overflow: hidden;
   border-right: 1px solid var(--prts-line);
   background: var(--prts-panel);
@@ -818,7 +817,6 @@ html[data-dsh-prts] [data-prts-region="sessions"] {
 
 html[data-dsh-prts] [data-prts-region="operation"] {
   position: relative;
-  z-index: 1;
   overflow: hidden;
   background: var(--prts-canvas);
   color: var(--prts-ink);
@@ -987,6 +985,14 @@ html[data-dsh-prts] [data-prts-session-row] [data-prts-row-title]::before {
   letter-spacing: .08em;
 }
 
+html[data-dsh-prts] [data-prts-session-row][aria-selected="true"] [data-prts-row-title] {
+  font-weight: 700;
+}
+
+html[data-dsh-prts] [data-prts-session-row][aria-selected="true"] [data-prts-row-title]::before {
+  color: var(--prts-yellow);
+}
+
 html[data-dsh-prts] [data-prts-workspace-actions],
 html[data-dsh-prts] [data-prts-session-actions] {
   position: absolute;
@@ -1516,7 +1522,7 @@ html[data-dsh-prts] [data-prts-composer-fallback] :is(textarea, [data-composer-i
   caret-color: var(--prts-yellow);
 }
 
-html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
 html[data-dsh-prts] [data-prts-conversation-control] {
   border: 1px solid var(--prts-line) !important;
   border-radius: var(--prts-radius-control) !important;
@@ -1526,7 +1532,7 @@ html[data-dsh-prts] [data-prts-conversation-control] {
 }
 
 
-html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):is(:hover, :focus-visible),
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *):is(:hover, :focus-visible),
 html[data-dsh-prts] [data-prts-conversation-control]:is(:hover, :focus-visible) {
   border-color: var(--prts-yellow) !important;
 }
@@ -1537,7 +1543,7 @@ html[data-dsh-prts] [data-composer-card] button[type="submit"] {
   color: var(--prts-yellow-ink) !important;
 }
 
-html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):active,
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *):active,
 html[data-dsh-prts] [data-prts-conversation-control]:active {
   transform: translateY(1px) scale(.98);
 }

package/src/styles/refinement.css

@@ -11,7 +11,6 @@ html[data-dsh-prts] [data-prts-region="frame"] {
 
 html[data-dsh-prts] [data-prts-region="frame"] > [data-shell-overlay] {
   position: absolute !important;
-  z-index: 120;
   inset: 0;
   min-width: 0;
   min-height: 0;
@@ -155,6 +154,10 @@ html[data-dsh-prts] [data-prts-session-row]:hover [data-prts-session-time] {
   opacity: 0;
 }
 
+html[data-dsh-prts] [data-prts-session-row][aria-selected="true"] [data-prts-session-time] {
+  opacity: 0;
+}
+
 /* Restore the notched P.R.T.S. composer with one complete layered contour. */
 html[data-dsh-prts] [data-composer-card],
 html[data-dsh-prts] [data-prts-composer-fallback] {
@@ -417,7 +420,7 @@ html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] textar
   resize: vertical;
 }
 
-html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
+html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
 html[data-dsh-prts] [data-prts-hero-active] [data-prts-glass-control] {
   min-height: 36px;
 }

package/src/styles/stabilization.css

@@ -137,7 +137,7 @@ html[data-dsh-prts] [data-prts-nav-bottom] b {
 /* Complete structural outlines; decorative accents are separate edges. */
 html[data-dsh-prts] [data-composer-card],
 html[data-dsh-prts] [data-prts-composer-fallback],
-html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
 html[data-dsh-prts] [data-prts-conversation-control],
 html[data-dsh-prts] [data-produced-files-row] > button[type="button"],
 html[data-dsh-prts] [data-prts-to-bottom] {