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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ash-qw/dsh-theme-prts",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "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/index.js

@@ -96,11 +96,10 @@ export function applyPrtsPlugin(ctx, environment) {
   const sidebarControls = createSidebarControlAdapter({
     document,
     window,
-    sessions: contextService(ctx, 'sessions'),
-    workspaces: contextService(ctx, 'workspaces'),
     getSessionStatus: () => contextService(ctx, 'uiSession')?.sessionStatus,
     getUiWorkspace: () => contextService(ctx, 'uiWorkspace'),
     getSessions: () => contextService(ctx, 'sessions'),
+    getWorkspaces: () => contextService(ctx, 'workspaces'),
     getUiConversation: () => contextService(ctx, 'uiConversation'),
   })
   const floatingGlass = createFloatingGlassAdapter({ document, window })

package/src/client/preferences.js

@@ -34,7 +34,10 @@ export const DEFAULT_PREFERENCES = Object.freeze({
   previewOngoing: true,
   previewWarning: true,
   previewDone: true,
+  previewFollowOngoing: true,
+  previewFollowWarning: false,
   previewDoubleClick: true,
+  previewReplyLimit: 5,
 
   sessionFlow: true,
   sessionGlow: true,
@@ -86,7 +89,7 @@ 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', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick']),
+  navigation: Object.freeze(['railDefaultHidden', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick', 'previewFollowOngoing', 'previewFollowWarning', 'previewReplyLimit']),
   conversation: Object.freeze(['sessionFlow', 'sessionGlow', 'sessionFlowPalette', 'sessionFlowColorBack', 'sessionFlowColorCore', 'sessionFlowColorFront', 'sessionFlowSpeed', 'conversationStyle', 'bakerGroupAvatars', 'conversationEmblem']),
 })
 
@@ -207,6 +210,9 @@ export function normalizePreferences(value) {
     previewOngoing: booleanOr(input.previewOngoing, DEFAULT_PREFERENCES.previewOngoing),
     previewWarning: booleanOr(input.previewWarning, DEFAULT_PREFERENCES.previewWarning),
     previewDone: booleanOr(input.previewDone, DEFAULT_PREFERENCES.previewDone),
+    previewReplyLimit: [0, 5, 10, '0', '5', '10'].includes(input.previewReplyLimit) ? Number(input.previewReplyLimit) : 5,
+    previewFollowOngoing: booleanOr(input.previewFollowOngoing, booleanOr(input.previewFollowState, true)),
+    previewFollowWarning: booleanOr(input.previewFollowWarning, booleanOr(input.previewFollowState, false)),
     previewDoubleClick: booleanOr(input.previewDoubleClick, DEFAULT_PREFERENCES.previewDoubleClick),
     conversationEmblem: booleanOr(input.conversationEmblem, DEFAULT_PREFERENCES.conversationEmblem),
     bakerGroupAvatars: booleanOr(input.bakerGroupAvatars, DEFAULT_PREFERENCES.bakerGroupAvatars),

package/src/client/preview-markdown.js

@@ -16,3 +16,29 @@ export function renderPreviewMarkdown(text) {
   }
   return previewMarkdownParser.render(text)
 }
+
+// Bounded per retained session; oversized replies are rendered without caching.
+export function createPreviewContentCache(document, render = renderPreviewMarkdown) {
+  const entries = new Map()
+  let size = 0
+  return text => {
+    const hit = entries.get(text)
+    if (hit) { entries.delete(text); entries.set(text, hit); return hit }
+    const html = render(text)
+    const plain = document.createElement('div')
+    plain.innerHTML = html
+    const summary = plain.textContent.replace(/\s+/g, ' ').trim().slice(0, 100)
+    const cost = text.length + html.length + summary.length
+    const value = {html, summary, cost}
+    if (cost <= 262144) {
+      while (entries.size && (entries.size >= 32 || size + cost > 262144)) {
+        const key = entries.keys().next().value
+        size -= entries.get(key).cost
+        entries.delete(key)
+      }
+      entries.set(text, value)
+      size += cost
+    }
+    return value
+  }
+}

package/src/client/session-lifeline.js

@@ -138,7 +138,7 @@ export function createSessionLifelineAnimator({ document, window }) {
     return Boolean(
       row?.isConnected
       && lifeline?.isConnected
-      && row.getAttribute('aria-selected') === 'true'
+      && (row.hasAttribute('data-prts-selection-target') ? row.getAttribute('data-prts-selection-target') === 'true' : row.getAttribute('aria-selected') === 'true')
       && document?.visibilityState !== 'hidden'
       && document?.documentElement?.dataset?.prtsSessionFlow !== 'off'
       && document?.documentElement?.dataset?.prtsMotion !== 'reduced'

package/src/client/session-summary-preview.js

@@ -1,4 +1,4 @@
-import { renderPreviewMarkdown } from './preview-markdown.js'
+import { createPreviewContentCache } from './preview-markdown.js'
 export function canAnswerPreview(pending) {
   if (pending?.kind === 'approval') return pending.answerable === true && typeof pending.answer === 'function'
   const question = pending?.questions?.[0]
@@ -42,7 +42,9 @@ export function latestAssistantReply(snapshot) {
 export function completedPreviewReplies(snapshot) {
   const replies = []
   const latestTurn = snapshot?.timeline?.turnOrder?.at(-1)
-  for (const key of [...(snapshot?.order ?? [])].reverse()) {
+  const order = snapshot?.order ?? []
+  for (let i = order.length - 1; i >= 0; i--) {
+    const key = order[i]
     const node = snapshot.nodes?.get?.(key)
     if (['user', 'steering', 'turn-trigger'].includes(node?.kind)) break
     if (latestTurn !== undefined && node?.location?.turn?.turn !== latestTurn) continue
@@ -53,10 +55,89 @@ export function completedPreviewReplies(snapshot) {
   return replies.reverse()
 }
 
-export function createSessionSummaryPreview({ document, window, sessions, getSessions, getUiConversation, getSessionStatus, openSession, getPreviewPreferences }) {
+// Ignore streaming text: only settled prose and turn boundaries affect this list.
+// Cache immutable host data; mutable test/older-host data is read on each check.
+export function createPreviewReplySelector() {
+  const textCache = new WeakMap()
+  let previous = [], previousTurn, previousBoundary
+  return (snapshot, limit = 5) => {
+    const order = snapshot?.order ?? []
+    const turn = snapshot?.timeline?.turnOrder?.at(-1)
+    const replies = []
+    let boundary
+    for (let i = order.length - 1; i >= 0; i--) {
+      const key = order[i], node = snapshot.nodes?.get?.(key)
+      if (['user', 'steering', 'turn-trigger'].includes(node?.kind)) { boundary = key; break }
+      if (turn !== undefined && node?.location?.turn?.turn !== turn) continue
+      if (node?.kind !== 'assistant-step' || node.visibility === 'hidden' || node.data?.status !== 'settled') continue
+      let text = textCache.get(node.data)
+      if (text === undefined) {
+        text = (node.data.blocks ?? []).filter(block => block.kind === 'text').map(block => block.text ?? '').join('').trim()
+        if (Object.isFrozen(node.data)) textCache.set(node.data, text)
+      }
+      if (text) replies.push({key, text})
+    }
+    replies.reverse()
+    const selected = (limit > 0 ? replies.slice(-limit) : replies)
+      .map((reply, index) => ({...reply, ordinal: replies.length - (limit > 0 ? Math.min(limit, replies.length) : replies.length) + index + 1}))
+    if (turn === previousTurn && boundary === previousBoundary && selected.length === previous.length && selected.every((reply, i) => reply.key === previous[i].key && reply.text === previous[i].text && reply.ordinal === previous[i].ordinal)) return previous
+    previousTurn = turn
+    previousBoundary = boundary
+    return previous = selected
+  }
+}
+
+function previewStatusFields(status) {
+  const pending = status?.pendingInteraction
+  return [status?.running, status?.completionUnread, pending, pending?.answer,
+    JSON.stringify([pending?.kind, pending?.answerable, pending?.getSnapshot?.().closed,
+      pending?.questions, pending?.callId, pending?.toolName, pending?.reason, pending?.displayReason])]
+}
+
+export function approvalCallDetails(snapshot, pending) {
+  if (!pending?.callId) return undefined
+  for (const node of snapshot?.nodes?.values?.() ?? []) {
+    const root = node.kind === 'tool-call' ? node.data?.root : undefined
+    if (!root || root.callId !== pending.callId || 'kind' in root || root.phase !== 'start') continue
+    const raw = root.argsRaw
+    if (typeof raw !== 'string') return undefined
+    try {
+      const args = JSON.parse(raw)
+      if (args && typeof args === 'object' && !Array.isArray(args) && typeof args.command === 'string') {
+        const {command, ...rest} = args
+        return {command, parameters: Object.keys(rest).length ? JSON.stringify(rest, null, 2) : ''}
+      }
+      return {parameters: JSON.stringify(args, null, 2)}
+    } catch { return {parameters: raw} }
+  }
+}
+
+export function createSessionSummaryPreview({ document, window, sessions, getSessions, getUiConversation, getSessionStatus, openSession, getPreviewPreferences, onPreviewClosed, onAnswerSubmitted }) {
   let active
-  function stop(force = true) {
-    if (!force && active) return
+  function follows(state) {
+    const preferences = getPreviewPreferences?.() ?? {}
+    return state === 'warning' ? preferences.previewFollowWarning === true : preferences.previewFollowOngoing !== false
+  }
+  // Shared across running, pending and completed previews. Active ownership is
+  // outside the LRU so it can never be evicted by an idle timeout.
+  const warm = new Map()
+  const cacheLimit = 5
+  function releaseWarm(id) {
+    const entry = warm.get(id)
+    if (!entry) return
+    warm.delete(id)
+    window.clearTimeout(entry.timer)
+    entry.reference.release()
+  }
+  function clearWarm() {
+    for (const id of warm.keys()) releaseWarm(id)
+  }
+  function trimWarm(limit) {
+    while (warm.size > limit) releaseWarm(warm.keys().next().value)
+  }
+  function stop(force = true, keepWarm = false) {
+    if (!force) return
+    if (!keepWarm) clearWarm()
     const old = active
     active = undefined
     if (!old) return
@@ -65,7 +146,15 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
     window.clearTimeout(old.refresh)
     old.unsubscribe?.()
     old.unsubscribeStatus?.()
-    old.reference?.release()
+    if (keepWarm && old.reference && old.source) {
+      releaseWarm(old.id)
+      const entry = { reference: old.reference, source: old.source, contentCache: old.contentCache }
+      entry.timer = window.setTimeout(() => {
+        if (warm.get(old.id) === entry) releaseWarm(old.id)
+      }, 30000)
+      warm.set(old.id, entry)
+      trimWarm(cacheLimit)
+    } else old.reference?.release()
     old.panel.hidePopover?.()
     old.panel.hidden = true
     old.panel.removeAttribute('data-prts-preview-editing')
@@ -80,19 +169,25 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       old.panel.remove()
       if (old.originalParent?.isConnected) old.originalParent.append(old.panel)
     }
+    onPreviewClosed?.()
   }
   function show(id, panel, title, anchor) {
-    if (active?.sticky && active.id !== id) return
     if (active?.id === id) {
       window.clearTimeout(active.leaveTimer)
       return
     }
-    stop()
+    stop(true, true)
+    const cached = warm.get(id)
+    if (cached) { window.clearTimeout(cached.timer); warm.delete(id) }
+    // Reserve one slot for the active preview, including a pending acquisition.
+    trimWarm(cacheLimit - 1)
     const current = { id, panel, anchor, originalParent: panel.parentElement,
       group: anchor?.closest('[data-prts-session-summary-group]') }
     current.group?.setAttribute('data-prts-preview-open', '')
     anchor?.setAttribute('data-prts-preview-active', '')
     active = current
+    current.contentCache = cached?.contentCache ?? createPreviewContentCache(panel.ownerDocument)
+    if (cached) { current.reference = cached.reference; current.source = cached.source }
     const keep = () => window.clearTimeout(current.leaveTimer)
     const onDoubleClick = event => {
       if (active !== current || event.button !== 0 || getPreviewPreferences?.().previewDoubleClick === false) return
@@ -134,7 +229,82 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
     panel.ownerDocument.body.append(panel)
     current.detached = true
     panel.showPopover?.()
+    let positionFrame
+    const positionPanels = () => {
+      positionFrame = undefined
+      if (active !== current) return
+      const viewport = window.visualViewport
+      const left = (viewport?.offsetLeft ?? 0) + 8, top = (viewport?.offsetTop ?? 0) + 8
+      const width = Math.max(1, (viewport?.width ?? window.innerWidth) - 16)
+      const height = Math.max(1, (viewport?.height ?? window.innerHeight) - 16)
+      const place = (surface, reference, preferredTop, noticeOwner, anchorBottom = preferredTop) => {
+        surface.style.maxWidth = 'none'
+        surface.style.maxHeight = 'none'
+        const bounds = surface.getBoundingClientRect()
+        const x = reference ? reference.right + 10 : left
+        const fitsVertically = y => y >= top && y + bounds.height <= top + height
+        const above = anchorBottom - bounds.height
+        const y = !fitsVertically(preferredTop) && fitsVertically(above) ? above : preferredTop
+        const insufficient = Boolean(reference) && (x < left || x + bounds.width > left + width || !fitsVertically(y))
+        surface.toggleAttribute('data-prts-preview-no-space', insufficient)
+        const noticeKey = surface === panel ? 'spaceNotice' : 'detailSpaceNotice'
+        if (insufficient && noticeOwner) {
+          let notice = current[noticeKey]
+          if (!notice) {
+            notice = panel.ownerDocument.createElement('div')
+            notice.setAttribute('data-prts-preview-space-notice', '')
+            notice.setAttribute('role', 'status')
+            const guidance = '空间不足，无法展开预览。可点击会话进入；建议扩大窗口，或在辅助功能中关闭对应预览。'
+            notice.textContent = surface === panel ? '空间不足，无法展开正文预览' : guidance
+            notice.title = guidance
+            current[noticeKey] = notice
+          }
+          if (notice.parentElement !== noticeOwner) noticeOwner.append(notice)
+        } else { current[noticeKey]?.remove(); current[noticeKey] = undefined }
+        surface.style.left = x + 'px'
+        surface.style.top = y + 'px'
+        return !insufficient
+      }
+      const menu = current.anchor?.closest('[data-prts-session-summary-popover]')
+      const reference = menu?.getBoundingClientRect()
+      const row = current.anchor?.getBoundingClientRect()
+      const visible = place(panel, reference, row?.top ?? (parseFloat(panel.style.top) || top), menu, row?.bottom)
+      if (current.detail && !current.detail.hidden) {
+        if (visible) place(current.detail, panel.getBoundingClientRect(), panel.getBoundingClientRect().top, panel, panel.getBoundingClientRect().bottom)
+        else current.detail.setAttribute('data-prts-preview-no-space', '')
+      }
+
+    }
+    const schedulePosition = () => {
+      if (positionFrame === undefined) positionFrame = window.requestAnimationFrame(positionPanels)
+    }
+    const positionObserver = window.ResizeObserver ? new window.ResizeObserver(schedulePosition) : undefined
+    positionObserver?.observe(panel)
+    window.addEventListener('resize', schedulePosition)
+    window.visualViewport?.addEventListener('resize', schedulePosition)
+    window.visualViewport?.addEventListener('scroll', schedulePosition)
+    const cleanupHover = current.cleanupHover
+    current.cleanupHover = () => {
+      cleanupHover()
+      current.spaceNotice?.remove()
+      current.detailSpaceNotice?.remove()
+      panel.removeAttribute('data-prts-preview-no-space')
+      positionObserver?.disconnect()
+      window.cancelAnimationFrame(positionFrame)
+      window.removeEventListener('resize', schedulePosition)
+      window.visualViewport?.removeEventListener('resize', schedulePosition)
+      window.visualViewport?.removeEventListener('scroll', schedulePosition)
+    }
+    schedulePosition()
     const label = panel.querySelector('strong')
+    let sessionTitle = panel.querySelector('[data-prts-preview-session-title]')
+    if (!sessionTitle) {
+      sessionTitle = panel.ownerDocument.createElement('div')
+      sessionTitle.setAttribute('data-prts-preview-session-title', '')
+      panel.prepend(sessionTitle)
+    }
+    sessionTitle.textContent = title
+    sessionTitle.title = title
     let body = panel.querySelector('[data-prts-preview-body]')
     if (!body) {
       body = panel.ownerDocument.createElement('div')
@@ -163,6 +333,7 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       const pending = pendingNow()
       if (!canAnswerPreview(pending)) return
       current.editor = true
+      current.editingPending = pending
       // Detach from the hover menu before promoting again to the top layer.
       panel.setAttribute('data-prts-preview-editing', '')
       panel.setAttribute('role', 'dialog')
@@ -191,7 +362,10 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
           await pending.answer(approval
             ? selected.has('仅允许本次') ? 'allowed-once' : 'rejected'
             : {answers:[{id:question.id,selected:question.options.map(o=>o.label).filter(value=>selected.has(value))}]})
-          if (active === current) {
+          if (active === current && !follows('warning')) {
+            stop(true, true)
+            onAnswerSubmitted?.('warning')
+          } else if (active === current) {
             current.sticky = true
             keep()
             current.answeredPending = pending
@@ -259,15 +433,19 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       }
     }
     let lastChoices = ''
-    let source
+    let source = cached?.source
     let previousText
     let previousQuestion
     let historyKeys = []
+    const selectReplies = createPreviewReplySelector()
+    const replyLimit = () => getPreviewPreferences?.().previewReplyLimit ?? 5
     let detailKey
     let detailEntry
     const hideDetail = () => {
       current.detail?.hidePopover?.()
       if (current.detail) current.detail.hidden = true
+      current.detailSpaceNotice?.remove()
+      current.detailSpaceNotice = undefined
       detailKey = undefined
       detailEntry?.removeAttribute('data-prts-reply-active')
       detailEntry = undefined
@@ -287,15 +465,16 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
         detail.append(heading, content)
         panel.append(detail)
         current.detail = detail
+        positionObserver?.observe(detail)
       }
       const detail = current.detail
       detailKey = reply.key
       detailEntry?.removeAttribute('data-prts-reply-active')
       detailEntry = item
       item?.setAttribute('data-prts-reply-active', '')
-      detail.querySelector('strong').textContent = '回复 ' + (index + 1)
+      detail.querySelector('strong').textContent = '回复 ' + (reply.ordinal ?? index + 1)
       const content = detail.querySelector('[data-prts-preview-body]')
-      content.innerHTML = renderPreviewMarkdown(reply.text)
+      content.innerHTML = current.contentCache(reply.text).html
       content.scrollTop = 0
       detail.hidden = false
       const rect = panel.getBoundingClientRect()
@@ -305,17 +484,42 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       detail.style.left = (beside ? rect.right + 10 : Math.max(8, Math.min(rect.left, window.innerWidth - width - 8))) + 'px'
       detail.style.top = Math.max(8, Math.min(beside ? rect.top : rect.bottom + 8, window.innerHeight - 240)) + 'px'
       detail.showPopover?.()
+      schedulePosition()
+    }
+    const renderApprovalDetails = pending => {
+      if (pending?.kind !== 'approval') return
+      const details = approvalCallDetails(source?.getSnapshot(), pending)
+      let section = body.querySelector('[data-prts-approval-details]')
+      const signature = JSON.stringify(details ?? null)
+      if (section?.dataset.signature === signature) return
+      if (!section) { section = document.createElement('div'); section.setAttribute('data-prts-approval-details', ''); body.append(section) }
+      section.dataset.signature = signature
+      section.replaceChildren()
+      if (!details) {
+        section.textContent = source ? '暂无可用的操作参数，请进入会话核对详情。' : '正在读取操作详情…'
+        return
+      }
+      for (const [name, value] of [['命令', details.command], ['参数', details.parameters]]) {
+        if (!value) continue
+        const heading = document.createElement('div')
+        heading.textContent = name
+        const code = document.createElement('pre')
+        code.textContent = value
+        section.append(heading, code)
+      }
     }
     const render = () => {
       if (active !== current) return
-      if (current.editor) { current.validate?.(); return }
+      if (current.editor) { current.validate?.(); if (pendingNow() === current.editingPending) renderApprovalDetails(current.editingPending); return }
       const status = getSessionStatus?.()?.getSnapshot().get(id)
       const pending = status?.pendingInteraction === current.answeredPending
         ? undefined : status?.pendingInteraction
       const approval = pending?.kind === 'approval'
+      panel.toggleAttribute('data-prts-preview-approval', approval)
       const question = approval || pending?.kind === 'question' || pending?.kind === 'plan-review'
       const state = question ? 'warning' : status?.running || (current.answeredPending && status?.pendingInteraction === current.answeredPending) ? 'ongoing'
         : status?.completionUnread || status?.running === false ? 'done' : current.group?.getAttribute('data-prts-session-summary-group') || ''
+      if (current.state && current.state !== state && !follows(current.state)) return
       if (current.state && current.state !== state) {
         current.sticky = true
         keep()
@@ -346,39 +550,53 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       choices.hidden = !labels.length
       panel.setAttribute('aria-label', title + '：' + label.textContent)
       if (state === 'ongoing' && source) {
-        const replies = completedPreviewReplies(source.getSnapshot())
+        const replies = selectReplies(source.getSnapshot(), replyLimit())
+        if (replies === historyKeys) return
         panel.toggleAttribute('data-prts-preview-empty', !replies.length)
-        const extendsHistory = historyKeys.length > 0 && historyKeys.every((entry,index) => replies[index]?.key === entry.key && replies[index]?.text === entry.text)
-        if (!extendsHistory) {
-          hideDetail()
-          body.replaceChildren()
-          body.scrollTop = 0
-          historyKeys = []
+        const previousTop = body.scrollTop
+        const scrollAnchor = previousTop > 0 ? [...body.children].find(entry => entry.getBoundingClientRect().bottom > body.getBoundingClientRect().top) : undefined
+        const anchorTop = scrollAnchor?.getBoundingClientRect().top
+        const retained = new Map(historyKeys.map(reply => [reply.key, reply]))
+        for (const old of historyKeys) {
+          const replacement = replies.find(reply => reply.key === old.key)
+          if (!replacement || replacement.text !== old.text || replacement.ordinal !== old.ordinal) {
+            body.querySelectorAll('[data-prts-preview-message]').forEach(entry => {
+              if (entry.dataset.replyKey === old.key) entry.remove()
+            })
+            retained.delete(old.key)
+            if (detailKey === old.key) hideDetail()
+          }
         }
+        if (!historyKeys.length) body.replaceChildren()
         if (!replies.length) body.textContent = '正在处理，等待本轮正文输出完成…'
-        const previousHeight = body.scrollHeight
-        const previousTop = body.scrollTop
-        for (let index = historyKeys.length; index < replies.length; index++) {
+        for (let index = 0; index < replies.length; index++) {
+          const reply = replies[index]
+          if (retained.has(reply.key)) continue
           const entry = panel.ownerDocument.createElement('article')
           entry.setAttribute('data-prts-preview-message', '')
+          entry.dataset.replyKey = reply.key
           const item = panel.ownerDocument.createElement('button')
           item.type = 'button'
           item.setAttribute('data-prts-reply-entry', '')
           const heading = panel.ownerDocument.createElement('small')
-          heading.textContent = '回复 ' + (index + 1)
+          heading.textContent = '回复 ' + reply.ordinal
           const summary = panel.ownerDocument.createElement('span')
-          const plain = panel.ownerDocument.createElement('div')
-          plain.innerHTML = renderPreviewMarkdown(replies[index].text)
-          summary.textContent = plain.textContent.replace(/\s+/g, ' ').trim().slice(0, 100)
+          summary.textContent = current.contentCache(reply.text).summary
           item.append(heading, summary)
-          item.addEventListener('pointermove', () => showDetail(replies[index], index, item))
-          item.addEventListener('focus', () => showDetail(replies[index], index, item))
-          item.addEventListener('click', () => showDetail(replies[index], index, item))
+          item.addEventListener('pointermove', () => showDetail(reply, index, item))
+          item.addEventListener('focus', () => showDetail(reply, index, item))
+          item.addEventListener('click', () => showDetail(reply, index, item))
           entry.append(item)
           body.prepend(entry)
         }
-        if (previousTop > 0) body.scrollTop = previousTop + body.scrollHeight - previousHeight
-        else body.scrollTop = 0
+        // Reorder only when necessary, preserving retained DOM and open details.
+        const entries = new Map([...body.children].map(entry => [entry.dataset.replyKey, entry]))
+        for (let i = replies.length - 1, position = 0; i >= 0; i--, position++) {
+          const entry = entries.get(replies[i].key)
+          if (body.children[position] !== entry) body.insertBefore(entry, body.children[position] ?? null)
+        }
+        if (scrollAnchor?.isConnected) body.scrollTop += scrollAnchor.getBoundingClientRect().top - anchorTop
+        else if (previousTop === 0) body.scrollTop = 0
         historyKeys = replies
         previousText = undefined
         previousQuestion = undefined
@@ -396,14 +614,21 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
       if (previousText !== text || previousQuestion !== question) {
         const extendsReply = previousQuestion === question && previousText && text.startsWith(previousText)
         if (question) body.textContent = text
-        else body.innerHTML = renderPreviewMarkdown(text)
+        else body.innerHTML = current.contentCache(text).html
         previousText = text
         previousQuestion = question
         if (!extendsReply) body.scrollTop = 0
       }
+      if (approval) renderApprovalDetails(pending)
       if (canAnswerPreview(pending)) enableAnswer()
     }
-    current.unsubscribeStatus = getSessionStatus?.()?.subscribe(render)
+    let statusFields = previewStatusFields(getSessionStatus?.()?.getSnapshot().get(id))
+    current.unsubscribeStatus = getSessionStatus?.()?.subscribe(() => {
+      const next = previewStatusFields(getSessionStatus?.()?.getSnapshot().get(id))
+      if (next.every((value, index) => value === statusFields[index])) return
+      statusFields = next
+      render()
+    })
     render()
     body.scrollTop = 0
     current.delay = window.setTimeout(async () => {
@@ -411,14 +636,16 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
         const service = getUiConversation?.()
         const controller = getSessions?.() ?? sessions
         if (!controller?.retain || !service?.binding) throw new Error('unavailable')
-        current.reference = controller.retain(id, { source: 'prtsSummaryPreview' })
+        if (!current.reference) current.reference = controller.retain(id, { source: 'prtsSummaryPreview' })
         const binding = await current.reference.ready
         if (active !== current) return
-        source = service.binding(binding).target('chat')
+        source ??= service.binding(binding).target('chat')
+        current.source = source
         current.unsubscribe = source.subscribe(() => {
           if (active !== current || current.refresh !== undefined) return
           current.refresh = window.setTimeout(() => {
             current.refresh = undefined
+            if (current.state === 'ongoing' && !current.editor && selectReplies(source.getSnapshot(), replyLimit()) === historyKeys) return
             render()
           }, 120)
         })
@@ -432,14 +659,14 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
         render()
         if (body.textContent.trim() === '正在读取…') body.textContent = '暂时无法读取回复，可点击会话查看'
       }
-    }, 80)
+    }, cached ? 0 : 80)
   }
   function leave() {
     if (!active || active.sticky) return
     const current = active
     window.clearTimeout(current.leaveTimer)
     current.leaveTimer = window.setTimeout(() => {
-      if (active === current && !current.panel.matches(':hover')) stop()
+      if (active === current && !current.panel.matches(':hover')) stop(true, true)
     }, 300)
   }
   function reanchor(root) {
@@ -455,7 +682,14 @@ export function createSessionSummaryPreview({ document, window, sessions, getSes
     anchor?.setAttribute('data-prts-preview-active', '')
     window.clearTimeout(active.leaveTimer)
   }
-  return { show, stop, leave, reanchor }
+  function enterState(state) {
+    if (active && active.state !== state) stop(true, true)
+  }
+  function pinnedState() {
+    return active && !follows(active.state)
+      ? { id: active.id, state: active.state } : undefined
+  }
+  return { show, stop, leave, reanchor, enterState, pinnedState, isOpen: () => Boolean(active) }
 }
 
 export function scrollSummaryTitle(button, viewport, text, window) {