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

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

@@ -64,7 +64,7 @@ function settingButtons(key, label, options) {
       : key === 'sessionFlowPalette'
         ? '<small data-prts-setting-note>同时适配日间与夜间模式</small>'
       : ''
-  if (['cursor', 'railDefaultHidden', 'sessionFlow', 'sessionGlow', 'bakerGroupAvatars', 'conversationEmblem', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick'].includes(key)) return `<div data-prts-setting-row="${key}">
+  if (['cursor', 'railDefaultHidden', 'sessionFlow', 'sessionGlow', 'bakerGroupAvatars', 'conversationEmblem', 'sessionPreview', 'previewOngoing', 'previewWarning', 'previewDone', 'previewDoubleClick', 'previewFollowOngoing', 'previewFollowWarning'].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>`
@@ -195,8 +195,16 @@ export function themeSettingsMarkup() {
                 <section data-prts-preview-setting-group>
                   <header><strong>悬停预览</strong><small>选择哪些状态显示详细浮窗</small></header>
                   ${previewSetting('previewOngoing', '运行中预览', '逐轮查看已完成的回复，最新内容置顶')}
+                  <div data-prts-preview-details="previewOngoing">
+                  <label data-prts-setting-row="previewReplyLimit"><span><strong>回复条数</strong><small data-prts-preview-setting-description>仅保留最新回复</small></span><select data-prts-preview-reply-limit aria-label="最多显示回复"><option value="5">最新 5 条</option><option value="10">最新 10 条</option><option value="0">不限制</option></select></label>
+                  ${previewSetting('previewFollowOngoing', '运行结束后跟随', '转为待处理或已完成时，自动切换预览')}
+                  </div>
                   ${previewSetting('previewWarning', '待处理预览（回答与审批）', '查看问题或审批请求，并直接提交选择')}
+                  <div data-prts-preview-details="previewWarning">
+                  ${previewSetting('previewFollowWarning', '待处理结束后跟随', '回答或审批后继续跟随；关闭则留在待处理列表')}
+                  </div>
                   ${previewSetting('previewDone', '已完成预览', '查看本轮最终回复')}
+
                 </section>
                 <section data-prts-preview-setting-group>
                   <header><strong>快捷操作</strong></header>
@@ -515,6 +523,11 @@ export function createThemeSettingsOverlay({
       toggle.setAttribute('aria-checked', String(enabled))
       toggle.classList.toggle('is-active', enabled)
     }
+    const replyLimitSelect = panel.querySelector('[data-prts-preview-reply-limit]')
+    if (replyLimitSelect) replyLimitSelect.value = String(currentPreferences.previewReplyLimit)
+    const replyLimitRow = panel.querySelector('[data-prts-setting-row="previewReplyLimit"]')
+    if (replyLimitRow) replyLimitRow.hidden = currentPreferences.previewOngoing === false
+    for (const details of panel.querySelectorAll('[data-prts-preview-details]')) details.hidden = currentPreferences[details.dataset.prtsPreviewDetails] === false
     const previewOptions = panel.querySelector('[data-prts-preview-options]')
     if (previewOptions) previewOptions.hidden = currentPreferences.sessionPreview === false
     for (const key of ['sessionGlow', 'sessionFlowPalette', 'sessionFlowColors', 'sessionFlowSpeed']) {
@@ -636,6 +649,7 @@ export function createThemeSettingsOverlay({
 
   function onPanelInput(event) {
     const target = event.target
+    if (target?.matches?.('[data-prts-preview-reply-limit]')) { onPreferenceChange('previewReplyLimit', Number(target.value)); return }
     if (target?.matches?.('input[data-prts-setting-color]')) {
       const key = target.dataset.prtsSettingKey
       const value = normalizeSessionFlowColor(target.value, currentSessionFlowColor(key))

package/src/styles/facility-vector.css

@@ -775,3 +775,8 @@ html[data-dsh-prts] [data-prts-reply-entry]:is(:hover,:focus-visible,[data-prts-
 html[data-dsh-prts] [data-prts-reply-entry] small { flex:0 0 auto;white-space:nowrap;padding-top:2px;color:var(--prts-muted);font:10px/1.5 var(--prts-mono); }
 html[data-dsh-prts] [data-prts-reply-entry] span { min-width:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:12px/1.6 var(--prts-body);overflow-wrap:anywhere; }
 html[data-dsh-prts] [data-prts-reply-detail]:not([data-prts-preview-question]) > [data-prts-preview-body] { max-height:190px; }
+
+html[data-dsh-prts] [data-prts-preview-marker] { display:none;flex:none;margin-left:auto;color:var(--prts-muted);font:600 9px/1.4 var(--prts-body); }
+html[data-dsh-prts] [data-prts-preview-active] > [data-prts-preview-marker] { display:block; }
+html[data-dsh-prts] [data-prts-session-summary-item][data-prts-preview-active] { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--prts-ink) 30%,transparent);border-top-color:transparent;border-radius:5px;background:color-mix(in srgb,currentColor 9%,transparent); }
+html[data-dsh-prts] [data-prts-preview-session-title] { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;color:var(--prts-muted);font:400 11px/1.5 var(--prts-body); }

package/src/styles/theme-settings-workbench.css

@@ -920,6 +920,13 @@ html[data-dsh-prts] [data-prts-preview-settings] {
 & [data-prts-setting-row] { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border:0;background:none; }
 & [data-prts-setting-row] > span { display:grid;gap:5px;min-width:0; }
 & [data-prts-setting-row] strong { font:600 12px/1.5 var(--prts-body); }
+& [data-prts-setting-row="previewReplyLimit"] { padding:0 0 14px;gap:12px; }
+& [data-prts-setting-row="previewReplyLimit"] strong { color:var(--prts-muted);font-size:11px; }
+& [data-prts-preview-reply-limit] { min-width:112px;padding:7px 10px;border:1px solid var(--prts-line);border-radius:5px;background:var(--prts-panel-raised);color:var(--prts-ink);font:400 11px/1.5 var(--prts-body); }
+& [data-prts-preview-reply-limit]:focus-visible { outline:2px solid var(--prts-ink);outline-offset:2px; }
+& [data-prts-preview-details] { padding:0 12px;margin:0 -12px 8px 0;border-radius:5px;background:color-mix(in srgb,var(--prts-ink) 3%,transparent); }
+& [data-prts-preview-details] [data-prts-setting-row] { padding:10px 0; }
+& [data-prts-preview-details] [data-prts-setting-row] strong { font-size:11px; }
 & [data-prts-preview-setting-description] { color:var(--prts-muted);font:400 11px/1.6 var(--prts-body); }
 & [data-prts-preview-master] { padding:8px 20px;background:color-mix(in srgb,var(--prts-yellow) 5%,transparent); }
 & [data-prts-preview-master] [data-prts-setting-row] strong { font-size:14px; }